@zvoove/unity-ui 2.45.0 → 2.45.1

package/dist/unity-ui.es.js

@@ -764,7 +764,7 @@ return E("label",{className:lC({disabled:l}),htmlFor:t??c,children:[
 /* @__PURE__ */b("div",{className:nC({checked:e,animate:o,disabled:l}),children:/* @__PURE__ */b("div",{className:rC()})}),
 /* @__PURE__ */b(Zg,{variant:"body",size:"lg",children:r})]})},oC=Hl({base:["flex","flex-col","space-y-md"],variants:{row:{true:["flex-row","space-x-md","space-y-none"]}}}),sC=({children:e,name:t,value:l,onChange:n,row:r,disabled:i=!1})=>{const[o,s]=v(l),c=e=>{s(e.target.value),n&&n(e)};return a.createElement("div",{className:oC({row:r}),role:"radiogroup","aria-labelledby":t},a.Children.map(e,e=>{if(a.isValidElement(e)&&"string"!=typeof e.type){const l=e,n=l.props.value===o;return a.cloneElement(l,{name:t,checked:n,onChange:c,disabled:i||l.props.disabled})}return null}))};sC.displayName="RadioGroup";var cC=Hl({base:["flex","items-center","gap-xs2"]}),mC={negative:"pink-container",active:"primary-container",positive:"green-container",neutral:"surface-container",ghost:"surface"},dC={negative:"on-pink-container",active:"on-primary-container",positive:"on-green-container",neutral:"on-surface",ghost:"on-surface"},hC={negative:"on-pink-container",active:"on-primary-container",positive:"on-green-container",neutral:"on-surface-variant",ghost:"on-surface-variant"},pC={large:{x:"md",y:"sm"},medium:{x:"sm",y:"xs"},small:{x:"sm",y:"xs"}},uC={large:{variant:"headline",size:"medium"},medium:{variant:"headline",size:"small"},small:{variant:"title",size:"medium"}},HC=s(({value:e,parameter:a,parameterIcon:t,showIcon:l=!0,variant:n="neutral",size:r="large",locale:i,children:o},s)=>{const c=dC[n],m=hC[n],{variant:d,size:h}=uC[r],p="number"==typeof e?e.toLocaleString(i):String(e),u=o??/* @__PURE__ */E(w,{children:[/* @__PURE__ */b(Zg,{variant:d,size:h,color:c,children:p}),null!=a&&""!==a&&/* @__PURE__ */E("div",{className:cC(),children:[l&&t&&/* @__PURE__ */b(gp,{name:t,size:"xs",color:m}),/* @__PURE__ */b(Zg,{variant:"body",size:"sm",color:m,children:a})]})]});/* @__PURE__ */
 return b(lh,{ref:s,variant:"filled",bgColor:mC[n],borderRadius:"sm",padding:pC[r],"data-testid":"score-card",role:"region","aria-label":p,children:/* @__PURE__ */b(gf,{gap:"large"===r?"xs2":"none",direction:"column",align:"flex-start",children:u})})});HC.displayName="ScoreCard";var gC=Hl({base:["relative","overflow-hidden","min-h-none","min-w-none"],variants:{sizeMode:{full:["size-full"],heightOnly:["w-full"],widthOnly:["h-full"],custom:[]},bgColor:F},defaultVariants:{sizeMode:"full",bgColor:"surface"}}),CC=Hl({base:["size-full","overflow-auto","min-h-none","min-w-none"],variants:{scrollbar:{overlay:["scrollbar-overlay"],hidden:["scrollbar-hidden"],default:[]}},defaultVariants:{scrollbar:"overlay"}}),fC=Hl({base:["absolute","z-10","pointer-events-none","to-transparent","transition-all","duration-300"],variants:{direction:{top:["top-none","left-none","right-none","h-xl5","bg-gradient-to-b"],bottom:["bottom-none","left-none","right-none","h-xl5","bg-gradient-to-t"],left:["left-none","top-none","bottom-none","w-xl5","bg-gradient-to-r"],right:["right-none","top-none","bottom-none","w-xl5","bg-gradient-to-l"]},visible:{true:["opacity-100"],false:["opacity-0"]},bgColor:N},defaultVariants:{visible:!1,bgColor:"surface"}}),VC=["top","bottom","left","right"],ZC={top:!1,bottom:!1,left:!1,right:!1},vC={top:!0,bottom:!0,left:!0,right:!0},xC=(e,a)=>e.top===a.top&&e.bottom===a.bottom&&e.left===a.left&&e.right===a.right,AC=s(({children:e,height:a,width:t,hideScrollbar:l=!1,useDefaultScrollbar:n=!1,addFade:r=!1,bgColor:i="surface"},o)=>{const s=Z(null),c=Z(void 0),[m,d]=v(ZC),h=((e,a)=>e?"hidden":a?"default":"overlay")(l,n),p=$e(a),u=$e(t),H=((e=!1)=>{if(!0===e)return vC;if(!1===e)return ZC;const{top:a,bottom:t,left:l,right:n,block:r,inline:i}=e;return{top:a??r??!1,bottom:t??r??!1,left:l??i??!1,right:n??i??!1}})(r),g=(f=H).top||f.bottom||f.left||f.right;var f,V,x;return C(()=>{const e=s.current;if(!e)return;const a=()=>{if(!g)return void d(e=>xC(e,ZC)?e:ZC);const a=(e=>{const{scrollTop:a,scrollLeft:t,scrollHeight:l,scrollWidth:n,clientHeight:r,clientWidth:i}=e;return{top:a>0,bottom:a<l-r-1,left:t>0,right:t<n-i-1}})(e);d(e=>xC(e,a)?e:a)},t=()=>{a(),"overlay"===h&&(e.dataset.scrolling="true",c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{delete e.dataset.scrolling},1e3))};a(),e.addEventListener("scroll",t,{passive:!0});const l="undefined"==typeof ResizeObserver?void 0:new ResizeObserver(a);l?.observe(e);const n=e.firstElementChild;return n&&l?.observe(n),()=>{e.removeEventListener("scroll",t),l?.disconnect(),c.current&&clearTimeout(c.current),delete e.dataset.scrolling}},[e,H.bottom,H.left,H.right,H.top,g,h]),/* @__PURE__ */E("div",{className:gC({sizeMode:(V=void 0!==a,x=void 0!==t,V&&x?"custom":V?"heightOnly":x?"widthOnly":"full"),bgColor:i}),"data-testid":"scrollable-area",style:{height:p,width:u},children:[VC.map(e=>H[e]&&/* @__PURE__ */b("div",{"aria-hidden":!0,className:fC({direction:e,visible:m[e],bgColor:i}),"data-testid":`scrollable-area-fade-${e}`},e)),/* @__PURE__ */b("div",{ref:e=>{s.current=e,"function"==typeof o?o(e):o&&(o.current=e)},className:CC({scrollbar:h}),"data-testid":"scrollable-area-scroll",children:e})]})});AC.displayName="ScrollableArea";var MC=Hl({base:["border","border-r-0","last:border-r","last:rounded-r-sm","first:rounded-l-sm","h-[40px]","cursor-pointer","transition-colors","px-xl2","flex","flex-row","items-center","justify-center","border-outline","hover:bg-on-secondary-container/8"],variants:{active:{true:["bg-tertiary-container","hover:bg-tertiary-container-hover/60"]},disabled:{true:["child:opacity-30","cursor-not-allowed!","bg-transparent!","hover:bg-transparent!"]},matchSiblings:{true:["grow","shrink","basis-none","truncate","w-fit"]}}}),wC=({label:e,active:a=!1,matchSiblings:t=!1,icon:l,value:n,as:r="button",linkComponent:i,...o})=>{ve(!l&&!e,"@SegmentButton icon or label is required");const s=i??r;/* @__PURE__ */
-return b(s,{...o,tabIndex:o.disabled?-1:0,className:MC({active:a,matchSiblings:t,disabled:o.disabled}),onClick:e=>{"button"===s&&e.preventDefault(),o.disabled||o.onClick&&o.onClick(n)},"data-testid":`segment-button-${n}`,children:/* @__PURE__ */b(Zg,{variant:"label",size:"lg",as:"span",children:/* @__PURE__ */E("span",{className:"flex items-center justify-center gap-xs",children:[l&&/* @__PURE__ */b(gp,{name:l,size:"xs"}),e]})})})},bC=Hl({base:["flex"],variants:{stretch:{true:"w-full"}}}),EC=({children:e,stretch:t,onChange:l,multiSelect:n=!1,activeButton:r,disabled:i=!1,linkComponent:o})=>{const s=h(()=>n?Array.isArray(r)?r:[]:r??"",[r,n]),[c,m]=v(s),[d,p]=v(!1);ve(Array.isArray(r)&&!n,"@SegmentGroup: activeButton must be a single value when multiSelect is false"),ve(!Array.isArray(r)&&n,"@SegmentGroup: activeButton must be an array of values when multiSelect is true");const H=f(()=>d?c:s(),[d,c,s]),g=h(e=>{m(n?a=>Array.isArray(a)&&a.includes(e)?a.filter(a=>a!==e):Array.isArray(a)?[...a,e]:[e]:e)},[n]);u(()=>{d&&l?.(c)},[c,l,d]);const C=f(()=>a.Children.map(e,e=>{if(a.isValidElement(e)&&"string"!=typeof e.type){const l=e,r=n?Array.isArray(H)&&H.includes(l.props.value):H===l.props.value,s=i||l.props?.disabled;return ve(n&&l.props?.href,"@SegmentGroup: links (href) cannot be used with multiSelect option"),a.cloneElement(l,{...l.props,active:r,linkComponent:o,matchSiblings:t,..."a"!==l.type&&{disabled:s,onClick:e=>{p(!0),g(e)}}})}return null}),[e,n,H,i,o,t,g]);return a.createElement("div",{className:bC({stretch:t})},C)},yC=Hl({base:["transition-all","ease-in-out","duration-500","opacity-0","w-fit","float-left","px-[8px]"],variants:{open:{true:["pt-[4px]","h-fit"],false:["h-none"]},disabled:{true:["cursor-not-allowed"]}},compoundVariants:[{open:!0,disabled:!0,class:["opacity-50"]},{open:!0,disabled:!1,class:["opacity-100"]}],defaultVariants:{open:!1}}),LC=({errorMessage:e,warningMessage:a,error:t=!1,warning:l=!1,disabled:n=!1})=>{const r=t&&!!e;/* @__PURE__ */
+return b(s,{...o,tabIndex:o.disabled?-1:0,className:MC({active:a,matchSiblings:t,disabled:o.disabled}),onClick:e=>{"button"===s&&e.preventDefault(),o.disabled||o.onClick&&o.onClick(n)},"data-testid":`segment-button-${n}`,children:/* @__PURE__ */b(Zg,{variant:"label",size:"lg",as:"span",children:/* @__PURE__ */E("span",{className:"flex items-center justify-center gap-xs",children:[l&&/* @__PURE__ */b(gp,{name:l,size:"xs"}),e]})})})},bC=Hl({base:["flex"],variants:{stretch:{true:"w-full"}}}),EC=({children:e,stretch:t,onChange:l,multiSelect:n=!1,activeButton:r,disabled:i=!1,linkComponent:o})=>{const s=h(()=>n?Array.isArray(r)?r:[]:r??"",[r,n]),[c,m]=v(s),[d,p]=v(!1),H=n?JSON.stringify(r):r,g=Z(H);u(()=>{g.current!==H&&(g.current=H,p(!1),m(s()))},[H]),ve(Array.isArray(r)&&!n,"@SegmentGroup: activeButton must be a single value when multiSelect is false"),ve(!Array.isArray(r)&&n,"@SegmentGroup: activeButton must be an array of values when multiSelect is true");const C=f(()=>d?c:s(),[d,c,s]),V=h(e=>{m(n?a=>Array.isArray(a)&&a.includes(e)?a.filter(a=>a!==e):Array.isArray(a)?[...a,e]:[e]:e)},[n]);u(()=>{d&&l?.(c)},[c,l,d]);const x=f(()=>a.Children.map(e,e=>{if(a.isValidElement(e)&&"string"!=typeof e.type){const l=e,r=n?Array.isArray(C)&&C.includes(l.props.value):C===l.props.value,s=i||l.props?.disabled;return ve(n&&l.props?.href,"@SegmentGroup: links (href) cannot be used with multiSelect option"),a.cloneElement(l,{...l.props,active:r,linkComponent:o,matchSiblings:t,..."a"!==l.type&&{disabled:s,onClick:e=>{p(!0),V(e)}}})}return null}),[e,n,C,i,o,t,V]);return a.createElement("div",{className:bC({stretch:t})},x)},yC=Hl({base:["transition-all","ease-in-out","duration-500","opacity-0","w-fit","float-left","px-[8px]"],variants:{open:{true:["pt-[4px]","h-fit"],false:["h-none"]},disabled:{true:["cursor-not-allowed"]}},compoundVariants:[{open:!0,disabled:!0,class:["opacity-50"]},{open:!0,disabled:!1,class:["opacity-100"]}],defaultVariants:{open:!1}}),LC=({errorMessage:e,warningMessage:a,error:t=!1,warning:l=!1,disabled:n=!1})=>{const r=t&&!!e;/* @__PURE__ */
 return b("div",{className:yC({open:r||!t&&l&&!!a,disabled:n}),role:r?"alert":"status",children:/* @__PURE__ */b(Zg,{color:r?"error":"warning",variant:"body",size:"sm",children:r?e:a})})},kC=Hl({base:["w-full","min-w-none","max-w-full","flex","flex-col","focus-within:outline-none","focus-within:ring-0","focus-within:ring-offset-0","focus-within:ring-offset-transparent"],variants:{disabled:{true:["cursor-not-allowed"],false:["cursor-pointer"]}}}),FC=Hl({base:["w-full","max-w-full","relative","min-w-[150px]","focus:outline-none","focus:ring-0","focus:ring-offset-0","focus:shadow-none"],variants:{disabled:{true:["cursor-not-allowed","**:cursor-not-allowed"],false:["cursor-pointer"]},multiple:{true:[],false:[]},density:{default:[],"-2":[],"-4":[]}},compoundVariants:[{multiple:!1,density:"default",class:["h-[56px]"]},{multiple:!1,density:"-2",class:["h-[48px]"]},{multiple:!1,density:"-4",class:["h-[40px]"]},{multiple:!0,density:"default",class:["min-h-[56px]"]},{multiple:!0,density:"-2",class:["min-h-[48px]"]},{multiple:!0,density:"-4",class:["min-h-[40px]"]}],defaultVariants:{disabled:!1,multiple:!1,density:"default"}}),NC=Hl({base:["appearance-none","text-body-medium","rounded-sm","border","focus:outline-none","w-full","min-w-none","max-w-full","text-body-large","transition-all","ease-in-out","disabled:opacity-50","disabled:cursor-not-allowed","hide-clear-field","remove-input-arrows","text-ellipsis","text-on-surface","bg-surface","hover:bg-surface-container-low","disabled:bg-surface-container-low"],variants:{multiple:{true:[],false:[]},density:{default:["p-md","pr-[calc(var(--spacing-md)_*_2_+_20px)]"],"-2":["py-sm","px-md","pr-[calc(var(--spacing-md)_*_2_+_20px)]"],"-4":["py-xs","px-sm","pr-[calc(var(--spacing-sm)_*_2_+_18px)]"]},error:{true:[],false:[]},isFocused:{true:[],false:[]},disabled:{true:["bg-surface-container-low","cursor-not-allowed","opacity-50","[&_*]:cursor-not-allowed"],false:["cursor-pointer"]}},compoundVariants:[{multiple:!1,class:["h-full"]},{multiple:!0,density:"default",class:["min-h-[56px]"]},{multiple:!0,density:"-2",class:["min-h-[48px]"]},{multiple:!0,density:"-4",class:["min-h-[40px]"]},{isFocused:!0,error:!1,disabled:!1,class:["border-primary","hover:border-primary"]},{isFocused:[!0,!1],error:!0,class:["border-error","hover:border-error"]},{isFocused:!1,error:!1,disabled:!1,class:["border-outline","hover:border-on-surface-variant"]},{disabled:!0,error:!1,class:["border-outline"]}]}),SC=Hl({base:["absolute","z-1","top-1/2","transform","-translate-y-1/2","text-body-small","rounded-full","transition-all","ease-in-out","focus:outline-none","focus:border-none"],variants:{error:{true:["text-error"],false:["text-on-surface-variant"]},disabled:{true:["opacity-20","cursor-not-allowed"],false:[]},hasMultipleSelectedValues:{true:[],false:[]},multiple:{true:[],false:[]},density:{default:["right-md"],"-2":["right-md"],"-4":["right-sm"]}},compoundVariants:[{hasMultipleSelectedValues:!0,multiple:!0,density:"default",class:["top-[28px]"]},{hasMultipleSelectedValues:!0,multiple:!0,density:"-2",class:["top-[24px]"]},{hasMultipleSelectedValues:!0,multiple:!0,density:"-4",class:["top-[20px]"]}],defaultVariants:{density:"default"}}),_C=Hl({base:["w-full","min-w-none","relative"],variants:{isFilledOrFocused:{true:[],false:[]},hasMultipleSelectedValues:{true:[],false:[]},density:{default:[],"-2":[],"-4":[]},multiple:{true:[],false:[]},hideLabel:{true:["-mt-[2px]"],false:[]}},compoundVariants:[{isFilledOrFocused:!0,hideLabel:!1,hasMultipleSelectedValues:!1,density:"default",class:["top-[9px]"]},{hideLabel:!1,hasMultipleSelectedValues:!0,multiple:!0,density:"default",class:["pb-xs","top-[14px]"]},{isFilledOrFocused:!0,hideLabel:!1,hasMultipleSelectedValues:!1,density:"-2",class:["top-[7px]"]},{isFilledOrFocused:!0,hideLabel:!1,hasMultipleSelectedValues:!0,multiple:!0,density:"-2",class:["pb-xs","top-[10px]"]},{isFilledOrFocused:!0,hideLabel:!1,hasMultipleSelectedValues:!1,density:"-4",class:["top-[5px]"]},{isFilledOrFocused:!0,hideLabel:!1,hasMultipleSelectedValues:!0,multiple:!0,density:"-4",class:["pb-xs","top-[6px]"]}],defaultVariants:{density:"default",hideLabel:!1}}),DC=Hl({base:["w-full","outline-none","border-none","text-body-medium","hide-clear-field","remove-input-arrows","text-ellipsis","bg-transparent","focus:outline-none","focus:border-none","focus:ring-0","focus:ring-offset-0","focus:ring-offset-transparent","text-on-surface","disabled:opacity-50","disabled:cursor-not-allowed"],variants:{isVisible:{true:["block"],false:["hidden"]},error:{true:["caret-error","border-error"],false:["caret-primary","border-outline","disabled:border-outline","focus:border-primary","hover:border-on-surface-variant"]},disabled:{true:["opacity-50","cursor-not-allowed"],false:[]}}}),IC=Hl({base:["min-w-none","w-full","overflow-hidden","text-ellipsis","whitespace-nowrap","break-all"]}),TC=Hl({base:["w-fit","absolute","top-1/2","transform","-translate-y-1/2","text-body-large","transition-all","ease-in-out","pointer-events-none","border","border-transparent","overflow-hidden","text-ellipsis","whitespace-nowrap","break-all"],variants:{density:{default:["left-md","max-w-[calc(100%-var(--spacing-md)_*_2-20px)]"],"-2":["left-md","max-w-[calc(100%-var(--spacing-md)_*_2-20px)]"],"-4":["left-sm","max-w-[calc(100%-var(--spacing-sm)_*_2-18px)]"]},isFocused:{true:[],false:[]},isFilledOrFocused:{true:["top-1/3","text-body-small"]},error:{true:["text-error"]},hideLabel:{true:["hidden"],false:[]},disabled:{true:["opacity-50"],false:[]},hasMultipleSelectedValues:{true:[],false:[]},multiple:{true:[],false:[]}},compoundVariants:[{isFilledOrFocused:!0,hasMultipleSelectedValues:!0,multiple:!0,density:"default",class:["top-[9px]","translate-y-0"]},{isFilledOrFocused:!0,hasMultipleSelectedValues:!0,multiple:!0,density:"-2",class:["top-[7px]","translate-y-0"]},{isFilledOrFocused:!0,hasMultipleSelectedValues:!0,multiple:!0,density:"-4",class:["top-[5px]","translate-y-0"]},{isFocused:!0,error:!0,class:["text-error"]},{isFocused:!0,error:!1,class:["text-primary"]},{isFocused:!1,error:!1,class:["text-on-surface-variant"]}],defaultVariants:{error:!1,isFilledOrFocused:!1,density:"default"}}),zC=(e,a)=>e.filter(e=>((e,a)=>{let t=0;for(const l of e.toLowerCase()){if(t=a.toLowerCase().indexOf(l,t),-1===t)return!1;t++}return!0})(a,e.label)),RC=e=>{const{value:a,...t}=e;return{...t,id:a}},OC=e=>e.map(RC),BC=(e,a)=>{if(Me(a))return e.find(e=>e.value===a)},UC=e=>Me(e)&&"string"==typeof e,WC=e=>Array.isArray(e)&&e.length>0,jC=({multiple:e,value:a,options:t,searchable:l,error:n,disabled:r,isFocused:i,inputValue:o,label:s,name:c,id:m,onDeleteItem:d,onInputChange:h,onSingleSearchInputChange:p,onInputFocus:u,onInputKeyDown:H,onInputBlur:g,inputRef:C,chipsRef:f})=>{if(e&&Array.isArray(a)){const e=`${m??c}-input`;/* @__PURE__ */
 return E(gf,{direction:"row",align:"center",gap:"xs",wrap:"wrap",ref:f,children:[a?.map(e=>{const a=t.find(a=>a.value===e);return a?/* @__PURE__ */b(kh,{label:a.label,type:"input",onDelete:()=>d(a),icon:a.icon,disabled:r},e):null}),l&&/* @__PURE__ */b("input",{type:"text",className:DC({error:n,isVisible:i,disabled:r}),ref:C,name:c,id:e,onChange:p,value:o,disabled:r,onFocus:u,"aria-label":s,"aria-describedby":e})]})}if(l){const e=t.find(e=>e.value===a);/* @__PURE__ */
 return E(gf,{direction:"row",align:"center",gap:"xs",children:[e?.icon&&/* @__PURE__ */b(gp,{name:e.icon,size:"xs"}),/* @__PURE__ */b("input",{type:"text",className:DC({error:n,isVisible:i||Me(a)&&"string"==typeof a,disabled:r}),ref:C,name:c,id:m??c,onChange:h,value:o,disabled:r,onKeyDown:H,onFocus:u,onBlur:g,"aria-label":s,"aria-describedby":m??c})]})}{const e=t.find(e=>e.value===a);return e?/* @__PURE__ */E(gf,{direction:"row",align:"center",gap:"xs",width:"100%",minWidth:0,children:[e.icon&&/* @__PURE__ */b(gp,{name:e.icon,size:"xs"}),/* @__PURE__ */b("span",{className:IC(),children:/* @__PURE__ */b(Zg,{as:"span",variant:"body",size:"lg",wrap:!1,hyphenate:!1,children:e.label})})]}):null}},$C=50,PC=100,XC=150,GC={default:"md","-2":"md","-4":"sm"},YC=({value:e,multiple:a=!1,options:t,onChange:l,error:n=!1,errorMessage:r,disabled:i=!1,label:o,hideLabel:s=!1,name:c,id:m,searchable:d=!1,allowClearAll:h=!1,allowSelectAll:p=!1,selectAllLabel:g,clearAllLabel:C,noResultsFoundMessage:f,onScrollEnd:V,isLoadingMore:x,"aria-label":A,"aria-labelledby":M,density:w="default",...y})=>{const L=$e(w)??"default",{isPopUpMenuOpen:k,setIsPopUpMenuOpen:F,inputValue:N,setInputValue:S,isFocused:_,setIsFocused:D,filteredOptions:I,setFilteredOptions:T,inputRef:z,chipsRef:R,wrapperRef:O,justSelectedRef:B,selectId:U}=((e,a,t,l)=>{const[n,r]=v(!1),[i,o]=v(""),[s,c]=v(!1),[m,d]=v(e),h=Z(null),p=Z(null),g=Z(null),C=Z(!1),f=H();return u(()=>{d(i?zC(e,i):e)},[e]),u(()=>()=>{cH.unregisterOpenSelect(f)},[f]),u(()=>{if(l&&!t&&!s)if(UC(a)){const t=BC(e,a);o(t?t.label:"")}else o("")},[a,e,l,t,s]),{isPopUpMenuOpen:n,setIsPopUpMenuOpen:r,inputValue:i,setInputValue:o,isFocused:s,setIsFocused:c,filteredOptions:m,setFilteredOptions:d,inputRef:h,chipsRef:p,wrapperRef:g,justSelectedRef:C,selectId:f}})(t,e,a,d),{handleDeleteItem:W,handleInputChange:j,handleSearchInputChange:$,handleInputFocus:P,handleInputKeyDown:X,handleInputBlur:G,handleItemClick:Y,handleClearAllOrSelectAll:q,handleMenuClose:K,handleWrapperFocus:J,handleWrapperBlur:Q,handleWrapperClick:ee,handleWrapperKeyDown:ae,handleMenuFocus:te}=(({options:e,value:a,multiple:t,searchable:l,disabled:n,onChange:r,inputValue:i,setInputValue:o,filteredOptions:s,setFilteredOptions:c,setIsPopUpMenuOpen:m,setIsFocused:d,inputRef:h,wrapperRef:p,justSelectedRef:u,name:H,selectId:g})=>{const C=e=>{const a=document.createElement("select");if(a.name=H,t)a.multiple=!0,Array.isArray(e)&&e.forEach(e=>{const t=document.createElement("option");t.value=e,t.selected=!0,a.appendChild(t)});else{const t=e??"",l=document.createElement("option");l.value=t,l.selected=!0,a.appendChild(l),a.value=t}return{target:a,currentTarget:a,nativeEvent:new Event("change",{bubbles:!0}),bubbles:!0,cancelable:!1,defaultPrevented:!1,eventPhase:0,isTrusted:!0,preventDefault:()=>{},isDefaultPrevented:()=>!1,stopPropagation:()=>{},isPropagationStopped:()=>!1,persist:()=>{},timeStamp:Date.now(),type:"change"}},f=()=>{l&&setTimeout(()=>{h.current?.focus()},$C)},V=()=>{if(!UC(a))return void o("");const t=BC(e,a);t&&i!==t.label&&o(t.label)},Z=()=>{m(!1),cH.unregisterOpenSelect(g);const n=i;setTimeout(()=>{if(d(!1),t)o("");else if(l)if(u.current)V(),u.current=!1;else if(""===n&&UC(a)){if(BC(e,a)){const e=C();r?.(e)}}else UC(a)?V():Me(a)||""===n||o("");else o("");c(e),setTimeout(()=>{p.current?.focus()},10)},PC)};return{handleDeleteItem:e=>{if(n||!Array.isArray(a))return;const t=a.filter(a=>a!==e.value),l=C(t);r?.(l)},handleInputChange:l=>{if(n)return;const i=l.target.value;if(o(i),f(),c(zC(e,i)),!t){if(""===i){if(BC(e,UC(a)?a:"")){const e=C();r?.(e)}return}const t=((e,a)=>e.find(e=>e.label.toLowerCase()===a.toLowerCase()))(e,i);if(t){const e=C(t.value);r?.(e),o(t.label)}}},handleSearchInputChange:a=>{if(n)return;const t=a.target.value;o(t),f(),c(zC(e,t))},handleInputFocus:()=>{if(!n&&(d(!0),UC(a))){const t=BC(e,a);t&&o(t.label)}},handleInputKeyDown:a=>{if("Enter"!==a.key||t)return;a.preventDefault(),a.stopPropagation();const l=s[0];if(s.length>0&&l){u.current=!0,o(l.label);const a=C(l.value);r?.(a),c(e),m(!1),cH.unregisterOpenSelect(g),h.current?.blur(),setTimeout(()=>{d(!1),setTimeout(()=>{p.current?.focus()},10)},PC)}},handleInputBlur:()=>{if(l&&!t&&""===i&&BC(e,UC(a)?a:"")){const e=C();r?.(e)}},handleItemClick:(a,n)=>{const i=(e=>{const{id:a,onClick:t,disabled:l,linkComponent:n,as:r,...i}=e;return{...i,value:a}})(a),s=C(n);r?.(s),!t&&Me(n)&&(m(!1),cH.unregisterOpenSelect(g),setTimeout(()=>{d(!1),setTimeout(()=>{p.current?.focus()},10)},PC)),l&&(t?(o(""),f()):Me(n)?(u.current=!0,o(i.label),h.current?.blur(),setTimeout(()=>{u.current=!1},XC)):(u.current=!1,o("")),c(e))},handleClearAllOrSelectAll:(a,n)=>{const i=C(n);r?.(i),l&&(t&&(o(""),f()),c(e))},handleMenuClose:Z,handleWrapperFocus:()=>{n||d(!0)},handleWrapperBlur:e=>{if(n)return;const a=e.relatedTarget,t=e.currentTarget;a&&t.contains(a)||setTimeout(()=>{const e=document.activeElement;e&&t.contains(e)||d(!1)},0)},handleWrapperClick:()=>{if(!n){if(cH.closeOtherSelects(g),m(!0),d(!0),cH.registerOpenSelect(g,Z),!t&&l&&UC(a)){const t=BC(e,a);t&&o(t.label)}f()}},handleWrapperKeyDown:r=>{if(!n&&("Enter"===r.key||" "===r.key)){if(r.preventDefault(),r.stopPropagation(),cH.closeOtherSelects(g),m(!0),d(!0),cH.registerOpenSelect(g,Z),!t&&l&&UC(a)){const t=BC(e,a);t&&o(t.label)}f()}},handleMenuFocus:()=>{n||d(!0)}}})({options:t,value:e,multiple:a,searchable:d,disabled:i,onChange:l,inputValue:N,setInputValue:S,filteredOptions:I,setFilteredOptions:T,setIsPopUpMenuOpen:F,setIsFocused:D,inputRef:z,wrapperRef:O,justSelectedRef:B,name:c,selectId:U}),le=((e,a,t,l,n)=>{if(n)return Me(e)||Me(a)||t;const r=!l&&UC(e),i=l&&WC(e);return r||i})(e,N,_,a,d),ne=WC(e),re=`${U}-label`,ie=d||void 0===o||void 0!==A||void 0!==M?void 0:re;/* @__PURE__ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zvoove/unity-ui",
-  "version": "2.45.0",
+  "version": "2.45.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/zvoove-org/unity-ui.git"