mainstack-design-system 1.0.0 → 1.1.2

package/dist/index-BgXU_6PU.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";const p=require("react"),x=require("./index-5OKsHRWb.cjs"),ae=require("./index-ynv1Al0t.cjs"),L=require("./index-_XxjJPRD.cjs"),T=require("./index-C8aODXfJ.cjs"),ce=require("./index-MQ0c3ZX_.cjs"),se=require("./index-Bd0gQB0k.cjs"),G=require("./index-WIv2ndLu.cjs"),a=require("react/jsx-runtime"),le=require("./index-Cje7xxa1.cjs");function de(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(i,o,t.get?t:{enumerable:!0,get:()=>e[o]})}}return i.default=e,Object.freeze(i)}const f=de(p);var w="Collapsible",[pe,K]=x.createContextScope(w),[ue,k]=pe(w),z=f.forwardRef((e,i)=>{const{__scopeCollapsible:o,open:t,defaultOpen:r,disabled:n,onOpenChange:c,...l}=e,[d,u]=T.useControllableState({prop:t,defaultProp:r??!1,onChange:c,caller:w});return a.jsx(ue,{scope:o,disabled:n,contentId:G.useId(),open:d,onOpenToggle:f.useCallback(()=>u(v=>!v),[u]),children:a.jsx(x.Primitive.div,{"data-state":$(d),"data-disabled":n?"":void 0,...l,ref:i})})});z.displayName=w;var F="CollapsibleTrigger",B=f.forwardRef((e,i)=>{const{__scopeCollapsible:o,...t}=e,r=k(F,o);return a.jsx(x.Primitive.button,{type:"button","aria-controls":r.contentId,"aria-expanded":r.open||!1,"data-state":$(r.open),"data-disabled":r.disabled?"":void 0,disabled:r.disabled,...t,ref:i,onClick:x.composeEventHandlers(e.onClick,r.onOpenToggle)})});B.displayName=F;var M="CollapsibleContent",U=f.forwardRef((e,i)=>{const{forceMount:o,...t}=e,r=k(M,e.__scopeCollapsible);return a.jsx(se.Presence,{present:o||r.open,children:({present:n})=>a.jsx(fe,{...t,ref:i,present:n})})});U.displayName=M;var fe=f.forwardRef((e,i)=>{const{__scopeCollapsible:o,present:t,children:r,...n}=e,c=k(M,o),[l,d]=f.useState(t),u=f.useRef(null),v=L.useComposedRefs(i,u),C=f.useRef(0),I=C.current,b=f.useRef(0),_=b.current,g=c.open||l,A=f.useRef(g),h=f.useRef(void 0);return f.useEffect(()=>{const s=requestAnimationFrame(()=>A.current=!1);return()=>cancelAnimationFrame(s)},[]),ce.useLayoutEffect2(()=>{const s=u.current;if(s){h.current=h.current||{transitionDuration:s.style.transitionDuration,animationName:s.style.animationName},s.style.transitionDuration="0s",s.style.animationName="none";const R=s.getBoundingClientRect();C.current=R.height,b.current=R.width,A.current||(s.style.transitionDuration=h.current.transitionDuration,s.style.animationName=h.current.animationName),d(t)}},[c.open,t]),a.jsx(x.Primitive.div,{"data-state":$(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!g,...n,ref:v,style:{"--radix-collapsible-content-height":I?`${I}px`:void 0,"--radix-collapsible-content-width":_?`${_}px`:void 0,...e.style},children:g&&r})});function $(e){return e?"open":"closed"}var ve=z,Ce=B,me=U,m="Accordion",xe=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[q,be,ge]=ae.createCollection(m),[y]=x.createContextScope(m,[ge,K]),H=K(),Y=p.forwardRef((e,i)=>{const{type:o,...t}=e,r=t,n=t;return a.jsx(q.Provider,{scope:e.__scopeAccordion,children:o==="multiple"?a.jsx(Re,{...n,ref:i}):a.jsx(Ie,{...r,ref:i})})});Y.displayName=m;var[J,Ae]=y(m),[Q,he]=y(m,{collapsible:!1}),Ie=p.forwardRef((e,i)=>{const{value:o,defaultValue:t,onValueChange:r=()=>{},collapsible:n=!1,...c}=e,[l,d]=T.useControllableState({prop:o,defaultProp:t??"",onChange:r,caller:m});return a.jsx(J,{scope:e.__scopeAccordion,value:p.useMemo(()=>l?[l]:[],[l]),onItemOpen:d,onItemClose:p.useCallback(()=>n&&d(""),[n,d]),children:a.jsx(Q,{scope:e.__scopeAccordion,collapsible:n,children:a.jsx(W,{...c,ref:i})})})}),Re=p.forwardRef((e,i)=>{const{value:o,defaultValue:t,onValueChange:r=()=>{},...n}=e,[c,l]=T.useControllableState({prop:o,defaultProp:t??[],onChange:r,caller:m}),d=p.useCallback(v=>l((C=[])=>[...C,v]),[l]),u=p.useCallback(v=>l((C=[])=>C.filter(I=>I!==v)),[l]);return a.jsx(J,{scope:e.__scopeAccordion,value:c,onItemOpen:d,onItemClose:u,children:a.jsx(Q,{scope:e.__scopeAccordion,collapsible:!0,children:a.jsx(W,{...n,ref:i})})})}),[_e,j]=y(m),W=p.forwardRef((e,i)=>{const{__scopeAccordion:o,disabled:t,dir:r,orientation:n="vertical",...c}=e,l=p.useRef(null),d=L.useComposedRefs(l,i),u=be(o),C=le.useDirection(r)==="ltr",I=x.composeEventHandlers(e.onKeyDown,b=>{if(!xe.includes(b.key))return;const _=b.target,g=u().filter(S=>!S.ref.current?.disabled),A=g.findIndex(S=>S.ref.current===_),h=g.length;if(A===-1)return;b.preventDefault();let s=A;const R=0,N=h-1,E=()=>{s=A+1,s>N&&(s=R)},O=()=>{s=A-1,s<R&&(s=N)};switch(b.key){case"Home":s=R;break;case"End":s=N;break;case"ArrowRight":n==="horizontal"&&(C?E():O());break;case"ArrowDown":n==="vertical"&&E();break;case"ArrowLeft":n==="horizontal"&&(C?O():E());break;case"ArrowUp":n==="vertical"&&O();break}const ie=s%h;g[ie].ref.current?.focus()});return a.jsx(_e,{scope:o,disabled:t,direction:r,orientation:n,children:a.jsx(q.Slot,{scope:o,children:a.jsx(x.Primitive.div,{...c,"data-orientation":n,ref:d,onKeyDown:t?void 0:I})})})}),P="AccordionItem",[Pe,V]=y(P),X=p.forwardRef((e,i)=>{const{__scopeAccordion:o,value:t,...r}=e,n=j(P,o),c=Ae(P,o),l=H(o),d=G.useId(),u=t&&c.value.includes(t)||!1,v=n.disabled||e.disabled;return a.jsx(Pe,{scope:o,open:u,disabled:v,triggerId:d,children:a.jsx(ve,{"data-orientation":n.orientation,"data-state":re(u),...l,...r,ref:i,disabled:v,open:u,onOpenChange:C=>{C?c.onItemOpen(t):c.onItemClose(t)}})})});X.displayName=P;var Z="AccordionHeader",ee=p.forwardRef((e,i)=>{const{__scopeAccordion:o,...t}=e,r=j(m,o),n=V(Z,o);return a.jsx(x.Primitive.h3,{"data-orientation":r.orientation,"data-state":re(n.open),"data-disabled":n.disabled?"":void 0,...t,ref:i})});ee.displayName=Z;var D="AccordionTrigger",oe=p.forwardRef((e,i)=>{const{__scopeAccordion:o,...t}=e,r=j(m,o),n=V(D,o),c=he(D,o),l=H(o);return a.jsx(q.ItemSlot,{scope:o,children:a.jsx(Ce,{"aria-disabled":n.open&&!c.collapsible||void 0,"data-orientation":r.orientation,id:n.triggerId,...l,...t,ref:i})})});oe.displayName=D;var te="AccordionContent",ne=p.forwardRef((e,i)=>{const{__scopeAccordion:o,...t}=e,r=j(m,o),n=V(te,o),c=H(o);return a.jsx(me,{role:"region","aria-labelledby":n.triggerId,"data-orientation":r.orientation,...c,...t,ref:i,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}})});ne.displayName=te;function re(e){return e?"open":"closed"}var we=Y,ye=X,je=ee,Ne=oe,Ee=ne;exports.Content2=Ee;exports.Header=je;exports.Item=ye;exports.Root2=we;exports.Trigger2=Ne;

