UNPKG

@vela-ui/react

Version:

Vela UI React components

3 lines (2 loc) 2.08 kB
"use client" import{a as m,b as p,e as f,g as d,h as x,i as g,j as u,k as c,l as w}from"./chunk-QU63G3RL.mjs";import{a as s}from"./chunk-VAPI52L2.mjs";import{useMemo as M}from"react";import{Modal as O,ModalOverlay as V,composeRenderProps as D}from"react-aria-components";import{tv as v}from"tailwind-variants";import{jsx as r}from"react/jsx-runtime";var N=v({base:"fixed inset-0 z-50 flex w-full items-center justify-center bg-black/50",variants:{isBlurred:{true:"backdrop-blur-md backdrop-saturate-150"},isEntering:{true:"animate-in fade-in duration-300 ease-out"},isExiting:{true:"animate-out fade-out duration-200 ease-in"}}}),k=v({base:"bg-background fixed z-50 flex h-auto flex-col shadow-lg transition",variants:{placement:{top:"data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top inset-x-0 top-0 border-b",bottom:"data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom inset-x-0 bottom-0 border-t",left:"data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"},isEntering:{true:"animate-in duration-300"},isExiting:{true:"animate-out duration-200"}},defaultVariants:{placement:"right",isBlurred:!1}}),hr=({className:o,overlayClassName:e,showCloseButton:n=!0,isDismissable:t=!0,isOpen:b,onOpenChange:y,placement:h,isBlurred:C,...l})=>{let P=M(()=>({showCloseButton:n,isDismissable:t}),[n,t]);return r(p.Provider,{value:P,children:r(V,{"data-slot":"drawer-overlay",style:{height:"var(--visual-viewport-height)"},isOpen:b,onOpenChange:y,isDismissable:t,className:D(e,(a,i)=>N({...i,isBlurred:C,className:a})),...l,children:r(O,{"data-slot":"drawer",className:D(o,(a,i)=>k({...i,placement:h,className:a})),...l})})})},Cr=({className:o,...e})=>r("div",{"data-slot":"drawer-body",className:s("flex-1 overflow-auto",o),...e}),Pr=m,Mr=f,Or=d,Vr=x,Nr=g,kr=u,Ar=c,Br=w;export{hr as a,Cr as b,Pr as c,Mr as d,Or as e,Vr as f,Nr as g,kr as h,Ar as i,Br as j};