admin-ui-starter-kit 0.6.8 → 0.7.0

package/dist/showcase/assets/CompositeItem-1e8qsdC5.js

@@ -0,0 +1 @@
+import{ar as e,ir as t,nr as n}from"./example-DDhaO2UY.js";import{t as r}from"./useCompositeItem-DVZX40q_.js";function i(i){let{render:a,className:o,style:s,state:c=e,props:l=t,refs:u=t,metadata:d,stateAttributesMapping:f,tag:p=`div`,...m}=i,{compositeProps:h,compositeRef:g}=r({metadata:d});return n(p,i,{state:c,ref:[...u,g],props:[h,...l,m],stateAttributesMapping:f})}export{i as t};

package/dist/showcase/assets/CompositeRoot-DneCUh3i.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Bt as n,It as r,Lt as i,Nn as a,Pt as o,ar as s,cr as c,hr as l,ir as u,m as d,mr as f,nr as p,ur as m,zt as h}from"./example-DDhaO2UY.js";import{d as g}from"./index-DSBghWdd.js";import{r as _}from"./useCompositeListItem-DWggcwRs.js";import{_ as v,a as y,c as b,g as x,h as S,i as C,l as w,m as T,n as E,o as D,r as O,t as k,u as A}from"./composite-D2jjTQvZ.js";import{t as j}from"./isElementDisabled-KSuuBj8D.js";var M=e(t(),1),N=`data-composite-item-active`,P=[];function F(e){let{loopFocus:t=!0,orientation:s=`both`,grid:u,onLoop:d,direction:p,highlightedIndex:m,onHighlightedIndexChange:g,rootRef:_,enableHomeAndEndKeys:A=!1,stopEventPropagation:N=!1,disabledIndices:F,modifierKeys:L=P}=e,[R,z]=M.useState(0),B=u!=null,V=M.useRef(null),H=c(V,_),U=M.useRef([]),W=M.useRef(!1),G=m??R,K=l((e,t=!1)=>{if((g??z)(e),t){let t=U.current[e];v(V.current,t,p,s)}}),q=l(e=>{if(e.size===0||W.current)return;W.current=!0;let t=Array.from(e.keys()),r=t.find(e=>e?.hasAttribute(`data-composite-item-active`))??null,i=r?t.indexOf(r):-1;if(i!==-1)K(i);else if(n(t,G,F)){let e=o(t,{disabledIndices:F});h(t,e)||K(e)}v(V.current,r,p,s)});f(()=>{if(F==null||m!=null||!W.current)return;let e=U.current;if(n(e,G,F)){let t=o(e,{disabledIndices:F});h(e,t)||K(t)}},[F,m,G,U,K]);let J=l((e,t,n)=>d?d(e,t,n,U):n),Y=l(e=>{let n=A?D:E;if(!n.has(e.key)||I(e,L)||!V.current)return;let c=p===`rtl`,l=c?O:C,f={horizontal:l,vertical:k,both:l}[s],m=c?C:O,g={horizontal:m,vertical:y,both:m}[s],_=a(e.nativeEvent);if(_!=null&&x(_)&&!j(_)){let t=_.selectionStart,n=_.selectionEnd,r=_.value??``;if(t==null||e.shiftKey||t!==n||e.key!==g&&t<r.length||e.key!==f&&t>0)return}let v=G,M=i(U,F),P=r(U,F);u!=null&&(v=u({disabledIndices:F,elementsRef:U,event:e,highlightedIndex:G,loopFocus:t,maxIndex:P,minIndex:M,onLoop:J,orientation:s,rtl:c}));let R={horizontal:[l],vertical:[k],both:[l,k]}[s],z={horizontal:[m],vertical:[y],both:[m,y]}[s],H=B?n:{horizontal:A?w:b,vertical:A?S:T,both:n}[s];A&&(e.key===`Home`?v=M:e.key===`End`&&(v=P)),v===G&&(R.includes(e.key)||z.includes(e.key))&&(t&&v===P&&R.includes(e.key)?(v=M,d&&(v=d(e,G,v,U))):t&&v===M&&z.includes(e.key)?(v=P,d&&(v=d(e,G,v,U))):v=o(U.current,{startingIndex:v,decrement:z.includes(e.key),disabledIndices:F})),v!==G&&!h(U.current,v)&&(N&&e.stopPropagation(),H.has(e.key)&&e.preventDefault(),K(v,!0),queueMicrotask(()=>{U.current[v]?.focus()}))});return{props:{ref:H,onFocus(e){let t=V.current,n=a(e.nativeEvent);!t||n==null||!x(n)||n.setSelectionRange(0,n.value.length??0)},onKeyDown:Y},highlightedIndex:G,onHighlightedIndexChange:K,elementsRef:U,disabledIndices:F,onMapChange:q,relayKeyboardEvent:Y}}function I(e,t){for(let n of A.values())if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}var L=g();function R(e){let{render:t,className:n,style:r,refs:i=u,props:a=u,state:o=s,stateAttributesMapping:c,highlightedIndex:l,onHighlightedIndexChange:f,orientation:h,grid:g,loopFocus:v,onLoop:y,enableHomeAndEndKeys:b,onMapChange:x,stopEventPropagation:S=!0,rootRef:C,disabledIndices:w,modifierKeys:T,highlightItemOnHover:E=!1,tag:D=`div`,...O}=e,{props:k,highlightedIndex:A,onHighlightedIndexChange:j,elementsRef:N,onMapChange:P,relayKeyboardEvent:I}=F({grid:g,loopFocus:v,onLoop:y,orientation:h,highlightedIndex:l,onHighlightedIndexChange:f,rootRef:C,stopEventPropagation:S,enableHomeAndEndKeys:b,direction:d(),disabledIndices:w,modifierKeys:T}),R=p(D,e,{state:o,ref:i,props:[k,...a,O],stateAttributesMapping:c}),z=M.useMemo(()=>({highlightedIndex:A,onHighlightedIndexChange:j,highlightItemOnHover:E,relayKeyboardEvent:I}),[A,j,E,I]);return(0,L.jsx)(m.Provider,{value:z,children:(0,L.jsx)(_,{elementsRef:N,onMapChange:e=>{x?.(e),P(e)},children:R})})}export{N as n,R as t};

package/dist/showcase/assets/DialogTrigger-CVhas4X-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{A as n,G as r,H as i,K as a,L as o,Mn as s,N as c,Nn as l,P as u,Q as d,Qt as f,R as p,U as m,V as h,W as g,Y as _,_ as v,ar as y,b,cn as x,fr as S,g as C,gt as w,it as T,j as E,k as D,lr as O,mt as k,nr as A,ot as j,rn as M,rt as N,v as P,z as F}from"./example-DDhaO2UY.js";import{d as I}from"./index-DSBghWdd.js";import{a as L,i as R,n as ee,o as te,s as ne}from"./useOpenInteractionType-CKNY2kPx.js";import{t as re}from"./inertValue-DOcq7b5x.js";import{o as z}from"./composite-D2jjTQvZ.js";var B=e(t(),1),V=B.createContext(!1),H=B.createContext(void 0);function U(e){let t=B.useContext(H);if(e===!1&&t===void 0)throw Error(S(27));return t}var W={...P,..._},G=B.forwardRef(function(e,t){let{render:n,className:r,style:i,forceRender:a=!1,...o}=e,{store:s}=U(),c=s.useState(`open`),l=s.useState(`nested`),u=s.useState(`mounted`);return A(`div`,e,{state:{open:c,transitionStatus:s.useState(`transitionStatus`)},ref:[s.context.backdropRef,t],stateAttributesMapping:W,props:[{role:`presentation`,hidden:!u,style:{userSelect:`none`,WebkitUserSelect:`none`}},o],enabled:a||!l})}),K=B.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,...s}=e,{store:c}=U(),l=c.useState(`open`),{getButtonProps:u,buttonRef:d}=O({disabled:a,native:o}),p={disabled:a};function m(e){l&&c.setOpen(!1,f(M,e.nativeEvent))}return A(`button`,e,{state:p,ref:[t,d],props:[{onClick:m},s,u]})}),q=B.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=U(),c=C(a);return s.useSyncedValueWithCleanup(`descriptionElementId`,c),A(`p`,e,{ref:t,props:[{id:c},o]})}),J=function(e){return e.nestedDialogs=`--nested-dialogs`,e}({}),Y=function(e){return e[e.open=v.open]=`open`,e[e.closed=v.closed]=`closed`,e[e.startingStyle=v.startingStyle]=`startingStyle`,e[e.endingStyle=v.endingStyle]=`endingStyle`,e.nested=`data-nested`,e.nestedDialogOpen=`data-nested-dialog-open`,e}({}),X=B.createContext(void 0);function ie(){let e=B.useContext(X);if(e===void 0)throw Error(S(26));return e}var Z=I(),ae={...P,..._,nestedDialogOpen(e){return e?{[Y.nestedDialogOpen]:``}:null}},oe=B.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:s,initialFocus:c,...l}=e,{store:d}=U(),f=d.useState(`descriptionElementId`),p=d.useState(`disablePointerDismissal`),m=d.useState(`floatingRootContext`),h=d.useState(`popupProps`),g=d.useState(`modal`),_=d.useState(`mounted`),v=d.useState(`nested`),y=d.useState(`nestedOpenDialogCount`),b=d.useState(`open`),x=d.useState(`openMethod`),S=d.useState(`titleElementId`),C=d.useState(`transitionStatus`),w=d.useState(`role`),T=m.useState(`floatingId`),E=l.id??T;ie(),a({open:b,ref:d.context.popupRef,onComplete(){b&&d.context.onOpenChangeComplete?.(!0)}});let D=c===void 0?o(d.context.popupRef):c,O=y>0,k=d.useStateSetter(`popupElement`),j=A(`div`,e,{state:{open:b,nested:v,transitionStatus:C,nestedDialogOpen:O},props:[h,{id:E,"aria-labelledby":S??void 0,"aria-describedby":f??void 0,role:w,...u,hidden:!_,onKeyDown(e){z.has(e.key)&&e.stopPropagation()},style:{[J.nestedDialogs]:y}},l],ref:[t,d.context.popupRef,k],stateAttributesMapping:ae});return(0,Z.jsx)(ne,{context:m,openInteractionType:x,disabled:!_,closeOnFocusOut:!p,initialFocus:D,returnFocus:s,modal:g!==!1,restoreFocus:`popup`,children:j})}),se=B.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=U(),a=i.useState(`mounted`),o=i.useState(`modal`),s=i.useState(`open`);return a||n?(0,Z.jsx)(X.Provider,{value:n,children:(0,Z.jsxs)(k,{ref:t,...r,children:[a&&o===!0&&(0,Z.jsx)(L,{ref:i.context.internalBackdropRef,inert:re(!s)}),e.children]})}):null});function ce(e){let{store:t,actionsRef:n}=e,r=t.useState(`open`);m(t,r),F(t);let{forceUnmount:i}=h(r,t),a=B.useCallback(()=>{t.setOpen(!1,f(x))},[t]);B.useImperativeHandle(n,()=>({unmount:i,close:a}),[i,a])}function le({store:e,parentContext:t,isDrawer:n}){let r=e.useState(`open`),a=e.useState(`disablePointerDismissal`),o=e.useState(`modal`),c=e.useState(`popupElement`),u=e.useState(`floatingRootContext`),[d,f]=B.useState(0),[p,m]=B.useState(0),h=d===0,g=j(u,{outsidePressEvent(){return e.context.internalBackdropRef.current||e.context.backdropRef.current?`intentional`:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}},outsidePress(t){if(!e.context.outsidePressEnabledRef.current||`button`in t&&t.button!==0||`touches`in t&&t.touches.length!==1)return!1;let n=l(t);return h&&!a?o&&(e.context.internalBackdropRef.current||e.context.backdropRef.current)?e.context.internalBackdropRef.current===n||e.context.backdropRef.current===n||s(n,c)&&!n?.hasAttribute(`data-base-ui-portal`):!0:!1},escapeKey:h});return R(r&&o===!0,c),e.useContextCallback(`onNestedDialogOpen`,(e,t)=>{f(e),m(t)}),e.useContextCallback(`onNestedDialogClose`,()=>{f(0),m(0)}),B.useEffect(()=>(t?.onNestedDialogOpen&&r&&t.onNestedDialogOpen(d+1,p+ +!!n),t?.onNestedDialogClose&&!r&&t.onNestedDialogClose(),()=>{t?.onNestedDialogClose&&r&&t.onNestedDialogClose()}),[n,r,d,p,t]),i(e,{activeTriggerProps:g.reference??y,inactiveTriggerProps:g.trigger??y,popupProps:g.floating??y,nestedOpenDialogCount:d,nestedOpenDrawerCount:p}),null}var ue={...E,modal:N(e=>e.modal),nested:N(e=>e.nested),nestedOpenDialogCount:N(e=>e.nestedOpenDialogCount),nestedOpenDrawerCount:N(e=>e.nestedOpenDrawerCount),disablePointerDismissal:N(e=>e.disablePointerDismissal),openMethod:N(e=>e.openMethod),descriptionElementId:N(e=>e.descriptionElementId),titleElementId:N(e=>e.titleElementId),viewportElement:N(e=>e.viewportElement),role:N(e=>e.role)},Q=class e extends d{constructor(e,t,r=!1){let i=new c,a=de(e);a.floatingRootContext=n(i,t,r),super(a,{popupRef:B.createRef(),backdropRef:B.createRef(),internalBackdropRef:B.createRef(),outsidePressEnabledRef:{current:!0},triggerElements:i,onOpenChange:void 0,onOpenChangeComplete:void 0},ue)}setOpen=(e,t)=>{if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},!e&&t.trigger==null&&this.state.activeTriggerId!=null&&(t.trigger=this.state.activeTriggerElement??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let n={open:e};p(n,e,t.trigger),this.update(n)};static useStore(t,n){return g(t,(t,r)=>new e(n,t,r),!0).store}};function de(e={}){return{...D(),modal:!0,disablePointerDismissal:!1,popupElement:null,viewportElement:null,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,nested:!1,nestedOpenDialogCount:0,nestedOpenDrawerCount:0,role:`dialog`,...e}}function $(e,t=`dialog`){let{children:n,open:r,defaultOpen:i=!1,onOpenChange:a,onOpenChangeComplete:o,disablePointerDismissal:s=!1,modal:c=!0,actionsRef:l,handle:u,triggerId:d,defaultTriggerId:f=null}=e,p=t===`drawer`,m=t===`alert-dialog`,h=m?!0:c,g=m||s,_=m?`alertdialog`:`dialog`,v=U(!0),y={modal:h,disablePointerDismissal:g,nested:!!v,role:_},b=Q.useStore(u?.store,{open:i,openProp:r,activeTriggerId:f,triggerIdProp:d,...y});T(()=>{let e=r===void 0&&b.state.open===!1&&i===!0?{open:!0,activeTriggerId:f}:null;m?b.update(e?{...y,...e}:y):e&&b.update(e)}),b.useControlledProp(`openProp`,r),b.useControlledProp(`triggerIdProp`,d),b.useSyncedValues(y),b.useContextCallback(`onOpenChange`,a),b.useContextCallback(`onOpenChangeComplete`,o);let x=b.useState(`open`),S=b.useState(`mounted`),C=b.useState(`payload`);ce({store:b,actionsRef:l});let w=x||S,E=B.useMemo(()=>({store:b}),[b]);return(0,Z.jsx)(V.Provider,{value:!1,children:(0,Z.jsxs)(H.Provider,{value:E,children:[w&&(0,Z.jsx)(le,{store:b,parentContext:v?.store.context,isDrawer:p}),typeof n==`function`?n({payload:C}):n]})})}function fe(e){return $(e,B.useContext(V)?`drawer`:`dialog`)}var pe=B.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=U(),c=C(a);return s.useSyncedValueWithCleanup(`titleElementId`,c),A(`h2`,e,{ref:t,props:[{id:c},o]})}),me=B.forwardRef(function(e,t){let{render:n,className:i,style:a,disabled:o=!1,nativeButton:s=!0,id:c,payload:l,handle:u,...d}=e,f=U(!0),p=u?.store??f?.store;if(!p)throw Error(S(79));let m=C(c),h=p.useState(`floatingRootContext`),g=p.useState(`isOpenedByTrigger`,m),_=p.useState(`triggerPopupId`,m),v=B.useRef(null),{registerTrigger:y,isMountedByThisTrigger:x}=r(m,v,p,{payload:l}),{getButtonProps:T,buttonRef:E}=O({disabled:o,native:s}),D=te(h,{enabled:h!=null}),k=ee(()=>p.select(`open`),e=>{p.set(`openMethod`,e)}),j={disabled:o,open:g},M=p.useState(`triggerProps`,x);return A(`button`,e,{state:j,ref:[E,t,y,v],props:[D.reference,M,k,{[w]:``,id:m,"aria-haspopup":`dialog`,"aria-expanded":g,"aria-controls":_},d,T],stateAttributesMapping:b})});export{se as a,K as c,$ as i,G as l,pe as n,oe as o,fe as r,q as s,me as t};

package/dist/showcase/assets/LabelableContext-Bfc22fLa.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{ar as n,fr as r,mr as i,or as a}from"./example-DDhaO2UY.js";var o=e(t(),1),s=function(e){return e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),c={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:null,valueMissing:!1},l={valid:null,touched:!1,dirty:!1,filled:!1,focused:!1},u={disabled:!1,...l},d={valid(e){return e===null?null:e?{[s.valid]:``}:{[s.invalid]:``}}},f={invalid:void 0,name:void 0,validityData:{state:c,errors:[],error:``,value:``,initialValue:null},setValidityData:a,disabled:void 0,touched:l.touched,setTouched:a,dirty:l.dirty,setDirty:a,filled:l.filled,setFilled:a,focused:l.focused,setFocused:a,validate:()=>null,validationMode:`onSubmit`,validationDebounceTime:0,shouldValidateOnChange:()=>!1,state:u,markedDirtyRef:{current:!1},registerFieldControl:a,validation:{getValidationProps:(e,t=n)=>t,inputRef:{current:null},registerInput:a,commit:async()=>{},change:a}},p=o.createContext(f);function m(e=!0){let t=o.useContext(p);if(t.setValidityData===a&&!e)throw Error(r(28));return t}function h(e,t,n,r,a=!0,s){let{registerFieldControl:c}=m(),l=o.useRef(null);l.current||=Symbol(),i(()=>{let i=l.current;if(!(!i||!a))return c(i,{controlRef:e,getValue:r,id:t,name:s,value:n}),()=>{c(i,void 0)}},[e,a,r,t,s,c,n])}var g=o.createContext({formRef:{current:{fields:new Map}},errors:{},clearErrors:a,validationMode:`onSubmit`,submitAttemptedRef:{current:!1}});function _(){return o.useContext(g)}var v=o.createContext({controlId:void 0,registerControlId:a,labelId:void 0,setLabelId:a,messageIds:[],setMessageIds:a,getDescriptionProps:e=>e});function y(){return o.useContext(v)}export{p as a,d as c,f as i,_ as n,m as o,h as r,l as s,y as t};

package/dist/showcase/assets/MenuTrigger-WTiiOMpe.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{B as n,C as r,Cr as i,D as a,G as o,H as s,I as c,K as l,Kt as u,Mn as d,N as f,P as p,Q as m,Qt as h,R as g,S as ee,Sr as te,Ut as _,V as v,Xn as y,Y as b,Yn as x,Z as S,Zn as C,_t as w,ar as T,bn as E,bt as D,cn as O,cr as ne,ct as k,d as A,dr as re,dt as ie,en as ae,f as oe,fr as j,ft as M,g as N,gr as P,hr as se,ir as F,j as ce,k as I,lr as L,lt as le,m as ue,mr as R,mt as z,nr as B,ot as V,p as H,pn as de,pr as U,pt as W,q as fe,qn as G,rt as K,u as pe,ut as me,v as he,vt as ge,x as _e,y as ve,yr as ye,z as be}from"./example-DDhaO2UY.js";import{d as q}from"./index-DSBghWdd.js";import{a as J,o as xe,r as Se,s as Ce,t as we}from"./useOpenInteractionType-CKNY2kPx.js";import{n as Te,r as Ee,t as Y}from"./getPseudoElementBounds-r_QLBIGn.js";import{t as De}from"./inertValue-DOcq7b5x.js";import{n as Oe,r as X}from"./useCompositeListItem-DWggcwRs.js";import{t as ke}from"./ToolbarRootContext-BY_Czi0-.js";import{o as Ae}from"./composite-D2jjTQvZ.js";import{t as je}from"./CompositeItem-1e8qsdC5.js";import{t as Me}from"./useTriggerFocusGuards-D74GGv1k.js";var Z=q(),Q=e(t(),1),Ne=Q.createContext(void 0);function Pe(e){let t=Q.useContext(Ne);if(t===void 0&&!e)throw Error(j(33));return t}var Fe=Q.createContext(void 0);function $(e){let t=Q.useContext(Fe);if(t===void 0&&!e)throw Error(j(36));return t}var Ie=Q.createContext(void 0);function Le(e=!0){let t=Q.useContext(Ie);if(t===void 0&&!e)throw Error(j(25));return t}function Re(e){let{closeOnClick:t,highlighted:n,id:r,nodeId:i,store:a,typingRef:o,itemRef:s,itemMetadata:c}=e,{events:l}=a.useState(`floatingTreeRoot`),u=a.useState(`open`),d=Le(!0),f=d!==void 0;return Q.useMemo(()=>({id:r,role:`menuitem`,tabIndex:u&&n?0:-1,onKeyDown(e){e.key===` `&&o?.current&&e.preventDefault()},onMouseMove(e){i&&l.emit(`itemhover`,{nodeId:i,target:e.currentTarget})},onClick(e){t&&l.emit(`close`,{domEvent:e,reason:de})},onMouseUp(e){if(d){let t=d.initialCursorPointRef.current;if(d.initialCursorPointRef.current=null,f&&t&&Math.abs(e.clientX-t.x)<=1&&Math.abs(e.clientY-t.y)<=1||f&&!G&&e.button===2)return}s.current&&a.context.allowMouseUpTriggerRef.current&&(!f||e.button===2)&&(!c||c.type===`regular-item`)&&s.current.click()}}),[t,n,r,l,i,u,a,o,s,d,f,c])}var ze={type:`regular-item`};function Be(e){let{closeOnClick:t,disabled:n=!1,highlighted:r,id:i,store:a,typingRef:o=a.context.typingRef,nativeButton:s,itemMetadata:c,nodeId:l}=e,u=a.useState(`disabled`),d=n||u,f=Q.useRef(null),{getButtonProps:p,buttonRef:m}=L({disabled:d,focusableWhenDisabled:!0,native:s,composite:!0}),h=Re({closeOnClick:t,highlighted:r,id:i,nodeId:l,store:a,typingRef:o,itemRef:f,itemMetadata:c}),g=Q.useCallback(e=>U(h,{onMouseEnter(){c.type===`submenu-trigger`&&c.setActive()}},e,p),[h,p,c]),ee=ne(f,m);return Q.useMemo(()=>({getItemProps:g,itemRef:ee}),[g,ee])}var Ve=Q.createContext(void 0);function He(){let e=Q.useContext(Ve);if(e===void 0)throw Error(j(31));return e}var Ue=Q.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,[o,s]=Q.useState(void 0),c=B(`div`,e,{ref:t,props:{role:`group`,"aria-labelledby":o,...a}});return(0,Z.jsx)(Ve.Provider,{value:s,children:c})}),We=Q.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,s=N(a),c=He();return R(()=>(c(s),()=>{c(void 0)}),[c,s]),B(`div`,e,{ref:t,props:{id:s,role:`presentation`,...o}})}),Ge=Q.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,nativeButton:o=!1,disabled:s=!1,closeOnClick:c=!0,style:l,...u}=e,d=Oe({label:a}),f=Pe(!0),p=N(i),{store:m}=$(),h=m.useState(`isActive`,d.index),g=m.useState(`itemProps`),{getItemProps:ee,itemRef:te}=Be({closeOnClick:c,disabled:s,highlighted:h,id:p,store:m,nativeButton:o,nodeId:f?.context.nodeId,itemMetadata:ze});return B(`div`,e,{state:{disabled:s,highlighted:h},props:[g,u,ee],ref:[te,t,d.ref]})}),Ke={...he,...b},qe=Q.forwardRef(function(e,t){let{render:n,className:i,style:a,finalFocus:o,...s}=e,{store:c}=$(),{side:u,align:d}=Pe(),f=ke(!0)!=null,p=c.useState(`open`),m=c.useState(`transitionStatus`),g=c.useState(`popupProps`),ee=c.useState(`mounted`),te=c.useState(`instantType`),_=c.useState(`activeTriggerElement`),v=c.useState(`parent`),y=c.useState(`lastOpenChangeReason`),b=c.useState(`rootId`),x=c.useState(`floatingRootContext`),S=c.useState(`floatingTreeRoot`),C=c.useState(`closeDelay`),w=c.useState(`activeTriggerElement`),T=c.useState(`hoverEnabled`),E=c.useState(`disabled`),D=c.useState(`openMethod`),O=v.type===`context-menu`;l({open:p,ref:c.context.popupRef,onComplete(){p&&c.context.onOpenChangeComplete?.(!0)}}),Q.useEffect(()=>{function e(e){c.setOpen(!1,h(e.reason,e.domEvent))}return S.events.on(`close`,e),()=>{S.events.off(`close`,e)}},[S.events,c]),r(x,{enabled:T&&!E&&!O&&v.type!==`menubar`,closeDelay:C});let ne=Q.useCallback(e=>{c.set(`popupElement`,e)},[c]),k=B(`div`,e,{state:{transitionStatus:m,side:u,align:d,open:p,nested:v.type===`menu`,instant:te},ref:[t,c.context.popupRef,ne],stateAttributesMapping:Ke,props:[g,{onKeyDown(e){f&&Ae.has(e.key)&&e.stopPropagation()}},A(m),s,{"data-rootownerid":b}]}),re=v.type===void 0||O;return(_||v.type===`menubar`&&y!==`outside-press`)&&(re=!0),(0,Z.jsx)(Ce,{context:x,openInteractionType:D,modal:O,disabled:!ee,returnFocus:o===void 0?re:o,initialFocus:v.type!==`menu`,restoreFocus:!0,externalTree:v.type===`menubar`?void 0:S,previousFocusableElement:w,nextFocusableElement:v.type===void 0?c.context.triggerFocusTargetRef:void 0,beforeContentFocusGuardRef:v.type===void 0?c.context.beforeContentFocusGuardRef:void 0,children:k})}),Je=Q.createContext(void 0);function Ye(){let e=Q.useContext(Je);if(e===void 0)throw Error(j(32));return e}var Xe=Q.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=$();return i.useState(`mounted`)||n?(0,Z.jsx)(Je.Provider,{value:n,children:(0,Z.jsx)(z,{ref:t,...r})}):null}),Ze=Q.forwardRef(function(e,t){let{anchor:n,positionMethod:r=`absolute`,className:i,render:a,side:o,align:s,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d=5,arrowPadding:f=5,sticky:p=!1,disableAnchorTracking:m=!1,collisionAvoidance:g=w,style:ee,...te}=e,{store:_}=$(),v=Ye(),y=Le(!0),b=_.useState(`parent`),S=_.useState(`floatingRootContext`),C=_.useState(`floatingTreeRoot`),T=_.useState(`mounted`),D=_.useState(`open`),O=_.useState(`modal`),ne=_.useState(`openMethod`),A=_.useState(`activeTriggerElement`),re=_.useState(`transitionStatus`),ie=_.useState(`positionerElement`),ae=_.useState(`instantType`),j=_.useState(`hasViewport`),M=_.useState(`lastOpenChangeReason`),N=_.useState(`floatingNodeId`),P=_.useState(`floatingParentNodeId`),se=S.useState(`domReferenceElement`),F=Q.useRef(null),ce=fe(ie,!1,!1),I=n,L=c,le=l,ue=s,z=g;b.type===`context-menu`&&(I=n??b.context?.anchor,ue??=`start`,!o&&ue!==`center`&&(le=e.alignOffset??2,L=e.sideOffset??-5));let B=o,V=ue;b.type===`menu`?(B??=`inline-end`,V??=`start`,z=e.collisionAvoidance??ge):b.type===`menubar`&&(B??=b.context.orientation===`vertical`?`inline-end`:`bottom`,V??=`start`);let de=b.type===`context-menu`,U=oe({anchor:I,floatingRootContext:S,positionMethod:y?`fixed`:r,mounted:T,side:B,sideOffset:L,align:V,alignOffset:le,arrowPadding:de?0:f,collisionBoundary:u,collisionPadding:d,sticky:p,nodeId:N,keepMounted:v,disableAnchorTracking:m,collisionAvoidance:z,shiftCrossAxis:de&&!(`side`in z&&z.side===`flip`),externalTree:C,adaptiveOrigin:j?H:void 0});Q.useEffect(()=>{function e(e){e.open&&(e.parentNodeId===N&&_.set(`hoverEnabled`,!1),e.nodeId!==N&&e.parentNodeId===_.select(`floatingParentNodeId`)&&_.setOpen(!1,h(E)))}return C.events.on(`menuopenchange`,e),()=>{C.events.off(`menuopenchange`,e)}},[_,C.events,N]),Q.useEffect(()=>{if(_.select(`floatingParentNodeId`)==null)return;function e(e){if(e.open||e.nodeId!==_.select(`floatingParentNodeId`))return;let t=e.reason??`sibling-open`;_.setOpen(!1,h(t))}return C.events.on(`menuopenchange`,e),()=>{C.events.off(`menuopenchange`,e)}},[C.events,_]);let W=x();Q.useEffect(()=>{D||W.clear()},[D,W]),Q.useEffect(()=>{function e(e){if(!(!D||e.nodeId!==_.select(`floatingParentNodeId`)))if(e.target&&A&&A!==e.target){let e=_.select(`closeDelay`);e>0?W.isStarted()||W.start(e,()=>{_.setOpen(!1,h(E))}):_.setOpen(!1,h(E))}else W.clear()}return C.events.on(`itemhover`,e),()=>{C.events.off(`itemhover`,e)}},[C.events,D,A,_,W]),Q.useEffect(()=>{let e={open:D,nodeId:N,parentNodeId:P,reason:_.select(`lastOpenChangeReason`)};C.events.emit(`menuopenchange`,e)},[C.events,D,_,N,P]),R(()=>{let e=se,t=F.current;if(e&&(F.current=e),t&&e&&e!==t){_.set(`instantType`,void 0);let e=new AbortController;return ce(()=>{_.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[se,ce,_]);let G={open:D,side:U.side,align:U.align,anchorHidden:U.anchorHidden,nested:b.type===`menu`,instant:ae},K=b.type===`menubar`&&b.context.modal;Se(D&&(K||O&&M!==`trigger-hover`),ne===`touch`,ie,A);let me=pe(e,G,{styles:U.positionerStyles,transitionStatus:re,props:te,refs:[t,_.useStateSetter(`positionerElement`)],hidden:!T,inert:!D}),he=T&&b.type!==`menu`&&(b.type!==`menubar`&&O&&M!==`trigger-hover`||b.type===`menubar`&&b.context.modal),_e=null;return b.type===`menubar`?_e=b.context.contentElement:b.type===void 0&&(_e=A),(0,Z.jsxs)(Ne.Provider,{value:U,children:[he&&(0,Z.jsx)(J,{ref:b.type===`context-menu`||b.type===`nested-context-menu`?b.context.internalBackdropRef:null,inert:De(!D),cutout:_e}),(0,Z.jsx)(k,{id:N,children:(0,Z.jsx)(X,{elementsRef:_.context.itemDomElements,labelsRef:_.context.itemLabels,children:me})})]})}),Qe=Q.createContext(null);function $e(e){let t=Q.useContext(Qe);if(t===null&&!e)throw Error(j(5));return t}var et={...ce,disabled:K(e=>e.parent.type===`menubar`&&e.parent.context.disabled||e.disabled),modal:K(e=>(e.parent.type===void 0||e.parent.type===`context-menu`)&&(e.modal??!0)),openMethod:K(e=>e.openMethod),allowMouseEnter:K(e=>e.allowMouseEnter),highlightItemOnHover:K(e=>e.highlightItemOnHover),stickIfOpen:K(e=>e.stickIfOpen),parent:K(e=>e.parent),rootId:K(e=>e.parent.type===`menu`?e.parent.store.select(`rootId`):e.parent.type===void 0?e.rootId:e.parent.context.rootId),activeIndex:K(e=>e.activeIndex),isActive:K((e,t)=>e.activeIndex===t),hoverEnabled:K(e=>e.hoverEnabled),instantType:K(e=>e.instantType),lastOpenChangeReason:K(e=>e.openChangeReason),floatingTreeRoot:K(e=>e.parent.type===`menu`?e.parent.store.select(`floatingTreeRoot`):e.floatingTreeRoot),floatingNodeId:K(e=>e.floatingNodeId),floatingParentNodeId:K(e=>e.floatingParentNodeId),itemProps:K(e=>e.itemProps),closeDelay:K(e=>e.closeDelay),hasViewport:K(e=>e.hasViewport),keyboardEventRelay:K(e=>{if(e.keyboardEventRelay)return e.keyboardEventRelay;if(e.parent.type===`menu`)return e.parent.store.select(`keyboardEventRelay`)})},tt=class e extends m{constructor(e){super({...nt(),...e},{positionerRef:Q.createRef(),popupRef:Q.createRef(),typingRef:{current:!1},itemDomElements:{current:[]},itemLabels:{current:[]},allowMouseUpTriggerRef:{current:!1},triggerFocusTargetRef:Q.createRef(),beforeContentFocusGuardRef:Q.createRef(),onOpenChangeComplete:void 0,triggerElements:new f},et),this.unsubscribeParentListener=this.observe(`parent`,e=>{if(this.unsubscribeParentListener?.(),e.type===`menu`){let t=e.store.select(`rootId`),n=e.store.select(`floatingTreeRoot`),r=e.store.select(`keyboardEventRelay`);this.unsubscribeParentListener=e.store.subscribe(()=>{let i=e.store.select(`rootId`),a=e.store.select(`floatingTreeRoot`),o=e.store.select(`keyboardEventRelay`);t===i&&n===a&&r===o||(t=i,n=a,r=o,this.notifyAll())}),this.context.allowMouseUpTriggerRef=e.store.context.allowMouseUpTriggerRef;return}e.type!==void 0&&(this.context.allowMouseUpTriggerRef=e.context.allowMouseUpTriggerRef),this.unsubscribeParentListener=null})}setOpen(e,t){this.state.floatingRootContext.context.events.emit(`setOpen`,{open:e,eventDetails:t})}static useStore(t,n){let r=P(()=>new e(n)).current;return t??r}unsubscribeParentListener=null};function nt(){return{...I(),disabled:!1,modal:!0,openMethod:null,allowMouseEnter:!1,highlightItemOnHover:!0,stickIfOpen:!0,parent:{type:void 0},rootId:void 0,activeIndex:null,hoverEnabled:!0,instantType:void 0,openChangeReason:null,floatingTreeRoot:new W,floatingNodeId:void 0,floatingParentNodeId:null,itemProps:T,keyboardEventRelay:void 0,closeDelay:0,hasViewport:!1}}var rt=Q.createContext(void 0);function it(){return Q.useContext(rt)}var at=y(function(e){let{children:t,open:r,onOpenChange:i,onOpenChangeComplete:a,defaultOpen:o=!1,disabled:l=!1,modal:u,loopFocus:d=!0,orientation:f=`vertical`,actionsRef:m,closeParentOnEsc:ee=!1,handle:te,triggerId:_,defaultTriggerId:y=null,highlightItemOnHover:b=!0}=e,C=Le(!0),w=$(!0),E=$e(!0),ne=it(),k=Q.useMemo(()=>ne&&w?{type:`menu`,store:w.store}:E?{type:`menubar`,context:E}:C&&!w?{type:`context-menu`,context:C}:{type:void 0},[C,w,E,ne]),A=tt.useStore(te?.store,{open:o,openProp:r,activeTriggerId:y,triggerIdProp:_,parent:k});n(A,r,o,y),A.useControlledProp(`openProp`,r),A.useControlledProp(`triggerIdProp`,_),A.useContextCallback(`onOpenChangeComplete`,a);let re=D(),ae=D(),oe=A.useState(`floatingTreeRoot`),j=me(oe),M=ie(),N=A.useState(`open`),P=A.useState(`activeTriggerElement`),ce=A.useState(`positionerElement`),I=A.useState(`hoverEnabled`),L=A.useState(`disabled`),z=A.useState(`lastOpenChangeReason`),B=A.useState(`parent`),H=A.useState(`activeIndex`),de=A.useState(`payload`),W=A.useState(`floatingParentNodeId`),fe=Q.useRef(null),G=Q.useRef(B.type!==`context-menu`),K=x(),pe=Q.useRef(!0),he=x(),ge=W!=null,{openMethod:_e,triggerProps:ve}=we(N);A.useSyncedValues({disabled:l,highlightItemOnHover:b,modal:B.type===void 0?u:void 0,openMethod:_e,rootId:re}),be(A);let{forceUnmount:ye}=v(N,A,()=>{A.update({allowMouseEnter:!1,stickIfOpen:!0})});R(()=>{C&&!w?A.update({parent:{type:`context-menu`,context:C},floatingNodeId:j,floatingParentNodeId:M}):w&&A.update({floatingNodeId:j,floatingParentNodeId:M})},[C,w,j,M,A]),Q.useEffect(()=>{if(N||(fe.current=null),B.type===`context-menu`){if(!N){K.clear(),G.current=!1;return}K.start(500,()=>{G.current=!0})}},[K,N,B.type]),R(()=>{!N&&!I&&A.set(`hoverEnabled`,!0)},[N,I,A]);let q=se((e,t)=>{let n=t.reason;if(N===e&&t.trigger===P&&z===n)return;let r=c(t);if(!e&&t.trigger==null&&(t.trigger=P??void 0),i?.(e,t),t.isCanceled)return;A.state.floatingRootContext.dispatchOpenChange(e,t);let a=t.event;if(e===!1&&a?.type===`click`&&a.pointerType===`touch`&&!pe.current)return;e&&n===`trigger-focus`?(pe.current=!1,he.start(300,()=>{pe.current=!0})):(pe.current=!0,he.clear());let o=(n===`trigger-press`||n===`item-press`)&&a.detail===0&&a?.isTrusted,s=!e&&(n===`escape-key`||n==null),l={open:e,openChangeReason:n};fe.current=t.event??null,g(l,e,t.trigger,r()),A.update(l),B.type===`menubar`&&(n===`trigger-focus`||n===`focus-out`||n===`trigger-hover`||n===`list-navigation`||n===`sibling-open`)?A.set(`instantType`,`group`):o||s?A.set(`instantType`,o?`click`:`dismiss`):A.set(`instantType`,void 0)}),J=S({popupStore:A,floatingId:ae,nested:M!=null,onOpenChange:q}),xe=J.context.events;Q.useEffect(()=>{let e=({open:e,eventDetails:t})=>q(e,t);return xe.on(`setOpen`,e),()=>{xe?.off(`setOpen`,e)}},[xe,q]);let Se=Q.useCallback(()=>{A.setOpen(!1,h(O))},[A]);Q.useImperativeHandle(m,()=>({unmount:ye,close:Se}),[ye,Se]);let Ce;B.type===`context-menu`&&(Ce=B.context),Q.useImperativeHandle(Ce?.positionerRef,()=>ce,[ce]),Q.useImperativeHandle(Ce?.actionsRef,()=>({setOpen:q}),[q]);let Y=V(J,{enabled:!L,bubbles:{escapeKey:ee&&B.type===`menu`},outsidePress(){return B.type!==`context-menu`||fe.current?.type===`contextmenu`?!0:G.current},externalTree:ge?oe:void 0}),De=ue(),Oe=Q.useCallback(e=>{A.select(`activeIndex`)!==e&&A.set(`activeIndex`,e)},[A]),X=Ee(J,{enabled:!L,listRef:A.context.itemDomElements,activeIndex:H,nested:B.type!==void 0,loopFocus:d,orientation:f,parentOrientation:B.type===`menubar`?B.context.orientation:void 0,rtl:De===`rtl`,disabledIndices:F,onNavigate:Oe,openOnArrowKeyDown:B.type!==`context-menu`,externalTree:ge?oe:void 0,focusItemOnHover:b}),ke=Q.useCallback(e=>{A.context.typingRef.current=e},[A]),Ae=Te(J,{enabled:!L,listRef:A.context.itemLabels,elementsRef:A.context.itemDomElements,activeIndex:H,resetMs:500,onMatch:e=>{N&&e!==H&&A.set(`activeIndex`,e)},onTyping:ke});s(A,{floatingRootContext:J,activeTriggerProps:Q.useMemo(()=>{let e=U(Ae.reference,X.reference,Y.reference,{onMouseMove(){A.set(`allowMouseEnter`,!0)}},ve);return e[`aria-haspopup`]=`menu`,e[`aria-expanded`]=N,e},[A,Ae.reference,X.reference,Y.reference,ve,N]),inactiveTriggerProps:Q.useMemo(()=>{let e=U(X.trigger,Y.trigger,ve);return e[`aria-haspopup`]=`menu`,e[`aria-expanded`]=!1,e},[X.trigger,Y.trigger,ve]),popupProps:Q.useMemo(()=>U(p,{id:ae,role:`menu`,"aria-labelledby":P?.id,onMouseMove(){A.set(`allowMouseEnter`,!0),B.type===`menu`&&A.set(`hoverEnabled`,!1)},onClick(){A.select(`hoverEnabled`)&&A.set(`hoverEnabled`,!1)},onKeyDown(e){let t=A.select(`keyboardEventRelay`);t&&!e.isPropagationStopped()&&t(e)}},Ae.floating,X.floating,Y.floating),[P,ae,B.type,A,Ae.floating,X.floating,Y.floating]),itemProps:X.item??T});let je=Q.useMemo(()=>({store:A,parent:k}),[A,k]),Me=(0,Z.jsx)(Fe.Provider,{value:je,children:typeof t==`function`?t({payload:de}):t});return B.type===void 0||B.type===`context-menu`?(0,Z.jsx)(le,{externalTree:oe,children:Me}):Me});function ot(e){if(te(e)&&e.hasAttribute(`data-rootownerid`))return e.getAttribute(`data-rootownerid`)??void 0;if(!i(e))return ot(ye(e))}function st(e){let{enabled:t=!0,mouseDownAction:n,open:r}=e,i=Q.useRef(!1);return Q.useMemo(()=>t?{onMouseDown:e=>{(n===`open`&&!r||n===`close`&&r)&&(i.current=!0,u(e.currentTarget).addEventListener(`click`,()=>{i.current=!1},{once:!0}))},onClick:e=>{i.current&&(i.current=!1,e.preventBaseUIHandler())}}:T,[t,n,r])}var ct=2,lt=C(function(e,t){let{render:n,className:r,style:i,disabled:s=!1,nativeButton:c=!0,id:l,openOnHover:f,delay:p=100,closeDelay:m=0,handle:h,payload:g,...te}=e,v=$(!0),y=h?.store??v?.store;if(!y)throw Error(j(85));let b=N(l),S=y.useState(`isTriggerActive`,b),C=y.useState(`floatingRootContext`),w=y.useState(`isOpenedByTrigger`,b),E=y.useState(`triggerPopupId`,b),D=Q.useRef(null),O=dt(),ne=re(!0),k=M(),A=Q.useMemo(()=>k??new W,[k]),{registerTrigger:oe,isMountedByThisTrigger:P}=o(b,D,y,{payload:g,closeDelay:m,parent:O,floatingTreeRoot:A,floatingNodeId:me(A),floatingParentNodeId:ie(),keyboardEventRelay:ne?.relayKeyboardEvent}),F=O.type===`menubar`,ce=y.useState(`disabled`),I=s||ce||F&&O.context.disabled,{getButtonProps:le,buttonRef:ue}=L({disabled:I,native:c});Q.useEffect(()=>{!w&&O.type===void 0&&(y.context.allowMouseUpTriggerRef.current=!1)},[y,w,O.type]);let R=Q.useRef(null),z=x(),V=se(e=>{if(!R.current)return;z.clear(),y.context.allowMouseUpTriggerRef.current=!1;let t=e.target;if(d(R.current,t)||d(y.select(`positionerElement`),t)||t===R.current||t!=null&&ot(t)===y.select(`rootId`))return;let n=Y(R.current);e.clientX>=n.left-ct&&e.clientX<=n.right+ct&&e.clientY>=n.top-ct&&e.clientY<=n.bottom+ct||A.events.emit(`close`,{domEvent:e,reason:ae})});Q.useEffect(()=>{w&&y.select(`lastOpenChangeReason`)===`trigger-hover`&&u(R.current).addEventListener(`mouseup`,V,{once:!0})},[w,V,y]);let H=F&&O.context.hasSubmenuOpen,de=ee(C,{enabled:(f??H)&&!I&&O.type!==`context-menu`&&(!F||H&&!P),handleClose:_e({blockPointerEvents:!F}),mouseOnly:!0,move:!1,restMs:O.type===void 0?p:void 0,delay:{close:m},triggerElementRef:D,externalTree:A,isActiveTrigger:S,isClosing:()=>y.select(`transitionStatus`)===`ending`}),fe=ut(w,y.select(`lastOpenChangeReason`)),G=xe(C,{enabled:!I&&O.type!==`context-menu`,event:w&&F?`click`:`mousedown`,toggle:!0,ignoreMouse:!1,stickIfOpen:O.type===void 0?fe:!1}),K=a(C,{enabled:!I&&H}),pe=st({open:w,enabled:F,mouseDownAction:`open`}),he=Q.useMemo(()=>U(K.reference,G.reference),[K.reference,G.reference]),ge=y.useState(`triggerProps`,P),{preFocusGuardRef:ye,handlePreFocusGuardFocus:be,handleFocusTargetFocus:q}=Me(y,D),J={disabled:I,open:w},Se=[R,t,ue,oe,D],Ce=[he,de??T,ge,{"aria-haspopup":`menu`,"aria-controls":E,id:b,onMouseDown:e=>{y.select(`open`)||(z.start(200,()=>{y.context.allowMouseUpTriggerRef.current=!0}),u(e.currentTarget).addEventListener(`mouseup`,V,{once:!0}))}},F?{role:`menuitem`}:{},pe,te,le],we=B(`button`,e,{enabled:!F,stateAttributesMapping:ve,state:J,ref:Se,props:Ce});return F?(0,Z.jsx)(je,{tag:`button`,render:n,className:r,style:i,state:J,refs:Se,props:Ce,stateAttributesMapping:ve}):w?(0,Z.jsxs)(Q.Fragment,{children:[(0,Z.jsx)(_,{ref:ye,onFocus:be},`${b}-pre-focus-guard`),(0,Z.jsx)(Q.Fragment,{children:we},b),(0,Z.jsx)(_,{ref:y.context.triggerFocusTargetRef,onFocus:q},`${b}-post-focus-guard`)]}):(0,Z.jsx)(Q.Fragment,{children:we},b)});function ut(e,t){let n=x(),[r,i]=Q.useState(!1);return R(()=>{e&&t===`trigger-hover`?(i(!0),n.start(500,()=>{i(!1)})):e||(n.clear(),i(!1))},[e,t,n]),r}function dt(){let e=Le(!0),t=$(!0),n=$e(!0);return Q.useMemo(()=>n?{type:`menubar`,context:n}:e&&!t?{type:`context-menu`,context:e}:{type:void 0},[e,t,n])}export{Fe as _,$e as a,qe as c,Ue as d,ze as f,Le as g,Ie as h,Qe as i,Ge as l,Re as m,ot as n,Ze as o,Be as p,at as r,Xe as s,lt as t,We as u,$ as v,Pe as y};

package/dist/showcase/assets/PreviewLayout-ClbLOtTa.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t}from"./index-DSBghWdd.js";e();var n=t();function r({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex flex-wrap items-center gap-3 ${t}`,children:e})}function i({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex w-full flex-col gap-5 ${t}`,children:e})}export{r as n,i as t};

package/dist/showcase/assets/RadioGroup-DEBYMgi5.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Gt as ee,K as n,Mn as te,Qt as r,Wt as i,X as a,Y as o,ar as s,br as c,cr as l,fr as u,g as d,hr as f,lr as p,mr as m,nr as h,or as g,vn as ne}from"./example-DDhaO2UY.js";import{d as _}from"./index-DSBghWdd.js";import{t as v}from"./useControlled-BHUji6Sp.js";import{p as y}from"./composite-D2jjTQvZ.js";import{t as b}from"./useValueChanged-BjYsvuOC.js";import{t as re}from"./CompositeItem-1e8qsdC5.js";import{t as ie}from"./serializeValue-B_EucO5O.js";import{c as x,n as ae,o as oe,r as se,t as ce}from"./LabelableContext-Bfc22fLa.js";import{t as S}from"./useLabelableId-Dx_-xVBr.js";import{t as C}from"./FieldItemContext-ChrM5Ge4.js";import{t as le}from"./useAriaLabelledBy-Bl2oGr7T.js";import{n as ue,t as w}from"./CompositeRoot-DneCUh3i.js";var T=e(t(),1),E=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.disabled=`data-disabled`,e.readonly=`data-readonly`,e.required=`data-required`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),D={checked(e){return e?{[E.checked]:``}:{[E.unchecked]:``}},...o,...x},O=T.createContext(void 0);function de(){return T.useContext(O)}var k=T.createContext(void 0);function A(){let e=T.useContext(k);if(e===void 0)throw Error(u(52));return e}var j=_(),M=T.forwardRef(function(e,t){let{render:n,className:te,disabled:a=!1,readOnly:o=!1,required:u=!1,"aria-labelledby":_,value:v,inputRef:y,nativeButton:b=!1,id:x,style:ae,...se}=e,w=de(),{disabled:E,readOnly:O,required:A,form:M,checkedValue:N,touched:P=!1,validation:F,name:I}=w??{},L=w?.setCheckedValue??g,R=w?.setTouched??g,z=w?.registerControlRef??g,B=w?.registerInputRef??g,{setTouched:V,setFilled:H,state:U,disabled:W}=oe(),G=C(),{labelId:K,getDescriptionProps:fe}=ce(),q=W||G.disabled||E||a,J=O||o,Y=A||u,pe=M,X=w?N===v:v===``,Z=T.useRef(null),Q=T.useRef(null),me=f(e=>{e&&z(e,q)}),he=l(y,Q,B);m(()=>{Q.current?.checked&&H(!0)},[H]),m(()=>{if(Q.current){if(q&&X){B(null);return}Z.current&&z(Z.current,q),B(Q.current)}},[X,q,z,B]);let ge=d(),_e=S({id:x,implicit:!1,controlRef:Z}),ve=b?void 0:_e,ye=le(_,K,Q,!b,ve),be={role:`radio`,"aria-checked":X,"aria-required":Y||void 0,"aria-readonly":J||void 0,"aria-labelledby":ye,[ue]:X?``:void 0,id:b?_e:ge,onKeyDown(e){e.key===`Enter`&&e.preventDefault()},onClick(e){if(e.defaultPrevented||q||J)return;e.preventDefault();let t=Q.current;t&&t.dispatchEvent(new(c(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))},onFocus(e){e.defaultPrevented||q||J||!P||(Q.current?.click(),R(!1))}},{getButtonProps:xe,buttonRef:Se}=p({disabled:q,native:b,composite:!1}),Ce={type:`radio`,ref:he,form:pe,id:ve,name:I,tabIndex:-1,style:I?ee:i,"aria-hidden":!0,...v===void 0?s:{value:ie(v)},disabled:q,checked:X,required:Y,readOnly:J,onChange(e){if(e.nativeEvent.defaultPrevented||q||J||v===void 0)return;let t=r(ne,e.nativeEvent);L(v,t),!t.isCanceled&&V(!0)},onFocus(){Z.current?.focus()}},$=T.useMemo(()=>({...U,required:Y,disabled:q,readOnly:J,checked:X}),[U,q,J,X,Y]),we=$,Te=w!==void 0,Ee=[t,Z,Se,me],De=[be,se,xe,fe,F?e=>F.getValidationProps(q,e):s],Oe=h(`span`,e,{enabled:!Te,state:$,ref:Ee,props:De,stateAttributesMapping:D});return(0,j.jsxs)(k.Provider,{value:we,children:[Te?(0,j.jsx)(re,{tag:`span`,render:n,className:te,style:ae,state:$,refs:Ee,props:De,stateAttributesMapping:D}):Oe,(0,j.jsx)(`input`,{...Ce,suppressHydrationWarning:!0})]})}),N=T.forwardRef(function(e,t){let{render:ee,className:te,style:r,keepMounted:i=!1,...o}=e,s=A(),c=s.checked,{mounted:l,transitionStatus:u,setMounted:d}=a(c),f={...s,transitionStatus:u},p=T.useRef(null),m=i||l,g=h(`span`,e,{ref:[t,p],state:f,props:o,stateAttributesMapping:D});return n({open:c,ref:p,onComplete(){c||d(!1)}}),m?g:null}),P=T.createContext(void 0);function F(e=!1){let t=T.useContext(P);if(!t&&!e)throw Error(u(86));return t}var I=[y],L=T.forwardRef(function(e,t){let{render:ee,className:n,disabled:r,readOnly:i,required:a,onValueChange:o,value:s,defaultValue:c,form:l,name:u,inputRef:p,id:m,style:h,...g}=e,{setTouched:ne,setFocused:_,validationMode:y,name:re,disabled:ie,state:S,validation:C,setDirty:le,setFilled:ue,validityData:E}=oe(),{labelId:D}=ce(),{clearErrors:de}=ae(),k=F(!0),A=ie||r,M=re??u,N=d(m),[P,L]=v({controlled:s,default:c,name:`RadioGroup`,state:`value`}),[R,z]=T.useState(!1),B=f((e,t)=>{o?.(e,t),!t.isCanceled&&L(e)}),V=T.useRef(null),H=T.useRef(null),U=T.useRef(null);function W(e){let t;return p&&(typeof p==`function`?t=p(e):p.current=e),H.current=e,C.inputRef.current=e,t}let G=f((e,t=!1)=>{if(e){if(t){V.current===e&&(V.current=null);return}V.current??=e}}),K=f(e=>{if(!e||e.disabled)return;U.current||=e;let t=H.current;if(e.checked||t==null||t.disabled)return W(e)}),fe=f(()=>{let e=H.current;return!e||e.disabled||!e.checked?null:P??null});se(V,N,P??null,fe,!A,u),b(P,()=>{de(M),le(P!==E.initialValue),ue(P!=null),C.change(P);let e=U.current;P==null&&e&&!e.disabled&&W(e)});let q=g[`aria-labelledby`]??D??k?.legendId,J={...S,disabled:A??!1,required:a??!1,readOnly:i??!1},Y=T.useMemo(()=>({...S,checkedValue:P,disabled:A,form:l,validation:C,name:M,readOnly:i,registerControlRef:G,registerInputRef:K,required:a,setCheckedValue:B,setTouched:z,touched:R}),[P,A,l,C,S,M,i,G,K,a,B,z,R]),pe={id:m,role:`radiogroup`,"aria-required":a||void 0,"aria-disabled":A||void 0,"aria-readonly":i||void 0,"aria-labelledby":q,onFocus(){_(!0)},onBlur(e){te(e.currentTarget,e.relatedTarget)||(ne(!0),_(!1),y===`onBlur`&&C.commit(P))},onKeyDownCapture(e){e.key.startsWith(`Arrow`)&&(z(!0),_(!0))}};return(0,j.jsx)(O.Provider,{value:Y,children:(0,j.jsx)(w,{render:ee,className:n,style:h,state:J,props:[pe,g,e=>C.getValidationProps(A??!1,e)],refs:[t],stateAttributesMapping:x,enableHomeAndEndKeys:!1,modifierKeys:I})})});export{N as n,M as r,L as t};

package/dist/showcase/assets/ScrollAreaCorner-CilamsvS.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Mn as n,Nn as r,Wn as i,Yn as a,Zt as o,fr as s,g as c,hr as l,m as u,mr as d,nr as f}from"./example-DDhaO2UY.js";import{d as p}from"./index-DSBghWdd.js";import{n as m,t as ee}from"./CSPContext-Bfs88_eg.js";import{r as h,t as g}from"./styles-CMmKOMCT.js";var _=e(t(),1),v=_.createContext(void 0);function y(){let e=_.useContext(v);if(e===void 0)throw Error(s(53));return e}var b=function(e){return e.scrollAreaCornerHeight=`--scroll-area-corner-height`,e.scrollAreaCornerWidth=`--scroll-area-corner-width`,e}({});function x(e,t,n){if(!e)return 0;let r=getComputedStyle(e),i=n===`x`?`Inline`:`Block`;return n===`x`&&t===`margin`?parseFloat(r[`${t}InlineStart`])*2:parseFloat(r[`${t}${i}Start`])+parseFloat(r[`${t}${i}End`])}var S=function(e){return e.orientation=`data-orientation`,e.hovering=`data-hovering`,e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({}),C=function(e){return e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({}),w={hasOverflowX:e=>e?{[C.hasOverflowX]:``}:null,hasOverflowY:e=>e?{[C.hasOverflowY]:``}:null,overflowXStart:e=>e?{[C.overflowXStart]:``}:null,overflowXEnd:e=>e?{[C.overflowXEnd]:``}:null,overflowYStart:e=>e?{[C.overflowYStart]:``}:null,overflowYEnd:e=>e?{[C.overflowYEnd]:``}:null,cornerHidden:()=>null},T=p(),E={x:0,y:0},D={width:0,height:0},te={xStart:!1,xEnd:!1,yStart:!1,yEnd:!1},O={x:!0,y:!0,corner:!0},k=_.forwardRef(function(e,t){let{render:r,className:i,overflowEdgeThreshold:o,style:s,...u}=e,{xStart:d,xEnd:p,yStart:m,yEnd:h}=A(o),y=c(),C=a(),k=a(),{nonce:j,disableStyleElements:M}=ee(),[N,P]=_.useState(!1),[F,I]=_.useState(!1),[L,R]=_.useState(!1),[z,B]=_.useState(!1),[V,H]=_.useState(!1),[U,ne]=_.useState(D),[re,W]=_.useState(D),[G,K]=_.useState(te),[q,ie]=_.useState(O),ae=_.useRef(null),J=_.useRef(null),Y=_.useRef(null),X=_.useRef(null),Z=_.useRef(null),Q=_.useRef(null),oe=_.useRef(null),se=_.useRef(!1),ce=_.useRef(0),le=_.useRef(0),ue=_.useRef(0),de=_.useRef(0),$=_.useRef(`vertical`),fe=_.useRef(E),pe=l(e=>{let t=e.x-fe.current.x,n=e.y-fe.current.y;fe.current=e,n!==0&&(R(!0),C.start(500,()=>{R(!1)})),t!==0&&(I(!0),k.start(500,()=>{I(!1)}))}),me=l(e=>{e.button===0&&(se.current=!0,ce.current=e.clientY,le.current=e.clientX,$.current=e.currentTarget.getAttribute(S.orientation),J.current&&(ue.current=J.current.scrollTop,de.current=J.current.scrollLeft),Z.current&&$.current===`vertical`&&Z.current.setPointerCapture(e.pointerId),Q.current&&$.current===`horizontal`&&Q.current.setPointerCapture(e.pointerId))}),he=l(e=>{if(!se.current)return;let t=e.clientY-ce.current,n=e.clientX-le.current;if(J.current){let r=J.current.scrollHeight,i=J.current.clientHeight,a=J.current.scrollWidth,o=J.current.clientWidth;if(Z.current&&Y.current&&$.current===`vertical`){let n=x(Y.current,`padding`,`y`),a=x(Z.current,`margin`,`y`),o=Z.current.offsetHeight,s=t/(Y.current.offsetHeight-o-n-a);J.current.scrollTop=ue.current+s*(r-i),e.preventDefault(),R(!0),C.start(500,()=>{R(!1)})}if(Q.current&&X.current&&$.current===`horizontal`){let t=x(X.current,`padding`,`x`),r=x(Q.current,`margin`,`x`),i=Q.current.offsetWidth,s=n/(X.current.offsetWidth-i-t-r);J.current.scrollLeft=de.current+s*(a-o),e.preventDefault(),I(!0),k.start(500,()=>{I(!1)})}}}),ge=l(e=>{se.current=!1,Z.current&&$.current===`vertical`&&Z.current.hasPointerCapture(e.pointerId)&&Z.current.releasePointerCapture(e.pointerId),Q.current&&$.current===`horizontal`&&Q.current.hasPointerCapture(e.pointerId)&&Q.current.releasePointerCapture(e.pointerId)});function _e(e){B(e.pointerType===`touch`)}function ve(e){_e(e),e.pointerType!==`touch`&&P(n(ae.current,e.target))}let ye=_.useMemo(()=>({scrolling:F||L,hasOverflowX:!q.x,hasOverflowY:!q.y,overflowXStart:G.xStart,overflowXEnd:G.xEnd,overflowYStart:G.yStart,overflowYEnd:G.yEnd,cornerHidden:q.corner}),[F,L,q.x,q.y,q.corner,G]),be={role:`presentation`,onPointerEnter:ve,onPointerMove:ve,onPointerDown:_e,onPointerLeave(){P(!1)},style:{position:`relative`,[b.scrollAreaCornerHeight]:`${U.height}px`,[b.scrollAreaCornerWidth]:`${U.width}px`}},xe=f(`div`,e,{state:ye,ref:[t,ae],props:[be,u],stateAttributesMapping:w}),Se=_.useMemo(()=>({handlePointerDown:me,handlePointerMove:he,handlePointerUp:ge,handleScroll:pe,cornerSize:U,setCornerSize:ne,thumbSize:re,setThumbSize:W,hasMeasuredScrollbar:V,setHasMeasuredScrollbar:H,touchModality:z,cornerRef:oe,scrollingX:F,setScrollingX:I,scrollingY:L,setScrollingY:R,hovering:N,setHovering:P,viewportRef:J,rootRef:ae,scrollbarYRef:Y,scrollbarXRef:X,thumbYRef:Z,thumbXRef:Q,rootId:y,hiddenState:q,setHiddenState:ie,overflowEdges:G,setOverflowEdges:K,viewportState:ye,overflowEdgeThreshold:{xStart:d,xEnd:p,yStart:m,yEnd:h}}),[me,he,ge,pe,U,re,V,z,F,I,L,R,N,P,y,q,G,ye,d,p,m,h]);return(0,T.jsxs)(v.Provider,{value:Se,children:[!M&&g.getElement(j),xe]})});function A(e){if(typeof e==`number`){let t=Math.max(0,e);return{xStart:t,xEnd:t,yStart:t,yEnd:t}}return{xStart:Math.max(0,e?.xStart||0),xEnd:Math.max(0,e?.xEnd||0),yStart:Math.max(0,e?.yStart||0),yEnd:Math.max(0,e?.yEnd||0)}}var j=_.createContext(void 0),M=function(e){return e.scrollAreaOverflowXStart=`--scroll-area-overflow-x-start`,e.scrollAreaOverflowXEnd=`--scroll-area-overflow-x-end`,e.scrollAreaOverflowYStart=`--scroll-area-overflow-y-start`,e.scrollAreaOverflowYEnd=`--scroll-area-overflow-y-end`,e}({}),N=!1;function P(){N||i||(typeof CSS<`u`&&`registerProperty`in CSS&&[M.scrollAreaOverflowXStart,M.scrollAreaOverflowXEnd,M.scrollAreaOverflowYStart,M.scrollAreaOverflowYEnd].forEach(e=>{try{CSS.registerProperty({name:e,syntax:`<length>`,inherits:!1,initialValue:`0px`})}catch{}}),N=!0)}var F=_.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,{viewportRef:s,scrollbarYRef:c,scrollbarXRef:p,thumbYRef:ee,thumbXRef:v,cornerRef:b,cornerSize:S,setCornerSize:C,setThumbSize:E,rootId:D,setHiddenState:te,hiddenState:O,setHasMeasuredScrollbar:k,handleScroll:A,setHovering:N,setOverflowEdges:F,overflowEdges:R,overflowEdgeThreshold:z,scrollingX:B,scrollingY:V}=y(),H=u(),U=_.useRef(!0),ne=_.useRef([NaN,NaN,NaN,NaN]),re=a(),W=a(),G=l(()=>{let e=s.current,t=c.current,n=p.current,r=ee.current,i=v.current,a=b.current;if(!e)return;let o=e.scrollHeight,l=e.scrollWidth,u=e.clientHeight,d=e.clientWidth,f=e.scrollTop,g=e.scrollLeft,_=ne.current,y=Number.isNaN(_[0]);if(_[0]=u,_[1]=o,_[2]=d,_[3]=l,y&&k(!0),o===0||l===0)return;let w=I(e),T=w.y,D=w.x,O=d/l,A=u/o,j=Math.max(0,l-d),N=Math.max(0,o-u),P=0,R=0;if(!D){let e=0;e=m(H===`rtl`?-g:g,0,j),P=h(e,j),R=j-P}let B=T?0:m(f,0,N),V=T?0:h(B,N),U=T?0:N-V,re=D?0:d,W=T?0:u,G=0,K=0;!D&&!T&&(G=t?.offsetWidth||0,K=n?.offsetHeight||0);let q=S.width===0&&S.height===0,ie=q?G:0,ae=q?K:0,J=x(n,`padding`,`x`),Y=x(t,`padding`,`y`),X=x(i,`margin`,`x`),Z=x(r,`margin`,`y`),Q=re-J-X,oe=W-Y-Z,se=n?Math.min(n.offsetWidth-ie,Q):Q,ce=t?Math.min(t.offsetHeight-ae,oe):oe,le=Math.max(16,se*O),ue=Math.max(16,ce*A);if(E(e=>e.height===ue&&e.width===le?e:{width:le,height:ue}),t&&r){let e=t.offsetHeight-ue-Y-Z,n=o-u,i=n===0?0:f/n,a=Math.min(e,Math.max(0,i*e));r.style.transform=`translate3d(0,${a}px,0)`}if(n&&i){let e=n.offsetWidth-le-J-X,t=l-d,r=t===0?0:g/t,a=H===`rtl`?m(r*e,-e,0):m(r*e,0,e);i.style.transform=`translate3d(${a}px,0,0)`}let de=[[M.scrollAreaOverflowXStart,P],[M.scrollAreaOverflowXEnd,R],[M.scrollAreaOverflowYStart,V],[M.scrollAreaOverflowYEnd,U]];for(let[t,n]of de)e.style.setProperty(t,`${n}px`);a&&(D||T?C({width:0,height:0}):!D&&!T&&C({width:G,height:K})),te(e=>L(e,w));let $={xStart:!D&&P>z.xStart,xEnd:!D&&R>z.xEnd,yStart:!T&&V>z.yStart,yEnd:!T&&U>z.yEnd};F(e=>e.xStart===$.xStart&&e.xEnd===$.xEnd&&e.yStart===$.yStart&&e.yEnd===$.yEnd?e:$)});d(()=>{s.current&&P()},[s]),d(()=>{queueMicrotask(G)},[G,O,H,z.xStart,z.xEnd,z.yStart,z.yEnd]),d(()=>{s.current?.matches(`:hover`)&&N(!0)},[s,N]),d(()=>{let e=s.current;if(typeof ResizeObserver>`u`||!e)return;let t=!1,n=new ResizeObserver(()=>{if(!t){t=!0;let n=ne.current;if(n[0]===e.clientHeight&&n[1]===e.scrollHeight&&n[2]===e.clientWidth&&n[3]===e.scrollWidth)return}G()});return n.observe(e),W.start(0,()=>{let t=e.getAnimations({subtree:!0});t.length!==0&&Promise.allSettled(t.map(e=>e.finished)).then(G).catch(()=>{})}),()=>{n.disconnect(),W.clear()}},[G,s,W]);function K(){U.current=!1}let q={role:`presentation`,...D&&{"data-id":`${D}-viewport`},tabIndex:O.x&&O.y?-1:0,className:g.className,style:{overflow:`scroll`},onScroll(){s.current&&(G(),U.current||A({x:s.current.scrollLeft,y:s.current.scrollTop}),re.start(100,()=>{U.current=!0}))},onWheel:K,onTouchMove:K,onPointerMove:K,onPointerEnter:K,onKeyDown:K},ie=_.useMemo(()=>({scrolling:B||V,hasOverflowX:!O.x,hasOverflowY:!O.y,overflowXStart:R.xStart,overflowXEnd:R.xEnd,overflowYStart:R.yStart,overflowYEnd:R.yEnd,cornerHidden:O.corner}),[B,V,O.x,O.y,O.corner,R]),ae=f(`div`,e,{ref:[t,s],state:ie,props:[q,o],stateAttributesMapping:w}),J=_.useMemo(()=>({computeThumbPosition:G}),[G]);return(0,T.jsx)(j.Provider,{value:J,children:ae})});function I(e){let t=e.clientHeight>=e.scrollHeight,n=e.clientWidth>=e.scrollWidth;return{y:t,x:n,corner:t||n}}function L(e,t){return e.y===t.y&&e.x===t.x&&e.corner===t.corner?e:t}var R=_.createContext(void 0);function z(){let e=_.useContext(R);if(e===void 0)throw Error(s(54));return e}var B=function(e){return e.scrollAreaThumbHeight=`--scroll-area-thumb-height`,e.scrollAreaThumbWidth=`--scroll-area-thumb-width`,e}({}),V=_.forwardRef(function(e,t){let{render:i,className:a,orientation:s=`vertical`,keepMounted:c=!1,style:l,...d}=e,{hovering:p,scrollingX:m,scrollingY:ee,hiddenState:h,overflowEdges:g,scrollbarYRef:v,scrollbarXRef:S,viewportRef:C,thumbYRef:E,thumbXRef:D,handlePointerDown:te,handlePointerUp:O,handleScroll:k,rootId:A,thumbSize:j,hasMeasuredScrollbar:M}=y(),N={hovering:p,scrolling:{horizontal:m,vertical:ee}[s],orientation:s,hasOverflowX:!h.x,hasOverflowY:!h.y,overflowXStart:g.xStart,overflowXEnd:g.xEnd,overflowYStart:g.yStart,overflowYEnd:g.yEnd,cornerHidden:h.corner},P=u(),F=!M&&!c,I=s===`vertical`?h.y:h.x,L=c||!I;_.useEffect(()=>{if(!L)return;let e=C.current,t=s===`vertical`?v.current:S.current;if(!t)return;function n(n){if(!e||!t||n.ctrlKey)return;let r=s===`horizontal`,i=r?`scrollLeft`:`scrollTop`,a=r?n.deltaX:n.deltaY;if(a===0)return;let o=r?e.scrollWidth-e.clientWidth:e.scrollHeight-e.clientHeight,c=r&&P===`rtl`?-o:0,l=r&&P===`rtl`?0:o,u=e[i];u<=c&&a<0||u>=l&&a>0||(n.preventDefault(),e[i]=Math.min(l,Math.max(c,u+a)),k({x:e.scrollLeft,y:e.scrollTop}))}return o(t,`wheel`,n,{passive:!1})},[P,k,s,S,v,L,C]);let z={...A&&{"data-id":`${A}-scrollbar`},onPointerDown(e){if(e.button!==0)return;let t=r(e.nativeEvent),i=s===`vertical`?E.current:D.current;if(!(i&&n(i,t))&&C.current){if(E.current&&v.current&&s===`vertical`){let t=x(E.current,`margin`,`y`),n=x(v.current,`padding`,`y`),r=E.current.offsetHeight,i=v.current.getBoundingClientRect(),a=e.clientY-i.top-r/2-n+t/2,o=C.current.scrollHeight,s=C.current.clientHeight,c=a/(v.current.offsetHeight-r-n-t)*(o-s);C.current.scrollTop=c}if(D.current&&S.current&&s===`horizontal`){let t=x(D.current,`margin`,`x`),n=x(S.current,`padding`,`x`),r=D.current.offsetWidth,i=S.current.getBoundingClientRect(),a=e.clientX-i.left-r/2-n+t/2,o=C.current.scrollWidth,s=C.current.clientWidth,c=a/(S.current.offsetWidth-r-n-t),l;P===`rtl`?(l=(1-c)*(o-s),C.current.scrollLeft<=0&&(l=-l)):l=c*(o-s),C.current.scrollLeft=l}k({x:C.current.scrollLeft,y:C.current.scrollTop}),te(e)}},onPointerUp:O,onPointerCancel:O,style:{position:`absolute`,touchAction:`none`,WebkitUserSelect:`none`,userSelect:`none`,visibility:F?`hidden`:void 0,...s===`vertical`&&{top:0,bottom:`var(${b.scrollAreaCornerHeight})`,insetInlineEnd:0,[B.scrollAreaThumbHeight]:`${j.height}px`},...s===`horizontal`&&{insetInlineStart:0,insetInlineEnd:`var(${b.scrollAreaCornerWidth})`,bottom:0,[B.scrollAreaThumbWidth]:`${j.width}px`}}},V=f(`div`,e,{ref:[t,s===`vertical`?v:S],state:N,props:[z,d],stateAttributesMapping:w}),H=_.useMemo(()=>({orientation:s}),[s]);return L?(0,T.jsx)(R.Provider,{value:H,children:V}):null}),H=_.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{thumbYRef:o,thumbXRef:s,handlePointerDown:c,handlePointerMove:l,handlePointerUp:u,setScrollingX:d,setScrollingY:p,scrollingX:m,scrollingY:ee,hasMeasuredScrollbar:h}=y(),{orientation:g}=z(),_={scrolling:g===`horizontal`?m:ee,orientation:g};function v(e){g===`vertical`&&p(!1),g===`horizontal`&&d(!1),u(e)}return f(`div`,e,{ref:[t,g===`vertical`?o:s],state:_,props:[{onPointerDown:c,onPointerMove:l,onPointerUp:v,onPointerCancel:v,style:{visibility:h?void 0:`hidden`,...g===`vertical`&&{height:`var(${B.scrollAreaThumbHeight})`},...g===`horizontal`&&{width:`var(${B.scrollAreaThumbWidth})`}}},a]})}),U=_.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{cornerRef:o,cornerSize:s,hiddenState:c}=y(),l=f(`div`,e,{ref:[t,o],props:[{style:{position:`absolute`,bottom:0,insetInlineEnd:0,width:s.width,height:s.height}},a]});return c.corner?null:l});export{k as a,F as i,H as n,V as r,U as t};