package/dist/index-BgzojN8c.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";const ne=require("react"),v=require("./index-5OKsHRWb.cjs"),z=require("./index-Bd0gQB0k.cjs"),A=require("./index-_XxjJPRD.cjs"),x=require("./index-CzY-WZXL.cjs"),le=require("./index-Cje7xxa1.cjs"),ce=require("./index-MQ0c3ZX_.cjs"),h=require("react/jsx-runtime");function se(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const c=se(ne);function ie(e,[o,r]){return Math.min(r,Math.max(o,e))}function ae(e,o){return c.useReducer((r,n)=>o[r][n]??r,e)}var X="ScrollArea",[B]=v.createContextScope(X),[de,p]=B(X),F=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:n="hover",dir:t,scrollHideDelay:l=600,...s}=e,[i,a]=c.useState(null),[f,d]=c.useState(null),[b,u]=c.useState(null),[S,g]=c.useState(null),[T,k]=c.useState(null),[C,_]=c.useState(0),[I,L]=c.useState(0),[D,y]=c.useState(!1),[j,H]=c.useState(!1),m=A.useComposedRefs(o,R=>a(R)),w=le.useDirection(t);return h.jsx(de,{scope:r,type:n,dir:w,scrollHideDelay:l,scrollArea:i,viewport:f,onViewportChange:d,content:b,onContentChange:u,scrollbarX:S,onScrollbarXChange:g,scrollbarXEnabled:D,onScrollbarXEnabledChange:y,scrollbarY:T,onScrollbarYChange:k,scrollbarYEnabled:j,onScrollbarYEnabledChange:H,onCornerWidthChange:_,onCornerHeightChange:L,children:h.jsx(v.Primitive.div,{dir:w,...s,ref:m,style:{position:"relative","--radix-scroll-area-corner-width":C+"px","--radix-scroll-area-corner-height":I+"px",...e.style}})})});F.displayName=X;var q="ScrollAreaViewport",$=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:n,nonce:t,...l}=e,s=p(q,r),i=c.useRef(null),a=A.useComposedRefs(o,i,s.onViewportChange);return h.jsxs(h.Fragment,{children:[h.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),h.jsx(v.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:a,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:h.jsx("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});$.displayName=q;var P="ScrollAreaScrollbar",G=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=p(P,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:s}=t,i=e.orientation==="horizontal";return c.useEffect(()=>(i?l(!0):s(!0),()=>{i?l(!1):s(!1)}),[i,l,s]),t.type==="hover"?h.jsx(ue,{...n,ref:o,forceMount:r}):t.type==="scroll"?h.jsx(fe,{...n,ref:o,forceMount:r}):t.type==="auto"?h.jsx(J,{...n,ref:o,forceMount:r}):t.type==="always"?h.jsx(Y,{...n,ref:o}):null});G.displayName=P;var ue=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=p(P,e.__scopeScrollArea),[l,s]=c.useState(!1);return c.useEffect(()=>{const i=t.scrollArea;let a=0;if(i){const f=()=>{window.clearTimeout(a),s(!0)},d=()=>{a=window.setTimeout(()=>s(!1),t.scrollHideDelay)};return i.addEventListener("pointerenter",f),i.addEventListener("pointerleave",d),()=>{window.clearTimeout(a),i.removeEventListener("pointerenter",f),i.removeEventListener("pointerleave",d)}}},[t.scrollArea,t.scrollHideDelay]),h.jsx(z.Presence,{present:r||l,children:h.jsx(J,{"data-state":l?"visible":"hidden",...n,ref:o})})}),fe=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=p(P,e.__scopeScrollArea),l=e.orientation==="horizontal",s=M(()=>a("SCROLL_END"),100),[i,a]=ae("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return c.useEffect(()=>{if(i==="idle"){const f=window.setTimeout(()=>a("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(f)}},[i,t.scrollHideDelay,a]),c.useEffect(()=>{const f=t.viewport,d=l?"scrollLeft":"scrollTop";if(f){let b=f[d];const u=()=>{const S=f[d];b!==S&&(a("SCROLL"),s()),b=S};return f.addEventListener("scroll",u),()=>f.removeEventListener("scroll",u)}},[t.viewport,l,a,s]),h.jsx(z.Presence,{present:r||i!=="hidden",children:h.jsx(Y,{"data-state":i==="hidden"?"hidden":"visible",...n,ref:o,onPointerEnter:v.composeEventHandlers(e.onPointerEnter,()=>a("POINTER_ENTER")),onPointerLeave:v.composeEventHandlers(e.onPointerLeave,()=>a("POINTER_LEAVE"))})})}),J=c.forwardRef((e,o)=>{const r=p(P,e.__scopeScrollArea),{forceMount:n,...t}=e,[l,s]=c.useState(!1),i=e.orientation==="horizontal",a=M(()=>{if(r.viewport){const f=r.viewport.offsetWidth<r.viewport.scrollWidth,d=r.viewport.offsetHeight<r.viewport.scrollHeight;s(i?f:d)}},10);return E(r.viewport,a),E(r.content,a),h.jsx(z.Presence,{present:n||l,children:h.jsx(Y,{"data-state":l?"visible":"hidden",...t,ref:o})})}),Y=c.forwardRef((e,o)=>{const{orientation:r="vertical",...n}=e,t=p(P,e.__scopeScrollArea),l=c.useRef(null),s=c.useRef(0),[i,a]=c.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=re(i.viewport,i.content),d={...n,sizes:i,onSizesChange:a,hasThumb:f>0&&f<1,onThumbChange:u=>l.current=u,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:u=>s.current=u};function b(u,S){return pe(u,s.current,i,S)}return r==="horizontal"?h.jsx(he,{...d,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const u=t.viewport.scrollLeft,S=V(u,i,t.dir);l.current.style.transform=`translate3d(${S}px, 0, 0)`}},onWheelScroll:u=>{t.viewport&&(t.viewport.scrollLeft=u)},onDragScroll:u=>{t.viewport&&(t.viewport.scrollLeft=b(u,t.dir))}}):r==="vertical"?h.jsx(be,{...d,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const u=t.viewport.scrollTop,S=V(u,i);l.current.style.transform=`translate3d(0, ${S}px, 0)`}},onWheelScroll:u=>{t.viewport&&(t.viewport.scrollTop=u)},onDragScroll:u=>{t.viewport&&(t.viewport.scrollTop=b(u))}}):null}),he=c.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=p(P,e.__scopeScrollArea),[s,i]=c.useState(),a=c.useRef(null),f=A.useComposedRefs(o,a,l.onScrollbarXChange);return c.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),h.jsx(Q,{"data-orientation":"horizontal",...t,ref:f,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":N(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,b)=>{if(l.viewport){const u=l.viewport.scrollLeft+d.deltaX;e.onWheelScroll(u),te(u,b)&&d.preventDefault()}},onResize:()=>{a.current&&l.viewport&&s&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:a.current.clientWidth,paddingStart:W(s.paddingLeft),paddingEnd:W(s.paddingRight)}})}})}),be=c.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=p(P,e.__scopeScrollArea),[s,i]=c.useState(),a=c.useRef(null),f=A.useComposedRefs(o,a,l.onScrollbarYChange);return c.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),h.jsx(Q,{"data-orientation":"vertical",...t,ref:f,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":N(r)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,b)=>{if(l.viewport){const u=l.viewport.scrollTop+d.deltaY;e.onWheelScroll(u),te(u,b)&&d.preventDefault()}},onResize:()=>{a.current&&l.viewport&&s&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:a.current.clientHeight,paddingStart:W(s.paddingTop),paddingEnd:W(s.paddingBottom)}})}})}),[Se,K]=B(P),Q=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:t,onThumbChange:l,onThumbPointerUp:s,onThumbPointerDown:i,onThumbPositionChange:a,onDragScroll:f,onWheelScroll:d,onResize:b,...u}=e,S=p(P,r),[g,T]=c.useState(null),k=A.useComposedRefs(o,m=>T(m)),C=c.useRef(null),_=c.useRef(""),I=S.viewport,L=n.content-n.viewport,D=x.useCallbackRef(d),y=x.useCallbackRef(a),j=M(b,10);function H(m){if(C.current){const w=m.clientX-C.current.left,R=m.clientY-C.current.top;f({x:w,y:R})}}return c.useEffect(()=>{const m=w=>{const R=w.target;g?.contains(R)&&D(w,L)};return document.addEventListener("wheel",m,{passive:!1}),()=>document.removeEventListener("wheel",m,{passive:!1})},[I,g,L,D]),c.useEffect(y,[n,y]),E(g,j),E(S.content,j),h.jsx(Se,{scope:r,scrollbar:g,hasThumb:t,onThumbChange:x.useCallbackRef(l),onThumbPointerUp:x.useCallbackRef(s),onThumbPositionChange:y,onThumbPointerDown:x.useCallbackRef(i),children:h.jsx(v.Primitive.div,{...u,ref:k,style:{position:"absolute",...u.style},onPointerDown:v.composeEventHandlers(e.onPointerDown,m=>{m.button===0&&(m.target.setPointerCapture(m.pointerId),C.current=g.getBoundingClientRect(),_.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",S.viewport&&(S.viewport.style.scrollBehavior="auto"),H(m))}),onPointerMove:v.composeEventHandlers(e.onPointerMove,H),onPointerUp:v.composeEventHandlers(e.onPointerUp,m=>{const w=m.target;w.hasPointerCapture(m.pointerId)&&w.releasePointerCapture(m.pointerId),document.body.style.webkitUserSelect=_.current,S.viewport&&(S.viewport.style.scrollBehavior=""),C.current=null})})})}),O="ScrollAreaThumb",Z=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=K(O,e.__scopeScrollArea);return h.jsx(z.Presence,{present:r||t.hasThumb,children:h.jsx(me,{ref:o,...n})})}),me=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:n,...t}=e,l=p(O,r),s=K(O,r),{onThumbPositionChange:i}=s,a=A.useComposedRefs(o,b=>s.onThumbChange(b)),f=c.useRef(void 0),d=M(()=>{f.current&&(f.current(),f.current=void 0)},100);return c.useEffect(()=>{const b=l.viewport;if(b){const u=()=>{if(d(),!f.current){const S=we(b,i);f.current=S,i()}};return i(),b.addEventListener("scroll",u),()=>b.removeEventListener("scroll",u)}},[l.viewport,d,i]),h.jsx(v.Primitive.div,{"data-state":s.hasThumb?"visible":"hidden",...t,ref:a,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:v.composeEventHandlers(e.onPointerDownCapture,b=>{const S=b.target.getBoundingClientRect(),g=b.clientX-S.left,T=b.clientY-S.top;s.onThumbPointerDown({x:g,y:T})}),onPointerUp:v.composeEventHandlers(e.onPointerUp,s.onThumbPointerUp)})});Z.displayName=O;var U="ScrollAreaCorner",ee=c.forwardRef((e,o)=>{const r=p(U,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?h.jsx(ve,{...e,ref:o}):null});ee.displayName=U;var ve=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,...n}=e,t=p(U,r),[l,s]=c.useState(0),[i,a]=c.useState(0),f=!!(l&&i);return E(t.scrollbarX,()=>{const d=t.scrollbarX?.offsetHeight||0;t.onCornerHeightChange(d),a(d)}),E(t.scrollbarY,()=>{const d=t.scrollbarY?.offsetWidth||0;t.onCornerWidthChange(d),s(d)}),f?h.jsx(v.Primitive.div,{...n,ref:o,style:{width:l,height:i,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function W(e){return e?parseInt(e,10):0}function re(e,o){const r=e/o;return isNaN(r)?0:r}function N(e){const o=re(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*o;return Math.max(n,18)}function pe(e,o,r,n="ltr"){const t=N(r),l=t/2,s=o||l,i=t-s,a=r.scrollbar.paddingStart+s,f=r.scrollbar.size-r.scrollbar.paddingEnd-i,d=r.content-r.viewport,b=n==="ltr"?[0,d]:[d*-1,0];return oe([a,f],b)(e)}function V(e,o,r="ltr"){const n=N(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,l=o.scrollbar.size-t,s=o.content-o.viewport,i=l-n,a=r==="ltr"?[0,s]:[s*-1,0],f=ie(e,a);return oe([0,s],[0,i])(f)}function oe(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const n=(o[1]-o[0])/(e[1]-e[0]);return o[0]+n*(r-e[0])}}function te(e,o){return e>0&&e<o}var we=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return(function t(){const l={left:e.scrollLeft,top:e.scrollTop},s=r.left!==l.left,i=r.top!==l.top;(s||i)&&o(),r=l,n=window.requestAnimationFrame(t)})(),()=>window.cancelAnimationFrame(n)};function M(e,o){const r=x.useCallbackRef(e),n=c.useRef(0);return c.useEffect(()=>()=>window.clearTimeout(n.current),[]),c.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,o)},[r,o])}function E(e,o){const r=x.useCallbackRef(o);ce.useLayoutEffect2(()=>{let n=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(n),t.unobserve(e)}}},[e,r])}exports.ScrollArea=F;exports.ScrollAreaCorner=ee;exports.ScrollAreaScrollbar=G;exports.ScrollAreaThumb=Z;exports.ScrollAreaViewport=$;

package/dist/index-BpWB3aFK.js

@@ -0,0 +1,71 @@
+'use client';
+import * as i from "react";
+import { u as y } from "./index-DLcqcWxM.js";
+import { u as A } from "./index-CCKe-Mpx.js";
+function T(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
+}
+var E = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = y(r.ref, P(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
+};
+E.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const o = l(r.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = r.current, m = a.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(r.current).includes(CSS.escape(u.animationName));
+        if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
+          const O = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(r.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: i.useCallback((o) => {
+      r.current = o ? getComputedStyle(o) : null, t(o);
+    }, [])
+  };
+}
+function l(n) {
+  return n?.animationName || "none";
+}
+function P(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+}
+export {
+  E as P
+};

package/dist/index-BtQfgaSF.js

@@ -0,0 +1,60 @@
+import * as e from "react";
+import { c as S } from "./index-DLcqcWxM.js";
+import { jsx as y } from "react/jsx-runtime";
+var E = Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
+function g(r) {
+  return typeof r == "object" && r !== null && "then" in r;
+}
+function d(r) {
+  return r != null && typeof r == "object" && "$$typeof" in r && r.$$typeof === E && "_payload" in r && g(r._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function C(r) {
+  const n = /* @__PURE__ */ _(r), o = e.forwardRef((i, t) => {
+    let { children: l, ...a } = i;
+    d(l) && typeof p == "function" && (l = p(l._payload));
+    const s = e.Children.toArray(l), f = s.find(b);
+    if (f) {
+      const c = f.props.children, m = s.map((u) => u === f ? e.Children.count(c) > 1 ? e.Children.only(null) : e.isValidElement(c) ? c.props.children : null : u);
+      return /* @__PURE__ */ y(n, { ...a, ref: t, children: e.isValidElement(c) ? e.cloneElement(c, void 0, m) : null });
+    }
+    return /* @__PURE__ */ y(n, { ...a, ref: t, children: l });
+  });
+  return o.displayName = `${r}.Slot`, o;
+}
+var V = /* @__PURE__ */ C("Slot");
+// @__NO_SIDE_EFFECTS__
+function _(r) {
+  const n = e.forwardRef((o, i) => {
+    let { children: t, ...l } = o;
+    if (d(t) && typeof p == "function" && (t = p(t._payload)), e.isValidElement(t)) {
+      const a = P(t), s = h(l, t.props);
+      return t.type !== e.Fragment && (s.ref = i ? S(i, a) : a), e.cloneElement(t, s);
+    }
+    return e.Children.count(t) > 1 ? e.Children.only(null) : null;
+  });
+  return n.displayName = `${r}.SlotClone`, n;
+}
+var R = Symbol("radix.slottable");
+function b(r) {
+  return e.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === R;
+}
+function h(r, n) {
+  const o = { ...n };
+  for (const i in n) {
+    const t = r[i], l = n[i];
+    /^on[A-Z]/.test(i) ? t && l ? o[i] = (...s) => {
+      const f = l(...s);
+      return t(...s), f;
+    } : t && (o[i] = t) : i === "style" ? o[i] = { ...t, ...l } : i === "className" && (o[i] = [t, l].filter(Boolean).join(" "));
+  }
+  return { ...r, ...o };
+}
+function P(r) {
+  let n = Object.getOwnPropertyDescriptor(r.props, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? r.ref : (n = Object.getOwnPropertyDescriptor(r, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? r.props.ref : r.props.ref || r.ref);
+}
+export {
+  V as S,
+  C as c
+};