admin-ui-starter-kit 0.1.0 → 0.1.2

package/dist/showcase/assets/combobox-DTdGPaU0.js

@@ -0,0 +1,622 @@
+import{n as e,r as t}from"./chunk-CilyBKbf.js";import{$t as n,An as r,B as i,Bn as a,Cn as o,Cr as s,D as c,En as l,Ft as u,Gn as d,Hn as f,Ht as p,Jn as m,K as h,Kt as g,L as _,Mn as v,P as y,Pt as b,Qn as x,Qt as S,R as C,S as w,Tn as T,Ut as E,V as D,Vn as ee,Vt as te,W as O,Wn as ne,Xn as re,Xt as k,Yt as A,Zn as j,an as M,b as N,cn as P,cr as ie,d as ae,dn as F,en as oe,et as I,f as se,g as ce,gr as L,kr as le,kt as R,lr as ue,m as de,nn as z,nr as fe,on as pe,r as me,rt as he,sn as ge,sr as B,t as V,u as _e,un as ve,v as ye,vr as H,wn as be,xr as xe,y as Se,zn as U}from"./example-6phCHGsN.js";import{t as Ce}from"./chevron-down-DyObdfSb.js";import{t as we}from"./plus-D2JuXYLg.js";import{t as Te}from"./x-B156Wr-5.js";import{D as Ee,O as De,a as Oe,k as ke}from"./index-B4ubXfly.js";import{a as Ae,i as je,r as Me,t as Ne}from"./useOpenInteractionType-CopGCf3q.js";import{n as Pe,r as Fe,t as Ie}from"./getPseudoElementBounds-CZnCbCFP.js";import{t as Le}from"./inertValue-D5Q8cLku.js";import{t as Re}from"./props-table-uDY4eIzt.js";import{t as ze}from"./useControlled-ZjqBfPCn.js";import{n as Be,r as Ve,t as He}from"./useCompositeListItem-JEMeTFPx.js";import{t as Ue}from"./useAnchoredPopupScrollLock-CzDaXxmM.js";import{t as We}from"./useValueChanged-BxFi_qyj.js";import{r as Ge,t as Ke}from"./avatar-LPmQqZQv.js";import{a as qe,c as Je,d as Ye,l as Xe,n as Ze,o as Qe,s as $e,t as et,u as tt}from"./resolveValueLabel-Bks7UDko.js";import{n as nt}from"./resolveAriaLabelledBy-DmY5COAB.js";import{a as rt,i as it,n as at,o as ot,r as st,t as ct}from"./useLabelableId-D8CZq8Bm.js";import{t as lt}from"./FormContext-ChygLayp.js";import{t as ut}from"./customers-BETQwFRp.js";import{t as dt}from"./orders-DNn7r9k_.js";import{i as ft,n as pt,t as mt}from"./fetchers-SLCIqgnM.js";var W=t(ke()),ht=W.createContext(void 0),gt=W.createContext(void 0),_t=W.createContext(void 0),vt=W.createContext(``);function G(){let e=W.useContext(ht);if(!e)throw Error(m(22));return e}function yt(){let e=W.useContext(gt);if(!e)throw Error(m(23));return e}function bt(){let e=W.useContext(_t);if(!e)throw Error(m(24));return e}function xt(){return W.useContext(vt)}var K={id:O(e=>e.id),labelId:O(e=>e.labelId),items:O(e=>e.items),selectedValue:O(e=>e.selectedValue),hasSelectionChips:O(e=>{let t=e.selectedValue;return Array.isArray(t)&&t.length>0}),hasSelectedValue:O(e=>{let{selectedValue:t,selectionMode:n}=e;return t==null?!1:n===`multiple`&&Array.isArray(t)?t.length>0:!0}),hasNullItemLabel:O((e,t)=>t?et(e.items):!1),open:O(e=>e.open),mounted:O(e=>e.mounted),forceMounted:O(e=>e.forceMounted),inline:O(e=>e.inline),activeIndex:O(e=>e.activeIndex),selectedIndex:O(e=>e.selectedIndex),isActive:O((e,t)=>e.activeIndex===t),isSelected:O((e,t)=>{let n=e.isItemEqualToValue,r=e.selectedValue;return Array.isArray(r)?r.some(e=>$e(t,e,n)):$e(t,r,n)}),transitionStatus:O(e=>e.transitionStatus),popupProps:O(e=>e.popupProps),inputProps:O(e=>e.inputProps),triggerProps:O(e=>e.triggerProps),getItemProps:O(e=>e.getItemProps),positionerElement:O(e=>e.positionerElement),listElement:O(e=>e.listElement),triggerElement:O(e=>e.triggerElement),inputElement:O(e=>e.inputElement),inputGroupElement:O(e=>e.inputGroupElement),popupSide:O(e=>e.popupSide),openMethod:O(e=>e.openMethod),inputInsidePopup:O(e=>e.inputInsidePopup),selectionMode:O(e=>e.selectionMode),name:O(e=>e.name),form:O(e=>e.form),disabled:O(e=>e.disabled),readOnly:O(e=>e.readOnly),required:O(e=>e.required),grid:O(e=>e.grid),virtualized:O(e=>e.virtualized),itemToStringLabel:O(e=>e.itemToStringLabel),isItemEqualToValue:O(e=>e.isItemEqualToValue),modal:O(e=>e.modal),autoHighlight:O(e=>e.autoHighlight),submitOnItemClick:O(e=>e.submitOnItemClick)};function St(e,t){return(n,r)=>{if(n==null)return!1;let i=qe(n,t);return e.contains(i,r)}}function Ct(e,t,n){return(r,i)=>{if(r==null)return!1;if(!i)return!0;let a=qe(r,t),o=n==null?``:qe(n,t);return o&&e.contains(o,i)&&o.length===i.length?!0:e.contains(a,i)}}var wt=new Map;function Tt(e={}){let t={usage:`search`,sensitivity:`base`,ignorePunctuation:!0,...e},n=`${Et(e.locale)}|${JSON.stringify(t)}`,r=wt.get(n);if(r)return r;let i=new Intl.Collator(e.locale,t),a={contains(e,t,n){if(!t)return!0;let r=qe(e,n);for(let e=0;e<=r.length-t.length;e+=1)if(i.compare(r.slice(e,e+t.length),t)===0)return!0;return!1},startsWith(e,t,n){if(!t)return!0;let r=qe(e,n);return i.compare(r.slice(0,t.length),t)===0},endsWith(e,t,n){if(!t)return!0;let r=qe(e,n),a=t.length;return r.length>=a&&i.compare(r.slice(r.length-a),t)===0}};return wt.set(n,a),a}function Et(e){return Array.isArray(e)?e.map(e=>Et(e)).join(`,`):e==null?``:String(e)}var Dt=Tt,Ot=Symbol(`none`),kt={value:Ot,index:-1},q=Oe();function At(e){let{id:t,onOpenChangeComplete:n,defaultSelectedValue:r=null,selectedValue:o,onSelectedValueChange:s,defaultInputValue:l,inputValue:d,open:m,defaultOpen:_=!1,selectionMode:S=`none`,onItemHighlighted:T,name:E,form:O,disabled:M=!1,readOnly:N=!1,required:ie=!1,inputRef:ae,grid:oe=!1,items:I,filteredItems:se,filter:ce,openOnInputClick:L=!0,autoHighlight:le=!1,keepHighlight:R=!1,highlightItemOnHover:ue=!0,loopFocus:de=!0,itemToStringLabel:z,itemToStringValue:fe,isItemEqualToValue:me=Je,virtualized:he=!1,inline:B=!1,fillInputOnItemPress:V=!0,modal:_e=!1,limit:ve=-1,autoComplete:ye=`list`,formAutoComplete:H,locale:be,submitOnItemClick:xe=!1}=e,{clearErrors:Se}=lt(),{setDirty:U,validityData:Ce,shouldValidateOnChange:we,setFilled:Te,name:Ee,disabled:De,setTouched:Oe,setFocused:ke,validationMode:Ae,validation:Me}=it(),Pe=ct({id:t}),Ie=Dt({locale:be}),[Le,Re]=W.useState(!1),[Be,Ve]=W.useState(null),He=W.useRef([]),Ue=W.useRef([]),Ge=W.useRef(null),Ke=W.useRef(null),et=W.useRef(null),nt=W.useRef(null),rt=W.useRef(null),at=W.useRef(!0),ot=W.useRef(!1),ut=W.useRef(null),dt=W.useRef(null),ft=W.useRef(null),pt=W.useRef(kt),mt=W.useRef(null),G=W.useRef([]),yt=W.useRef([]),bt=De||M,xt=Ee??E,wt=S===`multiple`,Tt=S===`single`,Et=d!==void 0||l!==void 0,At=I!==void 0,jt=se!==void 0,Mt;Mt=le===`always`?`always`:le?`input-change`:!1;let[J,Nt]=ze({controlled:o,default:wt?r??a:r,name:`Combobox`,state:`selectedValue`}),Pt=W.useMemo(()=>ce===null?()=>!0:ce===void 0?Tt&&!Le?Ct(Ie,z,J):St(Ie,z):ce,[ce,Tt,J,Le,Ie,z]),Ft=x(()=>Et?l??``:Tt?qe(J,z):``).current,[It,Lt]=ze({controlled:d,default:Ft,name:`Combobox`,state:`inputValue`}),[Y,Rt]=ze({controlled:m,default:_,name:`Combobox`,state:`open`}),zt=Ze(I),Bt=Be??(It===``?``:String(It).trim()),Vt=Tt?qe(J,z):``,Ht=Tt&&!Le&&Bt!==``&&Vt!==``&&Vt.length===Bt.length&&Ie.contains(Vt,Bt),Ut=Ht?``:Bt,Wt=At&&jt&&Ht,Gt=W.useMemo(()=>I?zt?I.flatMap(e=>e.items):I:a,[I,zt]),Kt=W.useMemo(()=>{if(se&&!Wt)return se;if(!I)return a;if(zt){let e=I,t=[],n=0;for(let r of e){if(ve>-1&&n>=ve)break;let e=Ut===``?r.items:r.items.filter(e=>Pt(e,Ut,z));if(e.length===0)continue;let i=ve>-1?ve-n:1/0,a=e.slice(0,i);if(a.length>0){let e={...r,items:a};t.push(e),n+=a.length}}return t}if(Ut===``)return ve>-1?Gt.slice(0,ve):Gt;let e=[];for(let t of Gt){if(ve>-1&&e.length>=ve)break;Pt(t,Ut,z)&&e.push(t)}return e},[se,Wt,I,zt,Ut,ve,Pt,z,Gt]),qt=W.useMemo(()=>zt?Kt.flatMap(e=>e.items):Kt,[Kt,zt]),X=x(()=>new i({id:Pe,labelId:void 0,selectedValue:J,open:Y,filter:Pt,query:Bt,items:I,selectionMode:S,listRef:He,labelsRef:Ue,popupRef:Ge,emptyRef:rt,inputRef:Ke,startDismissRef:et,endDismissRef:nt,keyboardActiveRef:at,chipsContainerRef:ut,clearRef:dt,valuesRef:G,allValuesRef:yt,selectionEventRef:ft,name:xt,form:O,disabled:bt,readOnly:N,required:ie,grid:oe,isGrouped:zt,virtualized:he,openOnInputClick:L,itemToStringLabel:z,isItemEqualToValue:me,modal:_e,autoHighlight:Mt,submitOnItemClick:xe,hasInputValue:Et,mounted:!1,forceMounted:!1,transitionStatus:`idle`,inline:B,activeIndex:null,selectedIndex:null,popupProps:{},inputProps:{},triggerProps:{},positionerElement:null,listElement:null,triggerElement:null,inputElement:null,inputGroupElement:null,popupSide:null,openMethod:null,inputInsidePopup:!0,onOpenChangeComplete:n||f,setOpen:f,setInputValue:f,setSelectedValue:f,setIndices:f,onItemHighlighted:f,handleSelection:f,getItemProps:()=>ee,forceMount:f,requestSubmit:f})).current,Jt=S===`none`?It:J,Yt=W.useMemo(()=>S===`none`?Jt:Array.isArray(J)?J.map(e=>Qe(e,fe)):Qe(J,fe),[Jt,fe,S,J]),Xt=j(T),Zt=j(n),Qt=D(X,K.activeIndex),$t=D(X,K.selectedIndex),en=D(X,K.positionerElement),tn=D(X,K.listElement),nn=D(X,K.triggerElement),rn=D(X,K.inputElement),an=D(X,K.inputGroupElement),on=D(X,K.inline),sn=D(X,K.inputInsidePopup),cn=g(nn),{mounted:ln,setMounted:un,transitionStatus:dn}=C(Y),{openMethod:fn,triggerProps:pn}=Ne(Y),mn=j(()=>Yt);st(sn?cn:Ke,{id:Pe,value:Jt,getValue:mn});let hn=j(()=>{I?Ue.current=qt.map(e=>qe(e,z)):X.set(`forceMounted`,!0)}),gn=W.useRef(J);re(()=>{J!==gn.current&&hn()},[hn,J]);let _n=j(e=>{X.update(e);let t=e.type||`none`;if(e.activeIndex!==void 0)if(e.activeIndex===null)pt.current!==kt&&(pt.current=kt,Xt(void 0,k(t,void 0,{index:-1})));else{let n=G.current[e.activeIndex];pt.current={value:n,index:e.activeIndex},Xt(n,k(t,void 0,{index:e.activeIndex}))}}),vn=j((t,n)=>{if(ot.current=n.reason===pe,e.onInputValueChange?.(t,n),!n.isCanceled){if(n.reason===`input-change`){let e=n.event,r=e.inputType;if(e.type===`compositionend`||r!=null&&r!==``&&r!==`insertReplacementText`){let e=t.trim()!==``;e&&Re(!0),mt.current={hasQuery:e},e&&Mt&&X.state.activeIndex==null&&X.set(`activeIndex`,0)}}Lt(t)}}),yn=j((t,n)=>{if(Y!==t&&(n.reason===`escape-key`&&At&&qt.length===0&&!X.state.emptyRef.current&&n.allowPropagation(),e.onOpenChange?.(t,n),!n.isCanceled&&(!t&&Le&&(Tt?(on||Ve(Bt),Bt===``&&Re(!1)):wt&&(on||sn?_n({activeIndex:null}):Ve(Bt),vn(``,A(pe,n.event)))),Rt(t),!t&&sn&&(n.reason===`focus-out`||n.reason===`outside-press`)&&(Oe(!0),ke(!1),Ae===`onBlur`)))){let e=S===`none`?It:J;Me.commit(e)}}),bn=j((e,t)=>{s?.(e,t),!t.isCanceled&&(Nt(e),(S===`none`&&Ge.current&&V||Tt&&!X.state.inputInsidePopup)&&vn(qe(e,z),A(t.reason,t.event)),Tt&&e!=null&&t.reason!==`input-change`&&Le&&!on&&Ve(Bt))}),xn=j((e,t)=>{let n=t;if(n===void 0){if(Qt===null)return;n=G.current[Qt]}let r=u(e),i=ft.current??e;ft.current=null;let a=A(P,i),o=r?.closest(`a`)?.getAttribute(`href`);if(o){o.startsWith(`#`)&&yn(!1,a);return}if(wt){let e=Array.isArray(J)?J:[];if(bn(Ye(e,n,X.state.isItemEqualToValue)?tt(e,n,X.state.isItemEqualToValue):[...e,n],a),!(Ke.current&&Ke.current.value.trim()!==``))return;X.state.inputInsidePopup?vn(``,A(pe,a.event)):yn(!1,a)}else bn(n,a),yn(!1,a)}),Sn=j(()=>{if(!X.state.submitOnItemClick)return;let e=Me.inputRef.current?.form??X.state.inputElement?.form;e&&typeof e.requestSubmit==`function`&&e.requestSubmit()}),Cn=j(()=>{if(un(!1),Zt?.(!1),Re(!1),Ve(null),_n(S===`none`?{activeIndex:null,selectedIndex:null}:{activeIndex:null}),wt&&Ke.current&&Ke.current.value!==``&&!ot.current&&vn(``,A(pe)),Tt)if(X.state.inputInsidePopup)Ke.current&&Ke.current.value!==``&&vn(``,A(pe));else{let e=qe(J,z);Ke.current&&Ke.current.value!==e&&vn(e,A(e===``?pe:F))}}),wn=W.useMemo(()=>on&&en?{current:en.closest(`[role="dialog"]`)}:Ge,[on,en]);y({enabled:!e.actionsRef,open:Y,ref:wn,onComplete(){Y||Cn()}}),W.useImperativeHandle(e.actionsRef,()=>({unmount:Cn}),[Cn]),re(function(){if(Y||S===`none`)return;let e=I?Gt:yt.current;if(wt){let t=Array.isArray(J)?J:[],n=t[t.length-1],r=Xe(e,n,me);_n({selectedIndex:r===-1?null:r})}else{let t=Xe(e,J,me);_n({selectedIndex:t===-1?null:t})}},[Y,J,I,S,Gt,wt,me,_n]),re(()=>{I&&(G.current=qt,He.current.length=qt.length)},[I,qt]),re(()=>{let e=mt.current;if(e&&(e.hasQuery?Mt&&X.set(`activeIndex`,0):Mt===`always`&&X.set(`activeIndex`,0),mt.current=null),!Y&&!on)return;let t=At||jt?qt:G.current,n=X.state.activeIndex;if(n==null){if(Mt===`always`&&t.length>0){X.set(`activeIndex`,0);return}pt.current!==kt&&(pt.current=kt,X.state.onItemHighlighted(void 0,k(F,void 0,{index:-1})));return}if(n>=t.length){pt.current!==kt&&(pt.current=kt,X.state.onItemHighlighted(void 0,k(F,void 0,{index:-1}))),X.set(`activeIndex`,null);return}let r=t[n],i=pt.current.value,a=i!==Ot&&$e(r,i,X.state.isItemEqualToValue);(pt.current.index!==n||!a)&&(pt.current={value:r,index:n},X.state.onItemHighlighted(r,k(F,void 0,{index:n})))},[Qt,Mt,jt,At,qt,on,Y,X]),re(()=>{if(S===`none`){Te(String(It)!==``);return}Te(wt?Array.isArray(J)&&J.length>0:J!=null)},[Te,S,It,J,wt]),W.useEffect(()=>{At&&Mt&&qt.length===0&&_n({activeIndex:null})},[At,Mt,qt.length,_n]),We(Bt,()=>{!Y||Bt===``||Bt===String(Ft)||Re(!0)}),We(J,()=>{if(S!==`none`&&(Se(xt),U(J!==Ce.initialValue),we()?Me.commit(J):Me.commit(J,!0),Tt&&!Et&&!sn)){let e=qe(J,z);It!==e&&vn(e,A(F))}}),We(It,()=>{S===`none`&&(Se(xt),U(It!==Ce.initialValue),we()?Me.commit(It):Me.commit(It,!0))}),We(I,()=>{if(!Tt||Et||sn||Le)return;let e=qe(J,z);It!==e&&vn(e,A(F))});let Tn=c({open:on?!0:Y,onOpenChange:yn,elements:{reference:sn?nn:rn,floating:en}}),En,Dn;on||(En=oe?`grid`:`listbox`,Dn=Y?`true`:`false`);let{getReferenceProps:On,getFloatingProps:kn,getItemProps:An}=w([W.useMemo(()=>{let e=rn?.tagName===`INPUT`,t=rn==null||e,n=t||Y,r=t?{autoComplete:`off`,spellCheck:`false`,autoCorrect:`off`,autoCapitalize:`none`}:{};return n&&(r.role=`combobox`,r[`aria-expanded`]=Dn,r[`aria-haspopup`]=En,r[`aria-controls`]=Y?tn?.id:void 0,r[`aria-autocomplete`]=ye),{reference:r,floating:{role:`presentation`}}},[rn,Y,Dn,En,tn?.id,ye]),je(Tn,{enabled:!N&&!bt&&L,event:`mousedown-only`,toggle:!1,touchOpenDelay:sn?0:100,reason:ge}),h(Tn,{enabled:!N&&!bt&&!on,outsidePressEvent:{mouse:`sloppy`,touch:`intentional`},bubbles:on?!0:void 0,outsidePress(e){let t=u(e);return!b(nn,t)&&!b(dt.current,t)&&!b(ut.current,t)&&!b(an,t)}}),Fe(Tn,{enabled:!N&&!bt,id:Pe,listRef:He,activeIndex:Qt,selectedIndex:$t,virtual:!0,loopFocus:de,allowEscape:de&&!Mt,focusItemOnOpen:Le||S===`none`&&!Mt?!1:`auto`,focusItemOnHover:ue,resetOnPointerLeave:!R,cols:oe?2:1,orientation:oe?`horizontal`:void 0,disabledIndices:a,onNavigate(e,t){!t&&!Y||dn===`ending`||_n(t?{activeIndex:e,type:at.current?`keyboard`:`pointer`}:{activeIndex:e})}})]);v(()=>{X.update({inline:B,popupProps:kn(),inputProps:On(),triggerProps:pn,getItemProps:An,setOpen:yn,setInputValue:vn,setSelectedValue:bn,setIndices:_n,onItemHighlighted:Xt,handleSelection:xn,forceMount:hn,requestSubmit:Sn})}),re(()=>{X.update({id:Pe,selectedValue:J,open:Y,mounted:ln,transitionStatus:dn,items:I,inline:B,popupProps:kn(),inputProps:On(),triggerProps:pn,openMethod:fn,getItemProps:An,selectionMode:S,name:xt,form:O,disabled:bt,readOnly:N,required:ie,grid:oe,isGrouped:zt,virtualized:he,onOpenChangeComplete:Zt,openOnInputClick:L,itemToStringLabel:z,modal:_e,autoHighlight:Mt,isItemEqualToValue:me,submitOnItemClick:xe,hasInputValue:Et,requestSubmit:Sn})},[X,Pe,J,Y,ln,dn,I,kn,On,An,fn,pn,S,xt,bt,N,ie,Me,oe,zt,he,Zt,L,z,_e,me,xe,Et,B,Sn,Mt,O]);let jn=ne(ae,Me.inputRef),Mn=W.useMemo(()=>({query:Bt,hasItems:At,filteredItems:Kt,flatFilteredItems:qt}),[Bt,At,Kt,qt]),Nn=W.useMemo(()=>Array.isArray(Jt)?``:Qe(Jt,fe),[Jt,fe]),Pn=wt&&Array.isArray(J)&&J.length>0,Fn=wt||S===`none`?void 0:xt,In=W.useMemo(()=>!wt||!Array.isArray(J)||!xt?null:J.map(e=>{let t=Qe(e,fe);return(0,q.jsx)(`input`,{type:`hidden`,form:O,name:xt,value:t},t)}),[wt,J,O,xt,fe]),Ln=(0,q.jsxs)(W.Fragment,{children:[e.children,(0,q.jsx)(`input`,{...Me.getInputValidationProps({onFocus(){if(sn){nn?.focus();return}(Ke.current||nn)?.focus()},onChange(e){if(e.nativeEvent.defaultPrevented)return;let t=e.currentTarget.value,n=A(F,e.nativeEvent);function r(){if(wt)return;if(S===`none`){U(t!==Ce.initialValue),vn(t,n),we()&&Me.commit(t);return}let e=G.current.find(e=>Qe(e,fe).toLowerCase()===t.toLowerCase()||qe(e,z).toLowerCase()===t.toLowerCase());e!=null&&(U(e!==Ce.initialValue),bn?.(e,n),we()&&Me.commit(e))}I?r():(hn(),queueMicrotask(r))}}),id:Pe&&Fn==null?`${Pe}-hidden-input`:void 0,form:O,name:Fn,autoComplete:H,disabled:bt,required:ie&&!Pn,readOnly:N,value:Nn,ref:jn,style:Fn?p:te,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),In]});return(0,q.jsx)(ht.Provider,{value:X,children:(0,q.jsx)(gt.Provider,{value:Tn,children:(0,q.jsx)(_t.Provider,{value:Mn,children:(0,q.jsx)(vt.Provider,{value:It,children:Ln})})})})}function jt(e){let{multiple:t=!1,defaultValue:n,value:r,onValueChange:i,autoComplete:a,...o}=e;return(0,q.jsx)(At,{...o,selectionMode:t?`multiple`:`single`,selectedValue:r,defaultSelectedValue:n,onSelectedValueChange:i,formAutoComplete:a})}var Mt={...Se,...ot,popupSide:e=>e?{"data-popup-side":e}:null,listEmpty:e=>e?{"data-list-empty":``}:null},J=W.createContext(void 0);function Nt(){return W.useContext(J)}var Pt=W.createContext(void 0);function Ft(e){let t=W.useContext(Pt);if(t===void 0&&!e)throw Error(m(21));return t}var It=W.forwardRef(function(e,t){let n=G(),{buttonRef:r,getButtonProps:i}=d({native:!1});return(0,q.jsx)(`span`,{ref:ne(t,r),...i({onClick:j(e=>{n.state.setOpen(!1,A(oe,e.nativeEvent,e.currentTarget))})}),"aria-label":`Dismiss`,tabIndex:void 0,style:p})}),Lt=W.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,id:a,style:s,...c}=e,{state:l,disabled:u,setTouched:d,setFocused:f,validationMode:p,validation:m}=it(),{labelId:h}=at(),g=Nt(),_=!!Ft(!0),v=G(),{filteredItems:y}=bt(),b=xt(),x=de(),S=D(v,K.required),C=D(v,K.disabled),w=D(v,K.readOnly),E=D(v,K.name),ee=D(v,K.form),te=D(v,K.selectionMode),O=D(v,K.autoHighlight),ne=D(v,K.inputProps),re=D(v,K.triggerProps),k=D(v,K.open),N=D(v,K.mounted),P=D(v,K.selectedValue),ie=D(v,K.popupSide),ae=D(v,K.positionerElement),oe=D(v,K.id),I=D(v,K.inline),se=D(v,K.modal),L=!!O,le=N&&ae?ie:null,R=u||C||i,ue=y.length===0,fe=_||I,me=!fe||se,he=ce(a??(fe?void 0:oe)),ge=nt(h,void 0),B=_?rt:l,[V,_e]=W.useState(null),ve=W.useRef(!1),ye=W.useRef(null),H=W.useRef(!1),xe=j(e=>{let t=_||v.state.inline;t&&!v.state.hasInputValue&&v.state.setInputValue(``,A(F)),v.update({inputElement:e,inputInsidePopup:t})}),Se=_||!m?c:m.getValidationProps(c),Ce={...B,open:k,disabled:R,readOnly:w,popupSide:le,listEmpty:ue};function we(e){if(!g)return;let t,{highlightedChipIndex:n}=g,r=g.chipsRef.current.length;if(n!==void 0){if(e.key===`ArrowLeft`)e.preventDefault(),t=n>0?n-1:void 0;else if(e.key===`ArrowRight`)e.preventDefault(),t=n<r-1?n+1:void 0;else if(e.key===`Backspace`||e.key===`Delete`){e.preventDefault();let r=n>=P.length-1?P.length-2:n;t=r>=0?r:void 0,v.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`})}return t}return e.key===`ArrowLeft`&&(e.currentTarget.selectionStart??0)===0&&P.length>0?(e.preventDefault(),t=r>0?r-1:void 0):e.key===`Backspace`&&e.currentTarget.value===``&&P.length>0&&(v.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`}),e.preventDefault()),t}let Te=U(`input`,e,{state:Ce,ref:[t,v.state.inputRef,xe],props:[ne,re,{type:`text`,value:e.value??V??b,"aria-readonly":w||void 0,"aria-required":S||void 0,"aria-labelledby":ge,disabled:R,readOnly:w,required:te===`none`?S:void 0,form:ee,...te===`none`&&E&&{name:E},id:he,onFocus(){if(f(!0),!I||!H.current)return;H.current=!1;let e=ye.current;e==null||!Object.hasOwn(v.state.valuesRef.current,e)||v.state.setIndices({activeIndex:e})},onBlur(){d(!0),f(!1);let e=v.state.activeIndex;if(I&&e!==null&&O!==`always`&&(ye.current=e,H.current=!0,v.state.setIndices({activeIndex:null})),p===`onBlur`){let e=te===`none`?b:P;m.commit(e)}},onCompositionStart(e){be||(ve.current=!0,_e(e.currentTarget.value))},onCompositionEnd(e){ve.current=!1;let t=e.currentTarget.value;_e(null),v.state.setInputValue(t,A(M,e.nativeEvent))},onChange(e){let t=e.nativeEvent.inputType,n=!t||t===`insertReplacementText`,r=ve.current||!n;if(ve.current){let t=e.currentTarget.value;_e(t),t===``&&!v.state.openOnInputClick&&!v.state.inputInsidePopup&&v.state.setOpen(!1,A(pe,e.nativeEvent));let n=t.trim(),i=L&&n!==``;!w&&!R&&n&&r&&(v.state.setOpen(!0,A(M,e.nativeEvent)),L||v.state.setIndices({activeIndex:null,selectedIndex:null,type:v.state.keyboardActiveRef.current?`keyboard`:`pointer`})),k&&v.state.activeIndex!==null&&!i&&v.state.setIndices({activeIndex:null,selectedIndex:null,type:v.state.keyboardActiveRef.current?`keyboard`:`pointer`});return}v.state.setInputValue(e.currentTarget.value,A(M,e.nativeEvent));let i=e.currentTarget.value===``,a=A(pe,e.nativeEvent);i&&!v.state.inputInsidePopup&&(te===`single`&&v.state.setSelectedValue(null,a),v.state.openOnInputClick||v.state.setOpen(!1,a));let o=e.currentTarget.value.trim();!w&&!R&&o&&r&&(v.state.setOpen(!0,A(M,e.nativeEvent)),L||v.state.setIndices({activeIndex:null,selectedIndex:null,type:v.state.keyboardActiveRef.current?`keyboard`:`pointer`})),k&&v.state.activeIndex!==null&&!L&&v.state.setIndices({activeIndex:null,selectedIndex:null,type:v.state.keyboardActiveRef.current?`keyboard`:`pointer`})},onKeyDown(e){if(R||w||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey)return;v.state.keyboardActiveRef.current=!0;let t=e.currentTarget,n=t.scrollWidth-t.clientWidth,r=x===`rtl`;if(e.key===`Home`){o(e);let n=T&&r?t.value.length:0;t.setSelectionRange(n,n),t.scrollLeft=0;return}if(e.key===`End`){o(e);let i=T&&r?0:t.value.length;t.setSelectionRange(i,i),t.scrollLeft=r?-n:n;return}if(!N&&e.key===`Escape`){let t=te===`multiple`&&Array.isArray(P)?P.length===0:P===null,n=A(z,e.nativeEvent),r=te===`multiple`?[]:null;v.state.setInputValue(``,n),v.state.setSelectedValue(r,n),!t&&!v.state.inline&&!n.isPropagationAllowed&&e.stopPropagation();return}if(g&&e.key===`Backspace`&&t.value===``&&g.highlightedChipIndex===void 0&&Array.isArray(P)&&P.length>0){let t=g.chipsRef.current.length,n=t>0?t-1:P.length-1,r=P.filter((e,t)=>t!==n);v.state.setIndices({activeIndex:null,selectedIndex:null,type:v.state.keyboardActiveRef.current?`keyboard`:`pointer`}),v.state.setSelectedValue(r,A(F,e.nativeEvent));return}let i=g?.highlightedChipIndex!==void 0,a=we(e);if(g?.setHighlightedChipIndex(a),a===void 0?i&&v.state.inputRef.current?.focus():g?.chipsRef.current[a]?.focus(),e.which!==229&&e.key===`Enter`&&k){let t=v.state.activeIndex,n=e.nativeEvent;if(t===null){if(I)return;v.state.setOpen(!1,A(F,n));return}o(e);let r=v.state.listRef.current[t];r&&(v.state.selectionEventRef.current=n,r.click(),v.state.selectionEventRef.current=null)}},onPointerMove(){v.state.keyboardActiveRef.current=!1},onPointerDown(){v.state.keyboardActiveRef.current=!1}},Se],stateAttributesMapping:Mt});return(0,q.jsxs)(W.Fragment,{children:[k&&me&&(0,q.jsx)(It,{ref:v.state.startDismissRef}),Te]})});function Y(e,t,n,r,i){if(e.baseUIHandlerPrevented||r)return;let a=u(e.nativeEvent),o=fe(a)?a:null;o!==e.currentTarget&&(i?.(o)||R(o))||(e.preventDefault(),!n&&(t.state.inputRef.current?.focus(),t.state.openOnInputClick&&t.state.setOpen(!0,A(ge,e.nativeEvent))))}var Rt=2,zt=W.forwardRef(function(e,t){let{render:n,className:i,nativeButton:a=!0,disabled:s=!1,id:c,style:l,...f}=e,{state:p,disabled:m,setTouched:h,setFocused:g,validationMode:_,validation:v}=it(),{labelId:y}=at(),x=G(),{filteredItems:S}=bt(),C=D(x,K.selectionMode),w=D(x,K.disabled),T=D(x,K.readOnly),ee=D(x,K.required),te=D(x,K.mounted),O=D(x,K.popupSide),ne=D(x,K.positionerElement),re=D(x,K.listElement),k=D(x,K.triggerProps),M=D(x,K.triggerElement),N=D(x,K.inputInsidePopup),P=D(x,K.id),ie=D(x,K.labelId),ae=D(x,K.open),F=D(x,K.selectedValue),oe=D(x,K.activeIndex),I=D(x,K.selectedIndex),se=D(x,K.hasSelectedValue),ce=yt(),L=xt(),le=r(),R=m||w||s,ue=S.length===0,de=te&&ne?O:null;ct({id:N?c:void 0});let z=N?c??P:c,fe=nt(y,ie),pe=W.useRef(``);function me(e){pe.current=e.pointerType}let he=ce.useState(`domReferenceElement`);W.useEffect(()=>{N&&M&&M!==he&&ce.set(`domReferenceElement`,M)},[M,he,ce,N]);let{reference:ge}=Pe(ce,{enabled:!ae&&!T&&!w&&C===`single`,listRef:x.state.labelsRef,activeIndex:oe,selectedIndex:I,onMatch(e){let t=x.state.valuesRef.current[e];t!==void 0&&x.state.setSelectedValue(t,A(`none`))}}),{reference:B}=je(ce,{enabled:!T&&!w,event:`mousedown`}),{buttonRef:V,getButtonProps:_e}=d({native:a,disabled:R}),ye={...p,open:ae,disabled:R,popupSide:de,listEmpty:ue,placeholder:C===`none`?!1:!se};return U(`button`,e,{ref:[t,V,j(e=>{x.set(`triggerElement`,e)})],state:ye,props:[k,B,ge,{id:z,tabIndex:N?0:-1,role:N?`combobox`:void 0,"aria-expanded":ae?`true`:`false`,"aria-haspopup":N?`dialog`:`listbox`,"aria-controls":ae?re?.id:void 0,"aria-required":N&&ee||void 0,"aria-labelledby":fe,onPointerDown:me,onPointerEnter:me,onFocus(){g(!0),!(R||T)&&le.start(0,x.state.forceMount)},onBlur(e){if(!b(ne,e.relatedTarget)&&(h(!0),g(!1),_===`onBlur`)){let e=C===`none`?L:F;v.commit(e)}},onMouseDown(e){if(R||T||(N||ce.set(`domReferenceElement`,e.currentTarget),x.state.forceMount(),pe.current!==`touch`&&(x.state.inputRef.current?.focus(),N||e.preventDefault()),ae))return;let t=E(e.currentTarget);function n(e){if(!M)return;let t=u(e),n=x.state.positionerElement,r=x.state.listElement;if(b(M,t)||b(n,t)||b(r,t)||t===M)return;let i=Ie(M),a=e.clientX>=i.left-Rt&&e.clientX<=i.right+Rt,o=e.clientY>=i.top-Rt&&e.clientY<=i.bottom+Rt;a&&o||x.state.setOpen(!1,A(`cancel-open`,e))}N&&t.addEventListener(`mouseup`,n,{once:!0})},onKeyDown(e){R||T||(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(o(e),x.state.setOpen(!0,A(ve,e.nativeEvent)),x.state.inputRef.current?.focus())}},v?v.getValidationProps(f):f,_e],stateAttributesMapping:Mt})}),Bt=W.createContext(null);function Vt(){return W.useContext(Bt)}function Ht(e){let{children:t,items:n}=e,r=W.useMemo(()=>({items:n}),[n]);return(0,q.jsx)(Bt.Provider,{value:r,children:t})}function Ut(e){let{children:t}=e,{filteredItems:n}=bt(),r=Vt(),i=r?r.items:n;return i?(0,q.jsx)(W.Fragment,{children:i.map(t)}):null}var Wt=W.forwardRef(function(e,t){var n;let{render:r,className:i,style:a,children:s,...c}=e,l=G(),u=yt(),d=!!Ft(!0),{filteredItems:f,hasItems:p}=bt(),m=D(l,K.selectionMode),h=D(l,K.grid),g=D(l,K.popupProps),_=D(l,K.virtualized),v=m===`multiple`,y=f.length===0,b=j(e=>{l.set(`positionerElement`,e)}),x=j(e=>{l.set(`listElement`,e)}),S=W.useMemo(()=>typeof s==`function`?n||=(0,q.jsx)(Ut,{children:s}):s,[s]),C={empty:y},w=u.useState(`floatingId`),T=U(`div`,e,{state:C,ref:[t,x,d?null:b],props:[g,{children:S,tabIndex:-1,id:w,role:h?`grid`:`listbox`,"aria-multiselectable":v?`true`:void 0,onKeyDown(e){if(!(l.state.disabled||l.state.readOnly)&&e.key===`Enter`){let t=l.state.activeIndex;if(t==null)return;o(e);let n=e.nativeEvent,r=l.state.listRef.current[t];r&&(l.state.selectionEventRef.current=n,r.click(),l.state.selectionEventRef.current=null)}},onKeyDownCapture(){l.state.keyboardActiveRef.current=!0},onPointerMoveCapture(){l.state.keyboardActiveRef.current=!1}},c]});return _?T:(0,q.jsx)(Ve,{elementsRef:l.state.listRef,labelsRef:p?void 0:l.state.labelsRef,children:T})}),Gt=`⁠`;function Kt(e){let t=e.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_TEXT),n=null;for(;t.nextNode();){let e=t.currentNode;e.nodeValue!==``&&(n=e)}return n}function qt(){let e=r(),t=W.useRef(null);return W.useEffect(()=>{if(l)return;let n=t.current;if(n==null)return;let r=Kt(n);if(r==null)return;let i=r.nodeValue??``,a=`${i}${Gt}`;return r.nodeValue=a,e.start(200,()=>{r.nodeValue===a&&(r.nodeValue=i)}),()=>{e.clear(),r.nodeValue===a&&(r.nodeValue=i)}},[t,e]),t}var X=W.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e;return U(`div`,e,{ref:[t,qt()],props:[{children:a,role:`status`,"aria-live":`polite`,"aria-atomic":!0},o]})}),Jt=W.createContext(void 0);function Yt(){let e=W.useContext(Jt);if(e===void 0)throw Error(m(20));return e}var Xt=W.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,i=G(),a=D(i,K.mounted),o=D(i,K.forceMounted);return a||n||o?(0,q.jsx)(Jt.Provider,{value:n,children:(0,q.jsx)(I,{ref:t,...r})}):null}),Zt=W.forwardRef(function(e,t){let{render:n,className:r,anchor:i,positionMethod:a=`absolute`,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d=5,arrowPadding:f=5,sticky:p=!1,disableAnchorTracking:m=!1,collisionAvoidance:h=he,style:g,..._}=e,v=G(),{filteredItems:y}=bt(),b=yt(),x=Yt(),S=D(v,K.modal),C=D(v,K.open),w=D(v,K.mounted),T=D(v,K.openMethod),E=D(v,K.positionerElement),ee=D(v,K.triggerElement),te=D(v,K.inputElement),O=D(v,K.inputGroupElement),ne=D(v,K.inputInsidePopup),k=D(v,K.transitionStatus),A=y.length===0,M=se({anchor:i??(ne?ee:O??te),floatingRootContext:b,positionMethod:a,mounted:w,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:f,collisionBoundary:u,collisionPadding:d,sticky:p,disableAnchorTracking:m,keepMounted:x,collisionAvoidance:h,lazyFlip:!0});Ue(C&&S,T===`touch`,E,ee);let N={open:C,side:M.side,align:M.align,anchorHidden:M.anchorHidden,empty:A};re(()=>{v.set(`popupSide`,M.side)},[v,M.side]);let P=j(e=>{v.set(`positionerElement`,e)}),ie=_e(e,N,{styles:M.positionerStyles,transitionStatus:k,props:_,refs:[t,P],hidden:!w,inert:!C});return(0,q.jsxs)(Pt.Provider,{value:M,children:[w&&S&&(0,q.jsx)(Me,{inert:Le(!C),cutout:O??te??ee}),ie]})}),Qt={...ye,..._},$t=W.forwardRef(function(e,t){let{render:n,className:r,style:i,initialFocus:a,finalFocus:o,...s}=e,c=G(),l=Ft(),d=yt(),{filteredItems:f}=bt(),p=D(c,K.mounted),m=D(c,K.open),h=D(c,K.openMethod),g=D(c,K.transitionStatus),_=D(c,K.inputInsidePopup),v=D(c,K.inputElement),x=D(c,K.modal),S=f.length===0;y({open:m,ref:c.state.popupRef,onComplete(){m&&c.state.onOpenChangeComplete(!0)}});let C=U(`div`,e,{state:{open:m,side:l.side,align:l.align,anchorHidden:l.anchorHidden,transitionStatus:g,empty:S},ref:[t,c.state.popupRef],props:[{role:_?`dialog`:`presentation`,tabIndex:-1,onFocus(e){let t=u(e.nativeEvent);h!==`touch`&&(b(c.state.listElement,t)||t===e.currentTarget)&&c.state.inputRef.current?.focus()}},ae(g),s],stateAttributesMapping:Qt}),w=a===void 0?_?e=>e===`touch`?c.state.popupRef.current:v:!1:a,T;T=o??(_?void 0:!1);let E=!_||x;return(0,q.jsx)(Ae,{context:d,disabled:!p,modal:E,openInteractionType:h,initialFocus:w,returnFocus:T,getInsideElements:()=>[c.state.startDismissRef.current,c.state.endDismissRef.current],children:(0,q.jsxs)(W.Fragment,{children:[C,E&&(0,q.jsx)(It,{ref:c.state.endDismissRef})]})})}),en=W.createContext(void 0);function tn(){let e=W.useContext(en);if(e===void 0)throw Error(m(18));return e}var nn=W.forwardRef(function(e,t){let{render:n,className:r,style:i,items:a,...o}=e,[s,c]=W.useState(),l=W.useMemo(()=>({labelId:s,setLabelId:c,items:a}),[s,c,a]),u=U(`div`,e,{ref:t,props:[{role:`group`,"aria-labelledby":s},o]}),d=(0,q.jsx)(en.Provider,{value:l,children:u});return a?(0,q.jsx)(Ht,{items:a,children:d}):d}),rn=W.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{setLabelId:s}=tn(),c=ce(a);return re(()=>(s(c),()=>{s(void 0)}),[c,s]),U(`div`,e,{ref:t,props:[{id:c},o]})}),an=W.createContext(void 0);function on(){let e=W.useContext(an);if(!e)throw Error(m(19));return e}var sn=W.createContext(!1);function cn(){return W.useContext(sn)}var ln=t(De()),un=W.memo(W.forwardRef(function(e,t){let{render:n,className:r,value:i=null,index:a,disabled:o=!1,nativeButton:s=!1,style:c,...l}=e,u=W.useRef(!1),f=W.useRef(null),p=Be({index:a,textRef:f,indexGuessBehavior:He.GuessFromOrder}),m=G(),h=cn(),{flatFilteredItems:g,hasItems:_}=bt(),v=D(m,K.open),y=D(m,K.selectionMode),b=D(m,K.readOnly),x=D(m,K.virtualized),S=D(m,K.isItemEqualToValue),C=y!==`none`,w=a??(x?Xe(g,i,S):p.index),T=p.index!==-1,E=D(m,K.id),ee=D(m,K.isActive,w),te=D(m,K.isSelected,i),O=D(m,K.getItemProps),ne=W.useRef(null),k=E!=null&&T?`${E}-${w}`:void 0,A=te&&C;re(()=>{if(!(T&&(x||a!=null)))return;let e=m.state.listRef.current;return e[w]=ne.current,()=>{delete e[w]}},[T,x,w,a,m]),re(()=>{if(!T||_)return;let e=m.state.valuesRef.current;return e[w]=i,y!==`none`&&m.state.allValuesRef.current.push(i),()=>{delete e[w]}},[T,_,w,i,m,y]),re(()=>{if(!v){u.current=!1;return}if(!T||_)return;let e=m.state.selectedValue;$e(i,Array.isArray(e)?e[e.length-1]:e,S)&&m.set(`selectedIndex`,w)},[T,_,v,m,w,i,S]);let j={disabled:o,selected:A,highlighted:ee},M=O({active:ee,selected:A});M.id=void 0,M.onFocus=void 0;let{getButtonProps:N,buttonRef:P}=d({disabled:o,focusableWhenDisabled:!0,native:s,composite:!0});function ie(e){function t(){m.state.handleSelection(e,i)}m.state.submitOnItemClick?(ln.flushSync(t),m.state.requestSubmit()):t()}let ae={id:k,role:h?`gridcell`:`option`,"aria-selected":C?A:void 0,tabIndex:void 0,onPointerDownCapture(e){u.current=!0,e.preventDefault()},onMouseDown(e){e.preventDefault()},onClick(e){o||b||ie(e.nativeEvent)},onMouseUp(e){let t=u.current;u.current=!1,!(o||b||e.button!==0||t||!ee)&&ie(e.nativeEvent)}},F=U(`div`,e,{ref:[P,t,p.ref,ne],state:j,props:[M,ae,l,N]}),oe=W.useMemo(()=>({selected:A,textRef:f}),[A,f]);return(0,q.jsx)(an.Provider,{value:oe,children:F})})),dn=W.forwardRef(function(e,t){let n=e.keepMounted??!1,{selected:r}=on();return n||r?(0,q.jsx)(fn,{...e,ref:t}):null}),fn=W.memo(W.forwardRef((e,t)=>{let{render:n,className:r,style:i,keepMounted:a,...o}=e,{selected:s}=on(),c=W.useRef(null),{transitionStatus:l,setMounted:u}=C(s),d=U(`span`,e,{ref:[t,c],state:{selected:s,transitionStatus:l},props:[{"aria-hidden":!0,children:`✔️`},o],stateAttributesMapping:_});return y({open:s,ref:c,onComplete(){s||u(!1)}}),d})),pn=W.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,o=G(),s=D(o,K.open),c=D(o,K.hasSelectionChips),[l,u]=W.useState(void 0);s&&l!==void 0&&u(void 0);let d=W.useRef([]),f=U(`div`,e,{ref:[t,o.state.chipsContainerRef],props:[c?{role:`toolbar`}:ee,{onMouseDown(e){Y(e,o,o.state.disabled,o.state.readOnly)}},a]}),p=W.useMemo(()=>({highlightedChipIndex:l,setHighlightedChipIndex:u,chipsRef:d}),[l,u,d]);return(0,q.jsx)(J.Provider,{value:p,children:(0,q.jsx)(Ve,{elementsRef:d,children:f})})}),mn=W.createContext(void 0);function hn(){let e=W.useContext(mn);if(!e)throw Error(m(17));return e}var gn=W.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,s=G(),{setHighlightedChipIndex:c,chipsRef:l}=Nt(),u=D(s,K.disabled),d=D(s,K.readOnly),f=D(s,K.selectedValue),{ref:p,index:m}=Be();function h(e){let t=m;if(e.key===`ArrowLeft`)e.preventDefault(),t=m>0?m-1:void 0;else if(e.key===`ArrowRight`)e.preventDefault(),t=m<l.current.length-1?m+1:void 0;else if(e.key===`Backspace`||e.key===`Delete`){let n=m>=f.length-1?f.length-2:m;t=n>=0?n:void 0,o(e),s.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`}),s.state.setSelectedValue(f.filter((e,t)=>t!==m),A(F,e.nativeEvent))}else e.key===`Enter`||e.key===` `?(o(e),t=void 0):e.key===`ArrowDown`||e.key===`ArrowUp`?(o(e),s.state.setOpen(!0,A(ve,e.nativeEvent)),t=void 0):e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(t=void 0);return t}let g=U(`div`,e,{ref:[t,p],state:{disabled:u},props:[{tabIndex:-1,"aria-disabled":u||void 0,"aria-readonly":d||void 0,onKeyDown(e){if(u||d)return;let t=h(e);ln.flushSync(()=>{c(t)}),t===void 0?s.state.inputRef.current?.focus():l.current[t]?.focus()}},a]}),_=W.useMemo(()=>({index:m}),[m]);return(0,q.jsx)(mn.Provider,{value:_,children:g})}),_n=W.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:a=!0,style:s,...c}=e,l=G(),{index:u}=hn(),f=D(l,K.disabled),p=D(l,K.readOnly),m=D(l,K.selectedValue),h=D(l,K.isItemEqualToValue),g=f||i,{buttonRef:_,getButtonProps:v}=d({native:a,disabled:g||p,focusableWhenDisabled:!0}),y={disabled:g};function b(e){let t=l.state.activeIndex;if(t==null)return;let n=Xe(l.state.valuesRef.current,e,h);n!==-1&&t===n&&l.state.setIndices({activeIndex:null,type:l.state.keyboardActiveRef.current?`keyboard`:`pointer`})}function x(e){let t=A(S,e.nativeEvent),n=m[u];return b(n),l.state.setSelectedValue(m.filter((e,t)=>t!==u),t),l.state.inputRef.current?.focus(),t}return U(`button`,e,{ref:[t,_],state:y,props:[{tabIndex:-1,onMouseDown(e){e.preventDefault()},onClick(e){g||p||x(e).isPropagationAllowed||e.stopPropagation()},onKeyDown(e){g||p||(e.key===`Enter`||e.key===` `)&&(x(e).isPropagationAllowed||o(e))}},c,v]})}),vn=W.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e,{filteredItems:s}=bt(),c=G(),l=qt(),u=s.length===0?a:null;return U(`div`,e,{ref:[t,c.state.emptyRef,l],props:[{children:u,role:`status`,"aria-live":`polite`,"aria-atomic":!0},o]})}),yn={..._,...N},bn=W.forwardRef(function(e,t){let{render:r,className:i,disabled:a=!1,nativeButton:o=!0,keepMounted:s=!1,style:c,...l}=e,{disabled:u}=it(),f=G(),p=D(f,K.selectionMode),m=D(f,K.disabled),h=D(f,K.readOnly),g=D(f,K.open),_=D(f,K.selectedValue),v=D(f,K.hasSelectionChips),b=xt(),x=!1;x=p===`none`?b!==``:p===`single`?_!=null:v;let S=u||m||a,{buttonRef:w,getButtonProps:T}=d({native:o,disabled:S}),{mounted:E,transitionStatus:ee,setMounted:te}=C(x),O={disabled:S,open:g,transitionStatus:ee};y({open:x,ref:f.state.clearRef,onComplete(){x||te(!1)}});let ne=U(`button`,e,{state:O,ref:[t,w,f.state.clearRef],props:[{tabIndex:-1,children:`x`,onMouseDown(e){e.preventDefault()},onClick(e){if(S||h)return;let t=f.state.keyboardActiveRef;f.state.setInputValue(``,A(n,e.nativeEvent)),p===`none`?f.state.setIndices({activeIndex:null,type:t.current?`keyboard`:`pointer`}):(f.state.setSelectedValue(Array.isArray(_)?[]:null,A(n,e.nativeEvent)),f.state.setIndices({activeIndex:null,selectedIndex:null,type:t.current?`keyboard`:`pointer`})),f.state.inputRef.current?.focus()}},l,T],stateAttributesMapping:yn});return s||E?ne:null}),xn=jt,Sn={sm:`h-8 text-xs pl-2 pr-8`,md:`h-10 text-sm pl-3 pr-10`,lg:`h-12 text-base pl-4 pr-12`},Cn={sm:`pr-14`,md:`pr-16`,lg:`pr-20`},wn={sm:`right-1`,md:`right-2`,lg:`right-3`},Tn={sm:`size-3`,md:`size-4`,lg:`size-5`};function En({className:e,showClear:t=!1,size:n=`md`,error:r,...i}){return(0,q.jsxs)(`div`,{className:`relative`,children:[(0,q.jsx)(Lt,{"data-slot":`combobox-input`,className:H(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-md border bg-background shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15 aria-invalid:placeholder:text-destructive`,Sn[n],t&&Cn[n],e),"aria-invalid":r||void 0,...i}),(0,q.jsxs)(`div`,{className:H(`absolute top-1/2 -translate-y-1/2 flex items-center gap-1 text-muted-foreground`,wn[n]),children:[!!t&&(0,q.jsx)(bn,{"data-slot":`combobox-clear`,className:`rounded-sm p-1 opacity-50 hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,q.jsx)(Te,{className:Tn[n]})}),(0,q.jsx)(zt,{className:`rounded-sm p-1 hover:bg-accent focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,q.jsx)(Ce,{className:Tn[n]})})]})]})}var Dn=Xt;function On({className:e,sideOffset:t=4,...n}){return(0,q.jsx)(Zt,{"data-slot":`combobox-positioner`,sideOffset:t,className:H(`z-50 outline-none`,e),...n})}function kn({className:e,...t}){return(0,q.jsx)($t,{"data-slot":`combobox-popup`,className:H(`w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]`,`overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`origin-[var(--transform-origin)]`,`data-[starting-style]:opacity-0 data-[starting-style]:scale-95`,`data-[ending-style]:opacity-0 data-[ending-style]:scale-95`,`transition-[opacity,transform] duration-150`,e),...t})}function An({className:e,...t}){return(0,q.jsx)(Wt,{"data-slot":`combobox-list`,className:H(`max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-1`,`outline-none empty:hidden`,e),...t})}var jn={sm:`py-1 px-2 text-xs gap-2`,md:`py-1.5 px-2.5 text-sm gap-2`,lg:`py-2 px-3 text-base gap-2.5`},Mn={sm:`size-3`,md:`size-4`,lg:`size-5`};function Nn({className:e,children:t,size:n=`md`,...r}){return(0,q.jsxs)(un,{"data-slot":`combobox-item`,className:H(`flex w-full cursor-default select-none items-center justify-between rounded-sm outline-none`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground`,jn[n],e),...r,children:[(0,q.jsx)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2 truncate`,children:t}),(0,q.jsx)(dn,{className:H(`flex shrink-0 items-center justify-center text-muted-foreground`,Mn[n]),children:(0,q.jsx)(s,{className:Mn[n]})})]})}function Pn({className:e,children:t,...n}){return(0,q.jsx)(vn,{"data-slot":`combobox-empty`,className:H(`py-6 text-center text-sm text-muted-foreground empty:hidden`,e),...n,children:t})}function Fn({className:e,...t}){return(0,q.jsx)(X,{"data-slot":`combobox-status`,className:H(`flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground empty:hidden`,e),...t})}function In({className:e,...t}){return(0,q.jsx)(nn,{"data-slot":`combobox-group`,className:H(`overflow-hidden p-1`,e),...t})}function Ln({className:e,...t}){return(0,q.jsx)(rn,{"data-slot":`combobox-group-label`,className:H(`px-2 py-1.5 text-xs font-medium text-muted-foreground`,e),...t})}var Rn=Ut,zn={sm:`min-h-8 gap-1 px-2 py-1 text-xs`,md:`min-h-10 gap-1.5 px-3 py-2 text-sm`,lg:`min-h-12 gap-2 px-4 py-2.5 text-base`};function Bn({className:e,size:t=`md`,error:n,...r}){return(0,q.jsx)(pn,{"data-slot":`combobox-chips`,className:H(`flex flex-wrap items-center rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:bg-destructive/15`,zn[t],e),"aria-invalid":n||void 0,...r})}function Vn({className:e,children:t,...n}){return(0,q.jsxs)(gn,{"data-slot":`combobox-chip`,className:H(`inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-1 text-xs font-medium text-secondary-foreground`,`data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground`,`focus-within:bg-primary focus-within:text-primary-foreground`,e),...n,children:[t,(0,q.jsx)(_n,{className:`rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,children:(0,q.jsx)(Te,{className:`size-3`})})]})}function Hn({className:e,...t}){return(0,q.jsx)(Lt,{"data-slot":`combobox-chips-input`,className:H(`min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,e),...t})}var Un={placeholder:`Search...`,searching:`Loading...`,noResults:`No results found.`,typeToSearch:`Type at least {min} characters to search...`,typeMore:`Type {remaining} more character{s} to search...`,createNew:`Create {value}`,loadingMore:`Loading...`,apply:`Apply`,cancel:`Cancel`},Wn=Symbol(`enhanced-combobox-create-option`);function Gn(e){return typeof e==`object`&&!!e&&Wn in e}function Kn(e){if(!Gn(e))throw Error(`Item is not a create option`);return e[Wn]}function qn(e){return{[Wn]:e}}function Jn({isLoading:e,text:t,className:n}){return e?(0,q.jsxs)(`div`,{className:H(`loading-more--component`,`flex items-center justify-center gap-2 py-2 text-sm text-muted-foreground`,n),role:`status`,"aria-live":`polite`,children:[(0,q.jsx)(xe,{className:`size-4 animate-spin`,"aria-hidden":`true`}),(0,q.jsx)(`span`,{children:t})]}):null}Jn.displayName=`LoadingMore`;function Yn({isLoading:e,searchValue:t,minSearchLength:n,itemCount:r,strings:i}){let a=t.trim();if(e)return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(xe,{className:`size-4 animate-spin`}),i.searching]});if(a===``)return i.typeToSearch.includes(`{min}`)?i.typeToSearch.replace(`{min}`,String(n)):i.typeToSearch;if(a.length<n){let e=n-a.length;return i.typeMore.includes(`{remaining}`)||i.typeMore.includes(`{s}`)?i.typeMore.replace(`{remaining}`,String(e)).replace(`{s}`,e===1?``:`s`):i.typeMore}return null}Yn.displayName=`StatusContent`;function Xn({isLoading:e,showStatus:t,showEmpty:n,searchValue:r,minSearchLength:i,items:a,groupedItems:o,createOptionItem:s,renderItemContent:c,getItemReactKey:l,getItemDisabled:u,renderGroupLabel:d,isLoadingMore:f,strings:p,size:m=`sm`,portalContainer:h,listRef:g,anchor:_,applyFooter:v}){let y=(0,q.jsx)(On,{anchor:_,className:h==null?void 0:`z-[100]`,children:(0,q.jsxs)(kn,{"aria-busy":e||void 0,children:[!!t&&(0,q.jsx)(Fn,{children:(0,q.jsx)(Yn,{isLoading:e,searchValue:r,minSearchLength:i,itemCount:a.length,strings:p})}),!!n&&(0,q.jsx)(Pn,{children:p.noResults}),(0,q.jsx)(An,{ref:g,children:o?(0,q.jsxs)(q.Fragment,{children:[Array.from(o.entries()).map(([e,t])=>(0,q.jsxs)(In,{className:`combobox-dropdown--component`,items:t,children:[(0,q.jsx)(Ln,{children:typeof d==`function`?d(e):e}),(0,q.jsx)(Rn,{children:e=>(0,q.jsx)(Nn,{value:e,size:m,disabled:u?.(e),children:c(e)},l(e))})]},e)),s!=null&&(0,q.jsx)(Nn,{value:s,size:m,children:c(s)},l(s))]}):(0,q.jsx)(Rn,{children:e=>(0,q.jsx)(Nn,{value:e,size:m,disabled:u?.(e),children:c(e)},l(e))})}),(0,q.jsx)(Jn,{isLoading:!!f,text:p.loadingMore}),!!v&&(0,q.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/60 px-2 py-1.5`,children:[(0,q.jsx)(me,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e=>{e.preventDefault(),e.stopPropagation(),v.onCancel()},children:v.cancelLabel}),(0,q.jsx)(me,{type:`button`,variant:`primary`,onClick:e=>{e.preventDefault(),e.stopPropagation(),v.onApply()},children:v.applyLabel})]})]})});return h?(0,q.jsx)(Dn,{container:h,children:y}):(0,q.jsx)(Dn,{children:y})}Xn.displayName=`ComboboxDropdown`;var Zn={sm:`text-xs mt-1`,md:`text-sm mt-1.5`,lg:`text-base mt-2`};function Qn({error:e,size:t,className:n}){return e?(0,q.jsx)(`p`,{className:H(`error-message--component`,`text-destructive`,Zn[t],n),role:`alert`,"aria-live":`polite`,children:e}):null}Qn.displayName=`ErrorMessage`;function $n(e){return e.replace(/[$()*+.?[\\\]^{|}]/g,`\\$&`)}function er({text:e,highlight:t,highlightClassName:n=`bg-yellow-200 dark:bg-yellow-800 rounded-sm px-0.5`}){if(!t.trim())return e;let r=RegExp(`(${$n(t)})`,`gi`),i=e.split(r),a=0;return(0,q.jsx)(q.Fragment,{children:i.map((e,t)=>{let r=t%2==1,i=String(a);return a+=e.length,r?(0,q.jsx)(`mark`,{className:n,children:e},i):(0,q.jsx)(`span`,{children:e},i)})})}er.displayName=`HighlightedText`;function tr({searchValue:e,onSearch:t,debounceMs:n=300,minSearchLength:r=3}){let i=(0,W.useRef)(null);(0,W.useEffect)(()=>{if(!t)return;i.current&&clearTimeout(i.current);let a=e.trim();return a.length>=r&&(i.current=setTimeout(()=>{t(a)},n)),()=>{i.current&&clearTimeout(i.current)}},[e,t,n,r])}function nr({items:e,getItemGroup:t}){return(0,W.useMemo)(()=>{if(!t)return null;let n=new Map;for(let r of e){let e=t(r),i=n.get(e);i?i.push(r):n.set(e,[r])}return n},[e,t])}function rr({hasMore:e,onLoadMore:t,isLoadingMore:n}){let r=(0,W.useRef)(!1),i=(0,W.useRef)(null),a=(0,W.useCallback)(a=>{if(!e||!t||n||r.current)return;let{scrollHeight:o,scrollTop:s,clientHeight:c}=a.target;(s+c)/o>=.8&&(i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{r.current=!0,t(),setTimeout(()=>{r.current=!1},500)},100))},[e,t,n]);return(0,W.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),{handleScroll:a}}function ir(e){return Ee(Un,e)}function ar(e,t,n){let r=t.toLowerCase();return e.some(e=>n(e).toLowerCase()===r)}function or({items:e,searchValue:t,getItemLabel:n,getItemKey:r,isLoading:i=!1,minSearchLength:a=3,strings:o,renderItem:s,onSearch:c,debounceMs:l=300,creatable:u,onCreate:d,getItemGroup:f,hasMore:p,onLoadMore:m,isLoadingMore:h,highlightMatch:g,ensuredItems:_=[]}){let v=ir(o),y=r??n,b=(0,W.useRef)(null),x=t.trim();tr({searchValue:t,onSearch:c,debounceMs:l,minSearchLength:a});let{handleScroll:S}=rr({hasMore:p,onLoadMore:m,isLoadingMore:h});(0,W.useEffect)(()=>{let e=b.current;if(!(!e||!p||!m))return e.addEventListener(`scroll`,S),()=>e.removeEventListener(`scroll`,S)},[S,p,m]);let C=(0,W.useMemo)(()=>{if(_.length===0)return e;let t=[..._];return e.forEach(e=>{let n=y(e);_.some(e=>y(e)===n)||t.push(e)}),t},[e,_,y]),w=nr({items:C,getItemGroup:f}),T=(0,W.useMemo)(()=>!u||!d||x.length<a?!1:!ar(C,x,n),[u,d,x,a,C,n]),E=(0,W.useMemo)(()=>T?qn(x):null,[T,x]);return{strings:v,getKey:y,trimmedSearch:x,listRef:b,baseItems:C,allItems:(0,W.useMemo)(()=>E?[...C,E]:C,[C,E]),groupedItems:w,createOptionItem:E,showStatus:i||x.length<a,showEmpty:!i&&x.length>=a&&e.length===0&&!T,showCreateOption:T,renderItemContent:(0,W.useCallback)(e=>{if(Gn(e)){let t=Kn(e);return(0,q.jsxs)(`span`,{className:H(`use-enhanced-combobox-core--component`,`flex items-center gap-2`),children:[(0,q.jsx)(we,{className:`size-4`}),v.createNew.includes(`{value}`)?v.createNew.replace(`{value}`,t):(0,q.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,q.jsx)(`span`,{children:v.createNew}),(0,q.jsx)(L,{tag:`span`,weight:`medium`,children:t})]})]})}if(s)return s(e);let t=n(e);return g&&x?(0,q.jsx)(er,{text:t,highlight:x}):t},[v.createNew,s,n,g,x]),itemToStringLabel:(0,W.useCallback)(e=>Gn(e)?Kn(e):n(e),[n]),getItemReactKey:(0,W.useCallback)(e=>Gn(e)?`__create__:${Kn(e)}`:String(y(e)),[y]),handleScroll:S}}var sr={sm:`sm`,base:`md`,lg:`lg`};function cr(e,t){return e??sr[t??`sm`]??`sm`}function Z({items:e,selectedValue:t,onSelectedValueChange:n,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s=!1,minSearchLength:c=3,strings:l,disabled:u=!1,className:d,renderItem:f,portalContainer:p,name:m,error:h,required:g,onBlur:_,onSearch:v,debounceMs:y,creatable:b,onCreate:x,getItemGroup:S,renderGroupLabel:C,hasMore:w,onLoadMore:T,isLoadingMore:E,getItemDisabled:D,highlightMatch:ee,size:te,open:O,onOpenChange:ne}){let{defaultControlSize:re}=le(),k=cr(te,re),A=or({items:e,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s,minSearchLength:c,strings:l,renderItem:f,onSearch:v,debounceMs:y,creatable:b,onCreate:x,getItemGroup:S,hasMore:w,onLoadMore:T,isLoadingMore:E,highlightMatch:ee,size:k,ensuredItems:t?[t]:[]}),[j,M]=(0,W.useState)(!1),N=(0,W.useCallback)(e=>{M(e),e||i(``),ne?.(e)},[ne,i]),P=j?r:t?A.itemToStringLabel(t):``,ie=(0,W.useCallback)(e=>{if(e&&Gn(e)){let t=Kn(e);x?.(t);return}n(e)},[n,x]);return(0,q.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,q.jsxs)(xn,{items:A.allItems,value:t,onValueChange:ie,inputValue:P,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){i(``);return}i(e)},itemToStringLabel:A.itemToStringLabel,disabled:u,filter:null,name:m,required:g,open:O,onOpenChange:N,children:[(0,q.jsx)(En,{placeholder:A.strings.placeholder,showClear:!0,className:d,size:k,error:!!h,"aria-invalid":!!h,"aria-required":g,onBlur:_}),(0,q.jsx)(Xn,{isLoading:s,showStatus:A.showStatus,showEmpty:A.showEmpty,searchValue:r,minSearchLength:c,items:e,groupedItems:A.groupedItems,createOptionItem:A.createOptionItem,renderItemContent:A.renderItemContent,getItemReactKey:A.getItemReactKey,getItemDisabled:D,renderGroupLabel:C,isLoadingMore:E,strings:A.strings,size:k,portalContainer:p,listRef:A.listRef})]}),(0,q.jsx)(Qn,{error:h,size:k})]})}function lr({items:e,selectedValues:t,onSelectedValuesChange:n,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s=!1,minSearchLength:c=3,strings:l,disabled:u=!1,className:d,renderItem:f,portalContainer:p,name:m,error:h,required:g,onBlur:_,onSearch:v,debounceMs:y,creatable:b,onCreate:x,getItemGroup:S,renderGroupLabel:C,hasMore:w,onLoadMore:T,isLoadingMore:E,getItemDisabled:D,highlightMatch:ee,size:te,open:O,onOpenChange:ne,closeOnSelect:re=!1,applyButton:k=!1,onApply:A,onCancel:j}){let{defaultControlSize:M}=le(),N=cr(te,M),P=(0,W.useRef)(null),ie=o??a,[ae,F]=(0,W.useState)(t),[oe,I]=(0,W.useState)(!1),se=O!==void 0,ce=se?O:oe;(0,W.useEffect)(()=>{k&&F(t)},[k,t]);let L=(0,W.useCallback)(e=>{se||I(e),ne?.(e)},[se,ne]),R=or({items:e,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s,minSearchLength:c,strings:l,renderItem:f,onSearch:v,debounceMs:y,creatable:b,onCreate:x,getItemGroup:S,hasMore:w,onLoadMore:T,isLoadingMore:E,highlightMatch:ee,size:N,ensuredItems:t}),ue=(0,W.useCallback)(e=>{let t=[],r=null;for(let n of e)Gn(n)?r=Kn(n):t.push(n);r&&x?.(r);let i=t.length!==e.length||!r?t:null;i&&(k?F(i):n(i)),re&&L(!1)},[n,x,k,re,L]),de=(0,W.useCallback)(()=>{k&&n(ae),A?.(),L(!1)},[k,ae,A,n,L]),z=(0,W.useCallback)(()=>{k&&F(t),j?.(),L(!1)},[k,t,j,L]),fe=k?ae:t,pe=fe.length>0?void 0:R.strings.placeholder;return(0,q.jsxs)(`div`,{children:[(0,q.jsxs)(xn,{items:R.allItems,multiple:!0,value:fe,onValueChange:ue,inputValue:r,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){i(``);return}i(e)},itemToStringLabel:R.itemToStringLabel,disabled:u,filter:null,name:m,required:g,open:ce,onOpenChange:e=>{!e&&k&&F(t),L(e)},children:[(0,q.jsxs)(Bn,{ref:P,className:d,size:N,error:!!h,children:[fe.map(e=>(0,q.jsx)(Vn,{children:a(e)},ie(e))),(0,q.jsx)(Hn,{placeholder:pe,"aria-invalid":!!h,"aria-required":g,onBlur:_})]}),(0,q.jsx)(Xn,{isLoading:s,showStatus:R.showStatus,showEmpty:R.showEmpty,searchValue:r,minSearchLength:c,items:e,groupedItems:R.groupedItems,createOptionItem:R.createOptionItem,renderItemContent:R.renderItemContent,getItemReactKey:R.getItemReactKey,getItemDisabled:D,renderGroupLabel:C,isLoadingMore:E,strings:R.strings,size:N,portalContainer:p,listRef:R.listRef,anchor:P,applyFooter:k?{applyLabel:R.strings.apply,cancelLabel:R.strings.cancel,onApply:de,onCancel:z}:void 0})]}),(0,q.jsx)(Qn,{error:h,size:N})]})}Z.displayName=`EnhancedCombobox`,lr.displayName=`EnhancedComboboxMultiple`;var ur=e({AsyncCustomers:()=>Sr,AsyncDebouncedSearch:()=>Cr,AsyncWithLoadMore:()=>wr,CustomGroupLabels:()=>Er,CustomItemRendering:()=>Tr,Default:()=>pr,Disabled:()=>Ar,GroupedTeamByRole:()=>xr,Invalid:()=>jr,MinSearchLength:()=>Mr,MultipleApplyButton:()=>vr,MultipleCloseOnSelect:()=>yr,MultipleGrouped:()=>br,MultipleSelect:()=>_r,RealisticCustomerPicker:()=>Nr,SingleCreatable:()=>gr,SingleHighlightMatch:()=>hr,SingleSelect:()=>mr,SizeLg:()=>kr,SizeMd:()=>Or,SizeSm:()=>Dr}),dr=[{id:`apple`,name:`Apple`,group:`Pomes`},{id:`pear`,name:`Pear`,group:`Pomes`},{id:`banana`,name:`Banana`,group:`Tropical`},{id:`mango`,name:`Mango`,group:`Tropical`},{id:`kiwi`,name:`Kiwi`,group:`Tropical`},{id:`cherry`,name:`Cherry`,group:`Stone`},{id:`peach`,name:`Peach`,group:`Stone`},{id:`plum`,name:`Plum`,group:`Stone`}];function fr(e){return(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?dr.filter(e=>e.name.toLowerCase().includes(t)):dr},[e])}function pr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,q.jsx)(Z,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0}),(0,q.jsxs)(L,{size:`xs`,type:`secondary`,children:[`value: `,n?.name??`—`]})]})}function mr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function hr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,highlightMatch:!0,strings:{placeholder:`Type "an" or "ea"…`}})})}function gr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(dr),[i,a]=(0,W.useState)(null);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:i,onSelectedValueChange:a,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,creatable:!0,onCreate:e=>{let n={id:e.toLowerCase(),name:e};r(e=>[...e,n]),a(n),t(``)},strings:{placeholder:`Pick or create…`,createNew:`Create`}}),(0,q.jsxs)(L,{size:`xs`,type:`secondary`,children:[`items: `,n.length]})]})}function _r(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)([]);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,q.jsx)(lr,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Find a fruit…`,noResults:`Nothing matches`}}),(0,q.jsxs)(L,{size:`xs`,type:`secondary`,children:[`selected: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function vr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)([]);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,q.jsx)(lr,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,applyButton:!0,strings:{placeholder:`Pick fruits…`}}),(0,q.jsxs)(L,{size:`xs`,type:`secondary`,children:[`committed: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function yr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)([]);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(lr,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,closeOnSelect:!0,strings:{placeholder:`Add a fruit…`}})})}function br(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)([]);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(lr,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValues:n,onSelectedValuesChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.group??`Other`,minSearchLength:0})})}function xr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?ft.filter(e=>e.name.toLowerCase().includes(t)||e.role.toLowerCase().includes(t)):ft},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,getItemGroup:e=>e.role,minSearchLength:0,strings:{placeholder:`Pick a teammate…`}})})}function Sr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)([]),[i,a]=(0,W.useState)(!0),[o,s]=(0,W.useState)(null);return(0,W.useEffect)(()=>{let e=!0;return a(!0),mt().then(t=>{e&&(r(t),a(!1))}),()=>{e=!1}},[]),(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?n.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):n},[n,e]),searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,isLoading:i,minSearchLength:0,strings:{placeholder:`Search customers…`,searching:`Loading customers…`}})})}function Cr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)([]),[i,a]=(0,W.useState)(!1),[o,s]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,q.jsx)(Z,{items:n,searchValue:e,onSearchValueChange:t,onSearch:e=>{a(!0),pt().then(t=>{let n=e.toLowerCase().trim();r(n?t.filter(e=>e.name.toLowerCase().includes(n)):t),a(!1)})},debounceMs:250,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>e.name,getItemKey:e=>e.id,isLoading:i,minSearchLength:2,strings:{placeholder:`Type a name…`,typeMore:`Type at least 2 characters`,searching:`Searching…`}})})}function wr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(1),[i,a]=(0,W.useState)(!1),[o,s]=(0,W.useState)(null),c=ut.slice(0,n*4),l=c.length<ut.length;return(0,q.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,q.jsx)(Z,{items:c,searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:s,getItemLabel:e=>e.name,getItemKey:e=>e.id,hasMore:l,onLoadMore:()=>{a(!0),setTimeout(()=>{r(e=>e+1),a(!1)},350)},isLoadingMore:i,minSearchLength:0,strings:{placeholder:`Scroll for more…`,loadingMore:`Loading more…`}}),(0,q.jsxs)(L,{size:`xs`,type:`secondary`,children:[`page `,n,` • `,c.length,`/`,ut.length]})]})}function Tr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-96`,children:(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?ut.filter(e=>e.name.toLowerCase().includes(t)):ut},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,renderItem:e=>(0,q.jsxs)(`div`,{className:`flex items-center gap-2.5 w-full`,children:[(0,q.jsx)(Ke,{className:`h-7 w-7`,children:(0,q.jsx)(Ge,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,q.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,q.jsx)(L,{weight:`semibold`,children:e.name}),(0,q.jsx)(L,{size:`xs`,type:`secondary`,children:e.email})]}),(0,q.jsx)(ue,{variant:`secondary`,children:e.country})]}),strings:{placeholder:`Pick a customer…`}})})}function Er(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?dt.filter(e=>e.number.toLowerCase().includes(t)):dt},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.number,getItemKey:e=>e.id,getItemGroup:e=>e.status,renderGroupLabel:e=>(0,q.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,q.jsx)(L,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`uppercase tracking-wide`,children:e})}),minSearchLength:0,strings:{placeholder:`Find an order…`}})})}function Dr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{size:`sm`,items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function Or(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{size:`md`,items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function kr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{size:`lg`,items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function Ar(){let[e,t]=(0,W.useState)(``);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{items:dr,searchValue:e,onSearchValueChange:t,selectedValue:dr[0]??null,onSelectedValueChange:()=>{},getItemLabel:e=>e.name,getItemKey:e=>e.id,disabled:!0,minSearchLength:0})})}function jr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,q.jsx)(Z,{items:fr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,required:!0,error:`A selection is required`})})}function Mr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t.length<2?[]:ut.filter(e=>e.name.toLowerCase().includes(t))},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:2,strings:{placeholder:`Type to search…`,typeMore:`Type at least 2 characters`}})})}function Nr(){let[e,t]=(0,W.useState)(``),[n,r]=(0,W.useState)(null);return(0,q.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,q.jsx)(Z,{items:(0,W.useMemo)(()=>{let t=e.toLowerCase().trim();return t?ut.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):ut},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>`${e.name} — ${e.email}`,getItemKey:e=>e.id,minSearchLength:0,strings:{placeholder:`Search customers…`}})})}var Q=`import { useEffect, useMemo, useState } from 'react';
+import { EnhancedCombobox, EnhancedComboboxMultiple } from '@/components/base/combobox';
+import { Avatar, AvatarFallback } from '@/components/ui/avatar';
+import { Badge } from '@/components/base/badge';
+import { Text } from '@/components/typography';
+import {
+	MOCK_CUSTOMERS,
+	MOCK_ORDERS,
+	MOCK_TEAM,
+	mockListCustomers,
+	mockListTeam,
+} from '@/preview/_mocks';
+
+type Fruit = { id: string; name: string; group?: string };
+
+const ALL: Fruit[] = [
+	{ id: 'apple', name: 'Apple', group: 'Pomes' },
+	{ id: 'pear', name: 'Pear', group: 'Pomes' },
+	{ id: 'banana', name: 'Banana', group: 'Tropical' },
+	{ id: 'mango', name: 'Mango', group: 'Tropical' },
+	{ id: 'kiwi', name: 'Kiwi', group: 'Tropical' },
+	{ id: 'cherry', name: 'Cherry', group: 'Stone' },
+	{ id: 'peach', name: 'Peach', group: 'Stone' },
+	{ id: 'plum', name: 'Plum', group: 'Stone' },
+];
+
+function useFiltered(search: string) {
+	return useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return ALL;
+		return ALL.filter((f) => f.name.toLowerCase().includes(q));
+	}, [search]);
+}
+
+// =====================================================================
+// Single
+// =====================================================================
+
+export function Default() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+			/>
+			<Text size="xs" type="secondary">value: {selected?.name ?? '—'}</Text>
+		</div>
+	);
+}
+
+export function SingleSelect() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+			/>
+		</div>
+	);
+}
+
+export function SingleHighlightMatch() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+				highlightMatch
+				strings={{ placeholder: 'Type "an" or "ea"…' }}
+			/>
+		</div>
+	);
+}
+
+export function SingleCreatable() {
+	const [search, setSearch] = useState('');
+	const [items, setItems] = useState<Fruit[]>(ALL);
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return items;
+		return items.filter((f) => f.name.toLowerCase().includes(q));
+	}, [items, search]);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+				creatable
+				onCreate={(value) => {
+					const next: Fruit = { id: value.toLowerCase(), name: value };
+					setItems((prev) => [...prev, next]);
+					setSelected(next);
+					setSearch('');
+				}}
+				strings={{ placeholder: 'Pick or create…', createNew: 'Create' }}
+			/>
+			<Text size="xs" type="secondary">items: {items.length}</Text>
+		</div>
+	);
+}
+
+// =====================================================================
+// Multiple
+// =====================================================================
+
+export function MultipleSelect() {
+	const [search, setSearch] = useState('');
+	const [selectedMany, setSelectedMany] = useState<Fruit[]>([]);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedComboboxMultiple
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValues={selectedMany}
+				onSelectedValuesChange={setSelectedMany}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+				strings={{ placeholder: 'Find a fruit…', noResults: 'Nothing matches' }}
+			/>
+			<Text size="xs" type="secondary">
+				selected: {selectedMany.map((s) => s.name).join(', ') || '—'}
+			</Text>
+		</div>
+	);
+}
+
+export function MultipleApplyButton() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit[]>([]);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedComboboxMultiple
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValues={selected}
+				onSelectedValuesChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+				applyButton
+				strings={{ placeholder: 'Pick fruits…' }}
+			/>
+			<Text size="xs" type="secondary">
+				committed: {selected.map((s) => s.name).join(', ') || '—'}
+			</Text>
+		</div>
+	);
+}
+
+export function MultipleCloseOnSelect() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit[]>([]);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedComboboxMultiple
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValues={selected}
+				onSelectedValuesChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+				closeOnSelect
+				strings={{ placeholder: 'Add a fruit…' }}
+			/>
+		</div>
+	);
+}
+
+// =====================================================================
+// Grouped
+// =====================================================================
+
+export function MultipleGrouped() {
+	const [search, setSearch] = useState('');
+	const [selectedMany, setSelectedMany] = useState<Fruit[]>([]);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedComboboxMultiple
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValues={selectedMany}
+				onSelectedValuesChange={setSelectedMany}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				getItemGroup={(f) => f.group ?? 'Other'}
+				minSearchLength={0}
+			/>
+		</div>
+	);
+}
+
+export function GroupedTeamByRole() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<typeof MOCK_TEAM[number] | null>(null);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return MOCK_TEAM;
+		return MOCK_TEAM.filter((t) => t.name.toLowerCase().includes(q) || t.role.toLowerCase().includes(q));
+	}, [search]);
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(t) => t.name}
+				getItemKey={(t) => t.id}
+				getItemGroup={(t) => t.role}
+				minSearchLength={0}
+				strings={{ placeholder: 'Pick a teammate…' }}
+			/>
+		</div>
+	);
+}
+
+// =====================================================================
+// Async / fetcher
+// =====================================================================
+
+export function AsyncCustomers() {
+	const [search, setSearch] = useState('');
+	const [items, setItems] = useState<typeof MOCK_CUSTOMERS>([]);
+	const [loading, setLoading] = useState(true);
+	const [selected, setSelected] = useState<typeof MOCK_CUSTOMERS[number] | null>(null);
+	useEffect(() => {
+		let active = true;
+		setLoading(true);
+		mockListCustomers().then((data) => {
+			if (!active) return;
+			setItems(data);
+			setLoading(false);
+		});
+		return () => { active = false; };
+	}, []);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return items;
+		return items.filter((c) => c.name.toLowerCase().includes(q) || c.email.toLowerCase().includes(q));
+	}, [items, search]);
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(c) => \`\${c.name} — \${c.email}\`}
+				getItemKey={(c) => c.id}
+				isLoading={loading}
+				minSearchLength={0}
+				strings={{ placeholder: 'Search customers…', searching: 'Loading customers…' }}
+			/>
+		</div>
+	);
+}
+
+export function AsyncDebouncedSearch() {
+	const [search, setSearch] = useState('');
+	const [results, setResults] = useState<typeof MOCK_TEAM>([]);
+	const [loading, setLoading] = useState(false);
+	const [selected, setSelected] = useState<typeof MOCK_TEAM[number] | null>(null);
+	const handleSearch = (value: string) => {
+		setLoading(true);
+		mockListTeam().then((data) => {
+			const q = value.toLowerCase().trim();
+			setResults(q ? data.filter((t) => t.name.toLowerCase().includes(q)) : data);
+			setLoading(false);
+		});
+	};
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={results}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				onSearch={handleSearch}
+				debounceMs={250}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(t) => t.name}
+				getItemKey={(t) => t.id}
+				isLoading={loading}
+				minSearchLength={2}
+				strings={{
+					placeholder: 'Type a name…',
+					typeMore: 'Type at least 2 characters',
+					searching: 'Searching…',
+				}}
+			/>
+		</div>
+	);
+}
+
+export function AsyncWithLoadMore() {
+	const PAGE = 4;
+	const [search, setSearch] = useState('');
+	const [page, setPage] = useState(1);
+	const [loadingMore, setLoadingMore] = useState(false);
+	const [selected, setSelected] = useState<typeof MOCK_CUSTOMERS[number] | null>(null);
+	const slice = MOCK_CUSTOMERS.slice(0, page * PAGE);
+	const hasMore = slice.length < MOCK_CUSTOMERS.length;
+	const handleLoadMore = () => {
+		setLoadingMore(true);
+		setTimeout(() => {
+			setPage((p) => p + 1);
+			setLoadingMore(false);
+		}, 350);
+	};
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={slice}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(c) => c.name}
+				getItemKey={(c) => c.id}
+				hasMore={hasMore}
+				onLoadMore={handleLoadMore}
+				isLoadingMore={loadingMore}
+				minSearchLength={0}
+				strings={{ placeholder: 'Scroll for more…', loadingMore: 'Loading more…' }}
+			/>
+			<Text size="xs" type="secondary">page {page} • {slice.length}/{MOCK_CUSTOMERS.length}</Text>
+		</div>
+	);
+}
+
+// =====================================================================
+// Custom rendering
+// =====================================================================
+
+export function CustomItemRendering() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<typeof MOCK_CUSTOMERS[number] | null>(null);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return MOCK_CUSTOMERS;
+		return MOCK_CUSTOMERS.filter((c) => c.name.toLowerCase().includes(q));
+	}, [search]);
+	return (
+		<div className="flex flex-col gap-2 w-96">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(c) => c.name}
+				getItemKey={(c) => c.id}
+				minSearchLength={0}
+				renderItem={(c) => (
+					<div className="flex items-center gap-2.5 w-full">
+						<Avatar className="h-7 w-7">
+							<AvatarFallback>{c.name.split(' ').map((p) => p[0]).join('')}</AvatarFallback>
+						</Avatar>
+						<div className="flex flex-col min-w-0 flex-1">
+							<Text weight="semibold">{c.name}</Text>
+							<Text size="xs" type="secondary">{c.email}</Text>
+						</div>
+						<Badge variant="secondary">{c.country}</Badge>
+					</div>
+				)}
+				strings={{ placeholder: 'Pick a customer…' }}
+			/>
+		</div>
+	);
+}
+
+export function CustomGroupLabels() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<typeof MOCK_ORDERS[number] | null>(null);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return MOCK_ORDERS;
+		return MOCK_ORDERS.filter((o) => o.number.toLowerCase().includes(q));
+	}, [search]);
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(o) => o.number}
+				getItemKey={(o) => o.id}
+				getItemGroup={(o) => o.status}
+				renderGroupLabel={(group) => (
+					<div className="flex items-center gap-2">
+						<Text size="xxs" type="secondary" weight="semibold" className="uppercase tracking-wide">
+							{group}
+						</Text>
+					</div>
+				)}
+				minSearchLength={0}
+				strings={{ placeholder: 'Find an order…' }}
+			/>
+		</div>
+	);
+}
+
+// =====================================================================
+// Sizes
+// =====================================================================
+
+export function SizeSm() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				size="sm"
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+			/>
+		</div>
+	);
+}
+
+export function SizeMd() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				size="md"
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+			/>
+		</div>
+	);
+}
+
+export function SizeLg() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				size="lg"
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+			/>
+		</div>
+	);
+}
+
+// =====================================================================
+// States
+// =====================================================================
+
+export function Disabled() {
+	const [search, setSearch] = useState('');
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				items={ALL}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={ALL[0] ?? null}
+				onSelectedValueChange={() => {}}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				disabled
+				minSearchLength={0}
+			/>
+		</div>
+	);
+}
+
+export function Invalid() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<Fruit | null>(null);
+	const filtered = useFiltered(search);
+	return (
+		<div className="flex flex-col gap-2 w-72">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(f) => f.name}
+				getItemKey={(f) => f.id}
+				minSearchLength={0}
+				required
+				error="A selection is required"
+			/>
+		</div>
+	);
+}
+
+export function MinSearchLength() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<typeof MOCK_CUSTOMERS[number] | null>(null);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (q.length < 2) return [];
+		return MOCK_CUSTOMERS.filter((c) => c.name.toLowerCase().includes(q));
+	}, [search]);
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(c) => c.name}
+				getItemKey={(c) => c.id}
+				minSearchLength={2}
+				strings={{ placeholder: 'Type to search…', typeMore: 'Type at least 2 characters' }}
+			/>
+		</div>
+	);
+}
+
+// =====================================================================
+// Realistic
+// =====================================================================
+
+export function RealisticCustomerPicker() {
+	const [search, setSearch] = useState('');
+	const [selected, setSelected] = useState<typeof MOCK_CUSTOMERS[number] | null>(null);
+	const filtered = useMemo(() => {
+		const q = search.toLowerCase().trim();
+		if (!q) return MOCK_CUSTOMERS;
+		return MOCK_CUSTOMERS.filter((c) => c.name.toLowerCase().includes(q) || c.email.toLowerCase().includes(q));
+	}, [search]);
+	return (
+		<div className="flex flex-col gap-2 w-80">
+			<EnhancedCombobox
+				items={filtered}
+				searchValue={search}
+				onSearchValueChange={setSearch}
+				selectedValue={selected}
+				onSelectedValueChange={setSelected}
+				getItemLabel={(c) => \`\${c.name} — \${c.email}\`}
+				getItemKey={(c) => c.id}
+				minSearchLength={0}
+				strings={{ placeholder: 'Search customers…' }}
+			/>
+		</div>
+	);
+}
+`;function Pr(e){let t={code:`code`,h4:`h4`,p:`p`,...e.components};return ur||$(`Examples`,!1),Sr||$(`Examples.AsyncCustomers`,!0),Cr||$(`Examples.AsyncDebouncedSearch`,!0),wr||$(`Examples.AsyncWithLoadMore`,!0),Er||$(`Examples.CustomGroupLabels`,!0),Tr||$(`Examples.CustomItemRendering`,!0),pr||$(`Examples.Default`,!0),Ar||$(`Examples.Disabled`,!0),xr||$(`Examples.GroupedTeamByRole`,!0),jr||$(`Examples.Invalid`,!0),Mr||$(`Examples.MinSearchLength`,!0),vr||$(`Examples.MultipleApplyButton`,!0),yr||$(`Examples.MultipleCloseOnSelect`,!0),br||$(`Examples.MultipleGrouped`,!0),_r||$(`Examples.MultipleSelect`,!0),Nr||$(`Examples.RealisticCustomerPicker`,!0),gr||$(`Examples.SingleCreatable`,!0),hr||$(`Examples.SingleHighlightMatch`,!0),mr||$(`Examples.SingleSelect`,!0),kr||$(`Examples.SizeLg`,!0),Or||$(`Examples.SizeMd`,!0),Dr||$(`Examples.SizeSm`,!0),(0,q.jsxs)(ie,{title:`Combobox`,description:`EnhancedCombobox and EnhancedComboboxMultiple — searchable, optionally grouped, with apply / close-on-select behaviours, async fetchers, custom rendering, and form integration.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/combobox`,children:[(0,q.jsx)(B,{title:`Overview`,id:`overview`,children:(0,q.jsxs)(t.p,{children:[`The combobox primitives are intentionally generic — pass an `,(0,q.jsx)(t.code,{children:`items`}),` array
+(any shape), a `,(0,q.jsx)(t.code,{children:`getItemLabel`}),` and `,(0,q.jsx)(t.code,{children:`getItemKey`}),`, and own the `,(0,q.jsx)(t.code,{children:`searchValue`}),` and
+`,(0,q.jsx)(t.code,{children:`selectedValue(s)`}),` state. Optional `,(0,q.jsx)(t.code,{children:`getItemGroup`}),` collapses items into
+sections; `,(0,q.jsx)(t.code,{children:`applyButton`}),` defers commit until the user clicks Apply;
+`,(0,q.jsx)(t.code,{children:`closeOnSelect`}),` closes the popover after each pick. `,(0,q.jsx)(t.code,{children:`creatable`}),` + `,(0,q.jsx)(t.code,{children:`onCreate`}),`
+turn it into a free-form input. Every callback (`,(0,q.jsx)(t.code,{children:`onSearch`}),`, `,(0,q.jsx)(t.code,{children:`onLoadMore`}),`,
+`,(0,q.jsx)(t.code,{children:`onCreate`}),`) is an opt-in seam — no hardcoded fetcher, no opinionated wiring.`]})}),(0,q.jsxs)(B,{title:`Single`,id:`single`,children:[(0,q.jsx)(V,{name:`Default`,source:Q,children:(0,q.jsx)(pr,{})}),(0,q.jsx)(V,{name:`SingleSelect`,source:Q,children:(0,q.jsx)(mr,{})}),(0,q.jsx)(V,{name:`SingleHighlightMatch`,source:Q,children:(0,q.jsx)(hr,{})}),(0,q.jsx)(V,{name:`SingleCreatable`,source:Q,children:(0,q.jsx)(gr,{})})]}),(0,q.jsxs)(B,{title:`Multiple`,id:`multiple`,children:[(0,q.jsx)(V,{name:`MultipleSelect`,source:Q,children:(0,q.jsx)(_r,{})}),(0,q.jsx)(V,{name:`MultipleApplyButton`,source:Q,children:(0,q.jsx)(vr,{})}),(0,q.jsx)(V,{name:`MultipleCloseOnSelect`,source:Q,children:(0,q.jsx)(yr,{})})]}),(0,q.jsxs)(B,{title:`Grouped options`,id:`grouped`,children:[(0,q.jsx)(V,{name:`MultipleGrouped`,source:Q,children:(0,q.jsx)(br,{})}),(0,q.jsx)(V,{name:`GroupedTeamByRole`,source:Q,children:(0,q.jsx)(xr,{})})]}),(0,q.jsxs)(B,{title:`Async / fetcher`,id:`async`,children:[(0,q.jsx)(V,{name:`AsyncCustomers`,source:Q,children:(0,q.jsx)(Sr,{})}),(0,q.jsx)(V,{name:`AsyncDebouncedSearch`,source:Q,children:(0,q.jsx)(Cr,{})}),(0,q.jsx)(V,{name:`AsyncWithLoadMore`,source:Q,children:(0,q.jsx)(wr,{})})]}),(0,q.jsxs)(B,{title:`Custom rendering`,id:`custom-rendering`,children:[(0,q.jsx)(V,{name:`CustomItemRendering`,source:Q,children:(0,q.jsx)(Tr,{})}),(0,q.jsx)(V,{name:`CustomGroupLabels`,source:Q,children:(0,q.jsx)(Er,{})})]}),(0,q.jsxs)(B,{title:`Sizes`,id:`sizes`,children:[(0,q.jsx)(V,{name:`SizeSm`,source:Q,children:(0,q.jsx)(Dr,{})}),(0,q.jsx)(V,{name:`SizeMd`,source:Q,children:(0,q.jsx)(Or,{})}),(0,q.jsx)(V,{name:`SizeLg`,source:Q,children:(0,q.jsx)(kr,{})})]}),(0,q.jsxs)(B,{title:`States`,id:`states`,children:[(0,q.jsx)(V,{name:`Disabled`,source:Q,children:(0,q.jsx)(Ar,{})}),(0,q.jsx)(V,{name:`Invalid`,source:Q,children:(0,q.jsx)(jr,{})}),(0,q.jsx)(V,{name:`MinSearchLength`,source:Q,children:(0,q.jsx)(Mr,{})})]}),(0,q.jsx)(B,{title:`Realistic usage`,id:`realistic`,children:(0,q.jsx)(V,{name:`RealisticCustomerPicker`,source:Q,children:(0,q.jsx)(Nr,{})})}),(0,q.jsxs)(B,{title:`API`,id:`api`,children:[(0,q.jsx)(t.h4,{children:`EnhancedCombobox`}),(0,q.jsx)(Re,{component:`EnhancedCombobox`}),(0,q.jsx)(t.h4,{children:`EnhancedComboboxMultiple`}),(0,q.jsx)(Re,{component:`EnhancedComboboxMultiple`})]})]})}function Fr(e={}){let{wrapper:t}=e.components||{};return t?(0,q.jsx)(t,{...e,children:(0,q.jsx)(Pr,{...e})}):Pr(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Fr as default};