@clasing/ui 0.1.123 → 0.1.125

package/dist/components/context-menu.es.js

@@ -0,0 +1,229 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as o from "@radix-ui/react-context-menu";
+import { c as s } from "../index-CRiPKpXj.js";
+import { I as i } from "../icon-component-BZ-4FDV6.js";
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "context-menu", ...t });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "context-menu-trigger", ...t });
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Group, { "data-slot": "context-menu-group", ...t });
+}
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "context-menu-portal", ...t });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Sub, { "data-slot": "context-menu-sub", ...t });
+}
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...t
+    }
+  );
+}
+function v({
+  className: t,
+  inset: n,
+  children: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    o.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": n,
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...r,
+      children: [
+        a,
+        /* @__PURE__ */ e.jsx(i, { iconName: "IconChevronRight", className: "ml-auto" })
+      ]
+    }
+  );
+}
+function b({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: s(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        t
+      ),
+      ...n
+    }
+  );
+}
+function h({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsx(o.Portal, { children: /* @__PURE__ */ e.jsx(
+    o.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: s(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        t
+      ),
+      ...n
+    }
+  ) });
+}
+function j({
+  className: t,
+  inset: n,
+  variant: a = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": n,
+      "data-variant": a,
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function C({
+  className: t,
+  children: n,
+  checked: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    o.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      checked: a,
+      ...r,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(o.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { iconName: "IconCheck", className: "size-4" }) }) }),
+        n
+      ]
+    }
+  );
+}
+function z({
+  className: t,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    o.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(o.ItemIndicator, { children: /* @__PURE__ */ e.jsx(
+          i,
+          {
+            iconName: "IconCircleFilled",
+            className: "size-2 fill-current"
+          }
+        ) }) }),
+        n
+      ]
+    }
+  );
+}
+function N({
+  className: t,
+  inset: n,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": n,
+      className: s(
+        "text-foreground px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function M({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: s("bg-border -mx-1 my-1 h-px", t),
+      ...n
+    }
+  );
+}
+function I({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: s(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        t
+      ),
+      ...n
+    }
+  );
+}
+export {
+  l as ContextMenu,
+  C as ContextMenuCheckboxItem,
+  h as ContextMenuContent,
+  x as ContextMenuGroup,
+  j as ContextMenuItem,
+  N as ContextMenuLabel,
+  f as ContextMenuPortal,
+  g as ContextMenuRadioGroup,
+  z as ContextMenuRadioItem,
+  M as ContextMenuSeparator,
+  I as ContextMenuShortcut,
+  p as ContextMenuSub,
+  b as ContextMenuSubContent,
+  v as ContextMenuSubTrigger,
+  m as ContextMenuTrigger
+};

package/dist/components/dialog.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-BKm2PZl2.cjs");exports.Dialog=o.Dialog;exports.DialogClose=o.DialogClose;exports.DialogContent=o.DialogContent;exports.DialogDescription=o.DialogDescription;exports.DialogFooter=o.DialogFooter;exports.DialogHeader=o.DialogHeader;exports.DialogOverlay=o.DialogOverlay;exports.DialogPortal=o.DialogPortal;exports.DialogTitle=o.DialogTitle;exports.DialogTrigger=o.DialogTrigger;

package/dist/components/dialog.d.ts

@@ -0,0 +1,15 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/dialog.es.js

@@ -0,0 +1,13 @@
+import { D as i, a as l, b as g, c as s, d as D, e, f as r, g as t, h as n, i as c } from "../dialog-DZpF7OXg.js";
+export {
+  i as Dialog,
+  l as DialogClose,
+  g as DialogContent,
+  s as DialogDescription,
+  D as DialogFooter,
+  e as DialogHeader,
+  r as DialogOverlay,
+  t as DialogPortal,
+  n as DialogTitle,
+  c as DialogTrigger
+};

package/dist/components/divider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../jsx-runtime-DUiatUiq.cjs"),s=require("../index-DoxiiusW.cjs"),l=require("react"),r=l.forwardRef(({className:i,orientation:e="horizontal",...t},n)=>o.jsxRuntimeExports.jsx("span",{ref:n,className:s.cn("bg-neutral-050",i,{"h-px! w-full":e==="horizontal","h-full w-px!":e==="vertical"}),...t}));r.displayName="Divider";const u=r;exports.Divider=u;

package/dist/components/divider.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+interface IDividerProps extends HTMLAttributes<HTMLSpanElement> {
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare const Divider: import("react").ForwardRefExoticComponent<IDividerProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/components/divider.es.js

@@ -0,0 +1,21 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import { c as s } from "../index-CRiPKpXj.js";
+import { forwardRef as l } from "react";
+const o = l(
+  ({ className: i, orientation: r = "horizontal", ...t }, a) => /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      ref: a,
+      className: s("bg-neutral-050", i, {
+        "h-px! w-full": r === "horizontal",
+        "h-full w-px!": r === "vertical"
+      }),
+      ...t
+    }
+  )
+);
+o.displayName = "Divider";
+const f = o;
+export {
+  f as Divider
+};

package/dist/components/drawer.cjs.js

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

package/dist/components/drawer.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };