admin-ui-starter-kit 0.6.9 → 0.7.1

package/dist/showcase/assets/overlays-CaSVa-L2.js

@@ -0,0 +1,159 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-C_rLy6Zn.js";import{A as a,B as o,C as s,D as c,F as l,G as u,H as d,K as f,N as p,P as m,Q as h,Qt as g,S as _,V as v,W as y,Xn as b,Y as x,Zn as S,a as C,ar as w,b as T,c as E,cn as D,ct as ee,d as O,er as k,f as te,fr as A,g as j,h as ne,hr as re,j as ie,k as M,lt as ae,mr as N,nr as oe,o as se,ot as P,p as ce,pr as le,rt as F,t as I,u as ue,ut as L,v as de,vt as fe,x as pe,xr as me,z as R}from"./example-BsDQngs7.js";import{d as he,n as z}from"./index-B4sKWDcN.js";import{a as B,c as ge,i as _e,l as ve,n as ye,o as V,s as be,t as xe}from"./DialogTrigger-CD-DcY4b.js";import{a as Se,i as H,n as Ce,o as we,r as Te,s as Ee,t as De}from"./dialog-CN_gfVV2.js";import{i as Oe,r as ke,t as Ae}from"./popover-BP4R2w67.js";import{a as je,c as Me,i as Ne,n as Pe,o as Fe,r as Ie,s as Le,t as Re}from"./dist-5H2NtsLp.js";import{a as ze,i as Be,n as Ve,o as He,r as Ue,t as We}from"./sheet-O9T8bfRr.js";import{n as Ge}from"./PreviewLayout-CE0fmzoc.js";function Ke(e,t,n,r){return{left:e,top:t,right:n,bottom:r,x:e,y:t,width:n-e,height:r-t}}function qe(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function Je(e){let t=[],n,r=1/0,i=1/0,a=-1/0,o=-1/0;for(let s of Array.from(e).sort((e,t)=>e.top-t.top)){if(r=Math.min(r,s.left),i=Math.min(i,s.top),a=Math.max(a,s.right),o=Math.max(o,s.bottom),!n||s.top-n.top>n.height/2)t.push(qe(s));else{let e=t[t.length-1];e.left=Math.min(e.left,s.left),e.right=Math.max(e.right,s.right),e.bottom=Math.max(e.bottom,s.bottom),e.width=e.right-e.left,e.height=e.bottom-e.top}n=s}return{lines:t,fallback:Ke(r,i,a,o)}}function Ye(e,t,n){return e.findIndex(e=>t>e.left-2&&t<e.right+2&&n>e.top-2&&n<e.bottom+2)}function Xe(e){return Ke(e.left,e.top,e.right,e.bottom)}function Ze(e,t,n){let{lines:r}=Je(e.getClientRects());if(r.length<2)return;let i=Ye(r,t,n);return{x:t,y:n,lineIndex:i===-1?void 0:i,element:e}}function Qe(e,t,n){let{lines:r,fallback:i}=Je(e.getClientRects());if(r.length<2)return null;let a=n?.x,o=n?.y,s=t[0];if(n?.lineIndex!=null&&r[n.lineIndex])return Xe(r[n.lineIndex]);if(a!=null&&o!=null){let e=Ye(r,a,o);if(e!==-1)return Xe(r[e])}if(r.length===2&&r[0].left>r[1].right&&a!=null&&o!=null)return i;if(s===`t`||s===`b`){let e=r[0],t=r[r.length-1],n=s===`t`?e:t;return Ke(n.left,e.top,n.right,t.bottom)}let c=s===`l`,l=r[0].left,u=r[0].right,d=c?1/0:-1/0,f=r[0],p=r[0];for(let e of r){l=Math.min(l,e.left),u=Math.max(u,e.right);let t=c?e.left:e.right;c&&t<d||!c&&t>d?(d=t,f=e,p=e):t===d&&(p=e)}return Ke(l,f.top,u,p.bottom)}function $e(e){return`contextElement`in e&&e.contextElement?e.contextElement:me(e)?e:void 0}function et(e,t){function n(t){tt(e,t.currentTarget,t.clientX,t.clientY)}function r(e){t||n(e)}return{onFocus(){e.current=void 0},onMouseEnter:r,onMouseMove:r}}function tt(e,t,n,r){let i=Ze(t,n,r);return e.current=i,i}function nt(e){return{name:`inline`,async fn(t){let n=t.elements.reference;if(typeof n?.getClientRects!=`function`)return{};let r=$e(n),i=e.current,a=i?.element===n||i?.element===r?i:void 0,o=Qe(n,t.placement,a);if(!o||typeof t.platform.getElementRects!=`function`)return{};let s=await t.platform.getElementRects({reference:{contextElement:r,getBoundingClientRect(){return o}},floating:t.elements.floating,strategy:t.strategy});return t.rects.reference.x===s.reference.x&&t.rects.reference.y===s.reference.y&&t.rects.reference.width===s.reference.width&&t.rects.reference.height===s.reference.height?{}:{reset:{rects:s}}}}}function rt(e){return _e(e,`alert-dialog`)}var it=xe,U=t(n(),1),W=he();function at({...e}){return(0,W.jsx)(rt,{"data-slot":`alert-dialog`,...e})}function ot({...e}){return(0,W.jsx)(it,{"data-slot":`alert-dialog-trigger`,...e})}function st({...e}){return(0,W.jsx)(B,{"data-slot":`alert-dialog-portal`,...e})}function ct({className:e,...t}){return(0,W.jsx)(ve,{"data-slot":`alert-dialog-overlay`,className:z(`fixed inset-0 isolate z-50 bg-black/30 duration-100 supports-backdrop-filter:backdrop-blur-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function lt({className:e,size:t=`default`,...n}){return(0,W.jsxs)(st,{children:[(0,W.jsx)(ct,{}),(0,W.jsx)(V,{"data-slot":`alert-dialog-content`,"data-size":t,className:z(`group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-popover-foreground shadow-xl ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md dark:ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...n})]})}function ut({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:z(`grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]`,e),...t})}function dt({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:z(`flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end`,e),...t})}function ft({className:e,...t}){return(0,W.jsx)(ye,{"data-slot":`alert-dialog-title`,className:z(`text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2`,e),...t})}function pt({className:e,...t}){return(0,W.jsx)(be,{"data-slot":`alert-dialog-description`,className:z(`text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...t})}function mt({className:e,...t}){return(0,W.jsx)(k,{"data-slot":`alert-dialog-action`,className:z(e),...t})}function ht({className:e,variant:t=`outline`,size:n=`default`,...r}){return(0,W.jsx)(ge,{"data-slot":`alert-dialog-cancel`,className:z(e),render:(0,W.jsx)(k,{variant:t,size:n}),...r})}function gt(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}var _t=U.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}),G=()=>{let e=U.useContext(_t);if(!e)throw Error(`useDrawerContext must be used within a Drawer.Root`);return e};gt(`[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 vt(){let e=navigator.userAgent;return typeof window<`u`&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function yt(){return wt(/^Mac/)}function bt(){return wt(/^iPhone/)}function xt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function St(){return wt(/^iPad/)||yt()&&navigator.maxTouchPoints>1}function Ct(){return bt()||St()}function wt(e){return typeof window<`u`&&window.navigator!=null?e.test(window.navigator.platform):void 0}var Tt=24,Et=typeof window<`u`?U.useLayoutEffect:U.useEffect;function Dt(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}var Ot=typeof document<`u`&&window.visualViewport;function kt(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function At(e){for(kt(e)&&(e=e.parentElement);e&&!kt(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}var jt=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]),Mt=0,Nt;function Pt(e={}){let{isDisabled:t}=e;Et(()=>{if(!t)return Mt++,Mt===1&&Ct()&&(Nt=Ft()),()=>{Mt--,Mt===0&&Nt?.()}},[t])}function Ft(){let e,t=0,n=n=>{e=At(n.target),!(e===document.documentElement&&e===document.body)&&(t=n.changedTouches[0].pageY)},r=n=>{if(!e||e===document.documentElement||e===document.body){n.preventDefault();return}let r=n.changedTouches[0].pageY,i=e.scrollTop,a=e.scrollHeight-e.clientHeight;a!==0&&((i<=0&&r>t||i>=a&&r<t)&&n.preventDefault(),t=r)},i=e=>{let t=e.target;Rt(t)&&t!==document.activeElement&&(e.preventDefault(),t.style.transform=`translateY(-2000px)`,t.focus(),requestAnimationFrame(()=>{t.style.transform=``}))},a=e=>{let t=e.target;Rt(t)&&(t.style.transform=`translateY(-2000px)`,requestAnimationFrame(()=>{t.style.transform=``,Ot&&(Ot.height<window.innerHeight?requestAnimationFrame(()=>{Lt(t)}):Ot.addEventListener(`resize`,()=>Lt(t),{once:!0}))}))},o=()=>{window.scrollTo(0,0)},s=window.pageXOffset,c=window.pageYOffset,l=Dt(It(document.documentElement,`paddingRight`,`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let u=Dt(K(document,`touchstart`,n,{passive:!1,capture:!0}),K(document,`touchmove`,r,{passive:!1,capture:!0}),K(document,`touchend`,i,{passive:!1,capture:!0}),K(document,`focus`,a,!0),K(window,`scroll`,o));return()=>{l(),u(),window.scrollTo(s,c)}}function It(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function K(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function Lt(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let t=At(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let n=t.getBoundingClientRect().top,r=e.getBoundingClientRect().top;e.getBoundingClientRect().bottom>t.getBoundingClientRect().bottom+Tt&&(t.scrollTop+=r-n)}e=t.parentElement}}function Rt(e){return e instanceof HTMLInputElement&&!jt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function zt(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function Bt(...e){return t=>e.forEach(e=>zt(e,t))}function Vt(...e){return U.useCallback(Bt(...e),e)}var Ht=new WeakMap;function q(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([t,n])=>{if(t.startsWith(`--`)){e.style.setProperty(t,n);return}r[t]=e.style[t],e.style[t]=n}),!n&&Ht.set(e,r)}function Ut(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Ht.get(e);n&&(e.style[t]=n[t])}var J=e=>{switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}};function Wt(e,t){if(!e)return null;let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,i=r.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(`, `)[J(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(`, `)[J(t)?5:4]):null)}function Gt(e){return 8*(Math.log(e+1)-2)}function Kt(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}var Y={DURATION:.5,EASE:[.32,.72,0,1]},qt=.4,Jt=.25,Yt=100,Xt=8,Zt=16,Qt=26,$t=`vaul-dragging`;function en(e){let t=U.useRef(e);return U.useEffect(()=>{t.current=e}),U.useMemo(()=>(...e)=>t.current==null?void 0:t.current.call(t,...e),[])}function tn({defaultProp:e,onChange:t}){let n=U.useState(e),[r]=n,i=U.useRef(r),a=en(t);return U.useEffect(()=>{i.current!==r&&(a(r),i.current=r)},[r,i,a]),n}function nn({prop:e,defaultProp:t,onChange:n=()=>{}}){let[r,i]=tn({defaultProp:t,onChange:n}),a=e!==void 0,o=a?e:r,s=en(n);return[o,U.useCallback(t=>{if(a){let n=typeof t==`function`?t(e):t;n!==e&&s(n)}else i(t)},[a,e,i,s])]}function rn({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:i,fadeFromIndex:a,onSnapPointChange:o,direction:s=`bottom`,container:c,snapToSequentialPoint:l}){let[u,d]=nn({prop:e,defaultProp:n?.[0],onChange:t}),[f,p]=U.useState(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);U.useEffect(()=>{function e(){p({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let m=U.useMemo(()=>u===n?.[n.length-1]||null,[n,u]),h=U.useMemo(()=>n?.findIndex(e=>e===u)??null,[n,u]),g=n&&n.length>0&&(a||a===0)&&!Number.isNaN(a)&&n[a]===u||!n,_=U.useMemo(()=>{let e=c?{width:c.getBoundingClientRect().width,height:c.getBoundingClientRect().height}:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};return n?.map(t=>{let n=typeof t==`string`,r=0;if(n&&(r=parseInt(t,10)),J(s)){let i=n?r:f?t*e.height:0;return f?s===`bottom`?e.height-i:-e.height+i:i}let i=n?r:f?t*e.width:0;return f?s===`right`?e.width-i:-e.width+i:i})??[]},[n,f,c]),v=U.useMemo(()=>h===null?null:_?.[h],[_,h]),y=U.useCallback(e=>{let t=_?.findIndex(t=>t===e)??null;o(t),q(r.current,{transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,transform:J(s)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`}),_&&t!==_.length-1&&a!==void 0&&t!==a&&t<a?q(i.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,opacity:`0`}):q(i.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,opacity:`1`}),d(n?.[Math.max(t,0)])},[r.current,n,_,a,i,d]);U.useEffect(()=>{if(u||e){let t=n?.findIndex(t=>t===e||t===u)??-1;_&&t!==-1&&typeof _[t]==`number`&&y(_[t])}},[u,e,n,_,y]);function b({draggedDistance:e,closeDrawer:t,velocity:r,dismissible:o}){if(a===void 0)return;let c=s===`bottom`||s===`right`?(v??0)-e:(v??0)+e,u=h===a-1,d=h===0,f=e>0;if(u&&q(i.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`}),!l&&r>2&&!f){o?t():y(_[0]);return}if(!l&&r>2&&f&&_&&n){y(_[n.length-1]);return}let p=_?.reduce((e,t)=>typeof e!=`number`||typeof t!=`number`?e:Math.abs(t-c)<Math.abs(e-c)?t:e),g=J(s)?window.innerHeight:window.innerWidth;if(r>qt&&Math.abs(e)<g*.4){let e=f?1:-1;if(e>0&&m&&n){y(_[n.length-1]);return}if(d&&e<0&&o&&t(),h===null)return;y(_[h+e]);return}y(p)}function x({draggedDistance:e}){if(v===null)return;let t=s===`bottom`||s===`right`?v-e:v+e;(s===`bottom`||s===`right`)&&t<_[_.length-1]||(s===`top`||s===`left`)&&t>_[_.length-1]||q(r.current,{transform:J(s)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}function S(e,t){if(!n||typeof h!=`number`||!_||a===void 0)return null;let r=h===a-1;if(h>=a&&t)return 0;if(r&&!t)return 1;if(!g&&!r)return null;let i=r?h+1:h-1,o=r?_[i]-_[i-1]:_[i+1]-_[i],s=e/Math.abs(o);return r?1-s:s}return{isLastSnapPoint:m,activeSnapPoint:u,shouldFade:g,getPercentageDragged:S,setActiveSnapPoint:d,activeSnapPointIndex:h,onRelease:b,onDrag:x,snapPointsOffset:_}}function an(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:i}=G(),a=U.useRef(null),o=(0,U.useMemo)(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-Qt)/window.innerWidth}U.useEffect(()=>{if(t&&n){a.current&&clearTimeout(a.current);let t=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`);if(!t)return;r&&!i&&Kt(document.body,{background:`black`}),Kt(t,{transformOrigin:J(e)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${Y.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Y.EASE.join(`,`)})`});let n=Kt(t,{borderRadius:`${Xt}px`,overflow:`hidden`,...J(e)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),a.current=window.setTimeout(()=>{o?document.body.style.background=o:document.body.style.removeProperty(`background`)},Y.DURATION*1e3)}}},[t,n,o])}var X=null;function on({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:i,noBodyStyles:a}){let[o,s]=U.useState(()=>typeof window<`u`?window.location.href:``),c=U.useRef(0),l=U.useCallback(()=>{if(xt()&&X===null&&e&&!a){X={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:`unset`};let{scrollX:e,innerHeight:t}=window;document.body.style.setProperty(`position`,`fixed`,`important`),Object.assign(document.body.style,{top:`${-c.current}px`,left:`${-e}px`,right:`0px`,height:`auto`}),window.setTimeout(()=>window.requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&c.current>=t&&(document.body.style.top=`${-(c.current+e)}px`)}),300)}},[e]),u=U.useCallback(()=>{if(xt()&&X!==null&&!a){let e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);Object.assign(document.body.style,X),window.requestAnimationFrame(()=>{if(i&&o!==window.location.href){s(window.location.href);return}window.scrollTo(t,e)}),X=null}},[o]);return U.useEffect(()=>{function e(){c.current=window.scrollY}return e(),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`scroll`,e)}},[]),U.useEffect(()=>{if(t)return()=>{typeof document>`u`||document.querySelector(`[data-vaul-drawer]`)||u()}},[t,u]),U.useEffect(()=>{n||!r||(e?(!window.matchMedia(`(display-mode: standalone)`).matches&&l(),t||window.setTimeout(()=>{u()},500)):u())},[e,r,o,t,n,l,u]),{restorePositionSetting:u}}function sn({open:e,onOpenChange:t,children:n,onDrag:r,onRelease:i,snapPoints:a,shouldScaleBackground:o=!1,setBackgroundColorOnScale:s=!0,closeThreshold:c=Jt,scrollLockTimeout:l=Yt,dismissible:u=!0,handleOnly:d=!1,fadeFromIndex:f=a&&a.length-1,activeSnapPoint:p,setActiveSnapPoint:m,fixed:h,modal:g=!0,onClose:_,nested:v,noBodyStyles:y=!1,direction:b=`bottom`,defaultOpen:x=!1,disablePreventScroll:S=!0,snapToSequentialPoint:C=!1,preventScrollRestoration:w=!1,repositionInputs:T=!0,onAnimationEnd:E,container:D,autoFocus:ee=!1}){let[O=!1,k]=nn({defaultProp:x,prop:e,onChange:e=>{t?.(e),!e&&!v&&ye(),setTimeout(()=>{E?.(e)},Y.DURATION*1e3),e&&!g&&typeof window<`u`&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`}),e||(document.body.style.pointerEvents=`auto`)}}),[te,A]=U.useState(!1),[j,ne]=U.useState(!1),[re,ie]=U.useState(!1),M=U.useRef(null),ae=U.useRef(null),N=U.useRef(null),oe=U.useRef(null),se=U.useRef(null),P=U.useRef(!1),ce=U.useRef(null),le=U.useRef(0),F=U.useRef(!1),I=U.useRef(!x),ue=U.useRef(0),L=U.useRef(null),de=U.useRef(L.current?.getBoundingClientRect().height||0),fe=U.useRef(L.current?.getBoundingClientRect().width||0),pe=U.useRef(0),{activeSnapPoint:me,activeSnapPointIndex:R,setActiveSnapPoint:he,onRelease:z,snapPointsOffset:B,onDrag:ge,shouldFade:_e,getPercentageDragged:ve}=rn({snapPoints:a,activeSnapPointProp:p,setActiveSnapPointProp:m,drawerRef:L,fadeFromIndex:f,overlayRef:M,onSnapPointChange:U.useCallback(e=>{a&&e===B.length-1&&(ae.current=new Date)},[]),direction:b,container:D,snapToSequentialPoint:C});Pt({isDisabled:!O||j||!g||re||!te||!T||!S});let{restorePositionSetting:ye}=on({isOpen:O,modal:g,nested:v??!1,hasBeenOpened:te,preventScrollRestoration:w,noBodyStyles:y});function V(){return(window.innerWidth-Qt)/window.innerWidth}function be(e){!u&&!a||L.current&&!L.current.contains(e.target)||(de.current=L.current?.getBoundingClientRect().height||0,fe.current=L.current?.getBoundingClientRect().width||0,ne(!0),N.current=new Date,Ct()&&window.addEventListener(`touchend`,()=>P.current=!1,{once:!0}),e.target.setPointerCapture(e.pointerId),le.current=J(b)?e.pageY:e.pageX)}function xe(e,t){let n=e,r=window.getSelection()?.toString(),i=L.current?Wt(L.current,b):null,a=new Date;if(n.tagName===`SELECT`||n.hasAttribute(`data-vaul-no-drag`)||n.closest(`[data-vaul-no-drag]`))return!1;if(b===`right`||b===`left`)return!0;if(ae.current&&a.getTime()-ae.current.getTime()<500)return!1;if(i!==null&&(b===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(se.current&&a.getTime()-se.current.getTime()<l&&i===0||t)return se.current=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return se.current=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function Se(e){if(L.current&&j){let t=b===`bottom`||b===`right`?1:-1,n=(le.current-(J(b)?e.pageY:e.pageX))*t,i=n>0,s=a&&!u&&!i;if(s&&R===0)return;let c=Math.abs(n),l=document.querySelector(`[data-vaul-drawer-wrapper]`),d=c/(b===`bottom`||b===`top`?de.current:fe.current),p=ve(c,i);if(p!==null&&(d=p),s&&d>=1||!P.current&&!xe(e.target,i))return;if(L.current.classList.add($t),P.current=!0,q(L.current,{transition:`none`}),q(M.current,{transition:`none`}),a&&ge({draggedDistance:n}),i&&!a){let e=Gt(n),r=Math.min(e*-1,0)*t;q(L.current,{transform:J(b)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-d;if((_e||f&&R===f-1)&&(r?.(e,d),q(M.current,{opacity:`${m}`,transition:`none`},!0)),l&&M.current&&o){let e=Math.min(V()+d*(1-V()),1),t=8-d*8,n=Math.max(0,14-d*14);q(l,{borderRadius:`${t}px`,transform:J(b)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!a){let e=c*t;q(L.current,{transform:J(b)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}}U.useEffect(()=>{window.requestAnimationFrame(()=>{I.current=!0})},[]),U.useEffect(()=>{var e;function t(){if(!L.current||!T)return;let e=document.activeElement;if(Rt(e)||F.current){let e=window.visualViewport?.height||0,t=window.innerHeight,n=t-e,r=L.current.getBoundingClientRect().height||0,i=r>t*.8;pe.current||=r;let o=L.current.getBoundingClientRect().top;if(Math.abs(ue.current-n)>60&&(F.current=!F.current),a&&a.length>0&&B&&R){let e=B[R]||0;n+=e}if(ue.current=n,r>e||F.current){let t=L.current.getBoundingClientRect().height,r=t;t>e&&(r=e-(i?o:Qt)),h?L.current.style.height=`${t-Math.max(n,0)}px`:L.current.style.height=`${Math.max(r,e-o)}px`}else vt()||(L.current.style.height=`${pe.current}px`);a&&a.length>0&&!F.current?L.current.style.bottom=`0px`:L.current.style.bottom=`${Math.max(n,0)}px`}}return(e=window.visualViewport)==null||e.addEventListener(`resize`,t),()=>window.visualViewport?.removeEventListener(`resize`,t)},[R,a,B]);function H(e){we(),_?.(),e||k(!1),setTimeout(()=>{a&&he(a[0])},Y.DURATION*1e3)}function Ce(){if(!L.current)return;let e=document.querySelector(`[data-vaul-drawer-wrapper]`),t=Wt(L.current,b);q(L.current,{transform:`translate3d(0, 0, 0)`,transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`}),q(M.current,{transition:`opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,opacity:`1`}),o&&t&&t>0&&O&&q(e,{borderRadius:`${Xt}px`,overflow:`hidden`,...J(b)?{transform:`scale(${V()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${V()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${Y.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Y.EASE.join(`,`)})`},!0)}function we(){!j||!L.current||(L.current.classList.remove($t),P.current=!1,ne(!1),oe.current=new Date)}function Te(e){if(!j||!L.current)return;L.current.classList.remove($t),P.current=!1,ne(!1),oe.current=new Date;let t=Wt(L.current,b);if(!e||!xe(e.target,!1)||!t||Number.isNaN(t)||N.current===null)return;let n=oe.current.getTime()-N.current.getTime(),r=le.current-(J(b)?e.pageY:e.pageX),o=Math.abs(r)/n;if(o>.05&&(ie(!0),setTimeout(()=>{ie(!1)},200)),a){z({draggedDistance:r*(b===`bottom`||b===`right`?1:-1),closeDrawer:H,velocity:o,dismissible:u}),i?.(e,!0);return}if(b===`bottom`||b===`right`?r>0:r<0){Ce(),i?.(e,!0);return}if(o>qt){H(),i?.(e,!1);return}let s=Math.min(L.current.getBoundingClientRect().height??0,window.innerHeight),l=Math.min(L.current.getBoundingClientRect().width??0,window.innerWidth);if(Math.abs(t)>=(b===`left`||b===`right`?l:s)*c){H(),i?.(e,!1);return}i?.(e,!0),Ce()}U.useEffect(()=>(O&&(q(document.documentElement,{scrollBehavior:`auto`}),ae.current=new Date),()=>{Ut(document.documentElement,`scrollBehavior`)}),[O]);function Ee(e){let t=e?(window.innerWidth-Zt)/window.innerWidth:1,n=e?-16:0;ce.current&&window.clearTimeout(ce.current),q(L.current,{transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,transform:J(b)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`}),!e&&L.current&&(ce.current=setTimeout(()=>{let e=Wt(L.current,b);q(L.current,{transition:`none`,transform:J(b)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function De(e,t){if(t<0)return;let n=(window.innerWidth-Zt)/window.innerWidth,r=n+t*(1-n),i=-16+t*Zt;q(L.current,{transform:J(b)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function Oe(e,t){let n=J(b)?window.innerHeight:window.innerWidth,r=t?(n-Zt)/n:1,i=t?-16:0;t&&q(L.current,{transition:`transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(`,`)})`,transform:J(b)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`})}return U.useEffect(()=>{g||window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`})},[g]),U.createElement(Fe,{defaultOpen:x,onOpenChange:e=>{!u&&!e||(e?A(!0):H(!0),k(e))},open:O},U.createElement(_t.Provider,{value:{activeSnapPoint:me,snapPoints:a,setActiveSnapPoint:he,drawerRef:L,overlayRef:M,onOpenChange:t,onPress:be,onRelease:Te,onDrag:Se,dismissible:u,shouldAnimate:I,handleOnly:d,isOpen:O,isDragging:j,shouldFade:_e,closeDrawer:H,onNestedDrag:De,onNestedOpenChange:Ee,onNestedRelease:Oe,keyboardIsOpen:F,modal:g,snapPointsOffset:B,activeSnapPointIndex:R,direction:b,shouldScaleBackground:o,setBackgroundColorOnScale:s,noBodyStyles:y,container:D,autoFocus:ee}},n))}var cn=U.forwardRef(function({...e},t){let{overlayRef:n,snapPoints:r,onRelease:i,shouldFade:a,isOpen:o,modal:s,shouldAnimate:c}=G(),l=Vt(t,n),u=r&&r.length>0;if(!s)return null;let d=U.useCallback(e=>i(e),[i]);return U.createElement(Ne,{onMouseUp:d,ref:l,"data-vaul-overlay":``,"data-vaul-snap-points":o&&u?`true`:`false`,"data-vaul-snap-points-overlay":o&&a?`true`:`false`,"data-vaul-animate":c?.current?`true`:`false`,...e})});cn.displayName=`Drawer.Overlay`;var ln=U.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},i){let{drawerRef:a,onPress:o,onRelease:s,onDrag:c,keyboardIsOpen:l,snapPointsOffset:u,activeSnapPointIndex:d,modal:f,isOpen:p,direction:m,snapPoints:h,container:g,handleOnly:_,shouldAnimate:v,autoFocus:y}=G(),[b,x]=U.useState(!1),S=Vt(i,a),C=U.useRef(null),w=U.useRef(null),T=U.useRef(!1),E=h&&h.length>0;an();let D=(e,t,n=0)=>{if(T.current)return!0;let r=Math.abs(e.y),i=Math.abs(e.x),a=i>r,o=[`bottom`,`right`].includes(t)?1:-1;if(t===`left`||t===`right`){if(!(e.x*o<0)&&i>=0&&i<=n)return a}else if(!(e.y*o<0)&&r>=0&&r<=n)return!a;return T.current=!0,!0};U.useEffect(()=>{E&&window.requestAnimationFrame(()=>{x(!0)})},[]);function ee(e){C.current=null,T.current=!1,s(e)}return U.createElement(Pe,{"data-vaul-drawer-direction":m,"data-vaul-drawer":``,"data-vaul-delayed-snap-points":b?`true`:`false`,"data-vaul-snap-points":p&&E?`true`:`false`,"data-vaul-custom-container":g?`true`:`false`,"data-vaul-animate":v?.current?`true`:`false`,...r,ref:S,style:u&&u.length>0?{"--snap-point-height":`${u[d??0]}px`,...t}:t,onPointerDown:e=>{_||(r.onPointerDown==null||r.onPointerDown.call(r,e),C.current={x:e.pageX,y:e.pageY},o(e))},onOpenAutoFocus:e=>{n?.(e),y||e.preventDefault()},onPointerDownOutside:t=>{if(e?.(t),!f||t.defaultPrevented){t.preventDefault();return}l.current&&=!1},onFocusOutside:e=>{if(!f){e.preventDefault();return}},onPointerMove:e=>{if(w.current=e,_||(r.onPointerMove==null||r.onPointerMove.call(r,e),!C.current))return;let t=e.pageY-C.current.y,n=e.pageX-C.current.x,i=e.pointerType===`touch`?10:2;D({x:n,y:t},m,i)?c(e):(Math.abs(n)>i||Math.abs(t)>i)&&(C.current=null)},onPointerUp:e=>{r.onPointerUp==null||r.onPointerUp.call(r,e),C.current=null,T.current=!1,s(e)},onPointerOut:e=>{r.onPointerOut==null||r.onPointerOut.call(r,e),ee(w.current)},onContextMenu:e=>{r.onContextMenu==null||r.onContextMenu.call(r,e),w.current&&ee(w.current)}})});ln.displayName=`Drawer.Content`;var un=250,dn=120,fn=U.forwardRef(function({preventCycle:e=!1,children:t,...n},r){let{closeDrawer:i,isDragging:a,snapPoints:o,activeSnapPoint:s,setActiveSnapPoint:c,dismissible:l,handleOnly:u,isOpen:d,onPress:f,onDrag:p}=G(),m=U.useRef(null),h=U.useRef(!1);function g(){if(h.current){y();return}window.setTimeout(()=>{_()},dn)}function _(){if(a||e||h.current){y();return}if(y(),!o||o.length===0){l||i();return}if(s===o[o.length-1]&&l){i();return}let t=o.findIndex(e=>e===s);if(t===-1)return;let n=o[t+1];c(n)}function v(){m.current=window.setTimeout(()=>{h.current=!0},un)}function y(){m.current&&window.clearTimeout(m.current),h.current=!1}return U.createElement(`div`,{onClick:g,onPointerCancel:y,onPointerDown:e=>{u&&f(e),v()},onPointerMove:e=>{u&&p(e)},ref:r,"data-vaul-drawer-visible":d?`true`:`false`,"data-vaul-handle":``,"aria-hidden":`true`,...n},U.createElement(`span`,{"data-vaul-handle-hitarea":``,"aria-hidden":`true`},t))});fn.displayName=`Drawer.Handle`;function pn({onDrag:e,onOpenChange:t,open:n,...r}){let{onNestedDrag:i,onNestedOpenChange:a,onNestedRelease:o}=G();if(!i)throw Error(`Drawer.NestedRoot must be placed in another drawer`);return U.createElement(sn,{nested:!0,open:n,onClose:()=>{a(!1)},onDrag:(t,n)=>{i(t,n),e?.(t,n)},onOpenChange:e=>{e&&a(e),t?.(e)},onRelease:o,...r})}function mn(e){let t=G(),{container:n=t.container,...r}=e;return U.createElement(je,{container:n,...r})}var Z={Root:sn,NestedRoot:pn,Content:ln,Overlay:cn,Trigger:Me,Portal:mn,Handle:fn,Close:Re,Title:Le,Description:Ie};function hn({...e}){return(0,W.jsx)(Z.Root,{"data-slot":`drawer`,...e})}function gn({...e}){return(0,W.jsx)(Z.Trigger,{"data-slot":`drawer-trigger`,...e})}function _n({...e}){return(0,W.jsx)(Z.Portal,{"data-slot":`drawer-portal`,...e})}function vn({...e}){return(0,W.jsx)(Z.Close,{"data-slot":`drawer-close`,...e})}function yn({className:e,...t}){return(0,W.jsx)(Z.Overlay,{"data-slot":`drawer-overlay`,className:z(`fixed inset-0 z-50 bg-black/30 supports-backdrop-filter:backdrop-blur-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function bn({className:e,children:t,...n}){return(0,W.jsxs)(_n,{"data-slot":`drawer-portal`,children:[(0,W.jsx)(yn,{}),(0,W.jsxs)(Z.Content,{"data-slot":`drawer-content`,className:z(`group/drawer-content fixed z-50 flex h-auto flex-col bg-transparent p-4 text-sm before:absolute before:inset-2 before:-z-10 before:rounded-4xl before:border before:border-border before:bg-popover before:shadow-xl 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=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 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=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=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm`,e),...n,children:[(0,W.jsx)(`div`,{className:`mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),t]})]})}function xn({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`drawer-header`,className:z(`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`,e),...t})}function Sn({className:e,...t}){return(0,W.jsx)(`div`,{"data-slot":`drawer-footer`,className:z(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function Cn({className:e,...t}){return(0,W.jsx)(Z.Title,{"data-slot":`drawer-title`,className:z(`text-base font-medium text-foreground`,e),...t})}function wn({className:e,...t}){return(0,W.jsx)(Z.Description,{"data-slot":`drawer-description`,className:z(`text-sm text-muted-foreground`,e),...t})}var Tn=U.createContext(void 0);function En(e){let t=U.useContext(Tn);if(t===void 0&&!e)throw Error(A(50));return t}var Dn={...ie,instantType:F(e=>e.instantType),hasViewport:F(e=>e.hasViewport)},On=class e extends h{constructor(e,t,n=!1){let r=new p,i={...kn(),...e};i.floatingRootContext=a(r,t,n),super(i,{popupRef:U.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerElements:r,closeDelayRef:{current:300},inlineRectCoordsRef:{current:void 0}},Dn)}setOpen=(e,t)=>{let{inlineRectCoordsRef:n}=this.context;l(this,e,t,{onBeforeDispatch(){let r=t.event;e&&t.reason===`trigger-hover`&&t.trigger&&`clientX`in r&&`clientY`in r&&n.current?.element!==t.trigger&&tt(n,t.trigger,r.clientX,r.clientY)}})};static useStore(t,n){return y(t,(t,r)=>new e(n,t,r)).store}};function kn(){return{...M(),instantType:void 0,hasViewport:!1}}function An(e){let{open:t,defaultOpen:n=!1,onOpenChange:r,onOpenChangeComplete:i,actionsRef:a,handle:s,triggerId:c,defaultTriggerId:l=null,children:u}=e,d=On.useStore(s?.store,{open:n,openProp:t,activeTriggerId:l,triggerIdProp:c});o(d,t,n,l),d.useControlledProp(`openProp`,t),d.useControlledProp(`triggerIdProp`,c),d.useContextCallback(`onOpenChange`,r),d.useContextCallback(`onOpenChangeComplete`,i);let f=d.useState(`open`),p=d.useState(`activeTriggerId`),m=d.useState(`mounted`),h=d.useState(`payload`);R(d,{closeOnActiveTriggerUnmount:!0});let{forceUnmount:_}=v(f,d,()=>{d.context.inlineRectCoordsRef.current=void 0});N(()=>{f&&(p??d.set(`payload`,void 0))},[d,p,f]);let y=U.useCallback(()=>{d.setOpen(!1,g(D))},[d]);U.useImperativeHandle(a,()=>({unmount:_,close:y}),[_,y]);let b=f||m;return(0,W.jsxs)(Tn.Provider,{value:d,children:[b&&(0,W.jsx)(jn,{store:d}),typeof u==`function`?u({payload:h}):u]})}function jn({store:e}){let t=P(e.useState(`floatingRootContext`));return d(e,{activeTriggerProps:t.reference??w,inactiveTriggerProps:t.trigger??w,popupProps:U.useMemo(()=>le(m,t.floating),[t.floating])}),null}var Mn=b(function(e){return En(!0)?(0,W.jsx)(An,{...e}):(0,W.jsx)(ae,{children:(0,W.jsx)(An,{...e})})}),Nn=U.createContext(void 0);function Pn(){let e=U.useContext(Nn);if(e===void 0)throw Error(A(48));return e}var Fn=U.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e;return En().useState(`mounted`)||n?(0,W.jsx)(Nn.Provider,{value:n,children:(0,W.jsx)(ne,{ref:t,...r})}):null}),In=S(function(e,t){let{render:n,className:r,delay:i,closeDelay:a,id:o,payload:s,handle:l,style:d,...f}=e,p=En(!0),m=l?.store??p;if(!m)throw Error(A(89));let h=j(o),g=m.useState(`isTriggerActive`,h),v=m.useState(`isOpenedByTrigger`,h),y=m.useState(`floatingRootContext`),b=m.context.inlineRectCoordsRef,x=U.useRef(null),S=i??600,C=a??300,{registerTrigger:w,isMountedByThisTrigger:E}=u(h,x,m,{payload:s});N(()=>{E&&(m.context.closeDelayRef.current=C)},[m,E,C]);let D=_(y,{mouseOnly:!0,move:!1,handleClose:pe(),delay:()=>({open:S,close:C}),triggerElementRef:x,isActiveTrigger:g,isClosing:()=>m.select(`transitionStatus`)===`ending`}),ee=c(y,{delay:S}),O={open:v},k=m.useState(`triggerProps`,E),te=et(b,v);return oe(`a`,e,{state:O,ref:[t,w,x],props:[D,ee.reference,k,te,{id:h},f],stateAttributesMapping:T})}),Ln=U.createContext(void 0);function Rn(){let e=U.useContext(Ln);if(e===void 0)throw Error(A(49));return e}var zn=U.forwardRef(function(e,t){let{render:n,className:r,anchor:i,positionMethod:a=`absolute`,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d=5,arrowPadding:f=5,sticky:p=!1,disableAnchorTracking:m=!1,collisionAvoidance:h=fe,style:g,..._}=e,v=En(),y=Pn(),b=L(),x=v.useState(`open`),S=v.useState(`mounted`),C=v.useState(`floatingRootContext`),w=v.useState(`instantType`),T=v.useState(`transitionStatus`),E=v.useState(`hasViewport`),D=v.context.inlineRectCoordsRef,O=te({anchor:i,floatingRootContext:C,positionMethod:a,mounted:S,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:f,collisionBoundary:u,collisionPadding:d,sticky:p,disableAnchorTracking:m,keepMounted:y,nodeId:b,collisionAvoidance:h,adaptiveOrigin:E?ce:void 0,inline:nt(D)}),k=O.update;N(()=>{x&&S&&k()},[x,S,k]);let A=ue(e,{open:x,side:O.side,align:O.align,anchorHidden:O.anchorHidden,instant:w},{styles:O.positionerStyles,transitionStatus:T,props:_,refs:[t,v.useStateSetter(`positionerElement`)],hidden:!S,inert:!x});return(0,W.jsx)(Ln.Provider,{value:O,children:(0,W.jsx)(ee,{id:b,children:A})})}),Bn={...de,...x},Vn=U.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,o=En(),{side:c,align:l}=Rn(),u=o.useState(`open`),d=o.useState(`instantType`),p=o.useState(`transitionStatus`),m=o.useState(`popupProps`),h=o.useState(`floatingRootContext`);return f({open:u,ref:o.context.popupRef,onComplete(){u&&o.context.onOpenChangeComplete?.(!0)}}),s(h,{closeDelay:re(()=>o.context.closeDelayRef.current)}),oe(`div`,e,{state:{open:u,side:c,align:l,instant:d,transitionStatus:p},ref:[t,o.context.popupRef,o.useStateSetter(`popupElement`)],props:[m,O(p),a],stateAttributesMapping:Bn})});function Hn({...e}){return(0,W.jsx)(Mn,{"data-slot":`hover-card`,...e})}function Un({...e}){return(0,W.jsx)(In,{"data-slot":`hover-card-trigger`,...e})}function Wn({className:e,side:t=`bottom`,sideOffset:n=4,align:r=`center`,alignOffset:i=4,...a}){return(0,W.jsx)(Fn,{"data-slot":`hover-card-portal`,children:(0,W.jsx)(zn,{align:r,alignOffset:i,side:t,sideOffset:n,className:`isolate z-50`,children:(0,W.jsx)(Vn,{"data-slot":`hover-card-content`,className:z(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 origin-(--transform-origin) outline-hidden`,e),...a})})})}var Gn=e({AlertDialogExample:()=>qn,DialogExample:()=>Kn,DrawerExample:()=>Yn,HoverCardExample:()=>Qn,PopoverExample:()=>Xn,SheetExample:()=>Jn,TooltipExample:()=>Zn});function Kn(){let[e,t]=(0,U.useState)(!1);return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(De,{open:e,onOpenChange:t,children:[(0,W.jsx)(Ee,{render:e=>(0,W.jsx)(k,{...e,children:`Open dialog`})}),(0,W.jsxs)(Ce,{children:[(0,W.jsxs)(Se,{children:[(0,W.jsx)(we,{children:`Confirm action`}),(0,W.jsx)(Te,{children:`This is a controlled dialog.`})]}),(0,W.jsxs)(H,{children:[(0,W.jsx)(k,{variant:`outline`,onClick:()=>t(!1),children:`Cancel`}),(0,W.jsx)(k,{onClick:()=>t(!1),children:`Confirm`})]})]})]})})}function qn(){let[e,t]=(0,U.useState)(!1);return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(at,{open:e,onOpenChange:t,children:[(0,W.jsx)(ot,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open alert dialog`})}),(0,W.jsxs)(lt,{children:[(0,W.jsxs)(ut,{children:[(0,W.jsx)(ft,{children:`Archive workspace?`}),(0,W.jsx)(pt,{children:`This action removes the workspace from active views.`})]}),(0,W.jsxs)(dt,{children:[(0,W.jsx)(ht,{children:`Cancel`}),(0,W.jsx)(mt,{onClick:()=>t(!1),children:`Archive`})]})]})]})})}function Jn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(We,{children:[(0,W.jsx)(He,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open sheet`})}),(0,W.jsxs)(Ve,{children:[(0,W.jsxs)(Be,{children:[(0,W.jsx)(ze,{children:`Sheet title`}),(0,W.jsx)(Ue,{children:`Side-anchored panel.`})]}),(0,W.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Sheet body content.`})]})]})})}function Yn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(hn,{direction:`right`,children:[(0,W.jsx)(gn,{asChild:!0,children:(0,W.jsx)(k,{variant:`outline`,children:`Open drawer`})}),(0,W.jsxs)(bn,{children:[(0,W.jsxs)(xn,{children:[(0,W.jsx)(Cn,{children:`Drawer title`}),(0,W.jsx)(wn,{children:`Vaul-powered side panel.`})]}),(0,W.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Drawer body content.`}),(0,W.jsx)(Sn,{children:(0,W.jsx)(vn,{asChild:!0,children:(0,W.jsx)(k,{variant:`outline`,children:`Close`})})})]})]})})}function Xn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(Ae,{children:[(0,W.jsx)(Oe,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Open popover`})}),(0,W.jsx)(ke,{className:`w-64 text-sm`,children:`Popover content with arbitrary children.`})]})})}function Zn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsx)(Ge,{children:(0,W.jsxs)(C,{children:[(0,W.jsx)(E,{render:e=>(0,W.jsx)(k,{variant:`outline`,...e,children:`Hover me`})}),(0,W.jsx)(se,{children:`Hello, I'm a tooltip.`})]})})})}function Qn(){return(0,W.jsx)(W.Fragment,{children:(0,W.jsxs)(Hn,{children:[(0,W.jsx)(Un,{render:e=>(0,W.jsx)(k,{variant:`link`,...e,children:`@maria`})}),(0,W.jsxs)(Wn,{className:`w-64 text-sm`,children:[(0,W.jsx)(`div`,{className:`font-medium`,children:`Sarah Smitha`}),(0,W.jsx)(`div`,{className:`text-muted-foreground`,children:`Account Manager`}),(0,W.jsx)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:`Joined Jan 2023.`})]})]})})}var Q=`import { useState } from 'react';
+import {
+	AlertDialog,
+	AlertDialogAction,
+	AlertDialogCancel,
+	AlertDialogContent,
+	AlertDialogDescription,
+	AlertDialogFooter,
+	AlertDialogHeader,
+	AlertDialogTitle,
+	AlertDialogTrigger,
+} from '@/components/ui/alert-dialog';
+import { Button } from '@/components/ui/button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
+import {
+	Drawer,
+	DrawerClose,
+	DrawerContent,
+	DrawerDescription,
+	DrawerFooter,
+	DrawerHeader,
+	DrawerTitle,
+	DrawerTrigger,
+} from '@/components/ui/drawer';
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from '@/components/base/sheet';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
+import { Row } from '../../PreviewLayout';
+
+export function DialogExample() {
+	const [open, setOpen] = useState(false);
+	return (
+		<>
+			<Dialog open={open} onOpenChange={setOpen}>
+				<DialogTrigger render={(p) => <Button {...p}>Open dialog</Button>} />
+				<DialogContent>
+					<DialogHeader>
+						<DialogTitle>Confirm action</DialogTitle>
+						<DialogDescription>This is a controlled dialog.</DialogDescription>
+					</DialogHeader>
+					<DialogFooter>
+						<Button variant="outline" onClick={() => setOpen(false)}>Cancel</Button>
+						<Button onClick={() => setOpen(false)}>Confirm</Button>
+					</DialogFooter>
+				</DialogContent>
+			</Dialog>
+		</>
+	);
+}
+
+export function AlertDialogExample() {
+	const [open, setOpen] = useState(false);
+
+	return (
+		<>
+			<AlertDialog open={open} onOpenChange={setOpen}>
+				<AlertDialogTrigger render={(p) => <Button variant="outline" {...p}>Open alert dialog</Button>} />
+				<AlertDialogContent>
+					<AlertDialogHeader>
+						<AlertDialogTitle>Archive workspace?</AlertDialogTitle>
+						<AlertDialogDescription>
+							This action removes the workspace from active views.
+						</AlertDialogDescription>
+					</AlertDialogHeader>
+					<AlertDialogFooter>
+						<AlertDialogCancel>Cancel</AlertDialogCancel>
+						<AlertDialogAction onClick={() => setOpen(false)}>Archive</AlertDialogAction>
+					</AlertDialogFooter>
+				</AlertDialogContent>
+			</AlertDialog>
+		</>
+	);
+}
+
+export function SheetExample() {
+	return (
+		<>
+			<Sheet>
+				<SheetTrigger render={(p) => <Button variant="outline" {...p}>Open sheet</Button>} />
+				<SheetContent>
+					<SheetHeader>
+						<SheetTitle>Sheet title</SheetTitle>
+						<SheetDescription>Side-anchored panel.</SheetDescription>
+					</SheetHeader>
+					<div className="px-4 py-2 text-sm">Sheet body content.</div>
+				</SheetContent>
+			</Sheet>
+		</>
+	);
+}
+
+export function DrawerExample() {
+	return (
+		<>
+			<Drawer direction="right">
+				<DrawerTrigger asChild>
+					<Button variant="outline">Open drawer</Button>
+				</DrawerTrigger>
+				<DrawerContent>
+					<DrawerHeader>
+						<DrawerTitle>Drawer title</DrawerTitle>
+						<DrawerDescription>Vaul-powered side panel.</DrawerDescription>
+					</DrawerHeader>
+					<div className="px-4 py-2 text-sm">Drawer body content.</div>
+					<DrawerFooter>
+						<DrawerClose asChild>
+							<Button variant="outline">Close</Button>
+						</DrawerClose>
+					</DrawerFooter>
+				</DrawerContent>
+			</Drawer>
+		</>
+	);
+}
+
+export function PopoverExample() {
+	return (
+		<>
+			<Popover>
+				<PopoverTrigger render={(p) => <Button variant="outline" {...p}>Open popover</Button>} />
+				<PopoverContent className="w-64 text-sm">
+					Popover content with arbitrary children.
+				</PopoverContent>
+			</Popover>
+		</>
+	);
+}
+
+export function TooltipExample() {
+	return (
+		<>
+			<Row>
+				<Tooltip>
+					<TooltipTrigger render={(p) => <Button variant="outline" {...p}>Hover me</Button>} />
+					<TooltipContent>Hello, I'm a tooltip.</TooltipContent>
+				</Tooltip>
+			</Row>
+		</>
+	);
+}
+
+export function HoverCardExample() {
+	return (
+		<>
+			<HoverCard>
+				<HoverCardTrigger render={(p) => <Button variant="link" {...p}>@maria</Button>} />
+				<HoverCardContent className="w-64 text-sm">
+					<div className="font-medium">Sarah Smitha</div>
+					<div className="text-muted-foreground">Account Manager</div>
+					<div className="mt-2 text-xs text-muted-foreground">Joined Jan 2023.</div>
+				</HoverCardContent>
+			</HoverCard>
+		</>
+	);
+}
+`;function $n(e){return Gn||$(`Examples`,!1),qn||$(`Examples.AlertDialogExample`,!0),Kn||$(`Examples.DialogExample`,!0),Yn||$(`Examples.DrawerExample`,!0),Qn||$(`Examples.HoverCardExample`,!0),Xn||$(`Examples.PopoverExample`,!0),Jn||$(`Examples.SheetExample`,!0),Zn||$(`Examples.TooltipExample`,!0),(0,W.jsx)(r,{title:`UI · Overlays`,description:`Dialog, AlertDialog, Sheet, Drawer, Popover, Tooltip, and HoverCard.`,layer:`ui`,status:`ready`,children:(0,W.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,W.jsx)(I,{name:`DialogExample`,source:Q,children:(0,W.jsx)(Kn,{})}),(0,W.jsx)(I,{name:`AlertDialogExample`,source:Q,children:(0,W.jsx)(qn,{})}),(0,W.jsx)(I,{name:`SheetExample`,source:Q,children:(0,W.jsx)(Jn,{})}),(0,W.jsx)(I,{name:`DrawerExample`,source:Q,children:(0,W.jsx)(Yn,{})}),(0,W.jsx)(I,{name:`PopoverExample`,source:Q,children:(0,W.jsx)(Xn,{})}),(0,W.jsx)(I,{name:`TooltipExample`,source:Q,children:(0,W.jsx)(Zn,{})}),(0,W.jsx)(I,{name:`HoverCardExample`,source:Q,children:(0,W.jsx)(Qn,{})})]})})}function er(e={}){let{wrapper:t}=e.components||{};return t?(0,W.jsx)(t,{...e,children:(0,W.jsx)($n,{...e})}):$n(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{er as default};