package/dist/showcase/assets/Separator-DSecBOlo.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{nr as n}from"./example-DDhaO2UY.js";var r=e(t(),1).forwardRef(function(e,t){let{className:r,render:i,orientation:a=`horizontal`,style:o,...s}=e;return n(`div`,e,{state:{orientation:a},ref:t,props:[{role:`separator`,"aria-orientation":a},s]})});export{r as t};

package/dist/showcase/assets/ToolbarRootContext-BY_Czi0-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{fr as n}from"./example-DDhaO2UY.js";var r=e(t(),1),i=r.createContext(void 0);function a(e){let t=r.useContext(i);if(t===void 0&&!e)throw Error(n(69));return t}export{a as t};

package/dist/showcase/assets/accordion-FV2cJ9V1.js

@@ -0,0 +1,171 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-DLqBJGPH.js";import{t as c}from"./bell-B-bFEx5I.js";import{t as l}from"./example-DDhaO2UY.js";import{t as u}from"./circle-question-mark-CYE6Hj4n.js";import{t as d}from"./credit-card-DeuhwEKG.js";import{t as f}from"./lock-CPztxP5s.js";import{t as p}from"./settings-GFwewlvm.js";import{t as m}from"./sparkles-a2TsduRv.js";import{N as h,d as g,n as _}from"./index-DSBghWdd.js";import{t as v}from"./props-table-CzpevabQ.js";import{a as y,c as b,i as x,n as S,o as C,r as w,s as T,t as E}from"./accordion-variants-DRNuXgFT.js";import{t as D}from"./icon-badge-CrSkFExw.js";import{t as O}from"./smart-card-BA097ZGN.js";var k={regionAriaLabel:void 0},A=t(n(),1),j=g(),M=(0,A.forwardRef)(function({items:e,multiple:t=!1,defaultValue:n,value:r,onValueChange:i,variant:a=`card`,iconStyle:s=`medallion`,className:c,itemClassName:l,triggerClassName:u,contentClassName:d,strings:f},p){let m=h(k,f),g=s===`medallion`?E.withMedallion:s===`inline`?E.withInline:E.withoutIcon,v=s===`medallion`?`grid-cols-[var(--avatar)_minmax(0,1fr)]`:s===`inline`?`grid-cols-[var(--icon-lg)_minmax(0,1fr)]`:`grid-cols-[minmax(0,1fr)]`;return(0,j.jsx)(y,{ref:p,multiple:t,defaultValue:n,value:r,onValueChange:i?e=>i(e):void 0,"aria-label":m.regionAriaLabel,className:_(`smart-accordion--component`,w[a],c),children:e.map(e=>(0,j.jsxs)(T,{value:e.value,className:_(S[a],l),children:[(0,j.jsx)(b,{className:_(x,u),disabled:e.disabled,children:(0,j.jsxs)(`div`,{className:_(`grid min-w-0 flex-1 items-center gap-x-3`,v),children:[(0,j.jsx)(N,{iconStyle:s,icon:e.icon}),(0,j.jsxs)(`span`,{className:`flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1`,children:[(0,j.jsx)(o,{tag:`span`,weight:`semibold`,className:`min-w-0`,children:e.title}),!!e.badge&&(0,j.jsx)(`span`,{className:`inline-flex shrink-0`,children:e.badge})]})]})}),(0,j.jsx)(C,{className:_(g,d),children:(0,j.jsx)(o,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});M.displayName=`SmartAccordion`;function N({iconStyle:e,icon:t}){return e===`none`?null:t?e===`inline`?(0,j.jsx)(`span`,{className:`inline-flex shrink-0 self-center text-muted-foreground`,children:t}):(0,j.jsx)(D,{size:`default`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,className:`self-center`,children:t}):(0,j.jsx)(`span`,{"aria-hidden":`true`,className:_(`inline-flex shrink-0`,e===`inline`?`size-icon-lg`:`size-avatar`)})}var P=e({CompoundApi:()=>K,Default:()=>L,IconStyleInline:()=>H,IconStyleMedallion:()=>V,IconStyleNone:()=>U,MultipleOpen:()=>W,RealisticFAQ:()=>q,VariantBordered:()=>z,VariantCard:()=>R,VariantFlat:()=>B,WithBadgeAndDisabled:()=>G}),F=[{value:`account`,icon:(0,j.jsx)(p,{className:`size-4`}),title:`Account settings`,badge:(0,j.jsx)(a,{variant:`primary`,children:`New`}),content:`Manage your account preferences, security settings, and personal information. You can also configure two-factor authentication here.`},{value:`privacy`,icon:(0,j.jsx)(f,{className:`size-4`}),title:`Privacy & security`,content:`Control who can see your profile and what data we collect. View our latest security audits and transparency reports.`},{value:`notifications`,icon:(0,j.jsx)(c,{className:`size-4`}),title:`Notifications`,badge:(0,j.jsx)(a,{variant:`secondary`,children:`3`}),content:`Choose which events trigger an email or push notification. Granular per-channel control.`},{value:`billing`,icon:(0,j.jsx)(d,{className:`size-4`}),title:`Billing`,content:`Update your payment method, download invoices, and manage seats.`,disabled:!0},{value:`support`,icon:(0,j.jsx)(u,{className:`size-4`}),title:`Help & support`,content:`Access our help center, community forums, and contact support 24/7.`}],I=[{value:`a`,title:`What is included in the plan?`,content:`Everything in the free tier plus team seats, audit log, and custom roles.`},{value:`b`,title:`Can I switch plans later?`,content:`Yes — upgrades take effect immediately, downgrades at the next billing cycle.`},{value:`c`,title:`Do you offer discounts for non-profits?`,content:`We do — drop a note to billing with proof of status.`}];function L(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),defaultValue:[`account`]})})}function R(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`card`,defaultValue:[`account`]})})}function z(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`bordered`,defaultValue:[`privacy`]})})}function B(){return(0,j.jsx)(O,{padding:`default`,className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,variant:`flat`,iconStyle:`none`,defaultValue:[`a`]})})}function V(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`medallion`,defaultValue:[`account`]})})}function H(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`inline`,defaultValue:[`account`]})})}function U(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,iconStyle:`none`,defaultValue:[`a`]})})}function W(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),multiple:!0,defaultValue:[`account`,`privacy`]})})}function G(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F,defaultValue:[`account`]})})}function K(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsxs)(y,{defaultValue:[`custom`],children:[(0,j.jsxs)(T,{value:`custom`,className:`rounded-md border bg-card mb-2`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(m,{className:`size-4 text-primary`}),(0,j.jsx)(o,{tag:`span`,weight:`semibold`,children:`Custom row layout`}),(0,j.jsx)(a,{variant:`warning`,children:`Beta`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(o,{type:`secondary`,children:`Drop down to the compound API when you need more than icon + title + body — e.g. multi-line meta, action rows, or custom indicators.`})})]}),(0,j.jsxs)(T,{value:`another`,className:`rounded-md border bg-card`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,j.jsx)(o,{tag:`span`,weight:`semibold`,children:`Two-line trigger`}),(0,j.jsx)(o,{size:`xs`,type:`secondary`,children:`Updated 2h ago`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(o,{type:`secondary`,children:`Body content for the second item.`})})]})]})})}function q(){return(0,j.jsxs)(`div`,{className:`w-full max-w-xl space-y-4`,children:[(0,j.jsx)(r,{tag:`h4`,subHeading:`Everything you need to know before signing up.`,children:`Frequently asked questions`}),(0,j.jsx)(M,{items:I,variant:`bordered`,iconStyle:`none`})]})}var J=`import { Bell, CreditCard, HelpCircle, Lock, Settings, Sparkles } from 'lucide-react';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, SmartAccordion } from '@/components/base/accordion';
+import { Badge } from '@/components/base/badge';
+import { SmartCard } from '@/components/base/cards';
+import { Heading, Text } from '@/components/typography';
+
+const settingsItems = [
+	{
+		value: 'account',
+		icon: <Settings className="size-4" />,
+		title: 'Account settings',
+		badge: <Badge variant="primary">New</Badge>,
+		content:
+			'Manage your account preferences, security settings, and personal information. You can also configure two-factor authentication here.',
+	},
+	{
+		value: 'privacy',
+		icon: <Lock className="size-4" />,
+		title: 'Privacy & security',
+		content:
+			'Control who can see your profile and what data we collect. View our latest security audits and transparency reports.',
+	},
+	{
+		value: 'notifications',
+		icon: <Bell className="size-4" />,
+		title: 'Notifications',
+		badge: <Badge variant="secondary">3</Badge>,
+		content:
+			'Choose which events trigger an email or push notification. Granular per-channel control.',
+	},
+	{
+		value: 'billing',
+		icon: <CreditCard className="size-4" />,
+		title: 'Billing',
+		content: 'Update your payment method, download invoices, and manage seats.',
+		disabled: true,
+	},
+	{
+		value: 'support',
+		icon: <HelpCircle className="size-4" />,
+		title: 'Help & support',
+		content: 'Access our help center, community forums, and contact support 24/7.',
+	},
+];
+
+const faqItems = [
+	{ value: 'a', title: 'What is included in the plan?', content: 'Everything in the free tier plus team seats, audit log, and custom roles.' },
+	{ value: 'b', title: 'Can I switch plans later?', content: 'Yes — upgrades take effect immediately, downgrades at the next billing cycle.' },
+	{ value: 'c', title: 'Do you offer discounts for non-profits?', content: 'We do — drop a note to billing with proof of status.' },
+];
+
+export function Default() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function VariantCard() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} variant="card" defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function VariantBordered() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} variant="bordered" defaultValue={['privacy']} />
+		</div>
+	);
+}
+
+export function VariantFlat() {
+	return (
+		<SmartCard padding="default" className="w-full max-w-xl">
+			<SmartAccordion items={faqItems} variant="flat" iconStyle="none" defaultValue={['a']} />
+		</SmartCard>
+	);
+}
+
+export function IconStyleMedallion() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} iconStyle="medallion" defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function IconStyleInline() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} iconStyle="inline" defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function IconStyleNone() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={faqItems} iconStyle="none" defaultValue={['a']} />
+		</div>
+	);
+}
+
+export function MultipleOpen() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems.slice(0, 3)} multiple defaultValue={['account', 'privacy']} />
+		</div>
+	);
+}
+
+export function WithBadgeAndDisabled() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartAccordion items={settingsItems} defaultValue={['account']} />
+		</div>
+	);
+}
+
+export function CompoundApi() {
+	return (
+		<div className="w-full max-w-xl">
+			<Accordion defaultValue={['custom']}>
+				<AccordionItem value="custom" className="rounded-md border bg-card mb-2">
+					<AccordionTrigger className="px-4 py-3">
+						<div className="flex items-center gap-2">
+							<Sparkles className="size-4 text-primary" />
+							<Text tag="span" weight="semibold">Custom row layout</Text>
+							<Badge variant="warning">Beta</Badge>
+						</div>
+					</AccordionTrigger>
+					<AccordionContent className="px-4 pb-4">
+						<Text type="secondary">
+							Drop down to the compound API when you need more than icon + title +
+							body — e.g. multi-line meta, action rows, or custom indicators.
+						</Text>
+					</AccordionContent>
+				</AccordionItem>
+				<AccordionItem value="another" className="rounded-md border bg-card">
+					<AccordionTrigger className="px-4 py-3">
+						<div className="flex w-full items-center justify-between">
+							<Text tag="span" weight="semibold">Two-line trigger</Text>
+							<Text size="xs" type="secondary">Updated 2h ago</Text>
+						</div>
+					</AccordionTrigger>
+					<AccordionContent className="px-4 pb-4">
+						<Text type="secondary">Body content for the second item.</Text>
+					</AccordionContent>
+				</AccordionItem>
+			</Accordion>
+		</div>
+	);
+}
+
+export function RealisticFAQ() {
+	return (
+		<div className="w-full max-w-xl space-y-4">
+			<Heading tag="h4" subHeading="Everything you need to know before signing up.">
+				Frequently asked questions
+			</Heading>
+			<SmartAccordion items={faqItems} variant="bordered" iconStyle="none" />
+		</div>
+	);
+}
+`;function Y(e){let t={code:`code`,p:`p`,...e.components};return P||Z(`Examples`,!1),K||Z(`Examples.CompoundApi`,!0),L||Z(`Examples.Default`,!0),H||Z(`Examples.IconStyleInline`,!0),V||Z(`Examples.IconStyleMedallion`,!0),U||Z(`Examples.IconStyleNone`,!0),W||Z(`Examples.MultipleOpen`,!0),q||Z(`Examples.RealisticFAQ`,!0),z||Z(`Examples.VariantBordered`,!0),R||Z(`Examples.VariantCard`,!0),B||Z(`Examples.VariantFlat`,!0),G||Z(`Examples.WithBadgeAndDisabled`,!0),(0,j.jsxs)(i,{title:`Accordion`,description:`Two tiers — pass-through compound parts (Accordion / AccordionItem / AccordionTrigger / AccordionContent) for full control, or SmartAccordion for the canonical icon + title + optional badge + body admin pattern.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/accordion`,children:[(0,j.jsx)(s,{title:`Overview`,id:`overview`,children:(0,j.jsxs)(t.p,{children:[(0,j.jsx)(t.code,{children:`SmartAccordion`}),` is the 90% case — pass an `,(0,j.jsx)(t.code,{children:`items`}),` array of `,(0,j.jsx)(t.code,{children:`{ value, title, icon?, badge?, content, disabled? }`}),` and pick a visual `,(0,j.jsx)(t.code,{children:`variant`}),` (`,(0,j.jsx)(t.code,{children:`card`}),` |
+`,(0,j.jsx)(t.code,{children:`bordered`}),` | `,(0,j.jsx)(t.code,{children:`flat`}),`) and an `,(0,j.jsx)(t.code,{children:`iconStyle`}),` (`,(0,j.jsx)(t.code,{children:`medallion`}),` | `,(0,j.jsx)(t.code,{children:`inline`}),` | `,(0,j.jsx)(t.code,{children:`none`}),`).
+Drop down to the compound `,(0,j.jsx)(t.code,{children:`Accordion`}),` parts for richer rows.`]})}),(0,j.jsx)(s,{title:`Default`,id:`default`,children:(0,j.jsx)(l,{name:`Default`,source:J,children:(0,j.jsx)(L,{})})}),(0,j.jsxs)(s,{title:`Variants`,id:`variants`,children:[(0,j.jsx)(l,{name:`VariantCard`,source:J,children:(0,j.jsx)(R,{})}),(0,j.jsx)(l,{name:`VariantBordered`,source:J,children:(0,j.jsx)(z,{})}),(0,j.jsx)(l,{name:`VariantFlat`,source:J,children:(0,j.jsx)(B,{})})]}),(0,j.jsxs)(s,{title:`Icon styles`,id:`icon-styles`,children:[(0,j.jsx)(l,{name:`IconStyleMedallion`,source:J,children:(0,j.jsx)(V,{})}),(0,j.jsx)(l,{name:`IconStyleInline`,source:J,children:(0,j.jsx)(H,{})}),(0,j.jsx)(l,{name:`IconStyleNone`,source:J,children:(0,j.jsx)(U,{})})]}),(0,j.jsxs)(s,{title:`States`,id:`states`,children:[(0,j.jsx)(l,{name:`MultipleOpen`,source:J,children:(0,j.jsx)(W,{})}),(0,j.jsx)(l,{name:`WithBadgeAndDisabled`,source:J,children:(0,j.jsx)(G,{})})]}),(0,j.jsx)(s,{title:`Compound API`,id:`compound`,children:(0,j.jsx)(l,{name:`CompoundApi`,source:J,children:(0,j.jsx)(K,{})})}),(0,j.jsx)(s,{title:`Realistic usage`,id:`realistic`,children:(0,j.jsx)(l,{name:`RealisticFAQ`,source:J,children:(0,j.jsx)(q,{})})}),(0,j.jsx)(s,{title:`API`,id:`api`,children:(0,j.jsx)(v,{component:`SmartAccordion`})})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(Y,{...e})}):Y(e)}function Z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{X as default};

package/dist/showcase/assets/accordion-variants-DRNuXgFT.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Y as n,cr as r,fr as i,g as a,hr as o,lr as s,m as c,mr as l,nr as u,rr as d}from"./example-DDhaO2UY.js";import{t as f}from"./chevron-down-CjLLqYjs.js";import{t as p}from"./chevron-up-WpyEPcvJ.js";import{d as m,n as h}from"./index-DSBghWdd.js";import{t as g}from"./useControlled-BHUji6Sp.js";import{n as _,r as v}from"./useCompositeListItem-DWggcwRs.js";import{a as y,i as b,n as x,o as S,r as C,t as w}from"./useCollapsiblePanel-C8-r9Srt.js";var T=e(t(),1),E=T.createContext(void 0);function D(){let e=T.useContext(E);if(e===void 0)throw Error(i(10));return e}var O=m(),k={value:()=>null},A=T.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,hiddenUntilFound:a,keepMounted:s,loopFocus:l,onValueChange:d,multiple:f=!1,orientation:p=`vertical`,value:m,defaultValue:h,style:_,...y}=e,b=c(),x=T.useMemo(()=>{if(m===void 0)return h??[]},[m,h]),S=T.useRef([]),[C,w]=g({controlled:m,default:x,name:`Accordion`,state:`value`}),D=o((e,t,n)=>{if(!f){let t=C[0]===e?[]:[e];if(d?.(t,n),n.isCanceled)return;w(t)}else if(t){let t=C.slice();if(t.push(e),d?.(t,n),n.isCanceled)return;w(t)}else{let t=C.filter(t=>t!==e);if(d?.(t,n),n.isCanceled)return;w(t)}}),A=T.useMemo(()=>({value:C,disabled:i,orientation:p}),[C,i,p]),j=T.useMemo(()=>({disabled:i,handleValueChange:D,hiddenUntilFound:a??!1,keepMounted:s??!1,state:A,value:C}),[i,D,a,s,A,C]),M=u(`div`,e,{state:A,ref:t,props:[{dir:b},y],stateAttributesMapping:k});return(0,O.jsx)(E.Provider,{value:j,children:(0,O.jsx)(v,{elementsRef:S,children:M})})}),j=T.createContext(void 0);function M(){let e=T.useContext(j);if(e===void 0)throw Error(i(9));return e}var N=function(e){return e.index=`data-index`,e.disabled=`data-disabled`,e.open=`data-open`,e}({}),P={...x,index:e=>Number.isInteger(e)?{[N.index]:String(e)}:null,...n,value:()=>null},F=T.forwardRef(function(e,t){let{className:n,disabled:i=!1,onOpenChange:s,render:c,value:l,style:d,...f}=e,{ref:p,index:m}=_(),h=r(t,p),{disabled:g,handleValueChange:v,state:y,value:x}=D(),C=a(),w=l??C,E=i||g,k=T.useMemo(()=>{if(!x)return!1;for(let e=0;e<x.length;e+=1)if(x[e]===w)return!0;return!1},[x,w]),A=o((e,t)=>{s?.(e,t),!t.isCanceled&&v(w,e,t)}),M=S({open:k,onOpenChange:A,disabled:E}),N=T.useMemo(()=>({open:M.open,disabled:M.disabled,transitionStatus:M.transitionStatus}),[M.open,M.disabled,M.transitionStatus]),F=T.useMemo(()=>({...M,onOpenChange:A,state:N}),[M,N,A]),I=T.useMemo(()=>({...y,hidden:!k&&!M.mounted,index:m,disabled:E,open:k}),[M.mounted,E,m,k,y]),L=a(),[R,z]=T.useState(),B=T.useMemo(()=>({open:k,state:I,setTriggerId:z,triggerId:R??L}),[L,k,I,z,R]),V=u(`div`,e,{state:I,ref:h,props:f,stateAttributesMapping:P});return(0,O.jsx)(b.Provider,{value:F,children:(0,O.jsx)(j.Provider,{value:B,children:V})})}),I=T.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{state:o}=M();return u(`h3`,e,{state:o,ref:t,props:a,stateAttributesMapping:P})}),L=T.forwardRef(function(e,t){let{disabled:n,className:r,id:i,render:a,nativeButton:o=!0,style:c,...d}=e,{panelId:f,open:p,handleTrigger:m,disabled:h}=y(),{getButtonProps:g,buttonRef:_}=s({disabled:n||h,focusableWhenDisabled:!0,native:o}),{state:v,setTriggerId:b,triggerId:x}=M();return l(()=>(i&&b(i),()=>{b(void 0)}),[i,b]),u(`button`,e,{state:v,ref:[t,_],props:[{"aria-controls":p?f:void 0,"aria-expanded":p,id:x,onClick:m},d,g],stateAttributesMapping:C})}),R=function(e){return e.accordionPanelHeight=`--accordion-panel-height`,e.accordionPanelWidth=`--accordion-panel-width`,e}({}),z=T.forwardRef(function(e,t){let{className:n,hiddenUntilFound:r,keepMounted:i,id:a,render:o,style:s,...c}=e,{hiddenUntilFound:f,keepMounted:p}=D(),{mounted:m,onOpenChange:h,open:g,panelId:_,setMounted:v,setOpen:b,setPanelIdState:x,transitionStatus:S}=y(),C=r??f,T=i??p;l(()=>{if(a)return x(a),()=>{x(void 0)}},[a,x]);let{height:E,props:O,ref:k,shouldPreventOpenAnimation:A,shouldRender:j,transitionStatus:N,width:F}=w({externalRef:t,hiddenUntilFound:C,id:a??_,keepMounted:T,mounted:m,onOpenChange:h,open:g,setMounted:v,setOpen:b,transitionStatus:S}),{state:I,triggerId:L}=M(),z={...I,transitionStatus:N},B=d(s,z),V=u(`div`,{...e,style:void 0},{state:z,ref:k,props:[O,{"aria-labelledby":L,role:`region`,style:{[R.accordionPanelHeight]:E===void 0?`auto`:`${E}px`,[R.accordionPanelWidth]:F===void 0?`auto`:`${F}px`}},c,B?{style:B}:void 0,A?{style:{animationName:`none`}}:void 0],stateAttributesMapping:P});return j?V:null});function B({className:e,...t}){return(0,O.jsx)(A,{"data-slot":`accordion`,className:h(`flex w-full flex-col overflow-hidden rounded-2xl border`,e),...t})}function V({className:e,...t}){return(0,O.jsx)(F,{"data-slot":`accordion-item`,className:h(`not-last:border-b data-open:bg-muted/50`,e),...t})}function H({className:e,children:t,...n}){return(0,O.jsx)(I,{className:`flex`,children:(0,O.jsxs)(L,{"data-slot":`accordion-trigger`,className:h(`group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,e),...n,children:[t,(0,O.jsx)(f,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,O.jsx)(p,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function U({className:e,children:t,...n}){return(0,O.jsx)(z,{"data-slot":`accordion-content`,className:`overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...n,children:(0,O.jsx)(`div`,{className:h(`h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),children:t})})}var W={card:`space-y-2 border-0 rounded-none overflow-visible`,bordered:`rounded-lg border border-border bg-card overflow-hidden`,flat:`border-0 rounded-none bg-transparent overflow-visible`},G={card:`border border-border bg-card rounded-md data-open:bg-card`,bordered:`bg-transparent not-last:border-b border-border data-open:bg-muted/40`,flat:`border-0 bg-transparent data-open:bg-muted/30 rounded-md`},K=`items-center gap-3 px-3 py-row-y text-left hover:no-underline`,q={withMedallion:`pl-10 pr-0 pt-0`,withInline:`pl-6 pr-0 pt-0`,withoutIcon:`pl-0 pr-0 pt-0`};export{B as a,H as c,K as i,G as n,U as o,W as r,V as s,q as t};

