@gomeniucivan/ui 1.0.66 → 1.0.68

package/dist/index.mjs

@@ -2315,7 +2315,7 @@ var QC=Object.defineProperty;var us=(e,o)=>{for(var t in o)QC(e,t,{get:o[t],enum
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-  `}),{path:"src/Select/style"}),Fc=$5(Y.trigger,{defaultVariants:{shadow:!1,size:"middle",variant:"outlined"},variants:{shadow:{false:null,true:Y.shadow},size:{large:Y.triggerLarge,middle:Y.triggerMiddle,small:Y.triggerSmall},variant:{borderless:Y.borderless,filled:Y.filled,outlined:Y.outlined}}});import{jsx as Eo}from"react/jsx-runtime";var Wo=(e,o)=>typeof o=="function"?t=>u(e,o(t)):u(e,o),Qx=uo.Root,Zx=uo.Backdrop,Vx=uo.Separator,bm=({children:e,className:o,nativeButton:t,shadow:r,size:n="middle",variant:a,ref:i,...l})=>{let{isDarkMode:s}=ne(),d=Fc({shadow:r,size:n,variant:a??(s?"filled":"outlined")}),{isNativeButtonTriggerElement:g,resolvedNativeButton:b}=Po({children:e,nativeButton:t});return B5(e)?Eo(uo.Trigger,{...l,nativeButton:b,render:(m,y)=>{let p=(()=>{if(g)return m;let{type:k,ref:_,...S}=m;return S})(),f=L5(e.props,p),h=e?.props?.ref,x=typeof f.className=="function"?f.className(y):f.className,v=typeof o=="function"?o(y):o;return D5(e,{...f,className:u(d,x,v),ref:O5([h,m.ref,i])})}}):Eo(uo.Trigger,{...l,className:Wo(d,o),nativeButton:b,ref:i,children:e})};bm.displayName="SelectTrigger";var xm=({className:e,...o})=>Eo(uo.Icon,{className:Wo(Y.icon,e),...o});xm.displayName="SelectIcon";var vm=({className:e,...o})=>Eo(uo.Value,{className:Wo(Y.value,e),...o});vm.displayName="SelectValue";var km=({container:e,...o})=>{let t=Nt(Mr);return Eo(uo.Portal,{container:e??t,...o})};km.displayName="SelectPortal";var wm=({align:e,alignItemWithTrigger:o,className:t,side:r,sideOffset:n,...a})=>Eo(uo.Positioner,{align:e??"start",alignItemWithTrigger:o??!1,className:Wo(Y.positioner,t),side:r??"bottom",sideOffset:n??6,...a});wm.displayName="SelectPositioner";var _m=({className:e,...o})=>Eo(uo.Popup,{className:Wo(u(H.popup,Y.popup),e),...o});_m.displayName="SelectPopup";var Sm=({className:e,...o})=>Eo(uo.List,{className:Wo(Y.list,e),...o});Sm.displayName="SelectList";var Cm=({className:e,...o})=>Eo(uo.Item,{className:Wo(u(H.item,Y.item),e),...o});Cm.displayName="SelectItem";var Tm=({className:e,...o})=>Eo(uo.ItemText,{className:Wo(u(H.label,Y.itemText),e),...o});Tm.displayName="SelectItemText";var Pm=({className:e,...o})=>Eo(uo.ItemIndicator,{className:Wo(Y.itemIndicator,e),...o});Pm.displayName="SelectItemIndicator";var Mm=({className:e,...o})=>Eo(uo.Group,{className:Wo(Y.group,e),...o});Mm.displayName="SelectGroup";var Im=({className:e,...o})=>Eo(uo.GroupLabel,{className:Wo(u(H.groupLabel,Y.groupLabel),e),...o});Im.displayName="SelectGroupLabel";var Em=({className:e,...o})=>Eo(uo.ScrollUpArrow,{className:Wo(Y.scrollArrow,e),...o});Em.displayName="SelectScrollUpArrow";var Nm=({className:e,...o})=>Eo(uo.ScrollDownArrow,{className:Wo(Y.scrollArrow,e),...o});Nm.displayName="SelectScrollDownArrow";var Fm=({className:e,...o})=>Eo(uo.Arrow,{className:Wo(Y.arrow,e),...o});Fm.displayName="SelectArrow";import{Select as So}from"@base-ui/react/select";import{Check as Rc,ChevronDown as z5,Loader2 as H5,X as G5}from"lucide-react";import{isValidElement as Jx,memo as W5,useCallback as Ao,useEffect as kt,useMemo as er,useRef as Ba,useState as Oa}from"react";import{createPortal as q5}from"react-dom";import{Virtualizer as U5}from"virtua";import{jsx as ge,jsxs as wt}from"react/jsx-runtime";var za=e=>!!e.options,jc=e=>typeof e.label=="string"||typeof e.label=="number"?String(e.label):typeof e.value=="string"||typeof e.value=="number"?String(e.value):e.title?e.title:"",K5=e=>e.replaceAll(/[$()*+.?[\\\]^{|}]/g,"\\$&"),Y5=(e,o)=>{if(!o||o.length===0)return[e];let t=o.map(K5).join("|");return e.split(new RegExp(t,"g"))},X5=e=>e.reduce((o,t)=>za(t)?o+t.options.length+1:o+1,0),Sl=e=>e==null||e==="",ev=W5(({allowClear:e,autoFocus:o,className:t,classNames:r,defaultOpen:n,defaultValue:a,disabled:i,id:l,isMobile:s,labelRender:c,listHeight:d=512,listItemHeight:g,loading:b,mode:m,name:y,onChange:p,onOpenChange:f,onSelect:h,open:x,optionRender:v,options:k,placeholder:_,popupClassName:S,popupMatchSelectWidth:C,prefix:T,readOnly:E,required:L,behaviorVariant:R="default",selectedIndicatorVariant:N="check",shadow:$,showSearch:K,size:X="middle",style:me,styles:z,suffixIcon:F,suffixIconProps:q,tokenSeparators:ae,value:fe,variant:Z,virtual:G})=>{let{isDarkMode:ce}=ne(),ie=Z??(ce?"filled":"outlined"),te=m==="multiple"||m==="tags",he=R==="item-aligned",ee=mt(),Ae=!!((s??ee)&&m!=="tags"),[Se,U]=Oa(!1),[pe,ue]=Oa(!1),ve=Ba(null),ye=Ae&&Se,[We,He]=Oa(()=>a!==void 0?a:te?[]:null),Ge=Ao(A=>te?Array.isArray(A)?A:A==null?[]:[A]:Array.isArray(A)?A[0]??null:A===void 0?null:A,[te]),Oe=fe!==void 0?fe:We,Me=er(()=>Ge(Oe),[Oe,Ge]),be=er(()=>te?Me:Sl(Me)?[]:[Me],[te,Me]),[Ke,Pe]=Oa([]);kt(()=>{m!=="tags"&&Ke.length>0&&Pe([])},[m,Ke.length]),kt(()=>{U(!0)},[]);let[ro,To]=Oa(!!n);kt(()=>{x!==void 0&&To(x)},[x]);let Ie=x??ro,qe=Ao(A=>{f?.(A),x===void 0&&To(A)},[f,x]);kt(()=>{if(!ye){ue(!1);return}if(Ie){ve.current&&(clearTimeout(ve.current),ve.current=null),ue(!0);return}pe&&(ve.current=setTimeout(()=>{ue(!1)},220))},[ye,Ie,pe]),kt(()=>()=>{ve.current&&clearTimeout(ve.current)},[]);let{resolvedOptions:xo,optionMap:Yo}=er(()=>{let A=k??[],O=new Map,oe=Be=>{O.has(Be.value)||O.set(Be.value,Be)};(Be=>{Be.forEach(ca=>{za(ca)?ca.options.forEach(oe):oe(ca)})})(A);let re=Ke.filter(Be=>!O.has(Be.value));re.forEach(oe);let Je=[...A,...re],Qe=be.filter(Be=>!O.has(Be)).map(Be=>({label:String(Be),value:Be}));return Qe.forEach(oe),{optionMap:O,resolvedOptions:Qe.length?[...Je,...Qe]:Je}},[Ke,k,be]);kt(()=>{if(!ye||!Ie)return;let A=document.documentElement,O=document.body,oe=A.style.overflow,we=O.style.overflow,re=O.style.paddingRight,Je=window.innerWidth-A.clientWidth;return A.style.overflow="hidden",O.style.overflow="hidden",Je>0&&(O.style.paddingRight=`${Je}px`),()=>{A.style.overflow=oe,O.style.overflow=we,O.style.paddingRight=re}},[ye,Ie]),kt(()=>{if(!ye||!Ie)return;let A=O=>{O.key==="Escape"&&qe(!1)};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[ye,qe,Ie]);let[Ye,J]=Oa(""),ke=!!(K||m==="tags");kt(()=>{Ie||J("")},[Ie]);let le=Ao(A=>{let O=Yo.get(A);return O||(A&&typeof A=="object"&&"label"in A?{label:A.label,value:A}:{label:String(A),value:A})},[Yo]),Oo=Ba(Me);kt(()=>{Oo.current=Me},[Me]);let co=Ao(A=>{let O=Ge(A),oe=Oo.current;if(te){let we=Array.isArray(oe)?oe:[],re=Array.isArray(O)?O:[];re.filter(Qe=>!we.some(Be=>Object.is(Be,Qe))).forEach(Qe=>{h?.(Qe,le(Qe))}),fe===void 0&&He(re),p?.(re,re.map(Qe=>le(Qe)))}else!Sl(O)&&!Object.is(oe,O)&&h?.(O,le(O)),fe===void 0&&He(O),p?.(O,Sl(O)?void 0:le(O));Oo.current=O},[le,te,Ge,p,h,fe]),at=Ao(A=>{let O=A.map(re=>re.trim()).filter(Boolean);if(!O.length)return;let oe=[...be],we=O.filter(re=>!Yo.has(re));we.length>0&&Pe(re=>{let Je=new Set(re.map(Be=>Be.value)),Qe=[...re];return we.forEach(Be=>{Je.has(Be)||Qe.push({label:Be,value:Be})}),Qe}),O.forEach(re=>{oe.some(Je=>Object.is(Je,re))||oe.push(re)}),oe.length!==be.length&&co(oe)},[co,Yo,be]),Qr=Ao(A=>{let O=A.target.value;if(m==="tags"){let oe=Y5(O,ae);if(oe.length>1){let we=oe.pop()??"";at(oe.filter(Boolean)),J(we);return}}J(O)},[at,m,ae]),sa=Ao(A=>{if(A.stopPropagation(),A.key==="Escape"){qe(!1);return}if(m==="tags"){if(A.key==="Enter"){A.preventDefault(),A.stopPropagation(),at([Ye]),J("");return}ae?.includes(A.key)&&(A.preventDefault(),A.stopPropagation(),at([Ye]),J(""))}},[at,qe,m,Ye,ae]),Ii=typeof _=="string"||typeof _=="number"?String(_):"Select an option",xe=er(()=>{if(!ke||!Ye.trim())return xo;let A=Ye.trim().toLowerCase();return(oe=>oe.map(re=>{if(za(re)){let Je=re.options.filter(Qe=>jc(Qe).toLowerCase().includes(A));return Je.length?{...re,options:Je}:null}return jc(re).toLowerCase().includes(A)?re:null}).filter(Boolean))(xo)},[xo,Ye,ke]),Xe=Ao(A=>{let O=Ge(A),oe=_===void 0?null:ge("span",{className:Y.valueText,children:_});if(te){let Je=Array.isArray(O)?O:[];return Je.length===0?oe:ge("span",{className:Y.tags,children:Je.map((Qe,Be)=>{let ca=le(Qe),XC=c?c(ca):ca.label??String(Qe);return ge("span",{className:Y.tag,children:XC},`${String(Qe)}-${Be}`)})})}if(Sl(O))return oe;let we=le(O),re=c?c(we):we.label??String(O);return ge("span",{className:Y.valueText,children:re})},[le,te,c,Ge,_]),Xo=te?be.length>0:!Sl(Me),it=!!(e&&Xo&&!i&&!E),Zr=Ao(A=>{A.preventDefault(),A.stopPropagation(),co(te?[]:null)},[co,te]),B=er(()=>T==null?null:Jx(T)||typeof T=="string"||typeof T=="number"?T:ge(D,{icon:T,size:"small"}),[T]),V=er(()=>b?ge(D,{icon:H5,size:"small",spin:!0}):F===null?null:Jx(F)||typeof F=="string"||typeof F=="number"?F:ge(D,{icon:F||z5,size:"small",...q,style:{pointerEvents:"none",...q?.style}}),[b,F,q]),Ce=er(()=>{let A=Math.min(d,286),O=he?`min(80vh, ${A}px)`:`${A}px`,oe={maxHeight:O+10,maxWidth:"var(--available-width)",minWidth:"var(--anchor-width)","--select-popup-max-height":O};return C===void 0||C===!0?oe:typeof C=="number"?{...oe,minWidth:C,width:C}:{...oe,minWidth:"max-content"}},[he,d,C]),po=u(Fc({shadow:$,size:X,variant:ie}),t,r?.root,r?.trigger),Gt=Nt(Mr),bt=Ba(null),ps=Ba(null),fr=Ba(!1),Pt=Ba(null),ms=Ao(A=>{let{ref:O,...oe}=A;return ge("div",{...oe,ref:we=>{we&&(we.scrollIntoView=(...re)=>{fr.current||HTMLElement.prototype.scrollIntoView.call(we,...re)}),typeof O=="function"?O(we):O&&"current"in O&&(O.current=we)}})},[]),cp=Ao(()=>{fr.current=!0,Pt.current&&clearTimeout(Pt.current),Pt.current=setTimeout(()=>{fr.current=!1},120)},[]),GC=Ao(()=>{if(!G||!fr.current)return;let A=bt.current,O=document.activeElement;A&&O&&A.contains(O)&&A.focus({preventScroll:!0})},[G]);kt(()=>()=>{Pt.current&&clearTimeout(Pt.current)},[]);let WC=Ao(A=>{!ye||i||E||A.target?.closest('[data-role="lobe-select-clear"]')||(A.preventDefault(),A.stopPropagation(),qe(!0))},[i,ye,qe,E]);kt(()=>{if(!ye||!pe)return;let A=requestAnimationFrame(()=>{let O=ps.current;if(!O)return;let oe=O.querySelector('[data-selected="true"]');if(!oe){O.scrollTop=0;return}oe.scrollIntoView({block:"center"})});return()=>cancelAnimationFrame(A)},[ye,pe,Me,xo]);let qC=er(()=>{if(!G)return;let A=X5(xe),O=6,oe=g??(X==="large"?40:X==="small"?28:32);return{height:`min(${Math.min(Math.max(A,1),O)*oe+8}px, var(--select-available-height, var(--available-height, 286px)))`}},[xe,g,X,G]),UC=er(()=>{if(!G||be.length===0)return;let A=new Set(be),O=[],oe=0;return xe.forEach(we=>{if(za(we)){we.options.some(re=>A.has(re.value))&&O.push(oe),oe+=1;return}A.has(we.value)&&O.push(oe),oe+=1}),O.length?O:void 0},[xe,be,G]),rg=u(v?H.itemContent:H.label,Y.itemText,r?.itemText),fs=N==="bold",ng=0,KC=A=>A.map((O,oe)=>{if(za(O))return wt(So.Group,{className:u(Y.group,r?.group),children:[ge(So.GroupLabel,{className:u(H.groupLabel,Y.groupLabel,r?.groupLabel),children:O.label}),O.options.map(re=>{let Je=ng++;return wt(So.Item,{className:u(H.item,Y.item,fs&&Y.itemBoldSelected,r?.item,r?.option,re.className),disabled:re.disabled,label:jc(re),render:G?ms:void 0,style:{minHeight:g,...re.style},value:re.value,children:[ge(So.ItemText,{className:rg,children:v?v(re,{index:Je}):re.label}),!fs&&ge(So.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:ge(D,{icon:Rc,size:"small"})})]},`${String(re.value)}-${Je}`)})]},`group-${oe}`);let we=ng++;return wt(So.Item,{className:u(H.item,Y.item,fs&&Y.itemBoldSelected,r?.item,r?.option,O.className),disabled:O.disabled,label:jc(O),render:G?ms:void 0,style:{minHeight:g,...O.style},value:O.value,children:[ge(So.ItemText,{className:rg,children:v?v(O,{index:we}):O.label}),!fs&&ge(So.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:ge(D,{icon:Rc,size:"small"})})]},`${String(O.value)}-${we}`)}),YC=ye?!1:Ie,ag=Ao(A=>be.some(O=>Object.is(O,A)),[be]),ig=Ao(A=>{if(!A.disabled){if(te){let oe=be.some(we=>Object.is(we,A.value))?be.filter(we=>!Object.is(we,A.value)):[...be,A.value];co(oe);return}co(A.value),qe(!1)}},[qe,co,te,be]);return wt(So.Root,{disabled:i,id:l,modal:he,multiple:te,name:y,onOpenChange:ye?void 0:qe,onValueChange:co,open:YC,readOnly:E,required:L,value:Me,children:[wt(So.Trigger,{autoFocus:o,className:po,disabled:i,onClick:ye?WC:void 0,style:me,children:[B!=null&&ge("span",{className:u(Y.prefix,r?.prefix),children:B}),ge(So.Value,{className:u(Y.value,r?.value),children:Xe}),wt("span",{className:u(Y.suffix,r?.suffix),children:[it&&ge("span",{className:u(Y.clear,r?.clear),"data-role":"lobe-select-clear",onClick:Zr,children:ge(D,{icon:G5,size:"small"})}),V!=null&&ge(So.Icon,{className:u(Y.icon,r?.icon),children:V})]})]}),!ye&&ge(So.Portal,{container:Gt,children:ge(So.Positioner,{align:"start",alignItemWithTrigger:he,className:Y.positioner,side:"bottom",sideOffset:6,children:wt(So.Popup,{className:u(H.popup,Y.popup,S,r?.popup,r?.dropdown),style:{...Ce,...z?.popup?.root},children:[ke&&ge("div",{className:u(Y.search,r?.search),children:ge("input",{className:Y.searchInput,onChange:Qr,onKeyDown:sa,placeholder:typeof _=="string"?_:void 0,value:Ye})}),(()=>{let A=xe.length>0?KC(xe):ge("div",{className:u(H.item,H.empty,Y.empty,r?.empty),children:"No data"});return!G||xe.length===0?ge(So.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,children:A}):ge(So.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,onPointerDown:G?cp:void 0,onScroll:G?GC:void 0,onTouchMove:G?cp:void 0,onWheel:G?cp:void 0,ref:bt,style:qC,tabIndex:G?-1:void 0,children:ge(U5,{itemSize:g,keepMounted:UC,children:A})})})()]})})}),ye&&typeof document<"u"&&q5(ge(Cr,{placement:"bottom",noHeader:!1,title:Ii,open:pe,onClose:()=>qe(!1),children:ge("div",{className:u(r?.mobileContent),children:wt("div",{className:u(Y.mobileList,r?.mobileList),ref:ps,children:[xo.length===0&&ge("div",{className:u(H.item,H.empty,Y.empty),style:{marginInline:16},children:"No data"}),xo.map((A,O)=>{if(za(A))return wt("div",{children:[ge("div",{className:u(Y.mobileGroupLabel,r?.mobileGroupLabel),children:A.label}),A.options.map((re,Je)=>{let Qe=Je+O*1e3,Be=ag(re.value);return wt("button",{className:u(Y.mobileOption,r?.mobileOption,Be&&Y.mobileOptionSelected,Be&&r?.mobileOptionSelected),"data-selected":Be?"true":void 0,disabled:re.disabled,onClick:()=>ig(re),type:"button",children:[ge("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(re,{index:Qe}):re.label}),Be&&ge("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:ge(D,{icon:Rc,size:"small"})})]},`${String(re.value)}-${Qe}`)})]},`mobile-group-${O}`);let oe=ag(A.value),we=O;return wt("button",{className:u(Y.mobileOption,r?.mobileOption,oe&&Y.mobileOptionSelected,oe&&r?.mobileOptionSelected),"data-selected":oe?"true":void 0,disabled:A.disabled,onClick:()=>ig(A),type:"button",children:[ge("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(A,{index:we}):A.label}),oe&&ge("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:ge(D,{icon:Rc,size:"small"})})]},`${String(A.value)}-${we}`)})]})})}),document.body)]})});ev.displayName="Select";var Ha=ev;var $o=M(({css:e,cssVar:o})=>({clear:e`
+  `}),{path:"src/Select/style"}),Fc=$5(Y.trigger,{defaultVariants:{shadow:!1,size:"middle",variant:"outlined"},variants:{shadow:{false:null,true:Y.shadow},size:{large:Y.triggerLarge,middle:Y.triggerMiddle,small:Y.triggerSmall},variant:{borderless:Y.borderless,filled:Y.filled,outlined:Y.outlined}}});import{jsx as Eo}from"react/jsx-runtime";var Wo=(e,o)=>typeof o=="function"?t=>u(e,o(t)):u(e,o),Qx=uo.Root,Zx=uo.Backdrop,Vx=uo.Separator,bm=({children:e,className:o,nativeButton:t,shadow:r,size:n="middle",variant:a,ref:i,...l})=>{let{isDarkMode:s}=ne(),d=Fc({shadow:r,size:n,variant:a??(s?"filled":"outlined")}),{isNativeButtonTriggerElement:g,resolvedNativeButton:b}=Po({children:e,nativeButton:t});return B5(e)?Eo(uo.Trigger,{...l,nativeButton:b,render:(m,y)=>{let p=(()=>{if(g)return m;let{type:k,ref:_,...S}=m;return S})(),f=L5(e.props,p),h=e?.props?.ref,x=typeof f.className=="function"?f.className(y):f.className,v=typeof o=="function"?o(y):o;return D5(e,{...f,className:u(d,x,v),ref:O5([h,m.ref,i])})}}):Eo(uo.Trigger,{...l,className:Wo(d,o),nativeButton:b,ref:i,children:e})};bm.displayName="SelectTrigger";var xm=({className:e,...o})=>Eo(uo.Icon,{className:Wo(Y.icon,e),...o});xm.displayName="SelectIcon";var vm=({className:e,...o})=>Eo(uo.Value,{className:Wo(Y.value,e),...o});vm.displayName="SelectValue";var km=({container:e,...o})=>{let t=Nt(Mr);return Eo(uo.Portal,{container:e??t,...o})};km.displayName="SelectPortal";var wm=({align:e,alignItemWithTrigger:o,className:t,side:r,sideOffset:n,...a})=>Eo(uo.Positioner,{align:e??"start",alignItemWithTrigger:o??!1,className:Wo(Y.positioner,t),side:r??"bottom",sideOffset:n??6,...a});wm.displayName="SelectPositioner";var _m=({className:e,...o})=>Eo(uo.Popup,{className:Wo(u(H.popup,Y.popup),e),...o});_m.displayName="SelectPopup";var Sm=({className:e,...o})=>Eo(uo.List,{className:Wo(Y.list,e),...o});Sm.displayName="SelectList";var Cm=({className:e,...o})=>Eo(uo.Item,{className:Wo(u(H.item,Y.item),e),...o});Cm.displayName="SelectItem";var Tm=({className:e,...o})=>Eo(uo.ItemText,{className:Wo(u(H.label,Y.itemText),e),...o});Tm.displayName="SelectItemText";var Pm=({className:e,...o})=>Eo(uo.ItemIndicator,{className:Wo(Y.itemIndicator,e),...o});Pm.displayName="SelectItemIndicator";var Mm=({className:e,...o})=>Eo(uo.Group,{className:Wo(Y.group,e),...o});Mm.displayName="SelectGroup";var Im=({className:e,...o})=>Eo(uo.GroupLabel,{className:Wo(u(H.groupLabel,Y.groupLabel),e),...o});Im.displayName="SelectGroupLabel";var Em=({className:e,...o})=>Eo(uo.ScrollUpArrow,{className:Wo(Y.scrollArrow,e),...o});Em.displayName="SelectScrollUpArrow";var Nm=({className:e,...o})=>Eo(uo.ScrollDownArrow,{className:Wo(Y.scrollArrow,e),...o});Nm.displayName="SelectScrollDownArrow";var Fm=({className:e,...o})=>Eo(uo.Arrow,{className:Wo(Y.arrow,e),...o});Fm.displayName="SelectArrow";import{Select as So}from"@base-ui/react/select";import{Check as Rc,ChevronDown as z5,Loader2 as H5,X as G5}from"lucide-react";import{isValidElement as Jx,memo as W5,useCallback as Ao,useEffect as kt,useMemo as er,useRef as Ba,useState as Oa}from"react";import{createPortal as q5}from"react-dom";import{Virtualizer as U5}from"virtua";import{jsx as ge,jsxs as wt}from"react/jsx-runtime";var za=e=>!!e.options,jc=e=>typeof e.label=="string"||typeof e.label=="number"?String(e.label):typeof e.value=="string"||typeof e.value=="number"?String(e.value):e.title?e.title:"",K5=e=>e.replaceAll(/[$()*+.?[\\\]^{|}]/g,"\\$&"),Y5=(e,o)=>{if(!o||o.length===0)return[e];let t=o.map(K5).join("|");return e.split(new RegExp(t,"g"))},X5=e=>e.reduce((o,t)=>za(t)?o+t.options.length+1:o+1,0),Sl=e=>e==null||e==="",ev=W5(({allowClear:e,autoFocus:o,className:t,classNames:r,defaultOpen:n,defaultValue:a,disabled:i,id:l,isMobile:s,labelRender:c,listHeight:d=512,listItemHeight:g,loading:b,mode:m,name:y,onChange:p,onOpenChange:f,onSelect:h,open:x,optionRender:v,options:k,placeholder:_,popupClassName:S,popupMatchSelectWidth:C,prefix:T,readOnly:E,required:L,behaviorVariant:R="default",selectedIndicatorVariant:N="check",shadow:$,showSearch:K,size:X="middle",style:me,styles:z,suffixIcon:F,suffixIconProps:q,tokenSeparators:ae,value:fe,variant:Z,virtual:G})=>{let{isDarkMode:ce}=ne(),ie=Z??(ce?"filled":"outlined"),te=m==="multiple"||m==="tags",he=R==="item-aligned",ee=mt(),Ae=!!((s??ee)&&m!=="tags"),[Se,U]=Oa(!1),[pe,ue]=Oa(!1),ve=Ba(null),ye=Ae&&Se,[We,He]=Oa(()=>a!==void 0?a:te?[]:null),Ge=Ao(A=>te?Array.isArray(A)?A:A==null?[]:[A]:Array.isArray(A)?A[0]??null:A===void 0?null:A,[te]),Oe=fe!==void 0?fe:We,Me=er(()=>Ge(Oe),[Oe,Ge]),be=er(()=>te?Me:Sl(Me)?[]:[Me],[te,Me]),[Ke,Pe]=Oa([]);kt(()=>{m!=="tags"&&Ke.length>0&&Pe([])},[m,Ke.length]),kt(()=>{U(!0)},[]);let[ro,To]=Oa(!!n);kt(()=>{x!==void 0&&To(x)},[x]);let Ie=x??ro,qe=Ao(A=>{f?.(A),x===void 0&&To(A)},[f,x]);kt(()=>{if(!ye){ue(!1);return}if(Ie){ve.current&&(clearTimeout(ve.current),ve.current=null),ue(!0);return}pe&&(ve.current=setTimeout(()=>{ue(!1)},220))},[ye,Ie,pe]),kt(()=>()=>{ve.current&&clearTimeout(ve.current)},[]);let{resolvedOptions:xo,optionMap:Yo}=er(()=>{let A=k??[],O=new Map,oe=Be=>{O.has(Be.value)||O.set(Be.value,Be)};(Be=>{Be.forEach(ca=>{za(ca)?ca.options.forEach(oe):oe(ca)})})(A);let re=Ke.filter(Be=>!O.has(Be.value));re.forEach(oe);let Je=[...A,...re],Qe=be.filter(Be=>!O.has(Be)).map(Be=>({label:String(Be),value:Be}));return Qe.forEach(oe),{optionMap:O,resolvedOptions:Qe.length?[...Je,...Qe]:Je}},[Ke,k,be]);kt(()=>{if(!ye||!Ie)return;let A=document.documentElement,O=document.body,oe=A.style.overflow,we=O.style.overflow,re=O.style.paddingRight,Je=window.innerWidth-A.clientWidth;return A.style.overflow="hidden",O.style.overflow="hidden",Je>0&&(O.style.paddingRight=`${Je}px`),()=>{A.style.overflow=oe,O.style.overflow=we,O.style.paddingRight=re}},[ye,Ie]),kt(()=>{if(!ye||!Ie)return;let A=O=>{O.key==="Escape"&&qe(!1)};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[ye,qe,Ie]);let[Ye,J]=Oa(""),ke=!!(K||m==="tags");kt(()=>{Ie||J("")},[Ie]);let le=Ao(A=>{let O=Yo.get(A);return O||(A&&typeof A=="object"&&"label"in A?{label:A.label,value:A}:{label:String(A),value:A})},[Yo]),Oo=Ba(Me);kt(()=>{Oo.current=Me},[Me]);let co=Ao(A=>{let O=Ge(A),oe=Oo.current;if(te){let we=Array.isArray(oe)?oe:[],re=Array.isArray(O)?O:[];re.filter(Qe=>!we.some(Be=>Object.is(Be,Qe))).forEach(Qe=>{h?.(Qe,le(Qe))}),fe===void 0&&He(re),p?.(re,re.map(Qe=>le(Qe)))}else!Sl(O)&&!Object.is(oe,O)&&h?.(O,le(O)),fe===void 0&&He(O),p?.(O,Sl(O)?void 0:le(O));Oo.current=O},[le,te,Ge,p,h,fe]),at=Ao(A=>{let O=A.map(re=>re.trim()).filter(Boolean);if(!O.length)return;let oe=[...be],we=O.filter(re=>!Yo.has(re));we.length>0&&Pe(re=>{let Je=new Set(re.map(Be=>Be.value)),Qe=[...re];return we.forEach(Be=>{Je.has(Be)||Qe.push({label:Be,value:Be})}),Qe}),O.forEach(re=>{oe.some(Je=>Object.is(Je,re))||oe.push(re)}),oe.length!==be.length&&co(oe)},[co,Yo,be]),Qr=Ao(A=>{let O=A.target.value;if(m==="tags"){let oe=Y5(O,ae);if(oe.length>1){let we=oe.pop()??"";at(oe.filter(Boolean)),J(we);return}}J(O)},[at,m,ae]),sa=Ao(A=>{if(A.stopPropagation(),A.key==="Escape"){qe(!1);return}if(m==="tags"){if(A.key==="Enter"){A.preventDefault(),A.stopPropagation(),at([Ye]),J("");return}ae?.includes(A.key)&&(A.preventDefault(),A.stopPropagation(),at([Ye]),J(""))}},[at,qe,m,Ye,ae]),Ii=typeof _=="string"||typeof _=="number"?String(_):"Select an option",xe=er(()=>{if(!ke||!Ye.trim())return xo;let A=Ye.trim().toLowerCase();return(oe=>oe.map(re=>{if(za(re)){let Je=re.options.filter(Qe=>jc(Qe).toLowerCase().includes(A));return Je.length?{...re,options:Je}:null}return jc(re).toLowerCase().includes(A)?re:null}).filter(Boolean))(xo)},[xo,Ye,ke]),Xe=Ao(A=>{let O=Ge(A),oe=_===void 0?null:ge("span",{className:Y.valueText,children:_});if(te){let Je=Array.isArray(O)?O:[];return Je.length===0?oe:ge("span",{className:Y.tags,children:Je.map((Qe,Be)=>{let ca=le(Qe),XC=c?c(ca):ca.label??String(Qe);return ge("span",{className:Y.tag,children:XC},`${String(Qe)}-${Be}`)})})}if(Sl(O))return oe;let we=le(O),re=c?c(we):we.label??String(O);return ge("span",{className:Y.valueText,children:re})},[le,te,c,Ge,_]),Xo=te?be.length>0:!Sl(Me),it=!!(e&&Xo&&!i&&!E),Zr=Ao(A=>{A.preventDefault(),A.stopPropagation(),co(te?[]:null)},[co,te]),B=er(()=>T==null?null:Jx(T)||typeof T=="string"||typeof T=="number"?T:ge(D,{icon:T,size:"small"}),[T]),V=er(()=>b?ge(D,{icon:H5,size:"small",spin:!0}):F===null?null:Jx(F)||typeof F=="string"||typeof F=="number"?F:ge(D,{icon:F||z5,size:"small",...q,style:{pointerEvents:"none",...q?.style}}),[b,F,q]),Ce=er(()=>{let A=Math.min(d,286),O=he?`min(80vh, ${A}px)`:`${A}px`,oe={maxHeight:O+10,maxWidth:"var(--available-width)",minWidth:"var(--anchor-width)","--select-popup-max-height":O};return C===void 0||C===!0?oe:typeof C=="number"?{...oe,minWidth:C,width:C}:{...oe,minWidth:"max-content"}},[he,d,C]),po=u(Fc({shadow:$,size:X,variant:ie}),t,r?.root,r?.trigger),Gt=Nt(Mr),bt=Ba(null),ps=Ba(null),fr=Ba(!1),Pt=Ba(null),ms=Ao(A=>{let{ref:O,...oe}=A;return ge("div",{...oe,ref:we=>{we&&(we.scrollIntoView=(...re)=>{fr.current||HTMLElement.prototype.scrollIntoView.call(we,...re)}),typeof O=="function"?O(we):O&&"current"in O&&(O.current=we)}})},[]),cp=Ao(()=>{fr.current=!0,Pt.current&&clearTimeout(Pt.current),Pt.current=setTimeout(()=>{fr.current=!1},120)},[]),GC=Ao(()=>{if(!G||!fr.current)return;let A=bt.current,O=document.activeElement;A&&O&&A.contains(O)&&A.focus({preventScroll:!0})},[G]);kt(()=>()=>{Pt.current&&clearTimeout(Pt.current)},[]);let WC=Ao(A=>{!ye||i||E||A.target?.closest('[data-role="lobe-select-clear"]')||(A.preventDefault(),A.stopPropagation(),qe(!0))},[i,ye,qe,E]);kt(()=>{if(!ye||!pe)return;let A=requestAnimationFrame(()=>{let O=ps.current;if(!O)return;let oe=O.querySelector('[data-selected="true"]');if(!oe){O.scrollTop=0;return}oe.scrollIntoView({block:"center"})});return()=>cancelAnimationFrame(A)},[ye,pe,Me,xo]);let qC=er(()=>{if(!G)return;let A=X5(xe),O=6,oe=g??(X==="large"?40:X==="small"?28:32);return{height:`min(${Math.min(Math.max(A,1),O)*oe+8}px, var(--select-available-height, var(--available-height, 286px)))`}},[xe,g,X,G]),UC=er(()=>{if(!G||be.length===0)return;let A=new Set(be),O=[],oe=0;return xe.forEach(we=>{if(za(we)){we.options.some(re=>A.has(re.value))&&O.push(oe),oe+=1;return}A.has(we.value)&&O.push(oe),oe+=1}),O.length?O:void 0},[xe,be,G]),rg=u(v?H.itemContent:H.label,Y.itemText,r?.itemText),fs=N==="bold",ng=0,KC=A=>A.map((O,oe)=>{if(za(O))return wt(So.Group,{className:u(Y.group,r?.group),children:[ge(So.GroupLabel,{className:u(H.groupLabel,Y.groupLabel,r?.groupLabel),children:O.label}),O.options.map(re=>{let Je=ng++;return wt(So.Item,{className:u(H.item,Y.item,fs&&Y.itemBoldSelected,r?.item,r?.option,re.className),disabled:re.disabled,label:jc(re),render:G?ms:void 0,style:{minHeight:g,...re.style},value:re.value,children:[ge(So.ItemText,{className:rg,children:v?v(re,{index:Je}):re.label}),!fs&&ge(So.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:ge(D,{icon:Rc,size:"small"})})]},`${String(re.value)}-${Je}`)})]},`group-${oe}`);let we=ng++;return wt(So.Item,{className:u(H.item,Y.item,fs&&Y.itemBoldSelected,r?.item,r?.option,O.className),disabled:O.disabled,label:jc(O),render:G?ms:void 0,style:{minHeight:g,...O.style},value:O.value,children:[ge(So.ItemText,{className:rg,children:v?v(O,{index:we}):O.label}),!fs&&ge(So.ItemIndicator,{className:u(Y.itemIndicator,r?.itemIndicator),children:ge(D,{icon:Rc,size:"small"})})]},`${String(O.value)}-${we}`)}),YC=ye?!1:Ie,ag=Ao(A=>be.some(O=>Object.is(O,A)),[be]),ig=Ao(A=>{if(!A.disabled){if(te){let oe=be.some(we=>Object.is(we,A.value))?be.filter(we=>!Object.is(we,A.value)):[...be,A.value];co(oe);return}co(A.value),qe(!1)}},[qe,co,te,be]);return wt(So.Root,{disabled:i,id:l,modal:he,multiple:te,name:y,onOpenChange:ye?void 0:qe,onValueChange:co,open:YC,readOnly:E,required:L,value:Me,children:[wt(So.Trigger,{autoFocus:o,className:po,disabled:i,onClick:ye?WC:void 0,style:me,children:[B!=null&&ge("span",{className:u(Y.prefix,r?.prefix),children:B}),ge(So.Value,{className:u(Y.value,r?.value),children:Xe}),wt("span",{className:u(Y.suffix,r?.suffix),children:[it&&ge("span",{className:u(Y.clear,r?.clear),"data-role":"lobe-select-clear",onClick:Zr,children:ge(D,{icon:G5,size:"small"})}),V!=null&&ge(So.Icon,{className:u(Y.icon,r?.icon),children:V})]})]}),!ye&&ge(So.Portal,{container:Gt,children:ge(So.Positioner,{align:"start",alignItemWithTrigger:he,className:Y.positioner,side:"bottom",sideOffset:6,children:wt(So.Popup,{className:u(H.popup,Y.popup,S,r?.popup,r?.dropdown),style:{...Ce,...z?.popup?.root},children:[ke&&ge("div",{className:u(Y.search,r?.search),children:ge("input",{className:Y.searchInput,onChange:Qr,onKeyDown:sa,placeholder:typeof _=="string"?_:void 0,value:Ye})}),(()=>{let A=xe.length>0?KC(xe):ge("div",{className:u(H.item,H.empty,Y.empty,r?.empty),children:"No data"});return!G||xe.length===0?ge(So.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,children:A}):ge(So.List,{className:u(Y.list,r?.list),"data-virtual":G||void 0,onPointerDown:G?cp:void 0,onScroll:G?GC:void 0,onTouchMove:G?cp:void 0,onWheel:G?cp:void 0,ref:bt,style:qC,tabIndex:G?-1:void 0,children:ge(U5,{itemSize:g,keepMounted:UC,children:A})})})()]})})}),ye&&typeof document<"u"&&q5(ge(Cr,{placement:"bottom",noHeader:!1,title:Ii,open:pe,onClose:()=>qe(!1),styles:{body:{paddingBlock:0,paddingInline:0}},children:ge("div",{className:u(r?.mobileContent),children:wt("div",{className:u(Y.mobileList,r?.mobileList),ref:ps,children:[xo.length===0&&ge("div",{className:u(H.item,H.empty,Y.empty),style:{marginInline:16},children:"No data"}),xo.map((A,O)=>{if(za(A))return wt("div",{children:[ge("div",{className:u(Y.mobileGroupLabel,r?.mobileGroupLabel),children:A.label}),A.options.map((re,Je)=>{let Qe=Je+O*1e3,Be=ag(re.value);return wt("button",{className:u(Y.mobileOption,r?.mobileOption,Be&&Y.mobileOptionSelected,Be&&r?.mobileOptionSelected),"data-selected":Be?"true":void 0,disabled:re.disabled,onClick:()=>ig(re),type:"button",children:[ge("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(re,{index:Qe}):re.label}),Be&&ge("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:ge(D,{icon:Rc,size:"small"})})]},`${String(re.value)}-${Qe}`)})]},`mobile-group-${O}`);let oe=ag(A.value),we=O;return wt("button",{className:u(Y.mobileOption,r?.mobileOption,oe&&Y.mobileOptionSelected,oe&&r?.mobileOptionSelected),"data-selected":oe?"true":void 0,disabled:A.disabled,onClick:()=>ig(A),type:"button",children:[ge("span",{className:u(Y.mobileOptionLabel,r?.mobileOptionLabel),children:v?v(A,{index:we}):A.label}),oe&&ge("span",{className:u(Y.mobileOptionCheck,r?.mobileOptionCheck),children:ge(D,{icon:Rc,size:"small"})})]},`${String(A.value)}-${we}`)})]})})}),document.body)]})});ev.displayName="Select";var Ha=ev;var $o=M(({css:e,cssVar:o})=>({clear:e`
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -3738,7 +3738,7 @@ var QC=Object.defineProperty;var us=(e,o)=>{for(var t in o)QC(e,t,{get:o[t],enum
     font-weight: 500;
     line-height: 1;
   `}),{path:"src/Form/style"}),j=M(({css:e,cssVar:o})=>({fieldWrapper:e`
-    padding-block: 12px;
+
   `,fieldWrapperHorizontal:e`
     display: flex;
     align-items: flex-start;