@radui/ui 1.0.0 → 1.1.0

package/dist/components/Drawer.js

@@ -1 +1 @@
-'use client';import{createContext as e,useContext as t,forwardRef as n,useMemo as r,useState as i,useRef as o,useEffect as s,useCallback as a}from"react";import{jsx as l}from"react/jsx-runtime";import{u as c,c as u}from"./useComponentClass-C0isGl1z.js";import{u as d}from"./index-CBcSLg6O.js";import{D as p,a as m}from"./index-xlB--dex.js";import{F as f}from"./index-D8I-rMwz.js";import{P as h}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-wRElCyvx.js";import"./index-FITGoHty.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const g=e({rootClass:"",side:"right",dismissDirection:"right",isOpen:!1,onOpen:()=>{},snapPoints:[],activeSnapPoint:null,setActiveSnapPoint:()=>{},snapToSequentialPoints:!1,modal:!0,disablePointerDismissal:!1,shouldKeepMounted:!1,requestClose:()=>{},markIntentionalClose:()=>{},setTitleId:()=>{},setDescriptionId:()=>{},popupHeight:0,setPopupHeight:()=>{},registerContentElement:()=>{},childOpenCount:0,nestedSwiping:!1,setNestedSwiping:()=>{},depth:0}),v={movementX:"--rad-ui-drawer-swipe-movement-x",movementY:"--rad-ui-drawer-swipe-movement-y",snapPointOffset:"--rad-ui-drawer-snap-point-offset",progress:"--rad-ui-drawer-swipe-progress",strength:"--rad-ui-drawer-swipe-strength",height:"--rad-ui-drawer-height",nestedDrawers:"--rad-ui-nested-drawers"},y="[data-swipe-ignore],[data-rad-ui-swipe-ignore]";function w(e,t,n){return Math.min(Math.max(e,t),n)}function P(e,t,n){switch(e){case"up":return-n;case"down":return n;case"left":return-t;default:return t}}function C(e,t){return"left"===t||"right"===t?e.offsetWidth:e.offsetHeight}function x(e,t,n){if(!Number.isFinite(t)||t<=0)return null;if("number"==typeof e)return Number.isFinite(e)?e<=1?w(e,0,1)*t:e:null;const r=e.trim();if(r.endsWith("px")){const e=Number.parseFloat(r);return Number.isFinite(e)?e:null}if(r.endsWith("rem")){const e=Number.parseFloat(r);return Number.isFinite(e)?e*n:null}return null}function b(e,t){let n=-1,r=1/0;for(let i=0;i<e.length;i+=1){const o=Math.abs(e[i].offset-t);o<r&&(r=o,n=i)}return n}function S({snapPoints:e,currentOffset:t,popupHeight:n,dragDelta:r,directionalVelocity:i,snapToSequentialPoints:o}){if(!e.length||n<=0)return{type:"stay"};const s=Math.sign(r),a=w(t+r,0,n),l=Math.abs(i)>=.5?300*w(i,-4,4):0,c=o?a:w(a+l,0,n),u=[...e].sort(((e,t)=>e.offset-t.offset));let d=function(e,t){const n=b(e,t);return-1===n?null:e[n]}(u,c),p=c;if(o){const e=b(u,t);if(0!==s&&Math.sign(i)===s&&Math.abs(i)>=.5){const t=w(e+s,0,u.length-1);if(t!==e){const e=u[t];(s>0?c<e.offset:c>e.offset)&&(d=e,p=e.offset)}else if(s>0)return{type:"close",snapPoint:d}}}else if(i>=.5&&r>0)return{type:"close",snapPoint:d};return Math.abs(p-n)<(d?Math.abs(p-d.offset):1/0)?{type:"close",snapPoint:d}:{type:"settle",snapPoint:d}}const D=e({depth:0,onChildOpenChange:()=>{},onChildSwipingChange:()=>{}});function O(e,t){const n="open"===t?500:400;if(!e||"undefined"==typeof window||!window.getComputedStyle)return n;const r="open"===t?"--rad-ui-drawer-open-duration":"--rad-ui-drawer-close-duration";return function(e){if(!e)return null;const t=e.trim();if(!t||"auto"===t||"normal"===t)return null;const n=Number.parseFloat(t);return Number.isFinite(n)?t.endsWith("ms")?n:t.endsWith("s")?1e3*n:n:null}(window.getComputedStyle(e).getPropertyValue(r))??n}function T(e,t,n){return new Promise((r=>{if(n?.aborted||!e)return void r();let i,o,s,a=!1;const l=()=>{a||(a=!0,void 0!==i&&clearTimeout(i),void 0!==o&&cancelAnimationFrame(o),n&&s&&n.removeEventListener("abort",s),r())},c=e;if("function"!=typeof c.getAnimations)i=setTimeout(l,t);else{let e=[];try{e=c.getAnimations()}catch{e=[]}i=setTimeout(l,t),e.length?Promise.all(e.map((e=>e.finished.catch((()=>{}))))).then(l):o=requestAnimationFrame(l)}n&&(s=l,n.addEventListener("abort",s))}))}const N="Drawer",M=n((({children:e,customRootClass:n="",className:m="",defaultOpen:f=!1,open:h,onOpenChange:v,onOpenChangeComplete:y,snapPoints:w=[],defaultSnapPoint:P=null,snapPoint:C,onSnapPointChange:x,snapToSequentialPoints:b=!1,modal:S=!0,disablePointerDismissal:M=!1,swipeDirection:F="right",triggerId:E,defaultTriggerId:I,actionsRef:H},Y)=>{const A=c(n,N),X=r((()=>function(e){switch(e){case"up":return"top";case"down":return"bottom";default:return e}}(F)),[F]),q=r((()=>function(e){switch(e){case"top":return"up";case"bottom":return"down";default:return e}}(X)),[X]),$=t(D),k=void 0!==h,[L,j]=i(f),R=k?h:L;d(R);const z=o(R);z.current=R;const W=o(null),V=o(!1),K=o(M);s((()=>{K.current=M}),[M]);const[B,Z]=i(!1),U=a(((e="close-press")=>{V.current=!0,W.current=e}),[]),G=a(((e,t)=>{const n=W.current??(e?"trigger-press":"none");W.current=null;const r=V.current;if(V.current=!1,!e&&K.current&&!r)return;let i=!1,o=!1;const s={reason:n,cancel:()=>{i=!0},get isCanceled(){return i},preventUnmountOnClose:()=>{o=!0},event:t};v&&(v.length<=1?v(e):v(e,s)),i||(o&&Z(!0),k||j(e))}),[k,v]);s((()=>{R&&Z(!1)}),[R]);const J=void 0!==C,[Q,_]=i(P??(w.length>0?w[0]:null)),ee=J?C:Q,te=a((e=>{J||_(e),x?.(e)}),[J,x]),[ne,re]=i(0),ie=a((e=>{re((t=>t===e?t:e))}),[]),oe=a((e=>{H&&"current"in H&&(H.current=e)}),[H]);s((()=>{if(!H)return;oe({close:()=>{U("imperative-action"),G(!1)},unmount:()=>{Z(!1),z.current&&!k&&(U("imperative-action"),G(!1)),_(P??w[0]??null)}})}),[H,P,G,k,U,oe,w]);const se=o(null),ae=a((e=>{se.current=e}),[]),le=o(y);le.current=y,s((()=>{const e=new AbortController,t=R,n=requestAnimationFrame((()=>{const n=se.current;le.current&&T(n,O(n,t?"open":"close"),e.signal).then((()=>{e.signal.aborted||le.current?.(z.current)}))}));return()=>{e.abort(),cancelAnimationFrame(n)}}),[R]);const ce=o(!1);s((()=>{R&&!ce.current?(ce.current=!0,$.onChildOpenChange(!0)):!R&&ce.current&&(ce.current=!1,$.onChildOpenChange(!1))}),[R,$]),s((()=>()=>{ce.current&&($.onChildOpenChange(!1),ce.current=!1)}),[]);const[ue,de]=i(0),pe=a((e=>{de((t=>Math.max(0,t+(e?1:-1)))),$.onChildOpenChange(e)}),[$]),[me,fe]=i(!1),he=a((e=>{fe(e),$.onChildSwipingChange(e)}),[$]);s((()=>{ue||fe(!1)}),[ue]);const ge=he,ve=r((()=>({depth:$.depth+1,onChildOpenChange:pe,onChildSwipingChange:he})),[pe,he,$.depth]),ye=a(((e,t)=>{U(e),G(!1,t)}),[G,U]),[we,Pe]=i(void 0),[Ce,xe]=i(void 0),be=a((e=>{Pe((t=>t===e?t:e))}),[]),Se=a((e=>{xe((t=>t===e?t:e))}),[]),De=r((()=>({rootClass:A,side:X,dismissDirection:q,isOpen:R,onOpen:()=>G(!0),snapPoints:w,activeSnapPoint:ee,setActiveSnapPoint:te,snapToSequentialPoints:b,popupHeight:ne,setPopupHeight:ie,modal:S,disablePointerDismissal:M,registerContentElement:ae,shouldKeepMounted:B,requestClose:ye,markIntentionalClose:U,childOpenCount:ue,nestedSwiping:me,setNestedSwiping:ge,titleId:we,descriptionId:Ce,setTitleId:be,setDescriptionId:Se,depth:$.depth})),[ee,ue,Ce,q,M,G,B,R,U,S,$.depth,ne,ae,ye,A,te,Se,ge,ie,be,X,w,b,me,we]);return l(D.Provider,{value:ve,children:l(p.Root,{ref:Y,open:R,onOpenChange:G,className:u(A,m),disablePointerDismissal:M,children:l(g.Provider,{value:De,children:e})})})}));M.displayName=N;const F=n((({children:e,asChild:n,className:r="",...i},o)=>{const{rootClass:s}=t(g);return l(p.Trigger,{ref:o,className:u(s&&`${s}-trigger`,r),asChild:n,...i,children:e})}));F.displayName="DrawerTrigger";const E=n((({children:e,...t},n)=>l(p.Portal,{...t,children:e})));E.displayName="DrawerPortal";const I=n((({className:e="",forceMount:n=!1,...r},a)=>{const{rootClass:c,modal:d,disablePointerDismissal:p,markIntentionalClose:h}=t(g),{isOpen:v,handleOverlayClick:y}=t(m),[w,P]=i(v),[C,x]=i(v?"open":"closed"),b=o(null);if(s((()=>(b.current&&clearTimeout(b.current),v?(P(!0),requestAnimationFrame((()=>{requestAnimationFrame((()=>x("open")))}))):(x("closed"),b.current=setTimeout((()=>{P(!1)}),400)),()=>{b.current&&clearTimeout(b.current)})),[v]),!w&&!n)return null;const S=p?void 0:()=>{h(),y()},D=!0===d;return l(f.Overlay,{lockScroll:v&&D,ref:a,onClick:S,"data-state":C,style:!1===d?{pointerEvents:"none",background:"transparent"}:void 0,className:u(c&&`${c}-overlay`,e),...r})}));I.displayName="DrawerOverlay";const H=e({element:null,height:0,resolvedSnapPoints:[],activeSnapPointOffset:0,activeSnapPoint:null,setActiveSnapPoint:()=>{},expanded:!1,dismissDirection:"right",pointerProps:{onPointerDown:()=>{}},touchProps:{onTouchStart:()=>{},onTouchMove:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{}}});function Y(){return"undefined"==typeof window?0:window.innerHeight||document.documentElement.clientHeight||0}function A(){if("undefined"==typeof window)return 16;const e=Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize);return Number.isFinite(e)&&e>0?e:16}function X(e,t,n,o){const a="up"===t||"down"===t,[l,c]=i(0),[u,d]=i(16);s((()=>{if(!a||!e.length)return;c(Y()),d(A());const t=()=>{c(Y()),d(A())};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[e.length,a]);const p=r((()=>a&&e.length?function(e,t,n,r){if(!e.length||n<=0)return[];const i=Math.min(n,t||n),o=e.map((e=>{const o=x(e,t,r);if(null===o)return null;const s=w(o,0,i);return{value:e,height:s,offset:Math.max(0,n-s)}})).filter((e=>null!==e));if(o.length<2)return o;const s=[];for(let e=o.length-1;e>=0;e-=1){const t=o[e];s.some((e=>Math.abs(e.height-t.height)<=1))||s.push(t)}return s.reverse()}(e,l||n,n,u):[]),[n,u,e,a,l]);return r((()=>{if(!p.length||null===o)return{resolved:p,active:null,activeOffset:0,expanded:!1};const e=p.find((e=>Object.is(e.value,o)));if(e)return{resolved:p,active:e,activeOffset:e.offset,expanded:1===o};const t=x(o,l||n,u);if(null===t)return{resolved:p,active:null,activeOffset:0,expanded:!1};const r=w(t,0,n||l||t),i=Math.max(0,(n||r)-r);return{resolved:p,active:null,activeOffset:i,expanded:1===o}}),[o,n,p,u,l])}function q(e){return e.timeStamp>0?e.timeStamp:performance.now()}function $(e,t){let n=e;for(;n&&n!==t;){const e=window.getComputedStyle(n),t=("auto"===e.overflowY||"scroll"===e.overflowY)&&n.scrollHeight>n.clientHeight,r=("auto"===e.overflowX||"scroll"===e.overflowX)&&n.scrollWidth>n.clientWidth;if(t||r)return{element:n,axis:t?"y":"x"};n=n.parentElement}return null}function k(e,t,n){return"y"===t?"down"===n?e.scrollTop<=0:e.scrollTop>=e.scrollHeight-e.clientHeight:"right"===n?e.scrollLeft<=0:e.scrollLeft>=e.scrollWidth-e.clientWidth}let L=!1;function j(e){const{elementRef:t,dismissDirection:n,axis:r,enabled:l,disabledByNestedDrawer:c=!1,snapPoints:u,popupHeight:d=0,activeSnapPointOffset:p=0,snapToSequentialPoints:m=!1,onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x}=e,[b,D]=i(!1),[O,T]=i(!1),N=o(null),M=o(0),F=o(null),E=o(null),I=o(null),H=o(null),Y=o({onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x});Y.current={onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x};const A=l&&!c,X=Boolean(u?.length)&&!("left"===(j=n)||"right"===j);var j;s((()=>{if(!u||u.length<2)return void(H.current=null);const e=u.map((e=>e.offset)).sort(((e,t)=>e-t)),t=e[1]-e[0];H.current=t>0?{min:e[0],range:t}:null}),[u]);const R=a((e=>{D(e),Y.current.onSwipingChange?.(e)}),[]),z=a((e=>{const n=t.current;n&&(X?n.style.setProperty(v.movementY,`${function(e,t){const n=e+t;return n>=0?t:-Math.sqrt(-n)-e}(p,e)}px`):"x"===r?n.style.setProperty(v.movementX,`${e}px`):n.style.setProperty(v.movementY,`${e}px`))}),[p,r,t,X]),W=a((e=>{const r=t.current;if(!r)return;const i=H.current;let o;if(i){const t=w((p||i.min)+e,0,d||p+i.range);o=w((t-i.min)/i.range,0,1)}else{const t=C(r,n);o=t>0?w(1-Math.max(0,e)/t,0,1):1}r.style.setProperty(v.progress,String(o)),Y.current.onProgress?.(o)}),[p,n,t,d]),V=a((()=>{const e=t.current;e&&(e.style.removeProperty(v.movementX),e.style.removeProperty(v.movementY),e.style.removeProperty(v.strength),e.style.setProperty(v.progress,"1"))}),[t]),K=a(((e,t,r)=>{const i=F.current;if(F.current={x:e,y:t,time:r},!i)return 0;const o=Math.max(r-i.time,16);return P(n,(e-i.x)/o,(t-i.y)/o)}),[n]),B=a((()=>{const e=t.current;if(M.current=0,R(!1),!e)return void T(!1);I.current&&clearTimeout(I.current),T(!0),V(),Y.current.onProgress?.(1);const n=()=>{e.removeEventListener("transitionend",n),T(!1)};e.addEventListener("transitionend",n),I.current=setTimeout(n,400)}),[V,t,R]),Z=a(((e,r)=>{const i=t.current;if(R(!1),!i)return;const o=function({element:e,direction:t,displacement:n,velocity:r,snapPointOffset:i=0}){const o=C(e,t);if(o<=0)return null;const s=Math.max(0,o-(i+n));if(s<=0)return null;if(r<=.2)return null;const a=w(r,.2,4);return.1+(w(s/a,80,360)-80)/280*.9}({element:i,direction:n,displacement:r,velocity:e,snapPointOffset:X?p:0});null!==o&&i.style.setProperty(v.strength,String(o))}),[p,n,t,R,X]),U=a(((e,t)=>{N.current={start:e,startDisplacement:M.current,startTime:t,axis:null,dragging:!1},M.current=0,F.current={...e,time:t},R(!0)}),[R]),G=a(((e,t)=>{const r=P(n,e,t),i=(X?p:0)+r;let o;var s;i<0?(s=i,o=Math.sign(s)*Math.sqrt(Math.abs(s))):o=r<0?.2*- -r:r,M.current=o,z(o),W(o)}),[p,n,X,z,W]),J=a(((e,r)=>{const i=N.current;if(N.current=null,E.current=null,!i)return void R(!1);if(!i.dragging)return M.current=0,void R(!1);const o=M.current;M.current=0;const s=e.x-i.start.x,a=e.y-i.start.y,l=P(n,s,a),c=r-i.startTime,f=c>0?P(n,s/Math.max(c,50),a/Math.max(c,50)):0;let h=0;const g=F.current;if(g){const t=r-g.time;if(t<=80){const r=Math.max(t,16);h=P(n,(e.x-g.x)/r,(e.y-g.y)/r)}}const v=0!==h?h:f;if(u?.length){const e=S({snapPoints:u,currentOffset:p,popupHeight:d,dragDelta:l,directionalVelocity:v,snapToSequentialPoints:m});if("close"===e.type)return Y.current.onSettle?.(e.snapPoint),Z(v,o),void Y.current.onDismiss();if("settle"===e.type)return Y.current.onSettle?.(e.snapPoint),void B()}const y=t.current,w=y?function(e,t){return Math.max(.5*C(e,t),10)}(y,n):0;h>0&&h>=.5||l>=w?(Z(v,o),Y.current.onDismiss()):B()}),[p,Z,n,t,d,B,u,m,R]),Q=a((e=>{if(!A||0!==e.button)return;if("touch"===e.pointerType)return;const r=e.target;if(r?.closest?.(y))return;if(r?.closest?.('button,a,input,select,textarea,label,summary,[role="button"],[role="slider"],[contenteditable="true"],[data-no-drag]'))return;const i=t.current;if(!i)return;const o=$(r,i);o&&!k(o.element,o.axis,n)||(e.currentTarget.setPointerCapture?.(e.pointerId),E.current=!0,U({x:e.clientX,y:e.clientY},q(e)))}),[A,n,t,U]);s((()=>{const e=t.current;if(!e||!A)return;L||(L=!0,"undefined"!=typeof CSS&&"function"==typeof CSS.registerProperty&&[{name:v.movementX,syntax:"<length>",initialValue:"0px"},{name:v.movementY,syntax:"<length>",initialValue:"0px"},{name:v.snapPointOffset,syntax:"<length>",initialValue:"0px"},{name:v.progress,syntax:"<number>",initialValue:"1"},{name:v.strength,syntax:"<number>",initialValue:"1"}].forEach((e=>{try{CSS.registerProperty({...e,inherits:!1})}catch{}})));let n=null;const i=e=>{const t=N.current;if(!t||null!==n&&e.pointerId!==n)return;if("touch"===e.pointerType)return;null===n&&(n=e.pointerId);const i=e.clientX-t.start.x,o=e.clientY-t.start.y,s="x"===r?Math.abs(i):Math.abs(o),a="x"===r?Math.abs(o):Math.abs(i);if(null===t.axis){if(s<6)return;if(a>s)return N.current=null,E.current=null,void R(!1);t.axis=r}t.dragging=!0,K(e.clientX,e.clientY,q(e)),G(i,o)},o=e=>{null!==n&&e.pointerId!==n||(n=null,J({x:e.clientX,y:e.clientY},q(e)))},s=()=>{n=null,N.current=null,M.current=0,B()};return e.addEventListener("pointermove",i),e.addEventListener("pointerup",o),e.addEventListener("pointercancel",s),()=>{e.removeEventListener("pointermove",i),e.removeEventListener("pointerup",o),e.removeEventListener("pointercancel",s)}}),[A,G,r,t,J,K,R,B]);const _=a((e=>{const r=e.touches[0];if(!A||!r)return void(E.current=!1);const i=e.target;if(i?.closest?.(y))return void(E.current=!1);const o=t.current;if(!o)return void(E.current=!1);const s=$(i,o);E.current=!(s&&!k(s.element,s.axis,n))&&null,!1!==E.current&&U({x:r.clientX,y:r.clientY},q(e))}),[A,n,t,U]),ee=a((e=>{const t=N.current;if(!1===E.current)return;if(!t)return;const i=e.touches[0];if(!i)return;const o=i.clientX-t.start.x,s=i.clientY-t.start.y,a="x"===r?o:s,l="x"===r?s:o;if(null===t.axis){if(Math.abs(a)<6)return;if(Math.abs(l)>Math.abs(a))return E.current=!1,N.current=null,void R(!1);t.axis=r}if(P(n,o,s)<0)return E.current=!1,N.current=null,void R(!1);E.current=!0,t.dragging=!0,e.cancelable&&e.preventDefault(),K(i.clientX,i.clientY,q(e)),G(o,s)}),[G,r,n,K,R]),te=a((e=>{const t=e.changedTouches[0];if(!t)return N.current=null,void B();J({x:t.clientX,y:t.clientY},q(e))}),[J,B]),ne=a((()=>{E.current=!1,N.current=null,M.current=0,B()}),[B]);return s((()=>()=>{I.current&&clearTimeout(I.current)}),[]),s((()=>{A||(N.current=null,E.current=null,M.current=0,F.current=null,R(!1))}),[A,R]),s((()=>{if(l)return;t.current&&V()}),[V,t,l]),{swiping:b,isSnapping:O,pointerProps:{onPointerDown:Q},touchProps:{onTouchStart:_,onTouchMove:ee,onTouchEnd:te,onTouchCancel:ne}}}const R=n((({children:e,className:n="",asChild:c=!1,forceMount:d=!1,role:p="dialog","aria-modal":y,"aria-labelledby":w,"aria-describedby":P,initialFocus:C=0,finalFocus:x,disableSwipeDismiss:b=!1,style:S,...D},N)=>{const{rootClass:M,side:F,dismissDirection:E,isOpen:I,modal:Y,snapPoints:A,activeSnapPoint:q,setActiveSnapPoint:$,snapToSequentialPoints:k,setPopupHeight:L,registerContentElement:R,shouldKeepMounted:z,requestClose:W,childOpenCount:V,nestedSwiping:K,setNestedSwiping:B,titleId:Z,descriptionId:U}=t(g),{getFloatingProps:G,refs:J,floaterContext:Q}=t(m),_=o(null),[ee,te]=i(null),[ne,re]=i(I?"open":"closed"),ie=a((e=>{_.current=e,te(e),R(e)}),[R]),oe=f.useMergeRefs([J.setFloating,ie,N]);s((()=>{if(!ee)return;const e=()=>L(ee.offsetHeight);if(e(),"undefined"==typeof ResizeObserver)return;const t=new ResizeObserver(e);return t.observe(ee),()=>t.disconnect()}),[ee,L]);const se=ee?.offsetHeight??0,{resolved:ae,activeOffset:le,expanded:ce}=X(A,E,se,q),ue=function(e){return"left"===e||"right"===e?"x":"y"}(F),de=a((()=>{W("swipe")}),[W]),pe=a((e=>{$(e?e.value:null)}),[$]),{swiping:me,isSnapping:fe,pointerProps:he,touchProps:ge}=j({elementRef:_,dismissDirection:E,axis:ue,enabled:I&&!b,disabledByNestedDrawer:V>0,snapPoints:ae,popupHeight:se,activeSnapPointOffset:le,snapToSequentialPoints:k,onDismiss:de,onSettle:pe,onSwipingChange:B}),ve=I||d||z,[ye,we]=i(I);s((()=>{if(ve)return void we(!0);const e=new AbortController;return T(ee,O(ee,"close"),e.signal).then((()=>{e.signal.aborted||we(!1)})),()=>e.abort()}),[ee,ve]),s((()=>{if(!ye)return void re("closed");if(!I)return void re("closed");const e=requestAnimationFrame((()=>re("open")));return()=>cancelAnimationFrame(e)}),[I,ye]),s((()=>{if(I||!x?.current)return;const e=requestAnimationFrame((()=>{x.current?.focus()}));return()=>cancelAnimationFrame(e)}),[x,I]);const Pe=y??!1!==Y,Ce=w??Z,xe=P??U,be={outline:"none",[v.nestedDrawers]:String(V),[v.height]:se>0?`${se}px`:void 0,[v.snapPointOffset]:`${le}px`,...V>0?{"--drawer-peek-offset":20*V+"px"}:{},...S},Se=r((()=>({element:ee,height:se,resolvedSnapPoints:ae,activeSnapPointOffset:le,activeSnapPoint:q,setActiveSnapPoint:$,expanded:ce,dismissDirection:E,pointerProps:he,touchProps:ge})),[q,le,E,ee,ce,he,se,ae,$,ge]),{style:De,...Oe}=G()??{};if(!ye)return null;const Te=!1!==Y;return l(H.Provider,{value:Se,children:l(f.FocusManager,{context:Q,disabled:!I||"open"!==ne,modal:Te,initialFocus:C,returnFocus:!x,children:l(h.div,{ref:oe,asChild:c,...Oe,...he,...ge,style:be,role:p,"aria-modal":Pe,"aria-hidden":I?void 0:"true","aria-labelledby":I?Ce:void 0,"aria-describedby":I?xe:void 0,"data-state":ne,"data-swipe-direction":F,"data-swiping":me?"true":void 0,"data-snapping":fe?"true":void 0,"data-swipe-dismiss":b?void 0:"","data-expanded":ae.length>0?ce?"true":"false":void 0,"data-child-open":V>0?"true":void 0,"data-nested-drawer-open":V>0?"true":void 0,"data-nested-drawer-swiping":K?"true":void 0,className:u(M&&`${M}-content`,n),...D,children:l("div",{className:u(M&&`${M}-content-inner`),children:e})})})})}));R.displayName="DrawerContent";const z=n((({children:e,className:n="",id:r,...i},o)=>{const{rootClass:a,setTitleId:c}=t(g),d=f.useId(),p=i.id??r??d;return s((()=>(c(p),()=>c(void 0))),[c,p]),l(h.h2,{ref:o,id:p,className:u(a&&`${a}-title`,n),...i,children:e})}));z.displayName="DrawerTitle";const W=n((({children:e,className:n="",id:r,...i},o)=>{const{rootClass:a,setDescriptionId:c}=t(g),d=f.useId(),p=i.id??r??d;return s((()=>(c(p),()=>c(void 0))),[c,p]),l(h.p,{ref:o,id:p,className:u(a&&`${a}-description`,n),...i,children:e})}));W.displayName="DrawerDescription";const V=n((({children:e,asChild:n,className:r="",onClick:i,...o},s)=>{const{rootClass:a,markIntentionalClose:c}=t(g);return l(p.Cancel,{ref:s,className:u(a&&`${a}-close`,r),asChild:n,onClick:e=>{c(),i?.(e)},...o,children:e})}));V.displayName="DrawerClose";const K=n((({className:e=""},n)=>{const{rootClass:r}=t(g),{pointerProps:i,touchProps:o,dismissDirection:s}=t(H),c=a((e=>{"Escape"!==e.key&&"Enter"!==e.key&&" "!==e.key||e.preventDefault()}),[]);return l("div",{ref:n,"aria-hidden":"true","data-direction":s,onKeyDown:c,className:u(r&&`${r}-handle`,e),...i,...o,children:l("div",{className:`${r}-handle-grip`,"aria-hidden":"true"})})}));K.displayName="DrawerHandle";const B=n((({className:e="",openThreshold:n=48,size:r=20,children:i,style:s,disabled:c=!1,...d},p)=>{const{rootClass:m,side:f,isOpen:h,onOpen:v}=t(g),y=o(null),w=o(0),P=o(null),C=a(((e,t)=>{switch(f){case"right":return-e;case"left":return e;case"bottom":return-t;case"top":return t}}),[f]),x=a((e=>{const t=P.current;if(!t)return;const n=8*e;switch(f){case"right":t.style.transform=`translateX(${-n}px)`;break;case"left":t.style.transform=`translateX(${n}px)`;break;case"bottom":t.style.transform=`translateY(${-n}px)`;break;case"top":t.style.transform=`translateY(${n}px)`}t.style.setProperty("--swipe-progress",String(e))}),[f]),b=a((e=>{const t=P.current;if(t&&(e&&(t.style.transition="transform var(--rad-ui-motion-duration-normal) var(--rad-ui-motion-easing-standard)"),t.style.transform="",t.style.removeProperty("--swipe-progress"),e)){const e=()=>{t.style.transition="",t.removeEventListener("transitionend",e)};t.addEventListener("transitionend",e)}}),[]),S=a((e=>{if(0!==e.button||h)return;e.currentTarget.setPointerCapture(e.pointerId),y.current={startX:e.clientX,startY:e.clientY},w.current=0;const t=P.current;t&&(t.style.transition="none")}),[h]),D=a((e=>{if(!y.current)return;const t=e.clientX-y.current.startX,r=e.clientY-y.current.startY,i=Math.max(0,C(t,r)),o=Math.min(i/n,1);w.current=o,x(o)}),[C,n,x]),O=a((()=>{y.current&&(y.current=null,w.current>=1?(b(!1),v()):b(!0),w.current=0)}),[v,b]),T=a((()=>{y.current&&(y.current=null,w.current=0,b(!0))}),[b]),N=(()=>{const e={position:"fixed",zIndex:"var(--rad-ui-z-index-overlay)",touchAction:"none",userSelect:"none"};switch(f){case"right":return{...e,top:0,right:0,bottom:0,width:r};case"left":return{...e,top:0,left:0,bottom:0,width:r};case"bottom":return{...e,left:0,bottom:0,right:0,height:r};case"top":return{...e,left:0,top:0,right:0,height:r}}})();return c||h?null:l("div",{ref:e=>{P.current=e,"function"==typeof p?p(e):p&&(p.current=e)},"aria-hidden":"true","data-direction":f,onPointerDown:S,onPointerMove:D,onPointerUp:O,onPointerCancel:T,style:{...N,...s},className:u(m&&`${m}-swipe-zone`,e),...d,children:i})}));B.displayName="DrawerSwipeZone";const Z=n(((e,t)=>(console.warn("Direct usage of Drawer is not supported. Please use Drawer.Root, Drawer.Content, etc. instead."),null)));Z.displayName="Drawer";const U=Z;U.Root=M,U.Trigger=F,U.Portal=E,U.Overlay=I,U.Content=R,U.Title=z,U.Description=W,U.Close=V,U.Handle=K,U.SwipeZone=B;export{V as Close,R as Content,W as Description,K as Handle,I as Overlay,E as Portal,M as Root,B as SwipeZone,z as Title,F as Trigger,U as default};
+'use client';import{createContext as e,useContext as t,forwardRef as n,useMemo as r,useState as i,useRef as o,useEffect as s,useCallback as a}from"react";import{jsx as l}from"react/jsx-runtime";import{u as c,c as u}from"./useComponentClass-C0isGl1z.js";import{u as d}from"./index-CBcSLg6O.js";import{D as p,a as m}from"./index-CXv1Y-O3.js";import{F as f}from"./index-B_OPdW20.js";import{P as h}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-wRElCyvx.js";import"./index-DH-14XDv.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const g=e({rootClass:"",side:"right",dismissDirection:"right",isOpen:!1,onOpen:()=>{},snapPoints:[],activeSnapPoint:null,setActiveSnapPoint:()=>{},snapToSequentialPoints:!1,modal:!0,disablePointerDismissal:!1,shouldKeepMounted:!1,requestClose:()=>{},markIntentionalClose:()=>{},setTitleId:()=>{},setDescriptionId:()=>{},popupHeight:0,setPopupHeight:()=>{},registerContentElement:()=>{},childOpenCount:0,nestedSwiping:!1,setNestedSwiping:()=>{},depth:0}),v={movementX:"--rad-ui-drawer-swipe-movement-x",movementY:"--rad-ui-drawer-swipe-movement-y",snapPointOffset:"--rad-ui-drawer-snap-point-offset",progress:"--rad-ui-drawer-swipe-progress",strength:"--rad-ui-drawer-swipe-strength",height:"--rad-ui-drawer-height",nestedDrawers:"--rad-ui-nested-drawers"},y="[data-swipe-ignore],[data-rad-ui-swipe-ignore]";function w(e,t,n){return Math.min(Math.max(e,t),n)}function P(e,t,n){switch(e){case"up":return-n;case"down":return n;case"left":return-t;default:return t}}function C(e,t){return"left"===t||"right"===t?e.offsetWidth:e.offsetHeight}function x(e,t,n){if(!Number.isFinite(t)||t<=0)return null;if("number"==typeof e)return Number.isFinite(e)?e<=1?w(e,0,1)*t:e:null;const r=e.trim();if(r.endsWith("px")){const e=Number.parseFloat(r);return Number.isFinite(e)?e:null}if(r.endsWith("rem")){const e=Number.parseFloat(r);return Number.isFinite(e)?e*n:null}return null}function b(e,t){let n=-1,r=1/0;for(let i=0;i<e.length;i+=1){const o=Math.abs(e[i].offset-t);o<r&&(r=o,n=i)}return n}function S({snapPoints:e,currentOffset:t,popupHeight:n,dragDelta:r,directionalVelocity:i,snapToSequentialPoints:o}){if(!e.length||n<=0)return{type:"stay"};const s=Math.sign(r),a=w(t+r,0,n),l=Math.abs(i)>=.5?300*w(i,-4,4):0,c=o?a:w(a+l,0,n),u=[...e].sort(((e,t)=>e.offset-t.offset));let d=function(e,t){const n=b(e,t);return-1===n?null:e[n]}(u,c),p=c;if(o){const e=b(u,t);if(0!==s&&Math.sign(i)===s&&Math.abs(i)>=.5){const t=w(e+s,0,u.length-1);if(t!==e){const e=u[t];(s>0?c<e.offset:c>e.offset)&&(d=e,p=e.offset)}else if(s>0)return{type:"close",snapPoint:d}}}else if(i>=.5&&r>0)return{type:"close",snapPoint:d};return Math.abs(p-n)<(d?Math.abs(p-d.offset):1/0)?{type:"close",snapPoint:d}:{type:"settle",snapPoint:d}}const D=e({depth:0,onChildOpenChange:()=>{},onChildSwipingChange:()=>{}});function O(e,t){const n="open"===t?500:400;if(!e||"undefined"==typeof window||!window.getComputedStyle)return n;const r="open"===t?"--rad-ui-drawer-open-duration":"--rad-ui-drawer-close-duration";return function(e){if(!e)return null;const t=e.trim();if(!t||"auto"===t||"normal"===t)return null;const n=Number.parseFloat(t);return Number.isFinite(n)?t.endsWith("ms")?n:t.endsWith("s")?1e3*n:n:null}(window.getComputedStyle(e).getPropertyValue(r))??n}function T(e,t,n){return new Promise((r=>{if(n?.aborted||!e)return void r();let i,o,s,a=!1;const l=()=>{a||(a=!0,void 0!==i&&clearTimeout(i),void 0!==o&&cancelAnimationFrame(o),n&&s&&n.removeEventListener("abort",s),r())},c=e;if("function"!=typeof c.getAnimations)i=setTimeout(l,t);else{let e=[];try{e=c.getAnimations()}catch{e=[]}i=setTimeout(l,t),e.length?Promise.all(e.map((e=>e.finished.catch((()=>{}))))).then(l):o=requestAnimationFrame(l)}n&&(s=l,n.addEventListener("abort",s))}))}const N="Drawer",M=n((({children:e,customRootClass:n="",className:m="",defaultOpen:f=!1,open:h,onOpenChange:v,onOpenChangeComplete:y,snapPoints:w=[],defaultSnapPoint:P=null,snapPoint:C,onSnapPointChange:x,snapToSequentialPoints:b=!1,modal:S=!0,disablePointerDismissal:M=!1,swipeDirection:F="right",triggerId:E,defaultTriggerId:I,actionsRef:A},H)=>{const Y=c(n,N),q=r((()=>function(e){switch(e){case"up":return"top";case"down":return"bottom";default:return e}}(F)),[F]),X=r((()=>function(e){switch(e){case"top":return"up";case"bottom":return"down";default:return e}}(q)),[q]),$=t(D),k=void 0!==h,[L,j]=i(f),R=k?h:L;d(R);const z=o(R);z.current=R;const W=o(null),V=o(!1),K=o(M);s((()=>{K.current=M}),[M]);const[B,Z]=i(!1),U=a(((e="close-press")=>{V.current=!0,W.current=e}),[]),G=a(((e,t)=>{const n=W.current??(e?"trigger-press":"none");W.current=null;const r=V.current;if(V.current=!1,!e&&K.current&&!r)return;let i=!1,o=!1;const s={reason:n,cancel:()=>{i=!0},get isCanceled(){return i},preventUnmountOnClose:()=>{o=!0},event:t};v&&(v.length<=1?v(e):v(e,s)),i||(o&&Z(!0),k||j(e))}),[k,v]);s((()=>{R&&Z(!1)}),[R]);const J=void 0!==C,[Q,_]=i(P??(w.length>0?w[0]:null)),ee=J?C:Q,te=a((e=>{J||_(e),x?.(e)}),[J,x]),[ne,re]=i(0),ie=a((e=>{re((t=>t===e?t:e))}),[]),oe=a((e=>{A&&"current"in A&&(A.current=e)}),[A]);s((()=>{if(!A)return;oe({close:()=>{U("imperative-action"),G(!1)},unmount:()=>{Z(!1),z.current&&!k&&(U("imperative-action"),G(!1)),_(P??w[0]??null)}})}),[A,P,G,k,U,oe,w]);const se=o(null),ae=a((e=>{se.current=e}),[]),le=o(y);le.current=y,s((()=>{const e=new AbortController,t=R,n=requestAnimationFrame((()=>{const n=se.current;le.current&&T(n,O(n,t?"open":"close"),e.signal).then((()=>{e.signal.aborted||le.current?.(z.current)}))}));return()=>{e.abort(),cancelAnimationFrame(n)}}),[R]);const ce=o(!1);s((()=>{R&&!ce.current?(ce.current=!0,$.onChildOpenChange(!0)):!R&&ce.current&&(ce.current=!1,$.onChildOpenChange(!1))}),[R,$]),s((()=>()=>{ce.current&&($.onChildOpenChange(!1),ce.current=!1)}),[]);const[ue,de]=i(0),pe=a((e=>{de((t=>Math.max(0,t+(e?1:-1)))),$.onChildOpenChange(e)}),[$]),[me,fe]=i(!1),he=a((e=>{fe(e),$.onChildSwipingChange(e)}),[$]);s((()=>{ue||fe(!1)}),[ue]);const ge=he,ve=r((()=>({depth:$.depth+1,onChildOpenChange:pe,onChildSwipingChange:he})),[pe,he,$.depth]),ye=a(((e,t)=>{U(e),G(!1,t)}),[G,U]),[we,Pe]=i(void 0),[Ce,xe]=i(void 0),be=a((e=>{Pe((t=>t===e?t:e))}),[]),Se=a((e=>{xe((t=>t===e?t:e))}),[]),De=r((()=>({rootClass:Y,side:q,dismissDirection:X,isOpen:R,onOpen:()=>G(!0),snapPoints:w,activeSnapPoint:ee,setActiveSnapPoint:te,snapToSequentialPoints:b,popupHeight:ne,setPopupHeight:ie,modal:S,disablePointerDismissal:M,registerContentElement:ae,shouldKeepMounted:B,requestClose:ye,markIntentionalClose:U,childOpenCount:ue,nestedSwiping:me,setNestedSwiping:ge,titleId:we,descriptionId:Ce,setTitleId:be,setDescriptionId:Se,depth:$.depth})),[ee,ue,Ce,X,M,G,B,R,U,S,$.depth,ne,ae,ye,Y,te,Se,ge,ie,be,q,w,b,me,we]);return l(D.Provider,{value:ve,children:l(p.Root,{ref:H,open:R,onOpenChange:G,className:u(Y,m),disablePointerDismissal:M,children:l(g.Provider,{value:De,children:e})})})}));M.displayName=N;const F=n((({children:e,asChild:n,className:r="",...i},o)=>{const{rootClass:s}=t(g);return l(p.Trigger,{ref:o,className:u(s&&`${s}-trigger`,r),asChild:n,...i,children:e})}));F.displayName="DrawerTrigger";const E=n((({children:e,...t},n)=>l(p.Portal,{...t,children:e})));E.displayName="DrawerPortal";const I=n((({className:e="",forceMount:n=!1,...r},a)=>{const{rootClass:c,modal:d,disablePointerDismissal:p,markIntentionalClose:h}=t(g),{isOpen:v,handleOverlayClick:y}=t(m),[w,P]=i(v),[C,x]=i(v?"open":"closed"),b=o(null);if(s((()=>(b.current&&clearTimeout(b.current),v?(P(!0),requestAnimationFrame((()=>{requestAnimationFrame((()=>x("open")))}))):(x("closed"),b.current=setTimeout((()=>{P(!1)}),400)),()=>{b.current&&clearTimeout(b.current)})),[v]),!w&&!n)return null;const S=p?void 0:()=>{h(),y()},D=!0===d;return l(f.Overlay,{lockScroll:v&&D,ref:a,onClick:S,"data-state":C,style:!1===d?{pointerEvents:"none",background:"transparent"}:void 0,className:u(c&&`${c}-overlay`,e),...r})}));I.displayName="DrawerOverlay";const A=e({element:null,height:0,resolvedSnapPoints:[],activeSnapPointOffset:0,activeSnapPoint:null,setActiveSnapPoint:()=>{},expanded:!1,dismissDirection:"right",pointerProps:{onPointerDown:()=>{}},touchProps:{onTouchStart:()=>{},onTouchMove:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{}}});function H(){return"undefined"==typeof window?0:window.innerHeight||document.documentElement.clientHeight||0}function Y(){if("undefined"==typeof window)return 16;const e=Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize);return Number.isFinite(e)&&e>0?e:16}function q(e,t,n,o){const a="up"===t||"down"===t,[l,c]=i(0),[u,d]=i(16);s((()=>{if(!a||!e.length)return;c(H()),d(Y());const t=()=>{c(H()),d(Y())};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}),[e.length,a]);const p=r((()=>a&&e.length?function(e,t,n,r){if(!e.length||n<=0)return[];const i=Math.min(n,t||n),o=e.map((e=>{const o=x(e,t,r);if(null===o)return null;const s=w(o,0,i);return{value:e,height:s,offset:Math.max(0,n-s)}})).filter((e=>null!==e));if(o.length<2)return o;const s=[];for(let e=o.length-1;e>=0;e-=1){const t=o[e];s.some((e=>Math.abs(e.height-t.height)<=1))||s.push(t)}return s.reverse()}(e,l||n,n,u):[]),[n,u,e,a,l]);return r((()=>{if(!p.length||null===o)return{resolved:p,active:null,activeOffset:0,expanded:!1};const e=p.find((e=>Object.is(e.value,o)));if(e)return{resolved:p,active:e,activeOffset:e.offset,expanded:1===o};const t=x(o,l||n,u);if(null===t)return{resolved:p,active:null,activeOffset:0,expanded:!1};const r=w(t,0,n||l||t),i=Math.max(0,(n||r)-r);return{resolved:p,active:null,activeOffset:i,expanded:1===o}}),[o,n,p,u,l])}function X(e){return e.timeStamp>0?e.timeStamp:performance.now()}function $(e,t){let n=e;for(;n&&n!==t;){const e=window.getComputedStyle(n),t=("auto"===e.overflowY||"scroll"===e.overflowY)&&n.scrollHeight>n.clientHeight,r=("auto"===e.overflowX||"scroll"===e.overflowX)&&n.scrollWidth>n.clientWidth;if(t||r)return{element:n,axis:t?"y":"x"};n=n.parentElement}return null}function k(e,t,n){return"y"===t?"down"===n?e.scrollTop<=0:e.scrollTop>=e.scrollHeight-e.clientHeight:"right"===n?e.scrollLeft<=0:e.scrollLeft>=e.scrollWidth-e.clientWidth}let L=!1;function j(e){const{elementRef:t,dismissDirection:n,axis:r,enabled:l,disabledByNestedDrawer:c=!1,snapPoints:u,popupHeight:d=0,activeSnapPointOffset:p=0,snapToSequentialPoints:m=!1,onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x}=e,[b,D]=i(!1),[O,T]=i(!1),N=o(null),M=o(0),F=o(null),E=o(null),I=o(null),A=o(null),H=o({onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x});H.current={onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x};const Y=l&&!c,q=Boolean(u?.length)&&!("left"===(j=n)||"right"===j);var j;s((()=>{if(!u||u.length<2)return void(A.current=null);const e=u.map((e=>e.offset)).sort(((e,t)=>e-t)),t=e[1]-e[0];A.current=t>0?{min:e[0],range:t}:null}),[u]);const R=a((e=>{D(e),H.current.onSwipingChange?.(e)}),[]),z=a((e=>{const n=t.current;n&&(q?n.style.setProperty(v.movementY,`${function(e,t){const n=e+t;return n>=0?t:-Math.sqrt(-n)-e}(p,e)}px`):"x"===r?n.style.setProperty(v.movementX,`${e}px`):n.style.setProperty(v.movementY,`${e}px`))}),[p,r,t,q]),W=a((e=>{const r=t.current;if(!r)return;const i=A.current;let o;if(i){const t=w((p||i.min)+e,0,d||p+i.range);o=w((t-i.min)/i.range,0,1)}else{const t=C(r,n);o=t>0?w(1-Math.max(0,e)/t,0,1):1}r.style.setProperty(v.progress,String(o)),H.current.onProgress?.(o)}),[p,n,t,d]),V=a((()=>{const e=t.current;e&&(e.style.removeProperty(v.movementX),e.style.removeProperty(v.movementY),e.style.removeProperty(v.strength),e.style.setProperty(v.progress,"1"))}),[t]),K=a(((e,t,r)=>{const i=F.current;if(F.current={x:e,y:t,time:r},!i)return 0;const o=Math.max(r-i.time,16);return P(n,(e-i.x)/o,(t-i.y)/o)}),[n]),B=a((()=>{const e=t.current;if(M.current=0,R(!1),!e)return void T(!1);I.current&&clearTimeout(I.current),T(!0),V(),H.current.onProgress?.(1);const n=()=>{e.removeEventListener("transitionend",n),T(!1)};e.addEventListener("transitionend",n),I.current=setTimeout(n,400)}),[V,t,R]),Z=a(((e,r)=>{const i=t.current;if(R(!1),!i)return;const o=function({element:e,direction:t,displacement:n,velocity:r,snapPointOffset:i=0}){const o=C(e,t);if(o<=0)return null;const s=Math.max(0,o-(i+n));if(s<=0)return null;if(r<=.2)return null;const a=w(r,.2,4);return.1+(w(s/a,80,360)-80)/280*.9}({element:i,direction:n,displacement:r,velocity:e,snapPointOffset:q?p:0});null!==o&&i.style.setProperty(v.strength,String(o))}),[p,n,t,R,q]),U=a(((e,t)=>{N.current={start:e,startDisplacement:M.current,startTime:t,axis:null,dragging:!1},M.current=0,F.current={...e,time:t},R(!0)}),[R]),G=a(((e,t)=>{const r=P(n,e,t),i=(q?p:0)+r;let o;var s;i<0?(s=i,o=Math.sign(s)*Math.sqrt(Math.abs(s))):o=r<0?.2*- -r:r,M.current=o,z(o),W(o)}),[p,n,q,z,W]),J=a(((e,r)=>{const i=N.current;if(N.current=null,E.current=null,!i)return void R(!1);if(!i.dragging)return M.current=0,void R(!1);const o=M.current;M.current=0;const s=e.x-i.start.x,a=e.y-i.start.y,l=P(n,s,a),c=r-i.startTime,f=c>0?P(n,s/Math.max(c,50),a/Math.max(c,50)):0;let h=0;const g=F.current;if(g){const t=r-g.time;if(t<=80){const r=Math.max(t,16);h=P(n,(e.x-g.x)/r,(e.y-g.y)/r)}}const v=0!==h?h:f;if(u?.length){const e=S({snapPoints:u,currentOffset:p,popupHeight:d,dragDelta:l,directionalVelocity:v,snapToSequentialPoints:m});if("close"===e.type)return H.current.onSettle?.(e.snapPoint),Z(v,o),void H.current.onDismiss();if("settle"===e.type)return H.current.onSettle?.(e.snapPoint),void B()}const y=t.current,w=y?function(e,t){return Math.max(.5*C(e,t),10)}(y,n):0;h>0&&h>=.5||l>=w?(Z(v,o),H.current.onDismiss()):B()}),[p,Z,n,t,d,B,u,m,R]),Q=a((e=>{if(!Y||0!==e.button)return;if("touch"===e.pointerType)return;const r=e.target;if(r?.closest?.(y))return;if(r?.closest?.('button,a,input,select,textarea,label,summary,[role="button"],[role="slider"],[contenteditable="true"],[data-no-drag]'))return;const i=t.current;if(!i)return;const o=$(r,i);o&&!k(o.element,o.axis,n)||(e.currentTarget.setPointerCapture?.(e.pointerId),E.current=!0,U({x:e.clientX,y:e.clientY},X(e)))}),[Y,n,t,U]);s((()=>{const e=t.current;if(!e||!Y)return;L||(L=!0,"undefined"!=typeof CSS&&"function"==typeof CSS.registerProperty&&[{name:v.movementX,syntax:"<length>",initialValue:"0px"},{name:v.movementY,syntax:"<length>",initialValue:"0px"},{name:v.snapPointOffset,syntax:"<length>",initialValue:"0px"},{name:v.progress,syntax:"<number>",initialValue:"1"},{name:v.strength,syntax:"<number>",initialValue:"1"}].forEach((e=>{try{CSS.registerProperty({...e,inherits:!1})}catch{}})));let n=null;const i=e=>{const t=N.current;if(!t||null!==n&&e.pointerId!==n)return;if("touch"===e.pointerType)return;null===n&&(n=e.pointerId);const i=e.clientX-t.start.x,o=e.clientY-t.start.y,s="x"===r?Math.abs(i):Math.abs(o),a="x"===r?Math.abs(o):Math.abs(i);if(null===t.axis){if(s<6)return;if(a>s)return N.current=null,E.current=null,void R(!1);t.axis=r}t.dragging=!0,K(e.clientX,e.clientY,X(e)),G(i,o)},o=e=>{null!==n&&e.pointerId!==n||(n=null,J({x:e.clientX,y:e.clientY},X(e)))},s=()=>{n=null,N.current=null,M.current=0,B()};return e.addEventListener("pointermove",i),e.addEventListener("pointerup",o),e.addEventListener("pointercancel",s),()=>{e.removeEventListener("pointermove",i),e.removeEventListener("pointerup",o),e.removeEventListener("pointercancel",s)}}),[Y,G,r,t,J,K,R,B]);const _=a((e=>{const r=e.touches[0];if(!Y||!r)return void(E.current=!1);const i=e.target;if(i?.closest?.(y))return void(E.current=!1);const o=t.current;if(!o)return void(E.current=!1);const s=$(i,o);E.current=!(s&&!k(s.element,s.axis,n))&&null,!1!==E.current&&U({x:r.clientX,y:r.clientY},X(e))}),[Y,n,t,U]),ee=a((e=>{const t=N.current;if(!1===E.current)return;if(!t)return;const i=e.touches[0];if(!i)return;const o=i.clientX-t.start.x,s=i.clientY-t.start.y,a="x"===r?o:s,l="x"===r?s:o;if(null===t.axis){if(Math.abs(a)<6)return;if(Math.abs(l)>Math.abs(a))return E.current=!1,N.current=null,void R(!1);t.axis=r}if(P(n,o,s)<0)return E.current=!1,N.current=null,void R(!1);E.current=!0,t.dragging=!0,e.cancelable&&e.preventDefault(),K(i.clientX,i.clientY,X(e)),G(o,s)}),[G,r,n,K,R]),te=a((e=>{const t=e.changedTouches[0];if(!t)return N.current=null,void B();J({x:t.clientX,y:t.clientY},X(e))}),[J,B]),ne=a((()=>{E.current=!1,N.current=null,M.current=0,B()}),[B]);return s((()=>()=>{I.current&&clearTimeout(I.current)}),[]),s((()=>{Y||(N.current=null,E.current=null,M.current=0,F.current=null,R(!1))}),[Y,R]),s((()=>{if(l)return;t.current&&V()}),[V,t,l]),{swiping:b,isSnapping:O,pointerProps:{onPointerDown:Q},touchProps:{onTouchStart:_,onTouchMove:ee,onTouchEnd:te,onTouchCancel:ne}}}const R=n((({children:e,className:n="",asChild:c=!1,forceMount:d=!1,role:p="dialog","aria-modal":y,"aria-labelledby":w,"aria-describedby":P,initialFocus:C=0,finalFocus:x,disableSwipeDismiss:b=!1,style:S,...D},N)=>{const{rootClass:M,side:F,dismissDirection:E,isOpen:I,modal:H,snapPoints:Y,activeSnapPoint:X,setActiveSnapPoint:$,snapToSequentialPoints:k,setPopupHeight:L,registerContentElement:R,shouldKeepMounted:z,requestClose:W,childOpenCount:V,nestedSwiping:K,setNestedSwiping:B,titleId:Z,descriptionId:U}=t(g),{getFloatingProps:G,refs:J,floaterContext:Q}=t(m),_=o(null),[ee,te]=i(null),[ne,re]=i(I?"open":"closed"),ie=a((e=>{_.current=e,te(e),R(e)}),[R]),oe=f.useMergeRefs([J.setFloating,ie,N]);s((()=>{if(!ee)return;const e=()=>L(ee.offsetHeight);if(e(),"undefined"==typeof ResizeObserver)return;const t=new ResizeObserver(e);return t.observe(ee),()=>t.disconnect()}),[ee,L]);const se=ee?.offsetHeight??0,{resolved:ae,activeOffset:le,expanded:ce}=q(Y,E,se,X),ue=function(e){return"left"===e||"right"===e?"x":"y"}(F),de=a((()=>{W("swipe")}),[W]),pe=a((e=>{$(e?e.value:null)}),[$]),{swiping:me,isSnapping:fe,pointerProps:he,touchProps:ge}=j({elementRef:_,dismissDirection:E,axis:ue,enabled:I&&!b,disabledByNestedDrawer:V>0,snapPoints:ae,popupHeight:se,activeSnapPointOffset:le,snapToSequentialPoints:k,onDismiss:de,onSettle:pe,onSwipingChange:B}),ve=I||d||z,[ye,we]=i(I);s((()=>{if(ve)return void we(!0);const e=new AbortController;return T(ee,O(ee,"close"),e.signal).then((()=>{e.signal.aborted||we(!1)})),()=>e.abort()}),[ee,ve]),s((()=>{if(!ye)return void re("closed");if(!I)return void re("closed");const e=requestAnimationFrame((()=>re("open")));return()=>cancelAnimationFrame(e)}),[I,ye]);const[Pe,Ce]=i(!1);s((()=>{if(!I||"open"!==ne||!ee)return void Ce(!1);let e=0,t=0;const n=()=>{"hidden"!==getComputedStyle(ee).visibility||t>=30?Ce(!0):(t+=1,e=requestAnimationFrame(n))};return n(),()=>cancelAnimationFrame(e)}),[ne,ee,I]),s((()=>{if(I||!x?.current)return;const e=requestAnimationFrame((()=>{x.current?.focus()}));return()=>cancelAnimationFrame(e)}),[x,I]);const xe=y??!1!==H,be=w??Z,Se=P??U,De={outline:"none",[v.nestedDrawers]:String(V),[v.height]:se>0?`${se}px`:void 0,[v.snapPointOffset]:`${le}px`,...V>0?{"--drawer-peek-offset":20*V+"px"}:{},...S},Oe=r((()=>({element:ee,height:se,resolvedSnapPoints:ae,activeSnapPointOffset:le,activeSnapPoint:X,setActiveSnapPoint:$,expanded:ce,dismissDirection:E,pointerProps:he,touchProps:ge})),[X,le,E,ee,ce,he,se,ae,$,ge]),{style:Te,...Ne}=G()??{};if(!ye)return null;const Me=!1!==H;return l(A.Provider,{value:Oe,children:l(f.FocusManager,{context:Q,disabled:!I||!Pe,modal:Me,initialFocus:C,returnFocus:!x,children:l(h.div,{ref:oe,asChild:c,...Ne,...he,...ge,style:De,role:p,"aria-modal":xe,"aria-hidden":I?void 0:"true","aria-labelledby":I?be:void 0,"aria-describedby":I?Se:void 0,"data-state":ne,"data-swipe-direction":F,"data-swiping":me?"true":void 0,"data-snapping":fe?"true":void 0,"data-swipe-dismiss":b?void 0:"","data-expanded":ae.length>0?ce?"true":"false":void 0,"data-child-open":V>0?"true":void 0,"data-nested-drawer-open":V>0?"true":void 0,"data-nested-drawer-swiping":K?"true":void 0,className:u(M&&`${M}-content`,n),...D,children:l("div",{className:u(M&&`${M}-content-inner`),children:e})})})})}));R.displayName="DrawerContent";const z=n((({children:e,className:n="",id:r,...i},o)=>{const{rootClass:a,setTitleId:c}=t(g),d=f.useId(),p=i.id??r??d;return s((()=>(c(p),()=>c(void 0))),[c,p]),l(h.h2,{ref:o,id:p,className:u(a&&`${a}-title`,n),...i,children:e})}));z.displayName="DrawerTitle";const W=n((({children:e,className:n="",id:r,...i},o)=>{const{rootClass:a,setDescriptionId:c}=t(g),d=f.useId(),p=i.id??r??d;return s((()=>(c(p),()=>c(void 0))),[c,p]),l(h.p,{ref:o,id:p,className:u(a&&`${a}-description`,n),...i,children:e})}));W.displayName="DrawerDescription";const V=n((({children:e,asChild:n,className:r="",onClick:i,...o},s)=>{const{rootClass:a,markIntentionalClose:c}=t(g);return l(p.Cancel,{ref:s,className:u(a&&`${a}-close`,r),asChild:n,onClick:e=>{c(),i?.(e)},...o,children:e})}));V.displayName="DrawerClose";const K=n((({className:e=""},n)=>{const{rootClass:r}=t(g),{pointerProps:i,touchProps:o,dismissDirection:s}=t(A),c=a((e=>{"Escape"!==e.key&&"Enter"!==e.key&&" "!==e.key||e.preventDefault()}),[]);return l("div",{ref:n,"aria-hidden":"true","data-direction":s,onKeyDown:c,className:u(r&&`${r}-handle`,e),...i,...o,children:l("div",{className:`${r}-handle-grip`,"aria-hidden":"true"})})}));K.displayName="DrawerHandle";const B=n((({className:e="",openThreshold:n=48,size:r=20,children:i,style:s,disabled:c=!1,...d},p)=>{const{rootClass:m,side:f,isOpen:h,onOpen:v}=t(g),y=o(null),w=o(0),P=o(null),C=a(((e,t)=>{switch(f){case"right":return-e;case"left":return e;case"bottom":return-t;case"top":return t}}),[f]),x=a((e=>{const t=P.current;if(!t)return;const n=8*e;switch(f){case"right":t.style.transform=`translateX(${-n}px)`;break;case"left":t.style.transform=`translateX(${n}px)`;break;case"bottom":t.style.transform=`translateY(${-n}px)`;break;case"top":t.style.transform=`translateY(${n}px)`}t.style.setProperty("--swipe-progress",String(e))}),[f]),b=a((e=>{const t=P.current;if(t&&(e&&(t.style.transition="transform var(--rad-ui-motion-duration-normal) var(--rad-ui-motion-easing-standard)"),t.style.transform="",t.style.removeProperty("--swipe-progress"),e)){const e=()=>{t.style.transition="",t.removeEventListener("transitionend",e)};t.addEventListener("transitionend",e)}}),[]),S=a((e=>{if(0!==e.button||h)return;e.currentTarget.setPointerCapture(e.pointerId),y.current={startX:e.clientX,startY:e.clientY},w.current=0;const t=P.current;t&&(t.style.transition="none")}),[h]),D=a((e=>{if(!y.current)return;const t=e.clientX-y.current.startX,r=e.clientY-y.current.startY,i=Math.max(0,C(t,r)),o=Math.min(i/n,1);w.current=o,x(o)}),[C,n,x]),O=a((()=>{y.current&&(y.current=null,w.current>=1?(b(!1),v()):b(!0),w.current=0)}),[v,b]),T=a((()=>{y.current&&(y.current=null,w.current=0,b(!0))}),[b]),N=(()=>{const e={position:"fixed",zIndex:"var(--rad-ui-z-index-overlay)",touchAction:"none",userSelect:"none"};switch(f){case"right":return{...e,top:0,right:0,bottom:0,width:r};case"left":return{...e,top:0,left:0,bottom:0,width:r};case"bottom":return{...e,left:0,bottom:0,right:0,height:r};case"top":return{...e,left:0,top:0,right:0,height:r}}})();return c||h?null:l("div",{ref:e=>{P.current=e,"function"==typeof p?p(e):p&&(p.current=e)},"aria-hidden":"true","data-direction":f,onPointerDown:S,onPointerMove:D,onPointerUp:O,onPointerCancel:T,style:{...N,...s},className:u(m&&`${m}-swipe-zone`,e),...d,children:i})}));B.displayName="DrawerSwipeZone";const Z=n(((e,t)=>(console.warn("Direct usage of Drawer is not supported. Please use Drawer.Root, Drawer.Content, etc. instead."),null)));Z.displayName="Drawer";const U=Z;U.Root=M,U.Trigger=F,U.Portal=E,U.Overlay=I,U.Content=R,U.Title=z,U.Description=W,U.Close=V,U.Handle=K,U.SwipeZone=B;export{V as Close,R as Content,W as Description,K as Handle,I as Overlay,E as Portal,M as Root,B as SwipeZone,z as Title,F as Trigger,U as default};

package/dist/components/DropdownMenu.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),o=require("./MenuPrimitive-Ctqo21Vd.cjs"),n=require("./useComponentClass-B0DF90tm.cjs"),s=require("./Separator.cjs");require("./index-BudP4FIn.cjs"),require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./index-BwNOI8cB.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-BZO29jsF.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const t=e.createContext(null),u="DropdownMenu",a=e.forwardRef((({children:e,customRootClass:s,className:a,...i},l)=>{const c=n.useComponentClass(s,u);return r.jsx(t.Provider,{value:{rootClass:c},children:r.jsx(o.MenuPrimitive.Root,{ref:l,className:n.clsx(c&&`${c}-root`,a),...i,children:e})})}));a.displayName=u;const i=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Trigger,{ref:i,className:n.clsx(c&&`${c}-trigger`,u),...a,children:s})}));i.displayName="DropdownMenuTrigger";const l=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Content,{ref:i,className:n.clsx(c&&`${c}-content`,u),...a,children:s})}));l.displayName="DropdownMenuContent";const c=e.forwardRef((({children:n,...s},u)=>{const a=e.useContext(t);if(!a)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:i}=a;return r.jsx(o.MenuPrimitive.Portal,{ref:u,...s,children:n})}));c.displayName="DropdownMenuPortal";const d=e.forwardRef((({children:s,className:u,label:a,...i},l)=>{const c=e.useContext(t);if(!c)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:d}=c;return r.jsx(o.MenuPrimitive.Item,{ref:l,className:n.clsx(d&&`${d}-item`,u),label:a,...i,children:s})}));d.displayName="DropdownMenuItem";const p=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Sub,{ref:i,className:n.clsx(c&&`${c}-sub`,u),...a,children:s})}));p.displayName="DropdownMenuSub";const m=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Trigger,{ref:i,className:n.clsx(c&&`${c}-sub-trigger`,u),...a,children:s})}));m.displayName="DropdownMenuSubTrigger";const w=e.forwardRef((({className:o,...n},u)=>{const a=e.useContext(t);if(!a)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:i}=a;return r.jsx(s.default,{ref:u,customRootClass:i,className:o,...n})}));w.displayName="DropdownMenuSeparator";const x=e.forwardRef(((e,r)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));x.displayName="DropdownMenu",x.Root=a,x.Trigger=i,x.Content=l,x.Portal=c,x.Item=d,x.Sub=p,x.SubTrigger=m,x.Separator=w,exports.Content=l,exports.Item=d,exports.Portal=c,exports.Root=a,exports.Separator=w,exports.Sub=p,exports.SubTrigger=m,exports.Trigger=i,exports.default=x;

