@bazza-ui/react 0.1.0-canary.10 → 0.1.0-canary.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-5T5B5SPR.cjs.map +1 -1
- package/dist/chunk-JFEVUUPC.cjs.map +1 -1
- package/dist/chunk-M4G6J7DP.cjs.map +1 -1
- package/dist/chunk-SCDHQZFI.cjs.map +1 -1
- package/dist/chunk-W4ACKMIZ.cjs.map +1 -1
- package/dist/chunk-XMZZ62VJ.cjs.map +1 -1
- package/dist/combobox/index.cjs.map +1 -1
- package/dist/command-menu/index.cjs.map +1 -1
- package/dist/context-menu/index.cjs.map +1 -1
- package/dist/dropdown-menu/index.cjs +1 -1
- package/dist/dropdown-menu/index.cjs.map +1 -1
- package/dist/dropdown-menu/index.js +1 -1
- package/dist/dropdown-menu/index.js.map +1 -1
- package/dist/internal/listbox/index.cjs.map +1 -1
- package/dist/internal/popup-menu/index.cjs.map +1 -1
- package/dist/kbd/index.cjs.map +1 -1
- package/dist/loaders/index.cjs.map +1 -1
- package/dist/select/index.cjs +1 -1
- package/dist/select/index.cjs.map +1 -1
- package/dist/select/index.d.cts +22 -2
- package/dist/select/index.d.ts +22 -2
- package/dist/select/index.js +1 -1
- package/dist/select/index.js.map +1 -1
- package/dist/video-player/index.cjs.map +1 -1
- package/package.json +1 -1
package/dist/select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as xt}from"../chunk-IT372NHF.js";import{a as bt,b as Pt,c as Rt,d as It,e as Ct,f as Re,g as Tt}from"../chunk-KO3DXT3Y.js";import{J as rt,K as lt,L as ao,N as at,O as it,Q as de,R as fe,S as z,T as st,U as ut,V as ct,W as pt,aa as io,ba as mt,d as we,da as dt,ea as ft,fa as gt,pa as St,q as tt,s as ot,sa as ht,t as nt}from"../chunk-BFOY762U.js";import{a as He,p as to,q as oo,w as no,x as ro,y as lo}from"../chunk-A4Z5BY7H.js";import{a as eo}from"../chunk-4C666HHU.js";var Nt={};eo(Nt,{Arrow:()=>ot,Backdrop:()=>nt,Empty:()=>ut,Group:()=>St,GroupLabel:()=>pt,Icon:()=>st,Input:()=>ct,Item:()=>ze,ItemIndicator:()=>Ge,ItemLabel:()=>Fe,List:()=>mt,Popup:()=>je,Portal:()=>lt,Positioner:()=>Ye,Root:()=>Xe,ScrollDownArrow:()=>ft,ScrollUpArrow:()=>dt,Separator:()=>ht,Surface:()=>$e,Trigger:()=>Ke,Value:()=>Je});import{useRender as co}from"@base-ui/react/use-render";import*as E from"react";import*as Ie from"react";var Le=Ie.createContext(null);function O(){let e=Ie.useContext(Le);if(!e)throw new Error("Select components must be used within a Select.Root");return e}function so(){return Ie.useContext(Le)}var $={slot:"bazzaui-select-item",highlighted:"data-highlighted",disabled:"data-disabled",selected:"data-selected",first:"data-first",last:"data-last",firstInGroup:"data-first-in-group",lastInGroup:"data-last-in-group"};import*as Ce from"react";var ke=Ce.createContext(null);function Te(){let e=Ce.useContext(ke);if(!e)throw new Error("Select.Item child components must be used within a Select.Item");return e}function uo(){return Ce.useContext(ke)}import{jsx as fo}from"react/jsx-runtime";var po={highlighted:e=>e?{[$.highlighted]:""}:null,disabled:e=>e?{[$.disabled]:""}:null,selected:e=>e?{[$.selected]:""}:null,first:e=>e?{[$.first]:""}:null,last:e=>e?{[$.last]:""}:null,firstInGroup:e=>e?{[$.firstInGroup]:""}:null,lastInGroup:e=>e?{[$.lastInGroup]:""}:null};function mo(e,n){let{value:t,textValue:l,keywords:s,disabled:r=!1,onSelect:c,forceMount:b=!1,render:o,className:a,style:P,onClick:d,onPointerDown:m,onPointerMove:R,children:u,...i}=e,p=O(),g=E.useMemo(()=>z(t,p.itemToStringValue),[t,p.itemToStringValue]),M=E.useId(),L=t===null?`select-clear-${M}`:void 0,h=E.useMemo(()=>Ct(p.items,g),[p.items,g]),V=h?.label,w=E.useMemo(()=>fe(t,p.itemToStringLabel),[t,p.itemToStringLabel]),v=E.useMemo(()=>{if(l!==void 0)return l;if(typeof V=="string")return V;if(w&&w!==g)return w},[l,V,w,g]),ee=E.useMemo(()=>Tt(s,[typeof V=="string"?V:w&&w!==g?w:void 0,...h?.keywords??[]]),[s,V,w,g,h]),k=E.useRef(v),A=p.multiple?Rt(p.values,t,p.isItemEqualToValue):p.value!==""&&Pt(p.value,t,p.isItemEqualToValue),ie=!p.multiple,S=it({id:L,value:g,keywords:ee,disabled:r,forceMount:b,closeOnClick:ie,children:u});E.useEffect(()=>{let T=()=>{if(!r){if(p.multiple)if(t==null)p.onValuesChange([]);else{let te=A?It(p.values,t,p.isItemEqualToValue):[...p.values,t];p.onValuesChange(te)}else p.onValueChange(t);c?.()}};return S.registerSelect(T)},[r,p,t,A,c,S]),E.useEffect(()=>{let T=k.current;if(T)return p.registerItemText(g,T)},[g,p]),E.useEffect(()=>{!v&&typeof u=="string"&&(k.current=u,p.registerItemText(g,u))},[u,v,g,p]);let F=E.useMemo(()=>({highlighted:S.isHighlighted,disabled:r,selected:A,first:S.positional.first,last:S.positional.last,firstInGroup:S.positional.firstInGroup,lastInGroup:S.positional.lastInGroup}),[S.isHighlighted,r,A,S.positional]),J=E.useMemo(()=>({id:S.id,value:t,textValue:v,highlighted:S.isHighlighted,disabled:r,selected:A}),[S.id,t,v,S.isHighlighted,r,A]),B=E.useCallback(T=>{d?.(T),T.defaultPrevented||S.handlers.onClick(T)},[d,S.handlers]),W=E.useCallback(T=>{S.handlers.onPointerDown(T),m?.(T)},[S.handlers,m]),_=E.useCallback(T=>{R?.(T),T.defaultPrevented||S.handlers.onPointerMove(T)},[R,S.handlers]),q=co({render:o,ref:[S.ref,S.rowRef,n],state:F,stateAttributesMapping:po,props:{...i,[$.slot]:"",id:S.id,role:"option",tabIndex:-1,"aria-selected":A,"aria-disabled":r||void 0,className:a,style:P,onClick:B,onPointerMove:_,onPointerDown:W,children:u},enabled:S.isVisible,defaultTagName:"div"});return S.isVisible?fo(ke.Provider,{value:J,children:q}):null}var ze=E.forwardRef(mo);import{useRender as go}from"@base-ui/react/use-render";import*as Ae from"react";var Me={slot:"bazzaui-select-item-indicator",selected:"data-selected",highlighted:"data-highlighted"};var So={selected:e=>e?{[Me.selected]:""}:null,highlighted:e=>e?{[Me.highlighted]:""}:null},Ge=Ae.forwardRef(function(n,t){let{render:l,className:s,style:r,forceMount:c=!1,keepMounted:b=!1,children:o,...a}=n,P=Te(),d=P.selected,m=P.highlighted,R=Ae.useMemo(()=>({selected:d,highlighted:m}),[d,m]),u=c||b||d,i=typeof o=="function"?o(R):b&&!d?null:o,p=go({render:l,ref:t,state:R,stateAttributesMapping:So,props:{...a,[Me.slot]:"","aria-hidden":!0,className:s,style:r,children:i},defaultTagName:"span"});return u?p:null});import{useRender as ho}from"@base-ui/react/use-render";import*as j from"react";var Mt={slot:"bazzaui-select-item-label"};var Fe=j.forwardRef(function(n,t){let{render:l,className:s,style:r,children:c,...b}=n,o=O(),a=Te(),P=j.useRef(null),d=z(a.value,o.itemToStringValue),m=j.useMemo(()=>{if(c!==void 0)return c;let i=Re(o.items,d);return i!==void 0?i:a.textValue!==void 0?a.textValue:d},[c,o.items,d,a.textValue]),R=j.useMemo(()=>({value:d,selected:a.selected,highlighted:a.highlighted,disabled:a.disabled}),[d,a.selected,a.highlighted,a.disabled]);j.useEffect(()=>{if(typeof m=="string")return o.registerItemText(d,m)},[m,o,d]);let u=j.useCallback(i=>{P.current=i,a.selected&&i&&(o.selectedItemTextRef.current=i),i&&!a.disabled&&(o.firstItemTextRef.current||(o.firstItemTextRef.current=i))},[a.selected,a.disabled,o]);return ho({render:l,ref:t,state:R,props:{...b,[Mt.slot]:"",ref:u,className:s,style:r,children:m},defaultTagName:"span"})});import*as ce from"react";import*as Oe from"react";var Be=Oe.createContext(null);function Ve(){return Oe.useContext(Be)}import{jsx as xo}from"react/jsx-runtime";var je=ce.forwardRef(function(n,t){let{className:l,render:s,...r}=n,c=Ve(),b=c?.alignItemWithTriggerActive??!1,o=c?.align,a=ce.useCallback(m=>({...m,side:b?"none":m.side,alignItemWithTriggerActive:b}),[b]),P=ce.useMemo(()=>typeof l=="function"?m=>l(a(m)):l,[l,a]),d=ce.useMemo(()=>typeof s=="function"?(m,R)=>s(m,a(R)):s,[s,a]);return xo(rt,{ref:t,className:P,render:d,"data-align-item-with-trigger":b?"":void 0,...b?{"data-side":"none","data-align":o}:{},...r})});import{useDirection as bo}from"@base-ui/react/internals/direction-context";import{Popover as Po}from"@base-ui/react/popover";import*as C from"react";function pe(e,n,t){return e<n?n:e>t?t:e}function We(e){let n=e.getBoundingClientRect(),{offsetWidth:t,offsetHeight:l}=e,s=t>0?Math.round(n.width)/t:1,r=l>0?Math.round(n.height)/l:1;return(!Number.isFinite(s)||s===0)&&(s=1),(!Number.isFinite(r)||r===0)&&(r=1),{x:s,y:r}}function Vt(e,n,t){return e/t[n]}function ve(e,n){let t=e.x/n.x,l=e.y/n.y,s=e.width/n.x,r=e.height/n.y;return{x:t,y:l,width:s,height:r,top:l,left:t,right:t+s,bottom:l+r}}var K=1;function ge(e,n){return Math.max(0,e-n)}var vt=5,yt=20,_e=10,Et=100;function wt(e){let{triggerRect:n,positionerRect:t,valueRect:l,textRect:s,scrollHeight:r,documentClientHeight:c,documentClientWidth:b,marginTop:o,marginBottom:a,minHeight:P,maxPopupHeight:d,borderBottom:m,direction:R}=e,u=()=>({fallback:!0,left:0,isTopPositioned:!1,top:0,height:0,scrollTop:0,marginTop:o,marginBottom:a,reachedMaxHeight:!1,transformOrigin:null}),i=c-o-a,p=b,g=n.height,M=i-n.bottom+g,L=R==="rtl"?n.right-t.width:n.left,h=0,V=null;if(s&&l){L=t.left+(R==="rtl"?l.right-s.right:l.left-s.left);let U=l.top-n.top+l.height/2;h=s.top-t.top+s.height/2-U,V=s.top+s.height/2}let w=M+h+a+m,v=Math.min(i,w),ee=i-o-a,k=w-v,A=p-vt,ie=pe(L,vt,A-t.width),S=ge(r,v),F=k>=S-K;if(F&&(v=Math.min(i,t.height)-(k-S)),n.top<yt||n.bottom>i-yt||Math.ceil(v)+K<Math.min(r,P))return u();let B=Math.max(P,v),W=a+m-o,_=0,q=k;if(F){let U=Math.max(0,i-w);_=t.height>=ee?0:Math.max(0,U+W),q=S}else q=Math.max(0,k-W);let T=null;if(V!=null){let U=t.top,Z=t.height,f=Z>0?(V-U)/Z*100:50;T=`50% ${pe(f,0,100)}%`}let te=B===i||v>=d;return{fallback:!1,left:ie,isTopPositioned:F,top:_,height:v,scrollTop:q,marginTop:o,marginBottom:a,reachedMaxHeight:te,transformOrigin:T}}function Ht(e){let{isTopPositioned:n,currentHeight:t,scrollTop:l,maxScrollTop:s,maxAvailableHeight:r}=e,c=n?s-l:l;if(c<=K){let d=pe(c,0,r-t),m=t+d;return{height:d>0?m:null,scroll:{kind:"set",value:n?s:0},reachedMaxHeight:r-m<=K}}let b=Math.min(t+c,r),o={kind:"none"},a=!1;if(r-b>K)o=n?{kind:"max"}:{kind:"clamp",value:0};else if(a=!0,!n&&l<s){let d=t+c-r;o={kind:"clamp",value:l-(c-d)}}let P=Math.ceil(b);return{height:P,scroll:o,reachedMaxHeight:a||P>=r-K}}var qe={slot:"bazzaui-select-positioner"};import{jsx as At}from"react/jsx-runtime";var Ye=C.forwardRef(function(n,t){let{alignItemWithTrigger:l=!0,side:s="bottom",align:r="start",sideOffset:c=0,className:b,style:o,children:a,...P}=n,d=we(),m=O(),R=bo()==="rtl"?"rtl":"ltr",u=d.store,i=u.useState("open"),p=u.useState("openMethod"),g=u.useState("hasInput"),[M,L]=C.useState(l),h=M&&p!=="touch"&&!g,[V,w]=C.useState(!1),[v,ee]=C.useState(null),k=C.useRef(null),A=C.useRef(null),ie=C.useRef(null),S=C.useRef(!1),F=C.useRef(!1),J=C.useCallback(()=>{let f=k.current,x=u.context.refs.popupRef.current;f&&(f.style.height=""),x&&(x.style.height="",x.style.removeProperty("--transform-origin")),S.current=!1,F.current=!1},[u]),B=C.useCallback(()=>{J(),L(l),w(!1),ee(null)},[l,J]);C.useEffect(()=>m.registerResetPositioningCallback(B),[m,B]);let W=C.useCallback(()=>{if(u.state.hasInput)return;let f=k.current,x=m.triggerRef.current,D=u.context.refs.popupRef.current,Y=u.context.refs.listRef.current;if(!f||!x||!D||!Y)return;let oe=m.selectedItemTextRef.current;if(!oe?.isConnected){let N=m.firstItemTextRef.current;oe=N?.isConnected?N:null}let se=m.valueRef.current,he=Io(D),H;try{let N=Ue(f),ne=f.ownerDocument,re=We(x),Q=N.getComputedStyle(f),me=N.getComputedStyle(D);H=wt({triggerRect:ve(x.getBoundingClientRect(),re),positionerRect:ve(f.getBoundingClientRect(),re),valueRect:se?ve(se.getBoundingClientRect(),re):null,textRect:oe?ve(oe.getBoundingClientRect(),re):null,scrollHeight:Y.scrollHeight,documentClientHeight:ne.documentElement.clientHeight,documentClientWidth:ne.documentElement.clientWidth,marginTop:Number.parseFloat(Q.marginTop)||_e,marginBottom:Number.parseFloat(Q.marginBottom)||_e,minHeight:Number.parseFloat(Q.minHeight)||Et,maxPopupHeight:Lt(me),borderBottom:Number.parseFloat(me.borderBottomWidth)||0,direction:R});let xe=(N.visualViewport?.scale??1)!==1&&Ro(N);if(H.fallback||xe){L(!1),w(!0);return}f.style.height=`${H.height}px`,D.style.height="100%",H.transformOrigin&&D.style.setProperty("--transform-origin",H.transformOrigin),Y.scrollTop=H.scrollTop,S.current=H.reachedMaxHeight,F.current=!0}finally{he()}ee({left:H.left,top:H.isTopPositioned?H.top:null,bottom:H.isTopPositioned?null:0,marginTop:H.marginTop,marginBottom:H.marginBottom}),w(!0)},[u,m,R]);C.useEffect(()=>{!i||!h||V||W()},[i,h,V,W]),C.useEffect(()=>{i&&!h&&J()},[i,h,J]),C.useEffect(()=>{if(!i||!h)return;let f=k.current,x=f?Ue(f):window,D=Y=>{u.setOpen(!1,He.none,Y)};return x.addEventListener("resize",D),()=>{x.removeEventListener("resize",D)}},[i,h,u]);let _=C.useCallback(f=>{let x=k.current,D=u.context.refs.popupRef.current;if(!x||!D||!F.current||S.current||!h)return;let Y=x.style.top==="0px",oe=x.style.bottom==="0px";if(!Y&&!oe)return;let se=Ue(x),he=x.ownerDocument,H=We(x),N=Vt(x.getBoundingClientRect().height,"y",H),ne=se.getComputedStyle(x),re=Number.parseFloat(ne.marginTop)||0,Q=Number.parseFloat(ne.marginBottom)||0,me=Lt(se.getComputedStyle(D)),xe=Math.min(he.documentElement.clientHeight-re-Q,me),le=Ht({isTopPositioned:Y,currentHeight:N,scrollTop:f.scrollTop,maxScrollTop:ge(f.scrollHeight,f.clientHeight),maxAvailableHeight:xe});switch(le.height!=null&&(x.style.height=`${le.height}px`),le.scroll.kind){case"set":f.scrollTop=le.scroll.value;break;case"max":{let X=ge(f.scrollHeight,f.clientHeight);Math.abs(f.scrollTop-X)>K&&(f.scrollTop=X);break}case"clamp":{let X=ge(f.scrollHeight,f.clientHeight),be=pe(le.scroll.value,0,X);Math.abs(f.scrollTop-be)>K&&(f.scrollTop=be);break}default:break}le.reachedMaxHeight&&(S.current=!0)},[u,h]);C.useEffect(()=>{if(!i||!h||!V)return;let f=u.context.refs.listRef.current;if(!f)return;let x=()=>_(f);return f.addEventListener("scroll",x,{passive:!0}),()=>{f.removeEventListener("scroll",x)}},[i,h,V,_,u]);let q=h?"none":s,T=C.useMemo(()=>({alignItemWithTriggerActive:h,side:q,align:r,scrollUpArrowRef:A,scrollDownArrowRef:ie,setAlignItemWithTriggerActive:L,resetPositioningState:B}),[h,q,r,B]),te=C.useCallback(f=>{k.current=f,typeof t=="function"?t(f):t&&(t.current=f)},[t]),U=i&&h&&!V,Z=h&&v?{position:"fixed",transform:"none",left:v.left,top:v.top??"auto",bottom:v.bottom??"auto",marginTop:v.marginTop,marginBottom:v.marginBottom,maxHeight:"none"}:{};return At(Be.Provider,{value:T,children:At(Po.Positioner,{ref:te,side:h?void 0:s,align:h?void 0:r,sideOffset:h?0:c,disableAnchorTracking:h||void 0,className:b,style:{...o,...Z,...U?{visibility:"hidden"}:{}},...h?{"data-side":"none","data-align":r}:{},[qe.slot]:"",...P,children:a})})});function Ue(e){return e.ownerDocument?.defaultView??window}function Lt(e){let n=e.maxHeight||"";return n.endsWith("px")&&Number.parseFloat(n)||Number.POSITIVE_INFINITY}function Ro(e){let n=e.navigator;return n?/AppleWebKit/.test(n.userAgent)&&!/Chrome|Chromium|Edg|OPR/.test(n.userAgent):!1}var kt=[["transform","none"],["scale","1"],["translate","0 0"]];function Io(e){let{style:n}=e,t={};for(let[l,s]of kt)t[l]=n.getPropertyValue(l),n.setProperty(l,s,"important");return()=>{for(let[l]of kt){let s=t[l];s?n.setProperty(l,s):n.removeProperty(l)}}}import{Popover as Co}from"@base-ui/react/popover";import*as I from"react";import{jsx as ye,jsxs as To}from"react/jsx-runtime";function Xe(e){let{open:n,onOpenChange:t,onOpenChangeComplete:l,actionsRef:s,defaultOpen:r=!1,value:c,defaultValue:b,onValueChange:o,multiple:a=!1,values:P,defaultValues:d,onValuesChange:m,isItemEqualToValue:R=bt,itemToStringLabel:u,itemToStringValue:i,name:p,form:g,required:M,disabled:L=!1,placeholder:h="Select...",items:V,modal:w=!0,closeOnOutsidePress:v="pointerdown",virtualized:ee=!1,virtualItems:k,onHighlightChange:A,debug:ie,children:S,...F}=e,J=I.useCallback((y,ue,Ee,Qt)=>A?.(y,Ee,Qt),[A]),B=I.useId(),W=I.useRef(null),_=I.useRef(null),q=I.useRef(null),T=I.useRef(null),te=I.useCallback(y=>{W.current=y},[]),U=I.useCallback(y=>{_.current=y},[]),Z=I.useRef(null),f=I.useCallback(y=>(Z.current=y,()=>{Z.current=null}),[]),{store:x,focusOwnerStore:D,openChainStore:Y,registerSurface:oe,closeAll:se,virtualization:he,handleOpenChange:H,disabled:N,setDisabled:ne,menuTreeResolver:re}=tt({onOpenChange:t,defaultOpen:r,virtualized:ee,items:k,onHighlightChange:J,closeOnOutsidePress:v,disabled:L}),Q=I.useRef(null);I.useImperativeHandle(s,()=>({close:()=>{Q.current?.close()},unmount:()=>{Q.current?.unmount()},setDisabled:ne}),[ne]),x.useControlledProp("openProp",n);let me=x.useState("open"),[xe,le]=I.useState(b!==void 0?b:null),X=c!==void 0?c:xe,be=I.useCallback(y=>{c===void 0&&le(y),o?.(y)},[c,o]),[Yt,Xt]=I.useState(d??[]),Pe=P!==void 0?P:Yt,Ze=I.useCallback(y=>{P===void 0&&Xt(y),m?.(y)},[P,m]),Qe=I.useRef(new Map),et=I.useCallback((y,ue)=>(Qe.current.set(y,ue),()=>{}),[]),$t=I.useMemo(()=>({multiple:a,value:X,values:Pe,onValueChange:be,onValuesChange:Ze,isItemEqualToValue:R,itemToStringLabel:u,itemToStringValue:i,name:p,form:g,required:M,disabled:N,placeholder:h,items:V,itemTextRegistry:Qe.current,registerItemText:et,listId:B,triggerRef:W,valueRef:_,selectedItemTextRef:q,firstItemTextRef:T,setTriggerElement:te,setValueElement:U,registerResetPositioningCallback:f}),[a,X,Pe,be,Ze,R,u,i,p,g,M,N,h,V,et,B,te,U,f]),Kt=I.useMemo(()=>p?a?Pe.length>0?Pe.map((y,ue)=>{let Ee=z(y,i);return ye("input",{type:"hidden",name:p,value:Ee,form:g,required:M&&ue===0},Ee)}):ye("input",{type:"hidden",name:p,value:"",form:g,required:M}):ye("input",{type:"hidden",name:p,value:X!=null?z(X,i):"",form:g,required:M}):null,[p,g,M,a,X,Pe,i]),Jt=I.useCallback((y,ue)=>{H(y,ue.reason,ue.event)},[H]),Zt=I.useCallback(y=>{!y&&x.context.clearSearchOnClose==="after-exit"&&(x.clearSearch(),x.setInputActive(!1)),y||(x.clearHighlight(),Z.current?.(),T.current=null),l?.(y)},[x,l]);return ye(Le.Provider,{value:$t,children:To(at,{menuTreeResolver:re,store:x,focusOwnerStore:D,openChainStore:Y,disabled:N,depth:0,closeAll:se,registerSurface:oe,virtualization:he,menuType:"dropdown",closeOnOutsidePress:v,componentName:"select",debug:ie,children:[Kt,ye(Co.Root,{...F,open:me,onOpenChange:Jt,onOpenChangeComplete:Zt,modal:w,actionsRef:s?Q:void 0,children:S})]})})}import*as De from"react";var Ot={slot:"bazzaui-select-surface"};import{jsx as Mo}from"react/jsx-runtime";var $e=De.forwardRef(function(n,t){let{autoHighlightFirst:l,...s}=n,r=O(),c=Ve(),b=De.useMemo(()=>{let o=a=>de(a)?!0:z(a,r.itemToStringValue);if(l==="selected"){let a=r.multiple?r.values[0]:r.value;return o(a)}if(l!==void 0)return l;if(c?.alignItemWithTriggerActive){let a=r.multiple?r.values[0]:r.value;return o(a)}return!0},[l,c?.alignItemWithTriggerActive,r.multiple,r.value,r.values,r.itemToStringValue]);return Mo(gt,{ref:t,autoHighlightFirst:b,[Ot.slot]:"",...s})});import{Popover as Vo}from"@base-ui/react/popover";import{useRender as vo}from"@base-ui/react/use-render";import*as G from"react";var Se={slot:"bazzaui-select-trigger",open:"data-open",closed:"data-closed",disabled:"data-disabled",placeholder:"data-placeholder"};import{jsx as Dt}from"react/jsx-runtime";var yo={open:e=>e?{[Se.open]:""}:null,disabled:e=>e?{[Se.disabled]:""}:null,placeholder:e=>e?{[Se.placeholder]:""}:null},Eo=G.forwardRef(function(n,t){let{render:l,children:s,disabled:r,className:c,style:b,triggerProps:o,triggerState:a,...P}=n,d=O(),m=r??d.disabled,R=d.multiple?d.values.length>0:!de(d.value),u=G.useMemo(()=>({open:a.open,disabled:m,placeholder:!R}),[a.open,m,R]),i=G.useCallback(p=>{d.setTriggerElement(p)},[d]);return vo({render:l,ref:t,state:u,stateAttributesMapping:yo,props:{...xt(o,{...P,className:c,style:b,children:s}),[Se.slot]:"",ref:i,role:"combobox","aria-haspopup":"listbox","aria-controls":d.listId},defaultTagName:"button"})}),Ke=G.forwardRef(function(n,t){let{disabled:l,...s}=n,r=O(),c=we(),{store:b,closeAll:o,closeOnOutsidePress:a}=c,P=(l??r.disabled)||c.disabled,d=b.useState("open"),m=G.useRef(null),R=G.useCallback(u=>{m.current=u,typeof t=="function"?t(u):t&&(t.current=u)},[t]);return G.useEffect(()=>{let u=m.current;if(!u||a!=="pointerdown")return;let i=p=>{d&&(o(He.triggerPress,p),u.addEventListener("click",g=>{g.stopPropagation(),g.preventDefault()},{once:!0,capture:!0}))};return u.addEventListener("pointerdown",i,!0),()=>{u.removeEventListener("pointerdown",i,!0)}},[d,o,a]),Dt(Vo.Trigger,{ref:R,disabled:P,render:(u,i)=>Dt(Eo,{...s,disabled:P,triggerProps:u,triggerState:i,ref:u.ref})})});import{useRender as wo}from"@base-ui/react/use-render";import*as ae from"react";var Ne={slot:"bazzaui-select-value",placeholder:"data-placeholder",multiple:"data-multiple"};var Ho={hasValue:e=>e?null:{[Ne.placeholder]:""},multiple:e=>e?{[Ne.multiple]:""}:null,getValueText:()=>null};function Lo(e,n){let{render:t,className:l,style:s,placeholder:r,children:c,...b}=e,o=O(),a=r??o.placeholder,P=ae.useMemo(()=>Re(o.items,""),[o.items]),d=r??P??a,m=o.multiple?o.values.length>0:!de(o.value),R=ae.useCallback(g=>{let M=z(g,o.itemToStringValue),L=o.itemTextRegistry.get(M);if(L!==void 0)return L;let h=Re(o.items,M);if(h!==void 0)return h;let V=fe(g,o.itemToStringLabel);if(V&&V!==M)return V},[o.itemTextRegistry,o.items,o.itemToStringLabel,o.itemToStringValue]),u=ae.useMemo(()=>({value:o.value,values:o.values,multiple:o.multiple,hasValue:m,placeholder:a,getValueText:R}),[o.value,o.values,o.multiple,m,a,R]),i;if(typeof c=="function")i=c(u);else if(c!==void 0)i=c;else if(!m)i=d;else if(o.multiple){let g=o.values.map(M=>{let L=R(M);return L!==void 0?L:fe(M,o.itemToStringLabel)||z(M,o.itemToStringValue)}).filter(Boolean);i=g.length>2?`${g.length} selected`:g.join(", ")}else{let g=o.value;if(g!=null){let M=R(g);M!==void 0?i=M:i=fe(g,o.itemToStringLabel)||z(g,o.itemToStringValue)}}let p=ae.useCallback(g=>{o.setValueElement(g)},[o]);return wo({render:t,ref:n,state:u,stateAttributesMapping:Ho,props:{...b,[Ne.slot]:"",ref:p,className:l,style:s,children:i},defaultTagName:"span"})}var Je=ae.forwardRef(Lo);var zt=(c=>(c.slot="bazzaui-select-arrow",c.open="data-open",c.closed="data-closed",c.side="data-side",c.align="data-align",c.uncentered="data-uncentered",c))(zt||{});var Gt=(r=>(r.slot="bazzaui-select-backdrop",r.open="data-open",r.closed="data-closed",r.startingStyle="data-starting-style",r.endingStyle="data-ending-style",r))(Gt||{});var Ft=(n=>(n.slot="bazzaui-select-empty",n))(Ft||{});var Bt=(n=>(n.slot="bazzaui-select-group",n))(Bt||{});var jt=(n=>(n.slot="bazzaui-select-group-label",n))(jt||{});var ko={slot:"bazzaui-select-icon",open:"data-popup-open"};var Wt=(l=>(l.slot="bazzaui-select-input",l.open="data-open",l.closed="data-closed",l))(Wt||{});var _t=(t=>(t.slot="bazzaui-select-list",t.list="data-popup-menu-list",t))(_t||{});var qt=(n=>(n.alignItemWithTrigger="data-align-item-with-trigger",n))(qt||{});var Ao={slotUp:"bazzaui-select-scroll-up-arrow",slotDown:"bazzaui-select-scroll-down-arrow",direction:"data-direction",side:"data-side"};var Ut=(n=>(n.slot="bazzaui-select-separator",n))(Ut||{});export{Nt as Select,zt as SelectArrowDataAttributes,Gt as SelectBackdropDataAttributes,Ft as SelectEmptyDataAttributes,Bt as SelectGroupDataAttributes,jt as SelectGroupLabelDataAttributes,ko as SelectIconDataAttributes,Wt as SelectInputDataAttributes,ze as SelectItem,$ as SelectItemDataAttributes,Ge as SelectItemIndicator,Me as SelectItemIndicatorDataAttributes,Fe as SelectItemLabel,io as SelectListCssVars,_t as SelectListDataAttributes,je as SelectPopup,qt as SelectPopupDataAttributes,Ye as SelectPositioner,ao as SelectPositionerCssVars,qe as SelectPositionerDataAttributes,Xe as SelectRoot,Ao as SelectScrollArrowDataAttributes,Ut as SelectSeparatorDataAttributes,lo as SelectStore,$e as SelectSurface,Ke as SelectTrigger,Se as SelectTriggerDataAttributes,Je as SelectValue,no as commandScore,ro as defaultFilter,so as useMaybeSelectContext,uo as useMaybeSelectItemContext,oo as useMaybeSurfaceContext,O as useSelectContext,Te as useSelectItemContext,Ve as useSelectPositionerContext,to as useSurfaceContext};
|
|
1
|
+
import{a as xt}from"../chunk-IT372NHF.js";import{a as bt,b as Pt,c as Rt,d as It,e as Ct,f as Re,g as Tt}from"../chunk-KO3DXT3Y.js";import{J as rt,K as lt,L as ao,N as at,O as it,Q as de,R as fe,S as z,T as st,U as ut,V as ct,W as pt,aa as io,ba as mt,d as we,da as dt,ea as ft,fa as gt,pa as St,q as tt,s as ot,sa as ht,t as nt}from"../chunk-BFOY762U.js";import{a as He,p as to,q as oo,w as no,x as ro,y as lo}from"../chunk-A4Z5BY7H.js";import{a as eo}from"../chunk-4C666HHU.js";var Nt={};eo(Nt,{Arrow:()=>ot,Backdrop:()=>nt,Empty:()=>ut,Group:()=>St,GroupLabel:()=>pt,Icon:()=>st,Input:()=>ct,Item:()=>ze,ItemIndicator:()=>Ge,ItemLabel:()=>Fe,List:()=>mt,Popup:()=>je,Portal:()=>lt,Positioner:()=>Ye,Root:()=>Xe,ScrollDownArrow:()=>ft,ScrollUpArrow:()=>dt,Separator:()=>ht,Surface:()=>$e,Trigger:()=>Ke,Value:()=>Je});import{useRender as co}from"@base-ui/react/use-render";import*as E from"react";import*as Ie from"react";var Le=Ie.createContext(null);function O(){let e=Ie.useContext(Le);if(!e)throw new Error("Select components must be used within a Select.Root");return e}function so(){return Ie.useContext(Le)}var $={slot:"bazzaui-select-item",highlighted:"data-highlighted",disabled:"data-disabled",selected:"data-selected",first:"data-first",last:"data-last",firstInGroup:"data-first-in-group",lastInGroup:"data-last-in-group"};import*as Ce from"react";var ke=Ce.createContext(null);function Te(){let e=Ce.useContext(ke);if(!e)throw new Error("Select.Item child components must be used within a Select.Item");return e}function uo(){return Ce.useContext(ke)}import{jsx as fo}from"react/jsx-runtime";var po={highlighted:e=>e?{[$.highlighted]:""}:null,disabled:e=>e?{[$.disabled]:""}:null,selected:e=>e?{[$.selected]:""}:null,first:e=>e?{[$.first]:""}:null,last:e=>e?{[$.last]:""}:null,firstInGroup:e=>e?{[$.firstInGroup]:""}:null,lastInGroup:e=>e?{[$.lastInGroup]:""}:null};function mo(e,o){let{value:t,textValue:l,keywords:i,disabled:r=!1,onSelect:c,forceMount:b=!1,render:n,className:a,style:C,onClick:d,onPointerDown:m,onPointerMove:P,children:g,...s}=e,p=O(),u=E.useMemo(()=>z(t,p.itemToStringValue),[t,p.itemToStringValue]),R=E.useId(),w=t===null?`select-clear-${R}`:void 0,S=E.useMemo(()=>Ct(p.items,u),[p.items,u]),V=S?.label,H=E.useMemo(()=>fe(t,p.itemToStringLabel),[t,p.itemToStringLabel]),v=E.useMemo(()=>{if(l!==void 0)return l;if(typeof V=="string")return V;if(H&&H!==u)return H},[l,V,H,u]),ee=E.useMemo(()=>Tt(i,[typeof V=="string"?V:H&&H!==u?H:void 0,...S?.keywords??[]]),[i,V,H,u,S]),k=E.useRef(v),A=p.multiple?Rt(p.values,t,p.isItemEqualToValue):p.value!==""&&Pt(p.value,t,p.isItemEqualToValue),ie=!p.multiple,h=it({id:w,value:u,keywords:ee,disabled:r,forceMount:b,closeOnClick:ie,children:g});E.useEffect(()=>{let M=()=>{if(!r){if(p.multiple)if(t==null)p.onValuesChange([]);else{let te=A?It(p.values,t,p.isItemEqualToValue):[...p.values,t];p.onValuesChange(te)}else p.onValueChange(t);c?.()}};return h.registerSelect(M)},[r,p,t,A,c,h]),E.useEffect(()=>{let M=k.current;if(M)return p.registerItemText(u,M)},[u,p]),E.useEffect(()=>{!v&&typeof g=="string"&&(k.current=g,p.registerItemText(u,g))},[g,v,u,p]);let F=E.useMemo(()=>({highlighted:h.isHighlighted,disabled:r,selected:A,first:h.positional.first,last:h.positional.last,firstInGroup:h.positional.firstInGroup,lastInGroup:h.positional.lastInGroup}),[h.isHighlighted,r,A,h.positional]),J=E.useMemo(()=>({id:h.id,value:t,textValue:v,highlighted:h.isHighlighted,disabled:r,selected:A}),[h.id,t,v,h.isHighlighted,r,A]),B=E.useCallback(M=>{d?.(M),M.defaultPrevented||h.handlers.onClick(M)},[d,h.handlers]),W=E.useCallback(M=>{h.handlers.onPointerDown(M),m?.(M)},[h.handlers,m]),_=E.useCallback(M=>{P?.(M),M.defaultPrevented||h.handlers.onPointerMove(M)},[P,h.handlers]),q=co({render:n,ref:[h.ref,h.rowRef,o],state:F,stateAttributesMapping:po,props:{...s,[$.slot]:"",id:h.id,role:"option",tabIndex:-1,"aria-selected":A,"aria-disabled":r||void 0,className:a,style:C,onClick:B,onPointerMove:_,onPointerDown:W,children:g},enabled:h.isVisible,defaultTagName:"div"});return h.isVisible?fo(ke.Provider,{value:J,children:q}):null}var ze=E.forwardRef(mo);import{useRender as go}from"@base-ui/react/use-render";import*as Ae from"react";var Me={slot:"bazzaui-select-item-indicator",selected:"data-selected",highlighted:"data-highlighted"};var So={selected:e=>e?{[Me.selected]:""}:null,highlighted:e=>e?{[Me.highlighted]:""}:null},Ge=Ae.forwardRef(function(o,t){let{render:l,className:i,style:r,forceMount:c=!1,keepMounted:b=!1,children:n,...a}=o,C=Te(),d=C.selected,m=C.highlighted,P=Ae.useMemo(()=>({selected:d,highlighted:m}),[d,m]),g=c||b||d,s=typeof n=="function"?n(P):b&&!d?null:n,p=go({render:l,ref:t,state:P,stateAttributesMapping:So,props:{...a,[Me.slot]:"","aria-hidden":!0,className:i,style:r,children:s},defaultTagName:"span"});return g?p:null});import{useRender as ho}from"@base-ui/react/use-render";import*as j from"react";var Mt={slot:"bazzaui-select-item-label"};var Fe=j.forwardRef(function(o,t){let{render:l,className:i,style:r,children:c,...b}=o,n=O(),a=Te(),C=j.useRef(null),d=z(a.value,n.itemToStringValue),m=j.useMemo(()=>{if(c!==void 0)return c;let s=Re(n.items,d);return s!==void 0?s:a.textValue!==void 0?a.textValue:d},[c,n.items,d,a.textValue]),P=j.useMemo(()=>({value:d,selected:a.selected,highlighted:a.highlighted,disabled:a.disabled}),[d,a.selected,a.highlighted,a.disabled]);j.useEffect(()=>{if(typeof m=="string")return n.registerItemText(d,m)},[m,n,d]);let g=j.useCallback(s=>{C.current=s,a.selected&&s&&(n.selectedItemTextRef.current=s),s&&!a.disabled&&(n.firstItemTextRef.current||(n.firstItemTextRef.current=s))},[a.selected,a.disabled,n]);return ho({render:l,ref:t,state:P,props:{...b,[Mt.slot]:"",ref:g,className:i,style:r,children:m},defaultTagName:"span"})});import*as ce from"react";import*as Oe from"react";var Be=Oe.createContext(null);function Ve(){return Oe.useContext(Be)}import{jsx as xo}from"react/jsx-runtime";var je=ce.forwardRef(function(o,t){let{className:l,render:i,...r}=o,c=Ve(),b=c?.alignItemWithTriggerActive??!1,n=c?.align,a=ce.useCallback(m=>({...m,side:b?"none":m.side,alignItemWithTriggerActive:b}),[b]),C=ce.useMemo(()=>typeof l=="function"?m=>l(a(m)):l,[l,a]),d=ce.useMemo(()=>typeof i=="function"?(m,P)=>i(m,a(P)):i,[i,a]);return xo(rt,{ref:t,className:C,render:d,"data-align-item-with-trigger":b?"":void 0,...b?{"data-side":"none","data-align":n}:{},...r})});import{useDirection as bo}from"@base-ui/react/internals/direction-context";import{Popover as Po}from"@base-ui/react/popover";import*as T from"react";function pe(e,o,t){return e<o?o:e>t?t:e}function We(e){let o=e.getBoundingClientRect(),{offsetWidth:t,offsetHeight:l}=e,i=t>0?Math.round(o.width)/t:1,r=l>0?Math.round(o.height)/l:1;return(!Number.isFinite(i)||i===0)&&(i=1),(!Number.isFinite(r)||r===0)&&(r=1),{x:i,y:r}}function Vt(e,o,t){return e/t[o]}function ve(e,o){let t=e.x/o.x,l=e.y/o.y,i=e.width/o.x,r=e.height/o.y;return{x:t,y:l,width:i,height:r,top:l,left:t,right:t+i,bottom:l+r}}var K=1;function ge(e,o){return Math.max(0,e-o)}var vt=5,yt=20,_e=10,Et=100;function wt(e){let{triggerRect:o,positionerRect:t,valueRect:l,textRect:i,scrollHeight:r,documentClientHeight:c,documentClientWidth:b,marginTop:n,marginBottom:a,minHeight:C,maxPopupHeight:d,borderBottom:m,direction:P}=e,g=()=>({fallback:!0,left:0,isTopPositioned:!1,top:0,height:0,scrollTop:0,marginTop:n,marginBottom:a,reachedMaxHeight:!1,transformOrigin:null}),s=c-n-a,p=b,u=o.height,R=s-o.bottom+u,w=P==="rtl"?o.right-t.width:o.left,S=0,V=null;if(i&&l){w=t.left+(P==="rtl"?l.right-i.right:l.left-i.left);let U=l.top-o.top+l.height/2;S=i.top-t.top+i.height/2-U,V=i.top+i.height/2}let H=R+S+a+m,v=Math.min(s,H),ee=s-n-a,k=H-v,A=p-vt,ie=pe(w,vt,A-t.width),h=ge(r,v),F=k>=h-K;if(F&&(v=Math.min(s,t.height)-(k-h)),o.top<yt||o.bottom>s-yt||Math.ceil(v)+K<Math.min(r,C))return g();let B=Math.max(C,v),W=a+m-n,_=0,q=k;if(F){let U=Math.max(0,s-H);_=t.height>=ee?0:Math.max(0,U+W),q=h}else q=Math.max(0,k-W);let M=null;if(V!=null){let U=t.top,Z=t.height,f=Z>0?(V-U)/Z*100:50;M=`50% ${pe(f,0,100)}%`}let te=B===s||v>=d;return{fallback:!1,left:ie,isTopPositioned:F,top:_,height:v,scrollTop:q,marginTop:n,marginBottom:a,reachedMaxHeight:te,transformOrigin:M}}function Ht(e){let{isTopPositioned:o,currentHeight:t,scrollTop:l,maxScrollTop:i,maxAvailableHeight:r}=e,c=o?i-l:l;if(c<=K){let d=pe(c,0,r-t),m=t+d;return{height:d>0?m:null,scroll:{kind:"set",value:o?i:0},reachedMaxHeight:r-m<=K}}let b=Math.min(t+c,r),n={kind:"none"},a=!1;if(r-b>K)n=o?{kind:"max"}:{kind:"clamp",value:0};else if(a=!0,!o&&l<i){let d=t+c-r;n={kind:"clamp",value:l-(c-d)}}let C=Math.ceil(b);return{height:C,scroll:n,reachedMaxHeight:a||C>=r-K}}var qe={slot:"bazzaui-select-positioner"};import{jsx as At}from"react/jsx-runtime";var Ye=T.forwardRef(function(o,t){let{alignItemWithTrigger:l=!0,side:i="bottom",align:r="start",sideOffset:c=0,className:b,style:n,children:a,...C}=o,d=we(),m=O(),P=bo()==="rtl"?"rtl":"ltr",g=d.store,s=g.useState("open"),p=g.useState("openMethod"),u=g.useState("hasInput"),[R,w]=T.useState(l),S=R&&p!=="touch"&&!u,[V,H]=T.useState(!1),[v,ee]=T.useState(null),k=T.useRef(null),A=T.useRef(null),ie=T.useRef(null),h=T.useRef(!1),F=T.useRef(!1),J=T.useCallback(()=>{let f=k.current,x=g.context.refs.popupRef.current;f&&(f.style.height=""),x&&(x.style.height="",x.style.removeProperty("--transform-origin")),h.current=!1,F.current=!1},[g]),B=T.useCallback(()=>{J(),w(l),H(!1),ee(null)},[l,J]);T.useEffect(()=>m.registerResetPositioningCallback(B),[m,B]);let W=T.useCallback(()=>{if(g.state.hasInput)return;let f=k.current,x=m.triggerRef.current,D=g.context.refs.popupRef.current,Y=g.context.refs.listRef.current;if(!f||!x||!D||!Y)return;let oe=m.selectedItemTextRef.current;if(!oe?.isConnected){let N=m.firstItemTextRef.current;oe=N?.isConnected?N:null}let se=m.valueRef.current,he=Io(D),L;try{let N=Ue(f),ne=f.ownerDocument,re=We(x),Q=N.getComputedStyle(f),me=N.getComputedStyle(D);L=wt({triggerRect:ve(x.getBoundingClientRect(),re),positionerRect:ve(f.getBoundingClientRect(),re),valueRect:se?ve(se.getBoundingClientRect(),re):null,textRect:oe?ve(oe.getBoundingClientRect(),re):null,scrollHeight:Y.scrollHeight,documentClientHeight:ne.documentElement.clientHeight,documentClientWidth:ne.documentElement.clientWidth,marginTop:Number.parseFloat(Q.marginTop)||_e,marginBottom:Number.parseFloat(Q.marginBottom)||_e,minHeight:Number.parseFloat(Q.minHeight)||Et,maxPopupHeight:Lt(me),borderBottom:Number.parseFloat(me.borderBottomWidth)||0,direction:P});let xe=(N.visualViewport?.scale??1)!==1&&Ro(N);if(L.fallback||xe){w(!1),H(!0);return}f.style.height=`${L.height}px`,D.style.height="100%",L.transformOrigin&&D.style.setProperty("--transform-origin",L.transformOrigin),Y.scrollTop=L.scrollTop,h.current=L.reachedMaxHeight,F.current=!0}finally{he()}ee({left:L.left,top:L.isTopPositioned?L.top:null,bottom:L.isTopPositioned?null:0,marginTop:L.marginTop,marginBottom:L.marginBottom}),H(!0)},[g,m,P]);T.useEffect(()=>{!s||!S||V||W()},[s,S,V,W]),T.useEffect(()=>{s&&!S&&J()},[s,S,J]),T.useEffect(()=>{if(!s||!S)return;let f=k.current,x=f?Ue(f):window,D=Y=>{g.setOpen(!1,He.none,Y)};return x.addEventListener("resize",D),()=>{x.removeEventListener("resize",D)}},[s,S,g]);let _=T.useCallback(f=>{let x=k.current,D=g.context.refs.popupRef.current;if(!x||!D||!F.current||h.current||!S)return;let Y=x.style.top==="0px",oe=x.style.bottom==="0px";if(!Y&&!oe)return;let se=Ue(x),he=x.ownerDocument,L=We(x),N=Vt(x.getBoundingClientRect().height,"y",L),ne=se.getComputedStyle(x),re=Number.parseFloat(ne.marginTop)||0,Q=Number.parseFloat(ne.marginBottom)||0,me=Lt(se.getComputedStyle(D)),xe=Math.min(he.documentElement.clientHeight-re-Q,me),le=Ht({isTopPositioned:Y,currentHeight:N,scrollTop:f.scrollTop,maxScrollTop:ge(f.scrollHeight,f.clientHeight),maxAvailableHeight:xe});switch(le.height!=null&&(x.style.height=`${le.height}px`),le.scroll.kind){case"set":f.scrollTop=le.scroll.value;break;case"max":{let X=ge(f.scrollHeight,f.clientHeight);Math.abs(f.scrollTop-X)>K&&(f.scrollTop=X);break}case"clamp":{let X=ge(f.scrollHeight,f.clientHeight),be=pe(le.scroll.value,0,X);Math.abs(f.scrollTop-be)>K&&(f.scrollTop=be);break}default:break}le.reachedMaxHeight&&(h.current=!0)},[g,S]);T.useEffect(()=>{if(!s||!S||!V)return;let f=g.context.refs.listRef.current;if(!f)return;let x=()=>_(f);return f.addEventListener("scroll",x,{passive:!0}),()=>{f.removeEventListener("scroll",x)}},[s,S,V,_,g]);let q=S?"none":i,M=T.useMemo(()=>({alignItemWithTriggerActive:S,side:q,align:r,scrollUpArrowRef:A,scrollDownArrowRef:ie,setAlignItemWithTriggerActive:w,resetPositioningState:B}),[S,q,r,B]),te=T.useCallback(f=>{k.current=f,typeof t=="function"?t(f):t&&(t.current=f)},[t]),U=s&&S&&!V,Z=S&&v?{position:"fixed",transform:"none",left:v.left,top:v.top??"auto",bottom:v.bottom??"auto",marginTop:v.marginTop,marginBottom:v.marginBottom,maxHeight:"none"}:{};return At(Be.Provider,{value:M,children:At(Po.Positioner,{ref:te,side:S?void 0:i,align:S?void 0:r,sideOffset:S?0:c,disableAnchorTracking:S||void 0,className:b,style:{...n,...Z,...U?{visibility:"hidden"}:{}},...S?{"data-side":"none","data-align":r}:{},[qe.slot]:"",...C,children:a})})});function Ue(e){return e.ownerDocument?.defaultView??window}function Lt(e){let o=e.maxHeight||"";return o.endsWith("px")&&Number.parseFloat(o)||Number.POSITIVE_INFINITY}function Ro(e){let o=e.navigator;return o?/AppleWebKit/.test(o.userAgent)&&!/Chrome|Chromium|Edg|OPR/.test(o.userAgent):!1}var kt=[["transform","none"],["scale","1"],["translate","0 0"]];function Io(e){let{style:o}=e,t={};for(let[l,i]of kt)t[l]=o.getPropertyValue(l),o.setProperty(l,i,"important");return()=>{for(let[l]of kt){let i=t[l];i?o.setProperty(l,i):o.removeProperty(l)}}}import{Popover as Co}from"@base-ui/react/popover";import*as I from"react";import{jsx as ye,jsxs as To}from"react/jsx-runtime";function Xe(e){let{open:o,onOpenChange:t,onOpenChangeComplete:l,actionsRef:i,defaultOpen:r=!1,value:c,defaultValue:b,onValueChange:n,multiple:a=!1,values:C,defaultValues:d,onValuesChange:m,isItemEqualToValue:P=bt,itemToStringLabel:g,itemToStringValue:s,name:p,form:u,required:R,disabled:w=!1,placeholder:S="Select...",items:V,modal:H=!0,closeOnOutsidePress:v="pointerdown",virtualized:ee=!1,virtualItems:k,onHighlightChange:A,debug:ie,children:h,...F}=e,J=I.useCallback((y,ue,Ee,Qt)=>A?.(y,Ee,Qt),[A]),B=I.useId(),W=I.useRef(null),_=I.useRef(null),q=I.useRef(null),M=I.useRef(null),te=I.useCallback(y=>{W.current=y},[]),U=I.useCallback(y=>{_.current=y},[]),Z=I.useRef(null),f=I.useCallback(y=>(Z.current=y,()=>{Z.current=null}),[]),{store:x,focusOwnerStore:D,openChainStore:Y,registerSurface:oe,closeAll:se,virtualization:he,handleOpenChange:L,disabled:N,setDisabled:ne,menuTreeResolver:re}=tt({onOpenChange:t,defaultOpen:r,virtualized:ee,items:k,onHighlightChange:J,closeOnOutsidePress:v,disabled:w}),Q=I.useRef(null);I.useImperativeHandle(i,()=>({close:()=>{Q.current?.close()},unmount:()=>{Q.current?.unmount()},setDisabled:ne}),[ne]),x.useControlledProp("openProp",o);let me=x.useState("open"),[xe,le]=I.useState(b!==void 0?b:null),X=c!==void 0?c:xe,be=I.useCallback(y=>{c===void 0&&le(y),n?.(y)},[c,n]),[Yt,Xt]=I.useState(d??[]),Pe=C!==void 0?C:Yt,Ze=I.useCallback(y=>{C===void 0&&Xt(y),m?.(y)},[C,m]),Qe=I.useRef(new Map),et=I.useCallback((y,ue)=>(Qe.current.set(y,ue),()=>{}),[]),$t=I.useMemo(()=>({multiple:a,value:X,values:Pe,onValueChange:be,onValuesChange:Ze,isItemEqualToValue:P,itemToStringLabel:g,itemToStringValue:s,name:p,form:u,required:R,disabled:N,placeholder:S,items:V,itemTextRegistry:Qe.current,registerItemText:et,listId:B,triggerRef:W,valueRef:_,selectedItemTextRef:q,firstItemTextRef:M,setTriggerElement:te,setValueElement:U,registerResetPositioningCallback:f}),[a,X,Pe,be,Ze,P,g,s,p,u,R,N,S,V,et,B,te,U,f]),Kt=I.useMemo(()=>p?a?Pe.length>0?Pe.map((y,ue)=>{let Ee=z(y,s);return ye("input",{type:"hidden",name:p,value:Ee,form:u,required:R&&ue===0},Ee)}):ye("input",{type:"hidden",name:p,value:"",form:u,required:R}):ye("input",{type:"hidden",name:p,value:X!=null?z(X,s):"",form:u,required:R}):null,[p,u,R,a,X,Pe,s]),Jt=I.useCallback((y,ue)=>{L(y,ue.reason,ue.event)},[L]),Zt=I.useCallback(y=>{!y&&x.context.clearSearchOnClose==="after-exit"&&(x.clearSearch(),x.setInputActive(!1)),y||(x.clearHighlight(),Z.current?.(),M.current=null),l?.(y)},[x,l]);return ye(Le.Provider,{value:$t,children:To(at,{menuTreeResolver:re,store:x,focusOwnerStore:D,openChainStore:Y,disabled:N,depth:0,closeAll:se,registerSurface:oe,virtualization:he,menuType:"dropdown",closeOnOutsidePress:v,componentName:"select",debug:ie,children:[Kt,ye(Co.Root,{...F,open:me,onOpenChange:Jt,onOpenChangeComplete:Zt,modal:H,actionsRef:i?Q:void 0,children:h})]})})}import*as De from"react";var Ot={slot:"bazzaui-select-surface"};import{jsx as Mo}from"react/jsx-runtime";var $e=De.forwardRef(function(o,t){let{autoHighlightFirst:l,...i}=o,r=O(),c=Ve(),b=De.useMemo(()=>{let n=a=>de(a)?!0:z(a,r.itemToStringValue);if(l==="selected"){let a=r.multiple?r.values[0]:r.value;return n(a)}if(l!==void 0)return l;if(c?.alignItemWithTriggerActive){let a=r.multiple?r.values[0]:r.value;return n(a)}return!0},[l,c?.alignItemWithTriggerActive,r.multiple,r.value,r.values,r.itemToStringValue]);return Mo(gt,{ref:t,autoHighlightFirst:b,[Ot.slot]:"",...i})});import{Popover as Vo}from"@base-ui/react/popover";import{useRender as vo}from"@base-ui/react/use-render";import*as G from"react";var Se={slot:"bazzaui-select-trigger",open:"data-open",closed:"data-closed",disabled:"data-disabled",placeholder:"data-placeholder"};import{jsx as Dt}from"react/jsx-runtime";var yo={open:e=>e?{[Se.open]:""}:null,disabled:e=>e?{[Se.disabled]:""}:null,placeholder:e=>e?{[Se.placeholder]:""}:null},Eo=G.forwardRef(function(o,t){let{render:l,children:i,disabled:r,className:c,style:b,triggerProps:n,triggerState:a,...C}=o,d=O(),m=r??d.disabled,P=d.multiple?d.values.length>0:!de(d.value),g=G.useMemo(()=>({open:a.open,disabled:m,placeholder:!P}),[a.open,m,P]),s=G.useCallback(p=>{d.setTriggerElement(p)},[d]);return vo({render:l,ref:t,state:g,stateAttributesMapping:yo,props:{...xt(n,{...C,className:c,style:b,children:i}),[Se.slot]:"",ref:s,role:"combobox","aria-haspopup":"listbox","aria-controls":d.listId},defaultTagName:"button"})}),Ke=G.forwardRef(function(o,t){let{disabled:l,openOnHover:i,delay:r=100,closeDelay:c,...b}=o,n=O(),a=we(),{store:C,closeAll:d,closeOnOutsidePress:m}=a,P=(l??n.disabled)||a.disabled,g=C.useState("open"),s=G.useRef(null),p=G.useCallback(u=>{s.current=u,typeof t=="function"?t(u):t&&(t.current=u)},[t]);return G.useEffect(()=>{let u=s.current;if(!u||m!=="pointerdown")return;let R=w=>{g&&(d(He.triggerPress,w),u.addEventListener("click",S=>{S.stopPropagation(),S.preventDefault()},{once:!0,capture:!0}))};return u.addEventListener("pointerdown",R,!0),()=>{u.removeEventListener("pointerdown",R,!0)}},[g,d,m]),Dt(Vo.Trigger,{ref:p,disabled:P,openOnHover:i,delay:r,closeDelay:c,render:(u,R)=>Dt(Eo,{...b,disabled:P,triggerProps:u,triggerState:R,ref:u.ref})})});import{useRender as wo}from"@base-ui/react/use-render";import*as ae from"react";var Ne={slot:"bazzaui-select-value",placeholder:"data-placeholder",multiple:"data-multiple"};var Ho={hasValue:e=>e?null:{[Ne.placeholder]:""},multiple:e=>e?{[Ne.multiple]:""}:null,getValueText:()=>null};function Lo(e,o){let{render:t,className:l,style:i,placeholder:r,children:c,...b}=e,n=O(),a=r??n.placeholder,C=ae.useMemo(()=>Re(n.items,""),[n.items]),d=r??C??a,m=n.multiple?n.values.length>0:!de(n.value),P=ae.useCallback(u=>{let R=z(u,n.itemToStringValue),w=n.itemTextRegistry.get(R);if(w!==void 0)return w;let S=Re(n.items,R);if(S!==void 0)return S;let V=fe(u,n.itemToStringLabel);if(V&&V!==R)return V},[n.itemTextRegistry,n.items,n.itemToStringLabel,n.itemToStringValue]),g=ae.useMemo(()=>({value:n.value,values:n.values,multiple:n.multiple,hasValue:m,placeholder:a,getValueText:P}),[n.value,n.values,n.multiple,m,a,P]),s;if(typeof c=="function")s=c(g);else if(c!==void 0)s=c;else if(!m)s=d;else if(n.multiple){let u=n.values.map(R=>{let w=P(R);return w!==void 0?w:fe(R,n.itemToStringLabel)||z(R,n.itemToStringValue)}).filter(Boolean);s=u.length>2?`${u.length} selected`:u.join(", ")}else{let u=n.value;if(u!=null){let R=P(u);R!==void 0?s=R:s=fe(u,n.itemToStringLabel)||z(u,n.itemToStringValue)}}let p=ae.useCallback(u=>{n.setValueElement(u)},[n]);return wo({render:t,ref:o,state:g,stateAttributesMapping:Ho,props:{...b,[Ne.slot]:"",ref:p,className:l,style:i,children:s},defaultTagName:"span"})}var Je=ae.forwardRef(Lo);var zt=(c=>(c.slot="bazzaui-select-arrow",c.open="data-open",c.closed="data-closed",c.side="data-side",c.align="data-align",c.uncentered="data-uncentered",c))(zt||{});var Gt=(r=>(r.slot="bazzaui-select-backdrop",r.open="data-open",r.closed="data-closed",r.startingStyle="data-starting-style",r.endingStyle="data-ending-style",r))(Gt||{});var Ft=(o=>(o.slot="bazzaui-select-empty",o))(Ft||{});var Bt=(o=>(o.slot="bazzaui-select-group",o))(Bt||{});var jt=(o=>(o.slot="bazzaui-select-group-label",o))(jt||{});var ko={slot:"bazzaui-select-icon",open:"data-popup-open"};var Wt=(l=>(l.slot="bazzaui-select-input",l.open="data-open",l.closed="data-closed",l))(Wt||{});var _t=(t=>(t.slot="bazzaui-select-list",t.list="data-popup-menu-list",t))(_t||{});var qt=(o=>(o.alignItemWithTrigger="data-align-item-with-trigger",o))(qt||{});var Ao={slotUp:"bazzaui-select-scroll-up-arrow",slotDown:"bazzaui-select-scroll-down-arrow",direction:"data-direction",side:"data-side"};var Ut=(o=>(o.slot="bazzaui-select-separator",o))(Ut||{});export{Nt as Select,zt as SelectArrowDataAttributes,Gt as SelectBackdropDataAttributes,Ft as SelectEmptyDataAttributes,Bt as SelectGroupDataAttributes,jt as SelectGroupLabelDataAttributes,ko as SelectIconDataAttributes,Wt as SelectInputDataAttributes,ze as SelectItem,$ as SelectItemDataAttributes,Ge as SelectItemIndicator,Me as SelectItemIndicatorDataAttributes,Fe as SelectItemLabel,io as SelectListCssVars,_t as SelectListDataAttributes,je as SelectPopup,qt as SelectPopupDataAttributes,Ye as SelectPositioner,ao as SelectPositionerCssVars,qe as SelectPositionerDataAttributes,Xe as SelectRoot,Ao as SelectScrollArrowDataAttributes,Ut as SelectSeparatorDataAttributes,lo as SelectStore,$e as SelectSurface,Ke as SelectTrigger,Se as SelectTriggerDataAttributes,Je as SelectValue,no as commandScore,ro as defaultFilter,so as useMaybeSelectContext,uo as useMaybeSelectItemContext,oo as useMaybeSurfaceContext,O as useSelectContext,Te as useSelectItemContext,Ve as useSelectPositionerContext,to as useSurfaceContext};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|