admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/dropdown-menu-bPWrLPgm.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{$ as n,A as r,Bn as i,C as a,E as o,Gn as s,H as c,Ht as l,It as u,Jn as d,L as f,Ln as p,M as m,N as h,Nt as g,O as _,P as ee,Pn as v,Qn as y,Qt as b,R as x,Rn as S,S as C,U as w,V as T,W as E,Wt as D,Y as O,Z as k,Zn as A,ar as j,at as M,ct as N,d as te,dr as ne,er as re,et as P,f as F,g as I,ir as ie,it as ae,jr as L,k as oe,ln as se,lt as R,m as ce,nr as z,nt as le,p as B,qn as V,rn as H,rr as ue,rt as de,sr as U,tr as W,tt as G,u as fe,ur as K,ut as pe,v as me,w as he,x as ge,xn as _e,y as ve,z as q,zn as ye}from"./example-BIrQab7K.js";import{n as J,s as be}from"./index-Cz4UGUT2.js";import{a as xe,i as Y,o as Se,t as Ce}from"./useOpenInteractionType-eyZ6twES.js";import{n as we,r as Te,t as Ee}from"./getPseudoElementBounds-Bznj386s.js";import{t as X}from"./inertValue-BVXUUuS4.js";import{t as De}from"./useControlled-Cpg8gDqb.js";import{n as Oe,r as ke}from"./useCompositeListItem-CcY0U1bY.js";import{o as Ae}from"./composite-B-19wwf9.js";import{t as je}from"./ToolbarRootContext-AV8xAl2m.js";import{t as Me}from"./useAnchoredPopupScrollLock-DLXArfPo.js";import{t as Ne}from"./CompositeItem-DleE4kTc.js";import{t as Pe}from"./useTriggerFocusGuards-C2I8g7TT.js";import{t as Fe}from"./Separator-KsPLUEno.js";var Z=e(t()),Ie=Z.createContext(void 0);function Le(e){let t=Z.useContext(Ie);if(t===void 0&&!e)throw Error(W(33));return t}var Re=Z.createContext(void 0);function Q(e){let t=Z.useContext(Re);if(t===void 0&&!e)throw Error(W(36));return t}var ze=Z.createContext(void 0);function Be(e=!0){let t=Z.useContext(ze);if(t===void 0&&!e)throw Error(W(25));return t}var Ve=Z.createContext(void 0);function He(){let e=Z.useContext(Ve);if(e===void 0)throw Error(W(30));return e}function Ue(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=Be(!0),d=u!==void 0;return Z.useMemo(()=>({id:r,role:`menuitem`,tabIndex: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:H})},onMouseUp(e){if(u){let t=u.initialCursorPointRef.current;if(u.initialCursorPointRef.current=null,d&&t&&Math.abs(e.clientX-t.x)<=1&&Math.abs(e.clientY-t.y)<=1||d&&!v&&e.button===2)return}s.current&&a.context.allowMouseUpTriggerRef.current&&(!d||e.button===2)&&(!c||c.type===`regular-item`)&&s.current.click()}}),[t,n,r,l,i,a,o,s,u,d,c])}var We={type:`regular-item`};function Ge(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=Z.useRef(null),{getButtonProps:d,buttonRef:f}=y({disabled:n,focusableWhenDisabled:!0,native:s,composite:!0}),p=Ue({closeOnClick:t,highlighted:r,id:i,nodeId:l,store:a,typingRef:o,itemRef:u,itemMetadata:c}),m=Z.useCallback(e=>z(p,{onMouseEnter(){c.type===`submenu-trigger`&&c.setActive()}},e,d),[p,d,c]),h=A(u,f);return Z.useMemo(()=>({getItemProps:m,itemRef:h}),[m,h])}var Ke=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.disabled=`data-disabled`,e.highlighted=`data-highlighted`,e}({}),qe={checked(e){return e?{[Ke.checked]:``}:{[Ke.unchecked]:``}},...T},$=be(),Je=Z.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,nativeButton:o=!1,disabled:c=!1,closeOnClick:u=!1,checked:d,defaultChecked:f,onCheckedChange:p,style:m,...h}=e,g=Oe({label:a}),_=Le(!0),ee=I(i),{store:v}=Q(),y=v.useState(`isActive`,g.index),b=v.useState(`itemProps`),[x,S]=De({controlled:d,default:f??!1,name:`MenuCheckboxItem`,state:`checked`}),{getItemProps:C,itemRef:w}=Ge({closeOnClick:u,disabled:c,highlighted:y,id:ee,store:v,nativeButton:o,nodeId:_?.context.nodeId,itemMetadata:We}),T=Z.useMemo(()=>({disabled:c,highlighted:y,checked:x}),[c,y,x]);function E(e){let t=l(H,e.nativeEvent,void 0,{preventUnmountOnClose(){}});p?.(!x,t),!t.isCanceled&&S(e=>!e)}let D=s(`div`,e,{state:T,stateAttributesMapping:qe,props:[b,{role:`menuitemcheckbox`,"aria-checked":x,onClick:E},h,C],ref:[w,t,g.ref]});return(0,$.jsx)(Ve.Provider,{value:T,children:D})}),Ye=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,keepMounted:a=!1,...o}=e,l=He(),u=Z.useRef(null),{transitionStatus:d,setMounted:f}=c(l.checked);return x({open:l.checked,ref:u,onComplete(){l.checked||f(!1)}}),s(`span`,e,{state:{checked:l.checked,disabled:l.disabled,highlighted:l.highlighted,transitionStatus:d},ref:[t,u],stateAttributesMapping:qe,props:{"aria-hidden":!0,...o},enabled:a||l.checked})}),Xe=Z.createContext(void 0);function Ze(){let e=Z.useContext(Xe);if(e===void 0)throw Error(W(31));return e}var Qe=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,[o,c]=Z.useState(void 0),l=s(`div`,e,{ref:t,props:{role:`group`,"aria-labelledby":o,...a}});return(0,$.jsx)(Xe.Provider,{value:c,children:l})}),$e=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,c=I(a),l=Ze();return ue(()=>(l(c),()=>{l(void 0)}),[l,c]),s(`div`,e,{ref:t,props:{id:c,role:`presentation`,...o}})}),et=Z.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,nativeButton:o=!1,disabled:c=!1,closeOnClick:l=!0,style:u,...d}=e,f=Oe({label:a}),p=Le(!0),m=I(i),{store:h}=Q(),g=h.useState(`isActive`,f.index),_=h.useState(`itemProps`),{getItemProps:ee,itemRef:v}=Ge({closeOnClick:l,disabled:c,highlighted:g,id:m,store:h,nativeButton:o,nodeId:p?.context.nodeId,itemMetadata:We});return s(`div`,e,{state:{disabled:c,highlighted:g},props:[_,d,ee],ref:[v,t,f.ref]})}),tt=Z.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,closeOnClick:o=!1,style:c,...l}=e,u=Z.useRef(null),d=Oe({label:a}),f=Le(!0)?.context.nodeId,p=I(i),{store:m}=Q(),h=m.useState(`isActive`,d.index),g=m.useState(`itemProps`),_=m.context.typingRef,{getButtonProps:ee,buttonRef:v}=y({native:!1,composite:!0}),b=Ue({closeOnClick:o,highlighted:h,id:p,nodeId:f,store:m,typingRef:_,itemRef:u});function x(e){return z(b,e,ee)}return s(`a`,e,{state:{highlighted:h},props:[g,l,x],ref:[u,v,t,d.ref]})}),nt={...me,...T},rt=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:o,...c}=e,{store:u}=Q(),{side:d,align:f}=Le(),p=je(!0)!=null,m=u.useState(`open`),h=u.useState(`transitionStatus`),g=u.useState(`popupProps`),_=u.useState(`mounted`),ee=u.useState(`instantType`),v=u.useState(`activeTriggerElement`),y=u.useState(`parent`),b=u.useState(`lastOpenChangeReason`),S=u.useState(`rootId`),C=u.useState(`floatingRootContext`),w=u.useState(`floatingTreeRoot`),T=u.useState(`closeDelay`),E=u.useState(`activeTriggerElement`),D=u.useState(`hoverEnabled`),O=u.useState(`disabled`),k=y.type===`context-menu`;x({open:m,ref:u.context.popupRef,onComplete(){m&&u.context.onOpenChangeComplete?.(!0)}}),Z.useEffect(()=>{function e(e){u.setOpen(!1,l(e.reason,e.domEvent))}return w.events.on(`close`,e),()=>{w.events.off(`close`,e)}},[w.events,u]),a(C,{enabled:D&&!O&&!k&&y.type!==`menubar`,closeDelay:T});let A=Z.useCallback(e=>{u.set(`popupElement`,e)},[u]),j=s(`div`,e,{state:{transitionStatus:h,side:d,align:f,open:m,nested:y.type===`menu`,instant:ee},ref:[t,u.context.popupRef,A],stateAttributesMapping:nt,props:[g,{onKeyDown(e){p&&Ae.has(e.key)&&e.stopPropagation()}},te(h),c,{"data-rootownerid":S}]}),M=y.type===void 0||k;return(v||y.type===`menubar`&&b!==`outside-press`)&&(M=!0),(0,$.jsx)(Se,{context:C,modal:k,disabled:!_,returnFocus:o===void 0?M:o,initialFocus:y.type!==`menu`,restoreFocus:!0,externalTree:y.type===`menubar`?void 0:w,previousFocusableElement:E,nextFocusableElement:y.type===void 0?u.context.triggerFocusTargetRef:void 0,beforeContentFocusGuardRef:y.type===void 0?u.context.beforeContentFocusGuardRef:void 0,children:j})}),it=Z.createContext(void 0);function at(){let e=Z.useContext(it);if(e===void 0)throw Error(W(32));return e}var ot=Z.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=Q();return i.useState(`mounted`)||n?(0,$.jsx)(it.Provider,{value:n,children:(0,$.jsx)(M,{ref:t,...r})}):null}),st=Z.forwardRef(function(e,t){let{anchor:r,positionMethod:i=`absolute`,className:a,render:o,side:s,align:c,sideOffset:u=0,alignOffset:d=0,collisionBoundary:f=`clipping-ancestors`,collisionPadding:m=5,arrowPadding:h=5,sticky:g=!1,disableAnchorTracking:_=!1,collisionAvoidance:ee=N,style:v,...y}=e,{store:b}=Q(),x=at(),S=Be(!0),C=b.useState(`parent`),w=b.useState(`floatingRootContext`),T=b.useState(`floatingTreeRoot`),E=b.useState(`mounted`),D=b.useState(`open`),O=b.useState(`modal`),k=b.useState(`openMethod`),A=b.useState(`activeTriggerElement`),j=b.useState(`transitionStatus`),M=b.useState(`positionerElement`),te=b.useState(`instantType`),ne=b.useState(`hasViewport`),re=b.useState(`lastOpenChangeReason`),P=b.useState(`floatingNodeId`),I=b.useState(`floatingParentNodeId`),ie=w.useState(`domReferenceElement`),ae=Z.useRef(null),L=q(M,!1,!1),oe=r,ce=u,z=d,le=c,V=ee;C.type===`context-menu`&&(oe=r??C.context?.anchor,le??=`start`,!s&&le!==`center`&&(z=e.alignOffset??2,ce=e.sideOffset??-5));let H=s,de=le;C.type===`menu`?(H??=`inline-end`,de??=`start`,V=e.collisionAvoidance??R):C.type===`menubar`&&(H??=`bottom`,de??=`start`);let U=C.type===`context-menu`,W=F({anchor:oe,floatingRootContext:w,positionMethod:S?`fixed`:i,mounted:E,side:H,sideOffset:ce,align:de,alignOffset:z,arrowPadding:U?0:h,collisionBoundary:f,collisionPadding:m,sticky:g,nodeId:P,keepMounted:x,disableAnchorTracking:_,collisionAvoidance:V,shiftCrossAxis:U&&!(`side`in V&&V.side===`flip`),externalTree:T,adaptiveOrigin:ne?B:void 0});Z.useEffect(()=>{function e(e){e.open&&(e.parentNodeId===P&&b.set(`hoverEnabled`,!1),e.nodeId!==P&&e.parentNodeId===b.select(`floatingParentNodeId`)&&b.setOpen(!1,l(se)))}return T.events.on(`menuopenchange`,e),()=>{T.events.off(`menuopenchange`,e)}},[b,T.events,P]),Z.useEffect(()=>{if(b.select(`floatingParentNodeId`)==null)return;function e(e){if(e.open||e.nodeId!==b.select(`floatingParentNodeId`))return;let t=e.reason??`sibling-open`;b.setOpen(!1,l(t))}return T.events.on(`menuopenchange`,e),()=>{T.events.off(`menuopenchange`,e)}},[T.events,b]);let G=p();Z.useEffect(()=>{D||G.clear()},[D,G]),Z.useEffect(()=>{function e(e){if(!(!D||e.nodeId!==b.select(`floatingParentNodeId`)))if(e.target&&A&&A!==e.target){let e=b.select(`closeDelay`);e>0?G.isStarted()||G.start(e,()=>{b.setOpen(!1,l(se))}):b.setOpen(!1,l(se))}else G.clear()}return T.events.on(`itemhover`,e),()=>{T.events.off(`itemhover`,e)}},[T.events,D,A,b,G]),Z.useEffect(()=>{let e={open:D,nodeId:P,parentNodeId:I,reason:b.select(`lastOpenChangeReason`)};T.events.emit(`menuopenchange`,e)},[T.events,D,b,P,I]),ue(()=>{let e=ie,t=ae.current;if(e&&(ae.current=e),t&&e&&e!==t){b.set(`instantType`,void 0);let e=new AbortController;return L(()=>{b.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[ie,L,b]);let K={open:D,side:W.side,align:W.align,anchorHidden:W.anchorHidden,nested:C.type===`menu`,instant:te},pe=C.type===`menubar`&&C.context.modal;Me(D&&(pe||O&&re!==`trigger-hover`),k===`touch`,M,A);let me=fe(e,K,{styles:W.positionerStyles,transitionStatus:j,props:y,refs:[t,b.useStateSetter(`positionerElement`)],hidden:!E,inert:!D}),he=E&&C.type!==`menu`&&(C.type!==`menubar`&&O&&re!==`trigger-hover`||C.type===`menubar`&&C.context.modal),ge=null;return C.type===`menubar`?ge=C.context.contentElement:C.type===void 0&&(ge=A),(0,$.jsxs)(Ie.Provider,{value:W,children:[he&&(0,$.jsx)(Y,{ref:C.type===`context-menu`||C.type===`nested-context-menu`?C.context.internalBackdropRef:null,inert:X(!D),cutout:ge}),(0,$.jsx)(n,{id:P,children:(0,$.jsx)(ke,{elementsRef:b.context.itemDomElements,labelsRef:b.context.itemLabels,children:me})})]})}),ct=Z.createContext(null);function lt(e){let t=Z.useContext(ct);if(t===null&&!e)throw Error(W(5));return t}var ut={..._,disabled:O(e=>e.parent.type===`menubar`&&e.parent.context.disabled||e.disabled),modal:O(e=>(e.parent.type===void 0||e.parent.type===`context-menu`)&&(e.modal??!0)),openMethod:O(e=>e.openMethod),allowMouseEnter:O(e=>e.allowMouseEnter),stickIfOpen:O(e=>e.stickIfOpen),parent:O(e=>e.parent),rootId:O(e=>e.parent.type===`menu`?e.parent.store.select(`rootId`):e.parent.type===void 0?e.rootId:e.parent.context.rootId),activeIndex:O(e=>e.activeIndex),isActive:O((e,t)=>e.activeIndex===t),hoverEnabled:O(e=>e.hoverEnabled),instantType:O(e=>e.instantType),lastOpenChangeReason:O(e=>e.openChangeReason),floatingTreeRoot:O(e=>e.parent.type===`menu`?e.parent.store.select(`floatingTreeRoot`):e.floatingTreeRoot),floatingNodeId:O(e=>e.floatingNodeId),floatingParentNodeId:O(e=>e.floatingParentNodeId),itemProps:O(e=>e.itemProps),closeDelay:O(e=>e.closeDelay),hasViewport:O(e=>e.hasViewport),keyboardEventRelay:O(e=>{if(e.keyboardEventRelay)return e.keyboardEventRelay;if(e.parent.type===`menu`)return e.parent.store.select(`keyboardEventRelay`)})},dt=class e extends E{constructor(e){super({...ft(),...e},{positionerRef:Z.createRef(),popupRef:Z.createRef(),typingRef:{current:!1},itemDomElements:{current:[]},itemLabels:{current:[]},allowMouseUpTriggerRef:{current:!1},triggerFocusTargetRef:Z.createRef(),beforeContentFocusGuardRef:Z.createRef(),onOpenChangeComplete:void 0,triggerElements:new oe},ut),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=j(()=>new e(n)).current;return t??r}unsubscribeParentListener=null};function ft(){return{...o(),disabled:!1,modal:!0,openMethod:null,allowMouseEnter:!1,stickIfOpen:!0,parent:{type:void 0},rootId:void 0,activeIndex:null,hoverEnabled:!0,instantType:void 0,openChangeReason:null,floatingTreeRoot:new ae,floatingNodeId:void 0,floatingParentNodeId:null,itemProps:d,keyboardEventRelay:void 0,closeDelay:0,hasViewport:!1}}var pt=Z.createContext(void 0);function mt(){return Z.useContext(pt)}var ht=ye(function(e){let{children:t,open:n,onOpenChange:i,onOpenChangeComplete:a,defaultOpen:o=!1,disabled:s=!1,modal:c,loopFocus:u=!0,orientation:f=`vertical`,actionsRef:g,closeParentOnEsc:_=!1,handle:v,triggerId:y,defaultTriggerId:x=null,highlightItemOnHover:C=!0}=e,T=Be(!0),E=Q(!0),D=lt(!0),O=mt(),A=Z.useMemo(()=>O&&E?{type:`menu`,store:E.store}:D?{type:`menubar`,context:D}:T&&!E?{type:`context-menu`,context:T}:{type:void 0},[T,E,D,O]),j=dt.useStore(v?.store,{open:o,openProp:n,activeTriggerId:x,triggerIdProp:y,parent:A});S(()=>{n===void 0&&j.state.open===!1&&o===!0&&j.update({open:!0,activeTriggerId:x})}),j.useControlledProp(`openProp`,n),j.useControlledProp(`triggerIdProp`,y),j.useContextCallback(`onOpenChangeComplete`,a);let M=pe(),N=pe(),te=j.useState(`floatingTreeRoot`),ne=G(te),re=le(),F=j.useState(`open`),I=j.useState(`activeTriggerElement`),ae=j.useState(`positionerElement`),L=j.useState(`hoverEnabled`),oe=j.useState(`disabled`),se=j.useState(`lastOpenChangeReason`),R=j.useState(`parent`),B=j.useState(`activeIndex`),H=j.useState(`payload`),de=j.useState(`floatingParentNodeId`),U=Z.useRef(null),W=Z.useRef(R.type!==`context-menu`),fe=p(),K=Z.useRef(!0),me=p(),he=de!=null,{openMethod:ge,triggerProps:_e}=Ce(F);j.useSyncedValues({disabled:s,modal:R.type===void 0?c:void 0,openMethod:ge,rootId:M}),m(j);let{forceUnmount:ve}=h(F,j,()=>{j.update({allowMouseEnter:!1,stickIfOpen:!0})});ue(()=>{T&&!E?j.update({parent:{type:`context-menu`,context:T},floatingNodeId:ne,floatingParentNodeId:re}):E&&j.update({floatingNodeId:ne,floatingParentNodeId:re})},[T,E,ne,re,j]),Z.useEffect(()=>{if(F||(U.current=null),R.type===`context-menu`){if(!F){fe.clear(),W.current=!1;return}fe.start(500,()=>{W.current=!0})}},[fe,F,R.type]),ue(()=>{!F&&!L&&j.set(`hoverEnabled`,!0)},[F,L,j]);let q=ie((e,t)=>{let n=t.reason;if(F===e&&t.trigger===I&&se===n||(t.preventUnmountOnClose=()=>{j.set(`preventUnmountingOnClose`,!0)},!e&&t.trigger==null&&(t.trigger=I??void 0),i?.(e,t),t.isCanceled))return;j.state.floatingRootContext.dispatchOpenChange(e,t);let r=t.event;if(e===!1&&r?.type===`click`&&r.pointerType===`touch`&&!K.current)return;if(!e&&B!==null){let e=j.context.itemDomElements.current[B];queueMicrotask(()=>{e?.setAttribute(`tabindex`,`-1`)})}e&&n===`trigger-focus`?(K.current=!1,me.start(300,()=>{K.current=!0})):(K.current=!0,me.clear());let a=(n===`trigger-press`||n===`item-press`)&&r.detail===0&&r?.isTrusted,o=!e&&(n===`escape-key`||n==null),s={open:e,openChangeReason:n};U.current=t.event??null;let c=t.trigger?.id??null;(c||e)&&(s.activeTriggerId=c,s.activeTriggerElement=t.trigger??null),j.update(s),R.type===`menubar`&&(n===`trigger-focus`||n===`focus-out`||n===`trigger-hover`||n===`list-navigation`||n===`sibling-open`)?j.set(`instantType`,`group`):a||o?j.set(`instantType`,a?`click`:`dismiss`):j.set(`instantType`,void 0)}),ye=w({popupStore:j,floatingId:N,nested:re!=null,onOpenChange:q}),J=ye.context.events;Z.useEffect(()=>{let e=({open:e,eventDetails:t})=>q(e,t);return J.on(`setOpen`,e),()=>{J?.off(`setOpen`,e)}},[J,q]);let be=Z.useCallback(()=>{j.setOpen(!1,l(b))},[j]);Z.useImperativeHandle(g,()=>({unmount:ve,close:be}),[ve,be]);let xe;R.type===`context-menu`&&(xe=R.context),Z.useImperativeHandle(xe?.positionerRef,()=>ae,[ae]),Z.useImperativeHandle(xe?.actionsRef,()=>({setOpen:q}),[q]);let Y=k(ye,{enabled:!oe,bubbles:{escapeKey:_&&R.type===`menu`},outsidePress(){return R.type!==`context-menu`||U.current?.type===`contextmenu`?!0:W.current},externalTree:he?te:void 0}),Se=ce(),Ee=Z.useCallback(e=>{j.select(`activeIndex`)!==e&&j.set(`activeIndex`,e)},[j]),X=Te(ye,{enabled:!oe,listRef:j.context.itemDomElements,activeIndex:B,nested:R.type!==void 0,loopFocus:u,orientation:f,parentOrientation:R.type===`menubar`?R.context.orientation:void 0,rtl:Se===`rtl`,disabledIndices:V,onNavigate:Ee,openOnArrowKeyDown:R.type!==`context-menu`,externalTree:he?te:void 0,focusItemOnHover:C}),De=Z.useCallback(e=>{j.context.typingRef.current=e},[j]),Oe=we(ye,{listRef:j.context.itemLabels,elementsRef:j.context.itemDomElements,activeIndex:B,resetMs:500,onMatch:e=>{F&&e!==B&&j.set(`activeIndex`,e)},onTyping:De});ee(j,{floatingRootContext:ye,activeTriggerProps:Z.useMemo(()=>{let e=z(Oe.reference,X.reference,Y.reference,{onMouseMove(){j.set(`allowMouseEnter`,!0)}},_e);return e[`aria-haspopup`]=`menu`,e[`aria-expanded`]=F,e},[j,Oe.reference,X.reference,Y.reference,_e,F]),inactiveTriggerProps:Z.useMemo(()=>{let e=z(X.trigger,Y.trigger,_e);return e[`aria-haspopup`]=`menu`,e[`aria-expanded`]=!1,e},[X.trigger,Y.trigger,_e]),popupProps:Z.useMemo(()=>z(r,{id:N,role:`menu`,"aria-labelledby":I?.id,onMouseMove(){j.set(`allowMouseEnter`,!0),R.type===`menu`&&j.set(`hoverEnabled`,!1)},onClick(){j.select(`hoverEnabled`)&&j.set(`hoverEnabled`,!1)},onKeyDown(e){let t=j.select(`keyboardEventRelay`);t&&!e.isPropagationStopped()&&t(e)}},Oe.floating,X.floating,Y.floating),[I,N,R.type,j,Oe.floating,X.floating,Y.floating]),itemProps:X.item??d});let ke=Z.useMemo(()=>({store:j,parent:A}),[j,A]),Ae=(0,$.jsx)(Re.Provider,{value:ke,children:typeof t==`function`?t({payload:H}):t});return R.type===void 0||R.type===`context-menu`?(0,$.jsx)(P,{externalTree:te,children:Ae}):Ae});function gt(e){if(K(e)&&e.hasAttribute(`data-rootownerid`))return e.getAttribute(`data-rootownerid`)??void 0;if(!ne(e))return gt(U(e))}function _t(e){let{enabled:t=!0,mouseDownAction:n,open:r}=e,i=Z.useRef(!1);return Z.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())}}:d,[t,n,r])}var vt=2,yt=i(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,id:c,openOnHover:l,delay:m=100,closeDelay:h=0,handle:_,payload:ee,...v}=e,b=Q(!0),x=_?.store??b?.store;if(!x)throw Error(W(85));let S=I(c),w=x.useState(`isTriggerActive`,S),T=x.useState(`floatingRootContext`),E=x.useState(`isOpenedByTrigger`,S),O=x.useState(`triggerPopupId`,S),k=Z.useRef(null),A=xt(),j=re(!0),M=de(),N=Z.useMemo(()=>M??new ae,[M]),{registerTrigger:te,isMountedByThisTrigger:ne}=f(S,k,x,{payload:ee,closeDelay:h,parent:A,floatingTreeRoot:N,floatingNodeId:G(N),floatingParentNodeId:le(),keyboardEventRelay:j?.relayKeyboardEvent}),P=A.type===`menubar`,F=x.useState(`disabled`),L=a||F||P&&A.context.disabled,{getButtonProps:oe,buttonRef:se}=y({disabled:L,native:o});Z.useEffect(()=>{!E&&A.type===void 0&&(x.context.allowMouseUpTriggerRef.current=!1)},[x,E,A.type]);let R=Z.useRef(null),ce=p(),B=ie(e=>{if(!R.current)return;ce.clear(),x.context.allowMouseUpTriggerRef.current=!1;let t=e.target;if(_e(R.current,t)||_e(x.select(`positionerElement`),t)||t===R.current||t!=null&&gt(t)===x.select(`rootId`))return;let n=Ee(R.current);e.clientX>=n.left-vt&&e.clientX<=n.right+vt&&e.clientY>=n.top-vt&&e.clientY<=n.bottom+vt||N.events.emit(`close`,{domEvent:e,reason:D})});Z.useEffect(()=>{E&&x.select(`lastOpenChangeReason`)===`trigger-hover`&&u(R.current).addEventListener(`mouseup`,B,{once:!0})},[E,B,x]);let V=P&&A.context.hasSubmenuOpen,H=C(T,{enabled:(l??V)&&!L&&A.type!==`context-menu`&&(!P||V&&!ne),handleClose:ge({blockPointerEvents:!P}),mouseOnly:!0,move:!1,restMs:A.type===void 0?m:void 0,delay:{close:h},triggerElementRef:k,externalTree:N,isActiveTrigger:w,isClosing:()=>x.select(`transitionStatus`)===`ending`}),ue=bt(E,x.select(`lastOpenChangeReason`)),U=xe(T,{enabled:!L&&A.type!==`context-menu`,event:E&&P?`click`:`mousedown`,toggle:!0,ignoreMouse:!1,stickIfOpen:A.type===void 0?ue:!1}),fe=he(T,{enabled:!L&&V}),K=_t({open:E,enabled:P,mouseDownAction:`open`}),pe=Z.useMemo(()=>z(fe.reference,U.reference),[fe.reference,U.reference]),me=x.useState(`triggerProps`,ne),{preFocusGuardRef:q,handlePreFocusGuardFocus:ye,handleFocusTargetFocus:J}=Pe(x,k),be={disabled:L,open:E},Y=[R,t,se,te,k],Se=[pe,H??d,me,{"aria-haspopup":`menu`,"aria-controls":O,id:S,onMouseDown:e=>{x.select(`open`)||(ce.start(200,()=>{x.context.allowMouseUpTriggerRef.current=!0}),u(e.currentTarget).addEventListener(`mouseup`,B,{once:!0}))}},P?{role:`menuitem`}:{},K,v,oe],Ce=s(`button`,e,{enabled:!P,stateAttributesMapping:ve,state:be,ref:Y,props:Se});return P?(0,$.jsx)(Ne,{tag:`button`,render:n,className:r,style:i,state:be,refs:Y,props:Se,stateAttributesMapping:ve}):E?(0,$.jsxs)(Z.Fragment,{children:[(0,$.jsx)(g,{ref:q,onFocus:ye},`${S}-pre-focus-guard`),(0,$.jsx)(Z.Fragment,{children:Ce},S),(0,$.jsx)(g,{ref:x.context.triggerFocusTargetRef,onFocus:J},`${S}-post-focus-guard`)]}):(0,$.jsx)(Z.Fragment,{children:Ce},S)});function bt(e,t){let n=p(),[r,i]=Z.useState(!1);return ue(()=>{e&&t===`trigger-hover`?(i(!0),n.start(500,()=>{i(!1)})):e||(n.clear(),i(!1))},[e,t,n]),r}function xt(){let e=Be(!0),t=Q(!0),n=lt(!0);return Z.useMemo(()=>n?{type:`menubar`,context:n}:e&&!t?{type:`context-menu`,context:e}:{type:void 0},[e,t,n])}function St({...e}){return(0,$.jsx)(ht,{"data-slot":`dropdown-menu`,...e})}function Ct({...e}){return(0,$.jsx)(yt,{"data-slot":`dropdown-menu-trigger`,...e})}function wt({align:e=`start`,alignOffset:t=0,side:n=`bottom`,sideOffset:r=4,className:i,...a}){return(0,$.jsx)(ot,{children:(0,$.jsx)(st,{className:`isolate z-50 outline-none`,align:e,alignOffset:t,side:n,sideOffset:r,children:(0,$.jsx)(rt,{"data-slot":`dropdown-menu-content`,className:J(`dark z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,i),...a})})})}function Tt({...e}){return(0,$.jsx)(Qe,{"data-slot":`dropdown-menu-group`,...e})}function Et({className:e,inset:t,...n}){return(0,$.jsx)($e,{"data-slot":`dropdown-menu-label`,"data-inset":t,className:J(`px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8`,e),...n})}function Dt({className:e,inset:t,variant:n=`default`,...r}){return(0,$.jsx)(et,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:J(`group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive`,e),...r})}function Ot({className:e,inset:t,variant:n=`default`,...r}){return(0,$.jsx)(tt,{"data-slot":`dropdown-menu-link-item`,"data-inset":t,"data-variant":n,className:J(`group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive`,e),...r})}function kt({className:e,children:t,checked:n,inset:r,...i}){return(0,$.jsxs)(Je,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":r,className:J(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:n,...i,children:[(0,$.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,$.jsx)(Ye,{children:(0,$.jsx)(L,{})})}),t]})}function At({className:e,...t}){return(0,$.jsx)(Fe,{"data-slot":`dropdown-menu-separator`,className:J(`-mx-1 my-1 h-px bg-border`,e),...t})}export{ze as _,Dt as a,Q as b,At as c,ht as d,st as f,$e as g,et as h,Tt as i,Ct as l,rt as m,kt as n,Et as o,ot as p,wt as r,Ot as s,St as t,gt as u,Be as v,Re as y};

package/dist/showcase/assets/dropzone-Bl7RO_Uk.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n}from"./example-BIrQab7K.js";import{a as r,k as i,n as a,s as o}from"./index-Cz4UGUT2.js";var s=r(`cloud-upload`,[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]]),c=e(t(),1),l=o(),u={instruction:`Drag files here or click to browse`,helper:``,dragOver:`Release to upload`},d={compact:{padding:`px-4 py-4`,minH:`min-h-[112px]`,iconBox:`h-9 w-9`,iconSize:`size-4`},base:{padding:`px-6 py-8`,minH:`min-h-[180px]`,iconBox:`h-12 w-12`,iconSize:`size-6`},lg:{padding:`px-8 py-12`,minH:`min-h-[260px]`,iconBox:`h-14 w-14`,iconSize:`size-7`}};function f({onDrop:e,accept:t,multiple:r=!1,disabled:o=!1,invalid:f=!1,size:p=`base`,icon:m,className:h,children:g,strings:_},v){let y=i(u,_),b=(0,c.useRef)(null),[x,S]=(0,c.useState)(!1),C=d[p],w=(0,c.useCallback)(()=>{o||b.current?.click()},[o]),T=(0,c.useCallback)(t=>{let n=t.target.files;!n||n.length===0||(e(Array.from(n)),b.current&&(b.current.value=``))},[e]),E=(0,c.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),o||S(!0)},[o]),D=(0,c.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),S(!1)},[]),O=(0,c.useCallback)(t=>{if(t.preventDefault(),t.stopPropagation(),S(!1),o)return;let n=t.dataTransfer?.files;!n||n.length===0||e(Array.from(n))},[o,e]);return(0,l.jsxs)(`div`,{role:`button`,tabIndex:o?-1:0,"aria-disabled":o||void 0,"aria-invalid":f||void 0,onClick:e=>{e.defaultPrevented||w()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),w())},onDragEnter:E,onDragOver:E,onDragLeave:D,onDrop:O,className:a(`dropzone--component`,`relative flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed text-center transition-colors duration-150`,C.minH,C.padding,f?`border-destructive`:`border-muted-foreground/40`,`bg-muted/30 hover:border-primary hover:bg-primary/5 hover:text-primary`,o&&`cursor-not-allowed opacity-50 hover:border-muted-foreground/40 hover:bg-muted/30 hover:text-muted-foreground`,!o&&x&&`border-primary bg-primary/10 text-primary`,h),children:[(0,l.jsx)(`input`,{ref:e=>{b.current=e,typeof v==`function`?v(e):v&&(v.current=e)},type:`file`,className:`hidden`,accept:t,multiple:r,disabled:o,onChange:T,onClick:e=>e.stopPropagation()}),(0,l.jsx)(`span`,{className:a(`inline-flex items-center justify-center rounded-full bg-primary/10 text-primary`,C.iconBox),"aria-hidden":`true`,children:m??(0,l.jsx)(s,{className:C.iconSize})}),(0,l.jsxs)(`div`,{className:`space-y-1`,children:[(0,l.jsx)(n,{size:p===`compact`?`xs`:`sm`,weight:`medium`,children:x?y.dragOver:y.instruction}),!!y.helper&&(0,l.jsx)(n,{size:`xs`,type:`secondary`,children:y.helper})]}),!!g&&(0,l.jsx)(`div`,{onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:g})]})}var p=c.forwardRef(f);p.displayName=`Dropzone`;export{s as n,p as t};

package/dist/showcase/assets/earth-C7n2JAYm.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.js";var t=e(`earth`,[[`path`,{d:`M21.54 15H17a2 2 0 0 0-2 2v4.54`,key:`1djwo0`}],[`path`,{d:`M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17`,key:`1tzkfa`}],[`path`,{d:`M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05`,key:`14pb5j`}],[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]);export{t};

package/dist/showcase/assets/ellipsis-ntuo3ejh.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.js";var t=e(`ellipsis`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`19`,cy:`12`,r:`1`,key:`1wjl8i`}],[`circle`,{cx:`5`,cy:`12`,r:`1`,key:`1pcz8c`}]]);export{t};

package/dist/showcase/assets/ellipsis-vertical-yH8S83bc.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.js";var t=e(`ellipsis-vertical`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`12`,cy:`5`,r:`1`,key:`gxeob9`}],[`circle`,{cx:`12`,cy:`19`,r:`1`,key:`lyex9k`}]]);export{t};

package/dist/showcase/assets/empty-CY8f7iFe.js

@@ -0,0 +1 @@
+import{xr as e}from"./example-BIrQab7K.js";import{n as t,s as n}from"./index-Cz4UGUT2.js";var r=n();function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty`,className:t(`gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-header`,className:t(`gap-2 flex max-w-sm flex-col items-center`,e),...n})}var o=e(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6`}},defaultVariants:{variant:`default`}});function s({className:e,variant:n=`default`,...i}){return(0,r.jsx)(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:t(o({variant:n,className:e})),...i})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-title`,className:t(`text-lg font-medium tracking-tight`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-description`,className:t(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-content`,className:t(`gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,e),...n})}export{s as a,a as i,u as n,c as o,l as r,i as t};

package/dist/showcase/assets/empty-item-Ct7uCr40.js

@@ -0,0 +1,49 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Un as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{t as a}from"./file-text-D3AE37vP.js";import{t as o}from"./inbox-D4UE_W9O.js";import{t as s}from"./settings-BSRT_96A.js";import{s as c}from"./index-Cz4UGUT2.js";import{a as l,c as u,i as d,r as f,t as p,u as m}from"./item-BJOYyqeO.js";import{a as h,i as g,n as _,o as v,r as y,t as b}from"./empty-CY8f7iFe.js";import{t as x}from"./PreviewLayout-BG1B5TzA.js";var S=e({EmptyState:()=>w,ItemsList:()=>T}),C=c();function w(){return(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)(b,{children:[(0,C.jsxs)(g,{children:[(0,C.jsx)(h,{variant:`icon`,children:(0,C.jsx)(o,{})}),(0,C.jsx)(v,{children:`No orders yet`}),(0,C.jsx)(y,{children:`Start by creating your first order.`})]}),(0,C.jsx)(_,{children:(0,C.jsx)(t,{children:`Create order`})})]})})}function T(){return(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)(x,{children:[(0,C.jsxs)(p,{children:[(0,C.jsx)(u,{variant:`icon`,children:(0,C.jsx)(a,{})}),(0,C.jsxs)(f,{children:[(0,C.jsx)(m,{children:`Invoice INV-2026-0392`}),(0,C.jsx)(d,{children:`Sarah Smitha — 2,450 USD`})]}),(0,C.jsx)(l,{children:(0,C.jsx)(t,{size:`sm`,variant:`outline`,children:`Open`})})]}),(0,C.jsxs)(p,{children:[(0,C.jsx)(u,{variant:`icon`,children:(0,C.jsx)(s,{})}),(0,C.jsxs)(f,{children:[(0,C.jsx)(m,{children:`Account preferences`}),(0,C.jsx)(d,{children:`Notifications, security & integrations.`})]})]})]})})}var E=`import { Inbox, FileText, Settings } from 'lucide-react';
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty';
+import { Item, ItemContent, ItemDescription, ItemFooter, ItemMedia, ItemTitle } from '@/components/ui/item';
+import { Button } from '@/components/ui/button';
+import { Col } from '../../PreviewLayout';
+
+export function EmptyState() {
+	return (
+		<>
+			<Empty>
+								<EmptyHeader>
+									<EmptyMedia variant="icon"><Inbox /></EmptyMedia>
+									<EmptyTitle>No orders yet</EmptyTitle>
+									<EmptyDescription>Start by creating your first order.</EmptyDescription>
+								</EmptyHeader>
+								<EmptyContent>
+									<Button>Create order</Button>
+								</EmptyContent>
+							</Empty>
+		</>
+	);
+}
+
+export function ItemsList() {
+	return (
+		<>
+			<Col>
+								<Item>
+									<ItemMedia variant="icon"><FileText /></ItemMedia>
+									<ItemContent>
+										<ItemTitle>Invoice INV-2026-0392</ItemTitle>
+										<ItemDescription>Sarah Smitha — 2,450 USD</ItemDescription>
+									</ItemContent>
+									<ItemFooter>
+										<Button size="sm" variant="outline">Open</Button>
+									</ItemFooter>
+								</Item>
+								<Item>
+									<ItemMedia variant="icon"><Settings /></ItemMedia>
+									<ItemContent>
+										<ItemTitle>Account preferences</ItemTitle>
+										<ItemDescription>Notifications, security & integrations.</ItemDescription>
+									</ItemContent>
+								</Item>
+							</Col>
+		</>
+	);
+}
+`;function D(e){return S||k(`Examples`,!1),w||k(`Examples.EmptyState`,!0),T||k(`Examples.ItemsList`,!0),(0,C.jsx)(n,{title:`UI · Empty + Item`,description:`Empty state and Item list-row primitives.`,layer:`ui`,status:`ready`,children:(0,C.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,C.jsx)(i,{name:`EmptyState`,source:E,children:(0,C.jsx)(w,{})}),(0,C.jsx)(i,{name:`ItemsList`,source:E,children:(0,C.jsx)(T,{})})]})})}function O(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(D,{...e})}):D(e)}function k(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{O as default};

package/dist/showcase/assets/empty-state-DlO8SJi8.js

@@ -0,0 +1,188 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,r,t as i}from"./example-BIrQab7K.js";import{t as a}from"./refresh-cw-DnxNcOMm.js";import{a as o,i as s,n as c,s as l}from"./index-Cz4UGUT2.js";import{t as u}from"./props-table-BR-KjRNe.js";import{t as d}from"./text-link-DT-nOORV.js";import{t as f}from"./smart-card-B4P_C0nk.js";import{t as p}from"./empty-state-IAAUTn6f.js";var m=o(`list-plus`,[[`path`,{d:`M16 5H3`,key:`m91uny`}],[`path`,{d:`M11 12H3`,key:`51ecnj`}],[`path`,{d:`M16 19H3`,key:`zzsher`}],[`path`,{d:`M18 9v6`,key:`1twb98`}],[`path`,{d:`M21 12h-6`,key:`bt1uis`}]]),h=o(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),g=l();function _({className:e}){return(0,g.jsxs)(`div`,{className:c(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,g.jsxs)(`div`,{className:`bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-md border p-2 shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`})]}),(0,g.jsxs)(`div`,{className:`bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-md border p-2 shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`}),(0,g.jsxs)(`div`,{className:`mt-auto flex items-center gap-1`,children:[(0,g.jsx)(`div`,{className:`bg-success size-1.5 rounded-full`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-8 rounded`})]})]})]})}_.displayName=`DocumentStackIllustration`;function v({className:e}){return(0,g.jsxs)(`div`,{className:c(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,g.jsx)(`div`,{className:`bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border`,children:(0,g.jsx)(`svg`,{viewBox:`0 0 16 16`,className:`text-success size-3.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,g.jsx)(`path`,{d:`M3 8l3 3 7-7`})})}),(0,g.jsxs)(`div`,{className:`bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted/30 h-3 rounded-t-lg`}),(0,g.jsxs)(`div`,{className:`flex flex-1 items-center justify-between px-3`,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,g.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-12 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/40 h-1.5 w-8 rounded`})]}),(0,g.jsx)(`div`,{className:`bg-muted/40 size-3 rounded-full`})]})]})]})}v.displayName=`InboxCleanIllustration`;function y({className:e}){return(0,g.jsx)(`div`,{className:c(`flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20`,e),"aria-hidden":`true`,children:(0,g.jsx)(s,{className:`size-8 text-muted-foreground`})})}y.displayName=`SearchGlassIllustration`;function b({className:e}){return(0,g.jsxs)(`div`,{className:c(`relative h-24 w-52`,e),"aria-hidden":`true`,children:[(0,g.jsx)(`div`,{className:`bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border`}),(0,g.jsx)(`div`,{className:`bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border`}),(0,g.jsxs)(`div`,{className:`bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm`,children:[(0,g.jsx)(`div`,{className:`bg-muted size-8 shrink-0 rounded`}),(0,g.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1.5`,children:[(0,g.jsx)(`div`,{className:`bg-muted h-2.5 w-3/4 rounded`}),(0,g.jsx)(`div`,{className:`bg-muted/60 h-2 w-1/2 rounded`})]})]}),(0,g.jsx)(`div`,{className:`from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b`})]})}b.displayName=`StackedCardsIllustration`;function x({className:e}){return(0,g.jsxs)(`div`,{className:c(`relative flex h-24 w-32 items-center justify-center`,e),"aria-hidden":`true`,children:[(0,g.jsx)(`div`,{className:`bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2`}),(0,g.jsx)(`div`,{className:`bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm`}),(0,g.jsx)(`div`,{className:`bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2`})]})}x.displayName=`UsersCircleIllustration`;var S=e({DashedBorderDropZone:()=>j,Default:()=>C,InboxZero:()=>D,NoProductsWithActions:()=>w,NoSearchResults:()=>E,NoTeamMembers:()=>T,PaddingBase:()=>k,PaddingCompact:()=>O,PaddingLoose:()=>A,RenderPropCustomMedia:()=>N,StringsPropLocalisation:()=>M});function C(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`No invoices yet`,description:`Invoices appear here once a sale is completed.`})})}function w(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(b,{}),title:`No products yet`,description:`Add your first product to start selling. You can also import an existing catalog.`,actions:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(r,{children:[(0,g.jsx)(m,{className:`size-4`}),`Add product`]}),(0,g.jsxs)(r,{variant:`secondary`,buttonStyle:`ghost`,children:[(0,g.jsx)(h,{className:`size-4`}),`Import CSV`]})]}),footer:(0,g.jsxs)(g.Fragment,{children:[`Need help? `,(0,g.jsx)(d,{href:`#`,children:`Read the guide`})]})})})}function T(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(x,{}),title:`Invite your team`,description:`Bring in collaborators to manage the workspace together.`,actions:(0,g.jsx)(r,{children:`Invite member`})})})}function E(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{mediaVariant:`illustration`,media:(0,g.jsx)(y,{}),title:`No results for “quarterly”`,description:`Try a broader query, or clear filters to see everything.`,actions:(0,g.jsxs)(r,{variant:`secondary`,buttonStyle:`ghost`,children:[(0,g.jsx)(a,{className:`size-4`}),`Clear filters`]}),padding:`compact`})})}function D(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(v,{}),title:`You’re all caught up`,description:!1,padding:`compact`})})}function O(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`Compact padding`,description:`padding="compact"`,padding:`compact`})})}function k(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`Base padding`,description:`padding="base" (default)`})})}function A(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(_,{}),title:`Loose padding`,description:`padding="loose"`,padding:`loose`})})}function j(){return(0,g.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,g.jsx)(p,{border:!0,mediaVariant:`icon`,media:(0,g.jsx)(m,{className:`size-6 text-muted-foreground`}),title:`Drop a file to attach`,description:`Or click to browse. Max 10 MB.`,padding:`loose`})})}function M(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{media:(0,g.jsx)(b,{}),strings:{title:`Aucun produit`,description:`Ajoutez votre premier produit pour commencer.`}})})}function N(){return(0,g.jsx)(f,{padding:`sm`,className:`w-full max-w-xl`,children:(0,g.jsx)(p,{mediaVariant:`illustration`,renderMedia:({mediaVariant:e})=>(0,g.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,g.jsx)(`div`,{className:`size-12 rounded-full bg-info/15 ring-8 ring-info/5`}),(0,g.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`variant: `,e]})]}),title:`Custom rendering through renderMedia`,description:`The render-prop receives the resolved variant so consumers can react to it.`})})}var P=`import { ListPlus, RefreshCw, Upload } from 'lucide-react';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import {
+	DocumentStackIllustration,
+	EmptyState,
+	InboxCleanIllustration,
+	SearchGlassIllustration,
+	StackedCardsIllustration,
+	UsersCircleIllustration,
+} from '@/components/base/display/empty-state';
+import TextLink from '@/components/typography/text-link';
+
+export function Default() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="No invoices yet"
+				description="Invoices appear here once a sale is completed."
+			/>
+		</SmartCard>
+	);
+}
+
+export function NoProductsWithActions() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<StackedCardsIllustration />}
+				title="No products yet"
+				description="Add your first product to start selling. You can also import an existing catalog."
+				actions={
+					<>
+						<Button>
+							<ListPlus className="size-4" />
+							Add product
+						</Button>
+						<Button variant="secondary" buttonStyle="ghost">
+							<Upload className="size-4" />
+							Import CSV
+						</Button>
+					</>
+				}
+				footer={
+					<>
+						Need help? <TextLink href="#">Read the guide</TextLink>
+					</>
+				}
+			/>
+		</SmartCard>
+	);
+}
+
+export function NoTeamMembers() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<UsersCircleIllustration />}
+				title="Invite your team"
+				description="Bring in collaborators to manage the workspace together."
+				actions={<Button>Invite member</Button>}
+			/>
+		</SmartCard>
+	);
+}
+
+export function NoSearchResults() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				mediaVariant="illustration"
+				media={<SearchGlassIllustration />}
+				title="No results for &ldquo;quarterly&rdquo;"
+				description="Try a broader query, or clear filters to see everything."
+				actions={
+					<Button variant="secondary" buttonStyle="ghost">
+						<RefreshCw className="size-4" />
+						Clear filters
+					</Button>
+				}
+				padding="compact"
+			/>
+		</SmartCard>
+	);
+}
+
+export function InboxZero() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<InboxCleanIllustration />}
+				title="You&rsquo;re all caught up"
+				description={false}
+				padding="compact"
+			/>
+		</SmartCard>
+	);
+}
+
+export function PaddingCompact() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="Compact padding"
+				description="padding=&quot;compact&quot;"
+				padding="compact"
+			/>
+		</SmartCard>
+	);
+}
+
+export function PaddingBase() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="Base padding"
+				description="padding=&quot;base&quot; (default)"
+			/>
+		</SmartCard>
+	);
+}
+
+export function PaddingLoose() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<DocumentStackIllustration />}
+				title="Loose padding"
+				description="padding=&quot;loose&quot;"
+				padding="loose"
+			/>
+		</SmartCard>
+	);
+}
+
+export function DashedBorderDropZone() {
+	return (
+		<div className="w-full max-w-xl">
+			<EmptyState
+				border
+				mediaVariant="icon"
+				media={<ListPlus className="size-6 text-muted-foreground" />}
+				title="Drop a file to attach"
+				description="Or click to browse. Max 10 MB."
+				padding="loose"
+			/>
+		</div>
+	);
+}
+
+export function StringsPropLocalisation() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				media={<StackedCardsIllustration />}
+				strings={{
+					title: 'Aucun produit',
+					description: 'Ajoutez votre premier produit pour commencer.',
+				}}
+			/>
+		</SmartCard>
+	);
+}
+
+export function RenderPropCustomMedia() {
+	return (
+		<SmartCard padding="sm" className="w-full max-w-xl">
+			<EmptyState
+				mediaVariant="illustration"
+				renderMedia={({ mediaVariant }) => (
+					<div className="flex flex-col items-center gap-1">
+						<div className="size-12 rounded-full bg-info/15 ring-8 ring-info/5" />
+						<span className="text-xs text-muted-foreground">variant: {mediaVariant}</span>
+					</div>
+				)}
+				title="Custom rendering through renderMedia"
+				description="The render-prop receives the resolved variant so consumers can react to it."
+			/>
+		</SmartCard>
+	);
+}
+`;function F(e){let r={code:`code`,p:`p`,...e.components};return S||L(`Examples`,!1),j||L(`Examples.DashedBorderDropZone`,!0),C||L(`Examples.Default`,!0),D||L(`Examples.InboxZero`,!0),w||L(`Examples.NoProductsWithActions`,!0),E||L(`Examples.NoSearchResults`,!0),T||L(`Examples.NoTeamMembers`,!0),k||L(`Examples.PaddingBase`,!0),O||L(`Examples.PaddingCompact`,!0),A||L(`Examples.PaddingLoose`,!0),N||L(`Examples.RenderPropCustomMedia`,!0),M||L(`Examples.StringsPropLocalisation`,!0),(0,g.jsxs)(t,{title:`Empty state`,description:`Adaptive zero-data surface. Wrap with the right illustration per resource — products, users, search results, inbox. Slots for media / actions / footer; consumer overrides every string.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/empty-state`,children:[(0,g.jsx)(n,{title:`Overview`,id:`overview`,children:(0,g.jsxs)(r.p,{children:[(0,g.jsx)(r.code,{children:`EmptyState`}),` is the canonical zero-data surface. Pass an illustration (or any
+node) via `,(0,g.jsx)(r.code,{children:`media`}),`, optional `,(0,g.jsx)(r.code,{children:`actions`}),` and `,(0,g.jsx)(r.code,{children:`footer`}),` slots, and tune the surface
+with `,(0,g.jsx)(r.code,{children:`padding`}),` (`,(0,g.jsx)(r.code,{children:`compact`}),` / `,(0,g.jsx)(r.code,{children:`base`}),` / `,(0,g.jsx)(r.code,{children:`loose`}),`) and `,(0,g.jsx)(r.code,{children:`border`}),` (dashed drop-zone
+affordance). Five built-in illustrations cover the common cases.`]})}),(0,g.jsx)(n,{title:`Default`,id:`default`,children:(0,g.jsx)(i,{name:`Default`,source:P,children:(0,g.jsx)(C,{})})}),(0,g.jsxs)(n,{title:`Common scenarios`,id:`scenarios`,children:[(0,g.jsx)(i,{name:`NoProductsWithActions`,source:P,children:(0,g.jsx)(w,{})}),(0,g.jsx)(i,{name:`NoTeamMembers`,source:P,children:(0,g.jsx)(T,{})}),(0,g.jsx)(i,{name:`NoSearchResults`,source:P,children:(0,g.jsx)(E,{})}),(0,g.jsx)(i,{name:`InboxZero`,source:P,children:(0,g.jsx)(D,{})})]}),(0,g.jsxs)(n,{title:`Padding`,id:`padding`,children:[(0,g.jsx)(i,{name:`PaddingCompact`,source:P,children:(0,g.jsx)(O,{})}),(0,g.jsx)(i,{name:`PaddingBase`,source:P,children:(0,g.jsx)(k,{})}),(0,g.jsx)(i,{name:`PaddingLoose`,source:P,children:(0,g.jsx)(A,{})})]}),(0,g.jsxs)(n,{title:`Composition`,id:`composition`,children:[(0,g.jsx)(i,{name:`DashedBorderDropZone`,source:P,children:(0,g.jsx)(j,{})}),(0,g.jsx)(i,{name:`StringsPropLocalisation`,source:P,children:(0,g.jsx)(M,{})}),(0,g.jsx)(i,{name:`RenderPropCustomMedia`,source:P,children:(0,g.jsx)(N,{})})]}),(0,g.jsx)(n,{title:`API`,id:`api`,children:(0,g.jsx)(u,{component:`EmptyState`})})]})}function I(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(F,{...e})}):F(e)}function L(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{I as default};

package/dist/showcase/assets/empty-state-IAAUTn6f.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Tr as r}from"./example-BIrQab7K.js";import{k as i,n as a,s as o}from"./index-Cz4UGUT2.js";import{a as s,i as c,n as l,t as u}from"./empty-CY8f7iFe.js";var d=e(t(),1),f={title:`Nothing here yet`,description:`Once data lands, it will show up in this view.`,ariaLabel:`Empty state`},p=o(),m={compact:`py-6`,base:`py-12`,loose:`py-16`},h={none:`default`,icon:`icon`,"icon-soft":`icon`,illustration:`default`},g={none:void 0,icon:void 0,"icon-soft":`bg-muted/40 text-muted-foreground`,illustration:`mb-4`},_=(0,d.forwardRef)(function({title:e,description:t,media:o,mediaVariant:d=`none`,renderMedia:_,actions:v,footer:y,padding:b=`base`,border:x=!1,className:S,strings:C,ariaLabel:w},T){let E=i(f,C),D=e??E.title,O=t===!1?null:t??E.description,k=_?_({mediaVariant:d}):o,A=!!k;return(0,p.jsxs)(u,{ref:T,role:`status`,"aria-label":w??E.ariaLabel,className:a(`empty-state--component`,m[b],x?`border border-dashed`:`border-0`,S),children:[(0,p.jsxs)(c,{children:[!!A&&(0,p.jsx)(s,{variant:h[d],className:g[d],children:k}),(0,p.jsx)(r,{tag:`h3`,className:`border-0 pb-0 text-base`,"data-slot":`empty-title`,children:D}),!!O&&(0,p.jsx)(n,{size:`xs`,type:`secondary`,className:`leading-relaxed [&>a]:text-primary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline`,"data-slot":`empty-description`,children:O})]}),(!!v||!!y)&&(0,p.jsxs)(l,{children:[!!v&&(0,p.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:v}),!!y&&(0,p.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:y})]})]})});_.displayName=`EmptyState`;export{_ as t};