admin-ui-starter-kit 0.4.3 → 0.4.5

package/dist/showcase/assets/overlays-DUFqbkb9.js

@@ -0,0 +1,159 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{A as r,B as i,C as a,D as o,Dr as s,Er 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 N,mr as P,nr as F,o as I,ot as L,p as ae,pr as oe,rt as R,t as z,u as se,ut as B,v as ce,vt as le,x as ue,xr as de,z as V}from"./example-CTJ8AdNR.js";import{n as H,s as fe}from"./index-DaYVSqKu.js";import{i as U,r as pe,t as me}from"./popover-Cyg9oYIU.js";import{a as he,c as ge,i as _e,l as ve,n as ye,o as be,s as W,t as xe}from"./DialogTrigger-9xWmoeF5.js";import{a as Se,i as Ce,n as we,o as Te,r as Ee,s as De,t as Oe}from"./dialog-DCx-LydW.js";import{a as ke,c as Ae,i as je,n as Me,o as Ne,r as Pe,s as Fe,t as Ie}from"./dist-BPyBHOXU.js";import{n as Le}from"./PreviewLayout-nADJqRlP.js";import{a as Re,i as ze,n as Be,o as Ve,r as He,t as Ue}from"./sheet-2oCce5ae.js";function We(e,t,n,r){return{left:e,top:t,right:n,bottom:r,x:e,y:t,width:n-e,height:r-t}}function Ge(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function Ke(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(Ge(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:We(r,i,a,o)}}function qe(e,t,n){return e.findIndex(e=>t>e.left-2&&t<e.right+2&&n>e.top-2&&n<e.bottom+2)}function Je(e){return We(e.left,e.top,e.right,e.bottom)}function Ye(e,t,n){let{lines:r}=Ke(e.getClientRects());if(r.length<2)return;let i=qe(r,t,n);return{x:t,y:n,lineIndex:i===-1?void 0:i,element:e}}function Xe(e,t,n){let{lines:r,fallback:i}=Ke(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 Je(r[n.lineIndex]);if(a!=null&&o!=null){let e=qe(r,a,o);if(e!==-1)return Je(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 We(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 We(l,f.top,u,p.bottom)}function Ze(e){return`contextElement`in e&&e.contextElement?e.contextElement:de(e)?e:void 0}function Qe(e,t){function n(t){$e(e,t.currentTarget,t.clientX,t.clientY)}function r(e){t||n(e)}return{onFocus(){e.current=void 0},onMouseEnter:r,onMouseMove:r}}function $e(e,t,n,r){let i=Ye(t,n,r);return e.current=i,i}function et(e){return{name:`inline`,async fn(t){let n=t.elements.reference;if(typeof n?.getClientRects!=`function`)return{};let r=Ze(n),i=e.current,a=i?.element===n||i?.element===r?i:void 0,o=Xe(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 tt(e){return _e(e,`alert-dialog`)}var nt=xe,G=t(n(),1),K=fe();function rt({...e}){return(0,K.jsx)(tt,{"data-slot":`alert-dialog`,...e})}function it({...e}){return(0,K.jsx)(nt,{"data-slot":`alert-dialog-trigger`,...e})}function at({...e}){return(0,K.jsx)(he,{"data-slot":`alert-dialog-portal`,...e})}function ot({className:e,...t}){return(0,K.jsx)(ve,{"data-slot":`alert-dialog-overlay`,className:H(`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 st({className:e,size:t=`default`,...n}){return(0,K.jsxs)(at,{children:[(0,K.jsx)(ot,{}),(0,K.jsx)(be,{"data-slot":`alert-dialog-content`,"data-size":t,className:H(`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 ct({className:e,...t}){return(0,K.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:H(`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 lt({className:e,...t}){return(0,K.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:H(`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 ut({className:e,...t}){return(0,K.jsx)(ye,{"data-slot":`alert-dialog-title`,className:H(`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 dt({className:e,...t}){return(0,K.jsx)(W,{"data-slot":`alert-dialog-description`,className:H(`text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...t})}function ft({className:e,...t}){return(0,K.jsx)(k,{"data-slot":`alert-dialog-action`,className:H(e),...t})}function pt({className:e,variant:t=`outline`,size:n=`default`,...r}){return(0,K.jsx)(ge,{"data-slot":`alert-dialog-cancel`,className:H(e),render:(0,K.jsx)(k,{variant:t,size:n}),...r})}function mt(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 ht=G.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}),q=()=>{let e=G.useContext(ht);if(!e)throw Error(`useDrawerContext must be used within a Drawer.Root`);return e};mt(`[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 gt(){let e=navigator.userAgent;return typeof window<`u`&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function _t(){return St(/^Mac/)}function vt(){return St(/^iPhone/)}function yt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function bt(){return St(/^iPad/)||_t()&&navigator.maxTouchPoints>1}function xt(){return vt()||bt()}function St(e){return typeof window<`u`&&window.navigator!=null?e.test(window.navigator.platform):void 0}var Ct=24,wt=typeof window<`u`?G.useLayoutEffect:G.useEffect;function Tt(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}var Et=typeof document<`u`&&window.visualViewport;function Dt(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function Ot(e){for(Dt(e)&&(e=e.parentElement);e&&!Dt(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}var kt=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]),At=0,jt;function Mt(e={}){let{isDisabled:t}=e;wt(()=>{if(!t)return At++,At===1&&xt()&&(jt=Nt()),()=>{At--,At===0&&jt?.()}},[t])}function Nt(){let e,t=0,n=n=>{e=Ot(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;Lt(t)&&t!==document.activeElement&&(e.preventDefault(),t.style.transform=`translateY(-2000px)`,t.focus(),requestAnimationFrame(()=>{t.style.transform=``}))},a=e=>{let t=e.target;Lt(t)&&(t.style.transform=`translateY(-2000px)`,requestAnimationFrame(()=>{t.style.transform=``,Et&&(Et.height<window.innerHeight?requestAnimationFrame(()=>{It(t)}):Et.addEventListener(`resize`,()=>It(t),{once:!0}))}))},o=()=>{window.scrollTo(0,0)},s=window.pageXOffset,c=window.pageYOffset,l=Tt(Pt(document.documentElement,`paddingRight`,`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let u=Tt(Ft(document,`touchstart`,n,{passive:!1,capture:!0}),Ft(document,`touchmove`,r,{passive:!1,capture:!0}),Ft(document,`touchend`,i,{passive:!1,capture:!0}),Ft(document,`focus`,a,!0),Ft(window,`scroll`,o));return()=>{l(),u(),window.scrollTo(s,c)}}function Pt(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function Ft(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function It(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let t=Ot(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+Ct&&(t.scrollTop+=r-n)}e=t.parentElement}}function Lt(e){return e instanceof HTMLInputElement&&!kt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function Rt(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function zt(...e){return t=>e.forEach(e=>Rt(e,t))}function Bt(...e){return G.useCallback(zt(...e),e)}var Vt=new WeakMap;function J(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&&Vt.set(e,r)}function Ht(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Vt.get(e);n&&(e.style[t]=n[t])}var Y=e=>{switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}};function Ut(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(`, `)[Y(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(`, `)[Y(t)?5:4]):null)}function Wt(e){return 8*(Math.log(e+1)-2)}function Gt(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}var X={DURATION:.5,EASE:[.32,.72,0,1]},Kt=.4,qt=.25,Jt=100,Yt=8,Xt=16,Zt=26,Qt=`vaul-dragging`;function $t(e){let t=G.useRef(e);return G.useEffect(()=>{t.current=e}),G.useMemo(()=>(...e)=>t.current==null?void 0:t.current.call(t,...e),[])}function en({defaultProp:e,onChange:t}){let n=G.useState(e),[r]=n,i=G.useRef(r),a=$t(t);return G.useEffect(()=>{i.current!==r&&(a(r),i.current=r)},[r,i,a]),n}function tn({prop:e,defaultProp:t,onChange:n=()=>{}}){let[r,i]=en({defaultProp:t,onChange:n}),a=e!==void 0,o=a?e:r,s=$t(n);return[o,G.useCallback(t=>{if(a){let n=typeof t==`function`?t(e):t;n!==e&&s(n)}else i(t)},[a,e,i,s])]}function nn({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:i,fadeFromIndex:a,onSnapPointChange:o,direction:s=`bottom`,container:c,snapToSequentialPoint:l}){let[u,d]=tn({prop:e,defaultProp:n?.[0],onChange:t}),[f,p]=G.useState(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);G.useEffect(()=>{function e(){p({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let m=G.useMemo(()=>u===n?.[n.length-1]||null,[n,u]),h=G.useMemo(()=>n?.findIndex(e=>e===u)??null,[n,u]),g=n&&n.length>0&&(a||a===0)&&!Number.isNaN(a)&&n[a]===u||!n,_=G.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)),Y(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=G.useMemo(()=>h===null?null:_?.[h],[_,h]),y=G.useCallback(e=>{let t=_?.findIndex(t=>t===e)??null;o(t),J(r.current,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:Y(s)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`}),_&&t!==_.length-1&&a!==void 0&&t!==a&&t<a?J(i.current,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`0`}):J(i.current,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`1`}),d(n?.[Math.max(t,0)])},[r.current,n,_,a,i,d]);G.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&&J(i.current,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.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=Y(s)?window.innerHeight:window.innerWidth;if(r>Kt&&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]||J(r.current,{transform:Y(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 rn(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:i}=q(),a=G.useRef(null),o=(0,G.useMemo)(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-Zt)/window.innerWidth}G.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&&Gt(document.body,{background:`black`}),Gt(t,{transformOrigin:Y(e)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${X.DURATION}s`,transitionTimingFunction:`cubic-bezier(${X.EASE.join(`,`)})`});let n=Gt(t,{borderRadius:`${Yt}px`,overflow:`hidden`,...Y(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`)},X.DURATION*1e3)}}},[t,n,o])}var an=null;function on({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:i,noBodyStyles:a}){let[o,s]=G.useState(()=>typeof window<`u`?window.location.href:``),c=G.useRef(0),l=G.useCallback(()=>{if(yt()&&an===null&&e&&!a){an={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=G.useCallback(()=>{if(yt()&&an!==null&&!a){let e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);Object.assign(document.body.style,an),window.requestAnimationFrame(()=>{if(i&&o!==window.location.href){s(window.location.href);return}window.scrollTo(t,e)}),an=null}},[o]);return G.useEffect(()=>{function e(){c.current=window.scrollY}return e(),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`scroll`,e)}},[]),G.useEffect(()=>{if(t)return()=>{typeof document>`u`||document.querySelector(`[data-vaul-drawer]`)||u()}},[t,u]),G.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=qt,scrollLockTimeout:l=Jt,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]=tn({defaultProp:x,prop:e,onChange:e=>{t?.(e),!e&&!v&&ge(),setTimeout(()=>{E?.(e)},X.DURATION*1e3),e&&!g&&typeof window<`u`&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`}),e||(document.body.style.pointerEvents=`auto`)}}),[te,A]=G.useState(!1),[j,ne]=G.useState(!1),[re,ie]=G.useState(!1),M=G.useRef(null),N=G.useRef(null),P=G.useRef(null),F=G.useRef(null),I=G.useRef(null),L=G.useRef(!1),ae=G.useRef(null),oe=G.useRef(0),R=G.useRef(!1),z=G.useRef(!x),se=G.useRef(0),B=G.useRef(null),ce=G.useRef(B.current?.getBoundingClientRect().height||0),le=G.useRef(B.current?.getBoundingClientRect().width||0),ue=G.useRef(0),{activeSnapPoint:de,activeSnapPointIndex:V,setActiveSnapPoint:H,onRelease:fe,snapPointsOffset:U,onDrag:pe,shouldFade:me,getPercentageDragged:he}=nn({snapPoints:a,activeSnapPointProp:p,setActiveSnapPointProp:m,drawerRef:B,fadeFromIndex:f,overlayRef:M,onSnapPointChange:G.useCallback(e=>{a&&e===U.length-1&&(N.current=new Date)},[]),direction:b,container:D,snapToSequentialPoint:C});Mt({isDisabled:!O||j||!g||re||!te||!T||!S});let{restorePositionSetting:ge}=on({isOpen:O,modal:g,nested:v??!1,hasBeenOpened:te,preventScrollRestoration:w,noBodyStyles:y});function _e(){return(window.innerWidth-Zt)/window.innerWidth}function ve(e){!u&&!a||B.current&&!B.current.contains(e.target)||(ce.current=B.current?.getBoundingClientRect().height||0,le.current=B.current?.getBoundingClientRect().width||0,ne(!0),P.current=new Date,xt()&&window.addEventListener(`touchend`,()=>L.current=!1,{once:!0}),e.target.setPointerCapture(e.pointerId),oe.current=Y(b)?e.pageY:e.pageX)}function ye(e,t){let n=e,r=window.getSelection()?.toString(),i=B.current?Ut(B.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(N.current&&a.getTime()-N.current.getTime()<500)return!1;if(i!==null&&(b===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(I.current&&a.getTime()-I.current.getTime()<l&&i===0||t)return I.current=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return I.current=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function be(e){if(B.current&&j){let t=b===`bottom`||b===`right`?1:-1,n=(oe.current-(Y(b)?e.pageY:e.pageX))*t,i=n>0,s=a&&!u&&!i;if(s&&V===0)return;let c=Math.abs(n),l=document.querySelector(`[data-vaul-drawer-wrapper]`),d=c/(b===`bottom`||b===`top`?ce.current:le.current),p=he(c,i);if(p!==null&&(d=p),s&&d>=1||!L.current&&!ye(e.target,i))return;if(B.current.classList.add(Qt),L.current=!0,J(B.current,{transition:`none`}),J(M.current,{transition:`none`}),a&&pe({draggedDistance:n}),i&&!a){let e=Wt(n),r=Math.min(e*-1,0)*t;J(B.current,{transform:Y(b)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-d;if((me||f&&V===f-1)&&(r?.(e,d),J(M.current,{opacity:`${m}`,transition:`none`},!0)),l&&M.current&&o){let e=Math.min(_e()+d*(1-_e()),1),t=8-d*8,n=Math.max(0,14-d*14);J(l,{borderRadius:`${t}px`,transform:Y(b)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!a){let e=c*t;J(B.current,{transform:Y(b)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}}G.useEffect(()=>{window.requestAnimationFrame(()=>{z.current=!0})},[]),G.useEffect(()=>{var e;function t(){if(!B.current||!T)return;let e=document.activeElement;if(Lt(e)||R.current){let e=window.visualViewport?.height||0,t=window.innerHeight,n=t-e,r=B.current.getBoundingClientRect().height||0,i=r>t*.8;ue.current||=r;let o=B.current.getBoundingClientRect().top;if(Math.abs(se.current-n)>60&&(R.current=!R.current),a&&a.length>0&&U&&V){let e=U[V]||0;n+=e}if(se.current=n,r>e||R.current){let t=B.current.getBoundingClientRect().height,r=t;t>e&&(r=e-(i?o:Zt)),h?B.current.style.height=`${t-Math.max(n,0)}px`:B.current.style.height=`${Math.max(r,e-o)}px`}else gt()||(B.current.style.height=`${ue.current}px`);a&&a.length>0&&!R.current?B.current.style.bottom=`0px`:B.current.style.bottom=`${Math.max(n,0)}px`}}return(e=window.visualViewport)==null||e.addEventListener(`resize`,t),()=>window.visualViewport?.removeEventListener(`resize`,t)},[V,a,U]);function W(e){Se(),_?.(),e||k(!1),setTimeout(()=>{a&&H(a[0])},X.DURATION*1e3)}function xe(){if(!B.current)return;let e=document.querySelector(`[data-vaul-drawer-wrapper]`),t=Ut(B.current,b);J(B.current,{transform:`translate3d(0, 0, 0)`,transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`}),J(M.current,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`1`}),o&&t&&t>0&&O&&J(e,{borderRadius:`${Yt}px`,overflow:`hidden`,...Y(b)?{transform:`scale(${_e()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${_e()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${X.DURATION}s`,transitionTimingFunction:`cubic-bezier(${X.EASE.join(`,`)})`},!0)}function Se(){!j||!B.current||(B.current.classList.remove(Qt),L.current=!1,ne(!1),F.current=new Date)}function Ce(e){if(!j||!B.current)return;B.current.classList.remove(Qt),L.current=!1,ne(!1),F.current=new Date;let t=Ut(B.current,b);if(!e||!ye(e.target,!1)||!t||Number.isNaN(t)||P.current===null)return;let n=F.current.getTime()-P.current.getTime(),r=oe.current-(Y(b)?e.pageY:e.pageX),o=Math.abs(r)/n;if(o>.05&&(ie(!0),setTimeout(()=>{ie(!1)},200)),a){fe({draggedDistance:r*(b===`bottom`||b===`right`?1:-1),closeDrawer:W,velocity:o,dismissible:u}),i?.(e,!0);return}if(b===`bottom`||b===`right`?r>0:r<0){xe(),i?.(e,!0);return}if(o>Kt){W(),i?.(e,!1);return}let s=Math.min(B.current.getBoundingClientRect().height??0,window.innerHeight),l=Math.min(B.current.getBoundingClientRect().width??0,window.innerWidth);if(Math.abs(t)>=(b===`left`||b===`right`?l:s)*c){W(),i?.(e,!1);return}i?.(e,!0),xe()}G.useEffect(()=>(O&&(J(document.documentElement,{scrollBehavior:`auto`}),N.current=new Date),()=>{Ht(document.documentElement,`scrollBehavior`)}),[O]);function we(e){let t=e?(window.innerWidth-Xt)/window.innerWidth:1,n=e?-16:0;ae.current&&window.clearTimeout(ae.current),J(B.current,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:Y(b)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`}),!e&&B.current&&(ae.current=setTimeout(()=>{let e=Ut(B.current,b);J(B.current,{transition:`none`,transform:Y(b)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function Te(e,t){if(t<0)return;let n=(window.innerWidth-Xt)/window.innerWidth,r=n+t*(1-n),i=-16+t*Xt;J(B.current,{transform:Y(b)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function Ee(e,t){let n=Y(b)?window.innerHeight:window.innerWidth,r=t?(n-Xt)/n:1,i=t?-16:0;t&&J(B.current,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:Y(b)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`})}return G.useEffect(()=>{g||window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`})},[g]),G.createElement(Ne,{defaultOpen:x,onOpenChange:e=>{!u&&!e||(e?A(!0):W(!0),k(e))},open:O},G.createElement(ht.Provider,{value:{activeSnapPoint:de,snapPoints:a,setActiveSnapPoint:H,drawerRef:B,overlayRef:M,onOpenChange:t,onPress:ve,onRelease:Ce,onDrag:be,dismissible:u,shouldAnimate:z,handleOnly:d,isOpen:O,isDragging:j,shouldFade:me,closeDrawer:W,onNestedDrag:Te,onNestedOpenChange:we,onNestedRelease:Ee,keyboardIsOpen:R,modal:g,snapPointsOffset:U,activeSnapPointIndex:V,direction:b,shouldScaleBackground:o,setBackgroundColorOnScale:s,noBodyStyles:y,container:D,autoFocus:ee}},n))}var cn=G.forwardRef(function({...e},t){let{overlayRef:n,snapPoints:r,onRelease:i,shouldFade:a,isOpen:o,modal:s,shouldAnimate:c}=q(),l=Bt(t,n),u=r&&r.length>0;if(!s)return null;let d=G.useCallback(e=>i(e),[i]);return G.createElement(je,{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=G.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}=q(),[b,x]=G.useState(!1),S=Bt(i,a),C=G.useRef(null),w=G.useRef(null),T=G.useRef(!1),E=h&&h.length>0;rn();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};G.useEffect(()=>{E&&window.requestAnimationFrame(()=>{x(!0)})},[]);function ee(e){C.current=null,T.current=!1,s(e)}return G.createElement(Me,{"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=G.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}=q(),m=G.useRef(null),h=G.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 G.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},G.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}=q();if(!i)throw Error(`Drawer.NestedRoot must be placed in another drawer`);return G.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=q(),{container:n=t.container,...r}=e;return G.createElement(ke,{container:n,...r})}var Z={Root:sn,NestedRoot:pn,Content:ln,Overlay:cn,Trigger:Ae,Portal:mn,Handle:fn,Close:Ie,Title:Fe,Description:Pe};function hn({...e}){return(0,K.jsx)(Z.Root,{"data-slot":`drawer`,...e})}function gn({...e}){return(0,K.jsx)(Z.Trigger,{"data-slot":`drawer-trigger`,...e})}function _n({...e}){return(0,K.jsx)(Z.Portal,{"data-slot":`drawer-portal`,...e})}function vn({...e}){return(0,K.jsx)(Z.Close,{"data-slot":`drawer-close`,...e})}function yn({className:e,...t}){return(0,K.jsx)(Z.Overlay,{"data-slot":`drawer-overlay`,className:H(`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,K.jsxs)(_n,{"data-slot":`drawer-portal`,children:[(0,K.jsx)(yn,{}),(0,K.jsxs)(Z.Content,{"data-slot":`drawer-content`,className:H(`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,K.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,K.jsx)(`div`,{"data-slot":`drawer-header`,className:H(`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,K.jsx)(`div`,{"data-slot":`drawer-footer`,className:H(`mt-auto flex flex-col gap-2 p-4`,e),...t})}function Cn({className:e,...t}){return(0,K.jsx)(Z.Title,{"data-slot":`drawer-title`,className:H(`text-base font-medium text-foreground`,e),...t})}function wn({className:e,...t}){return(0,K.jsx)(Z.Description,{"data-slot":`drawer-description`,className:H(`text-sm text-muted-foreground`,e),...t})}var Tn=G.createContext(void 0);function En(e){let t=G.useContext(Tn);if(t===void 0&&!e)throw Error(A(50));return t}var Dn={...ie,instantType:R(e=>e.instantType),hasViewport:R(e=>e.hasViewport)},On=class e extends h{constructor(e,t,n=!1){let i=new p,a={...kn(),...e};a.floatingRootContext=r(i,t,n),super(a,{popupRef:G.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerElements:i,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&&$e(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:a,actionsRef:o,handle:s,triggerId:c,defaultTriggerId:l=null,children:u}=e,d=On.useStore(s?.store,{open:n,openProp:t,activeTriggerId:l,triggerIdProp:c});i(d,t,n,l),d.useControlledProp(`openProp`,t),d.useControlledProp(`triggerIdProp`,c),d.useContextCallback(`onOpenChange`,r),d.useContextCallback(`onOpenChangeComplete`,a);let f=d.useState(`open`),p=d.useState(`activeTriggerId`),m=d.useState(`mounted`),h=d.useState(`payload`);V(d,{closeOnActiveTriggerUnmount:!0});let{forceUnmount:_}=v(f,d,()=>{d.context.inlineRectCoordsRef.current=void 0});P(()=>{f&&(p??d.set(`payload`,void 0))},[d,p,f]);let y=G.useCallback(()=>{d.setOpen(!1,g(D))},[d]);G.useImperativeHandle(o,()=>({unmount:_,close:y}),[_,y]);let b=f||m;return(0,K.jsxs)(Tn.Provider,{value:d,children:[b&&(0,K.jsx)(jn,{store:d}),typeof u==`function`?u({payload:h}):u]})}function jn({store:e}){let t=L(e.useState(`floatingRootContext`));return d(e,{activeTriggerProps:t.reference??w,inactiveTriggerProps:t.trigger??w,popupProps:G.useMemo(()=>oe(m,t.floating),[t.floating])}),null}var Mn=b(function(e){return En(!0)?(0,K.jsx)(An,{...e}):(0,K.jsx)(N,{children:(0,K.jsx)(An,{...e})})}),Nn=G.createContext(void 0);function Pn(){let e=G.useContext(Nn);if(e===void 0)throw Error(A(48));return e}var Fn=G.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e;return En().useState(`mounted`)||n?(0,K.jsx)(Nn.Provider,{value:n,children:(0,K.jsx)(ne,{ref:t,...r})}):null}),In=S(function(e,t){let{render:n,className:r,delay:i,closeDelay:a,id:s,payload:c,handle:l,style:d,...f}=e,p=En(!0),m=l?.store??p;if(!m)throw Error(A(89));let h=j(s),g=m.useState(`isTriggerActive`,h),v=m.useState(`isOpenedByTrigger`,h),y=m.useState(`floatingRootContext`),b=m.context.inlineRectCoordsRef,x=G.useRef(null),S=i??600,C=a??300,{registerTrigger:w,isMountedByThisTrigger:E}=u(h,x,m,{payload:c});P(()=>{E&&(m.context.closeDelayRef.current=C)},[m,E,C]);let D=_(y,{mouseOnly:!0,move:!1,handleClose:ue(),delay:()=>({open:S,close:C}),triggerElementRef:x,isActiveTrigger:g,isClosing:()=>m.select(`transitionStatus`)===`ending`}),ee=o(y,{delay:S}),O={open:v},k=m.useState(`triggerProps`,E),te=Qe(b,v);return F(`a`,e,{state:O,ref:[t,w,x],props:[D,ee.reference,k,te,{id:h},f],stateAttributesMapping:T})}),Ln=G.createContext(void 0);function Rn(){let e=G.useContext(Ln);if(e===void 0)throw Error(A(49));return e}var zn=G.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=le,style:g,..._}=e,v=En(),y=Pn(),b=B(),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?ae:void 0,inline:et(D)}),k=O.update;P(()=>{x&&S&&k()},[x,S,k]);let A=se(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,K.jsx)(Ln.Provider,{value:O,children:(0,K.jsx)(ee,{id:b,children:A})})}),Bn={...ce,...x},Vn=G.forwardRef(function(e,t){let{className:n,render:r,style:i,...o}=e,s=En(),{side:c,align:l}=Rn(),u=s.useState(`open`),d=s.useState(`instantType`),p=s.useState(`transitionStatus`),m=s.useState(`popupProps`),h=s.useState(`floatingRootContext`);return f({open:u,ref:s.context.popupRef,onComplete(){u&&s.context.onOpenChangeComplete?.(!0)}}),a(h,{closeDelay:re(()=>s.context.closeDelayRef.current)}),F(`div`,e,{state:{open:u,side:c,align:l,instant:d,transitionStatus:p},ref:[t,s.context.popupRef,s.useStateSetter(`popupElement`)],props:[m,O(p),o],stateAttributesMapping:Bn})});function Hn({...e}){return(0,K.jsx)(Mn,{"data-slot":`hover-card`,...e})}function Un({...e}){return(0,K.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,K.jsx)(Fn,{"data-slot":`hover-card-portal`,children:(0,K.jsx)(zn,{align:r,alignOffset:i,side:t,sideOffset:n,className:`isolate z-50`,children:(0,K.jsx)(Vn,{"data-slot":`hover-card-content`,className:H(`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,G.useState)(!1);return(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)(Oe,{open:e,onOpenChange:t,children:[(0,K.jsx)(De,{render:e=>(0,K.jsx)(k,{...e,children:`Open dialog`})}),(0,K.jsxs)(we,{children:[(0,K.jsxs)(Se,{children:[(0,K.jsx)(Te,{children:`Confirm action`}),(0,K.jsx)(Ee,{children:`This is a controlled dialog.`})]}),(0,K.jsxs)(Ce,{children:[(0,K.jsx)(k,{variant:`outline`,onClick:()=>t(!1),children:`Cancel`}),(0,K.jsx)(k,{onClick:()=>t(!1),children:`Confirm`})]})]})]})})}function qn(){let[e,t]=(0,G.useState)(!1);return(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)(rt,{open:e,onOpenChange:t,children:[(0,K.jsx)(it,{render:e=>(0,K.jsx)(k,{variant:`outline`,...e,children:`Open alert dialog`})}),(0,K.jsxs)(st,{children:[(0,K.jsxs)(ct,{children:[(0,K.jsx)(ut,{children:`Archive workspace?`}),(0,K.jsx)(dt,{children:`This action removes the workspace from active views.`})]}),(0,K.jsxs)(lt,{children:[(0,K.jsx)(pt,{children:`Cancel`}),(0,K.jsx)(ft,{onClick:()=>t(!1),children:`Archive`})]})]})]})})}function Jn(){return(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)(Ue,{children:[(0,K.jsx)(Ve,{render:e=>(0,K.jsx)(k,{variant:`outline`,...e,children:`Open sheet`})}),(0,K.jsxs)(Be,{children:[(0,K.jsxs)(ze,{children:[(0,K.jsx)(Re,{children:`Sheet title`}),(0,K.jsx)(He,{children:`Side-anchored panel.`})]}),(0,K.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Sheet body content.`})]})]})})}function Yn(){return(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)(hn,{direction:`right`,children:[(0,K.jsx)(gn,{asChild:!0,children:(0,K.jsx)(k,{variant:`outline`,children:`Open drawer`})}),(0,K.jsxs)(bn,{children:[(0,K.jsxs)(xn,{children:[(0,K.jsx)(Cn,{children:`Drawer title`}),(0,K.jsx)(wn,{children:`Vaul-powered side panel.`})]}),(0,K.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Drawer body content.`}),(0,K.jsx)(Sn,{children:(0,K.jsx)(vn,{asChild:!0,children:(0,K.jsx)(k,{variant:`outline`,children:`Close`})})})]})]})})}function Xn(){return(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)(me,{children:[(0,K.jsx)(U,{render:e=>(0,K.jsx)(k,{variant:`outline`,...e,children:`Open popover`})}),(0,K.jsx)(pe,{className:`w-64 text-sm`,children:`Popover content with arbitrary children.`})]})})}function Zn(){return(0,K.jsx)(K.Fragment,{children:(0,K.jsx)(Le,{children:(0,K.jsxs)(C,{children:[(0,K.jsx)(E,{render:e=>(0,K.jsx)(k,{variant:`outline`,...e,children:`Hover me`})}),(0,K.jsx)(I,{children:`Hello, I'm a tooltip.`})]})})})}function Qn(){return(0,K.jsx)(K.Fragment,{children:(0,K.jsxs)(Hn,{children:[(0,K.jsx)(Un,{render:e=>(0,K.jsx)(k,{variant:`link`,...e,children:`@maria`})}),(0,K.jsxs)(Wn,{className:`w-64 text-sm`,children:[(0,K.jsx)(`div`,{className:`font-medium`,children:`Sarah Smitha`}),(0,K.jsx)(`div`,{className:`text-muted-foreground`,children:`Account Manager`}),(0,K.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,K.jsx)(s,{title:`UI · Overlays`,description:`Dialog, AlertDialog, Sheet, Drawer, Popover, Tooltip, and HoverCard.`,layer:`ui`,status:`ready`,children:(0,K.jsxs)(c,{title:`Examples`,id:`examples`,children:[(0,K.jsx)(z,{name:`DialogExample`,source:Q,children:(0,K.jsx)(Kn,{})}),(0,K.jsx)(z,{name:`AlertDialogExample`,source:Q,children:(0,K.jsx)(qn,{})}),(0,K.jsx)(z,{name:`SheetExample`,source:Q,children:(0,K.jsx)(Jn,{})}),(0,K.jsx)(z,{name:`DrawerExample`,source:Q,children:(0,K.jsx)(Yn,{})}),(0,K.jsx)(z,{name:`PopoverExample`,source:Q,children:(0,K.jsx)(Xn,{})}),(0,K.jsx)(z,{name:`TooltipExample`,source:Q,children:(0,K.jsx)(Zn,{})}),(0,K.jsx)(z,{name:`HoverCardExample`,source:Q,children:(0,K.jsx)(Qn,{})})]})})}function er(e={}){let{wrapper:t}=e.components||{};return t?(0,K.jsx)(t,{...e,children:(0,K.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};

package/dist/showcase/assets/package-BCXIwEPz.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`package`,[[`path`,{d:`M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z`,key:`1a0edw`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}]]);export{t};

package/dist/showcase/assets/package-check-Ol-Cw3j-.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`package-check`,[[`path`,{d:`M12 22V12`,key:`d0xqtd`}],[`path`,{d:`m16 17 2 2 4-4`,key:`uh5qu3`}],[`path`,{d:`M21 11.127V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l1.32-.753`,key:`kpkbpo`}],[`path`,{d:`M3.29 7 12 12l8.71-5`,key:`19ckod`}],[`path`,{d:`m7.5 4.27 8.997 5.148`,key:`9yrvtv`}]]);export{t};

package/dist/showcase/assets/page-action-button-DpzdSYvw.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{$n as n}from"./example-CTJ8AdNR.js";import{n as r,s as i}from"./index-DaYVSqKu.js";var a=e(t(),1),o=i(),s={xs:`xs`,sm:`sm`,base:`default`},c={xs:`h-7 px-2.5 text-xs`,sm:`h-8 px-3 text-xs`,base:`h-9 px-3.5 text-sm`},l=a.forwardRef(({variant:e=`secondary`,size:t,className:i,...a},l)=>{let u=e===`error`?`error`:e,d=t??`sm`;return(0,o.jsx)(n,{ref:l,variant:u,buttonStyle:`solid`,size:s[d],className:r(`page-action-button--component`,c[d],`shadow-none`,i),...a})});l.displayName=`PageActionButton`;export{l as t};

package/dist/showcase/assets/page-header-B_b7SqW8.js

@@ -0,0 +1 @@
+import{Lr as e,Rr as t,jr as n,r}from"./example-CTJ8AdNR.js";import{t as i}from"./arrow-left-B__WWqyA.js";import{n as a,s as o}from"./index-DaYVSqKu.js";import{t as s}from"./separator-4IC9ED7s.js";import{t as c}from"./use-layout-link-CGBQHZon.js";var l=o(),u={h1:`border-0 pb-0 text-xl`,h2:`border-0 pb-0 text-lg`,h3:`text-base`,h4:`text-sm`,h5:`text-sm`,h6:`text-sm`};function d({title:o,description:d,headingTag:f=`h3`,backHref:p,onBack:m,backLabel:h=`Back`,titleBadges:g=[],actions:_,slots:v,renderLink:y,LinkComponent:b,className:x,contentClassName:S,actionsClassName:C,titleClassName:w,descriptionClassName:T}){let E=c({renderLink:y,LinkComponent:b}),D=p||m?(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5 pt-1`,children:[p&&!m?E({href:p,"aria-label":h,children:(0,l.jsxs)(r,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:`h-7 w-7 rounded p-1`,children:[(0,l.jsx)(i,{className:`size-4`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:`sr-only`,children:h})]})}):(0,l.jsx)(r,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:`h-7 w-7 rounded p-1`,onClick:m,"aria-label":h,children:(0,l.jsx)(i,{className:`size-4`,"aria-hidden":`true`})}),(0,l.jsx)(s,{orientation:`vertical`,className:`h-7`})]}):null;return(0,l.jsxs)(`header`,{className:a(`flex w-full flex-col gap-4 md:flex-row md:items-start md:justify-between`,x),children:[(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[v?.back??D,(0,l.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[v?.beforeTitle,(0,l.jsxs)(`div`,{className:a(`flex max-w-[475px] flex-col gap-0.5`,S),children:[(0,l.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,l.jsx)(e,{tag:f,containerClassName:`space-y-0`,className:a(u[f],w),children:o}),g.length>0&&(0,l.jsx)(`div`,{className:`flex items-center gap-1.5`,children:g.map((e,t)=>(0,l.jsx)(n,{variant:e.variant??`secondary`,children:e.label},e.key??t))})]}),!!d&&(0,l.jsx)(t,{size:`xs`,type:`secondary`,className:T,children:d}),v?.afterDescription]})]})]}),v?.actions??(!!_&&(0,l.jsx)(`div`,{className:a(`shrink-0`,C),children:_}))]})}export{d as t};

package/dist/showcase/assets/pagination-BPDQo9Dl.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{er as t}from"./example-CTJ8AdNR.js";import{t as n}from"./chevron-left-BsshO7nf.js";import{t as r}from"./chevron-right-t68um2_G.js";import{t as i}from"./ellipsis-6Krb3RRW.js";import{n as a,s as o}from"./index-DaYVSqKu.js";e();var s=o();function c({className:e,...t}){return(0,s.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:a(`mx-auto flex w-full justify-center`,e),...t})}function l({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`pagination-content`,className:a(`gap-1 flex items-center`,e),...t})}function u({...e}){return(0,s.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function d({className:e,isActive:n,size:r=`icon`,...i}){return(0,s.jsx)(t,{variant:n?`outline`:`ghost`,size:r,className:a(e),nativeButton:!1,render:(0,s.jsx)(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,...i})})}function f({className:e,text:t=`Previous`,...r}){return(0,s.jsxs)(d,{"aria-label":`Go to previous page`,size:`default`,className:a(`pl-2!`,e),...r,children:[(0,s.jsx)(n,{"data-icon":`inline-start`}),(0,s.jsx)(`span`,{className:`hidden sm:block`,children:t})]})}function p({className:e,text:t=`Next`,...n}){return(0,s.jsxs)(d,{"aria-label":`Go to next page`,size:`default`,className:a(`pr-2!`,e),...n,children:[(0,s.jsx)(`span`,{className:`hidden sm:block`,children:t}),(0,s.jsx)(r,{"data-icon":`inline-end`})]})}function m({className:e,...t}){return(0,s.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:a(`size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center`,e),...t,children:[(0,s.jsx)(i,{}),(0,s.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}export{d as a,u as i,l as n,p as o,m as r,f as s,c as t};

package/dist/showcase/assets/pagination-PvkEX0qs.js

@@ -0,0 +1,42 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-CTJ8AdNR.js";import{s as i}from"./index-DaYVSqKu.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./pagination-BPDQo9Dl.js";var f=e({Default:()=>m}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(d,{children:(0,p.jsxs)(s,{children:[(0,p.jsx)(o,{children:(0,p.jsx)(u,{href:`#`})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,children:`1`})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,isActive:!0,children:`2`})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,children:`3`})}),(0,p.jsx)(o,{children:(0,p.jsx)(l,{})}),(0,p.jsx)(o,{children:(0,p.jsx)(a,{href:`#`,children:`12`})}),(0,p.jsx)(o,{children:(0,p.jsx)(c,{href:`#`})})]})})})}var h=`import {
+	Pagination,
+	PaginationContent,
+	PaginationEllipsis,
+	PaginationItem,
+	PaginationLink,
+	PaginationNext,
+	PaginationPrevious,
+} from '@/components/ui/pagination';
+
+export function Default() {
+	return (
+		<>
+			<Pagination>
+								<PaginationContent>
+									<PaginationItem>
+										<PaginationPrevious href="#" />
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#">1</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#" isActive>2</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#">3</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationEllipsis />
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationLink href="#">12</PaginationLink>
+									</PaginationItem>
+									<PaginationItem>
+										<PaginationNext href="#" />
+									</PaginationItem>
+								</PaginationContent>
+							</Pagination>
+		</>
+	);
+}
+`;function g(e){return f||v(`Examples`,!1),m||v(`Examples.Default`,!0),(0,p.jsx)(t,{title:`UI · Pagination`,description:`Manual composition of pagination controls.`,layer:`ui`,status:`ready`,children:(0,p.jsx)(n,{title:`Examples`,id:`examples`,children:(0,p.jsx)(r,{name:`Default`,source:h,children:(0,p.jsx)(m,{})})})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(g,{...e})}):g(e)}function v(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{_ as default};

package/dist/showcase/assets/paperclip-CznEsmLN.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`paperclip`,[[`path`,{d:`m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551`,key:`1miecu`}]]);export{t};

package/dist/showcase/assets/password-input-CWMY5q3b.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{t as n}from"./eye-CDMCDLei.js";import{a as r,k as i,n as a,s as o}from"./index-DaYVSqKu.js";import{t as s}from"./input-fMPi7XxI.js";var c=r(`eye-off`,[[`path`,{d:`M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49`,key:`ct8e1f`}],[`path`,{d:`M14.084 14.158a3 3 0 0 1-4.242-4.242`,key:`151rxh`}],[`path`,{d:`M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143`,key:`13bj9a`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}]]),l=e(t(),1),u=o(),d={showPassword:`Show password`,hidePassword:`Hide password`},f=l.forwardRef(function({visible:e,defaultVisible:t=!1,onVisibilityChange:r,revealable:o=!0,wrapperClassName:f,visibilityButtonClassName:p,className:m,disabled:h,isLoading:g,inputStrings:_,strings:v,...y},b){let x=i(d,v),[S,C]=l.useState(t),w=e!==void 0,T=w?e:S,E=h||g,D=l.useCallback(()=>{let e=!T;w||C(e),r?.(e)},[w,T,r]);return(0,u.jsxs)(`div`,{className:a(`password-input--component`,`relative`,f),children:[(0,u.jsx)(s,{ref:b,type:T?`text`:`password`,disabled:h,isLoading:g,className:a(o&&`pe-10`,m),strings:_,...y}),!!o&&(0,u.jsx)(`button`,{type:`button`,className:a(`password-input--toggle`,`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,p),"aria-label":T?x.hidePassword:x.showPassword,"aria-pressed":T,disabled:E,onMouseDown:e=>e.preventDefault(),onClick:D,children:T?(0,u.jsx)(c,{className:`size-4`,"aria-hidden":`true`}):(0,u.jsx)(n,{className:`size-4`,"aria-hidden":`true`})})]})});f.displayName=`PasswordInput`;export{f as t};

package/dist/showcase/assets/pencil-Cl9qi90g.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`pencil`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}]]);export{t};

package/dist/showcase/assets/phone-DbvK_QQJ.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`phone`,[[`path`,{d:`M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384`,key:`9njp5v`}]]);export{t};

package/dist/showcase/assets/plus-CO8t66Yo.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]);export{t};

package/dist/showcase/assets/popover-3QIVx9lU.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{n as t,s as n}from"./index-DaYVSqKu.js";import{r}from"./popover-Cyg9oYIU.js";e();var i=n();function a({className:e,sideOffset:n=6,style:a,...o}){return(0,i.jsx)(r,{sideOffset:n,className:t(`popover--component`,`p-(--popover-content-pad)`,`border border-border/60 shadow-md ring-0`,e),style:a,...o})}export{a as t};

package/dist/showcase/assets/popover-Cyg9oYIU.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{A as r,B as i,C as a,Cn as o,G as s,H as c,I as l,Jn as u,K as d,L as f,N as p,P as m,Q as h,Qt as g,R as _,S as v,Sr as y,U as b,Ut as x,V as S,W as C,Y as w,ar as T,b as E,cn as D,ct as O,d as k,dt as A,f as j,fr as M,g as N,gt as P,hr as F,j as I,k as L,l as R,lr as z,lt as B,mr as V,mt as H,nr as U,ot as W,p as G,pr as ee,q as K,rt as q,u as te,ut as ne,v as re,vt as ie,x as ae,y as oe,z as se}from"./example-CTJ8AdNR.js";import{n as ce,s as le}from"./index-DaYVSqKu.js";import{a as ue,i as de,n as fe,o as pe}from"./useOpenInteractionType-CnhifZ1E.js";import{t as me}from"./inertValue-DrtTkMGx.js";import{t as he}from"./ToolbarRootContext-DwELw9xS.js";import{o as ge}from"./composite-BXLXcagx.js";import{t as _e}from"./useAnchoredPopupScrollLock-CywAbxVB.js";import{t as ve}from"./useTriggerFocusGuards-Cht7Sa7e.js";var J=e(t(),1),Y=J.createContext(void 0);function X(e){let t=J.useContext(Y);if(t===void 0&&!e)throw Error(M(47));return t}var ye=e(n(),1);function be(){return{...L(),disabled:!1,modal:!1,focusManagerModal:!1,instantType:void 0,openMethod:null,openChangeReason:null,titleElementId:void 0,descriptionElementId:void 0,stickIfOpen:!0,nested:!1,openOnHover:!1,closeDelay:0,hasViewport:!1}}var xe={...I,disabled:q(e=>e.disabled),instantType:q(e=>e.instantType),openMethod:q(e=>e.openMethod),openChangeReason:q(e=>e.openChangeReason),modal:q(e=>e.modal),focusManagerModal:q(e=>e.focusManagerModal),stickIfOpen:q(e=>e.stickIfOpen),titleElementId:q(e=>e.titleElementId),descriptionElementId:q(e=>e.descriptionElementId),openOnHover:q(e=>e.openOnHover),closeDelay:q(e=>e.closeDelay),hasViewport:q(e=>e.hasViewport)},Se=class e extends h{constructor(e,t,n=!1){let i={...be(),...e},a=new p;i.open&&e?.mounted===void 0&&(i.mounted=!0),i.floatingRootContext=r(a,t,n),super(i,{popupRef:J.createRef(),backdropRef:J.createRef(),internalBackdropRef:J.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerFocusTargetRef:J.createRef(),beforeContentFocusGuardRef:J.createRef(),stickIfOpenTimeout:new u,triggerElements:a},xe)}setOpen=(e,t)=>{let n=t.reason===o,r=t.reason===`trigger-press`&&t.event.detail===0,i=!e&&(t.reason===`escape-key`||t.reason==null),a=l(t),s=this.select(`activeTriggerId`);if(!e&&t.reason===`close-press`&&t.trigger==null&&s!=null&&(t.trigger=this.context.triggerElements.getById(s)??this.select(`activeTriggerElement`)??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let c=()=>{let n={open:e,openChangeReason:t.reason};_(n,e,t.trigger,a()),this.update(n)};n?(this.set(`stickIfOpen`,!0),this.context.stickIfOpenTimeout.start(500,()=>{this.set(`stickIfOpen`,!1)}),ye.flushSync(c)):c(),r||i?this.set(`instantType`,r?`click`:`dismiss`):t.reason===`focus-out`?this.set(`instantType`,`focus`):this.set(`instantType`,void 0)};static useStore(t,n){let{store:r,internalStore:i}=C(t,(t,r)=>new e(n,t,r));return J.useEffect(()=>i?.disposeEffect(),[i]),r}disposeEffect=()=>this.context.stickIfOpenTimeout.disposeEffect()},Z=le();function Q({props:e}){let{children:t,open:n,defaultOpen:r=!1,onOpenChange:a,onOpenChangeComplete:o,modal:s=!1,handle:c,triggerId:l,defaultTriggerId:u=null}=e,d=Se.useStore(c?.store,{modal:s,open:r,openProp:n,activeTriggerId:u,triggerIdProp:l});i(d,n,r,u),d.useControlledProp(`openProp`,n),d.useControlledProp(`triggerIdProp`,l);let f=d.useState(`open`),p=d.useState(`mounted`),m=d.useState(`payload`),h=A()!=null;d.useContextCallback(`onOpenChange`,a),d.useContextCallback(`onOpenChangeComplete`,o),b(d,f),se(d);let{forceUnmount:_}=S(f,d,()=>{d.update({stickIfOpen:!0,openChangeReason:null})});d.useSyncedValues({modal:s,nested:h}),J.useEffect(()=>{f||d.context.stickIfOpenTimeout.clear()},[d,f]);let v=J.useCallback(()=>{d.setOpen(!1,g(D))},[d]);J.useImperativeHandle(e.actionsRef,()=>({unmount:_,close:v}),[_,v]);let y=f||p,x=J.useMemo(()=>({store:d}),[d]);return(0,Z.jsxs)(Y.Provider,{value:x,children:[y&&(0,Z.jsx)(we,{store:d,modal:s}),typeof t==`function`?t({payload:m}):t]})}function Ce(e){return X(!0)?(0,Z.jsx)(Q,{props:e}):(0,Z.jsx)(B,{children:(0,Z.jsx)(Q,{props:e})})}function we({store:e,modal:t}){let n=W(e.useState(`floatingRootContext`),{outsidePressEvent:{mouse:t===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}});return c(e,{activeTriggerProps:n.reference??T,inactiveTriggerProps:n.trigger??T,popupProps:J.useMemo(()=>ee(m,n.floating),[n.floating])}),null}var Te=J.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,handle:c,payload:l,openOnHover:u=!1,delay:d=300,closeDelay:f=0,id:p,...m}=e,h=X(!0),g=c?.store??h?.store;if(!g)throw Error(M(74));let _=N(p),y=g.useState(`isTriggerActive`,_),b=g.useState(`floatingRootContext`),S=g.useState(`isOpenedByTrigger`,_),C=g.useState(`triggerPopupId`,_),w=J.useRef(null),{registerTrigger:T,isMountedByThisTrigger:D}=s(_,w,g,{payload:l,disabled:a,openOnHover:u,closeDelay:f}),O=g.useState(`openChangeReason`),k=g.useState(`stickIfOpen`),A=g.useState(`openMethod`),j=g.useState(`focusManagerModal`),F=v(b,{enabled:!a&&b!=null&&u&&(A!==`touch`||O!==`trigger-press`),mouseOnly:!0,move:!1,handleClose:ae(),restMs:d,delay:{close:f},triggerElementRef:w,isActiveTrigger:y,isClosing:()=>g.select(`transitionStatus`)===`ending`}),I=ue(b,{enabled:b!=null,stickIfOpen:k}),L=fe(()=>g.select(`open`),e=>{g.set(`openMethod`,e)}),R=g.useState(`triggerProps`,D),{getButtonProps:B,buttonRef:V}=z({disabled:a,native:o}),H={open(e){return e&&O===`trigger-press`?oe.open(e):E.open(e)}},{preFocusGuardRef:W,handlePreFocusGuardFocus:G,handleFocusTargetFocus:ee}=ve(g,w),K=U(`button`,e,{state:{disabled:a,open:S},ref:[V,t,T,w],props:[I.reference,F,R,L,{[P]:``,id:_,"aria-haspopup":`dialog`,"aria-expanded":S,"aria-controls":C},m,B],stateAttributesMapping:H});return D&&!j?(0,Z.jsxs)(J.Fragment,{children:[(0,Z.jsx)(x,{ref:W,onFocus:G}),(0,Z.jsx)(J.Fragment,{children:K},_),(0,Z.jsx)(x,{ref:g.context.triggerFocusTargetRef,onFocus:ee})]}):(0,Z.jsx)(J.Fragment,{children:K},_)}),$=J.createContext(void 0);function Ee(){let e=J.useContext($);if(e===void 0)throw Error(M(45));return e}var De=J.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=X();return i.useState(`mounted`)||n?(0,Z.jsx)($.Provider,{value:n,children:(0,Z.jsx)(H,{ref:t,...r})}):null}),Oe=J.createContext(void 0);function ke(){let e=J.useContext(Oe);if(!e)throw Error(M(46));return e}var Ae=J.forwardRef(function(e,t){let{render:n,className:r,style:i,anchor:a,positionMethod:o=`absolute`,side:s=`bottom`,align:c=`center`,sideOffset:l=0,alignOffset:u=0,collisionBoundary:d=`clipping-ancestors`,collisionPadding:f=5,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:h=!1,collisionAvoidance:g=ie,..._}=e,{store:v}=X(),y=Ee(),b=ne(),x=v.useState(`floatingRootContext`),S=v.useState(`mounted`),C=v.useState(`open`),w=v.useState(`openChangeReason`),T=v.useState(`activeTriggerElement`),E=v.useState(`modal`),D=v.useState(`openMethod`),k=v.useState(`positionerElement`),A=v.useState(`instantType`),M=v.useState(`transitionStatus`),N=v.useState(`hasViewport`),P=J.useRef(null),F=K(k,!1,!1),I=j({anchor:a,floatingRootContext:x,positionMethod:o,mounted:S,side:s,sideOffset:l,align:c,alignOffset:u,arrowPadding:p,collisionBoundary:d,collisionPadding:f,sticky:m,disableAnchorTracking:h,keepMounted:y,nodeId:b,collisionAvoidance:g,adaptiveOrigin:N?G:void 0}),L=x.useState(`domReferenceElement`);V(()=>{let e=L,t=P.current;if(e&&(P.current=e),t&&e&&e!==t){v.set(`instantType`,void 0);let e=new AbortController;return F(()=>{v.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[L,F,v]),_e(C&&E===!0&&w!==`trigger-hover`,D===`touch`,k,T);let R=J.useCallback(e=>{v.set(`positionerElement`,e)},[v]),z=te(e,{open:C,side:I.side,align:I.align,anchorHidden:I.anchorHidden,instant:A},{styles:I.positionerStyles,transitionStatus:M,props:_,refs:[t,R],hidden:!S,inert:!C});return(0,Z.jsxs)(Oe.Provider,{value:I,children:[S&&E===!0&&w!==`trigger-hover`&&(0,Z.jsx)(de,{ref:v.context.internalBackdropRef,inert:me(!C),cutout:T}),(0,Z.jsx)(O,{id:b,children:z})]})}),je=J.createContext(void 0);function Me(){let[e,t]=J.useState(0),n=F(()=>(t(e=>e+1),()=>{t(e=>Math.max(0,e-1))}));return{context:J.useMemo(()=>({register:n}),[n]),hasClosePart:e>0}}function Ne(e){let{value:t,children:n}=e;return(0,Z.jsx)(je.Provider,{value:t,children:n})}var Pe={...re,...w},Fe=J.forwardRef(function(e,t){let{render:n,className:r,style:i,initialFocus:o,finalFocus:s,...c}=e,{store:l}=X(),u=ke(),p=he(!0)!=null,{context:h,hasClosePart:g}=Me(),_=l.useState(`open`),v=l.useState(`openMethod`),b=l.useState(`instantType`),x=l.useState(`transitionStatus`),S=l.useState(`popupProps`),C=l.useState(`titleElementId`),w=l.useState(`descriptionElementId`),T=l.useState(`modal`),E=l.useState(`mounted`),D=l.useState(`openChangeReason`),O=l.useState(`activeTriggerElement`),A=l.useState(`floatingRootContext`),j=A.useState(`floatingId`),M=l.useState(`disabled`),N=l.useState(`openOnHover`),P=l.useState(`closeDelay`),F=c.id??j;d({open:_,ref:l.context.popupRef,onComplete(){_&&l.context.onOpenChangeComplete?.(!0)}}),a(A,{enabled:N&&!M,closeDelay:P});let I=o===void 0?f(l.context.popupRef):o,L=T!==!1&&g;l.useSyncedValue(`focusManagerModal`,L);let R=J.useCallback(e=>{l.set(`popupElement`,e)},[l]),z=U(`div`,e,{state:{open:_,side:u.side,align:u.align,instant:b,transitionStatus:x},ref:[t,l.context.popupRef,R],props:[S,{id:F,role:`dialog`,...m,"aria-labelledby":C,"aria-describedby":w,onKeyDown(e){p&&ge.has(e.key)&&e.stopPropagation()}},k(x),c],stateAttributesMapping:Pe});return(0,Z.jsx)(pe,{context:A,openInteractionType:v,modal:L,disabled:!E||D===`trigger-hover`,initialFocus:I,returnFocus:s,restoreFocus:`popup`,previousFocusableElement:y(O)?O:void 0,nextFocusableElement:l.context.triggerFocusTargetRef,beforeContentFocusGuardRef:l.context.beforeContentFocusGuardRef,children:(0,Z.jsx)(Ne,{value:h,children:z})})});function Ie({...e}){return(0,Z.jsx)(Ce,{"data-slot":`popover`,...e})}function Le({asChild:e=!1,nativeButton:t,render:n,children:r,...i}){let a=e?(0,Z.jsx)(R,{}):void 0,o=typeof n==`function`?((e,t)=>{let{nativeButton:r,...i}=e;return n(i,t)}):n,s=!0;e&&J.isValidElement(r)&&(s=typeof r.type==`string`?r.type===`button`:!(`href`in(r.props??{})));let c=t??(e?s:!0);return(0,Z.jsx)(Te,{"data-slot":`popover-trigger`,render:a??o,nativeButton:c,...i,children:r})}function Re({asChild:e=!1,...t}){return e?(0,Z.jsx)(R,{...t}):(0,Z.jsx)(`span`,{"data-slot":`popover-anchor`,...t})}function ze({className:e,align:t=`center`,alignOffset:n=0,side:r=`bottom`,sideOffset:i=4,disablePortal:a=!1,onOpenAutoFocus:o,onInteractOutside:s,...c}){let l=(0,Z.jsx)(Ae,{align:t,alignOffset:n,side:r,sideOffset:i,className:`isolate z-50`,children:(0,Z.jsx)(Fe,{"data-slot":`popover-content`,className:ce(`bg-popover text-popover-foreground 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 flex flex-col gap-4 rounded-md 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 w-72 origin-(--transform-origin) outline-hidden`,e),...c})});return a?l:(0,Z.jsx)(De,{children:l})}export{Le as i,Re as n,ze as r,Ie as t};

package/dist/showcase/assets/popover-menu-DJPHeIL1.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{Rr as t,Vr as n}from"./example-CTJ8AdNR.js";import{k as r,n as i,s as a}from"./index-DaYVSqKu.js";import{i as o,t as s}from"./popover-Cyg9oYIU.js";import{t as c}from"./popover-3QIVx9lU.js";import{i as l}from"./command-CxeHT4lL.js";import{a as u,i as d,n as f,r as p,t as m}from"./command-Do_t_Zou.js";e();var h={searchPlaceholder:`Search…`,empty:`No results.`,loading:`Loading…`},g=a();function _({trigger:e,items:a,onSelect:_,open:v,onOpenChange:y,search:b=!0,searchValue:x,onSearchChange:S,loading:C=!1,header:w,footer:T,empty:E,loadingSlot:D,renderItem:O,strings:k,align:A=`start`,sideOffset:j,contentClassName:M}){let N=r(h,k);return(0,g.jsxs)(s,{open:v,onOpenChange:y,children:[(0,g.jsx)(o,{render:e}),(0,g.jsx)(c,{align:A,sideOffset:j,className:i(`popover-menu--component`,`w-56 p-0 overflow-hidden`,M),children:(0,g.jsxs)(m,{shouldFilter:!S,children:[!!w&&(0,g.jsx)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:w}),!!b&&(0,g.jsx)(l,{placeholder:N.searchPlaceholder,value:x,onValueChange:S}),(0,g.jsxs)(u,{children:[!!C&&(D??(0,g.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-3 text-muted-foreground`,children:[(0,g.jsx)(n,{className:`size-3.5 animate-spin`,"aria-hidden":`true`}),(0,g.jsx)(t,{tag:`span`,size:`xs`,type:`secondary`,children:N.loading})]})),(0,g.jsx)(f,{children:E??N.empty}),a.length>0&&(0,g.jsx)(p,{children:a.map(e=>(0,g.jsx)(d,{value:e.searchValue??e.value,onSelect:()=>_(e),disabled:e.disabled,"data-checked":e.selected||void 0,className:`data-[checked=true]:**:[svg]:text-primary`,children:O?O(e,{isHighlighted:!1}):(0,g.jsxs)(g.Fragment,{children:[!!e.icon&&(0,g.jsx)(`span`,{className:`text-muted-foreground shrink-0`,children:e.icon}),(0,g.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,g.jsx)(t,{tag:`span`,size:`xs`,weight:e.selected?`medium`:`regular`,className:`truncate`,children:e.label}),!!e.description&&(0,g.jsx)(t,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description})]})]})},e.value))})]}),!!T&&(0,g.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2`,children:T})]})})]})}_.displayName=`PopoverMenu`;export{_ as t};