@moveindustries/movement-design-system 1.1.6 → 1.2.1

package/dist/components/Footer/Footer.d.ts

@@ -1,72 +1,71 @@
 import { default as React } from 'react';
-declare const footerLinkVariants: (props?: ({
-    variant?: "default" | "muted" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const socialIconVariants: (props?: ({
-    variant?: "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const footerHeaderVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Footer — the unified Movement footer shared across all Movement Network
+ * apps (Bridge, Staking, Explorer, Faucet). Solid-black slab:
+ *   - "Powered by Movement" wordmark + monogram (left)
+ *   - Three short link columns — Explore / Builders / Resource (right)
+ *   - Hairline divider
+ *   - Legal row: copyright + Terms/Privacy (left), X / Discord / GitHub /
+ *     Telegram / LinkedIn social icons (right)
+ *
+ * Single responsive component — stacks vertically below the `md` breakpoint
+ * and lays out horizontally from `md` up (no separate desktop/mobile trees).
+ *
+ * Self-contained and framework-agnostic: plain `<a>` anchors (no router
+ * dependency) and inline-SVG icons (no icon-lib dependency). Width and
+ * padding read `--container-max` / `--container-padding-x` from the host
+ * app with the Bridge reference values as fallbacks, and typography reads
+ * `--font-display`, so the footer renders identically everywhere while
+ * still aligning with each app's content grid.
+ */
 export interface FooterLink {
     label: string;
     href: string;
+    /** Open in a new tab with rel="noopener noreferrer". @default false */
+    external?: boolean;
 }
 export interface FooterColumn {
     title: string;
     links: FooterLink[];
 }
+export type SocialPlatform = "x" | "discord" | "github" | "telegram" | "linkedin" | "reddit";
 export interface SocialLink {
-    platform: "x" | "discord" | "github" | "linkedin" | "reddit" | "telegram";
+    platform: SocialPlatform;
     href: string;
+    /** Accessible label. Falls back to a sensible default per platform. */
+    label?: string;
 }
 export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
     /**
-     * Whether to show the heading tagline
-     * @default true
+     * Navigation columns rendered on the right of the top row.
+     * @default Explore / Builders / Resource
      */
-    showHeading?: boolean;
+    columns?: FooterColumn[];
     /**
-     * Custom heading text
+     * Social media links rendered at the bottom right.
+     * @default X / Discord / GitHub / Telegram / LinkedIn
      */
-    heading?: string;
+    socialLinks?: SocialLink[];
     /**
-     * Footer navigation columns
+     * Legal links rendered next to the copyright at the bottom left.
+     * @default Terms of Service / Privacy Policy
      */
-    columns?: FooterColumn[];
+    legalLinks?: FooterLink[];
     /**
-     * Social media links
+     * Copyright text. When omitted, renders "Movement © {currentYear}".
      */
-    socialLinks?: SocialLink[];
+    copyright?: string;
     /**
-     * Copyright text
-     * @default "© 2026 Movement Network Foundation. All rights reserved."
+     * Href for the "Powered by Movement" brand lockup.
+     * @default "https://www.movementnetwork.xyz"
      */
-    copyright?: string;
-}
-interface DesktopFooterProps {
-    showHeading: boolean;
-    heading: string;
-    columns: FooterColumn[];
-    socialLinks: SocialLink[];
-    copyright: string;
-    className?: string;
-}
-declare function DesktopFooter({ showHeading, heading, columns, socialLinks, copyright, className, }: DesktopFooterProps): import("react/jsx-runtime").JSX.Element;
-interface MobileFooterProps {
-    showHeading: boolean;
-    heading: string;
-    columns: FooterColumn[];
-    socialLinks: SocialLink[];
-    copyright: string;
-    className?: string;
+    brandHref?: string;
+    /**
+     * Brand wordmark text shown next to the monogram.
+     * @default "Powered by Movement"
+     */
+    brandLabel?: string;
 }
-declare function MobileFooter({ showHeading, heading, columns, socialLinks, copyright, className, }: MobileFooterProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Footer component for displaying site-wide footer with navigation, social links, and branding.
- * Automatically switches between desktop and mobile layouts based on screen size.
- *
- * - Desktop (≥768px): Horizontal layout with logo left, nav columns right
- * - Mobile (<768px): Centered layout with 2x2 grid for nav columns
- */
-declare function Footer({ className, showHeading, heading, columns, socialLinks, copyright, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
-export { Footer, DesktopFooter, MobileFooter, footerLinkVariants, footerHeaderVariants, socialIconVariants, };
+declare function Footer({ className, columns, socialLinks, legalLinks, copyright, brandHref, brandLabel, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export { Footer };
 //# sourceMappingURL=Footer.d.ts.map

package/dist/components/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgF1B,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAGF,QAAA,MAAM,kBAAkB;;8EAYvB,CAAC;AAGF,QAAA,MAAM,oBAAoB,oFAAoE,CAAC;AAG/F,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,GAAG,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyGD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,kBAAkB,2CA0CpB;AAKD,UAAU,iBAAiB;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,2CAqCnB;AAMD;;;;;;GAMG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,WAAkB,EAClB,OAAwD,EACxD,OAAwB,EACxB,WAAgC,EAChC,SAAsE,EACtE,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;;;;;;;;GAkBG;AAMH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GACtB,GAAG,GACH,SAAS,GACT,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA4DD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAwB,EACxB,WAAgC,EAChC,UAA8B,EAC9B,SAAS,EACT,SAAwB,EACxB,UAAkC,EAClC,GAAG,KAAK,EACT,EAAE,WAAW,2CAqEb;AAqID,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Footer/index.d.ts

@@ -1,3 +1,3 @@
-export { Footer, DesktopFooter, MobileFooter, footerLinkVariants, footerHeaderVariants, socialIconVariants, } from './Footer';
-export type { FooterProps, FooterLink, FooterColumn, SocialLink, } from './Footer';
+export { Footer } from './Footer';
+export type { FooterProps, FooterLink, FooterColumn, SocialLink, SocialPlatform, } from './Footer';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,UAAU,GACX,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,UAAU,EACV,cAAc,GACf,MAAM,UAAU,CAAC"}

package/dist/components/WalletModal/WalletModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletModal.d.ts","sourceRoot":"","sources":["../../../src/components/WalletModal/WalletModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,oBAAoB,EAK1B,MAAM,sCAAsC,CAAC;AAqE9C,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yHAAyH;IACzH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAiLD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,WAAW,EACX,GAAG,oBAAoB,EACxB,EAAE,wBAAwB,kDAmD1B"}
+{"version":3,"file":"WalletModal.d.ts","sourceRoot":"","sources":["../../../src/components/WalletModal/WalletModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,oBAAoB,EAK1B,MAAM,sCAAsC,CAAC;AAqE9C,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yHAAyH;IACzH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAmKD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,WAAW,EACX,GAAG,oBAAoB,EACxB,EAAE,wBAAwB,kDAmD1B"}

package/dist/components/shadcn/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "accent" | "destructive" | "success" | "warning" | "outline" | "ghost" | "glow" | null | undefined;
-    size?: "icon" | "default" | "xs" | "sm" | "lg" | "xl" | "2xl" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "2xl" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/components/shadcn/input.d.ts

@@ -10,7 +10,7 @@ import * as React from "react";
  * - Icon support (left/right)
  * - Clearable functionality
  * - Error state
- * - Custom cursor color (guild-green-300)
+ * - Custom cursor color (cyan-300)
  */
 declare const inputVariants: (props?: ({
     variant?: "default" | "error" | "iridescent" | null | undefined;

package/dist/components/shadcn/typography.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const typographyVariants: (props?: ({
-    variant?: "small" | "list" | "label" | "blockquote" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "large" | "uppercase" | "muted" | "lead" | "inlineCode" | "mono" | null | undefined;
+    variant?: "small" | "blockquote" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "list" | "large" | "uppercase" | "lead" | "muted" | "inlineCode" | "mono" | null | undefined;
     affects?: "default" | "removePMargin" | "removeMargin" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {

package/dist/components/theme/index.d.ts

@@ -1,4 +1,2 @@
 export { ThemeProvider, type ThemeProviderProps } from './theme-provider';
-export { ThemeSwitcher, ThemeToggle, type ThemeSwitcherProps } from './theme-switcher';
-export { useTheme } from './use-theme';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/{drawer-C7hRQ7X-.js → drawer-CTsbhpbu.js}

@@ -199,11 +199,11 @@ function $t(t) {
 function Ne(t, n) {
   typeof t == "function" ? t(n) : t != null && (t.current = n);
 }
-function Ie(...t) {
+function _e(...t) {
   return (n) => t.forEach((e) => Ne(e, n));
 }
 function Jt(...t) {
-  return qt.useCallback(Ie(...t), t);
+  return qt.useCallback(_e(...t), t);
 }
 const Qt = /* @__PURE__ */ new WeakMap();
 function $(t, n, e = !1) {
@@ -217,7 +217,7 @@ function $(t, n, e = !1) {
     a[i] = t.style[i], t.style[i] = o;
   }), !e && Qt.set(t, a);
 }
-function _e(t, n) {
+function Ie(t, n) {
   if (!t || !(t instanceof HTMLElement)) return;
   let e = Qt.get(t);
   e && (t.style[n] = e[n]);
@@ -348,13 +348,13 @@ function Fe({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     };
     var b;
     return (b = e?.map((y) => {
-      const I = typeof y == "string";
+      const _ = typeof y == "string";
       let P = 0;
-      if (I && (P = parseInt(y, 10)), C(p)) {
-        const s = I ? P : m ? y * u.height : 0;
+      if (_ && (P = parseInt(y, 10)), C(p)) {
+        const s = _ ? P : m ? y * u.height : 0;
         return m ? p === "bottom" ? u.height - s : -u.height + s : s;
       }
-      const W = I ? P : m ? y * u.width : 0;
+      const W = _ ? P : m ? y * u.width : 0;
       return m ? p === "right" ? u.width - W : -u.width + W : W;
     })) != null ? b : [];
   }, [
@@ -366,7 +366,7 @@ function Fe({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     E
   ]), A = r.useCallback((u) => {
     var b;
-    const y = (b = w?.findIndex((I) => I === u)) != null ? b : null;
+    const y = (b = w?.findIndex((_) => _ === u)) != null ? b : null;
     v(y), $(a.current, {
       transition: `transform ${x.DURATION}s cubic-bezier(${x.EASE.join(",")})`,
       transform: C(p) ? `translate3d(0, ${u}px, 0)` : `translate3d(${u}px, 0, 0)`
@@ -398,31 +398,31 @@ function Fe({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     w,
     A
   ]);
-  function c({ draggedDistance: u, closeDrawer: b, velocity: y, dismissible: I }) {
+  function c({ draggedDistance: u, closeDrawer: b, velocity: y, dismissible: _ }) {
     if (o === void 0) return;
     const P = p === "bottom" || p === "right" ? (M ?? 0) - u : (M ?? 0) + u, W = E === o - 1, s = E === 0, F = u > 0;
     if (W && $(i.current, {
       transition: `opacity ${x.DURATION}s cubic-bezier(${x.EASE.join(",")})`
     }), !R && y > 2 && !F) {
-      I ? b() : A(w[0]);
+      _ ? b() : A(w[0]);
       return;
     }
     if (!R && y > 2 && F && w && e) {
       A(w[e.length - 1]);
       return;
     }
-    const _ = w?.reduce((N, X) => typeof N != "number" || typeof X != "number" ? N : Math.abs(X - P) < Math.abs(N - P) ? X : N), z = C(p) ? window.innerHeight : window.innerWidth;
+    const I = w?.reduce((N, X) => typeof N != "number" || typeof X != "number" ? N : Math.abs(X - P) < Math.abs(N - P) ? X : N), z = C(p) ? window.innerHeight : window.innerWidth;
     if (y > Zt && Math.abs(u) < z * 0.4) {
       const N = F ? 1 : -1;
       if (N > 0 && k && e) {
         A(w[e.length - 1]);
         return;
       }
-      if (s && N < 0 && I && b(), E === null) return;
+      if (s && N < 0 && _ && b(), E === null) return;
       A(w[E + N]);
       return;
     }
-    A(_);
+    A(I);
   }
   function Y({ draggedDistance: u }) {
     if (M === null) return;
@@ -563,19 +563,19 @@ function Ve({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRes
     restorePositionSetting: h
   };
 }
-function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, snapPoints: o, shouldScaleBackground: v = !1, setBackgroundColorOnScale: p = !0, closeThreshold: T = Le, scrollLockTimeout: R = Be, dismissible: h = !0, handleOnly: f = !1, fadeFromIndex: m = o && o.length - 1, activeSnapPoint: B, setActiveSnapPoint: k, fixed: E, modal: U = !0, onClose: w, nested: M, noBodyStyles: A = !1, direction: c = "bottom", defaultOpen: Y = !1, disablePreventScroll: tt = !0, snapToSequentialPoint: u = !1, preventScrollRestoration: b = !1, repositionInputs: y = !0, onAnimationEnd: I, container: P, autoFocus: W = !1 }) {
+function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, snapPoints: o, shouldScaleBackground: v = !1, setBackgroundColorOnScale: p = !0, closeThreshold: T = Le, scrollLockTimeout: R = Be, dismissible: h = !0, handleOnly: f = !1, fadeFromIndex: m = o && o.length - 1, activeSnapPoint: B, setActiveSnapPoint: k, fixed: E, modal: U = !0, onClose: w, nested: M, noBodyStyles: A = !1, direction: c = "bottom", defaultOpen: Y = !1, disablePreventScroll: tt = !0, snapToSequentialPoint: u = !1, preventScrollRestoration: b = !1, repositionInputs: y = !0, onAnimationEnd: _, container: P, autoFocus: W = !1 }) {
   var s, F;
-  const [_ = !1, z] = ne({
+  const [I = !1, z] = ne({
     defaultProp: Y,
     prop: t,
     onChange: (l) => {
       n?.(l), !l && !M && de(), setTimeout(() => {
-        I?.(l);
+        _?.(l);
       }, x.DURATION * 1e3), l && !U && typeof window < "u" && window.requestAnimationFrame(() => {
         document.body.style.pointerEvents = "auto";
       }), l || (document.body.style.pointerEvents = "auto");
     }
-  }), [N, X] = r.useState(!1), [K, lt] = r.useState(!1), [oe, Pt] = r.useState(!1), rt = r.useRef(null), pt = r.useRef(null), bt = r.useRef(null), St = r.useRef(null), st = r.useRef(null), ut = r.useRef(!1), Tt = r.useRef(null), Dt = r.useRef(0), at = r.useRef(!1), Nt = r.useRef(!Y), It = r.useRef(0), d = r.useRef(null), _t = r.useRef(((s = d.current) == null ? void 0 : s.getBoundingClientRect().height) || 0), Ht = r.useRef(((F = d.current) == null ? void 0 : F.getBoundingClientRect().width) || 0), Rt = r.useRef(0), ie = r.useCallback((l) => {
+  }), [N, X] = r.useState(!1), [K, lt] = r.useState(!1), [oe, Pt] = r.useState(!1), rt = r.useRef(null), pt = r.useRef(null), bt = r.useRef(null), St = r.useRef(null), st = r.useRef(null), ut = r.useRef(!1), Tt = r.useRef(null), Dt = r.useRef(0), at = r.useRef(!1), Nt = r.useRef(!Y), _t = r.useRef(0), d = r.useRef(null), It = r.useRef(((s = d.current) == null ? void 0 : s.getBoundingClientRect().height) || 0), Ht = r.useRef(((F = d.current) == null ? void 0 : F.getBoundingClientRect().width) || 0), Rt = r.useRef(0), ie = r.useCallback((l) => {
     o && l === ct.length - 1 && (pt.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: le, activeSnapPointIndex: ot, setActiveSnapPoint: kt, onRelease: se, snapPointsOffset: ct, onDrag: ue, shouldFade: Lt, getPercentageDragged: ce } = Fe({
     snapPoints: o,
@@ -590,10 +590,10 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     snapToSequentialPoint: u
   });
   Ae({
-    isDisabled: !_ || K || !U || oe || !N || !y || !tt
+    isDisabled: !I || K || !U || oe || !N || !y || !tt
   });
   const { restorePositionSetting: de } = Ve({
-    isOpen: _,
+    isOpen: I,
     modal: U,
     nested: M ?? !1,
     hasBeenOpened: N,
@@ -605,7 +605,7 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
   }
   function fe(l) {
     var S, D;
-    !h && !o || d.current && !d.current.contains(l.target) || (_t.current = ((S = d.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Ht.current = ((D = d.current) == null ? void 0 : D.getBoundingClientRect().width) || 0, lt(!0), bt.current = /* @__PURE__ */ new Date(), Kt() && window.addEventListener("touchend", () => ut.current = !1, {
+    !h && !o || d.current && !d.current.contains(l.target) || (It.current = ((S = d.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Ht.current = ((D = d.current) == null ? void 0 : D.getBoundingClientRect().width) || 0, lt(!0), bt.current = /* @__PURE__ */ new Date(), Kt() && window.addEventListener("touchend", () => ut.current = !1, {
       once: !0
     }), l.target.setPointerCapture(l.pointerId), Dt.current = C(c) ? l.pageY : l.pageX);
   }
@@ -640,7 +640,7 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     if (d.current && K) {
       const S = c === "bottom" || c === "right" ? 1 : -1, D = (Dt.current - (C(c) ? l.pageY : l.pageX)) * S, g = D > 0, O = o && !h && !g;
       if (O && ot === 0) return;
-      const L = Math.abs(D), H = document.querySelector("[data-vaul-drawer-wrapper]"), G = c === "bottom" || c === "top" ? _t.current : Ht.current;
+      const L = Math.abs(D), H = document.querySelector("[data-vaul-drawer-wrapper]"), G = c === "bottom" || c === "top" ? It.current : Ht.current;
       let V = L / G;
       const et = ce(L, g);
       if (et !== null && (V = et), O && V >= 1 || !ut.current && !Bt(l.target, g)) return;
@@ -693,11 +693,11 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
         const G = d.current.getBoundingClientRect().height || 0, V = G > L * 0.8;
         Rt.current || (Rt.current = G);
         const et = d.current.getBoundingClientRect().top;
-        if (Math.abs(It.current - H) > 60 && (at.current = !at.current), o && o.length > 0 && ct && ot) {
+        if (Math.abs(_t.current - H) > 60 && (at.current = !at.current), o && o.length > 0 && ct && ot) {
           const J = ct[ot] || 0;
           H += J;
         }
-        if (It.current = H, G > O || at.current) {
+        if (_t.current = H, G > O || at.current) {
           const J = d.current.getBoundingClientRect().height;
           let q = J;
           J > O && (q = O - (V ? et : At)), E ? d.current.style.height = `${J - Math.max(H, 0)}px` : d.current.style.height = `${Math.max(q, O - et)}px`;
@@ -728,7 +728,7 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     }), $(rt.current, {
       transition: `opacity ${x.DURATION}s cubic-bezier(${x.EASE.join(",")})`,
       opacity: "1"
-    }), v && S && S > 0 && _ && $(l, {
+    }), v && S && S > 0 && I && $(l, {
       borderRadius: `${te}px`,
       overflow: "hidden",
       ...C(c) ? {
@@ -781,12 +781,12 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     }
     i?.(l, !0), Ut();
   }
-  r.useEffect(() => (_ && ($(document.documentElement, {
+  r.useEffect(() => (I && ($(document.documentElement, {
     scrollBehavior: "auto"
   }), pt.current = /* @__PURE__ */ new Date()), () => {
-    _e(document.documentElement, "scrollBehavior");
+    Ie(document.documentElement, "scrollBehavior");
   }), [
-    _
+    I
   ]);
   function he(l) {
     const S = l ? (window.innerWidth - nt) / window.innerWidth : 1, D = l ? -nt : 0;
@@ -827,7 +827,7 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     onOpenChange: (l) => {
       !h && !l || (l ? X(!0) : dt(!0), z(l));
     },
-    open: _
+    open: I
   }, /* @__PURE__ */ r.createElement(Xt.Provider, {
     value: {
       activeSnapPoint: le,
@@ -842,7 +842,7 @@ function je({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
       dismissible: h,
       shouldAnimate: Nt,
       handleOnly: f,
-      isOpen: _,
+      isOpen: I,
       isDragging: K,
       shouldFade: Lt,
       closeDrawer: dt,
@@ -881,23 +881,23 @@ const re = /* @__PURE__ */ r.forwardRef(function({ ...t }, n) {
 });
 re.displayName = "Drawer.Overlay";
 const ae = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, style: n, onOpenAutoFocus: e, ...a }, i) {
-  const { drawerRef: o, onPress: v, onRelease: p, onDrag: T, keyboardIsOpen: R, snapPointsOffset: h, activeSnapPointIndex: f, modal: m, isOpen: B, direction: k, snapPoints: E, container: U, handleOnly: w, shouldAnimate: M, autoFocus: A } = wt(), [c, Y] = r.useState(!1), tt = Jt(i, o), u = r.useRef(null), b = r.useRef(null), y = r.useRef(!1), I = E && E.length > 0;
+  const { drawerRef: o, onPress: v, onRelease: p, onDrag: T, keyboardIsOpen: R, snapPointsOffset: h, activeSnapPointIndex: f, modal: m, isOpen: B, direction: k, snapPoints: E, container: U, handleOnly: w, shouldAnimate: M, autoFocus: A } = wt(), [c, Y] = r.useState(!1), tt = Jt(i, o), u = r.useRef(null), b = r.useRef(null), y = r.useRef(!1), _ = E && E.length > 0;
   ze();
-  const P = (s, F, _ = 0) => {
+  const P = (s, F, I = 0) => {
     if (y.current) return !0;
     const z = Math.abs(s.y), N = Math.abs(s.x), X = N > z, K = [
       "bottom",
       "right"
     ].includes(F) ? 1 : -1;
     if (F === "left" || F === "right") {
-      if (!(s.x * K < 0) && N >= 0 && N <= _)
+      if (!(s.x * K < 0) && N >= 0 && N <= I)
         return X;
-    } else if (!(s.y * K < 0) && z >= 0 && z <= _)
+    } else if (!(s.y * K < 0) && z >= 0 && z <= I)
       return !X;
     return y.current = !0, !0;
   };
   r.useEffect(() => {
-    I && window.requestAnimationFrame(() => {
+    _ && window.requestAnimationFrame(() => {
       Y(!0);
     });
   }, []);
@@ -908,7 +908,7 @@ const ae = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, styl
     "data-vaul-drawer-direction": k,
     "data-vaul-drawer": "",
     "data-vaul-delayed-snap-points": c ? "true" : "false",
-    "data-vaul-snap-points": B && I ? "true" : "false",
+    "data-vaul-snap-points": B && _ ? "true" : "false",
     "data-vaul-custom-container": U ? "true" : "false",
     "data-vaul-animate": M?.current ? "true" : "false",
     ...a,
@@ -941,11 +941,11 @@ const ae = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, styl
     },
     onPointerMove: (s) => {
       if (b.current = s, w || (a.onPointerMove == null || a.onPointerMove.call(a, s), !u.current)) return;
-      const F = s.pageY - u.current.y, _ = s.pageX - u.current.x, z = s.pointerType === "touch" ? 10 : 2;
+      const F = s.pageY - u.current.y, I = s.pageX - u.current.x, z = s.pointerType === "touch" ? 10 : 2;
       P({
-        x: _,
+        x: I,
         y: F
-      }, k, z) ? T(s) : (Math.abs(_) > z || Math.abs(F) > z) && (u.current = null);
+      }, k, z) ? T(s) : (Math.abs(I) > z || Math.abs(F) > z) && (u.current = null);
     },
     onPointerUp: (s) => {
       a.onPointerUp == null || a.onPointerUp.call(a, s), u.current = null, y.current = !1, p(s);

package/dist/{drawer-BkuiusSD.cjs → drawer-DjVIwhWw.cjs}

@@ -1,3 +1,3 @@
 "use strict";const U=require("react/jsx-runtime"),r=require("react"),be=require("@radix-ui/react-dialog"),it=require("./utils-CikHldDD.cjs");function qt(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const Yt=qt(r),Q=qt(be);function De(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))}const Xt=r.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),wt=()=>{const t=r.useContext(Xt);if(!t)throw new Error("useDrawerContext must be used within a Drawer.Root");return t};De(`[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 Se(){const t=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(t)&&/Mobile/.test(t)||/FxiOS/.test(t))}function Te(){return Mt(/^Mac/)}function Re(){return Mt(/^iPhone/)}function Ut(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function xe(){return Mt(/^iPad/)||Te()&&navigator.maxTouchPoints>1}function Kt(){return Re()||xe()}function Mt(t){return typeof window<"u"&&window.navigator!=null?t.test(window.navigator.platform):void 0}const Ee=24,Oe=typeof window<"u"?r.useLayoutEffect:r.useEffect;function zt(...t){return(...n)=>{for(let e of t)typeof e=="function"&&e(...n)}}const xt=typeof document<"u"&&window.visualViewport;function Wt(t){let n=window.getComputedStyle(t);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function Gt(t){for(Wt(t)&&(t=t.parentElement);t&&!Wt(t);)t=t.parentElement;return t||document.scrollingElement||document.documentElement}const Ce=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let vt=0,Et;function $e(t={}){let{isDisabled:n}=t;Oe(()=>{if(!n)return vt++,vt===1&&Kt()&&(Et=Ae()),()=>{vt--,vt===0&&Et?.()}},[n])}function Ae(){let t,n=0,e=f=>{t=Gt(f.target),!(t===document.documentElement&&t===document.body)&&(n=f.changedTouches[0].pageY)},a=f=>{if(!t||t===document.documentElement||t===document.body){f.preventDefault();return}let m=f.changedTouches[0].pageY,B=t.scrollTop,k=t.scrollHeight-t.clientHeight;k!==0&&((B<=0&&m>n||B>=k&&m<n)&&f.preventDefault(),n=m)},i=f=>{let m=f.target;$t(m)&&m!==document.activeElement&&(f.preventDefault(),m.style.transform="translateY(-2000px)",m.focus(),requestAnimationFrame(()=>{m.style.transform=""}))},o=f=>{let m=f.target;$t(m)&&(m.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{m.style.transform="",xt&&(xt.height<window.innerHeight?requestAnimationFrame(()=>{Vt(m)}):xt.addEventListener("resize",()=>Vt(m),{once:!0}))}))},v=()=>{window.scrollTo(0,0)},p=window.pageXOffset,S=window.pageYOffset,R=zt(Me(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let h=zt(ft(document,"touchstart",e,{passive:!1,capture:!0}),ft(document,"touchmove",a,{passive:!1,capture:!0}),ft(document,"touchend",i,{passive:!1,capture:!0}),ft(document,"focus",o,!0),ft(window,"scroll",v));return()=>{R(),h(),window.scrollTo(p,S)}}function Me(t,n,e){let a=t.style[n];return t.style[n]=e,()=>{t.style[n]=a}}function ft(t,n,e,a){return t.addEventListener(n,e,a),()=>{t.removeEventListener(n,e,a)}}function Vt(t){let n=document.scrollingElement||document.documentElement;for(;t&&t!==n;){let e=Gt(t);if(e!==document.documentElement&&e!==document.body&&e!==t){let a=e.getBoundingClientRect().top,i=t.getBoundingClientRect().top,o=t.getBoundingClientRect().bottom;const v=e.getBoundingClientRect().bottom+Ee;o>v&&(e.scrollTop+=i-a)}t=e.parentElement}}function $t(t){return t instanceof HTMLInputElement&&!Ce.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}function Pe(t,n){typeof t=="function"?t(n):t!=null&&(t.current=n)}function Ne(...t){return n=>t.forEach(e=>Pe(e,n))}function Jt(...t){return Yt.useCallback(Ne(...t),t)}const Qt=new WeakMap;function $(t,n,e=!1){if(!t||!(t instanceof HTMLElement))return;let a={};Object.entries(n).forEach(([i,o])=>{if(i.startsWith("--")){t.style.setProperty(i,o);return}a[i]=t.style[i],t.style[i]=o}),!e&&Qt.set(t,a)}function Ie(t,n){if(!t||!(t instanceof HTMLElement))return;let e=Qt.get(t);e&&(t.style[n]=e[n])}const C=t=>{switch(t){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return t}};function yt(t,n){if(!t)return null;const e=window.getComputedStyle(t),a=e.transform||e.webkitTransform||e.mozTransform;let i=a.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(", ")[C(n)?13:12]):(i=a.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(", ")[C(n)?5:4]):null)}function _e(t){return 8*(Math.log(t+1)-2)}function Ot(t,n){if(!t)return()=>{};const e=t.style.cssText;return Object.assign(t.style,n),()=>{t.style.cssText=e}}function He(...t){return(...n)=>{for(const e of t)typeof e=="function"&&e(...n)}}const E={DURATION:.5,EASE:[.32,.72,0,1]},Zt=.4,ke=.25,Le=100,te=8,nt=16,At=26,Ct="vaul-dragging";function ee(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 Be({defaultProp:t,onChange:n}){const e=r.useState(t),[a]=e,i=r.useRef(a),o=ee(n);return r.useEffect(()=>{i.current!==a&&(o(a),i.current=a)},[a,i,o]),e}function ne({prop:t,defaultProp:n,onChange:e=()=>{}}){const[a,i]=Be({defaultProp:n,onChange:e}),o=t!==void 0,v=o?t:a,p=ee(e),S=r.useCallback(R=>{if(o){const f=typeof R=="function"?R(t):R;f!==t&&p(f)}else i(R)},[o,t,i,p]);return[v,S]}function je({activeSnapPointProp:t,setActiveSnapPointProp:n,snapPoints:e,drawerRef:a,overlayRef:i,fadeFromIndex:o,onSnapPointChange:v,direction:p="bottom",container:S,snapToSequentialPoint:R}){const[h,f]=ne({prop:t,defaultProp:e?.[0],onChange:n}),[m,B]=r.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);r.useEffect(()=>{function u(){B({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const k=r.useMemo(()=>h===e?.[e.length-1]||null,[e,h]),x=r.useMemo(()=>{var u;return(u=e?.findIndex(b=>b===h))!=null?u:null},[e,h]),j=e&&e.length>0&&(o||o===0)&&!Number.isNaN(o)&&e[o]===h||!e,w=r.useMemo(()=>{const u=S?{width:S.getBoundingClientRect().width,height:S.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var b;return(b=e?.map(y=>{const I=typeof y=="string";let P=0;if(I&&(P=parseInt(y,10)),C(p)){const s=I?P:m?y*u.height:0;return m?p==="bottom"?u.height-s:-u.height+s:s}const z=I?P:m?y*u.width:0;return m?p==="right"?u.width-z:-u.width+z:z}))!=null?b:[]},[e,m,S]),M=r.useMemo(()=>x!==null?w?.[x]:null,[w,x]),A=r.useCallback(u=>{var b;const y=(b=w?.findIndex(I=>I===u))!=null?b:null;v(y),$(a.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(p)?`translate3d(0, ${u}px, 0)`:`translate3d(${u}px, 0, 0)`}),w&&y!==w.length-1&&o!==void 0&&y!==o&&y<o?$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"0"}):$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"1"}),f(e?.[Math.max(y,0)])},[a.current,e,w,o,i,f]);r.useEffect(()=>{if(h||t){var u;const b=(u=e?.findIndex(y=>y===t||y===h))!=null?u:-1;w&&b!==-1&&typeof w[b]=="number"&&A(w[b])}},[h,t,e,w,A]);function c({draggedDistance:u,closeDrawer:b,velocity:y,dismissible:I}){if(o===void 0)return;const P=p==="bottom"||p==="right"?(M??0)-u:(M??0)+u,z=x===o-1,s=x===0,F=u>0;if(z&&$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`}),!R&&y>2&&!F){I?b():A(w[0]);return}if(!R&&y>2&&F&&w&&e){A(w[e.length-1]);return}const _=w?.reduce((N,X)=>typeof N!="number"||typeof X!="number"?N:Math.abs(X-P)<Math.abs(N-P)?X:N),W=C(p)?window.innerHeight:window.innerWidth;if(y>Zt&&Math.abs(u)<W*.4){const N=F?1:-1;if(N>0&&k&&e){A(w[e.length-1]);return}if(s&&N<0&&I&&b(),x===null)return;A(w[x+N]);return}A(_)}function q({draggedDistance:u}){if(M===null)return;const b=p==="bottom"||p==="right"?M-u:M+u;(p==="bottom"||p==="right")&&b<w[w.length-1]||(p==="top"||p==="left")&&b>w[w.length-1]||$(a.current,{transform:C(p)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`})}function tt(u,b){if(!e||typeof x!="number"||!w||o===void 0)return null;const y=x===o-1;if(x>=o&&b)return 0;if(y&&!b)return 1;if(!j&&!y)return null;const P=y?x+1:x-1,z=y?w[P]-w[P-1]:w[P+1]-w[P],s=u/Math.abs(z);return y?1-s:s}return{isLastSnapPoint:k,activeSnapPoint:h,shouldFade:j,getPercentageDragged:tt,setActiveSnapPoint:f,activeSnapPointIndex:x,onRelease:c,onDrag:q,snapPointsOffset:w}}const Fe=()=>()=>{};function Ue(){const{direction:t,isOpen:n,shouldScaleBackground:e,setBackgroundColorOnScale:a,noBodyStyles:i}=wt(),o=r.useRef(null),v=r.useMemo(()=>document.body.style.backgroundColor,[]);function p(){return(window.innerWidth-At)/window.innerWidth}r.useEffect(()=>{if(n&&e){o.current&&clearTimeout(o.current);const S=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!S)return;He(a&&!i?Ot(document.body,{background:"black"}):Fe,Ot(S,{transformOrigin:C(t)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${E.DURATION}s`,transitionTimingFunction:`cubic-bezier(${E.EASE.join(",")})`}));const R=Ot(S,{borderRadius:`${te}px`,overflow:"hidden",...C(t)?{transform:`scale(${p()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${p()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{R(),o.current=window.setTimeout(()=>{v?document.body.style.background=v:document.body.style.removeProperty("background")},E.DURATION*1e3)}}},[n,e,v])}let mt=null;function ze({isOpen:t,modal:n,nested:e,hasBeenOpened:a,preventScrollRestoration:i,noBodyStyles:o}){const[v,p]=r.useState(()=>typeof window<"u"?window.location.href:""),S=r.useRef(0),R=r.useCallback(()=>{if(Ut()&&mt===null&&t&&!o){mt={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:f,innerHeight:m}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-S.current}px`,left:`${-f}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const B=m-window.innerHeight;B&&S.current>=m&&(document.body.style.top=`${-(S.current+B)}px`)}),300)}},[t]),h=r.useCallback(()=>{if(Ut()&&mt!==null&&!o){const f=-parseInt(document.body.style.top,10),m=-parseInt(document.body.style.left,10);Object.assign(document.body.style,mt),window.requestAnimationFrame(()=>{if(i&&v!==window.location.href){p(window.location.href);return}window.scrollTo(m,f)}),mt=null}},[v]);return r.useEffect(()=>{function f(){S.current=window.scrollY}return f(),window.addEventListener("scroll",f),()=>{window.removeEventListener("scroll",f)}},[]),r.useEffect(()=>{if(n)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||h()}},[n,h]),r.useEffect(()=>{e||!a||(t?(!window.matchMedia("(display-mode: standalone)").matches&&R(),n||window.setTimeout(()=>{h()},500)):h())},[t,a,v,n,e,R,h]),{restorePositionSetting:h}}function We({open:t,onOpenChange:n,children:e,onDrag:a,onRelease:i,snapPoints:o,shouldScaleBackground:v=!1,setBackgroundColorOnScale:p=!0,closeThreshold:S=ke,scrollLockTimeout:R=Le,dismissible:h=!0,handleOnly:f=!1,fadeFromIndex:m=o&&o.length-1,activeSnapPoint:B,setActiveSnapPoint:k,fixed:x,modal:j=!0,onClose:w,nested:M,noBodyStyles:A=!1,direction:c="bottom",defaultOpen:q=!1,disablePreventScroll:tt=!0,snapToSequentialPoint:u=!1,preventScrollRestoration:b=!1,repositionInputs:y=!0,onAnimationEnd:I,container:P,autoFocus:z=!1}){var s,F;const[_=!1,W]=ne({defaultProp:q,prop:t,onChange:l=>{n?.(l),!l&&!M&&fe(),setTimeout(()=>{I?.(l)},E.DURATION*1e3),l&&!j&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),l||(document.body.style.pointerEvents="auto")}}),[N,X]=r.useState(!1),[K,lt]=r.useState(!1),[ie,Pt]=r.useState(!1),rt=r.useRef(null),pt=r.useRef(null),bt=r.useRef(null),Dt=r.useRef(null),st=r.useRef(null),ut=r.useRef(!1),St=r.useRef(null),Tt=r.useRef(0),at=r.useRef(!1),Nt=r.useRef(!q),It=r.useRef(0),d=r.useRef(null),_t=r.useRef(((s=d.current)==null?void 0:s.getBoundingClientRect().height)||0),Ht=r.useRef(((F=d.current)==null?void 0:F.getBoundingClientRect().width)||0),Rt=r.useRef(0),le=r.useCallback(l=>{o&&l===ct.length-1&&(pt.current=new Date)},[]),{activeSnapPoint:se,activeSnapPointIndex:ot,setActiveSnapPoint:kt,onRelease:ue,snapPointsOffset:ct,onDrag:ce,shouldFade:Lt,getPercentageDragged:de}=je({snapPoints:o,activeSnapPointProp:B,setActiveSnapPointProp:k,drawerRef:d,fadeFromIndex:m,overlayRef:rt,onSnapPointChange:le,direction:c,container:P,snapToSequentialPoint:u});$e({isDisabled:!_||K||!j||ie||!N||!y||!tt});const{restorePositionSetting:fe}=ze({isOpen:_,modal:j,nested:M??!1,hasBeenOpened:N,preventScrollRestoration:b,noBodyStyles:A});function ht(){return(window.innerWidth-At)/window.innerWidth}function me(l){var D,T;!h&&!o||d.current&&!d.current.contains(l.target)||(_t.current=((D=d.current)==null?void 0:D.getBoundingClientRect().height)||0,Ht.current=((T=d.current)==null?void 0:T.getBoundingClientRect().width)||0,lt(!0),bt.current=new Date,Kt()&&window.addEventListener("touchend",()=>ut.current=!1,{once:!0}),l.target.setPointerCapture(l.pointerId),Tt.current=C(c)?l.pageY:l.pageX)}function Bt(l,D){var T;let g=l;const O=(T=window.getSelection())==null?void 0:T.toString(),L=d.current?yt(d.current,c):null,H=new Date;if(g.tagName==="SELECT"||g.hasAttribute("data-vaul-no-drag")||g.closest("[data-vaul-no-drag]"))return!1;if(c==="right"||c==="left")return!0;if(pt.current&&H.getTime()-pt.current.getTime()<500)return!1;if(L!==null&&(c==="bottom"?L>0:L<0))return!0;if(O&&O.length>0)return!1;if(st.current&&H.getTime()-st.current.getTime()<R&&L===0||D)return st.current=H,!1;for(;g;){if(g.scrollHeight>g.clientHeight){if(g.scrollTop!==0)return st.current=new Date,!1;if(g.getAttribute("role")==="dialog")return!0}g=g.parentNode}return!0}function we(l){if(d.current&&K){const D=c==="bottom"||c==="right"?1:-1,T=(Tt.current-(C(c)?l.pageY:l.pageX))*D,g=T>0,O=o&&!h&&!g;if(O&&ot===0)return;const L=Math.abs(T),H=document.querySelector("[data-vaul-drawer-wrapper]"),G=c==="bottom"||c==="top"?_t.current:Ht.current;let V=L/G;const et=de(L,g);if(et!==null&&(V=et),O&&V>=1||!ut.current&&!Bt(l.target,g))return;if(d.current.classList.add(Ct),ut.current=!0,$(d.current,{transition:"none"}),$(rt.current,{transition:"none"}),o&&ce({draggedDistance:T}),g&&!o){const Y=_e(T),gt=Math.min(Y*-1,0)*D;$(d.current,{transform:C(c)?`translate3d(0, ${gt}px, 0)`:`translate3d(${gt}px, 0, 0)`});return}const J=1-V;if((Lt||m&&ot===m-1)&&(a?.(l,V),$(rt.current,{opacity:`${J}`,transition:"none"},!0)),H&&rt.current&&v){const Y=Math.min(ht()+V*(1-ht()),1),gt=8-V*8,Ft=Math.max(0,14-V*14);$(H,{borderRadius:`${gt}px`,transform:C(c)?`scale(${Y}) translate3d(0, ${Ft}px, 0)`:`scale(${Y}) translate3d(${Ft}px, 0, 0)`,transition:"none"},!0)}if(!o){const Y=L*D;$(d.current,{transform:C(c)?`translate3d(0, ${Y}px, 0)`:`translate3d(${Y}px, 0, 0)`})}}}r.useEffect(()=>{window.requestAnimationFrame(()=>{Nt.current=!0})},[]),r.useEffect(()=>{var l;function D(){if(!d.current||!y)return;const T=document.activeElement;if($t(T)||at.current){var g;const O=((g=window.visualViewport)==null?void 0:g.height)||0,L=window.innerHeight;let H=L-O;const G=d.current.getBoundingClientRect().height||0,V=G>L*.8;Rt.current||(Rt.current=G);const et=d.current.getBoundingClientRect().top;if(Math.abs(It.current-H)>60&&(at.current=!at.current),o&&o.length>0&&ct&&ot){const J=ct[ot]||0;H+=J}if(It.current=H,G>O||at.current){const J=d.current.getBoundingClientRect().height;let Y=J;J>O&&(Y=O-(V?et:At)),x?d.current.style.height=`${J-Math.max(H,0)}px`:d.current.style.height=`${Math.max(Y,O-et)}px`}else Se()||(d.current.style.height=`${Rt.current}px`);o&&o.length>0&&!at.current?d.current.style.bottom="0px":d.current.style.bottom=`${Math.max(H,0)}px`}}return(l=window.visualViewport)==null||l.addEventListener("resize",D),()=>{var T;return(T=window.visualViewport)==null?void 0:T.removeEventListener("resize",D)}},[ot,o,ct]);function dt(l){pe(),w?.(),l||W(!1),setTimeout(()=>{o&&kt(o[0])},E.DURATION*1e3)}function jt(){if(!d.current)return;const l=document.querySelector("[data-vaul-drawer-wrapper]"),D=yt(d.current,c);$(d.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`}),$(rt.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"1"}),v&&D&&D>0&&_&&$(l,{borderRadius:`${te}px`,overflow:"hidden",...C(c)?{transform:`scale(${ht()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${ht()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${E.DURATION}s`,transitionTimingFunction:`cubic-bezier(${E.EASE.join(",")})`},!0)}function pe(){!K||!d.current||(d.current.classList.remove(Ct),ut.current=!1,lt(!1),Dt.current=new Date)}function he(l){if(!K||!d.current)return;d.current.classList.remove(Ct),ut.current=!1,lt(!1),Dt.current=new Date;const D=yt(d.current,c);if(!l||!Bt(l.target,!1)||!D||Number.isNaN(D)||bt.current===null)return;const T=Dt.current.getTime()-bt.current.getTime(),g=Tt.current-(C(c)?l.pageY:l.pageX),O=Math.abs(g)/T;if(O>.05&&(Pt(!0),setTimeout(()=>{Pt(!1)},200)),o){ue({draggedDistance:g*(c==="bottom"||c==="right"?1:-1),closeDrawer:dt,velocity:O,dismissible:h}),i?.(l,!0);return}if(c==="bottom"||c==="right"?g>0:g<0){jt(),i?.(l,!0);return}if(O>Zt){dt(),i?.(l,!1);return}var L;const H=Math.min((L=d.current.getBoundingClientRect().height)!=null?L:0,window.innerHeight);var G;const V=Math.min((G=d.current.getBoundingClientRect().width)!=null?G:0,window.innerWidth),et=c==="left"||c==="right";if(Math.abs(D)>=(et?V:H)*S){dt(),i?.(l,!1);return}i?.(l,!0),jt()}r.useEffect(()=>(_&&($(document.documentElement,{scrollBehavior:"auto"}),pt.current=new Date),()=>{Ie(document.documentElement,"scrollBehavior")}),[_]);function ge(l){const D=l?(window.innerWidth-nt)/window.innerWidth:1,T=l?-nt:0;St.current&&window.clearTimeout(St.current),$(d.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(c)?`scale(${D}) translate3d(0, ${T}px, 0)`:`scale(${D}) translate3d(${T}px, 0, 0)`}),!l&&d.current&&(St.current=setTimeout(()=>{const g=yt(d.current,c);$(d.current,{transition:"none",transform:C(c)?`translate3d(0, ${g}px, 0)`:`translate3d(${g}px, 0, 0)`})},500))}function ve(l,D){if(D<0)return;const T=(window.innerWidth-nt)/window.innerWidth,g=T+D*(1-T),O=-nt+D*nt;$(d.current,{transform:C(c)?`scale(${g}) translate3d(0, ${O}px, 0)`:`scale(${g}) translate3d(${O}px, 0, 0)`,transition:"none"})}function ye(l,D){const T=C(c)?window.innerHeight:window.innerWidth,g=D?(T-nt)/T:1,O=D?-nt:0;D&&$(d.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(c)?`scale(${g}) translate3d(0, ${O}px, 0)`:`scale(${g}) translate3d(${O}px, 0, 0)`})}return r.useEffect(()=>{j||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[j]),r.createElement(Q.Root,{defaultOpen:q,onOpenChange:l=>{!h&&!l||(l?X(!0):dt(!0),W(l))},open:_},r.createElement(Xt.Provider,{value:{activeSnapPoint:se,snapPoints:o,setActiveSnapPoint:kt,drawerRef:d,overlayRef:rt,onOpenChange:n,onPress:me,onRelease:he,onDrag:we,dismissible:h,shouldAnimate:Nt,handleOnly:f,isOpen:_,isDragging:K,shouldFade:Lt,closeDrawer:dt,onNestedDrag:ve,onNestedOpenChange:ge,onNestedRelease:ye,keyboardIsOpen:at,modal:j,snapPointsOffset:ct,activeSnapPointIndex:ot,direction:c,shouldScaleBackground:v,setBackgroundColorOnScale:p,noBodyStyles:A,container:P,autoFocus:z}},e))}const re=r.forwardRef(function({...t},n){const{overlayRef:e,snapPoints:a,onRelease:i,shouldFade:o,isOpen:v,modal:p,shouldAnimate:S}=wt(),R=Jt(n,e),h=a&&a.length>0;if(!p)return null;const f=r.useCallback(m=>i(m),[i]);return r.createElement(Q.Overlay,{onMouseUp:f,ref:R,"data-vaul-overlay":"","data-vaul-snap-points":v&&h?"true":"false","data-vaul-snap-points-overlay":v&&o?"true":"false","data-vaul-animate":S?.current?"true":"false",...t})});re.displayName="Drawer.Overlay";const ae=r.forwardRef(function({onPointerDownOutside:t,style:n,onOpenAutoFocus:e,...a},i){const{drawerRef:o,onPress:v,onRelease:p,onDrag:S,keyboardIsOpen:R,snapPointsOffset:h,activeSnapPointIndex:f,modal:m,isOpen:B,direction:k,snapPoints:x,container:j,handleOnly:w,shouldAnimate:M,autoFocus:A}=wt(),[c,q]=r.useState(!1),tt=Jt(i,o),u=r.useRef(null),b=r.useRef(null),y=r.useRef(!1),I=x&&x.length>0;Ue();const P=(s,F,_=0)=>{if(y.current)return!0;const W=Math.abs(s.y),N=Math.abs(s.x),X=N>W,K=["bottom","right"].includes(F)?1:-1;if(F==="left"||F==="right"){if(!(s.x*K<0)&&N>=0&&N<=_)return X}else if(!(s.y*K<0)&&W>=0&&W<=_)return!X;return y.current=!0,!0};r.useEffect(()=>{I&&window.requestAnimationFrame(()=>{q(!0)})},[]);function z(s){u.current=null,y.current=!1,p(s)}return r.createElement(Q.Content,{"data-vaul-drawer-direction":k,"data-vaul-drawer":"","data-vaul-delayed-snap-points":c?"true":"false","data-vaul-snap-points":B&&I?"true":"false","data-vaul-custom-container":j?"true":"false","data-vaul-animate":M?.current?"true":"false",...a,ref:tt,style:h&&h.length>0?{"--snap-point-height":`${h[f??0]}px`,...n}:n,onPointerDown:s=>{w||(a.onPointerDown==null||a.onPointerDown.call(a,s),u.current={x:s.pageX,y:s.pageY},v(s))},onOpenAutoFocus:s=>{e?.(s),A||s.preventDefault()},onPointerDownOutside:s=>{if(t?.(s),!m||s.defaultPrevented){s.preventDefault();return}R.current&&(R.current=!1)},onFocusOutside:s=>{if(!m){s.preventDefault();return}},onPointerMove:s=>{if(b.current=s,w||(a.onPointerMove==null||a.onPointerMove.call(a,s),!u.current))return;const F=s.pageY-u.current.y,_=s.pageX-u.current.x,W=s.pointerType==="touch"?10:2;P({x:_,y:F},k,W)?S(s):(Math.abs(_)>W||Math.abs(F)>W)&&(u.current=null)},onPointerUp:s=>{a.onPointerUp==null||a.onPointerUp.call(a,s),u.current=null,y.current=!1,p(s)},onPointerOut:s=>{a.onPointerOut==null||a.onPointerOut.call(a,s),z(b.current)},onContextMenu:s=>{a.onContextMenu==null||a.onContextMenu.call(a,s),b.current&&z(b.current)}})});ae.displayName="Drawer.Content";const Ve=250,qe=120,Ye=r.forwardRef(function({preventCycle:t=!1,children:n,...e},a){const{closeDrawer:i,isDragging:o,snapPoints:v,activeSnapPoint:p,setActiveSnapPoint:S,dismissible:R,handleOnly:h,isOpen:f,onPress:m,onDrag:B}=wt(),k=r.useRef(null),x=r.useRef(!1);function j(){if(x.current){A();return}window.setTimeout(()=>{w()},qe)}function w(){if(o||t||x.current){A();return}if(A(),!v||v.length===0){R||i();return}if(p===v[v.length-1]&&R){i();return}const q=v.findIndex(u=>u===p);if(q===-1)return;const tt=v[q+1];S(tt)}function M(){k.current=window.setTimeout(()=>{x.current=!0},Ve)}function A(){k.current&&window.clearTimeout(k.current),x.current=!1}return r.createElement("div",{onClick:j,onPointerCancel:A,onPointerDown:c=>{h&&m(c),M()},onPointerMove:c=>{h&&B(c)},ref:a,"data-vaul-drawer-visible":f?"true":"false","data-vaul-handle":"","aria-hidden":"true",...e},r.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});Ye.displayName="Drawer.Handle";function Xe(t){const n=wt(),{container:e=n.container,...a}=t;return r.createElement(Q.Portal,{container:e,...a})}const Z={Root:We,Content:ae,Overlay:re,Trigger:Q.Trigger,Portal:Xe,Close:Q.Close,Title:Q.Title,Description:Q.Description};function Ke({...t}){return U.jsx(Z.Root,{"data-slot":"drawer",...t})}function Ge({...t}){return U.jsx(Z.Trigger,{"data-slot":"drawer-trigger",...t})}function Je({...t}){return U.jsx(Z.Portal,{"data-slot":"drawer-portal",...t})}function Qe({...t}){return U.jsx(Z.Close,{"data-slot":"drawer-close",...t})}function Ze({className:t,...n}){return U.jsx(Z.Overlay,{"data-slot":"drawer-overlay",className:it.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...n})}const oe=Yt.forwardRef(({className:t,children:n,...e},a)=>U.jsxs(Je,{"data-slot":"drawer-portal",children:[U.jsx(Ze,{}),U.jsxs(Z.Content,{ref:a,"data-slot":"drawer-content",className:it.cn("group/drawer-content fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",t),...e,children:[U.jsx("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),n]})]}));oe.displayName="DrawerContent";function tn({className:t,...n}){return U.jsx("div",{"data-slot":"drawer-header",className:it.cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",t),...n})}function en({className:t,...n}){return U.jsx("div",{"data-slot":"drawer-footer",className:it.cn("mt-auto flex flex-col gap-2 p-4",t),...n})}function nn({className:t,...n}){return U.jsx(Z.Title,{"data-slot":"drawer-title",className:it.cn("text-foreground font-semibold",t),...n})}function rn({className:t,...n}){return U.jsx(Z.Description,{"data-slot":"drawer-description",className:it.cn("text-muted-foreground text-sm",t),...n})}exports.Drawer=Ke;exports.DrawerClose=Qe;exports.DrawerContent=oe;exports.DrawerDescription=rn;exports.DrawerFooter=en;exports.DrawerHeader=tn;exports.DrawerTitle=nn;exports.DrawerTrigger=Ge;
+){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 Se(){const t=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(t)&&/Mobile/.test(t)||/FxiOS/.test(t))}function Te(){return Mt(/^Mac/)}function Re(){return Mt(/^iPhone/)}function Ut(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function xe(){return Mt(/^iPad/)||Te()&&navigator.maxTouchPoints>1}function Kt(){return Re()||xe()}function Mt(t){return typeof window<"u"&&window.navigator!=null?t.test(window.navigator.platform):void 0}const Ee=24,Oe=typeof window<"u"?r.useLayoutEffect:r.useEffect;function zt(...t){return(...n)=>{for(let e of t)typeof e=="function"&&e(...n)}}const xt=typeof document<"u"&&window.visualViewport;function Wt(t){let n=window.getComputedStyle(t);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function Gt(t){for(Wt(t)&&(t=t.parentElement);t&&!Wt(t);)t=t.parentElement;return t||document.scrollingElement||document.documentElement}const Ce=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let vt=0,Et;function $e(t={}){let{isDisabled:n}=t;Oe(()=>{if(!n)return vt++,vt===1&&Kt()&&(Et=Ae()),()=>{vt--,vt===0&&Et?.()}},[n])}function Ae(){let t,n=0,e=f=>{t=Gt(f.target),!(t===document.documentElement&&t===document.body)&&(n=f.changedTouches[0].pageY)},a=f=>{if(!t||t===document.documentElement||t===document.body){f.preventDefault();return}let m=f.changedTouches[0].pageY,B=t.scrollTop,k=t.scrollHeight-t.clientHeight;k!==0&&((B<=0&&m>n||B>=k&&m<n)&&f.preventDefault(),n=m)},i=f=>{let m=f.target;$t(m)&&m!==document.activeElement&&(f.preventDefault(),m.style.transform="translateY(-2000px)",m.focus(),requestAnimationFrame(()=>{m.style.transform=""}))},o=f=>{let m=f.target;$t(m)&&(m.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{m.style.transform="",xt&&(xt.height<window.innerHeight?requestAnimationFrame(()=>{Vt(m)}):xt.addEventListener("resize",()=>Vt(m),{once:!0}))}))},v=()=>{window.scrollTo(0,0)},p=window.pageXOffset,S=window.pageYOffset,R=zt(Me(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let h=zt(ft(document,"touchstart",e,{passive:!1,capture:!0}),ft(document,"touchmove",a,{passive:!1,capture:!0}),ft(document,"touchend",i,{passive:!1,capture:!0}),ft(document,"focus",o,!0),ft(window,"scroll",v));return()=>{R(),h(),window.scrollTo(p,S)}}function Me(t,n,e){let a=t.style[n];return t.style[n]=e,()=>{t.style[n]=a}}function ft(t,n,e,a){return t.addEventListener(n,e,a),()=>{t.removeEventListener(n,e,a)}}function Vt(t){let n=document.scrollingElement||document.documentElement;for(;t&&t!==n;){let e=Gt(t);if(e!==document.documentElement&&e!==document.body&&e!==t){let a=e.getBoundingClientRect().top,i=t.getBoundingClientRect().top,o=t.getBoundingClientRect().bottom;const v=e.getBoundingClientRect().bottom+Ee;o>v&&(e.scrollTop+=i-a)}t=e.parentElement}}function $t(t){return t instanceof HTMLInputElement&&!Ce.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}function Pe(t,n){typeof t=="function"?t(n):t!=null&&(t.current=n)}function _e(...t){return n=>t.forEach(e=>Pe(e,n))}function Jt(...t){return Yt.useCallback(_e(...t),t)}const Qt=new WeakMap;function $(t,n,e=!1){if(!t||!(t instanceof HTMLElement))return;let a={};Object.entries(n).forEach(([i,o])=>{if(i.startsWith("--")){t.style.setProperty(i,o);return}a[i]=t.style[i],t.style[i]=o}),!e&&Qt.set(t,a)}function Ne(t,n){if(!t||!(t instanceof HTMLElement))return;let e=Qt.get(t);e&&(t.style[n]=e[n])}const C=t=>{switch(t){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return t}};function yt(t,n){if(!t)return null;const e=window.getComputedStyle(t),a=e.transform||e.webkitTransform||e.mozTransform;let i=a.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(", ")[C(n)?13:12]):(i=a.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(", ")[C(n)?5:4]):null)}function Ie(t){return 8*(Math.log(t+1)-2)}function Ot(t,n){if(!t)return()=>{};const e=t.style.cssText;return Object.assign(t.style,n),()=>{t.style.cssText=e}}function He(...t){return(...n)=>{for(const e of t)typeof e=="function"&&e(...n)}}const E={DURATION:.5,EASE:[.32,.72,0,1]},Zt=.4,ke=.25,Le=100,te=8,nt=16,At=26,Ct="vaul-dragging";function ee(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 Be({defaultProp:t,onChange:n}){const e=r.useState(t),[a]=e,i=r.useRef(a),o=ee(n);return r.useEffect(()=>{i.current!==a&&(o(a),i.current=a)},[a,i,o]),e}function ne({prop:t,defaultProp:n,onChange:e=()=>{}}){const[a,i]=Be({defaultProp:n,onChange:e}),o=t!==void 0,v=o?t:a,p=ee(e),S=r.useCallback(R=>{if(o){const f=typeof R=="function"?R(t):R;f!==t&&p(f)}else i(R)},[o,t,i,p]);return[v,S]}function je({activeSnapPointProp:t,setActiveSnapPointProp:n,snapPoints:e,drawerRef:a,overlayRef:i,fadeFromIndex:o,onSnapPointChange:v,direction:p="bottom",container:S,snapToSequentialPoint:R}){const[h,f]=ne({prop:t,defaultProp:e?.[0],onChange:n}),[m,B]=r.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);r.useEffect(()=>{function u(){B({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const k=r.useMemo(()=>h===e?.[e.length-1]||null,[e,h]),x=r.useMemo(()=>{var u;return(u=e?.findIndex(b=>b===h))!=null?u:null},[e,h]),j=e&&e.length>0&&(o||o===0)&&!Number.isNaN(o)&&e[o]===h||!e,w=r.useMemo(()=>{const u=S?{width:S.getBoundingClientRect().width,height:S.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var b;return(b=e?.map(y=>{const N=typeof y=="string";let P=0;if(N&&(P=parseInt(y,10)),C(p)){const s=N?P:m?y*u.height:0;return m?p==="bottom"?u.height-s:-u.height+s:s}const z=N?P:m?y*u.width:0;return m?p==="right"?u.width-z:-u.width+z:z}))!=null?b:[]},[e,m,S]),M=r.useMemo(()=>x!==null?w?.[x]:null,[w,x]),A=r.useCallback(u=>{var b;const y=(b=w?.findIndex(N=>N===u))!=null?b:null;v(y),$(a.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(p)?`translate3d(0, ${u}px, 0)`:`translate3d(${u}px, 0, 0)`}),w&&y!==w.length-1&&o!==void 0&&y!==o&&y<o?$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"0"}):$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"1"}),f(e?.[Math.max(y,0)])},[a.current,e,w,o,i,f]);r.useEffect(()=>{if(h||t){var u;const b=(u=e?.findIndex(y=>y===t||y===h))!=null?u:-1;w&&b!==-1&&typeof w[b]=="number"&&A(w[b])}},[h,t,e,w,A]);function c({draggedDistance:u,closeDrawer:b,velocity:y,dismissible:N}){if(o===void 0)return;const P=p==="bottom"||p==="right"?(M??0)-u:(M??0)+u,z=x===o-1,s=x===0,F=u>0;if(z&&$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`}),!R&&y>2&&!F){N?b():A(w[0]);return}if(!R&&y>2&&F&&w&&e){A(w[e.length-1]);return}const I=w?.reduce((_,X)=>typeof _!="number"||typeof X!="number"?_:Math.abs(X-P)<Math.abs(_-P)?X:_),W=C(p)?window.innerHeight:window.innerWidth;if(y>Zt&&Math.abs(u)<W*.4){const _=F?1:-1;if(_>0&&k&&e){A(w[e.length-1]);return}if(s&&_<0&&N&&b(),x===null)return;A(w[x+_]);return}A(I)}function q({draggedDistance:u}){if(M===null)return;const b=p==="bottom"||p==="right"?M-u:M+u;(p==="bottom"||p==="right")&&b<w[w.length-1]||(p==="top"||p==="left")&&b>w[w.length-1]||$(a.current,{transform:C(p)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`})}function tt(u,b){if(!e||typeof x!="number"||!w||o===void 0)return null;const y=x===o-1;if(x>=o&&b)return 0;if(y&&!b)return 1;if(!j&&!y)return null;const P=y?x+1:x-1,z=y?w[P]-w[P-1]:w[P+1]-w[P],s=u/Math.abs(z);return y?1-s:s}return{isLastSnapPoint:k,activeSnapPoint:h,shouldFade:j,getPercentageDragged:tt,setActiveSnapPoint:f,activeSnapPointIndex:x,onRelease:c,onDrag:q,snapPointsOffset:w}}const Fe=()=>()=>{};function Ue(){const{direction:t,isOpen:n,shouldScaleBackground:e,setBackgroundColorOnScale:a,noBodyStyles:i}=wt(),o=r.useRef(null),v=r.useMemo(()=>document.body.style.backgroundColor,[]);function p(){return(window.innerWidth-At)/window.innerWidth}r.useEffect(()=>{if(n&&e){o.current&&clearTimeout(o.current);const S=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!S)return;He(a&&!i?Ot(document.body,{background:"black"}):Fe,Ot(S,{transformOrigin:C(t)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${E.DURATION}s`,transitionTimingFunction:`cubic-bezier(${E.EASE.join(",")})`}));const R=Ot(S,{borderRadius:`${te}px`,overflow:"hidden",...C(t)?{transform:`scale(${p()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${p()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{R(),o.current=window.setTimeout(()=>{v?document.body.style.background=v:document.body.style.removeProperty("background")},E.DURATION*1e3)}}},[n,e,v])}let mt=null;function ze({isOpen:t,modal:n,nested:e,hasBeenOpened:a,preventScrollRestoration:i,noBodyStyles:o}){const[v,p]=r.useState(()=>typeof window<"u"?window.location.href:""),S=r.useRef(0),R=r.useCallback(()=>{if(Ut()&&mt===null&&t&&!o){mt={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:f,innerHeight:m}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-S.current}px`,left:`${-f}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const B=m-window.innerHeight;B&&S.current>=m&&(document.body.style.top=`${-(S.current+B)}px`)}),300)}},[t]),h=r.useCallback(()=>{if(Ut()&&mt!==null&&!o){const f=-parseInt(document.body.style.top,10),m=-parseInt(document.body.style.left,10);Object.assign(document.body.style,mt),window.requestAnimationFrame(()=>{if(i&&v!==window.location.href){p(window.location.href);return}window.scrollTo(m,f)}),mt=null}},[v]);return r.useEffect(()=>{function f(){S.current=window.scrollY}return f(),window.addEventListener("scroll",f),()=>{window.removeEventListener("scroll",f)}},[]),r.useEffect(()=>{if(n)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||h()}},[n,h]),r.useEffect(()=>{e||!a||(t?(!window.matchMedia("(display-mode: standalone)").matches&&R(),n||window.setTimeout(()=>{h()},500)):h())},[t,a,v,n,e,R,h]),{restorePositionSetting:h}}function We({open:t,onOpenChange:n,children:e,onDrag:a,onRelease:i,snapPoints:o,shouldScaleBackground:v=!1,setBackgroundColorOnScale:p=!0,closeThreshold:S=ke,scrollLockTimeout:R=Le,dismissible:h=!0,handleOnly:f=!1,fadeFromIndex:m=o&&o.length-1,activeSnapPoint:B,setActiveSnapPoint:k,fixed:x,modal:j=!0,onClose:w,nested:M,noBodyStyles:A=!1,direction:c="bottom",defaultOpen:q=!1,disablePreventScroll:tt=!0,snapToSequentialPoint:u=!1,preventScrollRestoration:b=!1,repositionInputs:y=!0,onAnimationEnd:N,container:P,autoFocus:z=!1}){var s,F;const[I=!1,W]=ne({defaultProp:q,prop:t,onChange:l=>{n?.(l),!l&&!M&&fe(),setTimeout(()=>{N?.(l)},E.DURATION*1e3),l&&!j&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),l||(document.body.style.pointerEvents="auto")}}),[_,X]=r.useState(!1),[K,lt]=r.useState(!1),[ie,Pt]=r.useState(!1),rt=r.useRef(null),pt=r.useRef(null),bt=r.useRef(null),Dt=r.useRef(null),st=r.useRef(null),ut=r.useRef(!1),St=r.useRef(null),Tt=r.useRef(0),at=r.useRef(!1),_t=r.useRef(!q),Nt=r.useRef(0),d=r.useRef(null),It=r.useRef(((s=d.current)==null?void 0:s.getBoundingClientRect().height)||0),Ht=r.useRef(((F=d.current)==null?void 0:F.getBoundingClientRect().width)||0),Rt=r.useRef(0),le=r.useCallback(l=>{o&&l===ct.length-1&&(pt.current=new Date)},[]),{activeSnapPoint:se,activeSnapPointIndex:ot,setActiveSnapPoint:kt,onRelease:ue,snapPointsOffset:ct,onDrag:ce,shouldFade:Lt,getPercentageDragged:de}=je({snapPoints:o,activeSnapPointProp:B,setActiveSnapPointProp:k,drawerRef:d,fadeFromIndex:m,overlayRef:rt,onSnapPointChange:le,direction:c,container:P,snapToSequentialPoint:u});$e({isDisabled:!I||K||!j||ie||!_||!y||!tt});const{restorePositionSetting:fe}=ze({isOpen:I,modal:j,nested:M??!1,hasBeenOpened:_,preventScrollRestoration:b,noBodyStyles:A});function ht(){return(window.innerWidth-At)/window.innerWidth}function me(l){var D,T;!h&&!o||d.current&&!d.current.contains(l.target)||(It.current=((D=d.current)==null?void 0:D.getBoundingClientRect().height)||0,Ht.current=((T=d.current)==null?void 0:T.getBoundingClientRect().width)||0,lt(!0),bt.current=new Date,Kt()&&window.addEventListener("touchend",()=>ut.current=!1,{once:!0}),l.target.setPointerCapture(l.pointerId),Tt.current=C(c)?l.pageY:l.pageX)}function Bt(l,D){var T;let g=l;const O=(T=window.getSelection())==null?void 0:T.toString(),L=d.current?yt(d.current,c):null,H=new Date;if(g.tagName==="SELECT"||g.hasAttribute("data-vaul-no-drag")||g.closest("[data-vaul-no-drag]"))return!1;if(c==="right"||c==="left")return!0;if(pt.current&&H.getTime()-pt.current.getTime()<500)return!1;if(L!==null&&(c==="bottom"?L>0:L<0))return!0;if(O&&O.length>0)return!1;if(st.current&&H.getTime()-st.current.getTime()<R&&L===0||D)return st.current=H,!1;for(;g;){if(g.scrollHeight>g.clientHeight){if(g.scrollTop!==0)return st.current=new Date,!1;if(g.getAttribute("role")==="dialog")return!0}g=g.parentNode}return!0}function we(l){if(d.current&&K){const D=c==="bottom"||c==="right"?1:-1,T=(Tt.current-(C(c)?l.pageY:l.pageX))*D,g=T>0,O=o&&!h&&!g;if(O&&ot===0)return;const L=Math.abs(T),H=document.querySelector("[data-vaul-drawer-wrapper]"),G=c==="bottom"||c==="top"?It.current:Ht.current;let V=L/G;const et=de(L,g);if(et!==null&&(V=et),O&&V>=1||!ut.current&&!Bt(l.target,g))return;if(d.current.classList.add(Ct),ut.current=!0,$(d.current,{transition:"none"}),$(rt.current,{transition:"none"}),o&&ce({draggedDistance:T}),g&&!o){const Y=Ie(T),gt=Math.min(Y*-1,0)*D;$(d.current,{transform:C(c)?`translate3d(0, ${gt}px, 0)`:`translate3d(${gt}px, 0, 0)`});return}const J=1-V;if((Lt||m&&ot===m-1)&&(a?.(l,V),$(rt.current,{opacity:`${J}`,transition:"none"},!0)),H&&rt.current&&v){const Y=Math.min(ht()+V*(1-ht()),1),gt=8-V*8,Ft=Math.max(0,14-V*14);$(H,{borderRadius:`${gt}px`,transform:C(c)?`scale(${Y}) translate3d(0, ${Ft}px, 0)`:`scale(${Y}) translate3d(${Ft}px, 0, 0)`,transition:"none"},!0)}if(!o){const Y=L*D;$(d.current,{transform:C(c)?`translate3d(0, ${Y}px, 0)`:`translate3d(${Y}px, 0, 0)`})}}}r.useEffect(()=>{window.requestAnimationFrame(()=>{_t.current=!0})},[]),r.useEffect(()=>{var l;function D(){if(!d.current||!y)return;const T=document.activeElement;if($t(T)||at.current){var g;const O=((g=window.visualViewport)==null?void 0:g.height)||0,L=window.innerHeight;let H=L-O;const G=d.current.getBoundingClientRect().height||0,V=G>L*.8;Rt.current||(Rt.current=G);const et=d.current.getBoundingClientRect().top;if(Math.abs(Nt.current-H)>60&&(at.current=!at.current),o&&o.length>0&&ct&&ot){const J=ct[ot]||0;H+=J}if(Nt.current=H,G>O||at.current){const J=d.current.getBoundingClientRect().height;let Y=J;J>O&&(Y=O-(V?et:At)),x?d.current.style.height=`${J-Math.max(H,0)}px`:d.current.style.height=`${Math.max(Y,O-et)}px`}else Se()||(d.current.style.height=`${Rt.current}px`);o&&o.length>0&&!at.current?d.current.style.bottom="0px":d.current.style.bottom=`${Math.max(H,0)}px`}}return(l=window.visualViewport)==null||l.addEventListener("resize",D),()=>{var T;return(T=window.visualViewport)==null?void 0:T.removeEventListener("resize",D)}},[ot,o,ct]);function dt(l){pe(),w?.(),l||W(!1),setTimeout(()=>{o&&kt(o[0])},E.DURATION*1e3)}function jt(){if(!d.current)return;const l=document.querySelector("[data-vaul-drawer-wrapper]"),D=yt(d.current,c);$(d.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`}),$(rt.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"1"}),v&&D&&D>0&&I&&$(l,{borderRadius:`${te}px`,overflow:"hidden",...C(c)?{transform:`scale(${ht()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${ht()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${E.DURATION}s`,transitionTimingFunction:`cubic-bezier(${E.EASE.join(",")})`},!0)}function pe(){!K||!d.current||(d.current.classList.remove(Ct),ut.current=!1,lt(!1),Dt.current=new Date)}function he(l){if(!K||!d.current)return;d.current.classList.remove(Ct),ut.current=!1,lt(!1),Dt.current=new Date;const D=yt(d.current,c);if(!l||!Bt(l.target,!1)||!D||Number.isNaN(D)||bt.current===null)return;const T=Dt.current.getTime()-bt.current.getTime(),g=Tt.current-(C(c)?l.pageY:l.pageX),O=Math.abs(g)/T;if(O>.05&&(Pt(!0),setTimeout(()=>{Pt(!1)},200)),o){ue({draggedDistance:g*(c==="bottom"||c==="right"?1:-1),closeDrawer:dt,velocity:O,dismissible:h}),i?.(l,!0);return}if(c==="bottom"||c==="right"?g>0:g<0){jt(),i?.(l,!0);return}if(O>Zt){dt(),i?.(l,!1);return}var L;const H=Math.min((L=d.current.getBoundingClientRect().height)!=null?L:0,window.innerHeight);var G;const V=Math.min((G=d.current.getBoundingClientRect().width)!=null?G:0,window.innerWidth),et=c==="left"||c==="right";if(Math.abs(D)>=(et?V:H)*S){dt(),i?.(l,!1);return}i?.(l,!0),jt()}r.useEffect(()=>(I&&($(document.documentElement,{scrollBehavior:"auto"}),pt.current=new Date),()=>{Ne(document.documentElement,"scrollBehavior")}),[I]);function ge(l){const D=l?(window.innerWidth-nt)/window.innerWidth:1,T=l?-nt:0;St.current&&window.clearTimeout(St.current),$(d.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(c)?`scale(${D}) translate3d(0, ${T}px, 0)`:`scale(${D}) translate3d(${T}px, 0, 0)`}),!l&&d.current&&(St.current=setTimeout(()=>{const g=yt(d.current,c);$(d.current,{transition:"none",transform:C(c)?`translate3d(0, ${g}px, 0)`:`translate3d(${g}px, 0, 0)`})},500))}function ve(l,D){if(D<0)return;const T=(window.innerWidth-nt)/window.innerWidth,g=T+D*(1-T),O=-nt+D*nt;$(d.current,{transform:C(c)?`scale(${g}) translate3d(0, ${O}px, 0)`:`scale(${g}) translate3d(${O}px, 0, 0)`,transition:"none"})}function ye(l,D){const T=C(c)?window.innerHeight:window.innerWidth,g=D?(T-nt)/T:1,O=D?-nt:0;D&&$(d.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(c)?`scale(${g}) translate3d(0, ${O}px, 0)`:`scale(${g}) translate3d(${O}px, 0, 0)`})}return r.useEffect(()=>{j||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[j]),r.createElement(Q.Root,{defaultOpen:q,onOpenChange:l=>{!h&&!l||(l?X(!0):dt(!0),W(l))},open:I},r.createElement(Xt.Provider,{value:{activeSnapPoint:se,snapPoints:o,setActiveSnapPoint:kt,drawerRef:d,overlayRef:rt,onOpenChange:n,onPress:me,onRelease:he,onDrag:we,dismissible:h,shouldAnimate:_t,handleOnly:f,isOpen:I,isDragging:K,shouldFade:Lt,closeDrawer:dt,onNestedDrag:ve,onNestedOpenChange:ge,onNestedRelease:ye,keyboardIsOpen:at,modal:j,snapPointsOffset:ct,activeSnapPointIndex:ot,direction:c,shouldScaleBackground:v,setBackgroundColorOnScale:p,noBodyStyles:A,container:P,autoFocus:z}},e))}const re=r.forwardRef(function({...t},n){const{overlayRef:e,snapPoints:a,onRelease:i,shouldFade:o,isOpen:v,modal:p,shouldAnimate:S}=wt(),R=Jt(n,e),h=a&&a.length>0;if(!p)return null;const f=r.useCallback(m=>i(m),[i]);return r.createElement(Q.Overlay,{onMouseUp:f,ref:R,"data-vaul-overlay":"","data-vaul-snap-points":v&&h?"true":"false","data-vaul-snap-points-overlay":v&&o?"true":"false","data-vaul-animate":S?.current?"true":"false",...t})});re.displayName="Drawer.Overlay";const ae=r.forwardRef(function({onPointerDownOutside:t,style:n,onOpenAutoFocus:e,...a},i){const{drawerRef:o,onPress:v,onRelease:p,onDrag:S,keyboardIsOpen:R,snapPointsOffset:h,activeSnapPointIndex:f,modal:m,isOpen:B,direction:k,snapPoints:x,container:j,handleOnly:w,shouldAnimate:M,autoFocus:A}=wt(),[c,q]=r.useState(!1),tt=Jt(i,o),u=r.useRef(null),b=r.useRef(null),y=r.useRef(!1),N=x&&x.length>0;Ue();const P=(s,F,I=0)=>{if(y.current)return!0;const W=Math.abs(s.y),_=Math.abs(s.x),X=_>W,K=["bottom","right"].includes(F)?1:-1;if(F==="left"||F==="right"){if(!(s.x*K<0)&&_>=0&&_<=I)return X}else if(!(s.y*K<0)&&W>=0&&W<=I)return!X;return y.current=!0,!0};r.useEffect(()=>{N&&window.requestAnimationFrame(()=>{q(!0)})},[]);function z(s){u.current=null,y.current=!1,p(s)}return r.createElement(Q.Content,{"data-vaul-drawer-direction":k,"data-vaul-drawer":"","data-vaul-delayed-snap-points":c?"true":"false","data-vaul-snap-points":B&&N?"true":"false","data-vaul-custom-container":j?"true":"false","data-vaul-animate":M?.current?"true":"false",...a,ref:tt,style:h&&h.length>0?{"--snap-point-height":`${h[f??0]}px`,...n}:n,onPointerDown:s=>{w||(a.onPointerDown==null||a.onPointerDown.call(a,s),u.current={x:s.pageX,y:s.pageY},v(s))},onOpenAutoFocus:s=>{e?.(s),A||s.preventDefault()},onPointerDownOutside:s=>{if(t?.(s),!m||s.defaultPrevented){s.preventDefault();return}R.current&&(R.current=!1)},onFocusOutside:s=>{if(!m){s.preventDefault();return}},onPointerMove:s=>{if(b.current=s,w||(a.onPointerMove==null||a.onPointerMove.call(a,s),!u.current))return;const F=s.pageY-u.current.y,I=s.pageX-u.current.x,W=s.pointerType==="touch"?10:2;P({x:I,y:F},k,W)?S(s):(Math.abs(I)>W||Math.abs(F)>W)&&(u.current=null)},onPointerUp:s=>{a.onPointerUp==null||a.onPointerUp.call(a,s),u.current=null,y.current=!1,p(s)},onPointerOut:s=>{a.onPointerOut==null||a.onPointerOut.call(a,s),z(b.current)},onContextMenu:s=>{a.onContextMenu==null||a.onContextMenu.call(a,s),b.current&&z(b.current)}})});ae.displayName="Drawer.Content";const Ve=250,qe=120,Ye=r.forwardRef(function({preventCycle:t=!1,children:n,...e},a){const{closeDrawer:i,isDragging:o,snapPoints:v,activeSnapPoint:p,setActiveSnapPoint:S,dismissible:R,handleOnly:h,isOpen:f,onPress:m,onDrag:B}=wt(),k=r.useRef(null),x=r.useRef(!1);function j(){if(x.current){A();return}window.setTimeout(()=>{w()},qe)}function w(){if(o||t||x.current){A();return}if(A(),!v||v.length===0){R||i();return}if(p===v[v.length-1]&&R){i();return}const q=v.findIndex(u=>u===p);if(q===-1)return;const tt=v[q+1];S(tt)}function M(){k.current=window.setTimeout(()=>{x.current=!0},Ve)}function A(){k.current&&window.clearTimeout(k.current),x.current=!1}return r.createElement("div",{onClick:j,onPointerCancel:A,onPointerDown:c=>{h&&m(c),M()},onPointerMove:c=>{h&&B(c)},ref:a,"data-vaul-drawer-visible":f?"true":"false","data-vaul-handle":"","aria-hidden":"true",...e},r.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});Ye.displayName="Drawer.Handle";function Xe(t){const n=wt(),{container:e=n.container,...a}=t;return r.createElement(Q.Portal,{container:e,...a})}const Z={Root:We,Content:ae,Overlay:re,Trigger:Q.Trigger,Portal:Xe,Close:Q.Close,Title:Q.Title,Description:Q.Description};function Ke({...t}){return U.jsx(Z.Root,{"data-slot":"drawer",...t})}function Ge({...t}){return U.jsx(Z.Trigger,{"data-slot":"drawer-trigger",...t})}function Je({...t}){return U.jsx(Z.Portal,{"data-slot":"drawer-portal",...t})}function Qe({...t}){return U.jsx(Z.Close,{"data-slot":"drawer-close",...t})}function Ze({className:t,...n}){return U.jsx(Z.Overlay,{"data-slot":"drawer-overlay",className:it.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...n})}const oe=Yt.forwardRef(({className:t,children:n,...e},a)=>U.jsxs(Je,{"data-slot":"drawer-portal",children:[U.jsx(Ze,{}),U.jsxs(Z.Content,{ref:a,"data-slot":"drawer-content",className:it.cn("group/drawer-content fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",t),...e,children:[U.jsx("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),n]})]}));oe.displayName="DrawerContent";function tn({className:t,...n}){return U.jsx("div",{"data-slot":"drawer-header",className:it.cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",t),...n})}function en({className:t,...n}){return U.jsx("div",{"data-slot":"drawer-footer",className:it.cn("mt-auto flex flex-col gap-2 p-4",t),...n})}function nn({className:t,...n}){return U.jsx(Z.Title,{"data-slot":"drawer-title",className:it.cn("text-foreground font-semibold",t),...n})}function rn({className:t,...n}){return U.jsx(Z.Description,{"data-slot":"drawer-description",className:it.cn("text-muted-foreground text-sm",t),...n})}exports.Drawer=Ke;exports.DrawerClose=Qe;exports.DrawerContent=oe;exports.DrawerDescription=rn;exports.DrawerFooter=en;exports.DrawerHeader=tn;exports.DrawerTitle=nn;exports.DrawerTrigger=Ge;

package/dist/drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./drawer-BkuiusSD.cjs");exports.Drawer=r.Drawer;exports.DrawerClose=r.DrawerClose;exports.DrawerContent=r.DrawerContent;exports.DrawerDescription=r.DrawerDescription;exports.DrawerFooter=r.DrawerFooter;exports.DrawerHeader=r.DrawerHeader;exports.DrawerTitle=r.DrawerTitle;exports.DrawerTrigger=r.DrawerTrigger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./drawer-DjVIwhWw.cjs");exports.Drawer=r.Drawer;exports.DrawerClose=r.DrawerClose;exports.DrawerContent=r.DrawerContent;exports.DrawerDescription=r.DrawerDescription;exports.DrawerFooter=r.DrawerFooter;exports.DrawerHeader=r.DrawerHeader;exports.DrawerTitle=r.DrawerTitle;exports.DrawerTrigger=r.DrawerTrigger;

package/dist/drawer.js

@@ -1,4 +1,4 @@
-import { D as e, a as s, b as D, c as w, d as o, e as t, f as i, g } from "./drawer-C7hRQ7X-.js";
+import { D as e, a as s, b as D, c as w, d as o, e as t, f as i, g } from "./drawer-CTsbhpbu.js";
 export {
   e as Drawer,
   s as DrawerClose,