package/dist/showcase/assets/action-menu-uhMTzBIl.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{r as n}from"./example-DDhaO2UY.js";import{t as r}from"./ellipsis-vertical-BfYWo5Lf.js";import{d as i,n as a}from"./index-DSBghWdd.js";import{a as o,l as s,r as c,s as l,t as u}from"./dropdown-menu-DijrdxTg.js";var d=e(t(),1),f=i(),p=({label:e,icon:t=r,srText:i=`Open menu`,buttonProps:o,align:l=`center`,children:p,contentClassName:m=``,width:h=`w-auto`,closeOnSelect:g=!1,density:_=`default`})=>{let[v,y]=d.useState(!1),b=d.useMemo(()=>{let e=d.Children.toArray(p).map(e=>{if(!d.isValidElement(e)||e.type.displayName!==`MenuAction`)return e;let t=e,n=t.props.onClick;return d.cloneElement(t,{onClick:()=>{n&&n(),g&&y(!1)},density:t.props.density??_})}),t=e.filter(e=>d.isValidElement(e)?e.props.variant!==`error`:!1),n=e.filter(e=>d.isValidElement(e)?e.props.variant===`error`:!1);return[...t,...n]},[p,g,_]),x={variant:`secondary`,buttonStyle:`ghost`,size:`icon`,className:`size-control p-0`},{variant:S=`secondary`,buttonStyle:C=`ghost`,size:w=`icon`,className:T,...E}={...x,...o,className:a(x.className,o?.className)},D=e?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`mr-space-sm size-icon-sm`}),e]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`size-icon-sm`}),(0,f.jsx)(`span`,{className:`sr-only`,children:i})]});return(0,f.jsxs)(u,{open:v,onOpenChange:y,children:[(0,f.jsx)(s,{render:e=>(0,f.jsx)(n,{...E,...e,type:`button`,variant:S,buttonStyle:C,size:w,className:a(`action-menu--component`,T,e.className),children:D})}),(0,f.jsx)(c,{align:l,className:a(h,`min-w-36 p-space-xs`,_===`table`&&`text-pxs leading-5`,m),children:b})]})};p.displayName=`ActionMenu`;var m=d.forwardRef(({onClick:e,href:t,prefetch:n,disabled:r=!1,icon:i,label:s,variant:c=`secondary`,className:u=``,children:d,density:p=`default`},m)=>{let h=t&&!r,g=h?e=>(0,f.jsx)(`a`,{...e,href:t,className:a(e.className)}):void 0;return d?h?(0,f.jsx)(l,{href:t,onClick:e,render:g,className:a(`gap-space-sm px-control-sm py-space-xs text-pxs`,p===`table`&&`text-inherit leading-5`,u),children:d}):(0,f.jsx)(o,{ref:m,disabled:r,onClick:e,className:a(`gap-space-sm px-control-sm py-space-xs text-pxs`,p===`table`&&`text-inherit leading-5`,u),children:d}):h?(0,f.jsxs)(l,{href:t,variant:c===`error`?`destructive`:`default`,onClick:e,render:g,className:a(`gap-space-sm px-control-sm py-space-xs text-pxs`,p===`table`&&`leading-5`,u),children:[!!i&&(0,f.jsx)(i,{className:`size-icon-sm`}),s]}):(0,f.jsxs)(o,{ref:m,disabled:r,variant:c===`error`?`destructive`:`default`,onClick:e,className:a(`gap-space-sm px-control-sm py-space-xs text-pxs`,p===`table`&&`leading-5`,u),children:[!!i&&(0,f.jsx)(i,{className:`size-icon-sm`}),s]})});m.displayName=`MenuAction`;export{m as n,p as t};