package/dist/components/DropdownMenu.d.ts

@@ -1,7 +1,6 @@
 import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
 import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
 import * as _floating_ui_react from '@floating-ui/react';
-import Primitive from '~/core/primitives/Primitive';
 
 type DropdownMenuRootProps = {
     children: React.ReactNode;
@@ -26,7 +25,8 @@ declare const DropdownMenuRoot: React.ForwardRefExoticComponent<{
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     avoidCollision?: boolean;
     rtl?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuTriggerProps = {
     children: React.ReactNode;
@@ -53,6 +53,7 @@ declare const DropdownMenuContent: React.ForwardRefExoticComponent<{
     className?: string;
     initialFocus?: number;
     focusManagerDisabled?: boolean;
+    forceMount?: boolean;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuPortalProps = {
@@ -60,9 +61,12 @@ type DropdownMenuPortalProps = {
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
 declare const DropdownMenuPortal: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
-} & Omit<{
+} & Omit<Omit<_floating_ui_react.FloatingPortalProps, "root"> & {
     children: React.ReactNode;
-} & _floating_ui_react.FloatingPortalProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    container?: HTMLElement | null;
+    forceMount?: boolean;
+    root?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuItemProps = {
     children: React.ReactNode;
@@ -109,7 +113,8 @@ declare const DropdownMenuSub: React.ForwardRefExoticComponent<{
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     avoidCollision?: boolean;
     rtl?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuSubTriggerProps = {
     children: React.ReactNode;
@@ -124,19 +129,28 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
-type SeparatorProps = {
-    orientation?: 'horizontal' | 'vertical';
+declare const Separator: React.ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
     customRootClass?: string;
     color?: string;
     decorative?: boolean;
-} & PrimitiveDivProps;
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type DropdownMenuSeparatorProps = {
     className?: string;
 } & ComponentPropsWithoutRef<typeof Separator>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<{
+    className?: string;
+} & Omit<{
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
+    decorative?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type DropdownMenuElement = ElementRef<'div'>;
 type DropdownMenuProps = ComponentPropsWithoutRef<'div'>;

package/dist/components/DropdownMenu.js

@@ -1 +1 @@
-'use client';import o,{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";import{M as r}from"./MenuPrimitive-D9VMz2TZ.js";import{u as t,c as s}from"./useComponentClass-C0isGl1z.js";import a from"./Separator.js";import"./index-D8I-rMwz.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-FITGoHty.js";import"./ThemeContext-Sm-iNANd.js";const l=o.createContext(null),u="DropdownMenu",i=e((({children:o,customRootClass:e,className:a,...i},d)=>{const c=t(e,u);return n(l.Provider,{value:{rootClass:c},children:n(r.Root,{ref:d,className:s(c&&`${c}-root`,a),...i,children:o})})}));i.displayName=u;const d=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-trigger`,t),...a,children:e})}));d.displayName="DropdownMenuTrigger";const c=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Content,{ref:u,className:s(d&&`${d}-content`,t),...a,children:e})}));c.displayName="DropdownMenuContent";const p=e((({children:e,...t},s)=>{const a=o.useContext(l);if(!a)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:u}=a;return n(r.Portal,{ref:s,...t,children:e})}));p.displayName="DropdownMenuPortal";const m=e((({children:e,className:t,label:a,...u},i)=>{const d=o.useContext(l);if(!d)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:c}=d;return n(r.Item,{ref:i,className:s(c&&`${c}-item`,t),label:a,...u,children:e})}));m.displayName="DropdownMenuItem";const w=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Sub,{ref:u,className:s(d&&`${d}-sub`,t),...a,children:e})}));w.displayName="DropdownMenuSub";const h=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-sub-trigger`,t),...a,children:e})}));h.displayName="DropdownMenuSubTrigger";const g=e((({className:e,...r},t)=>{const s=o.useContext(l);if(!s)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:u}=s;return n(a,{ref:t,customRootClass:u,className:e,...r})}));g.displayName="DropdownMenuSeparator";const M=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));M.displayName="DropdownMenu",M.Root=i,M.Trigger=d,M.Content=c,M.Portal=p,M.Item=m,M.Sub=w,M.SubTrigger=h,M.Separator=g;export{c as Content,m as Item,p as Portal,i as Root,g as Separator,w as Sub,h as SubTrigger,d as Trigger,M as default};
+'use client';import o,{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";import{M as r}from"./MenuPrimitive-Cy_MJfjG.js";import{u as t,c as s}from"./useComponentClass-C0isGl1z.js";import a from"./Separator.js";import"./index-B_OPdW20.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./index-DH-14XDv.js";import"./ThemeContext-Sm-iNANd.js";const l=o.createContext(null),u="DropdownMenu",i=e((({children:o,customRootClass:e,className:a,...i},d)=>{const c=t(e,u);return n(l.Provider,{value:{rootClass:c},children:n(r.Root,{ref:d,className:s(c&&`${c}-root`,a),...i,children:o})})}));i.displayName=u;const d=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-trigger`,t),...a,children:e})}));d.displayName="DropdownMenuTrigger";const c=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Content,{ref:u,className:s(d&&`${d}-content`,t),...a,children:e})}));c.displayName="DropdownMenuContent";const p=e((({children:e,...t},s)=>{const a=o.useContext(l);if(!a)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:u}=a;return n(r.Portal,{ref:s,...t,children:e})}));p.displayName="DropdownMenuPortal";const m=e((({children:e,className:t,label:a,...u},i)=>{const d=o.useContext(l);if(!d)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:c}=d;return n(r.Item,{ref:i,className:s(c&&`${c}-item`,t),label:a,...u,children:e})}));m.displayName="DropdownMenuItem";const w=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Sub,{ref:u,className:s(d&&`${d}-sub`,t),...a,children:e})}));w.displayName="DropdownMenuSub";const h=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-sub-trigger`,t),...a,children:e})}));h.displayName="DropdownMenuSubTrigger";const g=e((({className:e,...r},t)=>{const s=o.useContext(l);if(!s)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:u}=s;return n(a,{ref:t,customRootClass:u,className:e,...r})}));g.displayName="DropdownMenuSeparator";const M=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));M.displayName="DropdownMenu",M.Root=i,M.Trigger=d,M.Content=c,M.Portal=p,M.Item=m,M.Sub=w,M.SubTrigger=h,M.Separator=g;export{c as Content,m as Item,p as Portal,i as Root,g as Separator,w as Sub,h as SubTrigger,d as Trigger,M as default};

package/dist/components/Em.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("./useComponentClass-B0DF90tm.cjs");require("./ThemeContext-t7IX-w6i.cjs");const t=s.forwardRef((({children:s,customRootClass:t,className:a,...o},c)=>{const u=r.useComponentClass(t,"Em");return e.jsx("em",{ref:c,className:r.clsx(u,a),...o,children:s})}));t.displayName="Em",exports.default=t;

package/dist/components/Fieldset.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const i=s.createContext({rootClass:"",invalid:!1}),a=e=>{const{registerDescription:t}=s.useContext(i);s.useEffect((()=>{if(t&&e)return t(e)}),[t,e])},o="Fieldset",l=s.forwardRef((({children:a,className:l="",customRootClass:d="",color:n="",disabled:c=!1,invalid:u=!1,size:f="",variant:p="","aria-describedby":x,...m},C)=>{const v=t.useComponentClass(d,o),[N,g]=s.useState([]),b=s.useCallback((e=>(g((s=>s.includes(e)?s:[...s,e])),()=>g((s=>s.filter((s=>s!==e)))))),[]),j=[x,...N].filter(Boolean).join(" ")||void 0,h=s.useMemo((()=>({rootClass:v,invalid:u,registerDescription:b})),[v,u,b]),y=r.createDataAttributes("fieldset",{disabled:c,invalid:u,size:f,variant:p}),R=r.createDataAccentColorAttribute(n),D=r.composeAttributes(y,R,{"aria-invalid":u||void 0,"aria-describedby":j,"data-slot":"fieldset-root"});return e.jsx(i.Provider,{value:h,children:e.jsx("fieldset",{ref:C,className:t.clsx(v,l),...m,disabled:c,...D,children:a})})}));l.displayName=o;const d=s.forwardRef((({children:r,className:a,...o},l)=>{const{rootClass:d}=s.useContext(i);return e.jsx("legend",{ref:l,className:t.clsx(d&&`${d}-legend`,a),...o,"data-slot":"fieldset-legend",children:r})}));d.displayName="FieldsetLegend";const n=s.forwardRef((({children:r,className:o,id:l,...d},n)=>{const c=s.useId(),u=l??c;a(u);const{rootClass:f}=s.useContext(i);return e.jsx("p",{ref:n,id:u,className:t.clsx(f&&`${f}-description`,o),...d,"data-slot":"fieldset-description",children:r})}));n.displayName="FieldsetDescription";const c=s.forwardRef((({children:r,className:o,id:l,invalid:d,role:n,...c},u)=>{const f=s.useId(),p=l??f;a(p);const{rootClass:x,invalid:m}=s.useContext(i),C=d??m;return e.jsx("p",{ref:u,id:p,className:t.clsx(x&&`${x}-message`,o),...c,role:n??(C?"alert":void 0),"data-invalid":C?"":void 0,"data-slot":"fieldset-message",children:r})}));c.displayName="FieldsetMessage";const u="Fieldset",f=s.forwardRef(((s,t)=>e.jsx(l,{ref:t,...s})));f.displayName=u,f.Root=l,f.Legend=d,f.Description=n,f.Message=c,exports.COMPONENT_NAME=u,exports.Description=n,exports.Legend=d,exports.Message=c,exports.Root=l,exports.default=f;

package/dist/components/Heading.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),s=require("./useComponentClass-B0DF90tm.cjs");require("./ThemeContext-t7IX-w6i.cjs");const r=["h1","h2","h3","h4","h5","h6"],t=e.forwardRef((({children:t,as:a="h1",customRootClass:o="",className:c="",...l},n)=>{const u=r.includes(a)?a:"h1",h=s.useComponentClass(o,u);return e.createElement(u,{className:s.clsx(h,c),ref:n,...l},t)}));t.displayName="Heading",exports.default=t;

package/dist/components/HoverCard.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),t=require("./index-BudP4FIn.cjs"),o=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-BwNOI8cB.cjs"),s=require("./index-Bg-UeWCo.cjs"),a=require("./ThemeContext-t7IX-w6i.cjs"),l=require("./index-c6NFMS_0.cjs");require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./mergeProps-DW5qFqqJ.cjs");const i=e.createContext({}),c="HoverCard",u=e.forwardRef((({children:s,open:a,defaultOpen:l=!1,onOpenChange:u,customRootClass:d="",className:f="",openDelay:g=100,closeDelay:p=200,collisionBoundary:C=null,collisionPadding:x=4,...m},h)=>{const v=o.useComponentClass(d,c),R=o.useComponentClass(d,`${c}-trigger`),y=e.useRef(null),w=(Array.isArray(C)?C:[C]).filter((e=>null!=e)),F={padding:x,boundary:w,altBoundary:w.length>0},[P,j]=n.useControllableState(a,l,u),D=e.useRef(P);D.current=P;const N=e=>{D.current!==e&&(D.current=e,j(e))},{refs:M,floatingStyles:T,context:q}=t.Floater.useFloating({open:P,onOpenChange:N,placement:"bottom",strategy:"fixed",middleware:[t.Floater.arrow({element:y}),t.Floater.offset(10),t.Floater.flip({mainAxis:!0,...F}),t.Floater.shift({...F})],whileElementsMounted:t.Floater.autoUpdate}),E=e.useRef(!1),H=e.useRef(null),A=e.useRef(null),W=t.Floater.useRole(q,{role:"dialog"}),b=t.Floater.useDismiss(q),{getReferenceProps:O}=t.Floater.useInteractions([b]),{getFloatingProps:S}=t.Floater.useInteractions([W,b]),B=()=>{H.current&&(clearTimeout(H.current),H.current=null),A.current&&(clearTimeout(A.current),A.current=null)};e.useEffect((()=>B),[]);const L={isOpen:P,handleOpenChange:N,floatingRefs:M,floatingStyles:T,floatingContext:q,arrowRef:y,getReferenceProps:O,getFloatingProps:S,rootClass:v,rootTriggerClass:R,closeWithDelay:()=>{E.current=!0,B(),p<=0?N(!1):A.current=setTimeout((()=>{A.current=null,E.current&&N(!1)}),p)},closeWithoutDelay:()=>{B(),N(!1)},openWithDelay:()=>{E.current=!1,B(),g<=0?N(!0):H.current=setTimeout((()=>{H.current=null,N(!0)}),g)}};return r.jsx(i.Provider,{value:L,children:r.jsx("div",{ref:h,className:o.clsx(v&&`${v}-root`,f),"data-slot":"hover-card-root",...m,children:s})})}));u.displayName=c;const d=e.forwardRef((({children:n,className:a="",...l},c)=>{const{floatingRefs:u,getReferenceProps:d,closeWithDelay:f,openWithDelay:g,rootTriggerClass:p}=e.useContext(i),C=t.Floater.useMergeRefs([u.setReference,c]);return r.jsx(s.Primitive.span,{ref:C,className:o.clsx(p,a),...d({"data-slot":"hover-card-trigger",onMouseEnter:g,onMouseLeave:f,onFocus:g,onBlur:f,...l}),children:n})}));d.displayName="HoverCardTrigger";const f=e.createContext({forceMount:!1}),g=e.forwardRef((({children:o,container:n,forceMount:s=!1,rootElement:l,...i},c)=>{const u=e.useContext(a.ThemeContext),[d,g]=e.useState(null);return e.useEffect((()=>{const e=(n??(l&&"current"in l?l.current:l))||u?.portalRootRef.current||u?.containerRef.current||document.body;g(e)}),[n,l,u]),d?r.jsx(f.Provider,{value:{forceMount:s},children:r.jsx(t.Floater.Portal,{root:d,...i,children:o})}):null}));g.displayName="HoverCardPortal";const p=e.forwardRef((({children:n,className:s,forceMount:a=!1,size:c="",...u},d)=>{const{isOpen:g,floatingRefs:p,floatingStyles:C,getFloatingProps:x,rootClass:m,closeWithDelay:h,openWithDelay:v,closeWithoutDelay:R}=e.useContext(i),{forceMount:y}=e.useContext(f);e.useEffect((()=>{if(!g)return;const e=()=>R();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[R,g]);const w=t.Floater.useMergeRefs([p.setFloating,d]),F=l.createDataAttributes("hover-card",{size:c});return g||a||y?r.jsx("div",{className:o.clsx(m,s),ref:w,"data-state":g?"open":"closed","aria-hidden":g?void 0:"true",style:{...C,visibility:g?void 0:"hidden",pointerEvents:g?void 0:"none"},...F,...x({"data-slot":"hover-card-content",onPointerEnter:v,onPointerLeave:h,onFocus:v,onBlur:h,...u}),children:n}):null}));p.displayName="HoverCardContent";const C=e.forwardRef(((n,s)=>{const{floatingContext:a,arrowRef:l,rootClass:c}=e.useContext(i),u=t.Floater.useMergeRefs([l,s]);return r.jsx(t.Floater.Arrow,{className:o.clsx(c&&`${c}-arrow`),"data-slot":"hover-card-arrow",...n,context:a,ref:u})}));C.displayName="HoverCardArrow";const x=e.forwardRef(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));x.displayName="HoverCard",x.Root=u,x.Trigger=d,x.Portal=g,x.Content=p,x.Arrow=C,exports.Arrow=C,exports.Content=p,exports.Portal=g,exports.Root=u,exports.Trigger=d,exports.default=x;

package/dist/components/HoverCard.d.ts

@@ -25,20 +25,34 @@ declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.Detailed
 } & React.RefAttributes<HTMLDivElement>>;
 
 type HoverCardTriggerProps = ComponentPropsWithoutRef<typeof Primitive.span>;
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLElement>>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type HoverCardPortalProps = ComponentPropsWithoutRef<typeof Floater.Portal> & {
+    /** Element to portal into. Defaults to the Theme's portal root, then the Theme container, then `document.body`. */
+    container?: HTMLElement | null;
+    /** Keep the content mounted while closed, e.g. for exit animations. */
+    forceMount?: boolean;
+    /** @deprecated Use `container`. */
     rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
 };
 declare const HoverCardPortal: React.ForwardRefExoticComponent<_floating_ui_react.FloatingPortalProps & {
+    /** Element to portal into. Defaults to the Theme's portal root, then the Theme container, then `document.body`. */
+    container?: HTMLElement | null;
+    /** Keep the content mounted while closed, e.g. for exit animations. */
+    forceMount?: boolean;
+    /** @deprecated Use `container`. */
     rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
 } & React.RefAttributes<never>>;
 
 type HoverCardContentProps = ComponentPropsWithoutRef<'div'> & {
     size?: string;
+    forceMount?: boolean;
 };
 declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     size?: string;
+    forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type HoverCardArrowProps = Omit<ComponentPropsWithoutRef<typeof Floater.Arrow>, 'context'>;

package/dist/components/HoverCard.js

@@ -1 +1 @@
-'use client';import{createContext as e,forwardRef as r,useRef as o,useEffect as t,useContext as n,useState as s}from"react";import{jsx as a}from"react/jsx-runtime";import{F as l}from"./index-D8I-rMwz.js";import{u as i,c}from"./useComponentClass-C0isGl1z.js";import{u}from"./index-wRElCyvx.js";import{P as d}from"./index-XF8itt-H.js";import{T as m}from"./ThemeContext-Sm-iNANd.js";import{c as g}from"./index-eAZUMNef.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const f=e({}),p="HoverCard",h=r((({children:e,open:r,defaultOpen:n=!1,onOpenChange:s,customRootClass:d="",className:m="",openDelay:g=100,closeDelay:h=200,collisionBoundary:y=null,collisionPadding:C=4,...v},R)=>{const P=i(d,p),w=i(d,`${p}-trigger`),x=o(null),N=(Array.isArray(y)?y:[y]).filter((e=>null!=e)),D={padding:C,boundary:N,altBoundary:N.length>0},[T,j]=u(r,n,s),H=o(T);H.current=T;const F=e=>{H.current!==e&&(H.current=e,j(e))},{refs:W,floatingStyles:A,context:E}=l.useFloating({open:T,onOpenChange:F,placement:"bottom",strategy:"fixed",middleware:[l.arrow({element:x}),l.offset(10),l.flip({mainAxis:!0,...D}),l.shift({...D})],whileElementsMounted:l.autoUpdate}),M=o(!1),O=o(null),B=o(null),L=l.useRole(E,{role:"dialog"}),b=l.useDismiss(E),{getReferenceProps:S}=l.useInteractions([b]),{getFloatingProps:$}=l.useInteractions([L,b]),z=()=>{O.current&&(clearTimeout(O.current),O.current=null),B.current&&(clearTimeout(B.current),B.current=null)};t((()=>z),[]);const I={isOpen:T,handleOpenChange:F,floatingRefs:W,floatingStyles:A,floatingContext:E,arrowRef:x,getReferenceProps:S,getFloatingProps:$,rootClass:P,rootTriggerClass:w,closeWithDelay:()=>{M.current=!0,z(),h<=0?F(!1):B.current=setTimeout((()=>{B.current=null,M.current&&F(!1)}),h)},closeWithoutDelay:()=>{z(),F(!1)},openWithDelay:()=>{M.current=!1,z(),g<=0?F(!0):O.current=setTimeout((()=>{O.current=null,F(!0)}),g)}};return a(f.Provider,{value:I,children:a("div",{ref:R,className:c(P&&`${P}-root`,m),"data-slot":"hover-card-root",...v,children:e})})}));h.displayName=p;const y=r((({children:e,className:r="",...o},t)=>{const{floatingRefs:s,getReferenceProps:i,closeWithDelay:u,openWithDelay:m,rootTriggerClass:g}=n(f),p=l.useMergeRefs([s.setReference,t]);return a(d.span,{ref:p,className:c(g,r),...i({"data-slot":"hover-card-trigger",onMouseEnter:m,onMouseLeave:u,onFocus:m,onBlur:u,...o}),children:e})}));y.displayName="HoverCardTrigger";const C=r((({children:e,rootElement:r,...o},i)=>{const c=n(m),[u,d]=s(null);return t((()=>{const e=(r&&"current"in r?r.current:r)||c?.portalRootRef.current||c?.containerRef.current||document.body;d(e)}),[r,c]),u?a(l.Portal,{root:u,...o,children:e}):null}));C.displayName="HoverCardPortal";const v=r((({children:e,className:r,size:o="",...s},i)=>{const{isOpen:u,floatingRefs:d,floatingStyles:m,getFloatingProps:p,rootClass:h,closeWithDelay:y,openWithDelay:C,closeWithoutDelay:v}=n(f);t((()=>{if(!u)return;const e=()=>v();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[v,u]);const R=l.useMergeRefs([d.setFloating,i]),P=g("hover-card",{size:o});return u?a("div",{className:c(h,r),ref:R,style:m,...P,...p({"data-slot":"hover-card-content",onPointerEnter:C,onPointerLeave:y,onFocus:C,onBlur:y,...s}),children:e}):null}));v.displayName="HoverCardContent";const R=r(((e,r)=>{const{floatingContext:o,arrowRef:t,rootClass:s}=n(f),i=l.useMergeRefs([t,r]);return a(l.Arrow,{className:c(s&&`${s}-arrow`),"data-slot":"hover-card-arrow",...e,context:o,ref:i})}));R.displayName="HoverCardArrow";const P=r(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));P.displayName="HoverCard",P.Root=h,P.Trigger=y,P.Portal=C,P.Content=v,P.Arrow=R;export{R as Arrow,v as Content,C as Portal,h as Root,y as Trigger,P as default};
+'use client';import e,{createContext as r,forwardRef as o,useRef as t,useEffect as n,useContext as s,useState as a}from"react";import{jsx as l}from"react/jsx-runtime";import{F as i}from"./index-B_OPdW20.js";import{u as c,c as u}from"./useComponentClass-C0isGl1z.js";import{u as d}from"./index-wRElCyvx.js";import{P as m}from"./index-BidxkqdT.js";import{T as f}from"./ThemeContext-Sm-iNANd.js";import{c as g}from"./index-eAZUMNef.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const p=r({}),h="HoverCard",v=o((({children:e,open:r,defaultOpen:o=!1,onOpenChange:s,customRootClass:a="",className:m="",openDelay:f=100,closeDelay:g=200,collisionBoundary:v=null,collisionPadding:y=4,...C},R)=>{const P=c(a,h),w=c(a,`${h}-trigger`),x=t(null),N=(Array.isArray(v)?v:[v]).filter((e=>null!=e)),D={padding:y,boundary:N,altBoundary:N.length>0},[T,M]=d(r,o,s),j=t(T);j.current=T;const H=e=>{j.current!==e&&(j.current=e,M(e))},{refs:F,floatingStyles:W,context:A}=i.useFloating({open:T,onOpenChange:H,placement:"bottom",strategy:"fixed",middleware:[i.arrow({element:x}),i.offset(10),i.flip({mainAxis:!0,...D}),i.shift({...D})],whileElementsMounted:i.autoUpdate}),E=t(!1),O=t(null),b=t(null),B=i.useRole(A,{role:"dialog"}),L=i.useDismiss(A),{getReferenceProps:S}=i.useInteractions([L]),{getFloatingProps:$}=i.useInteractions([B,L]),z=()=>{O.current&&(clearTimeout(O.current),O.current=null),b.current&&(clearTimeout(b.current),b.current=null)};n((()=>z),[]);const I={isOpen:T,handleOpenChange:H,floatingRefs:F,floatingStyles:W,floatingContext:A,arrowRef:x,getReferenceProps:S,getFloatingProps:$,rootClass:P,rootTriggerClass:w,closeWithDelay:()=>{E.current=!0,z(),g<=0?H(!1):b.current=setTimeout((()=>{b.current=null,E.current&&H(!1)}),g)},closeWithoutDelay:()=>{z(),H(!1)},openWithDelay:()=>{E.current=!1,z(),f<=0?H(!0):O.current=setTimeout((()=>{O.current=null,H(!0)}),f)}};return l(p.Provider,{value:I,children:l("div",{ref:R,className:u(P&&`${P}-root`,m),"data-slot":"hover-card-root",...C,children:e})})}));v.displayName=h;const y=o((({children:e,className:r="",...o},t)=>{const{floatingRefs:n,getReferenceProps:a,closeWithDelay:c,openWithDelay:d,rootTriggerClass:f}=s(p),g=i.useMergeRefs([n.setReference,t]);return l(m.span,{ref:g,className:u(f,r),...a({"data-slot":"hover-card-trigger",onMouseEnter:d,onMouseLeave:c,onFocus:d,onBlur:c,...o}),children:e})}));y.displayName="HoverCardTrigger";const C=e.createContext({forceMount:!1}),R=o((({children:e,container:r,forceMount:o=!1,rootElement:t,...c},u)=>{const d=s(f),[m,g]=a(null);return n((()=>{const e=(r??(t&&"current"in t?t.current:t))||d?.portalRootRef.current||d?.containerRef.current||document.body;g(e)}),[r,t,d]),m?l(C.Provider,{value:{forceMount:o},children:l(i.Portal,{root:m,...c,children:e})}):null}));R.displayName="HoverCardPortal";const P=o((({children:e,className:r,forceMount:o=!1,size:t="",...a},c)=>{const{isOpen:d,floatingRefs:m,floatingStyles:f,getFloatingProps:h,rootClass:v,closeWithDelay:y,openWithDelay:R,closeWithoutDelay:P}=s(p),{forceMount:w}=s(C);n((()=>{if(!d)return;const e=()=>P();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[P,d]);const x=i.useMergeRefs([m.setFloating,c]),N=g("hover-card",{size:t});return d||o||w?l("div",{className:u(v,r),ref:x,"data-state":d?"open":"closed","aria-hidden":d?void 0:"true",style:{...f,visibility:d?void 0:"hidden",pointerEvents:d?void 0:"none"},...N,...h({"data-slot":"hover-card-content",onPointerEnter:R,onPointerLeave:y,onFocus:R,onBlur:y,...a}),children:e}):null}));P.displayName="HoverCardContent";const w=o(((e,r)=>{const{floatingContext:o,arrowRef:t,rootClass:n}=s(p),a=i.useMergeRefs([t,r]);return l(i.Arrow,{className:u(n&&`${n}-arrow`),"data-slot":"hover-card-arrow",...e,context:o,ref:a})}));w.displayName="HoverCardArrow";const x=o(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));x.displayName="HoverCard",x.Root=v,x.Trigger=y,x.Portal=R,x.Content=P,x.Arrow=w;export{w as Arrow,P as Content,R as Portal,v as Root,y as Trigger,x as default};

package/dist/components/Kbd.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const a=s.forwardRef((({children:s,customRootClass:a,className:c,size:i="",...o},u)=>{const n=r.useComponentClass(a,"Kbd"),d=t.createDataAttributes("kbd",{size:i});return e.jsx("kbd",{ref:u,className:r.clsx(n,c),...d,...o,children:s})}));a.displayName="Kbd",exports.default=a;

package/dist/components/Label.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const a="Label",o=t.forwardRef((({className:t,customRootClass:o,onMouseDown:l,...u},n)=>{const c=s.useComponentClass(o,a);return e.jsx(r.Primitive.label,{...u,ref:n,className:s.clsx(c,t),"data-slot":"label",onMouseDown:e=>{l?.(e),e.target.closest("button, input, select, textarea")||!e.defaultPrevented&&e.detail>1&&e.preventDefault()}})}));o.displayName=a,exports.default=o;

package/dist/components/Label.d.ts

@@ -0,0 +1,18 @@
+import React, { ElementRef, ComponentPropsWithoutRef } from 'react';
+
+type LabelElement = ElementRef<'label'>;
+type LabelProps = ComponentPropsWithoutRef<'label'> & {
+    /** Render the child element instead of a <label>, merging props onto it. */
+    asChild?: boolean;
+    /** Overrides the generated root class. */
+    customRootClass?: string;
+};
+declare const Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    /** Render the child element instead of a <label>, merging props onto it. */
+    asChild?: boolean;
+    /** Overrides the generated root class. */
+    customRootClass?: string;
+} & React.RefAttributes<HTMLLabelElement>>;
+
+export { Label as default };
+export type { LabelElement, LabelProps };

package/dist/components/Label.js

@@ -0,0 +1 @@
+'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{u as o,c as s}from"./useComponentClass-C0isGl1z.js";import{P as a}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const r="Label",m=t((({className:t,customRootClass:m,onMouseDown:l,...n},p)=>{const u=o(m,r);return e(a.label,{...n,ref:p,className:s(u,t),"data-slot":"label",onMouseDown:e=>{l?.(e),e.target.closest("button, input, select, textarea")||!e.defaultPrevented&&e.detail>1&&e.preventDefault()}})}));m.displayName=r;export{m as default};

package/dist/components/Link.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-c6NFMS_0.cjs"),i=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const a="Link",c=r.forwardRef((({children:r,href:c="#",customRootClass:o,className:u,size:l="",color:n="",asChild:d=!1,...m},C)=>{const j=s.useComponentClass(o,a),p=t.composeAttributes(t.createDataAttributes("link",{size:l}),t.createDataAccentColorAttribute(n)),x=i.Primitive.a;return e.jsx(x,{ref:C,asChild:d,href:c,className:s.clsx(j,u),...p,...m,children:r})}));c.displayName=a,exports.default=c;

package/dist/components/Link.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{u as e,c as o}from"./useComponentClass-C0isGl1z.js";import{a,b as i,c as m}from"./index-eAZUMNef.js";import{P as t}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const n="Link",c=r.forwardRef((({children:r,href:c="#",customRootClass:l,className:f,size:p="",color:d="",asChild:h=!1,...j},u)=>{const C=e(l,n),x=a(m("link",{size:p}),i(d)),N=t.a;return s(N,{ref:u,asChild:h,href:c,className:o(C,f),...x,...j,children:r})}));c.displayName=n;export{c as default};
+'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{u as e,c as o}from"./useComponentClass-C0isGl1z.js";import{a,b as i,c as m}from"./index-eAZUMNef.js";import{P as t}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const n="Link",c=r.forwardRef((({children:r,href:c="#",customRootClass:l,className:f,size:p="",color:d="",asChild:h=!1,...j},u)=>{const C=e(l,n),x=a(m("link",{size:p}),i(d)),N=t.a;return s(N,{ref:u,asChild:h,href:c,className:o(C,f),...x,...j,children:r})}));c.displayName=n;export{c as default};

package/dist/components/LiveRegion.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),i=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const s="LiveRegion",a={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},o=r.forwardRef((({children:r,customRootClass:o,className:n,politeness:l="polite",role:c=("assertive"===l?"alert":"status"),atomic:u=!0,relevant:d="additions text",busy:p,visuallyHidden:m=!0,style:v,...x},h)=>{const j=t.useComponentClass(o,s),y=m?{...a,...v}:v;return e.jsx(i.Primitive.div,{ref:h,role:c,"aria-live":l,"aria-atomic":u,"aria-relevant":d,"aria-busy":p,"data-slot":"live-region-root",className:t.clsx(j,n),style:y,...x,children:r})}));o.displayName=s,exports.default=o;

package/dist/components/LiveRegion.d.ts

@@ -62,12 +62,9 @@ declare const LiveRegion: React.ForwardRefExoticComponent<{
     visuallyHidden?: boolean;
     customRootClass?: string;
     style?: CSSProperties;
-} & Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<((React.InputHTMLAttributes<HTMLInputElement> & {
+} & Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean;
-}) | (React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean;
-    children?: React.ReactNode;
-})) & React.RefAttributes<HTMLElement>>>, "role" | "aria-atomic" | "aria-busy" | "aria-live" | "aria-relevant"> & React.RefAttributes<HTMLElement>>;
+} & React.RefAttributes<HTMLElement>, "ref">, "role" | "aria-atomic" | "aria-busy" | "aria-live" | "aria-relevant"> & React.RefAttributes<HTMLElement>>;
 
 export { LiveRegion as default };
 export type { LiveRegionElement, LiveRegionProps };

package/dist/components/LiveRegion.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{u as i,c as o}from"./useComponentClass-C0isGl1z.js";import{P as a}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const r="LiveRegion",s={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=t((({children:t,customRootClass:n,className:l,politeness:p="polite",role:m=("assertive"===p?"alert":"status"),atomic:c=!0,relevant:d="additions text",busy:u,visuallyHidden:v=!0,style:h,...x},f)=>{const g=i(n,r),y=v?{...s,...h}:h;return e(a.div,{ref:f,role:m,"aria-live":p,"aria-atomic":c,"aria-relevant":d,"aria-busy":u,"data-slot":"live-region-root",className:o(g,l),style:y,...x,children:t})}));n.displayName=r;export{n as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{u as i,c as o}from"./useComponentClass-C0isGl1z.js";import{P as a}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const r="LiveRegion",s={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=t((({children:t,customRootClass:n,className:l,politeness:p="polite",role:m=("assertive"===p?"alert":"status"),atomic:c=!0,relevant:d="additions text",busy:u,visuallyHidden:v=!0,style:h,...x},f)=>{const g=i(n,r),y=v?{...s,...h}:h;return e(a.div,{ref:f,role:m,"aria-live":p,"aria-atomic":c,"aria-relevant":d,"aria-busy":u,"data-slot":"live-region-root",className:o(g,l),style:y,...x,children:t})}));n.displayName=r;export{n as default};

package/dist/components/MenuPrimitive-Ctqo21Vd.cjs

@@ -0,0 +1 @@
+'use client';"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("./index-BudP4FIn.cjs"),o=require("./index-BwNOI8cB.cjs"),r=require("./index-CbdoW3TC.cjs"),i=require("./index-Bg-UeWCo.cjs"),s=require("./index-BZO29jsF.cjs"),l=require("react-dom"),a=require("./floating-ui.react-Kw0_L48Q.cjs"),d=require("./ThemeContext-t7IX-w6i.cjs");const c=t.createContext(null),u=t.forwardRef((({children:i,className:s,open:l,onOpenChange:a,defaultOpen:d=!1,crossAxisOffset:u,mainAxisOffset:f,collisionBoundary:m=null,collisionPadding:g=4,loop:x=!0,placement:p="bottom-start",avoidCollision:v=!0,rtl:h=!1,dir:F,isSubmenu:R=!1,...y},P)=>{const b=h||"rtl"===F,C=b?"rtl":F,[N,M]=o.useControllableState(l,d,a);r.useRegisterDocumentOverlayOpen(N);const[O,I]=t.useState(null),[j,w]=t.useState(void 0),T=t.useRef([]),A=t.useRef([]),S=t.useRef([]),k=t.useRef(null),q=n.Floater.useFloatingNodeId(),D=n.Floater.useFloatingParentNodeId(),H=R,E=u??0,B=void 0!==f?f:H?14:4,L=(Array.isArray(m)?m:[m]).filter((e=>null!=e)),K=L.length>0?{boundary:L,altBoundary:!0}:{},$={mainAxis:v,crossAxis:v&&!H,padding:g,...K},z={padding:g,crossAxis:!H,...K},U={padding:g,...K},{refs:W,floatingStyles:X,context:Y}=n.Floater.useFloating({open:N,nodeId:q,onOpenChange:M,strategy:"fixed",transform:!1,placement:H?b?"left-start":"right-start":p,middleware:[n.Floater.offset({mainAxis:B,crossAxis:E}),...v?[n.Floater.flip($),n.Floater.shift(z)]:[],...H?[]:[n.Floater.size({...U,apply({availableHeight:e,elements:t}){w(e),t.floating.style.maxHeight=`${e}px`}})]],whileElementsMounted:n.Floater.autoUpdate}),G=n.Floater.useListNavigation(Y,{listRef:A,activeIndex:O,nested:H,rtl:b,loop:x,onNavigate:I}),J=n.Floater.useClick(Y,{}),Q=n.Floater.useHover(Y,{enabled:H,delay:{open:75},handleClose:n.Floater.safePolygon({blockPointerEvents:!0})}),V=n.Floater.useDismiss(Y,{bubbles:H}),Z=n.Floater.useTypeahead(Y,{listRef:S,onMatch:N?I:void 0,activeIndex:O}),_=n.Floater.useRole(Y,{role:"menu"}),{getReferenceProps:ee,getFloatingProps:te,getItemProps:ne}=n.Floater.useInteractions([V,J,G,Q,Z,_]),oe=t.useContext(c),re=t.useCallback((()=>H&&oe?oe.getRootTrigger():W.domReference.current),[H,oe,W.domReference]),ie={isOpen:N,setIsOpen:M,refs:W,floatingStyles:X,maxHeight:j,getReferenceProps:ee,getFloatingProps:te,getItemProps:ne,activeIndex:O,setActiveIndex:I,listRef:T,elementsRef:A,labelsRef:S,virtualItemRef:k,nodeId:q,isNested:H,floatingContext:Y,rtl:b,dir:C,getRootTrigger:re},se=n.Floater.useFloatingTree();return t.useEffect((()=>{if(se)return se.events.on("click",e),()=>{se.events.off("click",e)};function e(){M(!1)}}),[se,q,D]),e.jsx("div",{ref:P,className:s,"data-tree":"true",dir:C,...y,children:e.jsx(c.Provider,{value:ie,children:e.jsx(n.Floater.FloatingNode,{id:q,children:i})})})}));u.displayName="MenuComponentRoot";const f=t.forwardRef((({children:t,className:o,open:r,onOpenChange:i,defaultOpen:s=!1,crossAxisOffset:l,mainAxisOffset:a,collisionBoundary:d,collisionPadding:c,...f},m)=>{const g=n.Floater.useFloatingTree(),x=e.jsx(u,{ref:m,className:o,open:r,onOpenChange:i,defaultOpen:s,crossAxisOffset:l,mainAxisOffset:a,collisionBoundary:d,collisionPadding:c,...f,children:t});return g?x:e.jsx(n.Floater.FloatingTree,{children:x})}));f.displayName="MenuPrimitiveRoot";const m=t.forwardRef((({children:o,className:r,label:s,disabled:l,asChild:a=!1,onSelect:d,...u},f)=>{const m=t.useContext(c),g=l?null:s,{ref:x,index:p}=n.Floater.useListItem({label:g}),v=n.Floater.useFloatingTree(),h=t.useCallback((e=>{"function"==typeof x?x(e):x&&(x.current=e),"function"==typeof f?f(e):f&&(f.current=e)}),[x,f]);if(!m)return null;const{activeIndex:F,getItemProps:R}=m,y=F===p,{onClick:P,onKeyDown:b,...C}=u;return e.jsx(i.Primitive.button,{ref:h,tabIndex:y?0:-1,className:r,role:"menuitem","aria-disabled":!!l||void 0,"data-disabled":l?"":void 0,"data-highlighted":y&&!l?"":void 0,...R({...C,disabled:l,onClick(e){l||(P?.(e),e.defaultPrevented||(d?.(e),e.defaultPrevented||v?.events.emit("click")))},onKeyDown(e){b?.(e)}}),asChild:a,children:o})}));m.displayName="MenuPrimitiveItem";const g=t.forwardRef((({children:o,className:r,asChild:i,...l},a)=>{const d=t.useContext(c),{ref:u,index:f}=n.Floater.useListItem(),m=n.Floater.useMergeRefs([d?.refs.setReference,u,a]);if(!d)return null;const{activeIndex:g,getReferenceProps:x,isNested:p,isOpen:v}=d;return e.jsx(s.ButtonPrimitive,{ref:m,...x({...l,className:r,"data-state":v?"open":"closed",role:l.role??(p?"menuitem":void 0),tabIndex:p?g===f?0:-1:l.tabIndex}),asChild:i,children:o})}));g.displayName="MenuPrimitiveTrigger";const x=t.createContext({forceMount:!1}),p=t.forwardRef((({children:o,className:r,initialFocus:i,focusManagerDisabled:s=!1,forceMount:d=!1,...u},f)=>{const m=t.useContext(c),g=n.Floater.useFloatingTree(),p=n.Floater.useMergeRefs([m?.refs.setFloating,f]),{forceMount:v}=t.useContext(x);if(!m)return null;const h=m.isOpen;if(!h&&!d&&!v)return null;const{floatingStyles:F,getFloatingProps:R,elementsRef:y,labelsRef:P,isNested:b,floatingContext:C,maxHeight:N,getRootTrigger:M}=m,O=u.style,I={...u};delete I.style;const j={overflowY:"auto",overflowX:"hidden",maxHeight:void 0!==N?`${N}px`:void 0,WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"},w=h?R({...I,className:r,dir:m.dir,"data-state":"open",onKeyDown:e=>{I.onKeyDown?.(e),(e=>{if("Tab"!==e.key||e.defaultPrevented)return;const t=M();if(!(t instanceof HTMLElement))return;e.preventDefault(),l.flushSync((()=>{g?.events.emit("click")}));const n=!e.shiftKey;queueMicrotask((()=>{if(t.focus(),!n)return;const e=a.getNextTabbable(t);e instanceof HTMLElement&&e!==t&&e.focus()}))})(e)},style:{...O,...F}}):{...I,className:r,dir:m.dir,"data-state":"closed",style:{...O,...F,visibility:"hidden",pointerEvents:"none"}};return e.jsx(n.Floater.FloatingList,{elementsRef:y,labelsRef:P,children:e.jsx(n.Floater.FocusManager,{context:C,disabled:s||!h,modal:!1,initialFocus:i??(b?-1:0),returnFocus:!b,children:e.jsx("div",{ref:p,...w,children:e.jsx("div",{style:j,children:o})})})})}));p.displayName="MenuPrimitiveContent";const v=t.forwardRef((({children:n,className:o,open:r,onOpenChange:i,defaultOpen:s=!1,...l},a)=>{const d=t.useContext(c);return e.jsx(u,{ref:a,className:o,open:r,onOpenChange:i,defaultOpen:s,rtl:d&&d.rtl||!1,dir:d?.dir,...l,isSubmenu:!0,children:n})}));v.displayName="MenuPrimitiveSub";const h=t.forwardRef((({children:o,container:r,forceMount:i=!1,root:s,...l},a)=>{const u=t.useContext(c),f=t.useContext(d.ThemeContext),[m,g]=t.useState(null);return t.useEffect((()=>{g(r??s??f?.portalRootRef.current??f?.containerRef.current??document.body)}),[r,s,f]),u&&(u.isOpen||i)&&m?e.jsx(x.Provider,{value:{forceMount:i},children:e.jsx(n.Floater.Portal,{root:m,...l,children:e.jsx("div",{ref:a,children:o})})}):null}));h.displayName="MenuPrimitivePortal";const F=()=>(console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null);F.Root=f,F.Item=m,F.Trigger=g,F.Content=p,F.Sub=v,F.Portal=h,exports.MenuPrimitive=F,exports.MenuPrimitiveRootPrimitiveContext=c;

package/dist/components/MenuPrimitive-Cy_MJfjG.js

@@ -0,0 +1 @@
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as n,useState as i,useRef as o,useContext as s,useEffect as r}from"react";import{F as l}from"./index-B_OPdW20.js";import{u as a}from"./index-wRElCyvx.js";import{u as d}from"./index-CBcSLg6O.js";import{P as c}from"./index-BidxkqdT.js";import{B as u}from"./index-DH-14XDv.js";import{flushSync as f}from"react-dom";import{I as m}from"./floating-ui.react-CZf-mCiA.js";import{T as g}from"./ThemeContext-Sm-iNANd.js";const p=t.createContext(null),v=n((({children:n,className:r,open:c,onOpenChange:u,defaultOpen:f=!1,crossAxisOffset:m,mainAxisOffset:g,collisionBoundary:v=null,collisionPadding:h=4,loop:x=!0,placement:y="bottom-start",avoidCollision:P=!0,rtl:b=!1,dir:R,isSubmenu:N=!1,...C},I)=>{const M=b||"rtl"===R,O=M?"rtl":R,[F,T]=a(c,f,u);d(F);const[A,k]=i(null),[w,S]=i(void 0),j=o([]),D=o([]),H=o([]),B=o(null),E=l.useFloatingNodeId(),L=l.useFloatingParentNodeId(),K=N,$=m??0,q=void 0!==g?g:K?14:4,z=(Array.isArray(v)?v:[v]).filter((e=>null!=e)),U=z.length>0?{boundary:z,altBoundary:!0}:{},W={mainAxis:P,crossAxis:P&&!K,padding:h,...U},X={padding:h,crossAxis:!K,...U},Y={padding:h,...U},{refs:G,floatingStyles:J,context:Q}=l.useFloating({open:F,nodeId:E,onOpenChange:T,strategy:"fixed",transform:!1,placement:K?M?"left-start":"right-start":y,middleware:[l.offset({mainAxis:q,crossAxis:$}),...P?[l.flip(W),l.shift(X)]:[],...K?[]:[l.size({...Y,apply({availableHeight:e,elements:t}){S(e),t.floating.style.maxHeight=`${e}px`}})]],whileElementsMounted:l.autoUpdate}),V=l.useListNavigation(Q,{listRef:D,activeIndex:A,nested:K,rtl:M,loop:x,onNavigate:k}),Z=l.useClick(Q,{}),_=l.useHover(Q,{enabled:K,delay:{open:75},handleClose:l.safePolygon({blockPointerEvents:!0})}),ee=l.useDismiss(Q,{bubbles:K}),te=l.useTypeahead(Q,{listRef:H,onMatch:F?k:void 0,activeIndex:A}),ne=l.useRole(Q,{role:"menu"}),{getReferenceProps:ie,getFloatingProps:oe,getItemProps:se}=l.useInteractions([ee,Z,V,_,te,ne]),re=s(p),le=t.useCallback((()=>K&&re?re.getRootTrigger():G.domReference.current),[K,re,G.domReference]),ae={isOpen:F,setIsOpen:T,refs:G,floatingStyles:J,maxHeight:w,getReferenceProps:ie,getFloatingProps:oe,getItemProps:se,activeIndex:A,setActiveIndex:k,listRef:j,elementsRef:D,labelsRef:H,virtualItemRef:B,nodeId:E,isNested:K,floatingContext:Q,rtl:M,dir:O,getRootTrigger:le},de=l.useFloatingTree();return t.useEffect((()=>{if(de)return de.events.on("click",e),()=>{de.events.off("click",e)};function e(){T(!1)}}),[de,E,L]),e("div",{ref:I,className:r,"data-tree":"true",dir:O,...C,children:e(p.Provider,{value:ae,children:e(l.FloatingNode,{id:E,children:n})})})}));v.displayName="MenuComponentRoot";const h=n((({children:t,className:n,open:i,onOpenChange:o,defaultOpen:s=!1,crossAxisOffset:r,mainAxisOffset:a,collisionBoundary:d,collisionPadding:c,...u},f)=>{const m=l.useFloatingTree(),g=e(v,{ref:f,className:n,open:i,onOpenChange:o,defaultOpen:s,crossAxisOffset:r,mainAxisOffset:a,collisionBoundary:d,collisionPadding:c,...u,children:t});return m?g:e(l.FloatingTree,{children:g})}));h.displayName="MenuPrimitiveRoot";const x=n((({children:n,className:i,label:o,disabled:s,asChild:r=!1,onSelect:a,...d},u)=>{const f=t.useContext(p),m=s?null:o,{ref:g,index:v}=l.useListItem({label:m}),h=l.useFloatingTree(),x=t.useCallback((e=>{"function"==typeof g?g(e):g&&(g.current=e),"function"==typeof u?u(e):u&&(u.current=e)}),[g,u]);if(!f)return null;const{activeIndex:y,getItemProps:P}=f,b=y===v,{onClick:R,onKeyDown:N,...C}=d;return e(c.button,{ref:x,tabIndex:b?0:-1,className:i,role:"menuitem","aria-disabled":!!s||void 0,"data-disabled":s?"":void 0,"data-highlighted":b&&!s?"":void 0,...P({...C,disabled:s,onClick(e){s||(R?.(e),e.defaultPrevented||(a?.(e),e.defaultPrevented||h?.events.emit("click")))},onKeyDown(e){N?.(e)}}),asChild:r,children:n})}));x.displayName="MenuPrimitiveItem";const y=n((({children:t,className:n,asChild:i,...o},r)=>{const a=s(p),{ref:d,index:c}=l.useListItem(),f=l.useMergeRefs([a?.refs.setReference,d,r]);if(!a)return null;const{activeIndex:m,getReferenceProps:g,isNested:v,isOpen:h}=a;return e(u,{ref:f,...g({...o,className:n,"data-state":h?"open":"closed",role:o.role??(v?"menuitem":void 0),tabIndex:v?m===c?0:-1:o.tabIndex}),asChild:i,children:t})}));y.displayName="MenuPrimitiveTrigger";const P=t.createContext({forceMount:!1}),b=n((({children:t,className:n,initialFocus:i,focusManagerDisabled:o=!1,forceMount:r=!1,...a},d)=>{const c=s(p),u=l.useFloatingTree(),g=l.useMergeRefs([c?.refs.setFloating,d]),{forceMount:v}=s(P);if(!c)return null;const h=c.isOpen;if(!h&&!r&&!v)return null;const{floatingStyles:x,getFloatingProps:y,elementsRef:b,labelsRef:R,isNested:N,floatingContext:C,maxHeight:I,getRootTrigger:M}=c,O=a.style,F={...a};delete F.style;const T={overflowY:"auto",overflowX:"hidden",maxHeight:void 0!==I?`${I}px`:void 0,WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"},A=h?y({...F,className:n,dir:c.dir,"data-state":"open",onKeyDown:e=>{F.onKeyDown?.(e),(e=>{if("Tab"!==e.key||e.defaultPrevented)return;const t=M();if(!(t instanceof HTMLElement))return;e.preventDefault(),f((()=>{u?.events.emit("click")}));const n=!e.shiftKey;queueMicrotask((()=>{if(t.focus(),!n)return;const e=m(t);e instanceof HTMLElement&&e!==t&&e.focus()}))})(e)},style:{...O,...x}}):{...F,className:n,dir:c.dir,"data-state":"closed",style:{...O,...x,visibility:"hidden",pointerEvents:"none"}};return e(l.FloatingList,{elementsRef:b,labelsRef:R,children:e(l.FocusManager,{context:C,disabled:o||!h,modal:!1,initialFocus:i??(N?-1:0),returnFocus:!N,children:e("div",{ref:g,...A,children:e("div",{style:T,children:t})})})})}));b.displayName="MenuPrimitiveContent";const R=n((({children:t,className:n,open:i,onOpenChange:o,defaultOpen:r=!1,...l},a)=>{const d=s(p);return e(v,{ref:a,className:n,open:i,onOpenChange:o,defaultOpen:r,rtl:d&&d.rtl||!1,dir:d?.dir,...l,isSubmenu:!0,children:t})}));R.displayName="MenuPrimitiveSub";const N=n((({children:t,container:n,forceMount:o=!1,root:a,...d},c)=>{const u=s(p),f=s(g),[m,v]=i(null);return r((()=>{v(n??a??f?.portalRootRef.current??f?.containerRef.current??document.body)}),[n,a,f]),u&&(u.isOpen||o)&&m?e(P.Provider,{value:{forceMount:o},children:e(l.Portal,{root:m,...d,children:e("div",{ref:c,children:t})})}):null}));N.displayName="MenuPrimitivePortal";const C=()=>(console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null);C.Root=h,C.Item=x,C.Trigger=y,C.Content=b,C.Sub=R,C.Portal=N;export{C as M,p as a};

package/dist/components/Menubar.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-BudP4FIn.cjs"),o=require("./MenuPrimitive-Ctqo21Vd.cjs"),s=require("./Separator.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./index-BwNOI8cB.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-BZO29jsF.cjs");const a=r.createContext(null),u=r.forwardRef((({children:o,customRootClass:s,className:u,dir:i,loop:l,rtl:c,onKeyDown:d,...m},p)=>{const f=t.useComponentClass(s,"Menubar"),[b,x]=r.useState([]),[g,M]=r.useState(0),[h,C]=r.useState(),v=r.useRef({}),I=r.useCallback((e=>[...e].sort(((e,r)=>{const t=v.current[e.id],n=v.current[r.id];if(!t||!n)return 0;const o=t.compareDocumentPosition(n);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))),[]),N=r.useCallback(((e,r="closed")=>{x((t=>{const n=t.find((r=>r.id===e));return n?n.state===r?t:t.map((t=>t.id===e?{...t,state:r}:t)):I([...t,{id:e,state:r}])}))}),[I]),w=r.useCallback((e=>{x((r=>r.some((r=>r.id===e))?r.filter((r=>r.id!==e)):r))}),[]),j=r.useCallback(((e,r)=>{"open"===r&&C(void 0),x((t=>t.map((t=>t.id===e?{...t,state:r}:t))))}),[]),P=r.useCallback(((e,r)=>{r?v.current[e]=r:delete v.current[e]}),[]),R=r.useCallback((e=>{if(e===g)return;const r=b[g],t=b[e];if(r&&j(r.id,"closed"),t){const e="open"===r?.state;j(t.id,e?"open":"closed"),e&&C(-1)}M(e)}),[g,b,j]),y=r.useCallback((e=>{const r=b[e];r&&(C(-1),x((r=>r.map(((r,t)=>({...r,state:t===e?"open":"closed"}))))),M(e),v.current[r.id]?.focus())}),[b]),S=r.useCallback((e=>{if(0===b.length)return;const r=g>=0?g:b.findIndex((e=>"open"===e.state));-1!==r&&y((r+e+b.length)%b.length)}),[g,b,y]),k=r.useCallback((e=>{const r=b.findIndex((r=>r.id===e));if(-1===r)return;b.some((r=>r.id!==e&&"open"===r.state))&&"open"!==b[r].state&&y(r)}),[b,y]),T=r.useCallback((e=>{const r=b.findIndex((r=>r.id===e));-1!==r&&M(r)}),[b]),O=r.useCallback((e=>{if(d?.(e),e.defaultPrevented)return;if("Home"!==e.key&&"End"!==e.key)return;if(!Object.values(v.current).includes(e.target))return;const r="Home"===e.key?0:b.length-1,t=b[r];t&&(e.preventDefault(),R(r),v.current[t.id]?.focus())}),[R,b,d]),q=r.useMemo((()=>({rootClass:f,registerItem:N,unregisterItem:w,items:b,updateItemState:j,updateItemTrigger:P,navigateMenu:S,openMenuOnHover:k,activeIndex:g,setActiveItem:T,contentInitialFocus:h})),[f,N,w,b,j,P,S,k,g,T,h]);return e.jsx(a.Provider,{value:q,children:e.jsx(n.Floater.Composite,{ref:p,role:"menubar",className:t.clsx(f&&`${f}-root`,u),dir:i,loop:l,rtl:c??"rtl"===i,orientation:"horizontal",...m,activeIndex:g,onNavigate:R,onKeyDown:O,children:o})})}));u.displayName="MenubarRoot";const i=r.createContext(null),l=r.forwardRef((({children:s,className:u,onFocus:l,onPointerEnter:c,...d},m)=>{const p=r.useContext(a),f=r.useContext(i);if(!p)return console.warn("MenubarTrigger should be used in the MenubarRoot"),null;const{rootClass:b,updateItemTrigger:x,items:g,activeIndex:M,setActiveItem:h,openMenuOnHover:C}=p;if(!f)return console.warn("MenubarTrigger should be used in the MenubarMenu"),null;const{id:v,isOpen:I}=f,N=r.useCallback((e=>{x(v,e),"function"==typeof m?m(e):m&&(m.current=e)}),[v,m,x]),w=g.findIndex((e=>e.id===v)),j=w===M||0===w&&(M<0||M>=g.length),P=e=>{l?.(e),h(v)},R=e=>{c?.(e),e.defaultPrevented||"touch"===e.pointerType||C(v)};return e.jsx(n.Floater.CompositeItem,{render:()=>e.jsx(o.MenuPrimitive.Trigger,{ref:N,className:t.clsx(b&&`${b}-trigger`,u),role:"menuitem","aria-haspopup":"menu","aria-expanded":I,tabIndex:j?0:-1,"data-state":I?"open":"closed","data-active":I,onFocus:P,onPointerEnter:R,...d,children:s})})}));l.displayName="MenubarTrigger";const c=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),d=r.forwardRef((({children:n,className:s,...u},i)=>{const l=r.useContext(a);if(!l)return console.warn("MenubarContent should be used in the MenubarRoot"),null;const{rootClass:d,navigateMenu:m,contentInitialFocus:p}=l,{onKeyDown:f,...b}=u,x=r.useCallback((e=>{"function"==typeof i?i(e):i&&(i.current=e)}),[i]);return e.jsx(o.MenuPrimitive.Content,{ref:x,role:"menu","aria-orientation":"vertical",className:t.clsx(d&&`${d}-content`,s),initialFocus:p,onKeyDown:e=>{if(f?.(e),c.has(e.key)&&e.stopPropagation(),!e.defaultPrevented)return"ArrowLeft"===e.key?(e.preventDefault(),void m(-1)):void("ArrowRight"===e.key&&(e.preventDefault(),m(1)))},...b,children:n})}));d.displayName="MenubarContent";const m=r.forwardRef((({children:t,...n},s)=>r.useContext(a)?e.jsx(o.MenuPrimitive.Portal,{ref:s,...n,children:t}):(console.warn("MenubarPortal should be used in the MenubarRoot"),null)));m.displayName="MenubarPortal";const p=r.forwardRef((({children:n,className:s,label:u,...i},l)=>{const c=r.useContext(a);if(!c)return console.warn("MenubarItem should be used in the MenubarRoot"),null;const{rootClass:d}=c;return e.jsx(o.MenuPrimitive.Item,{ref:l,role:"menuitem",className:t.clsx(d&&`${d}-item`,s),label:u,...i,children:n})}));p.displayName="MenubarItem";const f=r.forwardRef((({children:n,className:s,...u},i)=>{const l=r.useContext(a);if(!l)return console.warn("MenubarSub should be used in the MenubarRoot"),null;const{rootClass:c}=l;return e.jsx(o.MenuPrimitive.Sub,{ref:i,role:"none",className:t.clsx(c&&`${c}-sub`,s),...u,children:n})}));f.displayName="MenubarSub";const b=r.forwardRef((({children:n,className:s,...u},i)=>{const l=r.useContext(a);if(!l)return console.warn("MenubarSubTrigger should be used in the MenubarRoot"),null;const{rootClass:c}=l;return e.jsx(o.MenuPrimitive.Trigger,{ref:i,role:"menuitem","aria-haspopup":"menu",className:t.clsx(c&&`${c}-sub-trigger`,s),...u,children:n})}));b.displayName="MenubarSubTrigger";const x=r.forwardRef((({children:s,className:u,onOpenChange:l,...c},d)=>{const m=r.useContext(a),p=n.Floater.useId(),f=r.useId(),b=p??f;if(!m)return console.warn("MenubarMenu should be used in the MenubarRoot"),null;const{rootClass:x,registerItem:g,unregisterItem:M,items:h,updateItemState:C}=m;r.useEffect((()=>{if(b)return g(b),()=>M(b)}),[b]);const v="open"===h.find((e=>e.id===b))?.state;return e.jsx(o.MenuPrimitive.Root,{ref:d,role:"none",className:t.clsx(x&&`${x}-menu`,u),"data-id":b,"data-active":v,open:v,onOpenChange:e=>{b&&C(b,e?"open":"closed"),l?.(e)},...c,children:e.jsx(i.Provider,{value:{id:b,isOpen:v},children:s})})}));x.displayName="MenubarMenu";const g=r.forwardRef((({className:t,...n},o)=>{const u=r.useContext(a);if(!u)return console.warn("MenubarSeparator should be used within MenubarRoot"),null;const{rootClass:i}=u;return e.jsx(s.default,{ref:o,customRootClass:i,className:t,...n})}));g.displayName="MenubarSeparator";const M=()=>(console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null);M.Root=u,M.Menu=x,M.Trigger=l,M.Content=d,M.Portal=m,M.Item=p,M.Sub=f,M.SubTrigger=b,M.Separator=g,exports.Content=d,exports.Item=p,exports.Menu=x,exports.Portal=m,exports.Root=u,exports.Separator=g,exports.Sub=f,exports.SubTrigger=b,exports.Trigger=l,exports.default=M;