@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/forms/Combobox/Combobox.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useOverlayLayer.cjs.js"),n=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("../../../utils/cx.cjs.js"),ee=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),te=require("../../primitives/Icon/icons.cjs.js"),ne=require("../Field/FieldContext.cjs.js"),re=require("../../data-display/Chip/Chip.cjs.js"),a=require("./comboboxUtils.cjs.js"),o=require("./Combobox.module.css.cjs.js"),ie=require("./ComboboxPopup.cjs.js");let s=require("react"),c=require("react/jsx-runtime"),ae=require("react-dom");var oe={sm:o.default.sm,md:o.default.md,lg:o.default.lg},se={sm:`sm`,md:`sm`,lg:`md`};function l(e){return typeof e==`string`||typeof e==`number`?String(e):``}var ce=500,le=le=>{let u=n.useMessages().combobox,{options:d,renderOption:ue,multiple:f=!1,value:de,defaultValue:fe,onValueChange:pe,inputValue:me,defaultInputValue:he,onInputValueChange:ge,open:_e,defaultOpen:ve=!1,onOpenChange:ye,filter:be,loading:p=!1,loadingMessage:xe=u.loading,emptyMessage:m=u.empty,resultsMessage:Se=u.results,allowCustomValue:h=!1,onCreate:Ce,createLabel:we=u.create,clearable:Te=!1,clearLabel:Ee=u.clear,requiredMessage:De=u.required,clearOnEscape:Oe=!1,showSuggestionsLabel:ke=u.showSuggestions,hideSuggestionsLabel:Ae=u.hideSuggestions,selectedLabel:je=u.selected,autoHighlight:Me=!1,loop:Ne=!0,size:Pe,invalid:Fe,required:Ie,disabled:Le,readOnly:Re,name:g,placement:ze=`bottom-start`,maxHeight:Be,fullWidth:Ve=!0,container:He,inputClassName:Ue,className:We,style:Ge,id:Ke,ref:qe,placeholder:Je,onChange:Ye,onKeyDown:Xe,onBlur:Ze,"aria-describedby":Qe,"aria-label":_,"aria-labelledby":$e,...et}=le,v=ne.useFieldContext(),y=ne.useFieldControl({id:Ke,invalid:Fe,required:Ie,disabled:Le,readOnly:Re,size:Pe,"aria-describedby":Qe},{nativeRequired:!1}),b=y.size??`md`,x=!y.disabled&&!y.readOnly,tt=(0,s.useId)(),nt=y.id??`${tt}-input`,S=`${tt}-listbox`,C=(0,s.useRef)(null),w=(0,s.useRef)(null),T=(0,s.useRef)(null),rt=(0,s.useCallback)(e=>{C.current=e,r.assignRef(qe,e)},[qe]),E=(0,s.useRef)(new Map);for(let e of d)E.current.set(e.value,e);let D=e=>d.find(t=>t.value===e)??E.current.get(e),[O,k]=e.useControllableState({value:de,defaultValue:fe??(f?[]:null),onChange:pe}),A=f?Array.isArray(O)?O:[]:typeof O==`string`?[O]:[],j=!f&&typeof O==`string`?O:null,M=j===null?``:D(j)?.label??j,[N,P]=e.useControllableState({value:me,defaultValue:he??(f?``:M),onChange:ge}),it=A.length>0||h&&!f&&N.trim()!==``;(0,s.useEffect)(()=>{C.current?.setCustomValidity(y.required&&!it?De:``)},[y.required,it,De]);let[F,I]=e.useControllableState({value:_e,defaultValue:ve,onChange:ye}),at=F&&x,[L,R]=(0,s.useState)(!1),[z,B]=(0,s.useState)(null),ot=be===!1?null:be??a.defaultComboboxFilter,st=(e,t)=>{let n=[];d.forEach((t,r)=>{(!ot||ot(t,e))&&n.push({kind:`option`,key:t.value,option:t,id:`${S}-option-${r}`})});let r=N.trim();return Ce&&t&&r!==``&&!d.some(e=>a.normalizeText(e.label)===a.normalizeText(r))&&n.push({kind:`create`,key:a.CREATE_KEY,text:r,id:`${S}-create`}),a.orderItems(n)},V=f||L,H=st(V?N:``,V),U=z===null?-1:H.findIndex(e=>e.key===z);U>=0&&!a.isEnabled(H[U])&&(U=-1),U===-1&&Me&&V&&N.trim()!==``&&(U=a.findEnabled(H,-1,1,!0));let ct=m!=null&&m!==!1&&m!==``,W=at&&(H.length>0||p||ct),lt=W&&U>=0?H[U].id:void 0,[ut,G]=(0,s.useState)(``),dt=H.filter(e=>e.kind===`option`).length,ft=H.find(e=>e.kind===`create`),K=W?p?l(xe):dt>0?Se(dt):ft?.kind===`create`?l(we(ft.text)):l(m):``;(0,s.useEffect)(()=>{if(!K)return;let e=window.setTimeout(()=>G(K),ce);return()=>window.clearTimeout(e)},[K]),(0,s.useEffect)(()=>{W||G(``)},[W]);let q=(0,s.useRef)(me!==void 0&&!f&&M!==``?null:M);(0,s.useEffect)(()=>{f||q.current===M||(q.current=M,!(h&&M===``)&&(L||P(M)))},[f,M,L,h,P]);let J=e=>{(!e||x)&&(I(e),e||B(null))},pt=t.useOverlayLayer({active:W,elements:()=>[w,T],onEscape:()=>J(!1),onOutsidePress:()=>J(!1)}),Y=e=>{if(!x)return;let t=!f&&N===M,n=f||L&&!t;t&&R(!1);let r=st(n?N:``,n),i=-1;e===`first`?i=a.findEnabled(r,-1,1,!0):e===`last`?i=a.findEnabled(r,-1,-1,!0):e===`selected`&&(i=r.findIndex(e=>e.kind===`option`&&!e.option.disabled&&A.includes(e.option.value)),i<0&&(i=a.findEnabled(r,-1,1,!0))),B(i>=0?r[i].key:null),I(!0)},mt=e=>{let t=a.findEnabled(H,U,e,Ne);B(t>=0?H[t].key:null)},X=(e,t)=>{if(f){let n=A.includes(e);k(n?A.filter(t=>t!==e):[...A,e]),P(``),R(!1),B(e),G(n?u.optionRemoved(t):u.optionSelected(t));return}k(e),q.current=t,P(t),R(!1),J(!1)},ht=e=>{if(!a.isEnabled(e))return;if(e.kind===`option`){X(e.option.value,e.option.label);return}let t=Ce?.(e.text);if(typeof t==`string`){E.current.set(t,{value:t,label:e.text}),X(t,e.text);return}R(!1),f?P(``):J(!1)},gt=e=>{x&&(k(A.filter(t=>t!==e)),G(u.optionRemoved(D(e)?.label??e)))},Z=()=>{k(f?[]:null),q.current=``,P(``),R(!1),B(null)},_t=e=>{Ye?.(e),P(e.target.value),R(!0),B(null),F||J(!0)},vt=e=>{if(Xe?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing||y.disabled))switch(e.key){case`ArrowDown`:if(!x)return;e.preventDefault(),e.altKey?W||Y(`none`):W?mt(1):Y(f?`first`:`selected`);return;case`ArrowUp`:if(!x)return;e.preventDefault(),e.altKey?J(!1):W?mt(-1):Y(`last`);return;case`Enter`:if(!W){f&&h&&N.trim()&&x&&(e.preventDefault(),e.repeat||yt()),!f&&x&&(0,ae.flushSync)(bt);return}if(e.preventDefault(),e.repeat)return;U>=0?ht(H[U]):f&&h&&N.trim()?yt():(!f&&h&&N!==M&&j!==null&&k(null),J(!1));return;case`Escape`:if(W)return;if(F){e.preventDefault(),I(!1);return}if(!x)return;{let t=f?``:M;if(N!==t){e.preventDefault(),P(t),R(!1);return}Oe&&(j!==null||A.length>0)&&(e.preventDefault(),Z())}return;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:z!==null&&B(null);return;case`Backspace`:f&&x&&!e.repeat&&N===``&&A.length>0&&gt(A[A.length-1]);return;default:return}},yt=()=>{let e=N.trim(),t=d.find(t=>a.normalizeText(t.label)===a.normalizeText(e));if(A.includes(t?.value??e)){P(``);return}if(t){t.disabled||X(t.value,t.label);return}E.current.set(e,{value:e,label:e}),X(e,e)},bt=()=>{if(!(f||N===M)){if(N.trim()===``){j===null?N!==``&&P(``):Z();return}if(h){j!==null&&k(null);return}P(M)}},xt=e=>{Ze?.(e),J(!1),R(!1),bt()},St=(0,s.useRef)(()=>{});St.current=()=>{if(de!==void 0)return;let e=fe??(f?[]:null);k(e);let t=typeof e==`string`?D(e)?.label??e:``;P(he??(f?``:t)),J(!1),R(!1)},(0,s.useEffect)(()=>{let e=C.current?.form;if(!e)return;let t=()=>St.current();return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[]);let Ct=e=>{let t=C.current;if(!t||y.disabled)return;let n=e.target;w.current?.contains(n)&&(n===t||n.closest(`button, a`)||(e.preventDefault(),t.focus()))},wt=e=>{let t=e.target;w.current?.contains(t)&&!t.closest(`button, a`)&&(F||Y(`none`))},Tt=()=>{C.current?.focus(),W||F?J(!1):Y(`none`)},Et=()=>{Z(),G(u.cleared),C.current?.focus()},Q=e=>e.preventDefault(),Dt=Te&&x&&(A.length>0||N!==``),$=f&&A.length>0,Ot=$e??(_?void 0:v&&!v.isGroup?v.labelId:void 0),kt=g===void 0?null:f?A.map(e=>(0,c.jsx)(`input`,{type:`hidden`,name:g,value:e,disabled:y.disabled},e)):(0,c.jsx)(`input`,{type:`hidden`,name:g,value:j??(h?N:``),disabled:y.disabled});return(0,c.jsxs)(`div`,{ref:w,className:i.cx(o.default.root,oe[b],Ve&&o.default.fullWidth,f&&o.default.multiple,$&&o.default.hasChips,y.invalid&&o.default.invalid,y.disabled&&o.default.disabled,y.readOnly&&!y.disabled&&o.default.readOnly,We),style:Ge,"data-size":b,"data-state":W?`open`:`closed`,onMouseDown:Ct,onClick:wt,children:[$&&(0,c.jsx)(re.ChipGroup,{"aria-label":je,size:se[b],tone:`primary`,variant:`soft`,disabled:y.disabled,focusFallback:C,className:o.default.chips,children:A.map(e=>{let t=D(e);return(0,c.jsx)(re.Chip,{startIcon:t?.icon,onRemove:x?()=>gt(e):void 0,children:t?.label??e},e)})}),(0,c.jsx)(`input`,{autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,...et,ref:rt,id:nt,type:`text`,role:`combobox`,"aria-label":_,"aria-labelledby":$e,"aria-expanded":W,"aria-controls":S,"aria-autocomplete":`list`,"aria-activedescendant":lt,...y.ariaProps,placeholder:$?void 0:Je,value:N,disabled:y.disabled,readOnly:y.readOnly,className:i.cx(o.default.input,Ue),onChange:_t,onKeyDown:vt,onBlur:xt}),(0,c.jsxs)(`span`,{className:o.default.actions,children:[Dt&&(0,c.jsx)(`button`,{type:`button`,className:o.default.iconButton,"aria-label":Ee,onMouseDown:Q,onClick:Et,children:(0,c.jsx)(te.CloseIcon,{size:b===`lg`?`sm`:`xs`,strokeWidth:2.5})}),(0,c.jsx)(`button`,{type:`button`,tabIndex:-1,className:i.cx(o.default.iconButton,o.default.toggle),"aria-label":W?Ae:ke,disabled:!x,onMouseDown:Q,onClick:Tt,children:(0,c.jsx)(te.ChevronDownIcon,{size:b===`sm`?`sm`:`md`,className:o.default.chevron})})]}),kt,(0,c.jsx)(ee.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:ut}),W&&(0,c.jsx)(ie.ComboboxPopup,{anchorRef:w,positionerRef:T,layer:pt,listboxId:S,labelledBy:Ot,label:_,multiple:f,size:b,placement:ze,maxHeight:Be,items:H,highlightedIndex:U,isSelected:e=>A.includes(e),onHighlight:e=>B(H[e]?.key??null),onChoose:ht,renderOption:ue,createLabel:we,loading:p,loadingMessage:xe,emptyMessage:m,container:He})]})};exports.Combobox=le,exports.defaultComboboxFilter=a.defaultComboboxFilter;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useOverlayLayer.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("../../data-display/Chip/Chip.cjs.js"),ee=require("../../primitives/Icon/icons.cjs.js"),te=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),ne=require("../Field/FieldContext.cjs.js"),re=require("./ComboboxPopup.cjs.js"),a=require("./comboboxUtils.cjs.js"),o=require("./Combobox.module.css.cjs.js"),ie=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react"),c=require("react/jsx-runtime"),ae=require("react-dom");var oe={sm:o.default.sm,md:o.default.md,lg:o.default.lg},se={sm:`sm`,md:`sm`,lg:`md`};function l(e){return typeof e==`string`||typeof e==`number`?String(e):``}var ce=500,le=le=>{let u=ie.useMessages().combobox,{options:d,renderOption:ue,multiple:f=!1,value:de,defaultValue:fe,onValueChange:pe,inputValue:me,defaultInputValue:he,onInputValueChange:ge,open:_e,defaultOpen:ve=!1,onOpenChange:ye,filter:be,loading:p=!1,loadingMessage:xe=u.loading,emptyMessage:m=u.empty,resultsMessage:Se=u.results,allowCustomValue:h=!1,onCreate:g,createLabel:Ce=u.create,clearable:we=!1,clearLabel:Te=u.clear,requiredMessage:Ee=u.required,clearOnEscape:De=!1,showSuggestionsLabel:Oe=u.showSuggestions,hideSuggestionsLabel:ke=u.hideSuggestions,selectedLabel:Ae=u.selected,autoHighlight:je=!1,loop:Me=!0,size:Ne,invalid:Pe,required:Fe,disabled:Ie,readOnly:Le,name:_,placement:Re=`bottom-start`,maxHeight:ze,fullWidth:Be=!0,container:Ve,inputClassName:He,className:Ue,style:We,id:Ge,ref:Ke,placeholder:qe,onChange:Je,onKeyDown:Ye,onBlur:Xe,"aria-describedby":Ze,"aria-label":v,"aria-labelledby":Qe,...$e}=le,y=ne.useFieldContext(),b=ne.useFieldControl({id:Ge,invalid:Pe,required:Fe,disabled:Ie,readOnly:Le,size:Ne,"aria-describedby":Ze},{nativeRequired:!1}),x=b.size??`md`,S=!b.disabled&&!b.readOnly,et=(0,s.useId)(),tt=b.id??`${et}-input`,C=`${et}-listbox`,w=(0,s.useRef)(null),T=(0,s.useRef)(null),nt=(0,s.useRef)(null),rt=(0,s.useCallback)(e=>{w.current=e,r.assignRef(Ke,e)},[Ke]),E=(0,s.useRef)(new Map);for(let e of d)E.current.set(e.value,e);let D=e=>d.find(t=>t.value===e)??E.current.get(e),[O,k]=e.useControllableState({value:de,defaultValue:fe??(f?[]:null),onChange:pe}),A=f?Array.isArray(O)?O:[]:typeof O==`string`?[O]:[],j=!f&&typeof O==`string`?O:null,M=j===null?``:D(j)?.label??j,[N,P]=e.useControllableState({value:me,defaultValue:he??(f?``:M),onChange:ge}),it=A.length>0||h&&!f&&N.trim()!==``;(0,s.useEffect)(()=>{w.current?.setCustomValidity(b.required&&!it?Ee:``)},[b.required,it,Ee]);let[F,I]=e.useControllableState({value:_e,defaultValue:ve,onChange:ye}),at=F&&S,[L,R]=(0,s.useState)(!1),[z,B]=(0,s.useState)(null),V=be===!1?null:be??a.defaultComboboxFilter,ot=(e,t)=>{let n=[];d.forEach((t,r)=>{(!V||V(t,e))&&n.push({kind:`option`,key:t.value,option:t,id:`${C}-option-${r}`})});let r=N.trim();if(g&&t&&r!==``){let e=a.normalizeText(r);d.some(t=>a.normalizeText(t.label)===e)||n.push({kind:`create`,key:a.CREATE_KEY,text:r,id:`${C}-create`})}return a.orderItems(n)},H=f||L,U=(0,s.useMemo)(()=>ot(H?N:``,H),[d,V,H,N,!!g,C]),W=z===null?-1:U.findIndex(e=>e.key===z);W>=0&&!a.isEnabled(U[W])&&(W=-1),W===-1&&je&&H&&N.trim()!==``&&(W=a.findEnabled(U,-1,1,!0));let st=m!=null&&m!==!1&&m!==``,G=at&&(U.length>0||p||st),ct=G&&W>=0?U[W].id:void 0,[lt,K]=(0,s.useState)(``),ut=U.filter(e=>e.kind===`option`).length,dt=U.find(e=>e.kind===`create`),q=G?p?l(xe):ut>0?Se(ut):dt?.kind===`create`?l(Ce(dt.text)):l(m):``;(0,s.useEffect)(()=>{if(!q)return;let e=window.setTimeout(()=>K(q),ce);return()=>window.clearTimeout(e)},[q]),(0,s.useEffect)(()=>{G||K(``)},[G]);let J=(0,s.useRef)(me!==void 0&&!f&&M!==``?null:M);(0,s.useEffect)(()=>{f||J.current===M||(J.current=M,h&&M===``||L||P(M))},[f,M,L,h,P]);let Y=e=>{(!e||S)&&(I(e),e||B(null))},ft=t.useOverlayLayer({active:G,elements:()=>[T,nt],onEscape:()=>Y(!1),onOutsidePress:()=>Y(!1)}),X=e=>{if(!S)return;let t=!f&&N===M,n=f||L&&!t;t&&R(!1);let r=ot(n?N:``,n),i=-1;e===`first`?i=a.findEnabled(r,-1,1,!0):e===`last`?i=a.findEnabled(r,-1,-1,!0):e===`selected`&&(i=r.findIndex(e=>e.kind===`option`&&!e.option.disabled&&A.includes(e.option.value)),i<0&&(i=a.findEnabled(r,-1,1,!0))),B(i>=0?r[i].key:null),I(!0)},pt=e=>{let t=a.findEnabled(U,W,e,Me);B(t>=0?U[t].key:null)},Z=(e,t)=>{if(f){let n=A.includes(e);k(n?A.filter(t=>t!==e):[...A,e]),P(``),R(!1),B(e),K(n?u.optionRemoved(t):u.optionSelected(t))}else k(e),J.current=t,P(t),R(!1),Y(!1)},mt=e=>{if(!a.isEnabled(e))return;if(e.kind===`option`){Z(e.option.value,e.option.label);return}let t=g?.(e.text);typeof t==`string`?(E.current.set(t,{value:t,label:e.text}),Z(t,e.text)):(R(!1),f?P(``):Y(!1))},ht=e=>{S&&(k(A.filter(t=>t!==e)),K(u.optionRemoved(D(e)?.label??e)))},Q=()=>{k(f?[]:null),J.current=``,P(``),R(!1),B(null)},gt=e=>{Je?.(e),P(e.target.value),R(!0),B(null),F||Y(!0)},_t=e=>{if(Ye?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing||b.disabled))switch(e.key){case`ArrowDown`:if(!S)return;e.preventDefault(),e.altKey?G||X(`none`):G?pt(1):X(f?`first`:`selected`);return;case`ArrowUp`:if(!S)return;e.preventDefault(),e.altKey?Y(!1):G?pt(-1):X(`last`);return;case`Enter`:if(!G){f&&h&&N.trim()&&S&&(e.preventDefault(),e.repeat||vt()),!f&&S&&(0,ae.flushSync)(yt);return}if(e.preventDefault(),e.repeat)return;W>=0?mt(U[W]):f&&h&&N.trim()?vt():(!f&&h&&N!==M&&j!==null&&k(null),Y(!1));return;case`Escape`:if(G)return;if(F){e.preventDefault(),I(!1);return}if(!S)return;{let t=f?``:M;if(N!==t){e.preventDefault(),P(t),R(!1);return}De&&(j!==null||A.length>0)&&(e.preventDefault(),Q())}return;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:z!==null&&B(null);return;case`Backspace`:f&&S&&!e.repeat&&N===``&&A.length>0&&ht(A[A.length-1]);return;default:return}},vt=()=>{let e=N.trim(),t=d.find(t=>a.normalizeText(t.label)===a.normalizeText(e));A.includes(t?.value??e)?P(``):t?t.disabled||Z(t.value,t.label):(E.current.set(e,{value:e,label:e}),Z(e,e))},yt=()=>{f||N===M||(N.trim()===``?j===null?N!==``&&P(``):Q():h?j!==null&&k(null):P(M))},bt=e=>{Xe?.(e),Y(!1),R(!1),yt()},xt=(0,s.useRef)(()=>{});xt.current=()=>{if(de!==void 0)return;let e=fe??(f?[]:null);k(e);let t=typeof e==`string`?D(e)?.label??e:``;P(he??(f?``:t)),Y(!1),R(!1)},(0,s.useEffect)(()=>{let e=w.current?.form;if(!e)return;let t=()=>xt.current();return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[]);let St=e=>{let t=w.current;if(!t||b.disabled)return;let n=e.target;T.current?.contains(n)&&(n===t||n.closest(`button, a`)||(e.preventDefault(),t.focus()))},Ct=e=>{let t=e.target;T.current?.contains(t)&&!t.closest(`button, a`)&&(F||X(`none`))},wt=()=>{w.current?.focus(),G||F?Y(!1):X(`none`)},Tt=()=>{Q(),K(u.cleared),w.current?.focus()},Et=e=>e.preventDefault(),Dt=we&&S&&(A.length>0||N!==``),$=f&&A.length>0,Ot=Qe??(v?void 0:y&&!y.isGroup?y.labelId:void 0),kt=_===void 0?null:f?A.map(e=>(0,c.jsx)(`input`,{type:`hidden`,name:_,value:e,disabled:b.disabled},e)):(0,c.jsx)(`input`,{type:`hidden`,name:_,value:j??(h?N:``),disabled:b.disabled});return(0,c.jsxs)(`div`,{ref:T,className:n.cx(o.default.root,oe[x],Be&&o.default.fullWidth,f&&o.default.multiple,$&&o.default.hasChips,b.invalid&&o.default.invalid,b.disabled&&o.default.disabled,b.readOnly&&!b.disabled&&o.default.readOnly,Ue),style:We,"data-size":x,"data-state":G?`open`:`closed`,onMouseDown:St,onClick:Ct,children:[$&&(0,c.jsx)(i.ChipGroup,{"aria-label":Ae,size:se[x],tone:`primary`,variant:`soft`,disabled:b.disabled,focusFallback:w,className:o.default.chips,children:A.map(e=>{let t=D(e);return(0,c.jsx)(i.Chip,{startIcon:t?.icon,onRemove:S?()=>ht(e):void 0,children:t?.label??e},e)})}),(0,c.jsx)(`input`,{autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,...$e,ref:rt,id:tt,type:`text`,role:`combobox`,"aria-label":v,"aria-labelledby":Qe,"aria-expanded":G,"aria-controls":C,"aria-autocomplete":`list`,"aria-activedescendant":ct,...b.ariaProps,placeholder:$?void 0:qe,value:N,disabled:b.disabled,readOnly:b.readOnly,className:n.cx(o.default.input,He),onChange:gt,onKeyDown:_t,onBlur:bt}),(0,c.jsxs)(`span`,{className:o.default.actions,children:[Dt&&(0,c.jsx)(`button`,{type:`button`,className:o.default.iconButton,"aria-label":Te,onMouseDown:Et,onClick:Tt,children:(0,c.jsx)(ee.CloseIcon,{size:x===`lg`?`sm`:`xs`,strokeWidth:2.5})}),(0,c.jsx)(`button`,{type:`button`,tabIndex:-1,className:n.cx(o.default.iconButton,o.default.toggle),"aria-label":G?ke:Oe,disabled:!S,onMouseDown:Et,onClick:wt,children:(0,c.jsx)(ee.ChevronDownIcon,{size:x===`sm`?`sm`:`md`,className:o.default.chevron})})]}),kt,(0,c.jsx)(te.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:lt}),G&&(0,c.jsx)(re.ComboboxPopup,{anchorRef:T,positionerRef:nt,layer:ft,listboxId:C,labelledBy:Ot,label:v,multiple:f,size:x,placement:Re,maxHeight:ze,items:U,highlightedIndex:W,isSelected:e=>A.includes(e),onHighlight:e=>B(U[e]?.key??null),onChoose:mt,renderOption:ue,createLabel:Ce,loading:p,loadingMessage:xe,emptyMessage:m,container:Ve})]})};exports.Combobox=le,exports.defaultComboboxFilter=a.defaultComboboxFilter;

