admin-ui-starter-kit 0.1.2 → 0.1.4

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

@@ -0,0 +1,622 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n,t as r}from"./react-dom-Bz4cALsF.js";import{A as i,An as a,Ar as o,Cr as s,Ft as c,G as l,Gn as u,Gt as d,H as f,Ht as p,Ir as m,It as h,Jn as g,K as _,Kt as v,Ln as y,Mn as b,Nn as x,Or as S,Pt as C,Qn as w,R as T,Rn as E,Sn as D,T as O,Tr as k,Ut as ee,V as A,Xt as j,Y as M,Yn as N,Z as P,Zn as F,an as I,ar as L,at as te,b as ne,ct as re,d as ie,en as ae,f as R,g as oe,gn as se,gr as ce,hr as le,ir as z,jn as ue,lr as de,m as fe,mr as B,nn as pe,nr as me,qn as he,qt as ge,r as _e,rn as ve,rr as ye,sn as be,t as V,tn as xe,tr as Se,u as Ce,v as we,xn as Te,y as Ee,zt as De}from"./example-C6-_Sy6B.js";import{t as Oe}from"./chevron-down-x7TQsvYY.js";import{t as ke}from"./plus-C9kwz7rW.js";import{t as Ae}from"./x-CE8oevyh.js";import{D as je,a as Me}from"./index-B8DVXCmf.js";import{a as Ne,i as Pe,o as Fe,t as Ie}from"./useOpenInteractionType-BLV8Pa2n.js";import{n as Le,r as Re,t as ze}from"./getPseudoElementBounds-B7wr19E1.js";import{t as Be}from"./inertValue-i0cAMG-0.js";import{t as Ve}from"./props-table-CM_1cocj.js";import{t as He}from"./useControlled-Cpg8gDqb.js";import{n as Ue,r as We,t as Ge}from"./useCompositeListItem-D4ugfKLB.js";import{t as Ke}from"./useAnchoredPopupScrollLock-AFPLx3SZ.js";import{t as qe}from"./useValueChanged-DwgbaueK.js";import{r as Je,t as Ye}from"./avatar-QBwg3fvR.js";import{a as Xe,c as Ze,d as Qe,l as $e,n as et,o as tt,s as nt,t as rt,u as it}from"./resolveValueLabel-CipUZh6i.js";import{n as at}from"./resolveAriaLabelledBy-B6CR9UP2.js";import{a as ot,c as st,i as ct,n as lt,o as ut,r as dt,s as ft,t as pt}from"./useLabelableId-CSxAHpU-.js";import{t as mt}from"./FormContext-BeC1MJpT.js";import{t as ht}from"./form-sizing-B8jbL5tL.js";import{t as gt}from"./input-25epjsiD.js";import{t as _t}from"./customers-DvBxRjHv.js";import{t as vt}from"./orders-BFwWtubb.js";import{i as yt,n as bt,t as xt}from"./fetchers-DHuMQ6PN.js";var H=t(n()),St=H.createContext(void 0),Ct=H.createContext(void 0),wt=H.createContext(void 0),Tt=H.createContext(``);function U(){let e=H.useContext(St);if(!e)throw Error(Se(22));return e}function Et(){let e=H.useContext(Ct);if(!e)throw Error(Se(23));return e}function W(){let e=H.useContext(wt);if(!e)throw Error(Se(24));return e}function Dt(){return H.useContext(Tt)}var G={id:M(e=>e.id),labelId:M(e=>e.labelId),items:M(e=>e.items),selectedValue:M(e=>e.selectedValue),hasSelectionChips:M(e=>{let t=e.selectedValue;return Array.isArray(t)&&t.length>0}),hasSelectedValue:M(e=>{let{selectedValue:t,selectionMode:n}=e;return t==null?!1:n===`multiple`&&Array.isArray(t)?t.length>0:!0}),hasNullItemLabel:M((e,t)=>t?rt(e.items):!1),open:M(e=>e.open),mounted:M(e=>e.mounted),forceMounted:M(e=>e.forceMounted),inline:M(e=>e.inline),activeIndex:M(e=>e.activeIndex),selectedIndex:M(e=>e.selectedIndex),isActive:M((e,t)=>e.activeIndex===t),isSelected:M((e,t)=>{let n=e.isItemEqualToValue,r=e.selectedValue;return Array.isArray(r)?r.some(e=>nt(t,e,n)):nt(t,r,n)}),transitionStatus:M(e=>e.transitionStatus),popupProps:M(e=>e.popupProps),inputProps:M(e=>e.inputProps),triggerProps:M(e=>e.triggerProps),itemProps:M(e=>e.itemProps),positionerElement:M(e=>e.positionerElement),listElement:M(e=>e.listElement),triggerElement:M(e=>e.triggerElement),inputElement:M(e=>e.inputElement),inputGroupElement:M(e=>e.inputGroupElement),popupSide:M(e=>e.popupSide),openMethod:M(e=>e.openMethod),inputInsidePopup:M(e=>e.inputInsidePopup),inputOwnsFormValue:M(e=>e.inputOwnsFormValue),selectionMode:M(e=>e.selectionMode),name:M(e=>e.name),form:M(e=>e.form),disabled:M(e=>e.disabled),readOnly:M(e=>e.readOnly),required:M(e=>e.required),grid:M(e=>e.grid),virtualized:M(e=>e.virtualized),itemToStringLabel:M(e=>e.itemToStringLabel),isItemEqualToValue:M(e=>e.isItemEqualToValue),modal:M(e=>e.modal),autoHighlight:M(e=>e.autoHighlight),submitOnItemClick:M(e=>e.submitOnItemClick)};function Ot(e,t){return(n,r)=>{if(n==null)return!1;let i=Xe(n,t);return e.contains(i,r)}}function kt(e,t,n){return(r,i)=>{if(r==null)return!1;if(!i)return!0;let a=Xe(r,t),o=n==null?``:Xe(n,t);return o&&e.contains(o,i)&&o.length===i.length?!0:e.contains(a,i)}}var At=new Map;function jt(e={}){let t={usage:`search`,sensitivity:`base`,ignorePunctuation:!0,...e},n=`${Mt(e.locale)}|${JSON.stringify(t)}`,r=At.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=Xe(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=Xe(e,n);return i.compare(r.slice(0,t.length),t)===0},endsWith(e,t,n){if(!t)return!0;let r=Xe(e,n),a=t.length;return r.length>=a&&i.compare(r.slice(r.length-a),t)===0}};return At.set(n,a),a}function Mt(e){return Array.isArray(e)?e.map(e=>Mt(e)).join(`,`):e==null?``:String(e)}var Nt=jt,Pt=Symbol(`none`),Ft={value:Pt,index:-1},K=Me();function It(e){let{id:t,onOpenChangeComplete:n,defaultSelectedValue:r=null,selectedValue:a,onSelectedValueChange:o,defaultInputValue:s,inputValue:u,open:d,defaultOpen:m=!1,selectionMode:h=`none`,onItemHighlighted:v,name:y,form:b,disabled:x=!1,readOnly:S=!1,required:w=!1,inputRef:k,grid:A=!1,items:j,filteredItems:M,filter:I,openOnInputClick:te=!0,autoHighlight:ne=!1,keepHighlight:re=!1,highlightItemOnHover:ie=!0,loopFocus:ae=!0,itemToStringLabel:R,itemToStringValue:oe,isItemEqualToValue:se=Ze,virtualized:ce=!1,inline:le=!1,fillInputOnItemPress:ue=!0,modal:de=!1,limit:B=-1,autoComplete:ge=`list`,formAutoComplete:_e,locale:V,submitOnItemClick:Se=!1}=e,{clearErrors:Ce}=mt(),{setDirty:we,validityData:Ee,shouldValidateOnChange:Oe,setFilled:ke,name:Ae,disabled:je,setTouched:Me,setFocused:Pe,validationMode:Fe,validation:Le}=ut(),ze=fe(),Be=pt({id:t}),Ve=Nt({locale:V}),[Ue,We]=H.useState(!1),[Ge,Ke]=H.useState(null),Je=H.useRef([]),Ye=H.useRef([]),rt=H.useRef(null),at=H.useRef(null),ot=H.useRef(null),st=H.useRef(null),ct=H.useRef(null),lt=H.useRef(!0),ft=H.useRef(!1),ht=H.useRef(null),gt=H.useRef(null),_t=H.useRef(null),vt=H.useRef(Ft),yt=H.useRef(null),bt=H.useRef([]),xt=H.useRef([]),U=je||x,Et=Ae??y,W=h===`multiple`,Dt=h===`single`,At=u!==void 0||s!==void 0,jt=j!==void 0,Mt=M!==void 0,It;It=ne===`always`?`always`:ne?`input-change`:!1;let[q,Lt]=He({controlled:a,default:W?r??he:r,name:`Combobox`,state:`selectedValue`}),Rt=H.useMemo(()=>I===null?()=>!0:I===void 0?Dt&&!Ue?kt(Ve,R,q):Ot(Ve,R):I,[I,Dt,q,Ue,Ve,R]),zt=L(()=>At?s??``:Dt?Xe(q,R):``).current,[Bt,Vt]=He({controlled:u,default:zt,name:`Combobox`,state:`inputValue`}),[J,Ht]=He({controlled:d,default:m,name:`Combobox`,state:`open`}),Ut=et(j),Y=Ge??(Bt===``?``:String(Bt).trim()),Wt=Dt?Xe(q,R):``,Gt=Dt&&!Ue&&Y!==``&&Wt!==``&&Wt.length===Y.length&&Ve.contains(Wt,Y),Kt=Gt?``:Y,qt=jt&&Mt&&Gt,Jt=H.useMemo(()=>j?Ut?j.flatMap(e=>e.items):j:he,[j,Ut]),Yt=H.useMemo(()=>{if(M&&!qt)return M;if(!j)return he;if(Ut){let e=j,t=[],n=0;for(let r of e){if(B>-1&&n>=B)break;let e=Kt===``?r.items:r.items.filter(e=>Rt(e,Kt,R));if(e.length===0)continue;let i=B>-1?B-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(Kt===``)return B>-1?Jt.slice(0,B):Jt;let e=[];for(let t of Jt){if(B>-1&&e.length>=B)break;Rt(t,Kt,R)&&e.push(t)}return e},[M,qt,j,Ut,Kt,B,Rt,R,Jt]),Xt=H.useMemo(()=>Ut?Yt.flatMap(e=>e.items):Yt,[Yt,Ut]),X=L(()=>new l({id:Be,labelId:void 0,selectedValue:q,open:J,filter:Rt,query:Y,items:j,selectionMode:h,listRef:Je,labelsRef:Ye,popupRef:rt,emptyRef:ct,inputRef:at,startDismissRef:ot,endDismissRef:st,keyboardActiveRef:lt,chipsContainerRef:ht,clearRef:gt,valuesRef:bt,allValuesRef:xt,selectionEventRef:_t,name:Et,form:b,disabled:U,readOnly:S,required:w,grid:A,isGrouped:Ut,virtualized:ce,openOnInputClick:te,itemToStringLabel:R,isItemEqualToValue:se,modal:de,autoHighlight:It,submitOnItemClick:Se,hasInputValue:At,mounted:!1,forceMounted:!1,transitionStatus:`idle`,inline:le,activeIndex:null,selectedIndex:null,popupProps:{},inputProps:{},triggerProps:{},itemProps:g,positionerElement:null,listElement:null,triggerElement:null,inputElement:null,inputGroupElement:null,popupSide:null,openMethod:null,inputInsidePopup:!0,inputOwnsFormValue:h===`none`,onOpenChangeComplete:n||N,setOpen:N,setInputValue:N,setSelectedValue:N,setIndices:N,onItemHighlighted:N,handleSelection:N,forceMount:N,requestSubmit:N})).current,Zt=h===`none`?Bt:q,Qt=H.useMemo(()=>h===`none`?Zt:Array.isArray(q)?q.map(e=>tt(e,oe)):tt(q,oe),[Zt,oe,h,q]),$t=z(v),en=z(n),tn=_(X,G.activeIndex),nn=_(X,G.selectedIndex),rn=_(X,G.positionerElement),an=_(X,G.listElement),on=_(X,G.triggerElement),sn=_(X,G.inputElement),cn=_(X,G.inputGroupElement),ln=_(X,G.inline),un=_(X,G.inputInsidePopup),dn=_(X,G.inputOwnsFormValue),fn=De(on),{mounted:pn,setMounted:mn,transitionStatus:hn}=f(J),{openMethod:gn,triggerProps:_n}=Ie(J),vn=z(()=>Qt);dt(un?fn:at,Be,Zt,vn);let yn=z(()=>{j?Ye.current=Xt.map(e=>Xe(e,R)):X.set(`forceMounted`,!0)}),bn=H.useRef(q);ye(()=>{q!==bn.current&&yn()},[yn,q]);let xn=z(e=>{X.update(e);let t=e.type||`none`;if(e.activeIndex!==void 0)if(e.activeIndex===null)vt.current!==Ft&&(vt.current=Ft,$t(void 0,ee(t,void 0,{index:-1})));else{let n=bt.current[e.activeIndex];vt.current={value:n,index:e.activeIndex},$t(n,ee(t,void 0,{index:e.activeIndex}))}}),Sn=z((t,n)=>{if(ft.current=n.reason===xe,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&&We(!0),yt.current={hasQuery:e},e&&It&&X.state.activeIndex==null&&X.set(`activeIndex`,0)}}Vt(t)}}),Cn=z((t,n)=>{if(J!==t&&(n.reason===`escape-key`&&jt&&Xt.length===0&&!X.state.emptyRef.current&&n.allowPropagation(),e.onOpenChange?.(t,n),!n.isCanceled&&(t&&W&&un&&!ln&&Ge!==null&&(We(!1),Ke(null),Bt!==``&&Sn(``,p(xe,n.event))),!t&&Ue&&(Dt?(ln||Ke(Y),Y===``&&We(!1)):W&&(ln||Ke(Y),un&&xn({activeIndex:null}),(!un||ln)&&Sn(``,p(xe,n.event)))),Ht(t),!t&&un&&(n.reason===`focus-out`||n.reason===`outside-press`)&&(Me(!0),Pe(!1),Fe===`onBlur`)))){let e=h===`none`?Bt:q;Le.commit(e)}}),wn=z((e,t)=>{o?.(e,t),!t.isCanceled&&(Lt(e),(h===`none`&&rt.current&&ue||Dt&&!X.state.inputInsidePopup)&&Sn(Xe(e,R),p(t.reason,t.event)),Dt&&e!=null&&t.reason!==`input-change`&&Ue&&!ln&&Ke(Y))}),Tn=z((e,t)=>{let n=t;if(n===void 0){if(tn===null)return;n=bt.current[tn]}let r=D(e),i=_t.current??e;_t.current=null;let a=p(ve,i),o=r?.closest(`a`)?.getAttribute(`href`);if(o){o.startsWith(`#`)&&Cn(!1,a);return}if(W){let e=Array.isArray(q)?q:[];if(wn(Qe(e,n,X.state.isItemEqualToValue)?it(e,n,X.state.isItemEqualToValue):[...e,n],a),!(at.current&&at.current.value.trim()!==``))return;X.state.inputInsidePopup?Sn(``,p(xe,a.event)):Cn(!1,a)}else wn(n,a),Cn(!1,a)}),En=z(()=>{if(!X.state.submitOnItemClick)return;let e=Le.inputRef.current?.form??X.state.inputElement?.form;e&&typeof e.requestSubmit==`function`&&e.requestSubmit()}),Dn=z(()=>{if(mn(!1),en?.(!1),We(!1),Ke(null),xn(h===`none`?{activeIndex:null,selectedIndex:null}:{activeIndex:null}),W&&at.current&&at.current.value!==``&&!ft.current&&Sn(``,p(xe)),Dt)if(X.state.inputInsidePopup)at.current&&at.current.value!==``&&Sn(``,p(xe));else{let e=Xe(q,R);at.current&&at.current.value!==e&&Sn(e,p(e===``?xe:be))}}),On=H.useMemo(()=>ln&&rn?{current:rn.closest(`[role="dialog"]`)}:rt,[ln,rn]);T({enabled:!e.actionsRef,open:J,ref:On,onComplete(){J||Dn()}}),H.useImperativeHandle(e.actionsRef,()=>({unmount:Dn}),[Dn]),ye(function(){if(J||h===`none`)return;let e=j?Jt:xt.current;if(W){let t=Array.isArray(q)?q:[],n=t[t.length-1],r=$e(e,n,se);xn({selectedIndex:r===-1?null:r})}else{let t=$e(e,q,se);xn({selectedIndex:t===-1?null:t})}},[J,q,j,h,Jt,W,se,xn]),ye(()=>{j&&(bt.current=Xt,Je.current.length=Xt.length)},[j,Xt]),ye(()=>{let e=yt.current;if(e&&(e.hasQuery?It&&X.set(`activeIndex`,0):It===`always`&&X.set(`activeIndex`,0),yt.current=null),!J&&!ln)return;let t=jt||Mt?Xt:bt.current,n=X.state.activeIndex;if(n==null){if(It===`always`&&t.length>0){X.set(`activeIndex`,0);return}vt.current!==Ft&&(vt.current=Ft,X.state.onItemHighlighted(void 0,ee(be,void 0,{index:-1})));return}if(n>=t.length){vt.current!==Ft&&(vt.current=Ft,X.state.onItemHighlighted(void 0,ee(be,void 0,{index:-1}))),X.set(`activeIndex`,null);return}let r=t[n],i=vt.current.value,a=i!==Pt&&nt(r,i,X.state.isItemEqualToValue);(vt.current.index!==n||!a)&&(vt.current={value:r,index:n},X.state.onItemHighlighted(r,ee(be,void 0,{index:n})))},[tn,It,Mt,jt,Xt,ln,J,X]),ye(()=>{if(h===`none`){ke(String(Bt)!==``);return}ke(W?Array.isArray(q)&&q.length>0:q!=null)},[ke,h,Bt,q,W]),H.useEffect(()=>{jt&&It&&Xt.length===0&&xn({activeIndex:null})},[jt,It,Xt.length,xn]),qe(Y,()=>{!J||Y===``||Y===String(zt)||We(!0)}),qe(q,()=>{if(h!==`none`&&(Ce(Et),we(q!==Ee.initialValue),Oe()?Le.commit(q):Le.commit(q,!0),Dt&&!At&&!un)){let e=Xe(q,R);Bt!==e&&Sn(e,p(be))}}),qe(Bt,()=>{h===`none`&&(Ce(Et),we(Bt!==Ee.initialValue),Oe()?Le.commit(Bt):Le.commit(Bt,!0))}),qe(j,()=>{if(!Dt||At||un||Ue)return;let e=Xe(q,R);Bt!==e&&Sn(e,p(be))});let kn=O({open:ln?!0:J,onOpenChange:Cn,elements:{reference:un?on:sn,floating:rn}}),An,jn;ln||(An=A?`grid`:`listbox`,jn=J?`true`:`false`);let Mn=H.useMemo(()=>{let e=sn?.tagName===`INPUT`,t=sn==null||e,n=t||J,r=t?{autoComplete:`off`,spellCheck:`false`,autoCorrect:`off`,autoCapitalize:`none`}:{};return n&&(r.role=`combobox`,r[`aria-expanded`]=jn,r[`aria-haspopup`]=An,r[`aria-controls`]=J?an?.id:void 0,r[`aria-autocomplete`]=ge),{reference:r,floating:{role:`presentation`}}},[sn,J,jn,An,an?.id,ge]),Nn=Ne(kn,{enabled:!S&&!U&&te,event:`mousedown-only`,toggle:!1,touchOpenDelay:un?0:100,reason:pe}),Pn=P(kn,{enabled:!S&&!U&&!ln,outsidePressEvent:{mouse:`sloppy`,touch:`intentional`},bubbles:ln?!0:void 0,outsidePress(e){let t=D(e);return!Te(on,t)&&!Te(gt.current,t)&&!Te(ht.current,t)&&!Te(cn,t)}}),Fn=Re(kn,{enabled:!S&&!U,id:Be,listRef:Je,activeIndex:tn,selectedIndex:nn,virtual:!0,loopFocus:ae,allowEscape:ae&&!It,focusItemOnOpen:Ue||h===`none`&&!It?!1:`auto`,focusItemOnHover:ie,resetOnPointerLeave:!re,cols:A?2:1,orientation:A?`horizontal`:void 0,rtl:ze===`rtl`,disabledIndices:he,onNavigate(e,t){!t&&!J||hn===`ending`||xn(t?{activeIndex:e,type:lt.current?`keyboard`:`pointer`}:{activeIndex:e})}}),In=H.useMemo(()=>me(Fn.reference,Pn.reference,Nn.reference,Mn.reference),[Fn.reference,Pn.reference,Nn.reference,Mn.reference]),Ln=H.useMemo(()=>me(i,Fn.floating,Pn.floating,Mn.floating),[Fn.floating,Pn.floating,Mn.floating]),Rn=H.useMemo(()=>{let e=Fn.item;return e?{...e,onFocus:void 0}:g},[Fn.item]);E(()=>{X.update({inline:le,popupProps:Ln,inputProps:In,triggerProps:_n,itemProps:Rn,setOpen:Cn,setInputValue:Sn,setSelectedValue:wn,setIndices:xn,onItemHighlighted:$t,handleSelection:Tn,forceMount:yn,requestSubmit:En})}),ye(()=>{X.update({id:Be,selectedValue:q,open:J,mounted:pn,transitionStatus:hn,items:j,inline:le,popupProps:Ln,inputProps:In,triggerProps:_n,openMethod:gn,itemProps:Rn,selectionMode:h,name:Et,form:b,disabled:U,readOnly:S,required:w,grid:A,isGrouped:Ut,virtualized:ce,onOpenChangeComplete:en,openOnInputClick:te,itemToStringLabel:R,modal:de,autoHighlight:It,isItemEqualToValue:se,submitOnItemClick:Se,hasInputValue:At,requestSubmit:En,inputOwnsFormValue:h===`none`&&(le||!X.state.inputInsidePopup)})},[X,Be,q,J,pn,hn,j,Ln,In,Rn,gn,_n,h,Et,U,S,w,Le,A,Ut,ce,en,te,R,de,se,Se,At,le,En,It,b]);let zn=F(k,Le.inputRef),Bn=H.useMemo(()=>({query:Y,hasItems:jt,filteredItems:Yt,flatFilteredItems:Xt}),[Y,jt,Yt,Xt]),Vn=H.useMemo(()=>Array.isArray(Zt)?``:tt(Zt,oe),[Zt,oe]),Hn=W&&Array.isArray(q)&&q.length>0,Un=W||h===`none`&&dn?void 0:Et,Wn=H.useMemo(()=>!W||!Array.isArray(q)||!Et?null:q.map(e=>{let t=tt(e,oe);return(0,K.jsx)(`input`,{type:`hidden`,form:b,name:Et,value:t},t)}),[W,q,b,Et,oe]),Gn=(0,K.jsxs)(H.Fragment,{children:[e.children,(0,K.jsx)(`input`,{...Le.getInputValidationProps({onFocus(){if(un){on?.focus();return}(at.current||on)?.focus()},onChange(e){if(e.nativeEvent.defaultPrevented||U||S){e.preventBaseUIHandler?.();return}let t=e.currentTarget.value,n=p(be,e.nativeEvent);function r(){if(W)return;if(h===`none`){we(t!==Ee.initialValue),Sn(t,n),Oe()&&Le.commit(t);return}let e=bt.current.find(e=>tt(e,oe).toLowerCase()===t.toLowerCase()||Xe(e,R).toLowerCase()===t.toLowerCase());e!=null&&(we(e!==Ee.initialValue),wn?.(e,n),Oe()&&Le.commit(e))}j?r():(yn(),queueMicrotask(r))}}),id:Be&&Un==null?`${Be}-hidden-input`:void 0,form:b,name:Un,autoComplete:_e,disabled:U,required:w&&!Hn,readOnly:S,value:Vn,ref:zn,style:Un?c:C,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),Wn]});return(0,K.jsx)(St.Provider,{value:X,children:(0,K.jsx)(Ct.Provider,{value:kn,children:(0,K.jsx)(wt.Provider,{value:Bn,children:(0,K.jsx)(Tt.Provider,{value:Bt,children:Gn})})})})}function q(e){let{multiple:t=!1,defaultValue:n,value:r,onValueChange:i,autoComplete:a,...o}=e;return(0,K.jsx)(It,{...o,selectionMode:t?`multiple`:`single`,selectedValue:r,defaultSelectedValue:n,onSelectedValueChange:i,formAutoComplete:a})}var Lt={...Ee,...st,popupSide:e=>e?{"data-popup-side":e}:null,listEmpty:e=>e?{"data-list-empty":``}:null},Rt=H.createContext(void 0);function zt(){return H.useContext(Rt)}var Bt=H.createContext(void 0);function Vt(e){let t=H.useContext(Bt);if(t===void 0&&!e)throw Error(Se(21));return t}var J=H.forwardRef(function(e,t){let n=U(),{buttonRef:r,getButtonProps:i}=w({native:!1}),a=F(t,r);function o(e){n.state.setOpen(!1,p(ge,e.nativeEvent,e.currentTarget))}return(0,K.jsx)(`span`,{ref:a,...i({onClick:o}),"aria-label":`Dismiss`,tabIndex:void 0,style:c})}),Ht=H.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,id:o,style:s,...c}=e,{state:l,disabled:d,setTouched:f,setFocused:m,validationMode:h,validation:g}=ut(),{labelId:v}=lt(),y=zt(),x=!!Vt(!0),S=U(),{filteredItems:C}=W(),w=Dt(),T=fe(),E=_(S,G.required),D=_(S,G.disabled),O=_(S,G.readOnly),k=_(S,G.name),ee=_(S,G.form),A=_(S,G.selectionMode),M=_(S,G.autoHighlight),N=_(S,G.inputProps),P=_(S,G.triggerProps),F=_(S,G.open),I=_(S,G.mounted),L=_(S,G.selectedValue),te=_(S,G.popupSide),ne=_(S,G.positionerElement),re=_(S,G.id),ie=_(S,G.inline),R=_(S,G.modal),se=!!M,ce=I&&ne?te:null,le=d||D||i,de=C.length===0,B=x||ie,pe=!B||R,me=oe(o??(B?void 0:re)),he=at(v,void 0),ge=x?ft:l,[_e,ve]=H.useState(null),ye=H.useRef(!1),V=H.useRef(null),Se=H.useRef(!1),Ce=A===`none`&&!x,we=z(e=>{let t=x||S.state.inline;t&&!S.state.hasInputValue&&S.state.setInputValue(``,p(be)),S.update({inputElement:e,inputInsidePopup:t,inputOwnsFormValue:Ce})}),Te=x||!g?c:g.getValidationProps(c),Ee={...ge,open:F,disabled:le,readOnly:O,popupSide:ce,listEmpty:de};function De(e){if(!y)return;let t,{highlightedChipIndex:n}=y,r=y.chipsRef.current.length,i=T===`rtl`,a=i?`ArrowRight`:`ArrowLeft`,o=i?`ArrowLeft`:`ArrowRight`;if(n!==void 0){if(e.key===a)e.preventDefault(),t=n>0?n-1:void 0;else if(e.key===o)e.preventDefault(),t=n<r-1?n+1:void 0;else if(e.key===`Backspace`||e.key===`Delete`){e.preventDefault();let r=n>=L.length-1?L.length-2:n;t=r>=0?r:void 0,S.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`})}return t}return e.key===a&&(e.currentTarget.selectionStart??0)===0&&L.length>0?(e.preventDefault(),t=r>0?r-1:void 0):e.key===`Backspace`&&e.currentTarget.value===``&&L.length>0&&(S.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`}),e.preventDefault()),t}let Oe=u(`input`,e,{state:Ee,ref:[t,S.state.inputRef,we],props:[N,P,{type:`text`,value:e.value??_e??w,"aria-readonly":O||void 0,"aria-required":E||void 0,"aria-labelledby":he,disabled:le,readOnly:O,required:A===`none`?E:void 0,form:ee,...Ce&&k&&{name:k},id:me,onFocus(){if(m(!0),!ie||!Se.current)return;Se.current=!1;let e=V.current;e==null||!Object.hasOwn(S.state.valuesRef.current,e)||S.state.setIndices({activeIndex:e})},onBlur(){f(!0),m(!1);let e=S.state.activeIndex;if(ie&&e!==null&&M!==`always`&&(V.current=e,Se.current=!0,S.state.setIndices({activeIndex:null})),h===`onBlur`){let e=A===`none`?w:L;g.commit(e)}},onCompositionStart(e){ue||(ye.current=!0,ve(e.currentTarget.value))},onCompositionEnd(e){ye.current=!1;let t=e.currentTarget.value;ve(null),S.state.setInputValue(t,p(ae,e.nativeEvent))},onChange(e){let t=e.nativeEvent.inputType,n=!t||t===`insertReplacementText`,r=ye.current||!n;if(ye.current){let t=e.currentTarget.value;ve(t),t===``&&!S.state.openOnInputClick&&!S.state.inputInsidePopup&&S.state.setOpen(!1,p(xe,e.nativeEvent));let n=t.trim(),i=se&&n!==``;!O&&!le&&n&&r&&(S.state.setOpen(!0,p(ae,e.nativeEvent)),se||S.state.setIndices({activeIndex:null,selectedIndex:null,type:S.state.keyboardActiveRef.current?`keyboard`:`pointer`})),F&&S.state.activeIndex!==null&&!i&&S.state.setIndices({activeIndex:null,selectedIndex:null,type:S.state.keyboardActiveRef.current?`keyboard`:`pointer`});return}S.state.setInputValue(e.currentTarget.value,p(ae,e.nativeEvent));let i=e.currentTarget.value===``,a=p(xe,e.nativeEvent);i&&!S.state.inputInsidePopup&&(A===`single`&&S.state.setSelectedValue(null,a),S.state.openOnInputClick||S.state.setOpen(!1,a));let o=e.currentTarget.value.trim();!O&&!le&&o&&r&&(S.state.setOpen(!0,p(ae,e.nativeEvent)),se||S.state.setIndices({activeIndex:null,selectedIndex:null,type:S.state.keyboardActiveRef.current?`keyboard`:`pointer`})),F&&S.state.activeIndex!==null&&!se&&S.state.setIndices({activeIndex:null,selectedIndex:null,type:S.state.keyboardActiveRef.current?`keyboard`:`pointer`})},onKeyDown(e){if(le||O||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey)return;S.state.keyboardActiveRef.current=!0;let t=e.currentTarget,n=t.scrollWidth-t.clientWidth,r=T===`rtl`;if(e.key===`Home`){a(e);let n=b&&r?t.value.length:0;t.setSelectionRange(n,n),t.scrollLeft=0;return}if(e.key===`End`){a(e);let i=b&&r?0:t.value.length;t.setSelectionRange(i,i),t.scrollLeft=r?-n:n;return}if(!I&&e.key===`Escape`){let t=A===`multiple`&&Array.isArray(L)?L.length===0:L===null,n=p(j,e.nativeEvent),r=A===`multiple`?[]:null;S.state.setInputValue(``,n),S.state.setSelectedValue(r,n),!t&&!S.state.inline&&!n.isPropagationAllowed&&e.stopPropagation();return}if(y&&e.key===`Backspace`&&t.value===``&&y.highlightedChipIndex===void 0&&Array.isArray(L)&&L.length>0){let t=y.chipsRef.current.length,n=t>0?t-1:L.length-1,r=L.filter((e,t)=>t!==n);S.state.setIndices({activeIndex:null,selectedIndex:null,type:S.state.keyboardActiveRef.current?`keyboard`:`pointer`}),S.state.setSelectedValue(r,p(be,e.nativeEvent));return}let i=y?.highlightedChipIndex!==void 0,o=De(e);if(y?.setHighlightedChipIndex(o),o===void 0?i&&S.state.inputRef.current?.focus():y?.chipsRef.current[o]?.focus(),e.which!==229&&e.key===`Enter`&&F){let t=S.state.activeIndex,n=e.nativeEvent;if(t===null){if(ie)return;S.state.setOpen(!1,p(be,n));return}a(e);let r=S.state.listRef.current[t];r&&(S.state.selectionEventRef.current=n,r.click(),S.state.selectionEventRef.current=null)}},onPointerMove(){S.state.keyboardActiveRef.current=!1},onPointerDown(){S.state.keyboardActiveRef.current=!1}},Te],stateAttributesMapping:Lt}),ke=x?(0,K.jsx)(ot.Provider,{value:ct,children:Oe}):Oe;return(0,K.jsxs)(H.Fragment,{children:[F&&pe&&(0,K.jsx)(J,{ref:S.state.startDismissRef}),ke]})});function Ut(e,t,n,r,i){if(e.baseUIHandlerPrevented||r)return;let a=D(e.nativeEvent),o=de(a)?a:null;o!==e.currentTarget&&(i?.(o)||se(o))||(e.preventDefault(),!n&&(t.state.inputRef.current?.focus(),t.state.openOnInputClick&&t.state.setOpen(!0,p(pe,e.nativeEvent))))}var Y=2,Wt=H.forwardRef(function(e,t){let{render:n,className:r,nativeButton:i=!0,disabled:o=!1,id:s,style:c,...l}=e,{state:d,disabled:f,setTouched:m,setFocused:g,validationMode:v,validation:b}=ut(),{labelId:x}=lt(),S=U(),{filteredItems:C}=W(),T=_(S,G.selectionMode),E=_(S,G.disabled),O=_(S,G.readOnly),k=_(S,G.required),ee=_(S,G.mounted),A=_(S,G.popupSide),j=_(S,G.positionerElement),M=_(S,G.listElement),N=_(S,G.triggerProps),P=_(S,G.triggerElement),F=_(S,G.inputInsidePopup),L=_(S,G.id),te=_(S,G.labelId),ne=_(S,G.open),re=_(S,G.selectedValue),ie=_(S,G.activeIndex),ae=_(S,G.selectedIndex),R=_(S,G.hasSelectedValue),oe=Et(),se=Dt(),ce=y(),le=f||E||o,ue=C.length===0,de=ee&&j?A:null;pt({id:F?s:void 0});let fe=F?s??L:s,B=at(x,te),pe=H.useRef(``);function me(e){pe.current=e.pointerType}let he=oe.useState(`domReferenceElement`);H.useEffect(()=>{F&&P&&P!==he&&oe.set(`domReferenceElement`,P)},[P,he,oe,F]);let{reference:ge}=Le(oe,{enabled:!ne&&!O&&!E&&T===`single`,listRef:S.state.labelsRef,activeIndex:ie,selectedIndex:ae,onMatch(e){let t=S.state.valuesRef.current[e];t!==void 0&&S.state.setSelectedValue(t,p(`none`))}}),{reference:_e}=Ne(oe,{enabled:!O&&!E,event:`mousedown`}),{buttonRef:ve,getButtonProps:ye}=w({native:i,disabled:le}),be={...d,open:ne,disabled:le,popupSide:de,listEmpty:ue,placeholder:T===`none`?!1:!R};return u(`button`,e,{ref:[t,ve,z(e=>{S.set(`triggerElement`,e)})],state:be,props:[N,_e,ge,{id:fe,tabIndex:F?0:-1,role:F?`combobox`:void 0,"aria-expanded":ne?`true`:`false`,"aria-haspopup":F?`dialog`:`listbox`,"aria-controls":ne?M?.id:void 0,"aria-required":F&&k||void 0,"aria-labelledby":B,onPointerDown:me,onPointerEnter:me,onFocus(){g(!0),!(le||O)&&ce.start(0,S.state.forceMount)},onBlur(e){if(!Te(j,e.relatedTarget)&&(m(!0),g(!1),v===`onBlur`)){let e=T===`none`?se:re;b.commit(e)}},onMouseDown(e){if(le||O||(F||oe.set(`domReferenceElement`,e.currentTarget),S.state.forceMount(),pe.current!==`touch`&&(S.state.inputRef.current?.focus(),F||e.preventDefault()),ne))return;let t=h(e.currentTarget);function n(e){if(!P)return;let t=D(e),n=S.state.positionerElement,r=S.state.listElement;if(Te(P,t)||Te(n,t)||Te(r,t)||t===P)return;let i=ze(P),a=e.clientX>=i.left-Y&&e.clientX<=i.right+Y,o=e.clientY>=i.top-Y&&e.clientY<=i.bottom+Y;a&&o||S.state.setOpen(!1,p(`cancel-open`,e))}F&&t.addEventListener(`mouseup`,n,{once:!0})},onKeyDown(e){le||O||(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(a(e),S.state.setOpen(!0,p(I,e.nativeEvent)),S.state.inputRef.current?.focus())}},b?b.getValidationProps(l):l,ye],stateAttributesMapping:Lt})}),Gt=H.createContext(null);function Kt(){return H.useContext(Gt)}function qt(e){let{children:t,items:n}=e,r=H.useMemo(()=>({items:n}),[n]);return(0,K.jsx)(Gt.Provider,{value:r,children:t})}function Jt(e){let{children:t}=e,{filteredItems:n}=W(),r=Kt(),i=r?r.items:n;return i?(0,K.jsx)(H.Fragment,{children:i.map(t)}):null}var Yt=H.forwardRef(function(e,t){var n;let{render:r,className:i,style:o,children:s,...c}=e,l=U(),d=Et(),f=!!Vt(!0),{filteredItems:p,hasItems:m}=W(),h=_(l,G.selectionMode),g=_(l,G.grid),v=_(l,G.popupProps),y=_(l,G.virtualized),b=h===`multiple`,x=p.length===0,S=z(e=>{l.set(`positionerElement`,e)}),C=z(e=>{l.set(`listElement`,e)}),w=H.useMemo(()=>typeof s==`function`?n||=(0,K.jsx)(Jt,{children:s}):s,[s]),T={empty:x},E=d.useState(`floatingId`),D=u(`div`,e,{state:T,ref:[t,C,f?null:S],props:[v,{children:w,tabIndex:-1,id:E,role:g?`grid`:`listbox`,"aria-multiselectable":b?`true`:void 0,onKeyDown(e){if(!(l.state.disabled||l.state.readOnly)&&e.key===`Enter`){let t=l.state.activeIndex;if(t==null)return;a(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 y?D:(0,K.jsx)(We,{elementsRef:l.state.listRef,labelsRef:m?void 0:l.state.labelsRef,children:D})}),Xt=`⁠`;function X(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 Zt(){let e=y(),t=H.useRef(null);return H.useEffect(()=>{if(x)return;let n=t.current;if(n==null)return;let r=X(n);if(r==null)return;let i=r.nodeValue??``,a=`${i}${Xt}`;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 Qt=H.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e;return u(`div`,e,{ref:[t,Zt()],props:[{children:a,role:`status`,"aria-live":`polite`,"aria-atomic":!0},o]})}),$t=H.createContext(void 0);function en(){let e=H.useContext($t);if(e===void 0)throw Error(Se(20));return e}var tn=H.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,i=U(),a=_(i,G.mounted),o=_(i,G.forceMounted);return a||n||o?(0,K.jsx)($t.Provider,{value:n,children:(0,K.jsx)(te,{ref:t,...r})}):null}),nn=H.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=re,style:g,...v}=e,y=U(),{filteredItems:b}=W(),x=Et(),S=en(),C=_(y,G.modal),w=_(y,G.open),T=_(y,G.mounted),E=_(y,G.openMethod),D=_(y,G.positionerElement),O=_(y,G.triggerElement),k=_(y,G.inputElement),ee=_(y,G.inputGroupElement),A=_(y,G.inputInsidePopup),j=_(y,G.transitionStatus),M=b.length===0,N=R({anchor:i??(A?O:ee??k),floatingRootContext:x,positionMethod:a,mounted:T,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:f,collisionBoundary:u,collisionPadding:d,sticky:p,disableAnchorTracking:m,keepMounted:S,collisionAvoidance:h,lazyFlip:!0});Ke(w&&C,E===`touch`,D,O);let P={open:w,side:N.side,align:N.align,anchorHidden:N.anchorHidden,empty:M};ye(()=>{y.set(`popupSide`,N.side)},[y,N.side]);let F=z(e=>{y.set(`positionerElement`,e)}),I=Ce(e,P,{styles:N.positionerStyles,transitionStatus:j,props:v,refs:[t,F],hidden:!T,inert:!w});return(0,K.jsxs)(Bt.Provider,{value:N,children:[T&&C&&(0,K.jsx)(Pe,{inert:Be(!w),cutout:ee??k??O}),I]})}),rn={...we,...A},an=H.forwardRef(function(e,t){let{render:n,className:r,style:i,initialFocus:a,finalFocus:o,...s}=e,c=U(),l=Vt(),d=Et(),{filteredItems:f}=W(),p=_(c,G.mounted),m=_(c,G.open),h=_(c,G.openMethod),g=_(c,G.transitionStatus),v=_(c,G.inputInsidePopup),y=_(c,G.inputElement),b=_(c,G.modal),x=f.length===0;T({open:m,ref:c.state.popupRef,onComplete(){m&&c.state.onOpenChangeComplete(!0)}});let S=u(`div`,e,{state:{open:m,side:l.side,align:l.align,anchorHidden:l.anchorHidden,transitionStatus:g,empty:x},ref:[t,c.state.popupRef],props:[{role:v?`dialog`:`presentation`,tabIndex:-1,onFocus(e){let t=D(e.nativeEvent);h!==`touch`&&(Te(c.state.listElement,t)||t===e.currentTarget)&&c.state.inputRef.current?.focus()}},ie(g),s],stateAttributesMapping:rn}),C=a===void 0?v?e=>e===`touch`?c.state.popupRef.current:y:!1:a,w;w=o??(v?void 0:!1);let E=!v||b;return(0,K.jsx)(Fe,{context:d,disabled:!p,modal:E,openInteractionType:h,initialFocus:C,returnFocus:w,getInsideElements:()=>[c.state.startDismissRef.current,c.state.endDismissRef.current],children:(0,K.jsxs)(H.Fragment,{children:[S,E&&(0,K.jsx)(J,{ref:c.state.endDismissRef})]})})}),on=H.createContext(void 0);function sn(){let e=H.useContext(on);if(e===void 0)throw Error(Se(18));return e}var cn=H.forwardRef(function(e,t){let{render:n,className:r,style:i,items:a,...o}=e,[s,c]=H.useState(),l=H.useMemo(()=>({labelId:s,setLabelId:c,items:a}),[s,c,a]),d=u(`div`,e,{ref:t,props:[{role:`group`,"aria-labelledby":s},o]}),f=(0,K.jsx)(on.Provider,{value:l,children:d});return a?(0,K.jsx)(qt,{items:a,children:f}):f}),ln=H.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{setLabelId:s}=sn(),c=oe(a);return ye(()=>(s(c),()=>{s(void 0)}),[c,s]),u(`div`,e,{ref:t,props:[{id:c},o]})}),un=H.createContext(void 0);function dn(){let e=H.useContext(un);if(!e)throw Error(Se(19));return e}var fn=H.createContext(!1);function pn(){return H.useContext(fn)}var mn=t(r()),hn=H.memo(H.forwardRef(function(e,t){let{render:n,className:r,style:i,value:a=null,index:o,disabled:s=!1,nativeButton:c=!1,...l}=e,d=H.useRef(!1),f=H.useRef(null),p=Ue({index:o,textRef:f,indexGuessBehavior:Ge.GuessFromOrder}),m=U(),h=pn(),{flatFilteredItems:g,hasItems:v}=W(),y=_(m,G.open),b=_(m,G.selectionMode),x=_(m,G.readOnly),S=_(m,G.virtualized),C=_(m,G.isItemEqualToValue),T=b!==`none`,E=o??(S?$e(g,a,C):p.index),D=p.index!==-1,O=_(m,G.id),k=_(m,G.isActive,E),ee=_(m,G.isSelected,a),A=_(m,G.itemProps),j=H.useRef(null),M=O!=null&&D?`${O}-${E}`:void 0,N=ee&&T;ye(()=>{if(!(D&&(S||o!=null)))return;let e=m.state.listRef.current;return e[E]=j.current,()=>{delete e[E]}},[D,S,E,o,m]),ye(()=>{if(!D||v)return;let e=m.state.valuesRef.current;return e[E]=a,b!==`none`&&m.state.allValuesRef.current.push(a),()=>{delete e[E]}},[D,v,E,a,m,b]),ye(()=>{if(!y){d.current=!1;return}if(!D||v)return;let e=m.state.selectedValue;nt(a,Array.isArray(e)?e[e.length-1]:e,C)&&m.set(`selectedIndex`,E)},[D,v,y,m,E,a,C]);let{getButtonProps:P,buttonRef:F}=w({disabled:s,focusableWhenDisabled:!0,native:c,composite:!0}),I={disabled:s,selected:N,highlighted:k};function L(e){function t(){m.state.handleSelection(e,a)}m.state.submitOnItemClick?(mn.flushSync(t),m.state.requestSubmit()):t()}let te={id:M,role:h?`gridcell`:`option`,"aria-selected":T?N:void 0,tabIndex:void 0,onPointerDownCapture(e){d.current=!0,e.preventDefault()},onMouseDown(e){e.preventDefault()},onClick(e){s||x||L(e.nativeEvent)},onMouseUp(e){let t=d.current;d.current=!1,!(s||x||e.button!==0||t||!k)&&L(e.nativeEvent)}},ne=u(`div`,e,{ref:[F,t,p.ref,j],state:I,props:[A,te,l,P]}),re=H.useMemo(()=>({selected:N,textRef:f}),[N,f]);return(0,K.jsx)(un.Provider,{value:re,children:ne})})),gn=H.forwardRef(function(e,t){let n=e.keepMounted??!1,{selected:r}=dn();return n||r?(0,K.jsx)(_n,{...e,ref:t}):null}),_n=H.memo(H.forwardRef((e,t)=>{let{render:n,className:r,style:i,keepMounted:a,...o}=e,{selected:s}=dn(),c=H.useRef(null),{transitionStatus:l,setMounted:d}=f(s),p=u(`span`,e,{ref:[t,c],state:{selected:s,transitionStatus:l},props:[{"aria-hidden":!0,children:`✔️`},o],stateAttributesMapping:A});return T({open:s,ref:c,onComplete(){s||d(!1)}}),p})),vn=H.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,o=U(),s=_(o,G.open),c=_(o,G.hasSelectionChips),[l,d]=H.useState(void 0);s&&l!==void 0&&d(void 0);let f=H.useRef([]),p=u(`div`,e,{ref:[t,o.state.chipsContainerRef],props:[c?{role:`toolbar`}:g,{onMouseDown(e){Ut(e,o,o.state.disabled,o.state.readOnly)}},a]}),m=H.useMemo(()=>({highlightedChipIndex:l,setHighlightedChipIndex:d,chipsRef:f}),[l,d,f]);return(0,K.jsx)(Rt.Provider,{value:m,children:(0,K.jsx)(We,{elementsRef:f,children:p})})}),yn=H.createContext(void 0);function bn(){let e=H.useContext(yn);if(!e)throw Error(Se(17));return e}var xn=H.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,s=U(),{setHighlightedChipIndex:c,chipsRef:l}=zt(),d=fe(),f=_(s,G.disabled),m=_(s,G.readOnly),h=_(s,G.selectedValue),{ref:g,index:v}=Ue();function y(e){let t=v,n=d===`rtl`,r=n?`ArrowRight`:`ArrowLeft`,i=n?`ArrowLeft`:`ArrowRight`;if(e.key===r)e.preventDefault(),t=v>0?v-1:void 0;else if(e.key===i)e.preventDefault(),t=v<l.current.length-1?v+1:void 0;else if(e.key===`Backspace`||e.key===`Delete`){let n=v>=h.length-1?h.length-2:v;t=n>=0?n:void 0,a(e),s.state.setIndices({activeIndex:null,selectedIndex:null,type:`keyboard`}),s.state.setSelectedValue(h.filter((e,t)=>t!==v),p(be,e.nativeEvent))}else e.key===`Enter`||e.key===` `?(a(e),t=void 0):e.key===`ArrowDown`||e.key===`ArrowUp`?(a(e),s.state.setOpen(!0,p(I,e.nativeEvent)),t=void 0):e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&(t=void 0);return t}let b=u(`div`,e,{ref:[t,g],state:{disabled:f},props:[{tabIndex:-1,"aria-disabled":f||void 0,"aria-readonly":m||void 0,onKeyDown(e){if(f||m)return;let t=y(e);mn.flushSync(()=>{c(t)}),t===void 0?s.state.inputRef.current?.focus():l.current[t]?.focus()}},o]}),x=H.useMemo(()=>({index:v}),[v]);return(0,K.jsx)(yn.Provider,{value:x,children:b})}),Sn=H.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:o=!0,style:s,...c}=e,l=U(),{index:f}=bn(),m=_(l,G.disabled),h=_(l,G.readOnly),g=_(l,G.selectedValue),v=_(l,G.isItemEqualToValue),y=m||i,{buttonRef:b,getButtonProps:x}=w({native:o,disabled:y||h,focusableWhenDisabled:!0}),S={disabled:y};function C(e){let t=l.state.activeIndex;if(t==null)return;let n=$e(l.state.valuesRef.current,e,v);n!==-1&&t===n&&l.state.setIndices({activeIndex:null,type:l.state.keyboardActiveRef.current?`keyboard`:`pointer`})}function T(e){let t=p(d,e.nativeEvent),n=g[f];return C(n),l.state.setSelectedValue(g.filter((e,t)=>t!==f),t),l.state.inputRef.current?.focus(),t}return u(`button`,e,{ref:[t,b],state:S,props:[{tabIndex:-1,onMouseDown(e){e.preventDefault()},onClick(e){y||h||T(e).isPropagationAllowed||e.stopPropagation()},onKeyDown(e){y||h||(e.key===`Enter`||e.key===` `)&&(T(e).isPropagationAllowed||a(e))}},c,x]})}),Cn=H.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e,{filteredItems:s}=W(),c=U(),l=Zt(),d=s.length===0?a:null;return u(`div`,e,{ref:[t,c.state.emptyRef,l],props:[{children:d,role:`status`,"aria-live":`polite`,"aria-atomic":!0},o]})}),wn={...A,...ne},Tn=H.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,nativeButton:a=!0,keepMounted:o=!1,style:s,...c}=e,{disabled:l}=ut(),d=U(),m=_(d,G.selectionMode),h=_(d,G.disabled),g=_(d,G.readOnly),y=_(d,G.open),b=_(d,G.selectedValue),x=_(d,G.hasSelectionChips),S=Dt(),C=!1;C=m===`none`?S!==``:m===`single`?b!=null:x;let E=l||h||i,{buttonRef:D,getButtonProps:O}=w({native:a,disabled:E}),{mounted:k,transitionStatus:ee,setMounted:A}=f(C),j={disabled:E,visible:C,open:y,transitionStatus:ee};T({open:C,ref:d.state.clearRef,onComplete(){C||A(!1)}});let M=u(`button`,e,{state:j,ref:[t,D,d.state.clearRef],props:[{tabIndex:-1,children:`x`,onMouseDown(e){e.preventDefault()},onClick(e){if(E||g)return;let t=d.state.keyboardActiveRef;d.state.setInputValue(``,p(v,e.nativeEvent)),m===`none`?d.state.setIndices({activeIndex:null,type:t.current?`keyboard`:`pointer`}):(d.state.setSelectedValue(Array.isArray(b)?[]:null,p(v,e.nativeEvent)),d.state.setIndices({activeIndex:null,selectedIndex:null,type:t.current?`keyboard`:`pointer`})),d.state.inputRef.current?.focus()}},c,O],stateAttributesMapping:wn});return o||k?M:null}),En=q,Dn=tn;function On({className:e,sideOffset:t=4,...n}){return(0,K.jsx)(nn,{"data-slot":`combobox-positioner`,sideOffset:t,className:k(`z-50 outline-none`,e),...n})}function kn({className:e,...t}){return(0,K.jsx)(an,{"data-slot":`combobox-popup`,className:k(`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,K.jsx)(Yt,{"data-slot":`combobox-list`,className:k(`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,K.jsxs)(hn,{"data-slot":`combobox-item`,className:k(`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,K.jsx)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2 truncate`,children:t}),(0,K.jsx)(gn,{className:k(`flex shrink-0 items-center justify-center text-muted-foreground`,Mn[n]),children:(0,K.jsx)(o,{className:Mn[n]})})]})}function Pn({className:e,children:t,...n}){return(0,K.jsx)(Cn,{"data-slot":`combobox-empty`,className:k(`py-6 text-center text-sm text-muted-foreground empty:hidden`,e),...n,children:t})}function Fn({className:e,...t}){return(0,K.jsx)(Qt,{"data-slot":`combobox-status`,className:k(`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,K.jsx)(cn,{"data-slot":`combobox-group`,className:k(`overflow-hidden p-1`,e),...t})}function Ln({className:e,...t}){return(0,K.jsx)(ln,{"data-slot":`combobox-group-label`,className:k(`px-2 py-1.5 text-xs font-medium text-muted-foreground`,e),...t})}var Rn=Jt,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,K.jsx)(vn,{"data-slot":`combobox-chips`,className:k(`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,K.jsxs)(xn,{"data-slot":`combobox-chip`,className:k(`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,K.jsx)(Sn,{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,K.jsx)(Ae,{className:`size-3`})})]})}function Hn({className:e,...t}){return(0,K.jsx)(Ht,{"data-slot":`combobox-chips-input`,className:k(`min-w-[80px] flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,e),...t})}var Un={placeholder:`Search...`,clear:`Clear selection`,toggle:`Open options`,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,K.jsxs)(`div`,{className:k(`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,K.jsx)(S,{className:`size-4 animate-spin`,"aria-hidden":`true`}),(0,K.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,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(S,{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,K.jsx)(On,{anchor:_,className:h==null?void 0:`z-[100]`,children:(0,K.jsxs)(kn,{"aria-busy":e||void 0,children:[!!t&&(0,K.jsx)(Fn,{children:(0,K.jsx)(Yn,{isLoading:e,searchValue:r,minSearchLength:i,itemCount:a.length,strings:p})}),!!n&&(0,K.jsx)(Pn,{children:p.noResults}),(0,K.jsx)(An,{ref:g,children:o?(0,K.jsxs)(K.Fragment,{children:[Array.from(o.entries()).map(([e,t])=>(0,K.jsxs)(In,{className:`combobox-dropdown--component`,items:t,children:[(0,K.jsx)(Ln,{children:typeof d==`function`?d(e):e}),(0,K.jsx)(Rn,{children:e=>(0,K.jsx)(Nn,{value:e,size:m,disabled:u?.(e),children:c(e)},l(e))})]},e)),s!=null&&(0,K.jsx)(Nn,{value:s,size:m,children:c(s)},l(s))]}):(0,K.jsx)(Rn,{children:e=>(0,K.jsx)(Nn,{value:e,size:m,disabled:u?.(e),children:c(e)},l(e))})}),(0,K.jsx)(Jn,{isLoading:!!f,text:p.loadingMore}),!!v&&(0,K.jsxs)(`div`,{className:`flex items-center justify-end gap-2 border-t border-border/60 px-2 py-1.5`,children:[(0,K.jsx)(_e,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e=>{e.preventDefault(),e.stopPropagation(),v.onCancel()},children:v.cancelLabel}),(0,K.jsx)(_e,{type:`button`,variant:`primary`,onClick:e=>{e.preventDefault(),e.stopPropagation(),v.onApply()},children:v.applyLabel})]})]})});return h?(0,K.jsx)(Dn,{container:h,children:y}):(0,K.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,K.jsx)(`p`,{className:k(`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=`rounded-sm bg-warning/20 px-0.5 text-warning-foreground dark:bg-warning/25`}){if(!t.trim())return e;let r=RegExp(`(${$n(t)})`,`gi`),i=e.split(r),a=0;return(0,K.jsx)(K.Fragment,{children:i.map((e,t)=>{let r=t%2==1,i=String(a);return a+=e.length,r?(0,K.jsx)(`mark`,{className:n,children:e},i):(0,K.jsx)(`span`,{children:e},i)})})}er.displayName=`HighlightedText`;function tr({searchValue:e,onSearch:t,debounceMs:n=300,minSearchLength:r=3}){let i=(0,H.useRef)(null);(0,H.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,H.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,H.useRef)(!1),i=(0,H.useRef)(null),a=(0,H.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,H.useEffect)(()=>()=>{i.current&&clearTimeout(i.current)},[]),{handleScroll:a}}function ir(e){return je(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:c,onSearch:l,debounceMs:u=300,creatable:d,onCreate:f,getItemGroup:p,hasMore:m,onLoadMore:h,isLoadingMore:g,highlightMatch:_,ensuredItems:v=[]}){let y=ir(o),b=r??n,x=(0,H.useRef)(null),S=t.trim();tr({searchValue:t,onSearch:l,debounceMs:u,minSearchLength:a});let{handleScroll:C}=rr({hasMore:m,onLoadMore:h,isLoadingMore:g});(0,H.useEffect)(()=>{let e=x.current;if(!(!e||!m||!h))return e.addEventListener(`scroll`,C),()=>e.removeEventListener(`scroll`,C)},[C,m,h]);let w=(0,H.useMemo)(()=>{if(v.length===0)return e;let t=[...v];return e.forEach(e=>{let n=b(e);v.some(e=>b(e)===n)||t.push(e)}),t},[e,v,b]),T=nr({items:w,getItemGroup:p}),E=(0,H.useMemo)(()=>!d||!f||S.length<a?!1:!ar(w,S,n),[d,f,S,a,w,n]),D=(0,H.useMemo)(()=>E?qn(S):null,[E,S]);return{strings:y,getKey:b,trimmedSearch:S,listRef:x,baseItems:w,allItems:(0,H.useMemo)(()=>D?[...w,D]:w,[w,D]),groupedItems:T,createOptionItem:D,showStatus:i||S.length<a,showEmpty:!i&&S.length>=a&&e.length===0&&!E,showCreateOption:E,renderItemContent:(0,H.useCallback)(e=>{if(Gn(e)){let t=Kn(e);return(0,K.jsxs)(`span`,{className:k(`use-enhanced-combobox-core--component`,`flex items-center gap-2`),children:[(0,K.jsx)(ke,{className:`size-4`}),y.createNew.includes(`{value}`)?y.createNew.replace(`{value}`,t):(0,K.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,K.jsx)(`span`,{children:y.createNew}),(0,K.jsx)(s,{tag:`span`,weight:`medium`,children:t})]})]})}if(c)return c(e);let t=n(e);return _&&S?(0,K.jsx)(er,{text:t,highlight:S}):t},[y.createNew,c,n,_,S]),itemToStringLabel:(0,H.useCallback)(e=>Gn(e)?Kn(e):n(e),[n]),getItemReactKey:(0,H.useCallback)(e=>Gn(e)?`__create__:${Kn(e)}`:String(b(e)),[b]),handleScroll:C}}var sr={sm:`sm`,base:`md`,lg:`lg`};function cr(e,t){return e??sr[t??`sm`]??`sm`}var lr={sm:`sm`,md:`base`,lg:`lg`},ur={sm:`pe-14`,md:`pe-16`,lg:`pe-20`};function dr(e){return lr[e]}function fr({placeholder:e,clearLabel:t,toggleLabel:n,size:r,error:i,required:a,disabled:o,className:s,onBlur:c}){return(0,K.jsxs)(`div`,{className:`relative`,children:[(0,K.jsx)(Ht,{render:(0,K.jsx)(gt,{size:r,invalid:i,className:k(`pe-16`,s)}),placeholder:e,"aria-invalid":i||void 0,"aria-required":a,disabled:o,onBlur:c}),(0,K.jsxs)(`div`,{className:`absolute inset-y-0 end-1 flex items-center gap-1 text-muted-foreground`,children:[(0,K.jsx)(Tn,{render:(0,K.jsx)(_e,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:`size-7 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,K.jsx)(Ae,{className:`size-3.5`,"aria-hidden":`true`})})}),(0,K.jsx)(Wt,{render:(0,K.jsx)(_e,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:`size-7 text-muted-foreground hover:text-foreground`,"aria-label":n,children:(0,K.jsx)(Oe,{className:`size-3.5`,"aria-hidden":`true`})})})]})]})}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:h,error:g,required:_,onBlur:v,onSearch:y,debounceMs:b,creatable:x,onCreate:S,getItemGroup:C,renderGroupLabel:w,hasMore:T,onLoadMore:E,isLoadingMore:D,getItemDisabled:O,highlightMatch:ee,size:A,open:j,onOpenChange:M}){let{defaultControlSize:N}=m(),P=cr(A,N),F=dr(P),I=or({items:e,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s,minSearchLength:c,strings:l,renderItem:f,onSearch:y,debounceMs:b,creatable:x,onCreate:S,getItemGroup:C,hasMore:T,onLoadMore:E,isLoadingMore:D,highlightMatch:ee,size:P,ensuredItems:t?[t]:[]}),[L,te]=(0,H.useState)(!1),ne=(0,H.useCallback)(e=>{te(e),e||i(``),M?.(e)},[M,i]),re=L?r:t?I.itemToStringLabel(t):``,ie=(0,H.useCallback)(e=>{if(e&&Gn(e)){let t=Kn(e);S?.(t);return}n(e)},[n,S]);return(0,K.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,K.jsxs)(En,{items:I.allItems,value:t,onValueChange:ie,inputValue:re,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){i(``);return}i(e)},itemToStringLabel:I.itemToStringLabel,disabled:u,filter:null,name:h,required:_,open:j,onOpenChange:ne,children:[(0,K.jsx)(fr,{placeholder:I.strings.placeholder,clearLabel:I.strings.clear,toggleLabel:I.strings.toggle,className:k(ur[P],d),size:F,error:!!g,required:_,disabled:u,onBlur:v}),(0,K.jsx)(Xn,{isLoading:s,showStatus:I.showStatus,showEmpty:I.showEmpty,searchValue:r,minSearchLength:c,items:e,groupedItems:I.groupedItems,createOptionItem:I.createOptionItem,renderItemContent:I.renderItemContent,getItemReactKey:I.getItemReactKey,getItemDisabled:O,renderGroupLabel:w,isLoadingMore:D,strings:I.strings,size:P,portalContainer:p,listRef:I.listRef})]}),(0,K.jsx)(Qn,{error:g,size:P})]})}function pr({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:h,error:g,required:_,onBlur:v,onSearch:y,debounceMs:b,creatable:x,onCreate:S,getItemGroup:C,renderGroupLabel:w,hasMore:T,onLoadMore:E,isLoadingMore:D,getItemDisabled:O,highlightMatch:ee,size:A,open:j,onOpenChange:M,closeOnSelect:N=!1,applyButton:P=!1,onApply:F,onCancel:I}){let{defaultControlSize:L}=m(),te=cr(A,L),ne=dr(te),re=(0,H.useRef)(null),ie=o??a,[ae,R]=(0,H.useState)(t),[oe,se]=(0,H.useState)(!1),ce=j!==void 0,le=ce?j:oe;(0,H.useEffect)(()=>{P&&R(t)},[P,t]);let z=(0,H.useCallback)(e=>{ce||se(e),M?.(e)},[ce,M]),ue=or({items:e,searchValue:r,onSearchValueChange:i,getItemLabel:a,getItemKey:o,isLoading:s,minSearchLength:c,strings:l,renderItem:f,onSearch:y,debounceMs:b,creatable:x,onCreate:S,getItemGroup:C,hasMore:T,onLoadMore:E,isLoadingMore:D,highlightMatch:ee,size:te,ensuredItems:t}),de=(0,H.useCallback)(e=>{let t=[],r=null;for(let n of e)Gn(n)?r=Kn(n):t.push(n);r&&S?.(r);let i=t.length!==e.length||!r?t:null;i&&(P?R(i):n(i)),N&&z(!1)},[n,S,P,N,z]),fe=(0,H.useCallback)(()=>{P&&n(ae),F?.(),z(!1)},[P,ae,F,n,z]),B=(0,H.useCallback)(()=>{P&&R(t),I?.(),z(!1)},[P,t,I,z]),pe=P?ae:t,me=pe.length>0?void 0:ue.strings.placeholder;return(0,K.jsxs)(`div`,{className:`enhanced-combobox--component`,children:[(0,K.jsxs)(En,{items:ue.allItems,multiple:!0,value:pe,onValueChange:de,inputValue:r,onInputValueChange:(e,{reason:t})=>{if(t===`item-press`){i(``);return}i(e)},itemToStringLabel:ue.itemToStringLabel,disabled:u,filter:null,name:h,required:_,open:le,onOpenChange:e=>{!e&&P&&R(t),z(e)},children:[(0,K.jsxs)(Bn,{ref:re,className:k(ht[ne],`bg-transparent px-3 py-1 text-sm !shadow-none`,d),size:te,error:!!g,children:[pe.map(e=>(0,K.jsx)(Vn,{children:a(e)},ie(e))),(0,K.jsx)(Hn,{placeholder:me,"aria-invalid":!!g,"aria-required":_,onBlur:v})]}),(0,K.jsx)(Xn,{isLoading:s,showStatus:ue.showStatus,showEmpty:ue.showEmpty,searchValue:r,minSearchLength:c,items:e,groupedItems:ue.groupedItems,createOptionItem:ue.createOptionItem,renderItemContent:ue.renderItemContent,getItemReactKey:ue.getItemReactKey,getItemDisabled:O,renderGroupLabel:w,isLoadingMore:D,strings:ue.strings,size:te,portalContainer:p,listRef:ue.listRef,anchor:re,applyFooter:P?{applyLabel:ue.strings.apply,cancelLabel:ue.strings.cancel,onApply:fe,onCancel:B}:void 0})]}),(0,K.jsx)(Qn,{error:g,size:te})]})}Z.displayName=`EnhancedCombobox`,pr.displayName=`EnhancedComboboxMultiple`;var mr=e({AsyncCustomers:()=>Er,AsyncDebouncedSearch:()=>Dr,AsyncWithLoadMore:()=>Or,CustomGroupLabels:()=>Ar,CustomItemRendering:()=>kr,Default:()=>_r,Disabled:()=>Pr,GroupedTeamByRole:()=>Tr,Invalid:()=>Fr,MinSearchLength:()=>Ir,MultipleApplyButton:()=>Sr,MultipleCloseOnSelect:()=>Cr,MultipleGrouped:()=>wr,MultipleSelect:()=>xr,RealisticCustomerPicker:()=>Lr,SingleCreatable:()=>br,SingleHighlightMatch:()=>yr,SingleSelect:()=>vr,SizeLg:()=>Nr,SizeMd:()=>Mr,SizeSm:()=>jr}),hr=[{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 gr(e){return(0,H.useMemo)(()=>{let t=e.toLowerCase().trim();return t?hr.filter(e=>e.name.toLowerCase().includes(t)):hr},[e])}function _r(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,K.jsx)(Z,{items:gr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0}),(0,K.jsxs)(s,{size:`xs`,type:`secondary`,children:[`value: `,n?.name??`—`]})]})}function vr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{items:gr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function yr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{items:gr(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 br(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(hr),[i,a]=(0,H.useState)(null);return(0,K.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,K.jsx)(Z,{items:(0,H.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,K.jsxs)(s,{size:`xs`,type:`secondary`,children:[`items: `,n.length]})]})}function xr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)([]);return(0,K.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,K.jsx)(pr,{items:gr(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,K.jsxs)(s,{size:`xs`,type:`secondary`,children:[`selected: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function Sr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)([]);return(0,K.jsxs)(`div`,{className:`flex flex-col gap-2 w-72`,children:[(0,K.jsx)(pr,{items:gr(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,K.jsxs)(s,{size:`xs`,type:`secondary`,children:[`committed: `,n.map(e=>e.name).join(`, `)||`—`]})]})}function Cr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)([]);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(pr,{items:gr(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 wr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)([]);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(pr,{items:gr(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 Tr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,K.jsx)(Z,{items:(0,H.useMemo)(()=>{let t=e.toLowerCase().trim();return t?yt.filter(e=>e.name.toLowerCase().includes(t)||e.role.toLowerCase().includes(t)):yt},[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 Er(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)([]),[i,a]=(0,H.useState)(!0),[o,s]=(0,H.useState)(null);return(0,H.useEffect)(()=>{let e=!0;return a(!0),xt().then(t=>{e&&(r(t),a(!1))}),()=>{e=!1}},[]),(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,K.jsx)(Z,{items:(0,H.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 Dr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)([]),[i,a]=(0,H.useState)(!1),[o,s]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,K.jsx)(Z,{items:n,searchValue:e,onSearchValueChange:t,onSearch:e=>{a(!0),bt().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 Or(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(1),[i,a]=(0,H.useState)(!1),[o,c]=(0,H.useState)(null),l=_t.slice(0,n*4),u=l.length<_t.length;return(0,K.jsxs)(`div`,{className:`flex flex-col gap-2 w-80`,children:[(0,K.jsx)(Z,{items:l,searchValue:e,onSearchValueChange:t,selectedValue:o,onSelectedValueChange:c,getItemLabel:e=>e.name,getItemKey:e=>e.id,hasMore:u,onLoadMore:()=>{a(!0),setTimeout(()=>{r(e=>e+1),a(!1)},350)},isLoadingMore:i,minSearchLength:0,strings:{placeholder:`Scroll for more…`,loadingMore:`Loading more…`}}),(0,K.jsxs)(s,{size:`xs`,type:`secondary`,children:[`page `,n,` • `,l.length,`/`,_t.length]})]})}function kr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:(0,K.jsx)(Z,{items:(0,H.useMemo)(()=>{let t=e.toLowerCase().trim();return t?_t.filter(e=>e.name.toLowerCase().includes(t)):_t},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0,renderItem:e=>(0,K.jsxs)(`div`,{className:`flex items-center gap-2.5 w-full`,children:[(0,K.jsx)(Ye,{className:`h-7 w-7`,children:(0,K.jsx)(Je,{children:e.name.split(` `).map(e=>e[0]).join(``)})}),(0,K.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,K.jsx)(s,{weight:`semibold`,children:e.name}),(0,K.jsx)(s,{size:`xs`,type:`secondary`,children:e.email})]}),(0,K.jsx)(ce,{variant:`secondary`,children:e.country})]}),strings:{placeholder:`Pick a customer…`}})})}function Ar(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,K.jsx)(Z,{items:(0,H.useMemo)(()=>{let t=e.toLowerCase().trim();return t?vt.filter(e=>e.number.toLowerCase().includes(t)):vt},[e]),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.number,getItemKey:e=>e.id,getItemGroup:e=>e.status,renderGroupLabel:e=>(0,K.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,K.jsx)(s,{size:`xxs`,type:`secondary`,weight:`semibold`,className:`uppercase tracking-wide`,children:e})}),minSearchLength:0,strings:{placeholder:`Find an order…`}})})}function jr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{size:`sm`,items:gr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function Mr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{size:`md`,items:gr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function Nr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{size:`lg`,items:gr(e),searchValue:e,onSearchValueChange:t,selectedValue:n,onSelectedValueChange:r,getItemLabel:e=>e.name,getItemKey:e=>e.id,minSearchLength:0})})}function Pr(){let[e,t]=(0,H.useState)(``);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{items:hr,searchValue:e,onSearchValueChange:t,selectedValue:hr[0]??null,onSelectedValueChange:()=>{},getItemLabel:e=>e.name,getItemKey:e=>e.id,disabled:!0,minSearchLength:0})})}function Fr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-72`,children:(0,K.jsx)(Z,{items:gr(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 Ir(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,K.jsx)(Z,{items:(0,H.useMemo)(()=>{let t=e.toLowerCase().trim();return t.length<2?[]:_t.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 Lr(){let[e,t]=(0,H.useState)(``),[n,r]=(0,H.useState)(null);return(0,K.jsx)(`div`,{className:`flex flex-col gap-2 w-80`,children:(0,K.jsx)(Z,{items:(0,H.useMemo)(()=>{let t=e.toLowerCase().trim();return t?_t.filter(e=>e.name.toLowerCase().includes(t)||e.email.toLowerCase().includes(t)):_t},[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 w-full max-w-sm flex-col gap-2">
+			<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 Rr(e){let t={code:`code`,h4:`h4`,p:`p`,...e.components};return mr||$(`Examples`,!1),Er||$(`Examples.AsyncCustomers`,!0),Dr||$(`Examples.AsyncDebouncedSearch`,!0),Or||$(`Examples.AsyncWithLoadMore`,!0),Ar||$(`Examples.CustomGroupLabels`,!0),kr||$(`Examples.CustomItemRendering`,!0),_r||$(`Examples.Default`,!0),Pr||$(`Examples.Disabled`,!0),Tr||$(`Examples.GroupedTeamByRole`,!0),Fr||$(`Examples.Invalid`,!0),Ir||$(`Examples.MinSearchLength`,!0),Sr||$(`Examples.MultipleApplyButton`,!0),Cr||$(`Examples.MultipleCloseOnSelect`,!0),wr||$(`Examples.MultipleGrouped`,!0),xr||$(`Examples.MultipleSelect`,!0),Lr||$(`Examples.RealisticCustomerPicker`,!0),br||$(`Examples.SingleCreatable`,!0),yr||$(`Examples.SingleHighlightMatch`,!0),vr||$(`Examples.SingleSelect`,!0),Nr||$(`Examples.SizeLg`,!0),Mr||$(`Examples.SizeMd`,!0),jr||$(`Examples.SizeSm`,!0),(0,K.jsxs)(le,{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,K.jsx)(B,{title:`Overview`,id:`overview`,children:(0,K.jsxs)(t.p,{children:[`The combobox primitives are intentionally generic — pass an `,(0,K.jsx)(t.code,{children:`items`}),` array
+(any shape), a `,(0,K.jsx)(t.code,{children:`getItemLabel`}),` and `,(0,K.jsx)(t.code,{children:`getItemKey`}),`, and own the `,(0,K.jsx)(t.code,{children:`searchValue`}),` and
+`,(0,K.jsx)(t.code,{children:`selectedValue(s)`}),` state. Optional `,(0,K.jsx)(t.code,{children:`getItemGroup`}),` collapses items into
+sections; `,(0,K.jsx)(t.code,{children:`applyButton`}),` defers commit until the user clicks Apply;
+`,(0,K.jsx)(t.code,{children:`closeOnSelect`}),` closes the popover after each pick. `,(0,K.jsx)(t.code,{children:`creatable`}),` + `,(0,K.jsx)(t.code,{children:`onCreate`}),`
+turn it into a free-form input. Every callback (`,(0,K.jsx)(t.code,{children:`onSearch`}),`, `,(0,K.jsx)(t.code,{children:`onLoadMore`}),`,
+`,(0,K.jsx)(t.code,{children:`onCreate`}),`) is an opt-in seam — no hardcoded fetcher, no opinionated wiring.`]})}),(0,K.jsxs)(B,{title:`Single`,id:`single`,children:[(0,K.jsx)(V,{name:`Default`,source:Q,children:(0,K.jsx)(_r,{})}),(0,K.jsx)(V,{name:`SingleSelect`,source:Q,children:(0,K.jsx)(vr,{})}),(0,K.jsx)(V,{name:`SingleHighlightMatch`,source:Q,children:(0,K.jsx)(yr,{})}),(0,K.jsx)(V,{name:`SingleCreatable`,source:Q,children:(0,K.jsx)(br,{})})]}),(0,K.jsxs)(B,{title:`Multiple`,id:`multiple`,children:[(0,K.jsx)(V,{name:`MultipleSelect`,source:Q,children:(0,K.jsx)(xr,{})}),(0,K.jsx)(V,{name:`MultipleApplyButton`,source:Q,children:(0,K.jsx)(Sr,{})}),(0,K.jsx)(V,{name:`MultipleCloseOnSelect`,source:Q,children:(0,K.jsx)(Cr,{})})]}),(0,K.jsxs)(B,{title:`Grouped options`,id:`grouped`,children:[(0,K.jsx)(V,{name:`MultipleGrouped`,source:Q,children:(0,K.jsx)(wr,{})}),(0,K.jsx)(V,{name:`GroupedTeamByRole`,source:Q,children:(0,K.jsx)(Tr,{})})]}),(0,K.jsxs)(B,{title:`Async / fetcher`,id:`async`,children:[(0,K.jsx)(V,{name:`AsyncCustomers`,source:Q,children:(0,K.jsx)(Er,{})}),(0,K.jsx)(V,{name:`AsyncDebouncedSearch`,source:Q,children:(0,K.jsx)(Dr,{})}),(0,K.jsx)(V,{name:`AsyncWithLoadMore`,source:Q,children:(0,K.jsx)(Or,{})})]}),(0,K.jsxs)(B,{title:`Custom rendering`,id:`custom-rendering`,children:[(0,K.jsx)(V,{name:`CustomItemRendering`,source:Q,children:(0,K.jsx)(kr,{})}),(0,K.jsx)(V,{name:`CustomGroupLabels`,source:Q,children:(0,K.jsx)(Ar,{})})]}),(0,K.jsxs)(B,{title:`Sizes`,id:`sizes`,children:[(0,K.jsx)(V,{name:`SizeSm`,source:Q,children:(0,K.jsx)(jr,{})}),(0,K.jsx)(V,{name:`SizeMd`,source:Q,children:(0,K.jsx)(Mr,{})}),(0,K.jsx)(V,{name:`SizeLg`,source:Q,children:(0,K.jsx)(Nr,{})})]}),(0,K.jsxs)(B,{title:`States`,id:`states`,children:[(0,K.jsx)(V,{name:`Disabled`,source:Q,children:(0,K.jsx)(Pr,{})}),(0,K.jsx)(V,{name:`Invalid`,source:Q,children:(0,K.jsx)(Fr,{})}),(0,K.jsx)(V,{name:`MinSearchLength`,source:Q,children:(0,K.jsx)(Ir,{})})]}),(0,K.jsx)(B,{title:`Realistic usage`,id:`realistic`,children:(0,K.jsx)(V,{name:`RealisticCustomerPicker`,source:Q,children:(0,K.jsx)(Lr,{})})}),(0,K.jsxs)(B,{title:`API`,id:`api`,children:[(0,K.jsx)(t.h4,{children:`EnhancedCombobox`}),(0,K.jsx)(Ve,{component:`EnhancedCombobox`}),(0,K.jsx)(t.h4,{children:`EnhancedComboboxMultiple`}),(0,K.jsx)(Ve,{component:`EnhancedComboboxMultiple`})]})]})}function zr(e={}){let{wrapper:t}=e.components||{};return t?(0,K.jsx)(t,{...e,children:(0,K.jsx)(Rr,{...e})}):Rr(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{zr as default};