admin-ui-starter-kit 0.1.4 → 0.4.3

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

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{$ as n,A as r,Ar as i,Bn as a,C as o,E as s,Gn as c,H as l,Ht as u,It as d,Jn as f,L as p,Ln as m,M as h,N as g,Nt as _,O as v,P as y,Pn as b,Qn as x,Qt as S,R as C,Rn as w,S as T,Tr as E,U as D,V as O,W as k,Wt as A,Y as j,Z as ee,Zn as M,ar as N,at as te,ct as ne,d as P,dr as F,er as I,et as L,f as re,g as R,ir as ie,it as ae,k as oe,ln as z,lt as B,m as se,nr as V,nt as ce,p as le,qn as ue,rn as H,rr as U,rt as de,sr as W,tr as G,tt as fe,u as pe,ur as me,ut as he,v as ge,w as _e,x as ve,xn as ye,y as K,z as q,zn as be}from"./example-C6-_Sy6B.js";import{a as xe}from"./index-B8DVXCmf.js";import{a as Se,i as J,o as Ce,t as we}from"./useOpenInteractionType-BLV8Pa2n.js";import{n as Te,r as Ee,t as De}from"./getPseudoElementBounds-B7wr19E1.js";import{t as Y}from"./inertValue-i0cAMG-0.js";import{t as Oe}from"./useControlled-Cpg8gDqb.js";import{n as X,r as ke}from"./useCompositeListItem-D4ugfKLB.js";import{o as Ae}from"./composite-YicTVAO0.js";import{t as je}from"./ToolbarRootContext-BJ7hWga8.js";import{t as Me}from"./useAnchoredPopupScrollLock-AFPLx3SZ.js";import{t as Ne}from"./CompositeItem-C-DIOBdJ.js";import{t as Pe}from"./useTriggerFocusGuards-CrYLO2g5.js";import{t as Fe}from"./Separator-guDkmky0.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(G(33));return t}var Re=Z.createContext(void 0);function Q(e){let t=Z.useContext(Re);if(t===void 0&&!e)throw Error(G(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(G(25));return t}var Ve=Z.createContext(void 0);function He(){let e=Z.useContext(Ve);if(e===void 0)throw Error(G(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&&!b&&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}=x({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=>V(p,{onMouseEnter(){c.type===`submenu-trigger`&&c.setActive()}},e,d),[p,d,c]),h=M(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]:``}},...O},$=xe(),Je=Z.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,nativeButton:o=!1,disabled:s=!1,closeOnClick:l=!1,checked:d,defaultChecked:f,onCheckedChange:p,style:m,...h}=e,g=X({label:a}),_=Le(!0),v=R(i),{store:y}=Q(),b=y.useState(`isActive`,g.index),x=y.useState(`itemProps`),[S,C]=Oe({controlled:d,default:f??!1,name:`MenuCheckboxItem`,state:`checked`}),{getItemProps:w,itemRef:T}=Ge({closeOnClick:l,disabled:s,highlighted:b,id:v,store:y,nativeButton:o,nodeId:_?.context.nodeId,itemMetadata:We}),E=Z.useMemo(()=>({disabled:s,highlighted:b,checked:S}),[s,b,S]);function D(e){let t=u(H,e.nativeEvent,void 0,{preventUnmountOnClose(){}});p?.(!S,t),!t.isCanceled&&C(e=>!e)}let O=c(`div`,e,{state:E,stateAttributesMapping:qe,props:[x,{role:`menuitemcheckbox`,"aria-checked":S,onClick:D},h,w],ref:[T,t,g.ref]});return(0,$.jsx)(Ve.Provider,{value:E,children:O})}),Ye=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,keepMounted:a=!1,...o}=e,s=He(),u=Z.useRef(null),{transitionStatus:d,setMounted:f}=l(s.checked);return C({open:s.checked,ref:u,onComplete(){s.checked||f(!1)}}),c(`span`,e,{state:{checked:s.checked,disabled:s.disabled,highlighted:s.highlighted,transitionStatus:d},ref:[t,u],stateAttributesMapping:qe,props:{"aria-hidden":!0,...o},enabled:a||s.checked})}),Xe=Z.createContext(void 0);function Ze(){let e=Z.useContext(Xe);if(e===void 0)throw Error(G(31));return e}var Qe=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,[o,s]=Z.useState(void 0),l=c(`div`,e,{ref:t,props:{role:`group`,"aria-labelledby":o,...a}});return(0,$.jsx)(Xe.Provider,{value:s,children:l})}),$e=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,s=R(a),l=Ze();return U(()=>(l(s),()=>{l(void 0)}),[l,s]),c(`div`,e,{ref:t,props:{id:s,role:`presentation`,...o}})}),et=Z.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,nativeButton:o=!1,disabled:s=!1,closeOnClick:l=!0,style:u,...d}=e,f=X({label:a}),p=Le(!0),m=R(i),{store:h}=Q(),g=h.useState(`isActive`,f.index),_=h.useState(`itemProps`),{getItemProps:v,itemRef:y}=Ge({closeOnClick:l,disabled:s,highlighted:g,id:m,store:h,nativeButton:o,nodeId:p?.context.nodeId,itemMetadata:We});return c(`div`,e,{state:{disabled:s,highlighted:g},props:[_,d,v],ref:[y,t,f.ref]})}),tt=Z.forwardRef(function(e,t){let{render:n,className:r,id:i,label:a,closeOnClick:o=!1,style:s,...l}=e,u=Z.useRef(null),d=X({label:a}),f=Le(!0)?.context.nodeId,p=R(i),{store:m}=Q(),h=m.useState(`isActive`,d.index),g=m.useState(`itemProps`),_=m.context.typingRef,{getButtonProps:v,buttonRef:y}=x({native:!1,composite:!0}),b=Ue({closeOnClick:o,highlighted:h,id:p,nodeId:f,store:m,typingRef:_,itemRef:u});function S(e){return V(b,e,v)}return c(`a`,e,{state:{highlighted:h},props:[g,l,S],ref:[u,y,t,d.ref]})}),nt={...ge,...O},rt=Z.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:a,...s}=e,{store:l}=Q(),{side:d,align:f}=Le(),p=je(!0)!=null,m=l.useState(`open`),h=l.useState(`transitionStatus`),g=l.useState(`popupProps`),_=l.useState(`mounted`),v=l.useState(`instantType`),y=l.useState(`activeTriggerElement`),b=l.useState(`parent`),x=l.useState(`lastOpenChangeReason`),S=l.useState(`rootId`),w=l.useState(`floatingRootContext`),T=l.useState(`floatingTreeRoot`),E=l.useState(`closeDelay`),D=l.useState(`activeTriggerElement`),O=l.useState(`hoverEnabled`),k=l.useState(`disabled`),A=b.type===`context-menu`;C({open:m,ref:l.context.popupRef,onComplete(){m&&l.context.onOpenChangeComplete?.(!0)}}),Z.useEffect(()=>{function e(e){l.setOpen(!1,u(e.reason,e.domEvent))}return T.events.on(`close`,e),()=>{T.events.off(`close`,e)}},[T.events,l]),o(w,{enabled:O&&!k&&!A&&b.type!==`menubar`,closeDelay:E});let j=Z.useCallback(e=>{l.set(`popupElement`,e)},[l]),ee=c(`div`,e,{state:{transitionStatus:h,side:d,align:f,open:m,nested:b.type===`menu`,instant:v},ref:[t,l.context.popupRef,j],stateAttributesMapping:nt,props:[g,{onKeyDown(e){p&&Ae.has(e.key)&&e.stopPropagation()}},P(h),s,{"data-rootownerid":S}]}),M=b.type===void 0||A;return(y||b.type===`menubar`&&x!==`outside-press`)&&(M=!0),(0,$.jsx)(Ce,{context:w,modal:A,disabled:!_,returnFocus:a===void 0?M:a,initialFocus:b.type!==`menu`,restoreFocus:!0,externalTree:b.type===`menubar`?void 0:T,previousFocusableElement:D,nextFocusableElement:b.type===void 0?l.context.triggerFocusTargetRef:void 0,beforeContentFocusGuardRef:b.type===void 0?l.context.beforeContentFocusGuardRef:void 0,children:ee})}),it=Z.createContext(void 0);function at(){let e=Z.useContext(it);if(e===void 0)throw Error(G(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)(te,{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:l=0,alignOffset:d=0,collisionBoundary:f=`clipping-ancestors`,collisionPadding:p=5,arrowPadding:h=5,sticky:g=!1,disableAnchorTracking:_=!1,collisionAvoidance:v=ne,style:y,...b}=e,{store:x}=Q(),S=at(),C=Be(!0),w=x.useState(`parent`),T=x.useState(`floatingRootContext`),E=x.useState(`floatingTreeRoot`),D=x.useState(`mounted`),O=x.useState(`open`),k=x.useState(`modal`),A=x.useState(`openMethod`),j=x.useState(`activeTriggerElement`),ee=x.useState(`transitionStatus`),M=x.useState(`positionerElement`),N=x.useState(`instantType`),te=x.useState(`hasViewport`),P=x.useState(`lastOpenChangeReason`),F=x.useState(`floatingNodeId`),I=x.useState(`floatingParentNodeId`),L=T.useState(`domReferenceElement`),R=Z.useRef(null),ie=q(M,!1,!1),ae=r,oe=l,se=d,V=c,ce=v;w.type===`context-menu`&&(ae=r??w.context?.anchor,V??=`start`,!s&&V!==`center`&&(se=e.alignOffset??2,oe=e.sideOffset??-5));let ue=s,H=V;w.type===`menu`?(ue??=`inline-end`,H??=`start`,ce=e.collisionAvoidance??B):w.type===`menubar`&&(ue??=`bottom`,H??=`start`);let de=w.type===`context-menu`,W=re({anchor:ae,floatingRootContext:T,positionMethod:C?`fixed`:i,mounted:D,side:ue,sideOffset:oe,align:H,alignOffset:se,arrowPadding:de?0:h,collisionBoundary:f,collisionPadding:p,sticky:g,nodeId:F,keepMounted:S,disableAnchorTracking:_,collisionAvoidance:ce,shiftCrossAxis:de&&!(`side`in ce&&ce.side===`flip`),externalTree:E,adaptiveOrigin:te?le:void 0});Z.useEffect(()=>{function e(e){e.open&&(e.parentNodeId===F&&x.set(`hoverEnabled`,!1),e.nodeId!==F&&e.parentNodeId===x.select(`floatingParentNodeId`)&&x.setOpen(!1,u(z)))}return E.events.on(`menuopenchange`,e),()=>{E.events.off(`menuopenchange`,e)}},[x,E.events,F]),Z.useEffect(()=>{if(x.select(`floatingParentNodeId`)==null)return;function e(e){if(e.open||e.nodeId!==x.select(`floatingParentNodeId`))return;let t=e.reason??`sibling-open`;x.setOpen(!1,u(t))}return E.events.on(`menuopenchange`,e),()=>{E.events.off(`menuopenchange`,e)}},[E.events,x]);let G=m();Z.useEffect(()=>{O||G.clear()},[O,G]),Z.useEffect(()=>{function e(e){if(!(!O||e.nodeId!==x.select(`floatingParentNodeId`)))if(e.target&&j&&j!==e.target){let e=x.select(`closeDelay`);e>0?G.isStarted()||G.start(e,()=>{x.setOpen(!1,u(z))}):x.setOpen(!1,u(z))}else G.clear()}return E.events.on(`itemhover`,e),()=>{E.events.off(`itemhover`,e)}},[E.events,O,j,x,G]),Z.useEffect(()=>{let e={open:O,nodeId:F,parentNodeId:I,reason:x.select(`lastOpenChangeReason`)};E.events.emit(`menuopenchange`,e)},[E.events,O,x,F,I]),U(()=>{let e=L,t=R.current;if(e&&(R.current=e),t&&e&&e!==t){x.set(`instantType`,void 0);let e=new AbortController;return ie(()=>{x.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[L,ie,x]);let fe={open:O,side:W.side,align:W.align,anchorHidden:W.anchorHidden,nested:w.type===`menu`,instant:N},me=w.type===`menubar`&&w.context.modal;Me(O&&(me||k&&P!==`trigger-hover`),A===`touch`,M,j);let he=pe(e,fe,{styles:W.positionerStyles,transitionStatus:ee,props:b,refs:[t,x.useStateSetter(`positionerElement`)],hidden:!D,inert:!O}),ge=D&&w.type!==`menu`&&(w.type!==`menubar`&&k&&P!==`trigger-hover`||w.type===`menubar`&&w.context.modal),_e=null;return w.type===`menubar`?_e=w.context.contentElement:w.type===void 0&&(_e=j),(0,$.jsxs)(Ie.Provider,{value:W,children:[ge&&(0,$.jsx)(J,{ref:w.type===`context-menu`||w.type===`nested-context-menu`?w.context.internalBackdropRef:null,inert:Y(!O),cutout:_e}),(0,$.jsx)(n,{id:F,children:(0,$.jsx)(ke,{elementsRef:x.context.itemDomElements,labelsRef:x.context.itemLabels,children:he})})]})}),ct=Z.createContext(null);function lt(e){let t=Z.useContext(ct);if(t===null&&!e)throw Error(G(5));return t}var ut={...v,disabled:j(e=>e.parent.type===`menubar`&&e.parent.context.disabled||e.disabled),modal:j(e=>(e.parent.type===void 0||e.parent.type===`context-menu`)&&(e.modal??!0)),openMethod:j(e=>e.openMethod),allowMouseEnter:j(e=>e.allowMouseEnter),stickIfOpen:j(e=>e.stickIfOpen),parent:j(e=>e.parent),rootId:j(e=>e.parent.type===`menu`?e.parent.store.select(`rootId`):e.parent.type===void 0?e.rootId:e.parent.context.rootId),activeIndex:j(e=>e.activeIndex),isActive:j((e,t)=>e.activeIndex===t),hoverEnabled:j(e=>e.hoverEnabled),instantType:j(e=>e.instantType),lastOpenChangeReason:j(e=>e.openChangeReason),floatingTreeRoot:j(e=>e.parent.type===`menu`?e.parent.store.select(`floatingTreeRoot`):e.floatingTreeRoot),floatingNodeId:j(e=>e.floatingNodeId),floatingParentNodeId:j(e=>e.floatingParentNodeId),itemProps:j(e=>e.itemProps),closeDelay:j(e=>e.closeDelay),hasViewport:j(e=>e.hasViewport),keyboardEventRelay:j(e=>{if(e.keyboardEventRelay)return e.keyboardEventRelay;if(e.parent.type===`menu`)return e.parent.store.select(`keyboardEventRelay`)})},dt=class e extends k{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=N(()=>new e(n)).current;return t??r}unsubscribeParentListener=null};function ft(){return{...s(),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:f,keyboardEventRelay:void 0,closeDelay:0,hasViewport:!1}}var pt=Z.createContext(void 0);function mt(){return Z.useContext(pt)}var ht=be(function(e){let{children:t,open:n,onOpenChange:i,onOpenChangeComplete:a,defaultOpen:o=!1,disabled:s=!1,modal:c,loopFocus:l=!0,orientation:d=`vertical`,actionsRef:p,closeParentOnEsc:_=!1,handle:v,triggerId:b,defaultTriggerId:x=null,highlightItemOnHover:C=!0}=e,T=Be(!0),E=Q(!0),O=lt(!0),k=mt(),A=Z.useMemo(()=>k&&E?{type:`menu`,store:E.store}:O?{type:`menubar`,context:O}:T&&!E?{type:`context-menu`,context:T}:{type:void 0},[T,E,O,k]),j=dt.useStore(v?.store,{open:o,openProp:n,activeTriggerId:x,triggerIdProp:b,parent:A});w(()=>{n===void 0&&j.state.open===!1&&o===!0&&j.update({open:!0,activeTriggerId:x})}),j.useControlledProp(`openProp`,n),j.useControlledProp(`triggerIdProp`,b),j.useContextCallback(`onOpenChangeComplete`,a);let M=he(),N=he(),te=j.useState(`floatingTreeRoot`),ne=fe(te),P=ce(),F=j.useState(`open`),I=j.useState(`activeTriggerElement`),re=j.useState(`positionerElement`),R=j.useState(`hoverEnabled`),ae=j.useState(`disabled`),oe=j.useState(`lastOpenChangeReason`),z=j.useState(`parent`),B=j.useState(`activeIndex`),le=j.useState(`payload`),H=j.useState(`floatingParentNodeId`),de=Z.useRef(null),W=Z.useRef(z.type!==`context-menu`),G=m(),pe=Z.useRef(!0),me=m(),ge=H!=null,{openMethod:_e,triggerProps:ve}=we(F);j.useSyncedValues({disabled:s,modal:z.type===void 0?c:void 0,openMethod:_e,rootId:M}),h(j);let{forceUnmount:ye}=g(F,j,()=>{j.update({allowMouseEnter:!1,stickIfOpen:!0})});U(()=>{T&&!E?j.update({parent:{type:`context-menu`,context:T},floatingNodeId:ne,floatingParentNodeId:P}):E&&j.update({floatingNodeId:ne,floatingParentNodeId:P})},[T,E,ne,P,j]),Z.useEffect(()=>{if(F||(de.current=null),z.type===`context-menu`){if(!F){G.clear(),W.current=!1;return}G.start(500,()=>{W.current=!0})}},[G,F,z.type]),U(()=>{!F&&!R&&j.set(`hoverEnabled`,!0)},[F,R,j]);let K=ie((e,t)=>{let n=t.reason;if(F===e&&t.trigger===I&&oe===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`&&!pe.current)return;if(!e&&B!==null){let e=j.context.itemDomElements.current[B];queueMicrotask(()=>{e?.setAttribute(`tabindex`,`-1`)})}e&&n===`trigger-focus`?(pe.current=!1,me.start(300,()=>{pe.current=!0})):(pe.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};de.current=t.event??null;let c=t.trigger?.id??null;(c||e)&&(s.activeTriggerId=c,s.activeTriggerElement=t.trigger??null),j.update(s),z.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)}),q=D({popupStore:j,floatingId:N,nested:P!=null,onOpenChange:K}),be=q.context.events;Z.useEffect(()=>{let e=({open:e,eventDetails:t})=>K(e,t);return be.on(`setOpen`,e),()=>{be?.off(`setOpen`,e)}},[be,K]);let xe=Z.useCallback(()=>{j.setOpen(!1,u(S))},[j]);Z.useImperativeHandle(p,()=>({unmount:ye,close:xe}),[ye,xe]);let Se;z.type===`context-menu`&&(Se=z.context),Z.useImperativeHandle(Se?.positionerRef,()=>re,[re]),Z.useImperativeHandle(Se?.actionsRef,()=>({setOpen:K}),[K]);let J=ee(q,{enabled:!ae,bubbles:{escapeKey:_&&z.type===`menu`},outsidePress(){return z.type!==`context-menu`||de.current?.type===`contextmenu`?!0:W.current},externalTree:ge?te:void 0}),Ce=se(),De=Z.useCallback(e=>{j.select(`activeIndex`)!==e&&j.set(`activeIndex`,e)},[j]),Y=Ee(q,{enabled:!ae,listRef:j.context.itemDomElements,activeIndex:B,nested:z.type!==void 0,loopFocus:l,orientation:d,parentOrientation:z.type===`menubar`?z.context.orientation:void 0,rtl:Ce===`rtl`,disabledIndices:ue,onNavigate:De,openOnArrowKeyDown:z.type!==`context-menu`,externalTree:ge?te:void 0,focusItemOnHover:C}),Oe=Z.useCallback(e=>{j.context.typingRef.current=e},[j]),X=Te(q,{listRef:j.context.itemLabels,elementsRef:j.context.itemDomElements,activeIndex:B,resetMs:500,onMatch:e=>{F&&e!==B&&j.set(`activeIndex`,e)},onTyping:Oe});y(j,{floatingRootContext:q,activeTriggerProps:Z.useMemo(()=>{let e=V(X.reference,Y.reference,J.reference,{onMouseMove(){j.set(`allowMouseEnter`,!0)}},ve);return e[`aria-haspopup`]=`menu`,e[`aria-expanded`]=F,e},[j,X.reference,Y.reference,J.reference,ve,F]),inactiveTriggerProps:Z.useMemo(()=>{let e=V(Y.trigger,J.trigger,ve);return e[`aria-haspopup`]=`menu`,e[`aria-expanded`]=!1,e},[Y.trigger,J.trigger,ve]),popupProps:Z.useMemo(()=>V(r,{id:N,role:`menu`,"aria-labelledby":I?.id,onMouseMove(){j.set(`allowMouseEnter`,!0),z.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)}},X.floating,Y.floating,J.floating),[I,N,z.type,j,X.floating,Y.floating,J.floating]),itemProps:Y.item??f});let ke=Z.useMemo(()=>({store:j,parent:A}),[j,A]),Ae=(0,$.jsx)(Re.Provider,{value:ke,children:typeof t==`function`?t({payload:le}):t});return z.type===void 0||z.type===`context-menu`?(0,$.jsx)(L,{externalTree:te,children:Ae}):Ae});function gt(e){if(me(e)&&e.hasAttribute(`data-rootownerid`))return e.getAttribute(`data-rootownerid`)??void 0;if(!F(e))return gt(W(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,d(e.currentTarget).addEventListener(`click`,()=>{i.current=!1},{once:!0}))},onClick:e=>{i.current&&(i.current=!1,e.preventBaseUIHandler())}}:f,[t,n,r])}var vt=2,yt=a(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,id:s,openOnHover:l,delay:u=100,closeDelay:h=0,handle:g,payload:v,...y}=e,b=Q(!0),S=g?.store??b?.store;if(!S)throw Error(G(85));let C=R(s),w=S.useState(`isTriggerActive`,C),E=S.useState(`floatingRootContext`),D=S.useState(`isOpenedByTrigger`,C),O=S.useState(`triggerPopupId`,C),k=Z.useRef(null),j=xt(),ee=I(!0),M=de(),N=Z.useMemo(()=>M??new ae,[M]),{registerTrigger:te,isMountedByThisTrigger:ne}=p(C,k,S,{payload:v,closeDelay:h,parent:j,floatingTreeRoot:N,floatingNodeId:fe(N),floatingParentNodeId:ce(),keyboardEventRelay:ee?.relayKeyboardEvent}),P=j.type===`menubar`,F=S.useState(`disabled`),L=a||F||P&&j.context.disabled,{getButtonProps:re,buttonRef:oe}=x({disabled:L,native:o});Z.useEffect(()=>{!D&&j.type===void 0&&(S.context.allowMouseUpTriggerRef.current=!1)},[S,D,j.type]);let z=Z.useRef(null),B=m(),se=ie(e=>{if(!z.current)return;B.clear(),S.context.allowMouseUpTriggerRef.current=!1;let t=e.target;if(ye(z.current,t)||ye(S.select(`positionerElement`),t)||t===z.current||t!=null&&gt(t)===S.select(`rootId`))return;let n=De(z.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:A})});Z.useEffect(()=>{D&&S.select(`lastOpenChangeReason`)===`trigger-hover`&&d(z.current).addEventListener(`mouseup`,se,{once:!0})},[D,se,S]);let le=P&&j.context.hasSubmenuOpen,ue=T(E,{enabled:(l??le)&&!L&&j.type!==`context-menu`&&(!P||le&&!ne),handleClose:ve({blockPointerEvents:!P}),mouseOnly:!0,move:!1,restMs:j.type===void 0?u:void 0,delay:{close:h},triggerElementRef:k,externalTree:N,isActiveTrigger:w,isClosing:()=>S.select(`transitionStatus`)===`ending`}),H=bt(D,S.select(`lastOpenChangeReason`)),U=Se(E,{enabled:!L&&j.type!==`context-menu`,event:D&&P?`click`:`mousedown`,toggle:!0,ignoreMouse:!1,stickIfOpen:j.type===void 0?H:!1}),W=_e(E,{enabled:!L&&le}),pe=_t({open:D,enabled:P,mouseDownAction:`open`}),me=Z.useMemo(()=>V(W.reference,U.reference),[W.reference,U.reference]),he=S.useState(`triggerProps`,ne),{preFocusGuardRef:ge,handlePreFocusGuardFocus:q,handleFocusTargetFocus:be}=Pe(S,k),xe={disabled:L,open:D},J=[z,t,oe,te,k],Ce=[me,ue??f,he,{"aria-haspopup":`menu`,"aria-controls":O,id:C,onMouseDown:e=>{S.select(`open`)||(B.start(200,()=>{S.context.allowMouseUpTriggerRef.current=!0}),d(e.currentTarget).addEventListener(`mouseup`,se,{once:!0}))}},P?{role:`menuitem`}:{},pe,y,re],we=c(`button`,e,{enabled:!P,stateAttributesMapping:K,state:xe,ref:J,props:Ce});return P?(0,$.jsx)(Ne,{tag:`button`,render:n,className:r,style:i,state:xe,refs:J,props:Ce,stateAttributesMapping:K}):D?(0,$.jsxs)(Z.Fragment,{children:[(0,$.jsx)(_,{ref:ge,onFocus:q},`${C}-pre-focus-guard`),(0,$.jsx)(Z.Fragment,{children:we},C),(0,$.jsx)(_,{ref:S.context.triggerFocusTargetRef,onFocus:be},`${C}-post-focus-guard`)]}):(0,$.jsx)(Z.Fragment,{children:we},C)});function bt(e,t){let n=m(),[r,i]=Z.useState(!1);return U(()=>{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:E(`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:E(`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:E(`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:E(`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,...a}){return(0,$.jsxs)(Je,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":r,className:E(`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,...a,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)(i,{})})}),t]})}function At({className:e,...t}){return(0,$.jsx)(Fe,{"data-slot":`dropdown-menu-separator`,className:E(`-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-OivkuTPF.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Cr as n,Tr as r}from"./example-C6-_Sy6B.js";import{D as i,a,r as o}from"./index-B8DVXCmf.js";var s=o(`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=a(),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:a=!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:r(`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:a,disabled:o,onChange:T,onClick:e=>e.stopPropagation()}),(0,l.jsx)(`span`,{className:r(`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/ellipsis-Bn-XgoA7.js

@@ -1 +0,0 @@
-import{r as e}from"./index-B8DVXCmf.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-Bcl9HX9k.js

@@ -1 +0,0 @@
-import{r as e}from"./index-B8DVXCmf.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-CcafLcw-.js

@@ -1 +0,0 @@
-import{Tr as e,vr as t}from"./example-C6-_Sy6B.js";import{a as n}from"./index-B8DVXCmf.js";var r=n();function i({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty`,className:e(`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`,t),...n})}function a({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-header`,className:e(`gap-2 flex max-w-sm flex-col items-center`,t),...n})}var o=t(`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:t,variant:n=`default`,...i}){return(0,r.jsx)(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:e(o({variant:n,className:t})),...i})}function c({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-title`,className:e(`text-lg font-medium tracking-tight`,t),...n})}function l({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-description`,className:e(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,t),...n})}function u({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-content`,className:e(`gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,t),...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-CiJeS8ZV.js

@@ -1,49 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Un as t,hr as n,mr as r,t as i}from"./example-C6-_Sy6B.js";import{t as a}from"./file-text-BIi71mZ1.js";import{t as o}from"./inbox-ZxSy1pgX.js";import{t as s}from"./settings-DlKX-bZT.js";import{a as c}from"./index-B8DVXCmf.js";import{a as l,i as u,n as d,o as f,r as p,t as m}from"./empty-CcafLcw-.js";import{a as h,c as g,i as _,r as v,t as y,u as b}from"./item-CGOThKAx.js";import{t as x}from"./PreviewLayout-N1PTTyZK.js";var S=e({EmptyState:()=>w,ItemsList:()=>T}),C=c();function w(){return(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)(m,{children:[(0,C.jsxs)(u,{children:[(0,C.jsx)(l,{variant:`icon`,children:(0,C.jsx)(o,{})}),(0,C.jsx)(f,{children:`No orders yet`}),(0,C.jsx)(p,{children:`Start by creating your first order.`})]}),(0,C.jsx)(d,{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)(y,{children:[(0,C.jsx)(g,{variant:`icon`,children:(0,C.jsx)(a,{})}),(0,C.jsxs)(v,{children:[(0,C.jsx)(b,{children:`Invoice INV-2026-0392`}),(0,C.jsx)(_,{children:`Sarah Smitha — 2,450 USD`})]}),(0,C.jsx)(h,{children:(0,C.jsx)(t,{size:`sm`,variant:`outline`,children:`Open`})})]}),(0,C.jsxs)(y,{children:[(0,C.jsx)(g,{variant:`icon`,children:(0,C.jsx)(s,{})}),(0,C.jsxs)(v,{children:[(0,C.jsx)(b,{children:`Account preferences`}),(0,C.jsx)(_,{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-B1RYYjUP.js

@@ -1,188 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Sr as i,Tr as a,hr as o,mr as s,r as c,t as l}from"./example-C6-_Sy6B.js";import{t as u}from"./refresh-cw-Tu5E_cGA.js";import{D as d,a as f,n as p,r as m}from"./index-B8DVXCmf.js";import{t as h}from"./props-table-CM_1cocj.js";import{t as g}from"./text-link-TzuDnSCF.js";import{t as _}from"./smart-card-7szg_qSt.js";import{a as v,i as y,n as b,t as x}from"./empty-CcafLcw-.js";var S=m(`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`}]]),C=m(`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`}]]),w={title:`Nothing here yet`,description:`Once data lands, it will show up in this view.`,ariaLabel:`Empty state`},T=t(n(),1),E=f(),D={compact:`py-6`,base:`py-12`,loose:`py-16`},O={none:`default`,icon:`icon`,"icon-soft":`icon`,illustration:`default`},k={none:void 0,icon:void 0,"icon-soft":`bg-muted/40 text-muted-foreground`,illustration:`mb-4`},A=(0,T.forwardRef)(function({title:e,description:t,media:n,mediaVariant:o=`none`,renderMedia:s,actions:c,footer:l,padding:u=`base`,border:f=!1,className:p,strings:m,ariaLabel:h},g){let _=d(w,m),S=e??_.title,C=t===!1?null:t??_.description,T=s?s({mediaVariant:o}):n,A=!!T;return(0,E.jsxs)(x,{ref:g,role:`status`,"aria-label":h??_.ariaLabel,className:a(`empty-state--component`,D[u],f?`border border-dashed`:`border-0`,p),children:[(0,E.jsxs)(y,{children:[!!A&&(0,E.jsx)(v,{variant:O[o],className:k[o],children:T}),(0,E.jsx)(i,{tag:`h3`,className:`border-0 pb-0 text-base`,"data-slot":`empty-title`,children:S}),!!C&&(0,E.jsx)(r,{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:C})]}),(!!c||!!l)&&(0,E.jsxs)(b,{children:[!!c&&(0,E.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-2`,children:c}),!!l&&(0,E.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:l})]})]})});A.displayName=`EmptyState`;function j({className:e}){return(0,E.jsxs)(`div`,{className:a(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,E.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,E.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,E.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,E.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`})]}),(0,E.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,E.jsx)(`div`,{className:`bg-muted h-2 w-12 rounded`}),(0,E.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-10 rounded`}),(0,E.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-9 rounded`}),(0,E.jsxs)(`div`,{className:`mt-auto flex items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`bg-success size-1.5 rounded-full`}),(0,E.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-8 rounded`})]})]})]})}j.displayName=`DocumentStackIllustration`;function M({className:e}){return(0,E.jsxs)(`div`,{className:a(`relative h-24 w-32`,e),"aria-hidden":`true`,children:[(0,E.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,E.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,E.jsx)(`path`,{d:`M3 8l3 3 7-7`})})}),(0,E.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,E.jsx)(`div`,{className:`bg-muted/30 h-3 rounded-t-lg`}),(0,E.jsxs)(`div`,{className:`flex flex-1 items-center justify-between px-3`,children:[(0,E.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,E.jsx)(`div`,{className:`bg-muted/60 h-1.5 w-12 rounded`}),(0,E.jsx)(`div`,{className:`bg-muted/40 h-1.5 w-8 rounded`})]}),(0,E.jsx)(`div`,{className:`bg-muted/40 size-3 rounded-full`})]})]})]})}M.displayName=`InboxCleanIllustration`;function N({className:e}){return(0,E.jsx)(`div`,{className:a(`flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20`,e),"aria-hidden":`true`,children:(0,E.jsx)(p,{className:`size-8 text-muted-foreground`})})}N.displayName=`SearchGlassIllustration`;function P({className:e}){return(0,E.jsxs)(`div`,{className:a(`relative h-24 w-52`,e),"aria-hidden":`true`,children:[(0,E.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,E.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,E.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,E.jsx)(`div`,{className:`bg-muted size-8 shrink-0 rounded`}),(0,E.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1.5`,children:[(0,E.jsx)(`div`,{className:`bg-muted h-2.5 w-3/4 rounded`}),(0,E.jsx)(`div`,{className:`bg-muted/60 h-2 w-1/2 rounded`})]})]}),(0,E.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`})]})}P.displayName=`StackedCardsIllustration`;function F({className:e}){return(0,E.jsxs)(`div`,{className:a(`relative flex h-24 w-32 items-center justify-center`,e),"aria-hidden":`true`,children:[(0,E.jsx)(`div`,{className:`bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2`}),(0,E.jsx)(`div`,{className:`bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm`}),(0,E.jsx)(`div`,{className:`bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2`})]})}F.displayName=`UsersCircleIllustration`;var I=e({DashedBorderDropZone:()=>G,Default:()=>L,InboxZero:()=>V,NoProductsWithActions:()=>R,NoSearchResults:()=>B,NoTeamMembers:()=>z,PaddingBase:()=>U,PaddingCompact:()=>H,PaddingLoose:()=>W,RenderPropCustomMedia:()=>q,StringsPropLocalisation:()=>K});function L(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(j,{}),title:`No invoices yet`,description:`Invoices appear here once a sale is completed.`})})}function R(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(P,{}),title:`No products yet`,description:`Add your first product to start selling. You can also import an existing catalog.`,actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(c,{children:[(0,E.jsx)(S,{className:`size-4`}),`Add product`]}),(0,E.jsxs)(c,{variant:`secondary`,buttonStyle:`ghost`,children:[(0,E.jsx)(C,{className:`size-4`}),`Import CSV`]})]}),footer:(0,E.jsxs)(E.Fragment,{children:[`Need help? `,(0,E.jsx)(g,{href:`#`,children:`Read the guide`})]})})})}function z(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(F,{}),title:`Invite your team`,description:`Bring in collaborators to manage the workspace together.`,actions:(0,E.jsx)(c,{children:`Invite member`})})})}function B(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{mediaVariant:`illustration`,media:(0,E.jsx)(N,{}),title:`No results for “quarterly”`,description:`Try a broader query, or clear filters to see everything.`,actions:(0,E.jsxs)(c,{variant:`secondary`,buttonStyle:`ghost`,children:[(0,E.jsx)(u,{className:`size-4`}),`Clear filters`]}),padding:`compact`})})}function V(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(M,{}),title:`You’re all caught up`,description:!1,padding:`compact`})})}function H(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(j,{}),title:`Compact padding`,description:`padding="compact"`,padding:`compact`})})}function U(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(j,{}),title:`Base padding`,description:`padding="base" (default)`})})}function W(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(j,{}),title:`Loose padding`,description:`padding="loose"`,padding:`loose`})})}function G(){return(0,E.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,E.jsx)(A,{border:!0,mediaVariant:`icon`,media:(0,E.jsx)(S,{className:`size-6 text-muted-foreground`}),title:`Drop a file to attach`,description:`Or click to browse. Max 10 MB.`,padding:`loose`})})}function K(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{media:(0,E.jsx)(P,{}),strings:{title:`Aucun produit`,description:`Ajoutez votre premier produit pour commencer.`}})})}function q(){return(0,E.jsx)(_,{padding:`sm`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{mediaVariant:`illustration`,renderMedia:({mediaVariant:e})=>(0,E.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,E.jsx)(`div`,{className:`size-12 rounded-full bg-info/15 ring-8 ring-info/5`}),(0,E.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 J=`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 Y(e){let t={code:`code`,p:`p`,...e.components};return I||Z(`Examples`,!1),G||Z(`Examples.DashedBorderDropZone`,!0),L||Z(`Examples.Default`,!0),V||Z(`Examples.InboxZero`,!0),R||Z(`Examples.NoProductsWithActions`,!0),B||Z(`Examples.NoSearchResults`,!0),z||Z(`Examples.NoTeamMembers`,!0),U||Z(`Examples.PaddingBase`,!0),H||Z(`Examples.PaddingCompact`,!0),W||Z(`Examples.PaddingLoose`,!0),q||Z(`Examples.RenderPropCustomMedia`,!0),K||Z(`Examples.StringsPropLocalisation`,!0),(0,E.jsxs)(o,{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,E.jsx)(s,{title:`Overview`,id:`overview`,children:(0,E.jsxs)(t.p,{children:[(0,E.jsx)(t.code,{children:`EmptyState`}),` is the canonical zero-data surface. Pass an illustration (or any
-node) via `,(0,E.jsx)(t.code,{children:`media`}),`, optional `,(0,E.jsx)(t.code,{children:`actions`}),` and `,(0,E.jsx)(t.code,{children:`footer`}),` slots, and tune the surface
-with `,(0,E.jsx)(t.code,{children:`padding`}),` (`,(0,E.jsx)(t.code,{children:`compact`}),` / `,(0,E.jsx)(t.code,{children:`base`}),` / `,(0,E.jsx)(t.code,{children:`loose`}),`) and `,(0,E.jsx)(t.code,{children:`border`}),` (dashed drop-zone
-affordance). Five built-in illustrations cover the common cases.`]})}),(0,E.jsx)(s,{title:`Default`,id:`default`,children:(0,E.jsx)(l,{name:`Default`,source:J,children:(0,E.jsx)(L,{})})}),(0,E.jsxs)(s,{title:`Common scenarios`,id:`scenarios`,children:[(0,E.jsx)(l,{name:`NoProductsWithActions`,source:J,children:(0,E.jsx)(R,{})}),(0,E.jsx)(l,{name:`NoTeamMembers`,source:J,children:(0,E.jsx)(z,{})}),(0,E.jsx)(l,{name:`NoSearchResults`,source:J,children:(0,E.jsx)(B,{})}),(0,E.jsx)(l,{name:`InboxZero`,source:J,children:(0,E.jsx)(V,{})})]}),(0,E.jsxs)(s,{title:`Padding`,id:`padding`,children:[(0,E.jsx)(l,{name:`PaddingCompact`,source:J,children:(0,E.jsx)(H,{})}),(0,E.jsx)(l,{name:`PaddingBase`,source:J,children:(0,E.jsx)(U,{})}),(0,E.jsx)(l,{name:`PaddingLoose`,source:J,children:(0,E.jsx)(W,{})})]}),(0,E.jsxs)(s,{title:`Composition`,id:`composition`,children:[(0,E.jsx)(l,{name:`DashedBorderDropZone`,source:J,children:(0,E.jsx)(G,{})}),(0,E.jsx)(l,{name:`StringsPropLocalisation`,source:J,children:(0,E.jsx)(K,{})}),(0,E.jsx)(l,{name:`RenderPropCustomMedia`,source:J,children:(0,E.jsx)(q,{})})]}),(0,E.jsx)(s,{title:`API`,id:`api`,children:(0,E.jsx)(h,{component:`EmptyState`})})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.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};