package/dist/components/forms/Combobox/Combobox.mjs

@@ -1,24 +1,25 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useOverlayLayer as t } from "../../../hooks/useOverlayLayer.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
 import { assignRef as r } from "../../../utils/refs.mjs";
-import { cx as i } from "../../../utils/cx.mjs";
-import { VisuallyHidden as ee } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { Chip as i, ChipGroup as ee } from "../../data-display/Chip/Chip.mjs";
 import { ChevronDownIcon as te, CloseIcon as ne } from "../../primitives/Icon/icons.mjs";
-import { useFieldContext as re, useFieldControl as ie } from "../Field/FieldContext.mjs";
-import { Chip as ae, ChipGroup as oe } from "../../data-display/Chip/Chip.mjs";
+import { VisuallyHidden as re } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { useFieldContext as ie, useFieldControl as ae } from "../Field/FieldContext.mjs";
+import { ComboboxPopup as oe } from "./ComboboxPopup.mjs";
 import { CREATE_KEY as se, defaultComboboxFilter as ce, findEnabled as a, isEnabled as le, normalizeText as o, orderItems as ue } from "./comboboxUtils.mjs";
 import s from "./Combobox.module.css.mjs";
-import { ComboboxPopup as de } from "./ComboboxPopup.mjs";
-import { useCallback as fe, useEffect as c, useId as pe, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as me } from "react/jsx-runtime";
-import { flushSync as he } from "react-dom";
-//#region src/components/forms/Combobox/Combobox.tsx
-var ge = {
+import { useMessages as de } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useCallback as fe, useEffect as c, useId as pe, useMemo as me, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as he } from "react/jsx-runtime";
+import { flushSync as ge } from "react-dom";
+// src/components/forms/Combobox/Combobox.tsx
+var _e = {
 	sm: s.sm,
 	md: s.md,
 	lg: s.lg
-}, _e = {
+}, ve = {
 	sm: "sm",
 	md: "sm",
 	lg: "md"
@@ -26,8 +27,8 @@ var ge = {
 function f(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-var ve = 500, ye = (ye) => {
-	let p = n().combobox, { options: m, renderOption: be, multiple: h = !1, value: xe, defaultValue: Se, onValueChange: Ce, inputValue: we, defaultInputValue: Te, onInputValueChange: Ee, open: De, defaultOpen: Oe = !1, onOpenChange: ke, filter: Ae, loading: g = !1, loadingMessage: je = p.loading, emptyMessage: _ = p.empty, resultsMessage: Me = p.results, allowCustomValue: v = !1, onCreate: Ne, createLabel: Pe = p.create, clearable: Fe = !1, clearLabel: Ie = p.clear, requiredMessage: Le = p.required, clearOnEscape: Re = !1, showSuggestionsLabel: ze = p.showSuggestions, hideSuggestionsLabel: Be = p.hideSuggestions, selectedLabel: Ve = p.selected, autoHighlight: He = !1, loop: Ue = !0, size: We, invalid: Ge, required: Ke, disabled: qe, readOnly: Je, name: y, placement: Ye = "bottom-start", maxHeight: Xe, fullWidth: Ze = !0, container: Qe, inputClassName: $e, className: et, style: tt, id: nt, ref: rt, placeholder: it, onChange: at, onKeyDown: ot, onBlur: st, "aria-describedby": ct, "aria-label": b, "aria-labelledby": lt, ...ut } = ye, x = re(), S = ie({
+var ye = 500, be = (be) => {
+	let p = de().combobox, { options: m, renderOption: xe, multiple: h = !1, value: Se, defaultValue: Ce, onValueChange: we, inputValue: Te, defaultInputValue: Ee, onInputValueChange: De, open: Oe, defaultOpen: ke = !1, onOpenChange: Ae, filter: je, loading: g = !1, loadingMessage: Me = p.loading, emptyMessage: _ = p.empty, resultsMessage: Ne = p.results, allowCustomValue: v = !1, onCreate: y, createLabel: Pe = p.create, clearable: Fe = !1, clearLabel: Ie = p.clear, requiredMessage: Le = p.required, clearOnEscape: Re = !1, showSuggestionsLabel: ze = p.showSuggestions, hideSuggestionsLabel: Be = p.hideSuggestions, selectedLabel: Ve = p.selected, autoHighlight: He = !1, loop: Ue = !0, size: We, invalid: Ge, required: Ke, disabled: qe, readOnly: Je, name: b, placement: Ye = "bottom-start", maxHeight: Xe, fullWidth: Ze = !0, container: Qe, inputClassName: $e, className: et, style: tt, id: nt, ref: rt, placeholder: it, onChange: at, onKeyDown: ot, onBlur: st, "aria-describedby": ct, "aria-label": x, "aria-labelledby": lt, ...ut } = be, S = ie(), C = ae({
 		id: nt,
 		invalid: Ge,
 		required: Ke,
@@ -35,242 +36,229 @@ var ve = 500, ye = (ye) => {
 		readOnly: Je,
 		size: We,
 		"aria-describedby": ct
-	}, { nativeRequired: !1 }), C = S.size ?? "md", w = !S.disabled && !S.readOnly, dt = pe(), ft = S.id ?? `${dt}-input`, T = `${dt}-listbox`, E = l(null), D = l(null), pt = l(null), mt = fe((e) => {
-		E.current = e, r(rt, e);
-	}, [rt]), O = l(/* @__PURE__ */ new Map());
-	for (let e of m) O.current.set(e.value, e);
-	let k = (e) => m.find((t) => t.value === e) ?? O.current.get(e), [A, j] = e({
-		value: xe,
-		defaultValue: Se ?? (h ? [] : null),
-		onChange: Ce
-	}), M = h ? Array.isArray(A) ? A : [] : typeof A == "string" ? [A] : [], N = !h && typeof A == "string" ? A : null, P = N === null ? "" : k(N)?.label ?? N, [F, I] = e({
-		value: we,
-		defaultValue: Te ?? (h ? "" : P),
-		onChange: Ee
-	}), ht = M.length > 0 || v && !h && F.trim() !== "";
+	}, { nativeRequired: !1 }), w = C.size ?? "md", T = !C.disabled && !C.readOnly, dt = pe(), ft = C.id ?? `${dt}-input`, E = `${dt}-listbox`, D = l(null), O = l(null), pt = l(null), mt = fe((e) => {
+		D.current = e, r(rt, e);
+	}, [rt]), k = l(/* @__PURE__ */ new Map());
+	for (let e of m) k.current.set(e.value, e);
+	let A = (e) => m.find((t) => t.value === e) ?? k.current.get(e), [j, M] = e({
+		value: Se,
+		defaultValue: Ce ?? (h ? [] : null),
+		onChange: we
+	}), N = h ? Array.isArray(j) ? j : [] : typeof j == "string" ? [j] : [], P = !h && typeof j == "string" ? j : null, F = P === null ? "" : A(P)?.label ?? P, [I, L] = e({
+		value: Te,
+		defaultValue: Ee ?? (h ? "" : F),
+		onChange: De
+	}), ht = N.length > 0 || v && !h && I.trim() !== "";
 	c(() => {
-		E.current?.setCustomValidity(S.required && !ht ? Le : "");
+		D.current?.setCustomValidity(C.required && !ht ? Le : "");
 	}, [
-		S.required,
+		C.required,
 		ht,
 		Le
 	]);
-	let [L, R] = e({
-		value: De,
-		defaultValue: Oe,
-		onChange: ke
-	}), gt = L && w, [z, B] = u(!1), [V, H] = u(null), _t = Ae === !1 ? null : Ae ?? ce, vt = (e, t) => {
+	let [R, z] = e({
+		value: Oe,
+		defaultValue: ke,
+		onChange: Ae
+	}), gt = R && T, [B, V] = u(!1), [H, U] = u(null), _t = je === !1 ? null : je ?? ce, vt = (e, t) => {
 		let n = [];
 		m.forEach((t, r) => {
 			(!_t || _t(t, e)) && n.push({
 				kind: "option",
 				key: t.value,
 				option: t,
-				id: `${T}-option-${r}`
+				id: `${E}-option-${r}`
 			});
 		});
-		let r = F.trim();
-		return Ne && t && r !== "" && !m.some((e) => o(e.label) === o(r)) && n.push({
-			kind: "create",
-			key: se,
-			text: r,
-			id: `${T}-create`
-		}), ue(n);
-	}, U = h || z, W = vt(U ? F : "", U), G = V === null ? -1 : W.findIndex((e) => e.key === V);
-	G >= 0 && !le(W[G]) && (G = -1), G === -1 && He && U && F.trim() !== "" && (G = a(W, -1, 1, !0));
-	let yt = _ != null && _ !== !1 && _ !== "", K = gt && (W.length > 0 || g || yt), bt = K && G >= 0 ? W[G].id : void 0, [xt, q] = u(""), St = W.filter((e) => e.kind === "option").length, Ct = W.find((e) => e.kind === "create"), J = K ? g ? f(je) : St > 0 ? Me(St) : Ct?.kind === "create" ? f(Pe(Ct.text)) : f(_) : "";
+		let r = I.trim();
+		if (y && t && r !== "") {
+			let e = o(r);
+			m.some((t) => o(t.label) === e) || n.push({
+				kind: "create",
+				key: se,
+				text: r,
+				id: `${E}-create`
+			});
+		}
+		return ue(n);
+	}, W = h || B, G = me(() => vt(W ? I : "", W), [
+		m,
+		_t,
+		W,
+		I,
+		!!y,
+		E
+	]), K = H === null ? -1 : G.findIndex((e) => e.key === H);
+	K >= 0 && !le(G[K]) && (K = -1), K === -1 && He && W && I.trim() !== "" && (K = a(G, -1, 1, !0));
+	let yt = _ != null && _ !== !1 && _ !== "", q = gt && (G.length > 0 || g || yt), bt = q && K >= 0 ? G[K].id : void 0, [xt, J] = u(""), St = G.filter((e) => e.kind === "option").length, Ct = G.find((e) => e.kind === "create"), wt = q ? g ? f(Me) : St > 0 ? Ne(St) : Ct?.kind === "create" ? f(Pe(Ct.text)) : f(_) : "";
 	c(() => {
-		if (!J) return;
-		let e = window.setTimeout(() => q(J), ve);
+		if (!wt) return;
+		let e = window.setTimeout(() => J(wt), ye);
 		return () => window.clearTimeout(e);
-	}, [J]), c(() => {
-		K || q("");
-	}, [K]);
-	let Y = l(we !== void 0 && !h && P !== "" ? null : P);
+	}, [wt]), c(() => {
+		q || J("");
+	}, [q]);
+	let Y = l(Te !== void 0 && !h && F !== "" ? null : F);
 	c(() => {
-		h || Y.current === P || (Y.current = P, !(v && P === "") && (z || I(P)));
+		h || Y.current === F || (Y.current = F, v && F === "" || B || L(F));
 	}, [
 		h,
-		P,
-		z,
+		F,
+		B,
 		v,
-		I
+		L
 	]);
 	let X = (e) => {
-		(!e || w) && (R(e), e || H(null));
-	}, wt = t({
-		active: K,
-		elements: () => [D, pt],
+		(!e || T) && (z(e), e || U(null));
+	}, Tt = t({
+		active: q,
+		elements: () => [O, pt],
 		onEscape: () => X(!1),
 		onOutsidePress: () => X(!1)
 	}), Z = (e) => {
-		if (!w) return;
-		let t = !h && F === P, n = h || z && !t;
-		t && B(!1);
-		let r = vt(n ? F : "", n), i = -1;
-		e === "first" ? i = a(r, -1, 1, !0) : e === "last" ? i = a(r, -1, -1, !0) : e === "selected" && (i = r.findIndex((e) => e.kind === "option" && !e.option.disabled && M.includes(e.option.value)), i < 0 && (i = a(r, -1, 1, !0))), H(i >= 0 ? r[i].key : null), R(!0);
-	}, Tt = (e) => {
-		let t = a(W, G, e, Ue);
-		H(t >= 0 ? W[t].key : null);
+		if (!T) return;
+		let t = !h && I === F, n = h || B && !t;
+		t && V(!1);
+		let r = vt(n ? I : "", n), i = -1;
+		e === "first" ? i = a(r, -1, 1, !0) : e === "last" ? i = a(r, -1, -1, !0) : e === "selected" && (i = r.findIndex((e) => e.kind === "option" && !e.option.disabled && N.includes(e.option.value)), i < 0 && (i = a(r, -1, 1, !0))), U(i >= 0 ? r[i].key : null), z(!0);
+	}, Et = (e) => {
+		let t = a(G, K, e, Ue);
+		U(t >= 0 ? G[t].key : null);
 	}, Q = (e, t) => {
 		if (h) {
-			let n = M.includes(e);
-			j(n ? M.filter((t) => t !== e) : [...M, e]), I(""), B(!1), H(e), q(n ? p.optionRemoved(t) : p.optionSelected(t));
-			return;
-		}
-		j(e), Y.current = t, I(t), B(!1), X(!1);
-	}, Et = (e) => {
+			let n = N.includes(e);
+			M(n ? N.filter((t) => t !== e) : [...N, e]), L(""), V(!1), U(e), J(n ? p.optionRemoved(t) : p.optionSelected(t));
+		} else M(e), Y.current = t, L(t), V(!1), X(!1);
+	}, Dt = (e) => {
 		if (!le(e)) return;
 		if (e.kind === "option") {
 			Q(e.option.value, e.option.label);
 			return;
 		}
-		let t = Ne?.(e.text);
-		if (typeof t == "string") {
-			O.current.set(t, {
-				value: t,
-				label: e.text
-			}), Q(t, e.text);
-			return;
-		}
-		B(!1), h ? I("") : X(!1);
-	}, Dt = (e) => {
-		w && (j(M.filter((t) => t !== e)), q(p.optionRemoved(k(e)?.label ?? e)));
-	}, $ = () => {
-		j(h ? [] : null), Y.current = "", I(""), B(!1), H(null);
+		let t = y?.(e.text);
+		typeof t == "string" ? (k.current.set(t, {
+			value: t,
+			label: e.text
+		}), Q(t, e.text)) : (V(!1), h ? L("") : X(!1));
 	}, Ot = (e) => {
-		at?.(e), I(e.target.value), B(!0), H(null), L || X(!0);
-	}, kt = (e) => {
-		if (ot?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || S.disabled)) switch (e.key) {
+		T && (M(N.filter((t) => t !== e)), J(p.optionRemoved(A(e)?.label ?? e)));
+	}, kt = () => {
+		M(h ? [] : null), Y.current = "", L(""), V(!1), U(null);
+	}, At = (e) => {
+		at?.(e), L(e.target.value), V(!0), U(null), R || X(!0);
+	}, jt = (e) => {
+		if (ot?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || C.disabled)) switch (e.key) {
 			case "ArrowDown":
-				if (!w) return;
-				e.preventDefault(), e.altKey ? K || Z("none") : K ? Tt(1) : Z(h ? "first" : "selected");
+				if (!T) return;
+				e.preventDefault(), e.altKey ? q || Z("none") : q ? Et(1) : Z(h ? "first" : "selected");
 				return;
 			case "ArrowUp":
-				if (!w) return;
-				e.preventDefault(), e.altKey ? X(!1) : K ? Tt(-1) : Z("last");
+				if (!T) return;
+				e.preventDefault(), e.altKey ? X(!1) : q ? Et(-1) : Z("last");
 				return;
 			case "Enter":
-				if (!K) {
-					h && v && F.trim() && w && (e.preventDefault(), e.repeat || At()), !h && w && he(jt);
+				if (!q) {
+					h && v && I.trim() && T && (e.preventDefault(), e.repeat || Mt()), !h && T && ge(Nt);
 					return;
 				}
 				if (e.preventDefault(), e.repeat) return;
-				G >= 0 ? Et(W[G]) : h && v && F.trim() ? At() : (!h && v && F !== P && N !== null && j(null), X(!1));
+				K >= 0 ? Dt(G[K]) : h && v && I.trim() ? Mt() : (!h && v && I !== F && P !== null && M(null), X(!1));
 				return;
 			case "Escape":
-				if (K) return;
-				if (L) {
-					e.preventDefault(), R(!1);
+				if (q) return;
+				if (R) {
+					e.preventDefault(), z(!1);
 					return;
 				}
-				if (!w) return;
+				if (!T) return;
 				{
-					let t = h ? "" : P;
-					if (F !== t) {
-						e.preventDefault(), I(t), B(!1);
+					let t = h ? "" : F;
+					if (I !== t) {
+						e.preventDefault(), L(t), V(!1);
 						return;
 					}
-					Re && (N !== null || M.length > 0) && (e.preventDefault(), $());
+					Re && (P !== null || N.length > 0) && (e.preventDefault(), kt());
 				}
 				return;
 			case "Home":
 			case "End":
 			case "ArrowLeft":
 			case "ArrowRight":
-				V !== null && H(null);
+				H !== null && U(null);
 				return;
 			case "Backspace":
-				h && w && !e.repeat && F === "" && M.length > 0 && Dt(M[M.length - 1]);
+				h && T && !e.repeat && I === "" && N.length > 0 && Ot(N[N.length - 1]);
 				return;
 			default: return;
 		}
-	}, At = () => {
-		let e = F.trim(), t = m.find((t) => o(t.label) === o(e));
-		if (M.includes(t?.value ?? e)) {
-			I("");
-			return;
-		}
-		if (t) {
-			t.disabled || Q(t.value, t.label);
-			return;
-		}
-		O.current.set(e, {
+	}, Mt = () => {
+		let e = I.trim(), t = m.find((t) => o(t.label) === o(e));
+		N.includes(t?.value ?? e) ? L("") : t ? t.disabled || Q(t.value, t.label) : (k.current.set(e, {
 			value: e,
 			label: e
-		}), Q(e, e);
-	}, jt = () => {
-		if (!(h || F === P)) {
-			if (F.trim() === "") {
-				N === null ? F !== "" && I("") : $();
-				return;
-			}
-			if (v) {
-				N !== null && j(null);
-				return;
-			}
-			I(P);
-		}
-	}, Mt = (e) => {
-		st?.(e), X(!1), B(!1), jt();
-	}, Nt = l(() => {});
-	Nt.current = () => {
-		if (xe !== void 0) return;
-		let e = Se ?? (h ? [] : null);
-		j(e);
-		let t = typeof e == "string" ? k(e)?.label ?? e : "";
-		I(Te ?? (h ? "" : t)), X(!1), B(!1);
+		}), Q(e, e));
+	}, Nt = () => {
+		h || I === F || (I.trim() === "" ? P === null ? I !== "" && L("") : kt() : v ? P !== null && M(null) : L(F));
+	}, Pt = (e) => {
+		st?.(e), X(!1), V(!1), Nt();
+	}, Ft = l(() => {});
+	Ft.current = () => {
+		if (Se !== void 0) return;
+		let e = Ce ?? (h ? [] : null);
+		M(e);
+		let t = typeof e == "string" ? A(e)?.label ?? e : "";
+		L(Ee ?? (h ? "" : t)), X(!1), V(!1);
 	}, c(() => {
-		let e = E.current?.form;
+		let e = D.current?.form;
 		if (!e) return;
-		let t = () => Nt.current();
+		let t = () => Ft.current();
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
 	}, []);
-	let Pt = (e) => {
-		let t = E.current;
-		if (!t || S.disabled) return;
+	let It = (e) => {
+		let t = D.current;
+		if (!t || C.disabled) return;
 		let n = e.target;
-		D.current?.contains(n) && (n === t || n.closest("button, a") || (e.preventDefault(), t.focus()));
-	}, Ft = (e) => {
+		O.current?.contains(n) && (n === t || n.closest("button, a") || (e.preventDefault(), t.focus()));
+	}, Lt = (e) => {
 		let t = e.target;
-		D.current?.contains(t) && !t.closest("button, a") && (L || Z("none"));
-	}, It = () => {
-		E.current?.focus(), K || L ? X(!1) : Z("none");
-	}, Lt = () => {
-		$(), q(p.cleared), E.current?.focus();
-	}, Rt = (e) => e.preventDefault(), zt = Fe && w && (M.length > 0 || F !== ""), Bt = h && M.length > 0, Vt = lt ?? (b ? void 0 : x && !x.isGroup ? x.labelId : void 0), Ht = y === void 0 ? null : h ? M.map((e) => /* @__PURE__ */ d("input", {
+		O.current?.contains(t) && !t.closest("button, a") && (R || Z("none"));
+	}, Rt = () => {
+		D.current?.focus(), q || R ? X(!1) : Z("none");
+	}, zt = () => {
+		kt(), J(p.cleared), D.current?.focus();
+	}, Bt = (e) => e.preventDefault(), Vt = Fe && T && (N.length > 0 || I !== ""), $ = h && N.length > 0, Ht = lt ?? (x ? void 0 : S && !S.isGroup ? S.labelId : void 0), Ut = b === void 0 ? null : h ? N.map((e) => /* @__PURE__ */ d("input", {
 		type: "hidden",
-		name: y,
+		name: b,
 		value: e,
-		disabled: S.disabled
+		disabled: C.disabled
 	}, e)) : /* @__PURE__ */ d("input", {
 		type: "hidden",
-		name: y,
-		value: N ?? (v ? F : ""),
-		disabled: S.disabled
+		name: b,
+		value: P ?? (v ? I : ""),
+		disabled: C.disabled
 	});
-	return /* @__PURE__ */ me("div", {
-		ref: D,
-		className: i(s.root, ge[C], Ze && s.fullWidth, h && s.multiple, Bt && s.hasChips, S.invalid && s.invalid, S.disabled && s.disabled, S.readOnly && !S.disabled && s.readOnly, et),
+	return /* @__PURE__ */ he("div", {
+		ref: O,
+		className: n(s.root, _e[w], Ze && s.fullWidth, h && s.multiple, $ && s.hasChips, C.invalid && s.invalid, C.disabled && s.disabled, C.readOnly && !C.disabled && s.readOnly, et),
 		style: tt,
-		"data-size": C,
-		"data-state": K ? "open" : "closed",
-		onMouseDown: Pt,
-		onClick: Ft,
+		"data-size": w,
+		"data-state": q ? "open" : "closed",
+		onMouseDown: It,
+		onClick: Lt,
 		children: [
-			Bt && /* @__PURE__ */ d(oe, {
+			$ && /* @__PURE__ */ d(ee, {
 				"aria-label": Ve,
-				size: _e[C],
+				size: ve[w],
 				tone: "primary",
 				variant: "soft",
-				disabled: S.disabled,
-				focusFallback: E,
+				disabled: C.disabled,
+				focusFallback: D,
 				className: s.chips,
-				children: M.map((e) => {
-					let t = k(e);
-					return /* @__PURE__ */ d(ae, {
+				children: N.map((e) => {
+					let t = A(e);
+					return /* @__PURE__ */ d(i, {
 						startIcon: t?.icon,
-						onRemove: w ? () => Dt(e) : void 0,
+						onRemove: T ? () => Ot(e) : void 0,
 						children: t?.label ?? e
 					}, e);
 				})
@@ -285,80 +273,79 @@ var ve = 500, ye = (ye) => {
 				id: ft,
 				type: "text",
 				role: "combobox",
-				"aria-label": b,
+				"aria-label": x,
 				"aria-labelledby": lt,
-				"aria-expanded": K,
-				"aria-controls": T,
+				"aria-expanded": q,
+				"aria-controls": E,
 				"aria-autocomplete": "list",
 				"aria-activedescendant": bt,
-				...S.ariaProps,
-				placeholder: Bt ? void 0 : it,
-				value: F,
-				disabled: S.disabled,
-				readOnly: S.readOnly,
-				className: i(s.input, $e),
-				onChange: Ot,
-				onKeyDown: kt,
-				onBlur: Mt
+				...C.ariaProps,
+				placeholder: $ ? void 0 : it,
+				value: I,
+				disabled: C.disabled,
+				readOnly: C.readOnly,
+				className: n(s.input, $e),
+				onChange: At,
+				onKeyDown: jt,
+				onBlur: Pt
 			}),
-			/* @__PURE__ */ me("span", {
+			/* @__PURE__ */ he("span", {
 				className: s.actions,
-				children: [zt && /* @__PURE__ */ d("button", {
+				children: [Vt && /* @__PURE__ */ d("button", {
 					type: "button",
 					className: s.iconButton,
 					"aria-label": Ie,
-					onMouseDown: Rt,
-					onClick: Lt,
+					onMouseDown: Bt,
+					onClick: zt,
 					children: /* @__PURE__ */ d(ne, {
-						size: C === "lg" ? "sm" : "xs",
+						size: w === "lg" ? "sm" : "xs",
 						strokeWidth: 2.5
 					})
 				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					tabIndex: -1,
-					className: i(s.iconButton, s.toggle),
-					"aria-label": K ? Be : ze,
-					disabled: !w,
-					onMouseDown: Rt,
-					onClick: It,
+					className: n(s.iconButton, s.toggle),
+					"aria-label": q ? Be : ze,
+					disabled: !T,
+					onMouseDown: Bt,
+					onClick: Rt,
 					children: /* @__PURE__ */ d(te, {
-						size: C === "sm" ? "sm" : "md",
+						size: w === "sm" ? "sm" : "md",
 						className: s.chevron
 					})
 				})]
 			}),
-			Ht,
-			/* @__PURE__ */ d(ee, {
+			Ut,
+			/* @__PURE__ */ d(re, {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				children: xt
 			}),
-			K && /* @__PURE__ */ d(de, {
-				anchorRef: D,
+			q && /* @__PURE__ */ d(oe, {
+				anchorRef: O,
 				positionerRef: pt,
-				layer: wt,
-				listboxId: T,
-				labelledBy: Vt,
-				label: b,
+				layer: Tt,
+				listboxId: E,
+				labelledBy: Ht,
+				label: x,
 				multiple: h,
-				size: C,
+				size: w,
 				placement: Ye,
 				maxHeight: Xe,
-				items: W,
-				highlightedIndex: G,
-				isSelected: (e) => M.includes(e),
-				onHighlight: (e) => H(W[e]?.key ?? null),
-				onChoose: Et,
-				renderOption: be,
+				items: G,
+				highlightedIndex: K,
+				isSelected: (e) => N.includes(e),
+				onHighlight: (e) => U(G[e]?.key ?? null),
+				onChoose: Dt,
+				renderOption: xe,
 				createLabel: Pe,
 				loading: g,
-				loadingMessage: je,
+				loadingMessage: Me,
 				emptyMessage: _,
 				container: Qe
 			})
 		]
 	});
 };
-//#endregion
-export { ye as Combobox, ce as defaultComboboxFilter };
+export { be as Combobox, ce as defaultComboboxFilter };

package/dist/components/forms/Combobox/Combobox.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Combobox/Combobox.module.css
+// src/components/forms/Combobox/Combobox.module.css
 var e = "_root_1tvvc_31", t = "_fullWidth_1tvvc_103", n = "_hasChips_1tvvc_115", r = "_sm_1tvvc_125", i = "_md_1tvvc_143", a = "_lg_1tvvc_161", o = "_disabled_1tvvc_181", s = "_readOnly_1tvvc_181", c = "_invalid_1tvvc_181", l = "_chips_1tvvc_247", u = "_input_1tvvc_261", d = "_multiple_1tvvc_303", f = "_actions_1tvvc_359", p = "_iconButton_1tvvc_375", m = "_chevron_1tvvc_471", h = "_positioner_1tvvc_499", g = "_popup_1tvvc_511", _ = "_listSm_1tvvc_617", v = "_listMd_1tvvc_631", y = "_listLg_1tvvc_645", b = "_listbox_1tvvc_659", x = "_option_1tvvc_673", S = "_optionLabel_1tvvc_731", C = "_indicator_1tvvc_749", w = "_optionIcon_1tvvc_751", T = "_optionDescription_1tvvc_789", E = "_optionText_1tvvc_797", D = "_createOption_1tvvc_833", O = "_group_1tvvc_845", k = "_groupLabel_1tvvc_871", A = "_statusRow_1tvvc_901", j = {
 	root: e,
 	fullWidth: t,
@@ -33,5 +33,4 @@ var e = "_root_1tvvc_31", t = "_fullWidth_1tvvc_103", n = "_hasChips_1tvvc_115",
 	groupLabel: k,
 	statusRow: A
 };
-//#endregion
 export { f as actions, m as chevron, l as chips, D as createOption, j as default, o as disabled, t as fullWidth, O as group, k as groupLabel, n as hasChips, p as iconButton, C as indicator, u as input, c as invalid, a as lg, y as listLg, v as listMd, _ as listSm, b as listbox, i as md, d as multiple, x as option, T as optionDescription, w as optionIcon, S as optionLabel, E as optionText, g as popup, h as positioner, s as readOnly, e as root, r as sm, A as statusRow };