@bazza-ui/react 0.1.0-canary.17 → 0.1.0-canary.18
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/combobox/index.cjs +1 -1
- package/dist/combobox/index.d.ts +3 -3
- package/dist/combobox/index.js +1 -1
- package/dist/command-menu/index.cjs +1 -1
- package/dist/command-menu/index.d.ts +3 -3
- package/dist/command-menu/index.js +1 -1
- package/dist/context-menu/index.cjs +1 -1
- package/dist/context-menu/index.d.ts +3 -3
- package/dist/context-menu/index.js +1 -1
- package/dist/dropdown-menu/index.cjs +1 -1
- package/dist/dropdown-menu/index.d.ts +3 -3
- package/dist/dropdown-menu/index.js +1 -1
- package/dist/{events-DDOsDu4X.d.ts → events-B-l6YIGj.d.ts} +21 -8
- package/dist/{index-Cabqj7qI.d.ts → index-4GT9ubGP.d.ts} +5 -3
- package/dist/{index-D8OrKThQ.d.ts → index-CSt0sBX7.d.ts} +2 -2
- package/dist/internal/listbox/index.d.ts +1 -1
- package/dist/internal/popup-menu/index.cjs +1 -1
- package/dist/internal/popup-menu/index.d.ts +3 -3
- package/dist/internal/popup-menu/index.js +1 -1
- package/dist/loaders/index.d.ts +1 -1
- package/dist/popup-menu-CJs_qom4.js +2 -0
- package/dist/popup-menu-CJs_qom4.js.map +1 -0
- package/dist/popup-menu-MbWB6z4-.cjs +2 -0
- package/dist/popup-menu-MbWB6z4-.cjs.map +1 -0
- package/dist/select/index.cjs +1 -1
- package/dist/select/index.d.ts +3 -3
- package/dist/select/index.js +1 -1
- package/dist/suggestion-menu/index.cjs +1 -1
- package/dist/suggestion-menu/index.d.ts +3 -3
- package/dist/suggestion-menu/index.js +1 -1
- package/package.json +2 -2
- package/dist/popup-menu-BBAzAXIe.cjs +0 -2
- package/dist/popup-menu-BBAzAXIe.cjs.map +0 -1
- package/dist/popup-menu-HmBMJEZc.js +0 -2
- package/dist/popup-menu-HmBMJEZc.js.map +0 -1
package/dist/combobox/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-BBAzAXIe.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../resolve-state-props-C-zbhdXd.cjs"),i=require("../items-DYDljwnt.cjs");let a=require("react");a=e.n(a,1);let o=require("@base-ui/react/popover"),s=require("react/jsx-runtime"),c=require("@base-ui/react/use-render");const l={slot:`bazzaui-combobox-clear`},u=a.forwardRef(function(e,n){let{keepMounted:i=!1,disabled:o,render:s,className:u,style:d,onClick:f,onPointerDown:p,...m}=e,h=t.gt(),g=o??h.disabled,_=h.multiple?h.values.length>0:!t.G(h.value),v=a.useCallback(e=>{f?.(e),!e.defaultPrevented&&(h.multiple?h.onValuesChange([]):h.onValueChange(``),h.onInputValueChange(``))},[f,h]),y=a.useCallback(e=>{e.preventDefault(),p?.(e)},[p]),b=a.useMemo(()=>({hasValue:_,disabled:g}),[_,g]),x=(0,c.useRender)({render:s,ref:n,state:b,props:{...m,[l.slot]:``,type:`button`,tabIndex:-1,"aria-label":`Clear selection`,disabled:g||!_,className:r.n(u,b),style:r.r(d,b),onClick:v,onPointerDown:y},enabled:i||_,defaultTagName:`button`});return!i&&!_?null:x}),d=a.createContext(null);function f(){return a.useContext(d)}const p=a.createContext(!1);function m(){return a.useContext(p)}const h={slot:`bazzaui-combobox-input`,open:`data-open`,closed:`data-closed`,disabled:`data-disabled`,placeholder:`data-placeholder`};function g(e){let{comboboxContext:n,open:r}=e,o=n.multiple?n.values.length>0:!t.G(n.value),s=a.useCallback(e=>{let r=t.q(e,n.itemToStringValue),a=n.itemTextRegistry.get(r);if(a!==void 0)return a;let o=i.r(n.items,r);if(typeof o==`string`)return o;let s=t.K(e,n.itemToStringLabel);if(s&&s!==r)return s},[n.itemTextRegistry,n.items,n.itemToStringLabel,n.itemToStringValue]),c=a.useMemo(()=>{if(!o)return``;if(n.multiple){let e=n.values.map(e=>{let r=s(e);return r===void 0?t.K(e,n.itemToStringLabel)||t.q(e,n.itemToStringValue):r}).filter(Boolean);return e.length<=2?e.join(`, `):`${e.length} selected`}let e=n.value;if(e==null)return``;let r=s(e);return r===void 0?t.K(e,n.itemToStringLabel)||t.q(e,n.itemToStringValue):r},[o,n.multiple,n.value,n.values,n.itemToStringLabel,n.itemToStringValue,s]);return{hasValue:o,displayValue:a.useMemo(()=>r?n.inputValue:c,[r,c,n.inputValue]),selectedLabel:c,getValueText:s}}function _(e){let{comboboxContext:r,store:i,focusOwnerStore:o,open:s,disabled:c,cursorBehavior:l,hasValue:u,getValueText:d,onFocus:f,onBlur:p,onClick:m,onKeyDown:h}=e,g=a.useRef(!1),_=a.useRef(!1),v=a.useRef(!1),y=a.useRef(null),b=a.useRef(null),x=a.useRef(null);a.useEffect(()=>{if(!s)return;let e=e=>{let t=r.inputRef.current,n=r.inputWrapperRef.current,i=document.getElementById(r.listId),a=e.target,o=t?.contains(a),s=n?.contains(a),c=i?.contains(a);!o&&!s&&!c&&(x.current=e)};return document.addEventListener(`pointerdown`,e,!0),()=>{document.removeEventListener(`pointerdown`,e,!0),x.current=null}},[s,r.inputRef,r.inputWrapperRef,r.listId]),a.useLayoutEffect(()=>{let e=r.inputRef.current;if(e&&s&&b.current){let{start:t,end:n}=b.current,r=e.selectionStart,i=e.value.length;r===i&&t!==i&&e.setSelectionRange(t,n),b.current=null}});let S=a.useRef(s);a.useLayoutEffect(()=>{if(s&&!S.current){if(g.current){g.current=!1,S.current=s;return}if(v.current){v.current=!1,_.current=!1,y.current=null,S.current=s;return}if(_.current&&l===`none`){let e=r.inputRef.current,t=y.current;e&&t!==null&&requestAnimationFrame(()=>{let n=e.value.length,r=Math.min(t,n);e.setSelectionRange(r,r)}),_.current=!1,y.current=null,S.current=s;return}u&&r.multiple&&r.onInputValueChange(``);let e=r.inputRef.current;if(e){let t=e.value.length;l===`select-all`&&t>0?requestAnimationFrame(()=>{e.setSelectionRange(0,e.value.length)}):l===`end`&&t>0&&requestAnimationFrame(()=>{e.setSelectionRange(e.value.length,e.value.length)})}}S.current=s},[s,r,u,l]);let C=a.useCallback(e=>{let t=e.target,n=t.value,a=t.selectionStart,o=t.selectionEnd;a!==null&&o!==null&&(b.current={start:a,end:o}),r.onInputValueChange(n),r.setFilterActive(),i.setSearch(n),i.select(`open`)||(g.current=!0,r.openCombobox())},[r,i]),w=a.useCallback(e=>{if(f?.(e),e.defaultPrevented)return;let n=i.select(`open`);if(n&&(v.current=!0),r.openOnFocus&&!c&&!n){if(u&&!r.multiple){let e=d(r.value)??t.K(r.value,r.itemToStringLabel);r.onInputValueChange(e)}r.openCombobox()}},[f,r,c,i,u,d]),T=a.useCallback(e=>{p?.(e),!e.defaultPrevented&&requestAnimationFrame(()=>{let e=document.activeElement,t=document.getElementById(r.listId)?.contains(e),i=e===r.inputRef.current;if(!t&&!i){v.current=!1;let e=x.current,t=e?n.M:n.D;x.current=null,r.closeCombobox(t,e??void 0)}})},[p,r]),E=a.useCallback(e=>{if(m?.(e),e.defaultPrevented)return;let n=i.select(`open`);if(!c&&!n){let n=e.target;if(l===`none`){let e=n.selectionStart;y.current=e,_.current=!0}if(u&&!r.multiple){let e=d(r.value)??t.K(r.value,r.itemToStringLabel);r.onInputValueChange(e)}r.openCombobox()}else n&&(v.current=!0)},[m,r,c,i,l,u,d]),D=a.useCallback(e=>{if(h?.(e),!e.defaultPrevented){if(s&&e.key===`Escape`){e.preventDefault(),r.closeCombobox(n.E);return}if(!s&&(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`)){if(e.preventDefault(),u&&!r.multiple){let e=d(r.value)??t.K(r.value,r.itemToStringLabel);r.onInputValueChange(e)}r.openCombobox();return}}},[s,r,h,u,d]),{handleKeyDown:O}=t.X({store:i,surfaceId:`combobox-input`,focusOwnerStore:o,depth:0,submenuContext:null,subpageContext:null,enabled:s,enableTypeToSearch:!1,onKeyDown:D,closeAll:r.closeCombobox,skipFocusOwnerCheck:!0});return{handleChange:C,handleFocus:w,handleBlur:T,handleClick:E,handleKeyDown:O,selectionRef:b}}const v=a.forwardRef(function(e,n){let{placeholder:o,disabled:s,cursorBehavior:l=`none`,render:u,className:d,style:f,onFocus:p,onBlur:v,onClick:y,onKeyDown:b,...x}=e,S=t.gt(),C=t.It(),w=t.Rt(),T=m(),E=(s??S.disabled)||C.disabled,D=i.r(S.items,``),O=o??(typeof D==`string`?D:void 0)??S.placeholder,k=C.store.useState(`open`),{hasValue:A,displayValue:j,getValueText:M}=g({comboboxContext:S,open:k}),{handleChange:N,handleFocus:P,handleBlur:F,handleClick:I,handleKeyDown:L}=_({comboboxContext:S,store:C.store,focusOwnerStore:w,open:k,disabled:E,cursorBehavior:l,hasValue:A,getValueText:M,onFocus:p,onBlur:v,onClick:y,onKeyDown:b}),R={[h.slot]:``};k?R[h.open]=``:R[h.closed]=``,E&&(R[h.disabled]=``),A||(R[h.placeholder]=``),S.layout===`input-embedded`&&(R[`data-input-embedded`]=``);let z=a.useCallback(e=>{S.setInputElement(e),typeof n==`function`?n(e):n&&(n.current=e)},[n,S]),B=a.useMemo(()=>({open:k,disabled:E,placeholder:!A}),[k,E,A]),V=S.layout===`input-embedded`&&!T?{position:`relative`,zIndex:1}:void 0;return(0,c.useRender)({render:u,ref:z,state:B,props:{...x,...R,type:`text`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":k,"aria-controls":S.listId,"aria-haspopup":`listbox`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,disabled:E,placeholder:A?void 0:O,className:r.n(d,B),style:{...V,...r.r(f,B)},value:j,onChange:N,onFocus:P,onBlur:F,onClick:I,onKeyDown:L},defaultTagName:`input`})}),y={slot:`bazzaui-combobox-input-wrapper`,open:`data-open`},b={open:e=>e?{[y.open]:``}:null},x=a.forwardRef(function(e,n){let{render:i,className:o,style:l,children:u,...d}=e,{store:f}=t.It(),m=t.gt(),h=f.useState(`open`),g=a.useMemo(()=>({open:h}),[h]),_=m.layout===`input-embedded`?{position:`relative`,zIndex:1}:{position:`relative`},v=a.useCallback(e=>{m.setInputWrapperElement(e),typeof n==`function`?n(e):n&&(n.current=e)},[n,m]),x=(0,c.useRender)({render:i,ref:v,state:g,stateAttributesMapping:b,props:{...d,[y.slot]:``,className:r.n(o,g),style:{..._,...r.r(l,g)},children:u},defaultTagName:`div`});return/* @__PURE__ */ (0,s.jsx)(p.Provider,{value:!0,children:x})}),S={slot:`bazzaui-combobox-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`},C=a.createContext(null);function w(){let e=a.useContext(C);if(!e)throw Error(`ComboboxItem child components must be used within a Combobox.Item`);return e}function T(){return a.useContext(C)}const E={highlighted:e=>e?{[S.highlighted]:``}:null,disabled:e=>e?{[S.disabled]:``}:null,selected:e=>e?{[S.selected]:``}:null,first:e=>e?{[S.first]:``}:null,last:e=>e?{[S.last]:``}:null,firstInGroup:e=>e?{[S.firstInGroup]:``}:null,lastInGroup:e=>e?{[S.lastInGroup]:``}:null};function D(e,n){let{value:o,textValue:l,keywords:u,disabled:d=!1,onSelect:f,forceMount:p=!1,render:m,className:h,style:g,onClick:_,onPointerDown:v,onPointerMove:y,children:b,...x}=e,w=t.gt(),T=a.useMemo(()=>t.q(o,w.itemToStringValue),[o,w.itemToStringValue]),D=a.useId(),O=o===null?`combobox-clear-${D}`:void 0,k=a.useMemo(()=>i.n(w.items,T),[w.items,T]),A=k?.label,j=a.useMemo(()=>t.K(o,w.itemToStringLabel),[o,w.itemToStringLabel]),M=a.useMemo(()=>{if(l!==void 0)return l;if(typeof A==`string`)return A;if(j&&j!==T)return j},[l,A,j,T]),N=a.useMemo(()=>i.t(u,[typeof A==`string`?A:j&&j!==T?j:void 0,...k?.keywords??[]]),[u,A,j,T,k]),P=a.useRef(M),F=w.multiple?i.o(w.values,o,w.isItemEqualToValue):w.value!==``&&i.i(w.value,o,w.isItemEqualToValue),I=w.closeOnSelect,L=t.J({id:O,value:T,keywords:N,disabled:d,forceMount:p,closeOnClick:I,children:b});a.useEffect(()=>L.registerSelect(()=>{if(!d){if(w.multiple){if(o==null)w.onValuesChange([]);else{let e=F?i.s(w.values,o,w.isItemEqualToValue):[...w.values,o];w.onValuesChange(e)}}else w.onValueChange(o);f?.()}}),[d,w,o,F,f,L]),a.useEffect(()=>{let e=P.current;if(e)return w.registerItemText(T,e)},[T,w]),a.useEffect(()=>{!M&&typeof b==`string`&&(P.current=b,w.registerItemText(T,b))},[b,M,T,w]);let R=a.useMemo(()=>({highlighted:L.isHighlighted,disabled:d,selected:F,first:L.positional.first,last:L.positional.last,firstInGroup:L.positional.firstInGroup,lastInGroup:L.positional.lastInGroup}),[L.isHighlighted,d,F,L.positional]),z=a.useMemo(()=>({id:L.id,value:o,textValue:M,highlighted:L.isHighlighted,disabled:d,selected:F}),[L.id,o,M,L.isHighlighted,d,F]),B=a.useCallback(e=>{_?.(e),e.defaultPrevented||L.handlers.onClick(e)},[_,L.handlers]),V=a.useCallback(e=>{L.handlers.onPointerDown(e),v?.(e)},[L.handlers,v]),H=a.useCallback(e=>{y?.(e),e.defaultPrevented||L.handlers.onPointerMove(e)},[y,L.handlers]),U=(0,c.useRender)({render:m,ref:[L.ref,L.rowRef,n],state:R,stateAttributesMapping:E,props:{...x,[S.slot]:``,id:L.id,role:`option`,tabIndex:-1,"aria-selected":F,"aria-disabled":d||void 0,className:r.n(h,R),style:r.r(g,R),onClick:B,onPointerMove:H,onPointerDown:V,children:b},enabled:L.isVisible,defaultTagName:`div`});return L.isVisible?/* @__PURE__ */ (0,s.jsx)(C.Provider,{value:z,children:U}):null}const O=a.forwardRef(D),k={slot:`bazzaui-combobox-item-indicator`,selected:`data-selected`},A={selected:e=>e?{[k.selected]:``}:null},j=a.forwardRef(function(e,t){let{keepMounted:n=!1,render:i,className:o,style:s,...l}=e,u=w(),d=a.useMemo(()=>({selected:u.selected}),[u.selected]),f=(0,c.useRender)({render:i,ref:t,state:d,stateAttributesMapping:A,props:{...l,[k.slot]:``,"aria-hidden":!0,className:r.n(o,d),style:r.r(s,d)},enabled:n||u.selected,defaultTagName:`span`});return!n&&!u.selected?null:f}),M={slot:`bazzaui-combobox-item-label`},N=a.forwardRef(function(e,n){let{render:o,className:s,style:l,children:u,...d}=e,f=t.gt(),p=w(),m=t.q(p.value,f.itemToStringValue),h=a.useMemo(()=>{if(u!==void 0)return u;let e=i.r(f.items,m);return e===void 0?p.textValue===void 0?m:p.textValue:e},[u,f.items,m,p.textValue]),g=a.useMemo(()=>({value:m,selected:p.selected,highlighted:p.highlighted,disabled:p.disabled}),[m,p.selected,p.highlighted,p.disabled]);return a.useEffect(()=>{if(typeof h==`string`)return f.registerItemText(m,h)},[h,f,m]),(0,c.useRender)({render:o,ref:n,state:g,props:{...d,[M.slot]:``,className:r.n(s,g),style:r.r(l,g),children:h},defaultTagName:`span`})}),P={slot:`bazzaui-combobox-positioner`};function F(e,t,n,r){let i=n+r*2;return e===`top`?{width:i,marginBottom:-(t+r),paddingTop:r,paddingLeft:r,paddingRight:r,paddingBottom:t+r}:{width:i,marginTop:-(t+r),paddingTop:t+r,paddingLeft:r,paddingRight:r,paddingBottom:r}}function I({render:e,state:t,props:n}){return(0,c.useRender)({render:typeof e==`function`?n=>e(n,t):e,props:n,defaultTagName:`div`})}const L=a.forwardRef(function(e,n){let{layout:i,popupPadding:c=8,side:l=`bottom`,align:u,sideOffset:f=4,anchor:p,className:m,style:h,children:g,render:_,...v}=e,y=t.gt(),b=i??y.layout,x=b===`input-embedded`,S=p??y.inputWrapperRef.current?y.inputWrapperRef:y.inputRef,C=x?0:f,w=x?`center`:u??`start`,{inputHeight:T,inputWidth:E}=y,D=E+c*2,O=r.t(h,e=>({...e,...x?{zIndex:0}:{}}));if(x)return/* @__PURE__ */ (0,s.jsx)(o.Popover.Positioner,{ref:n,side:l,align:w,sideOffset:C,anchor:S,className:m,style:O,"data-input-embedded":``,[P.slot]:``,...v,render:(e,t)=>{let n=t.side,r={layout:b,side:n,align:t.align,inputHeight:y.inputHeight},i={"--combobox-input-height":`${T}px`,"--combobox-input-width":`${E}px`,"--combobox-popup-padding":`${c}px`,"--combobox-popup-width":`${D}px`},o=F(n,T,E,c),l=a.Children.map(g,e=>a.isValidElement(e)?a.cloneElement(e,{style:{...o,...e.props.style},"data-side":n}):e);return/* @__PURE__ */ (0,s.jsx)(d.Provider,{value:r,children:/* @__PURE__ */ (0,s.jsx)(I,{render:_,state:t,props:{...e,style:{...e.style,...i},"data-side":n,children:l}})})}});let k={layout:b,side:l,align:w,inputHeight:y.inputHeight},A={"--combobox-input-height":`${T}px`,"--combobox-input-width":`${E}px`},j=r.t(h,e=>({...e,...A}));return/* @__PURE__ */ (0,s.jsx)(d.Provider,{value:k,children:/* @__PURE__ */ (0,s.jsx)(o.Popover.Positioner,{ref:n,side:l,align:w,sideOffset:C,anchor:S,className:m,style:j,[P.slot]:``,...v,render:_,children:g})})});function R(e){let{open:n,onOpenChange:r,actionsRef:c,defaultOpen:l=!1,value:u,defaultValue:d,onValueChange:f,multiple:p=!1,values:m,defaultValues:h,onValuesChange:g,isItemEqualToValue:_=i.a,itemToStringLabel:v,itemToStringValue:y,inputValue:b,defaultInputValue:x=``,onInputValueChange:S,name:C,form:w,required:T,disabled:E=!1,placeholder:D=`Search...`,items:O,modal:k=!1,closeOnSelect:A,openOnFocus:j=!0,virtualized:M=!1,virtualItems:N,onHighlightChange:P,layout:F=`floating`,onOpenChangeComplete:I,debug:L,children:R,...z}=e,B=a.useCallback((e,t,n,r)=>P?.(e,n,r),[P]),V=a.useId(),H=a.useRef(null),U=a.useRef(null),[W,ee]=a.useState(0),[G,K]=a.useState(0),te=a.useCallback(e=>{if(H.current=e,e&&!U.current){let t=e.getBoundingClientRect();ee(t.height),K(t.width)}},[]),q=a.useCallback(e=>{if(U.current=e,e){let t=e.getBoundingClientRect();ee(t.height),K(t.width)}},[]),{store:J,focusOwnerStore:ne,openChainStore:re,registerSurface:ie,closeAll:ae,virtualization:oe,handleOpenChange:se,disabled:Y,setDisabled:ce,menuTreeResolver:le}=t.St({onOpenChange:r,defaultOpen:l,virtualized:M,items:N,onHighlightChange:B,disabled:E}),X=a.useRef(null);a.useImperativeHandle(c,()=>({close:()=>{X.current?.close()},unmount:()=>{X.current?.unmount()},setDisabled:ce}),[ce]),J.useControlledProp(`openProp`,n);let ue=J.useState(`open`),de=a.useCallback((e,t,n)=>{Y&&t!==`imperative-action`||(e||!H.current||document.activeElement!==H.current)&&se(e,t,n)},[se,Y]),fe=a.useCallback(e=>{!e&&J.context.clearSearchOnClose===`after-exit`&&(J.clearSearch(),J.setInputActive(!1)),e||J.clearHighlight(),I?.(e)},[J,I]),pe=a.useCallback((e,t)=>{de(e,t.reason,t.event)},[de]),[me,he]=a.useState(d===void 0?null:d),Z=u===void 0?me:u,ge=a.useCallback(e=>{u===void 0&&he(e),f?.(e)},[u,f]),[_e,ve]=a.useState(h??[]),Q=m===void 0?_e:m,ye=a.useCallback(e=>{m===void 0&&ve(e),g?.(e)},[m,g]),[be,xe]=a.useState(x),Se=b===void 0?be:b,Ce=a.useCallback(e=>{b===void 0&&xe(e),S?.(e)},[b,S]),we=a.useRef(/* @__PURE__ */ new Map),Te=a.useCallback((e,t)=>(we.current.set(e,t),()=>{}),[]),Ee=A??!p,De=a.useRef({type:`active`}),[,Oe]=a.useState({type:`active`}),$=a.useCallback(e=>{De.current=e,Oe(e)},[]),ke=De.current,Ae=a.useCallback(()=>{$({type:`active`})},[$]),je=a.useCallback(()=>{Y||($(!p&&Z!=null?{type:`showAll`}:{type:`active`}),J.setOpen(!0))},[Y,J,p,Z,$]),Me=a.useCallback((e,t)=>{let n=De.current,r=n.type===`active`?be:n.type===`showAll`?``:n.search;$({type:`frozen`,search:r}),J.setOpen(!1,e,t)},[J,$,be]),Ne=a.useMemo(()=>({multiple:p,value:Z,values:Q,onValueChange:ge,onValuesChange:ye,isItemEqualToValue:_,itemToStringLabel:v,itemToStringValue:y,inputValue:Se,onInputValueChange:Ce,name:C,form:w,required:T,disabled:Y,placeholder:D,items:O,itemTextRegistry:we.current,registerItemText:Te,listId:V,inputRef:H,setInputElement:te,inputWrapperRef:U,setInputWrapperElement:q,closeOnSelect:Ee,openOnFocus:j,openCombobox:je,closeCombobox:Me,filterMode:ke,setFilterActive:Ae,inputHeight:W,inputWidth:G,layout:F}),[p,Z,Q,ge,ye,_,v,y,Se,Ce,C,w,T,Y,D,O,Te,V,te,q,Ee,j,je,Me,ke,Ae,W,G,F]),Pe=a.useMemo(()=>C?p?Q.length>0?Q.map((e,n)=>{let r=t.q(e,y);return/* @__PURE__ */ (0,s.jsx)(`input`,{type:`hidden`,name:C,value:r,form:w,required:T&&n===0},r)}):/* @__PURE__ */ (0,s.jsx)(`input`,{type:`hidden`,name:C,value:``,form:w,required:T}):/* @__PURE__ */ (0,s.jsx)(`input`,{type:`hidden`,name:C,value:Z==null?``:t.q(Z,y),form:w,required:T}):null,[C,w,T,p,Z,Q,y]);return/* @__PURE__ */ (0,s.jsx)(t.ht.Provider,{value:Ne,children:/* @__PURE__ */ (0,s.jsxs)(t.Z,{menuTreeResolver:le,store:J,focusOwnerStore:ne,openChainStore:re,disabled:Y,depth:0,closeAll:ae,registerSurface:ie,virtualization:oe,menuType:`dropdown`,externalFocus:!0,componentName:`combobox`,debug:L,children:[Pe,/* @__PURE__ */ (0,s.jsx)(o.Popover.Root,{...z,open:ue,onOpenChange:pe,onOpenChangeComplete:fe,modal:k,actionsRef:c?X:void 0,children:R})]})})}const z={slot:`bazzaui-combobox-surface`},B=a.forwardRef(function(e,n){let{autoHighlightFirst:r,clearSearchOnClose:i=!0,search:o,onSearchChange:c,onPointerMove:l,...u}=e,d=t.gt(),f=a.useCallback(e=>{l?.(e);let t=d.inputRef.current;t&&document.activeElement!==t&&t.focus()},[l,d.inputRef]),p=a.useMemo(()=>{let e=r??!0;if(e===`selected`){let e=d.multiple?d.values[0]:d.value;return e==null||t.q(e,d.itemToStringValue)}return e},[r,d.multiple,d.value,d.values,d.itemToStringValue]),{filterMode:m}=d,h=o??(m.type===`active`?d.inputValue:m.type===`showAll`?``:m.search),g=a.useCallback(e=>{d.onInputValueChange(e),c?.(e)},[d,c]);return/* @__PURE__ */ (0,s.jsx)(t.D,{ref:n,autoHighlightFirst:p,clearSearchOnClose:i,search:h,onSearchChange:g,onPointerMove:f,skipAutoFocus:!0,[z.slot]:``,...u})});var V=/* @__PURE__ */ e.t({Arrow:()=>t.bt,Backdrop:()=>t.yt,Clear:()=>u,Empty:()=>t.U,Group:()=>t.h,GroupLabel:()=>t.V,Icon:()=>t.W,Input:()=>v,InputWrapper:()=>x,Item:()=>O,ItemIndicator:()=>j,ItemLabel:()=>N,List:()=>t.M,Popup:()=>t.tt,Portal:()=>t.et,Positioner:()=>L,Root:()=>R,ScrollDownArrow:()=>t.k,ScrollUpArrow:()=>t.A,Separator:()=>t.f,Surface:()=>B,useComboboxPositionerContext:()=>f});let H=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),U=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),W=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-empty`,e}({}),ee=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group`,e}({}),G=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group-label`,e}({});const K={slot:`bazzaui-combobox-icon`,open:`data-popup-open`};let te=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-list`,e.list=`data-popup-menu-list`,e}({}),q=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({});const J={slotUp:`bazzaui-combobox-scroll-up-arrow`,slotDown:`bazzaui-combobox-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let ne=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-separator`,e}({});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function(){return V}}),exports.ComboboxArrowDataAttributes=H,exports.ComboboxBackdropDataAttributes=U,exports.ComboboxClear=u,exports.ComboboxEmptyDataAttributes=W,exports.ComboboxGroupDataAttributes=ee,exports.ComboboxGroupLabelDataAttributes=G,exports.ComboboxIconDataAttributes=K,exports.ComboboxInput=v,exports.ComboboxInputDataAttributes=h,exports.ComboboxInputWrapper=x,exports.ComboboxInputWrapperDataAttributes=y,exports.ComboboxItem=O,exports.ComboboxItemDataAttributes=S,exports.ComboboxItemIndicator=j,exports.ComboboxItemIndicatorDataAttributes=k,exports.ComboboxItemLabel=N,exports.ComboboxListCssVars=t.N,exports.ComboboxListDataAttributes=te,exports.ComboboxPopupDataAttributes=q,exports.ComboboxPositioner=L,exports.ComboboxPositionerCssVars=t.$,exports.ComboboxPositionerDataAttributes=P,exports.ComboboxRoot=R,exports.ComboboxScrollArrowDataAttributes=J,exports.ComboboxSeparatorDataAttributes=ne,exports.ComboboxStore=n.t,exports.ComboboxSurface=B,exports.commandScore=n.n,exports.defaultFilter=n.r,exports.useComboboxContext=t.gt,exports.useComboboxItemContext=w,exports.useComboboxPositionerContext=f,exports.useMaybeComboboxContext=t._t,exports.useMaybeComboboxItemContext=T,exports.useMaybeSurfaceContext=n.u,exports.useSurfaceContext=n.d;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-MbWB6z4-.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../resolve-state-props-C-zbhdXd.cjs"),i=require("../items-DYDljwnt.cjs");let a=require("react");a=e.n(a,1);let o=require("@base-ui/react/popover"),s=require("react/jsx-runtime"),c=require("@base-ui/react/use-render");const l={slot:`bazzaui-combobox-clear`},u=a.forwardRef(function(e,n){let{keepMounted:i=!1,disabled:o,render:s,className:u,style:d,onClick:f,onPointerDown:p,...m}=e,h=t.gt(),g=o??h.disabled,_=h.multiple?h.values.length>0:!t.G(h.value),v=a.useCallback(e=>{f?.(e),!e.defaultPrevented&&(h.multiple?h.onValuesChange([]):h.onValueChange(``),h.onInputValueChange(``))},[f,h]),y=a.useCallback(e=>{e.preventDefault(),p?.(e)},[p]),b=a.useMemo(()=>({hasValue:_,disabled:g}),[_,g]),x=(0,c.useRender)({render:s,ref:n,state:b,props:{...m,[l.slot]:``,type:`button`,tabIndex:-1,"aria-label":`Clear selection`,disabled:g||!_,className:r.n(u,b),style:r.r(d,b),onClick:v,onPointerDown:y},enabled:i||_,defaultTagName:`button`});return!i&&!_?null:x}),d=a.createContext(null);function f(){return a.useContext(d)}const p=a.createContext(!1);function m(){return a.useContext(p)}const h={slot:`bazzaui-combobox-input`,open:`data-open`,closed:`data-closed`,disabled:`data-disabled`,placeholder:`data-placeholder`};function g(e){let{comboboxContext:n,open:r}=e,o=n.multiple?n.values.length>0:!t.G(n.value),s=a.useCallback(e=>{let r=t.q(e,n.itemToStringValue),a=n.itemTextRegistry.get(r);if(a!==void 0)return a;let o=i.r(n.items,r);if(typeof o==`string`)return o;let s=t.K(e,n.itemToStringLabel);if(s&&s!==r)return s},[n.itemTextRegistry,n.items,n.itemToStringLabel,n.itemToStringValue]),c=a.useMemo(()=>{if(!o)return``;if(n.multiple){let e=n.values.map(e=>{let r=s(e);return r===void 0?t.K(e,n.itemToStringLabel)||t.q(e,n.itemToStringValue):r}).filter(Boolean);return e.length<=2?e.join(`, `):`${e.length} selected`}let e=n.value;if(e==null)return``;let r=s(e);return r===void 0?t.K(e,n.itemToStringLabel)||t.q(e,n.itemToStringValue):r},[o,n.multiple,n.value,n.values,n.itemToStringLabel,n.itemToStringValue,s]);return{hasValue:o,displayValue:a.useMemo(()=>r?n.inputValue:c,[r,c,n.inputValue]),selectedLabel:c,getValueText:s}}function _(e){let{comboboxContext:r,store:i,focusOwnerStore:o,open:s,disabled:c,cursorBehavior:l,hasValue:u,getValueText:d,onFocus:f,onBlur:p,onClick:m,onKeyDown:h}=e,g=a.useRef(!1),_=a.useRef(!1),v=a.useRef(!1),y=a.useRef(null),b=a.useRef(null),x=a.useRef(null);a.useEffect(()=>{if(!s)return;let e=e=>{let t=r.inputRef.current,n=r.inputWrapperRef.current,i=document.getElementById(r.listId),a=e.target,o=t?.contains(a),s=n?.contains(a),c=i?.contains(a);!o&&!s&&!c&&(x.current=e)};return document.addEventListener(`pointerdown`,e,!0),()=>{document.removeEventListener(`pointerdown`,e,!0),x.current=null}},[s,r.inputRef,r.inputWrapperRef,r.listId]),a.useLayoutEffect(()=>{let e=r.inputRef.current;if(e&&s&&b.current){let{start:t,end:n}=b.current,r=e.selectionStart,i=e.value.length;r===i&&t!==i&&e.setSelectionRange(t,n),b.current=null}});let S=a.useRef(s);a.useLayoutEffect(()=>{if(s&&!S.current){if(g.current){g.current=!1,S.current=s;return}if(v.current){v.current=!1,_.current=!1,y.current=null,S.current=s;return}if(_.current&&l===`none`){let e=r.inputRef.current,t=y.current;e&&t!==null&&requestAnimationFrame(()=>{let n=e.value.length,r=Math.min(t,n);e.setSelectionRange(r,r)}),_.current=!1,y.current=null,S.current=s;return}u&&r.multiple&&r.onInputValueChange(``);let e=r.inputRef.current;if(e){let t=e.value.length;l===`select-all`&&t>0?requestAnimationFrame(()=>{e.setSelectionRange(0,e.value.length)}):l===`end`&&t>0&&requestAnimationFrame(()=>{e.setSelectionRange(e.value.length,e.value.length)})}}S.current=s},[s,r,u,l]);let C=a.useCallback(e=>{let t=e.target,n=t.value,a=t.selectionStart,o=t.selectionEnd;a!==null&&o!==null&&(b.current={start:a,end:o}),r.onInputValueChange(n),r.setFilterActive(),i.setSearch(n),i.select(`open`)||(g.current=!0,r.openCombobox())},[r,i]),w=a.useCallback(e=>{if(f?.(e),e.defaultPrevented)return;let n=i.select(`open`);if(n&&(v.current=!0),r.openOnFocus&&!c&&!n){if(u&&!r.multiple){let e=d(r.value)??t.K(r.value,r.itemToStringLabel);r.onInputValueChange(e)}r.openCombobox()}},[f,r,c,i,u,d]),T=a.useCallback(e=>{p?.(e),!e.defaultPrevented&&requestAnimationFrame(()=>{let e=document.activeElement,t=document.getElementById(r.listId)?.contains(e),i=e===r.inputRef.current;if(!t&&!i){v.current=!1;let e=x.current,t=e?n.M:n.D;x.current=null,r.closeCombobox(t,e??void 0)}})},[p,r]),E=a.useCallback(e=>{if(m?.(e),e.defaultPrevented)return;let n=i.select(`open`);if(!c&&!n){let n=e.target;if(l===`none`){let e=n.selectionStart;y.current=e,_.current=!0}if(u&&!r.multiple){let e=d(r.value)??t.K(r.value,r.itemToStringLabel);r.onInputValueChange(e)}r.openCombobox()}else n&&(v.current=!0)},[m,r,c,i,l,u,d]),D=a.useCallback(e=>{if(h?.(e),!e.defaultPrevented){if(s&&e.key===`Escape`){e.preventDefault(),r.closeCombobox(n.E);return}if(!s&&(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`)){if(e.preventDefault(),u&&!r.multiple){let e=d(r.value)??t.K(r.value,r.itemToStringLabel);r.onInputValueChange(e)}r.openCombobox();return}}},[s,r,h,u,d]),{handleKeyDown:O}=t.X({store:i,surfaceId:`combobox-input`,focusOwnerStore:o,depth:0,submenuContext:null,subpageContext:null,enabled:s,enableTypeToSearch:!1,onKeyDown:D,closeAll:r.closeCombobox,skipFocusOwnerCheck:!0});return{handleChange:C,handleFocus:w,handleBlur:T,handleClick:E,handleKeyDown:O,selectionRef:b}}const v=a.forwardRef(function(e,n){let{placeholder:o,disabled:s,cursorBehavior:l=`none`,render:u,className:d,style:f,onFocus:p,onBlur:v,onClick:y,onKeyDown:b,...x}=e,S=t.gt(),C=t.It(),w=t.Rt(),T=m(),E=(s??S.disabled)||C.disabled,D=i.r(S.items,``),O=o??(typeof D==`string`?D:void 0)??S.placeholder,k=C.store.useState(`open`),{hasValue:A,displayValue:j,getValueText:M}=g({comboboxContext:S,open:k}),{handleChange:N,handleFocus:P,handleBlur:F,handleClick:I,handleKeyDown:L}=_({comboboxContext:S,store:C.store,focusOwnerStore:w,open:k,disabled:E,cursorBehavior:l,hasValue:A,getValueText:M,onFocus:p,onBlur:v,onClick:y,onKeyDown:b}),R={[h.slot]:``};k?R[h.open]=``:R[h.closed]=``,E&&(R[h.disabled]=``),A||(R[h.placeholder]=``),S.layout===`input-embedded`&&(R[`data-input-embedded`]=``);let z=a.useCallback(e=>{S.setInputElement(e),typeof n==`function`?n(e):n&&(n.current=e)},[n,S]),B=a.useMemo(()=>({open:k,disabled:E,placeholder:!A}),[k,E,A]),V=S.layout===`input-embedded`&&!T?{position:`relative`,zIndex:1}:void 0;return(0,c.useRender)({render:u,ref:z,state:B,props:{...x,...R,type:`text`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":k,"aria-controls":S.listId,"aria-haspopup":`listbox`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,disabled:E,placeholder:A?void 0:O,className:r.n(d,B),style:{...V,...r.r(f,B)},value:j,onChange:N,onFocus:P,onBlur:F,onClick:I,onKeyDown:L},defaultTagName:`input`})}),y={slot:`bazzaui-combobox-input-wrapper`,open:`data-open`},b={open:e=>e?{[y.open]:``}:null},x=a.forwardRef(function(e,n){let{render:i,className:o,style:l,children:u,...d}=e,{store:f}=t.It(),m=t.gt(),h=f.useState(`open`),g=a.useMemo(()=>({open:h}),[h]),_=m.layout===`input-embedded`?{position:`relative`,zIndex:1}:{position:`relative`},v=a.useCallback(e=>{m.setInputWrapperElement(e),typeof n==`function`?n(e):n&&(n.current=e)},[n,m]),x=(0,c.useRender)({render:i,ref:v,state:g,stateAttributesMapping:b,props:{...d,[y.slot]:``,className:r.n(o,g),style:{..._,...r.r(l,g)},children:u},defaultTagName:`div`});return/* @__PURE__ */ (0,s.jsx)(p.Provider,{value:!0,children:x})}),S={slot:`bazzaui-combobox-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`},C=a.createContext(null);function w(){let e=a.useContext(C);if(!e)throw Error(`ComboboxItem child components must be used within a Combobox.Item`);return e}function T(){return a.useContext(C)}const E={highlighted:e=>e?{[S.highlighted]:``}:null,disabled:e=>e?{[S.disabled]:``}:null,selected:e=>e?{[S.selected]:``}:null,first:e=>e?{[S.first]:``}:null,last:e=>e?{[S.last]:``}:null,firstInGroup:e=>e?{[S.firstInGroup]:``}:null,lastInGroup:e=>e?{[S.lastInGroup]:``}:null};function D(e,n){let{value:o,textValue:l,keywords:u,disabled:d=!1,onSelect:f,forceMount:p=!1,render:m,className:h,style:g,onClick:_,onPointerDown:v,onPointerMove:y,children:b,...x}=e,w=t.gt(),T=a.useMemo(()=>t.q(o,w.itemToStringValue),[o,w.itemToStringValue]),D=a.useId(),O=o===null?`combobox-clear-${D}`:void 0,k=a.useMemo(()=>i.n(w.items,T),[w.items,T]),A=k?.label,j=a.useMemo(()=>t.K(o,w.itemToStringLabel),[o,w.itemToStringLabel]),M=a.useMemo(()=>{if(l!==void 0)return l;if(typeof A==`string`)return A;if(j&&j!==T)return j},[l,A,j,T]),N=a.useMemo(()=>i.t(u,[typeof A==`string`?A:j&&j!==T?j:void 0,...k?.keywords??[]]),[u,A,j,T,k]),P=a.useRef(M),F=w.multiple?i.o(w.values,o,w.isItemEqualToValue):w.value!==``&&i.i(w.value,o,w.isItemEqualToValue),I=w.closeOnSelect,L=t.J({id:O,value:T,keywords:N,disabled:d,forceMount:p,closeOnClick:I,children:b});a.useEffect(()=>L.registerSelect(()=>{if(!d){if(w.multiple){if(o==null)w.onValuesChange([]);else{let e=F?i.s(w.values,o,w.isItemEqualToValue):[...w.values,o];w.onValuesChange(e)}}else w.onValueChange(o);f?.()}}),[d,w,o,F,f,L]),a.useEffect(()=>{let e=P.current;if(e)return w.registerItemText(T,e)},[T,w]),a.useEffect(()=>{!M&&typeof b==`string`&&(P.current=b,w.registerItemText(T,b))},[b,M,T,w]);let R=a.useMemo(()=>({highlighted:L.isHighlighted,disabled:d,selected:F,first:L.positional.first,last:L.positional.last,firstInGroup:L.positional.firstInGroup,lastInGroup:L.positional.lastInGroup}),[L.isHighlighted,d,F,L.positional]),z=a.useMemo(()=>({id:L.id,value:o,textValue:M,highlighted:L.isHighlighted,disabled:d,selected:F}),[L.id,o,M,L.isHighlighted,d,F]),B=a.useCallback(e=>{_?.(e),e.defaultPrevented||L.handlers.onClick(e)},[_,L.handlers]),V=a.useCallback(e=>{L.handlers.onPointerDown(e),v?.(e)},[L.handlers,v]),H=a.useCallback(e=>{y?.(e),e.defaultPrevented||L.handlers.onPointerMove(e)},[y,L.handlers]),U=(0,c.useRender)({render:m,ref:[L.ref,L.rowRef,n],state:R,stateAttributesMapping:E,props:{...x,[S.slot]:``,id:L.id,role:`option`,tabIndex:-1,"aria-selected":F,"aria-disabled":d||void 0,className:r.n(h,R),style:r.r(g,R),onClick:B,onPointerMove:H,onPointerDown:V,children:b},enabled:L.isVisible,defaultTagName:`div`});return L.isVisible?/* @__PURE__ */ (0,s.jsx)(C.Provider,{value:z,children:U}):null}const O=a.forwardRef(D),k={slot:`bazzaui-combobox-item-indicator`,selected:`data-selected`},A={selected:e=>e?{[k.selected]:``}:null},j=a.forwardRef(function(e,t){let{keepMounted:n=!1,render:i,className:o,style:s,...l}=e,u=w(),d=a.useMemo(()=>({selected:u.selected}),[u.selected]),f=(0,c.useRender)({render:i,ref:t,state:d,stateAttributesMapping:A,props:{...l,[k.slot]:``,"aria-hidden":!0,className:r.n(o,d),style:r.r(s,d)},enabled:n||u.selected,defaultTagName:`span`});return!n&&!u.selected?null:f}),M={slot:`bazzaui-combobox-item-label`},N=a.forwardRef(function(e,n){let{render:o,className:s,style:l,children:u,...d}=e,f=t.gt(),p=w(),m=t.q(p.value,f.itemToStringValue),h=a.useMemo(()=>{if(u!==void 0)return u;let e=i.r(f.items,m);return e===void 0?p.textValue===void 0?m:p.textValue:e},[u,f.items,m,p.textValue]),g=a.useMemo(()=>({value:m,selected:p.selected,highlighted:p.highlighted,disabled:p.disabled}),[m,p.selected,p.highlighted,p.disabled]);return a.useEffect(()=>{if(typeof h==`string`)return f.registerItemText(m,h)},[h,f,m]),(0,c.useRender)({render:o,ref:n,state:g,props:{...d,[M.slot]:``,className:r.n(s,g),style:r.r(l,g),children:h},defaultTagName:`span`})}),P={slot:`bazzaui-combobox-positioner`};function F(e,t,n,r){let i=n+r*2;return e===`top`?{width:i,marginBottom:-(t+r),paddingTop:r,paddingLeft:r,paddingRight:r,paddingBottom:t+r}:{width:i,marginTop:-(t+r),paddingTop:t+r,paddingLeft:r,paddingRight:r,paddingBottom:r}}function I({render:e,state:t,props:n}){return(0,c.useRender)({render:typeof e==`function`?n=>e(n,t):e,props:n,defaultTagName:`div`})}const L=a.forwardRef(function(e,n){let{layout:i,popupPadding:c=8,side:l=`bottom`,align:u,sideOffset:f=4,anchor:p,className:m,style:h,children:g,render:_,...v}=e,y=t.gt(),b=i??y.layout,x=b===`input-embedded`,S=p??y.inputWrapperRef.current?y.inputWrapperRef:y.inputRef,C=x?0:f,w=x?`center`:u??`start`,{inputHeight:T,inputWidth:E}=y,D=E+c*2,O=r.t(h,e=>({...e,...x?{zIndex:0}:{}}));if(x)return/* @__PURE__ */ (0,s.jsx)(o.Popover.Positioner,{ref:n,side:l,align:w,sideOffset:C,anchor:S,className:m,style:O,"data-input-embedded":``,[P.slot]:``,...v,render:(e,t)=>{let n=t.side,r={layout:b,side:n,align:t.align,inputHeight:y.inputHeight},i={"--combobox-input-height":`${T}px`,"--combobox-input-width":`${E}px`,"--combobox-popup-padding":`${c}px`,"--combobox-popup-width":`${D}px`},o=F(n,T,E,c),l=a.Children.map(g,e=>a.isValidElement(e)?a.cloneElement(e,{style:{...o,...e.props.style},"data-side":n}):e);return/* @__PURE__ */ (0,s.jsx)(d.Provider,{value:r,children:/* @__PURE__ */ (0,s.jsx)(I,{render:_,state:t,props:{...e,style:{...e.style,...i},"data-side":n,children:l}})})}});let k={layout:b,side:l,align:w,inputHeight:y.inputHeight},A={"--combobox-input-height":`${T}px`,"--combobox-input-width":`${E}px`},j=r.t(h,e=>({...e,...A}));return/* @__PURE__ */ (0,s.jsx)(d.Provider,{value:k,children:/* @__PURE__ */ (0,s.jsx)(o.Popover.Positioner,{ref:n,side:l,align:w,sideOffset:C,anchor:S,className:m,style:j,[P.slot]:``,...v,render:_,children:g})})});function R(e){let{open:n,onOpenChange:r,actionsRef:c,defaultOpen:l=!1,value:u,defaultValue:d,onValueChange:f,multiple:p=!1,values:m,defaultValues:h,onValuesChange:g,isItemEqualToValue:_=i.a,itemToStringLabel:v,itemToStringValue:y,inputValue:b,defaultInputValue:x=``,onInputValueChange:S,name:C,form:w,required:T,disabled:E=!1,placeholder:D=`Search...`,items:O,modal:k=!1,closeOnSelect:A,openOnFocus:j=!0,virtualized:M=!1,virtualItems:N,onHighlightChange:P,layout:F=`floating`,onOpenChangeComplete:I,debug:L,children:R,...z}=e,B=a.useCallback((e,t,n,r)=>P?.(e,n,r),[P]),V=a.useId(),H=a.useRef(null),U=a.useRef(null),[W,ee]=a.useState(0),[G,K]=a.useState(0),te=a.useCallback(e=>{if(H.current=e,e&&!U.current){let t=e.getBoundingClientRect();ee(t.height),K(t.width)}},[]),q=a.useCallback(e=>{if(U.current=e,e){let t=e.getBoundingClientRect();ee(t.height),K(t.width)}},[]),{store:J,focusOwnerStore:ne,openChainStore:re,registerSurface:ie,closeAll:ae,virtualization:oe,handleOpenChange:se,disabled:Y,setDisabled:ce,menuTreeResolver:le}=t.St({onOpenChange:r,defaultOpen:l,virtualized:M,items:N,onHighlightChange:B,disabled:E}),X=a.useRef(null);a.useImperativeHandle(c,()=>({close:()=>{X.current?.close()},unmount:()=>{X.current?.unmount()},setDisabled:ce}),[ce]),J.useControlledProp(`openProp`,n);let ue=J.useState(`open`),de=a.useCallback((e,t,n)=>{Y&&t!==`imperative-action`||(e||!H.current||document.activeElement!==H.current)&&se(e,t,n)},[se,Y]),fe=a.useCallback(e=>{!e&&J.context.clearSearchOnClose===`after-exit`&&(J.clearSearch(),J.setInputActive(!1)),e||J.clearHighlight(),I?.(e)},[J,I]),pe=a.useCallback((e,t)=>{de(e,t.reason,t.event)},[de]),[me,he]=a.useState(d===void 0?null:d),Z=u===void 0?me:u,ge=a.useCallback(e=>{u===void 0&&he(e),f?.(e)},[u,f]),[_e,ve]=a.useState(h??[]),Q=m===void 0?_e:m,ye=a.useCallback(e=>{m===void 0&&ve(e),g?.(e)},[m,g]),[be,xe]=a.useState(x),Se=b===void 0?be:b,Ce=a.useCallback(e=>{b===void 0&&xe(e),S?.(e)},[b,S]),we=a.useRef(/* @__PURE__ */ new Map),Te=a.useCallback((e,t)=>(we.current.set(e,t),()=>{}),[]),Ee=A??!p,De=a.useRef({type:`active`}),[,Oe]=a.useState({type:`active`}),$=a.useCallback(e=>{De.current=e,Oe(e)},[]),ke=De.current,Ae=a.useCallback(()=>{$({type:`active`})},[$]),je=a.useCallback(()=>{Y||($(!p&&Z!=null?{type:`showAll`}:{type:`active`}),J.setOpen(!0))},[Y,J,p,Z,$]),Me=a.useCallback((e,t)=>{let n=De.current,r=n.type===`active`?be:n.type===`showAll`?``:n.search;$({type:`frozen`,search:r}),J.setOpen(!1,e,t)},[J,$,be]),Ne=a.useMemo(()=>({multiple:p,value:Z,values:Q,onValueChange:ge,onValuesChange:ye,isItemEqualToValue:_,itemToStringLabel:v,itemToStringValue:y,inputValue:Se,onInputValueChange:Ce,name:C,form:w,required:T,disabled:Y,placeholder:D,items:O,itemTextRegistry:we.current,registerItemText:Te,listId:V,inputRef:H,setInputElement:te,inputWrapperRef:U,setInputWrapperElement:q,closeOnSelect:Ee,openOnFocus:j,openCombobox:je,closeCombobox:Me,filterMode:ke,setFilterActive:Ae,inputHeight:W,inputWidth:G,layout:F}),[p,Z,Q,ge,ye,_,v,y,Se,Ce,C,w,T,Y,D,O,Te,V,te,q,Ee,j,je,Me,ke,Ae,W,G,F]),Pe=a.useMemo(()=>C?p?Q.length>0?Q.map((e,n)=>{let r=t.q(e,y);return/* @__PURE__ */ (0,s.jsx)(`input`,{type:`hidden`,name:C,value:r,form:w,required:T&&n===0},r)}):/* @__PURE__ */ (0,s.jsx)(`input`,{type:`hidden`,name:C,value:``,form:w,required:T}):/* @__PURE__ */ (0,s.jsx)(`input`,{type:`hidden`,name:C,value:Z==null?``:t.q(Z,y),form:w,required:T}):null,[C,w,T,p,Z,Q,y]);return/* @__PURE__ */ (0,s.jsx)(t.ht.Provider,{value:Ne,children:/* @__PURE__ */ (0,s.jsxs)(t.Z,{menuTreeResolver:le,store:J,focusOwnerStore:ne,openChainStore:re,disabled:Y,depth:0,closeAll:ae,registerSurface:ie,virtualization:oe,menuType:`dropdown`,externalFocus:!0,componentName:`combobox`,debug:L,children:[Pe,/* @__PURE__ */ (0,s.jsx)(o.Popover.Root,{...z,open:ue,onOpenChange:pe,onOpenChangeComplete:fe,modal:k,actionsRef:c?X:void 0,children:R})]})})}const z={slot:`bazzaui-combobox-surface`},B=a.forwardRef(function(e,n){let{autoHighlightFirst:r,clearSearchOnClose:i=!0,search:o,onSearchChange:c,onPointerMove:l,...u}=e,d=t.gt(),f=a.useCallback(e=>{l?.(e);let t=d.inputRef.current;t&&document.activeElement!==t&&t.focus()},[l,d.inputRef]),p=a.useMemo(()=>{let e=r??!0;if(e===`selected`){let e=d.multiple?d.values[0]:d.value;return e==null||t.q(e,d.itemToStringValue)}return e},[r,d.multiple,d.value,d.values,d.itemToStringValue]),{filterMode:m}=d,h=o??(m.type===`active`?d.inputValue:m.type===`showAll`?``:m.search),g=a.useCallback(e=>{d.onInputValueChange(e),c?.(e)},[d,c]);return/* @__PURE__ */ (0,s.jsx)(t.D,{ref:n,autoHighlightFirst:p,clearSearchOnClose:i,search:h,onSearchChange:g,onPointerMove:f,skipAutoFocus:!0,[z.slot]:``,...u})});var V=/* @__PURE__ */ e.t({Arrow:()=>t.bt,Backdrop:()=>t.yt,Clear:()=>u,Empty:()=>t.U,Group:()=>t.h,GroupLabel:()=>t.V,Icon:()=>t.W,Input:()=>v,InputWrapper:()=>x,Item:()=>O,ItemIndicator:()=>j,ItemLabel:()=>N,List:()=>t.M,Popup:()=>t.tt,Portal:()=>t.et,Positioner:()=>L,Root:()=>R,ScrollDownArrow:()=>t.k,ScrollUpArrow:()=>t.A,Separator:()=>t.f,Surface:()=>B,useComboboxPositionerContext:()=>f});let H=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),U=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),W=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-empty`,e}({}),ee=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group`,e}({}),G=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group-label`,e}({});const K={slot:`bazzaui-combobox-icon`,open:`data-popup-open`};let te=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-list`,e.list=`data-popup-menu-list`,e}({}),q=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({});const J={slotUp:`bazzaui-combobox-scroll-up-arrow`,slotDown:`bazzaui-combobox-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let ne=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-separator`,e}({});Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function(){return V}}),exports.ComboboxArrowDataAttributes=H,exports.ComboboxBackdropDataAttributes=U,exports.ComboboxClear=u,exports.ComboboxEmptyDataAttributes=W,exports.ComboboxGroupDataAttributes=ee,exports.ComboboxGroupLabelDataAttributes=G,exports.ComboboxIconDataAttributes=K,exports.ComboboxInput=v,exports.ComboboxInputDataAttributes=h,exports.ComboboxInputWrapper=x,exports.ComboboxInputWrapperDataAttributes=y,exports.ComboboxItem=O,exports.ComboboxItemDataAttributes=S,exports.ComboboxItemIndicator=j,exports.ComboboxItemIndicatorDataAttributes=k,exports.ComboboxItemLabel=N,exports.ComboboxListCssVars=t.N,exports.ComboboxListDataAttributes=te,exports.ComboboxPopupDataAttributes=q,exports.ComboboxPositioner=L,exports.ComboboxPositionerCssVars=t.$,exports.ComboboxPositionerDataAttributes=P,exports.ComboboxRoot=R,exports.ComboboxScrollArrowDataAttributes=J,exports.ComboboxSeparatorDataAttributes=ne,exports.ComboboxStore=n.t,exports.ComboboxSurface=B,exports.commandScore=n.n,exports.defaultFilter=n.r,exports.useComboboxContext=t.gt,exports.useComboboxItemContext=w,exports.useComboboxPositionerContext=f,exports.useMaybeComboboxContext=t._t,exports.useMaybeComboboxItemContext=T,exports.useMaybeSurfaceContext=n.u,exports.useSurfaceContext=n.d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/combobox/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { B as VirtualItem, F as ListboxContext, I as ListboxState, L as ListboxStore, M as FilterFn, P as ItemRegistration, b as useMaybeSurfaceContext, i as defaultFilter, r as commandScore, x as useSurfaceContext, y as SurfaceContextValue } from "../index-
|
|
2
|
-
import { Dn as triggerPress, bn as pointer, dn as imperativeAction, fn as inputChange, gn as listNavigation, hn as keyboard, ln as escapeKey, mn as itemPress, on as ChangeEventDetails, pn as inputClear, sn as GenericEventDetails, un as focusOut, vn as none, xn as reason_parts_d_exports, yn as outsidePress } from "../events-
|
|
1
|
+
import { B as VirtualItem, F as ListboxContext, I as ListboxState, L as ListboxStore, M as FilterFn, P as ItemRegistration, b as useMaybeSurfaceContext, i as defaultFilter, r as commandScore, x as useSurfaceContext, y as SurfaceContextValue } from "../index-CSt0sBX7.js";
|
|
2
|
+
import { Dn as triggerPress, bn as pointer, dn as imperativeAction, fn as inputChange, gn as listNavigation, hn as keyboard, ln as escapeKey, mn as itemPress, on as ChangeEventDetails, pn as inputClear, sn as GenericEventDetails, un as focusOut, vn as none, xn as reason_parts_d_exports, yn as outsidePress } from "../events-B-l6YIGj.js";
|
|
3
3
|
import { t as ComponentProps } from "../types-BbN28E3_.js";
|
|
4
|
-
import { $t as PopupMenuPopupProps, Ct as PopupMenuList, Dt as PopupMenuListCssVars, Et as PopupMenuListState, Ft as PopupMenuIconProps, H as PopupMenuGroupLabel, I as PopupMenuSeparator, It as PopupMenuIconState, J as PopupMenuGroupState, K as PopupMenuGroup, L as PopupMenuSeparatorProps, Mt as PopupMenuEmptyProps, Nt as PopupMenuEmptyState, Pt as PopupMenuIcon, Qt as PopupMenuPopup, R as PopupMenuSeparatorState, Sn as PopupMenuDebugOptions, Tt as PopupMenuListProps, U as PopupMenuGroupLabelProps, W as PopupMenuGroupLabelState, Xt as PopupMenuPortal, Yt as PopupMenuPositionerCssVars, Zt as PopupMenuPortalProps, _t as PopupMenuScrollDownArrowProps, an as PopupMenuArrowProps, dt as PopupMenuSurface, ft as PopupMenuSurfaceProps, gt as PopupMenuScrollDownArrow, ht as PopupMenuScrollArrowState, in as PopupMenuArrow, jt as PopupMenuEmpty, mt as PopupMenuScrollArrowProps, nn as PopupMenuBackdrop, pt as PopupMenuSurfaceState, q as PopupMenuGroupProps, rn as PopupMenuBackdropProps, sn as PopupMenuRootActions, vt as PopupMenuScrollUpArrow, wt as PopupMenuListChildrenState, yt as PopupMenuScrollUpArrowProps } from "../index-
|
|
4
|
+
import { $t as PopupMenuPopupProps, Ct as PopupMenuList, Dt as PopupMenuListCssVars, Et as PopupMenuListState, Ft as PopupMenuIconProps, H as PopupMenuGroupLabel, I as PopupMenuSeparator, It as PopupMenuIconState, J as PopupMenuGroupState, K as PopupMenuGroup, L as PopupMenuSeparatorProps, Mt as PopupMenuEmptyProps, Nt as PopupMenuEmptyState, Pt as PopupMenuIcon, Qt as PopupMenuPopup, R as PopupMenuSeparatorState, Sn as PopupMenuDebugOptions, Tt as PopupMenuListProps, U as PopupMenuGroupLabelProps, W as PopupMenuGroupLabelState, Xt as PopupMenuPortal, Yt as PopupMenuPositionerCssVars, Zt as PopupMenuPortalProps, _t as PopupMenuScrollDownArrowProps, an as PopupMenuArrowProps, dt as PopupMenuSurface, ft as PopupMenuSurfaceProps, gt as PopupMenuScrollDownArrow, ht as PopupMenuScrollArrowState, in as PopupMenuArrow, jt as PopupMenuEmpty, mt as PopupMenuScrollArrowProps, nn as PopupMenuBackdrop, pt as PopupMenuSurfaceState, q as PopupMenuGroupProps, rn as PopupMenuBackdropProps, sn as PopupMenuRootActions, vt as PopupMenuScrollUpArrow, wt as PopupMenuListChildrenState, yt as PopupMenuScrollUpArrowProps } from "../index-4GT9ubGP.js";
|
|
5
5
|
import { n as ItemEqualityComparer, t as Items } from "../items-ceX--VIv.js";
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import { Popover, PopoverPositionerProps, PopoverRootProps } from "@base-ui/react/popover";
|
package/dist/combobox/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{$ as t,A as n,D as r,G as i,It as a,J as o,K as s,M as c,N as l,Rt as u,St as d,U as f,V as p,W as m,X as h,Z as g,_t as _,bt as v,et as y,f as b,gt as x,h as S,ht as C,k as w,q as T,tt as E,yt as D}from"../popup-menu-HmBMJEZc.js";import{D as O,E as k,M as A,d as ee,n as j,r as M,t as N,u as P}from"../listbox-CnwUlLZA.js";import{n as F,r as I,t as te}from"../resolve-state-props-D31kizRZ.js";import{a as ne,i as re,n as ie,o as L,r as R,s as ae,t as oe}from"../items-CD2hw6-3.js";import*as z from"react";import{Popover as se}from"@base-ui/react/popover";import{jsx as B,jsxs as ce}from"react/jsx-runtime";import{useRender as V}from"@base-ui/react/use-render";const le={slot:`bazzaui-combobox-clear`},H=z.forwardRef(function(e,t){let{keepMounted:n=!1,disabled:r,render:a,className:o,style:s,onClick:c,onPointerDown:l,...u}=e,d=x(),f=r??d.disabled,p=d.multiple?d.values.length>0:!i(d.value),m=z.useCallback(e=>{c?.(e),!e.defaultPrevented&&(d.multiple?d.onValuesChange([]):d.onValueChange(``),d.onInputValueChange(``))},[c,d]),h=z.useCallback(e=>{e.preventDefault(),l?.(e)},[l]),g=z.useMemo(()=>({hasValue:p,disabled:f}),[p,f]),_=V({render:a,ref:t,state:g,props:{...u,[le.slot]:``,type:`button`,tabIndex:-1,"aria-label":`Clear selection`,disabled:f||!p,className:F(o,g),style:I(s,g),onClick:m,onPointerDown:h},enabled:n||p,defaultTagName:`button`});return!n&&!p?null:_}),U=z.createContext(null);function W(){return z.useContext(U)}const ue=z.createContext(!1);function de(){return z.useContext(ue)}const G={slot:`bazzaui-combobox-input`,open:`data-open`,closed:`data-closed`,disabled:`data-disabled`,placeholder:`data-placeholder`};function fe(e){let{comboboxContext:t,open:n}=e,r=t.multiple?t.values.length>0:!i(t.value),a=z.useCallback(e=>{let n=T(e,t.itemToStringValue),r=t.itemTextRegistry.get(n);if(r!==void 0)return r;let i=R(t.items,n);if(typeof i==`string`)return i;let a=s(e,t.itemToStringLabel);if(a&&a!==n)return a},[t.itemTextRegistry,t.items,t.itemToStringLabel,t.itemToStringValue]),o=z.useMemo(()=>{if(!r)return``;if(t.multiple){let e=t.values.map(e=>{let n=a(e);return n===void 0?s(e,t.itemToStringLabel)||T(e,t.itemToStringValue):n}).filter(Boolean);return e.length<=2?e.join(`, `):`${e.length} selected`}let e=t.value;if(e==null)return``;let n=a(e);return n===void 0?s(e,t.itemToStringLabel)||T(e,t.itemToStringValue):n},[r,t.multiple,t.value,t.values,t.itemToStringLabel,t.itemToStringValue,a]);return{hasValue:r,displayValue:z.useMemo(()=>n?t.inputValue:o,[n,o,t.inputValue]),selectedLabel:o,getValueText:a}}function pe(e){let{comboboxContext:t,store:n,focusOwnerStore:r,open:i,disabled:a,cursorBehavior:o,hasValue:c,getValueText:l,onFocus:u,onBlur:d,onClick:f,onKeyDown:p}=e,m=z.useRef(!1),g=z.useRef(!1),_=z.useRef(!1),v=z.useRef(null),y=z.useRef(null),b=z.useRef(null);z.useEffect(()=>{if(!i)return;let e=e=>{let n=t.inputRef.current,r=t.inputWrapperRef.current,i=document.getElementById(t.listId),a=e.target,o=n?.contains(a),s=r?.contains(a),c=i?.contains(a);!o&&!s&&!c&&(b.current=e)};return document.addEventListener(`pointerdown`,e,!0),()=>{document.removeEventListener(`pointerdown`,e,!0),b.current=null}},[i,t.inputRef,t.inputWrapperRef,t.listId]),z.useLayoutEffect(()=>{let e=t.inputRef.current;if(e&&i&&y.current){let{start:t,end:n}=y.current,r=e.selectionStart,i=e.value.length;r===i&&t!==i&&e.setSelectionRange(t,n),y.current=null}});let x=z.useRef(i);z.useLayoutEffect(()=>{if(i&&!x.current){if(m.current){m.current=!1,x.current=i;return}if(_.current){_.current=!1,g.current=!1,v.current=null,x.current=i;return}if(g.current&&o===`none`){let e=t.inputRef.current,n=v.current;e&&n!==null&&requestAnimationFrame(()=>{let t=e.value.length,r=Math.min(n,t);e.setSelectionRange(r,r)}),g.current=!1,v.current=null,x.current=i;return}c&&t.multiple&&t.onInputValueChange(``);let e=t.inputRef.current;if(e){let t=e.value.length;o===`select-all`&&t>0?requestAnimationFrame(()=>{e.setSelectionRange(0,e.value.length)}):o===`end`&&t>0&&requestAnimationFrame(()=>{e.setSelectionRange(e.value.length,e.value.length)})}}x.current=i},[i,t,c,o]);let S=z.useCallback(e=>{let r=e.target,i=r.value,a=r.selectionStart,o=r.selectionEnd;a!==null&&o!==null&&(y.current={start:a,end:o}),t.onInputValueChange(i),t.setFilterActive(),n.setSearch(i),n.select(`open`)||(m.current=!0,t.openCombobox())},[t,n]),C=z.useCallback(e=>{if(u?.(e),e.defaultPrevented)return;let r=n.select(`open`);if(r&&(_.current=!0),t.openOnFocus&&!a&&!r){if(c&&!t.multiple){let e=l(t.value)??s(t.value,t.itemToStringLabel);t.onInputValueChange(e)}t.openCombobox()}},[u,t,a,n,c,l]),w=z.useCallback(e=>{d?.(e),!e.defaultPrevented&&requestAnimationFrame(()=>{let e=document.activeElement,n=document.getElementById(t.listId)?.contains(e),r=e===t.inputRef.current;if(!n&&!r){_.current=!1;let e=b.current,n=e?A:O;b.current=null,t.closeCombobox(n,e??void 0)}})},[d,t]),T=z.useCallback(e=>{if(f?.(e),e.defaultPrevented)return;let r=n.select(`open`);if(!a&&!r){let n=e.target;if(o===`none`){let e=n.selectionStart;v.current=e,g.current=!0}if(c&&!t.multiple){let e=l(t.value)??s(t.value,t.itemToStringLabel);t.onInputValueChange(e)}t.openCombobox()}else r&&(_.current=!0)},[f,t,a,n,o,c,l]),E=z.useCallback(e=>{if(p?.(e),!e.defaultPrevented){if(i&&e.key===`Escape`){e.preventDefault(),t.closeCombobox(k);return}if(!i&&(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`)){if(e.preventDefault(),c&&!t.multiple){let e=l(t.value)??s(t.value,t.itemToStringLabel);t.onInputValueChange(e)}t.openCombobox();return}}},[i,t,p,c,l]),{handleKeyDown:D}=h({store:n,surfaceId:`combobox-input`,focusOwnerStore:r,depth:0,submenuContext:null,subpageContext:null,enabled:i,enableTypeToSearch:!1,onKeyDown:E,closeAll:t.closeCombobox,skipFocusOwnerCheck:!0});return{handleChange:S,handleFocus:C,handleBlur:w,handleClick:T,handleKeyDown:D,selectionRef:y}}const me=z.forwardRef(function(e,t){let{placeholder:n,disabled:r,cursorBehavior:i=`none`,render:o,className:s,style:c,onFocus:l,onBlur:d,onClick:f,onKeyDown:p,...m}=e,h=x(),g=a(),_=u(),v=de(),y=(r??h.disabled)||g.disabled,b=R(h.items,``),S=n??(typeof b==`string`?b:void 0)??h.placeholder,C=g.store.useState(`open`),{hasValue:w,displayValue:T,getValueText:E}=fe({comboboxContext:h,open:C}),{handleChange:D,handleFocus:O,handleBlur:k,handleClick:A,handleKeyDown:ee}=pe({comboboxContext:h,store:g.store,focusOwnerStore:_,open:C,disabled:y,cursorBehavior:i,hasValue:w,getValueText:E,onFocus:l,onBlur:d,onClick:f,onKeyDown:p}),j={[G.slot]:``};C?j[G.open]=``:j[G.closed]=``,y&&(j[G.disabled]=``),w||(j[G.placeholder]=``),h.layout===`input-embedded`&&(j[`data-input-embedded`]=``);let M=z.useCallback(e=>{h.setInputElement(e),typeof t==`function`?t(e):t&&(t.current=e)},[t,h]),N=z.useMemo(()=>({open:C,disabled:y,placeholder:!w}),[C,y,w]),P=h.layout===`input-embedded`&&!v?{position:`relative`,zIndex:1}:void 0;return V({render:o,ref:M,state:N,props:{...m,...j,type:`text`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":C,"aria-controls":h.listId,"aria-haspopup":`listbox`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,disabled:y,placeholder:w?void 0:S,className:F(s,N),style:{...P,...I(c,N)},value:T,onChange:D,onFocus:O,onBlur:k,onClick:A,onKeyDown:ee},defaultTagName:`input`})}),K={slot:`bazzaui-combobox-input-wrapper`,open:`data-open`},he={open:e=>e?{[K.open]:``}:null},ge=z.forwardRef(function(e,t){let{render:n,className:r,style:i,children:o,...s}=e,{store:c}=a(),l=x(),u=c.useState(`open`),d=z.useMemo(()=>({open:u}),[u]),f=l.layout===`input-embedded`?{position:`relative`,zIndex:1}:{position:`relative`},p=z.useCallback(e=>{l.setInputWrapperElement(e),typeof t==`function`?t(e):t&&(t.current=e)},[t,l]),m=V({render:n,ref:p,state:d,stateAttributesMapping:he,props:{...s,[K.slot]:``,className:F(r,d),style:{...f,...I(i,d)},children:o},defaultTagName:`div`});return/* @__PURE__ */ B(ue.Provider,{value:!0,children:m})}),q={slot:`bazzaui-combobox-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`},_e=z.createContext(null);function J(){let e=z.useContext(_e);if(!e)throw Error(`ComboboxItem child components must be used within a Combobox.Item`);return e}function ve(){return z.useContext(_e)}const ye={highlighted:e=>e?{[q.highlighted]:``}:null,disabled:e=>e?{[q.disabled]:``}:null,selected:e=>e?{[q.selected]:``}:null,first:e=>e?{[q.first]:``}:null,last:e=>e?{[q.last]:``}:null,firstInGroup:e=>e?{[q.firstInGroup]:``}:null,lastInGroup:e=>e?{[q.lastInGroup]:``}:null};function be(e,t){let{value:n,textValue:r,keywords:i,disabled:a=!1,onSelect:c,forceMount:l=!1,render:u,className:d,style:f,onClick:p,onPointerDown:m,onPointerMove:h,children:g,..._}=e,v=x(),y=z.useMemo(()=>T(n,v.itemToStringValue),[n,v.itemToStringValue]),b=z.useId(),S=n===null?`combobox-clear-${b}`:void 0,C=z.useMemo(()=>ie(v.items,y),[v.items,y]),w=C?.label,E=z.useMemo(()=>s(n,v.itemToStringLabel),[n,v.itemToStringLabel]),D=z.useMemo(()=>{if(r!==void 0)return r;if(typeof w==`string`)return w;if(E&&E!==y)return E},[r,w,E,y]),O=z.useMemo(()=>oe(i,[typeof w==`string`?w:E&&E!==y?E:void 0,...C?.keywords??[]]),[i,w,E,y,C]),k=z.useRef(D),A=v.multiple?L(v.values,n,v.isItemEqualToValue):v.value!==``&&re(v.value,n,v.isItemEqualToValue),ee=v.closeOnSelect,j=o({id:S,value:y,keywords:O,disabled:a,forceMount:l,closeOnClick:ee,children:g});z.useEffect(()=>j.registerSelect(()=>{if(!a){if(v.multiple){if(n==null)v.onValuesChange([]);else{let e=A?ae(v.values,n,v.isItemEqualToValue):[...v.values,n];v.onValuesChange(e)}}else v.onValueChange(n);c?.()}}),[a,v,n,A,c,j]),z.useEffect(()=>{let e=k.current;if(e)return v.registerItemText(y,e)},[y,v]),z.useEffect(()=>{!D&&typeof g==`string`&&(k.current=g,v.registerItemText(y,g))},[g,D,y,v]);let M=z.useMemo(()=>({highlighted:j.isHighlighted,disabled:a,selected:A,first:j.positional.first,last:j.positional.last,firstInGroup:j.positional.firstInGroup,lastInGroup:j.positional.lastInGroup}),[j.isHighlighted,a,A,j.positional]),N=z.useMemo(()=>({id:j.id,value:n,textValue:D,highlighted:j.isHighlighted,disabled:a,selected:A}),[j.id,n,D,j.isHighlighted,a,A]),P=z.useCallback(e=>{p?.(e),e.defaultPrevented||j.handlers.onClick(e)},[p,j.handlers]),te=z.useCallback(e=>{j.handlers.onPointerDown(e),m?.(e)},[j.handlers,m]),ne=z.useCallback(e=>{h?.(e),e.defaultPrevented||j.handlers.onPointerMove(e)},[h,j.handlers]),R=V({render:u,ref:[j.ref,j.rowRef,t],state:M,stateAttributesMapping:ye,props:{..._,[q.slot]:``,id:j.id,role:`option`,tabIndex:-1,"aria-selected":A,"aria-disabled":a||void 0,className:F(d,M),style:I(f,M),onClick:P,onPointerMove:ne,onPointerDown:te,children:g},enabled:j.isVisible,defaultTagName:`div`});return j.isVisible?/* @__PURE__ */ B(_e.Provider,{value:N,children:R}):null}const xe=z.forwardRef(be),Y={slot:`bazzaui-combobox-item-indicator`,selected:`data-selected`},Se={selected:e=>e?{[Y.selected]:``}:null},Ce=z.forwardRef(function(e,t){let{keepMounted:n=!1,render:r,className:i,style:a,...o}=e,s=J(),c=z.useMemo(()=>({selected:s.selected}),[s.selected]),l=V({render:r,ref:t,state:c,stateAttributesMapping:Se,props:{...o,[Y.slot]:``,"aria-hidden":!0,className:F(i,c),style:I(a,c)},enabled:n||s.selected,defaultTagName:`span`});return!n&&!s.selected?null:l}),we={slot:`bazzaui-combobox-item-label`},X=z.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e,s=x(),c=J(),l=T(c.value,s.itemToStringValue),u=z.useMemo(()=>{if(a!==void 0)return a;let e=R(s.items,l);return e===void 0?c.textValue===void 0?l:c.textValue:e},[a,s.items,l,c.textValue]),d=z.useMemo(()=>({value:l,selected:c.selected,highlighted:c.highlighted,disabled:c.disabled}),[l,c.selected,c.highlighted,c.disabled]);return z.useEffect(()=>{if(typeof u==`string`)return s.registerItemText(l,u)},[u,s,l]),V({render:n,ref:t,state:d,props:{...o,[we.slot]:``,className:F(r,d),style:I(i,d),children:u},defaultTagName:`span`})}),Z={slot:`bazzaui-combobox-positioner`};function Q(e,t,n,r){let i=n+r*2;return e===`top`?{width:i,marginBottom:-(t+r),paddingTop:r,paddingLeft:r,paddingRight:r,paddingBottom:t+r}:{width:i,marginTop:-(t+r),paddingTop:t+r,paddingLeft:r,paddingRight:r,paddingBottom:r}}function Te({render:e,state:t,props:n}){return V({render:typeof e==`function`?n=>e(n,t):e,props:n,defaultTagName:`div`})}const Ee=z.forwardRef(function(e,t){let{layout:n,popupPadding:r=8,side:i=`bottom`,align:a,sideOffset:o=4,anchor:s,className:c,style:l,children:u,render:d,...f}=e,p=x(),m=n??p.layout,h=m===`input-embedded`,g=s??p.inputWrapperRef.current?p.inputWrapperRef:p.inputRef,_=h?0:o,v=h?`center`:a??`start`,{inputHeight:y,inputWidth:b}=p,S=b+r*2,C=te(l,e=>({...e,...h?{zIndex:0}:{}}));if(h)return/* @__PURE__ */ B(se.Positioner,{ref:t,side:i,align:v,sideOffset:_,anchor:g,className:c,style:C,"data-input-embedded":``,[Z.slot]:``,...f,render:(e,t)=>{let n=t.side,i={layout:m,side:n,align:t.align,inputHeight:p.inputHeight},a={"--combobox-input-height":`${y}px`,"--combobox-input-width":`${b}px`,"--combobox-popup-padding":`${r}px`,"--combobox-popup-width":`${S}px`},o=Q(n,y,b,r),s=z.Children.map(u,e=>z.isValidElement(e)?z.cloneElement(e,{style:{...o,...e.props.style},"data-side":n}):e);return/* @__PURE__ */ B(U.Provider,{value:i,children:/* @__PURE__ */ B(Te,{render:d,state:t,props:{...e,style:{...e.style,...a},"data-side":n,children:s}})})}});let w={layout:m,side:i,align:v,inputHeight:p.inputHeight},T={"--combobox-input-height":`${y}px`,"--combobox-input-width":`${b}px`},E=te(l,e=>({...e,...T}));return/* @__PURE__ */ B(U.Provider,{value:w,children:/* @__PURE__ */ B(se.Positioner,{ref:t,side:i,align:v,sideOffset:_,anchor:g,className:c,style:E,[Z.slot]:``,...f,render:d,children:u})})});function De(e){let{open:t,onOpenChange:n,actionsRef:r,defaultOpen:i=!1,value:a,defaultValue:o,onValueChange:s,multiple:c=!1,values:l,defaultValues:u,onValuesChange:f,isItemEqualToValue:p=ne,itemToStringLabel:m,itemToStringValue:h,inputValue:_,defaultInputValue:v=``,onInputValueChange:y,name:b,form:x,required:S,disabled:w=!1,placeholder:E=`Search...`,items:D,modal:O=!1,closeOnSelect:k,openOnFocus:A=!0,virtualized:ee=!1,virtualItems:j,onHighlightChange:M,layout:N=`floating`,onOpenChangeComplete:P,debug:F,children:I,...te}=e,re=z.useCallback((e,t,n,r)=>M?.(e,n,r),[M]),ie=z.useId(),L=z.useRef(null),R=z.useRef(null),[ae,oe]=z.useState(0),[V,le]=z.useState(0),H=z.useCallback(e=>{if(L.current=e,e&&!R.current){let t=e.getBoundingClientRect();oe(t.height),le(t.width)}},[]),U=z.useCallback(e=>{if(R.current=e,e){let t=e.getBoundingClientRect();oe(t.height),le(t.width)}},[]),{store:W,focusOwnerStore:ue,openChainStore:de,registerSurface:G,closeAll:fe,virtualization:pe,handleOpenChange:me,disabled:K,setDisabled:he,menuTreeResolver:ge}=d({onOpenChange:n,defaultOpen:i,virtualized:ee,items:j,onHighlightChange:re,disabled:w}),q=z.useRef(null);z.useImperativeHandle(r,()=>({close:()=>{q.current?.close()},unmount:()=>{q.current?.unmount()},setDisabled:he}),[he]),W.useControlledProp(`openProp`,t);let _e=W.useState(`open`),J=z.useCallback((e,t,n)=>{K&&t!==`imperative-action`||(e||!L.current||document.activeElement!==L.current)&&me(e,t,n)},[me,K]),ve=z.useCallback(e=>{!e&&W.context.clearSearchOnClose===`after-exit`&&(W.clearSearch(),W.setInputActive(!1)),e||W.clearHighlight(),P?.(e)},[W,P]),ye=z.useCallback((e,t)=>{J(e,t.reason,t.event)},[J]),[be,xe]=z.useState(o===void 0?null:o),Y=a===void 0?be:a,Se=z.useCallback(e=>{a===void 0&&xe(e),s?.(e)},[a,s]),[Ce,we]=z.useState(u??[]),X=l===void 0?Ce:l,Z=z.useCallback(e=>{l===void 0&&we(e),f?.(e)},[l,f]),[Q,Te]=z.useState(v),Ee=_===void 0?Q:_,De=z.useCallback(e=>{_===void 0&&Te(e),y?.(e)},[_,y]),Oe=z.useRef(/* @__PURE__ */ new Map),ke=z.useCallback((e,t)=>(Oe.current.set(e,t),()=>{}),[]),Ae=k??!c,je=z.useRef({type:`active`}),[,Me]=z.useState({type:`active`}),$=z.useCallback(e=>{je.current=e,Me(e)},[]),Ne=je.current,Pe=z.useCallback(()=>{$({type:`active`})},[$]),Fe=z.useCallback(()=>{K||($(!c&&Y!=null?{type:`showAll`}:{type:`active`}),W.setOpen(!0))},[K,W,c,Y,$]),Ie=z.useCallback((e,t)=>{let n=je.current,r=n.type===`active`?Q:n.type===`showAll`?``:n.search;$({type:`frozen`,search:r}),W.setOpen(!1,e,t)},[W,$,Q]),Le=z.useMemo(()=>({multiple:c,value:Y,values:X,onValueChange:Se,onValuesChange:Z,isItemEqualToValue:p,itemToStringLabel:m,itemToStringValue:h,inputValue:Ee,onInputValueChange:De,name:b,form:x,required:S,disabled:K,placeholder:E,items:D,itemTextRegistry:Oe.current,registerItemText:ke,listId:ie,inputRef:L,setInputElement:H,inputWrapperRef:R,setInputWrapperElement:U,closeOnSelect:Ae,openOnFocus:A,openCombobox:Fe,closeCombobox:Ie,filterMode:Ne,setFilterActive:Pe,inputHeight:ae,inputWidth:V,layout:N}),[c,Y,X,Se,Z,p,m,h,Ee,De,b,x,S,K,E,D,ke,ie,H,U,Ae,A,Fe,Ie,Ne,Pe,ae,V,N]),Re=z.useMemo(()=>b?c?X.length>0?X.map((e,t)=>{let n=T(e,h);return/* @__PURE__ */ B(`input`,{type:`hidden`,name:b,value:n,form:x,required:S&&t===0},n)}):/* @__PURE__ */ B(`input`,{type:`hidden`,name:b,value:``,form:x,required:S}):/* @__PURE__ */ B(`input`,{type:`hidden`,name:b,value:Y==null?``:T(Y,h),form:x,required:S}):null,[b,x,S,c,Y,X,h]);return/* @__PURE__ */ B(C.Provider,{value:Le,children:/* @__PURE__ */ ce(g,{menuTreeResolver:ge,store:W,focusOwnerStore:ue,openChainStore:de,disabled:K,depth:0,closeAll:fe,registerSurface:G,virtualization:pe,menuType:`dropdown`,externalFocus:!0,componentName:`combobox`,debug:F,children:[Re,/* @__PURE__ */ B(se.Root,{...te,open:_e,onOpenChange:ye,onOpenChangeComplete:ve,modal:O,actionsRef:r?q:void 0,children:I})]})})}const Oe={slot:`bazzaui-combobox-surface`},ke=z.forwardRef(function(e,t){let{autoHighlightFirst:n,clearSearchOnClose:i=!0,search:a,onSearchChange:o,onPointerMove:s,...c}=e,l=x(),u=z.useCallback(e=>{s?.(e);let t=l.inputRef.current;t&&document.activeElement!==t&&t.focus()},[s,l.inputRef]),d=z.useMemo(()=>{let e=n??!0;if(e===`selected`){let e=l.multiple?l.values[0]:l.value;return e==null||T(e,l.itemToStringValue)}return e},[n,l.multiple,l.value,l.values,l.itemToStringValue]),{filterMode:f}=l,p=a??(f.type===`active`?l.inputValue:f.type===`showAll`?``:f.search),m=z.useCallback(e=>{l.onInputValueChange(e),o?.(e)},[l,o]);return/* @__PURE__ */ B(r,{ref:t,autoHighlightFirst:d,clearSearchOnClose:i,search:p,onSearchChange:m,onPointerMove:u,skipAutoFocus:!0,[Oe.slot]:``,...c})});var Ae=/* @__PURE__ */ e({Arrow:()=>v,Backdrop:()=>D,Clear:()=>H,Empty:()=>f,Group:()=>S,GroupLabel:()=>p,Icon:()=>m,Input:()=>me,InputWrapper:()=>ge,Item:()=>xe,ItemIndicator:()=>Ce,ItemLabel:()=>X,List:()=>c,Popup:()=>E,Portal:()=>y,Positioner:()=>Ee,Root:()=>De,ScrollDownArrow:()=>w,ScrollUpArrow:()=>n,Separator:()=>b,Surface:()=>ke,useComboboxPositionerContext:()=>W});let je=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),Me=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),$=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-empty`,e}({}),Ne=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group`,e}({}),Pe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group-label`,e}({});const Fe={slot:`bazzaui-combobox-icon`,open:`data-popup-open`};let Ie=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-list`,e.list=`data-popup-menu-list`,e}({}),Le=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({});const Re={slotUp:`bazzaui-combobox-scroll-up-arrow`,slotDown:`bazzaui-combobox-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let ze=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-separator`,e}({});export{Ae as Combobox,je as ComboboxArrowDataAttributes,Me as ComboboxBackdropDataAttributes,H as ComboboxClear,$ as ComboboxEmptyDataAttributes,Ne as ComboboxGroupDataAttributes,Pe as ComboboxGroupLabelDataAttributes,Fe as ComboboxIconDataAttributes,me as ComboboxInput,G as ComboboxInputDataAttributes,ge as ComboboxInputWrapper,K as ComboboxInputWrapperDataAttributes,xe as ComboboxItem,q as ComboboxItemDataAttributes,Ce as ComboboxItemIndicator,Y as ComboboxItemIndicatorDataAttributes,X as ComboboxItemLabel,l as ComboboxListCssVars,Ie as ComboboxListDataAttributes,Le as ComboboxPopupDataAttributes,Ee as ComboboxPositioner,t as ComboboxPositionerCssVars,Z as ComboboxPositionerDataAttributes,De as ComboboxRoot,Re as ComboboxScrollArrowDataAttributes,ze as ComboboxSeparatorDataAttributes,N as ComboboxStore,ke as ComboboxSurface,j as commandScore,M as defaultFilter,x as useComboboxContext,J as useComboboxItemContext,W as useComboboxPositionerContext,_ as useMaybeComboboxContext,ve as useMaybeComboboxItemContext,P as useMaybeSurfaceContext,ee as useSurfaceContext};
|
|
1
|
+
import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{$ as t,A as n,D as r,G as i,It as a,J as o,K as s,M as c,N as l,Rt as u,St as d,U as f,V as p,W as m,X as h,Z as g,_t as _,bt as v,et as y,f as b,gt as x,h as S,ht as C,k as w,q as T,tt as E,yt as D}from"../popup-menu-CJs_qom4.js";import{D as O,E as k,M as A,d as ee,n as j,r as M,t as N,u as P}from"../listbox-CnwUlLZA.js";import{n as F,r as I,t as te}from"../resolve-state-props-D31kizRZ.js";import{a as ne,i as re,n as ie,o as L,r as R,s as ae,t as oe}from"../items-CD2hw6-3.js";import*as z from"react";import{Popover as se}from"@base-ui/react/popover";import{jsx as B,jsxs as ce}from"react/jsx-runtime";import{useRender as V}from"@base-ui/react/use-render";const le={slot:`bazzaui-combobox-clear`},H=z.forwardRef(function(e,t){let{keepMounted:n=!1,disabled:r,render:a,className:o,style:s,onClick:c,onPointerDown:l,...u}=e,d=x(),f=r??d.disabled,p=d.multiple?d.values.length>0:!i(d.value),m=z.useCallback(e=>{c?.(e),!e.defaultPrevented&&(d.multiple?d.onValuesChange([]):d.onValueChange(``),d.onInputValueChange(``))},[c,d]),h=z.useCallback(e=>{e.preventDefault(),l?.(e)},[l]),g=z.useMemo(()=>({hasValue:p,disabled:f}),[p,f]),_=V({render:a,ref:t,state:g,props:{...u,[le.slot]:``,type:`button`,tabIndex:-1,"aria-label":`Clear selection`,disabled:f||!p,className:F(o,g),style:I(s,g),onClick:m,onPointerDown:h},enabled:n||p,defaultTagName:`button`});return!n&&!p?null:_}),U=z.createContext(null);function W(){return z.useContext(U)}const ue=z.createContext(!1);function de(){return z.useContext(ue)}const G={slot:`bazzaui-combobox-input`,open:`data-open`,closed:`data-closed`,disabled:`data-disabled`,placeholder:`data-placeholder`};function fe(e){let{comboboxContext:t,open:n}=e,r=t.multiple?t.values.length>0:!i(t.value),a=z.useCallback(e=>{let n=T(e,t.itemToStringValue),r=t.itemTextRegistry.get(n);if(r!==void 0)return r;let i=R(t.items,n);if(typeof i==`string`)return i;let a=s(e,t.itemToStringLabel);if(a&&a!==n)return a},[t.itemTextRegistry,t.items,t.itemToStringLabel,t.itemToStringValue]),o=z.useMemo(()=>{if(!r)return``;if(t.multiple){let e=t.values.map(e=>{let n=a(e);return n===void 0?s(e,t.itemToStringLabel)||T(e,t.itemToStringValue):n}).filter(Boolean);return e.length<=2?e.join(`, `):`${e.length} selected`}let e=t.value;if(e==null)return``;let n=a(e);return n===void 0?s(e,t.itemToStringLabel)||T(e,t.itemToStringValue):n},[r,t.multiple,t.value,t.values,t.itemToStringLabel,t.itemToStringValue,a]);return{hasValue:r,displayValue:z.useMemo(()=>n?t.inputValue:o,[n,o,t.inputValue]),selectedLabel:o,getValueText:a}}function pe(e){let{comboboxContext:t,store:n,focusOwnerStore:r,open:i,disabled:a,cursorBehavior:o,hasValue:c,getValueText:l,onFocus:u,onBlur:d,onClick:f,onKeyDown:p}=e,m=z.useRef(!1),g=z.useRef(!1),_=z.useRef(!1),v=z.useRef(null),y=z.useRef(null),b=z.useRef(null);z.useEffect(()=>{if(!i)return;let e=e=>{let n=t.inputRef.current,r=t.inputWrapperRef.current,i=document.getElementById(t.listId),a=e.target,o=n?.contains(a),s=r?.contains(a),c=i?.contains(a);!o&&!s&&!c&&(b.current=e)};return document.addEventListener(`pointerdown`,e,!0),()=>{document.removeEventListener(`pointerdown`,e,!0),b.current=null}},[i,t.inputRef,t.inputWrapperRef,t.listId]),z.useLayoutEffect(()=>{let e=t.inputRef.current;if(e&&i&&y.current){let{start:t,end:n}=y.current,r=e.selectionStart,i=e.value.length;r===i&&t!==i&&e.setSelectionRange(t,n),y.current=null}});let x=z.useRef(i);z.useLayoutEffect(()=>{if(i&&!x.current){if(m.current){m.current=!1,x.current=i;return}if(_.current){_.current=!1,g.current=!1,v.current=null,x.current=i;return}if(g.current&&o===`none`){let e=t.inputRef.current,n=v.current;e&&n!==null&&requestAnimationFrame(()=>{let t=e.value.length,r=Math.min(n,t);e.setSelectionRange(r,r)}),g.current=!1,v.current=null,x.current=i;return}c&&t.multiple&&t.onInputValueChange(``);let e=t.inputRef.current;if(e){let t=e.value.length;o===`select-all`&&t>0?requestAnimationFrame(()=>{e.setSelectionRange(0,e.value.length)}):o===`end`&&t>0&&requestAnimationFrame(()=>{e.setSelectionRange(e.value.length,e.value.length)})}}x.current=i},[i,t,c,o]);let S=z.useCallback(e=>{let r=e.target,i=r.value,a=r.selectionStart,o=r.selectionEnd;a!==null&&o!==null&&(y.current={start:a,end:o}),t.onInputValueChange(i),t.setFilterActive(),n.setSearch(i),n.select(`open`)||(m.current=!0,t.openCombobox())},[t,n]),C=z.useCallback(e=>{if(u?.(e),e.defaultPrevented)return;let r=n.select(`open`);if(r&&(_.current=!0),t.openOnFocus&&!a&&!r){if(c&&!t.multiple){let e=l(t.value)??s(t.value,t.itemToStringLabel);t.onInputValueChange(e)}t.openCombobox()}},[u,t,a,n,c,l]),w=z.useCallback(e=>{d?.(e),!e.defaultPrevented&&requestAnimationFrame(()=>{let e=document.activeElement,n=document.getElementById(t.listId)?.contains(e),r=e===t.inputRef.current;if(!n&&!r){_.current=!1;let e=b.current,n=e?A:O;b.current=null,t.closeCombobox(n,e??void 0)}})},[d,t]),T=z.useCallback(e=>{if(f?.(e),e.defaultPrevented)return;let r=n.select(`open`);if(!a&&!r){let n=e.target;if(o===`none`){let e=n.selectionStart;v.current=e,g.current=!0}if(c&&!t.multiple){let e=l(t.value)??s(t.value,t.itemToStringLabel);t.onInputValueChange(e)}t.openCombobox()}else r&&(_.current=!0)},[f,t,a,n,o,c,l]),E=z.useCallback(e=>{if(p?.(e),!e.defaultPrevented){if(i&&e.key===`Escape`){e.preventDefault(),t.closeCombobox(k);return}if(!i&&(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`)){if(e.preventDefault(),c&&!t.multiple){let e=l(t.value)??s(t.value,t.itemToStringLabel);t.onInputValueChange(e)}t.openCombobox();return}}},[i,t,p,c,l]),{handleKeyDown:D}=h({store:n,surfaceId:`combobox-input`,focusOwnerStore:r,depth:0,submenuContext:null,subpageContext:null,enabled:i,enableTypeToSearch:!1,onKeyDown:E,closeAll:t.closeCombobox,skipFocusOwnerCheck:!0});return{handleChange:S,handleFocus:C,handleBlur:w,handleClick:T,handleKeyDown:D,selectionRef:y}}const me=z.forwardRef(function(e,t){let{placeholder:n,disabled:r,cursorBehavior:i=`none`,render:o,className:s,style:c,onFocus:l,onBlur:d,onClick:f,onKeyDown:p,...m}=e,h=x(),g=a(),_=u(),v=de(),y=(r??h.disabled)||g.disabled,b=R(h.items,``),S=n??(typeof b==`string`?b:void 0)??h.placeholder,C=g.store.useState(`open`),{hasValue:w,displayValue:T,getValueText:E}=fe({comboboxContext:h,open:C}),{handleChange:D,handleFocus:O,handleBlur:k,handleClick:A,handleKeyDown:ee}=pe({comboboxContext:h,store:g.store,focusOwnerStore:_,open:C,disabled:y,cursorBehavior:i,hasValue:w,getValueText:E,onFocus:l,onBlur:d,onClick:f,onKeyDown:p}),j={[G.slot]:``};C?j[G.open]=``:j[G.closed]=``,y&&(j[G.disabled]=``),w||(j[G.placeholder]=``),h.layout===`input-embedded`&&(j[`data-input-embedded`]=``);let M=z.useCallback(e=>{h.setInputElement(e),typeof t==`function`?t(e):t&&(t.current=e)},[t,h]),N=z.useMemo(()=>({open:C,disabled:y,placeholder:!w}),[C,y,w]),P=h.layout===`input-embedded`&&!v?{position:`relative`,zIndex:1}:void 0;return V({render:o,ref:M,state:N,props:{...m,...j,type:`text`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":C,"aria-controls":h.listId,"aria-haspopup":`listbox`,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,disabled:y,placeholder:w?void 0:S,className:F(s,N),style:{...P,...I(c,N)},value:T,onChange:D,onFocus:O,onBlur:k,onClick:A,onKeyDown:ee},defaultTagName:`input`})}),K={slot:`bazzaui-combobox-input-wrapper`,open:`data-open`},he={open:e=>e?{[K.open]:``}:null},ge=z.forwardRef(function(e,t){let{render:n,className:r,style:i,children:o,...s}=e,{store:c}=a(),l=x(),u=c.useState(`open`),d=z.useMemo(()=>({open:u}),[u]),f=l.layout===`input-embedded`?{position:`relative`,zIndex:1}:{position:`relative`},p=z.useCallback(e=>{l.setInputWrapperElement(e),typeof t==`function`?t(e):t&&(t.current=e)},[t,l]),m=V({render:n,ref:p,state:d,stateAttributesMapping:he,props:{...s,[K.slot]:``,className:F(r,d),style:{...f,...I(i,d)},children:o},defaultTagName:`div`});return/* @__PURE__ */ B(ue.Provider,{value:!0,children:m})}),q={slot:`bazzaui-combobox-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`},_e=z.createContext(null);function J(){let e=z.useContext(_e);if(!e)throw Error(`ComboboxItem child components must be used within a Combobox.Item`);return e}function ve(){return z.useContext(_e)}const ye={highlighted:e=>e?{[q.highlighted]:``}:null,disabled:e=>e?{[q.disabled]:``}:null,selected:e=>e?{[q.selected]:``}:null,first:e=>e?{[q.first]:``}:null,last:e=>e?{[q.last]:``}:null,firstInGroup:e=>e?{[q.firstInGroup]:``}:null,lastInGroup:e=>e?{[q.lastInGroup]:``}:null};function be(e,t){let{value:n,textValue:r,keywords:i,disabled:a=!1,onSelect:c,forceMount:l=!1,render:u,className:d,style:f,onClick:p,onPointerDown:m,onPointerMove:h,children:g,..._}=e,v=x(),y=z.useMemo(()=>T(n,v.itemToStringValue),[n,v.itemToStringValue]),b=z.useId(),S=n===null?`combobox-clear-${b}`:void 0,C=z.useMemo(()=>ie(v.items,y),[v.items,y]),w=C?.label,E=z.useMemo(()=>s(n,v.itemToStringLabel),[n,v.itemToStringLabel]),D=z.useMemo(()=>{if(r!==void 0)return r;if(typeof w==`string`)return w;if(E&&E!==y)return E},[r,w,E,y]),O=z.useMemo(()=>oe(i,[typeof w==`string`?w:E&&E!==y?E:void 0,...C?.keywords??[]]),[i,w,E,y,C]),k=z.useRef(D),A=v.multiple?L(v.values,n,v.isItemEqualToValue):v.value!==``&&re(v.value,n,v.isItemEqualToValue),ee=v.closeOnSelect,j=o({id:S,value:y,keywords:O,disabled:a,forceMount:l,closeOnClick:ee,children:g});z.useEffect(()=>j.registerSelect(()=>{if(!a){if(v.multiple){if(n==null)v.onValuesChange([]);else{let e=A?ae(v.values,n,v.isItemEqualToValue):[...v.values,n];v.onValuesChange(e)}}else v.onValueChange(n);c?.()}}),[a,v,n,A,c,j]),z.useEffect(()=>{let e=k.current;if(e)return v.registerItemText(y,e)},[y,v]),z.useEffect(()=>{!D&&typeof g==`string`&&(k.current=g,v.registerItemText(y,g))},[g,D,y,v]);let M=z.useMemo(()=>({highlighted:j.isHighlighted,disabled:a,selected:A,first:j.positional.first,last:j.positional.last,firstInGroup:j.positional.firstInGroup,lastInGroup:j.positional.lastInGroup}),[j.isHighlighted,a,A,j.positional]),N=z.useMemo(()=>({id:j.id,value:n,textValue:D,highlighted:j.isHighlighted,disabled:a,selected:A}),[j.id,n,D,j.isHighlighted,a,A]),P=z.useCallback(e=>{p?.(e),e.defaultPrevented||j.handlers.onClick(e)},[p,j.handlers]),te=z.useCallback(e=>{j.handlers.onPointerDown(e),m?.(e)},[j.handlers,m]),ne=z.useCallback(e=>{h?.(e),e.defaultPrevented||j.handlers.onPointerMove(e)},[h,j.handlers]),R=V({render:u,ref:[j.ref,j.rowRef,t],state:M,stateAttributesMapping:ye,props:{..._,[q.slot]:``,id:j.id,role:`option`,tabIndex:-1,"aria-selected":A,"aria-disabled":a||void 0,className:F(d,M),style:I(f,M),onClick:P,onPointerMove:ne,onPointerDown:te,children:g},enabled:j.isVisible,defaultTagName:`div`});return j.isVisible?/* @__PURE__ */ B(_e.Provider,{value:N,children:R}):null}const xe=z.forwardRef(be),Y={slot:`bazzaui-combobox-item-indicator`,selected:`data-selected`},Se={selected:e=>e?{[Y.selected]:``}:null},Ce=z.forwardRef(function(e,t){let{keepMounted:n=!1,render:r,className:i,style:a,...o}=e,s=J(),c=z.useMemo(()=>({selected:s.selected}),[s.selected]),l=V({render:r,ref:t,state:c,stateAttributesMapping:Se,props:{...o,[Y.slot]:``,"aria-hidden":!0,className:F(i,c),style:I(a,c)},enabled:n||s.selected,defaultTagName:`span`});return!n&&!s.selected?null:l}),we={slot:`bazzaui-combobox-item-label`},X=z.forwardRef(function(e,t){let{render:n,className:r,style:i,children:a,...o}=e,s=x(),c=J(),l=T(c.value,s.itemToStringValue),u=z.useMemo(()=>{if(a!==void 0)return a;let e=R(s.items,l);return e===void 0?c.textValue===void 0?l:c.textValue:e},[a,s.items,l,c.textValue]),d=z.useMemo(()=>({value:l,selected:c.selected,highlighted:c.highlighted,disabled:c.disabled}),[l,c.selected,c.highlighted,c.disabled]);return z.useEffect(()=>{if(typeof u==`string`)return s.registerItemText(l,u)},[u,s,l]),V({render:n,ref:t,state:d,props:{...o,[we.slot]:``,className:F(r,d),style:I(i,d),children:u},defaultTagName:`span`})}),Z={slot:`bazzaui-combobox-positioner`};function Q(e,t,n,r){let i=n+r*2;return e===`top`?{width:i,marginBottom:-(t+r),paddingTop:r,paddingLeft:r,paddingRight:r,paddingBottom:t+r}:{width:i,marginTop:-(t+r),paddingTop:t+r,paddingLeft:r,paddingRight:r,paddingBottom:r}}function Te({render:e,state:t,props:n}){return V({render:typeof e==`function`?n=>e(n,t):e,props:n,defaultTagName:`div`})}const Ee=z.forwardRef(function(e,t){let{layout:n,popupPadding:r=8,side:i=`bottom`,align:a,sideOffset:o=4,anchor:s,className:c,style:l,children:u,render:d,...f}=e,p=x(),m=n??p.layout,h=m===`input-embedded`,g=s??p.inputWrapperRef.current?p.inputWrapperRef:p.inputRef,_=h?0:o,v=h?`center`:a??`start`,{inputHeight:y,inputWidth:b}=p,S=b+r*2,C=te(l,e=>({...e,...h?{zIndex:0}:{}}));if(h)return/* @__PURE__ */ B(se.Positioner,{ref:t,side:i,align:v,sideOffset:_,anchor:g,className:c,style:C,"data-input-embedded":``,[Z.slot]:``,...f,render:(e,t)=>{let n=t.side,i={layout:m,side:n,align:t.align,inputHeight:p.inputHeight},a={"--combobox-input-height":`${y}px`,"--combobox-input-width":`${b}px`,"--combobox-popup-padding":`${r}px`,"--combobox-popup-width":`${S}px`},o=Q(n,y,b,r),s=z.Children.map(u,e=>z.isValidElement(e)?z.cloneElement(e,{style:{...o,...e.props.style},"data-side":n}):e);return/* @__PURE__ */ B(U.Provider,{value:i,children:/* @__PURE__ */ B(Te,{render:d,state:t,props:{...e,style:{...e.style,...a},"data-side":n,children:s}})})}});let w={layout:m,side:i,align:v,inputHeight:p.inputHeight},T={"--combobox-input-height":`${y}px`,"--combobox-input-width":`${b}px`},E=te(l,e=>({...e,...T}));return/* @__PURE__ */ B(U.Provider,{value:w,children:/* @__PURE__ */ B(se.Positioner,{ref:t,side:i,align:v,sideOffset:_,anchor:g,className:c,style:E,[Z.slot]:``,...f,render:d,children:u})})});function De(e){let{open:t,onOpenChange:n,actionsRef:r,defaultOpen:i=!1,value:a,defaultValue:o,onValueChange:s,multiple:c=!1,values:l,defaultValues:u,onValuesChange:f,isItemEqualToValue:p=ne,itemToStringLabel:m,itemToStringValue:h,inputValue:_,defaultInputValue:v=``,onInputValueChange:y,name:b,form:x,required:S,disabled:w=!1,placeholder:E=`Search...`,items:D,modal:O=!1,closeOnSelect:k,openOnFocus:A=!0,virtualized:ee=!1,virtualItems:j,onHighlightChange:M,layout:N=`floating`,onOpenChangeComplete:P,debug:F,children:I,...te}=e,re=z.useCallback((e,t,n,r)=>M?.(e,n,r),[M]),ie=z.useId(),L=z.useRef(null),R=z.useRef(null),[ae,oe]=z.useState(0),[V,le]=z.useState(0),H=z.useCallback(e=>{if(L.current=e,e&&!R.current){let t=e.getBoundingClientRect();oe(t.height),le(t.width)}},[]),U=z.useCallback(e=>{if(R.current=e,e){let t=e.getBoundingClientRect();oe(t.height),le(t.width)}},[]),{store:W,focusOwnerStore:ue,openChainStore:de,registerSurface:G,closeAll:fe,virtualization:pe,handleOpenChange:me,disabled:K,setDisabled:he,menuTreeResolver:ge}=d({onOpenChange:n,defaultOpen:i,virtualized:ee,items:j,onHighlightChange:re,disabled:w}),q=z.useRef(null);z.useImperativeHandle(r,()=>({close:()=>{q.current?.close()},unmount:()=>{q.current?.unmount()},setDisabled:he}),[he]),W.useControlledProp(`openProp`,t);let _e=W.useState(`open`),J=z.useCallback((e,t,n)=>{K&&t!==`imperative-action`||(e||!L.current||document.activeElement!==L.current)&&me(e,t,n)},[me,K]),ve=z.useCallback(e=>{!e&&W.context.clearSearchOnClose===`after-exit`&&(W.clearSearch(),W.setInputActive(!1)),e||W.clearHighlight(),P?.(e)},[W,P]),ye=z.useCallback((e,t)=>{J(e,t.reason,t.event)},[J]),[be,xe]=z.useState(o===void 0?null:o),Y=a===void 0?be:a,Se=z.useCallback(e=>{a===void 0&&xe(e),s?.(e)},[a,s]),[Ce,we]=z.useState(u??[]),X=l===void 0?Ce:l,Z=z.useCallback(e=>{l===void 0&&we(e),f?.(e)},[l,f]),[Q,Te]=z.useState(v),Ee=_===void 0?Q:_,De=z.useCallback(e=>{_===void 0&&Te(e),y?.(e)},[_,y]),Oe=z.useRef(/* @__PURE__ */ new Map),ke=z.useCallback((e,t)=>(Oe.current.set(e,t),()=>{}),[]),Ae=k??!c,je=z.useRef({type:`active`}),[,Me]=z.useState({type:`active`}),$=z.useCallback(e=>{je.current=e,Me(e)},[]),Ne=je.current,Pe=z.useCallback(()=>{$({type:`active`})},[$]),Fe=z.useCallback(()=>{K||($(!c&&Y!=null?{type:`showAll`}:{type:`active`}),W.setOpen(!0))},[K,W,c,Y,$]),Ie=z.useCallback((e,t)=>{let n=je.current,r=n.type===`active`?Q:n.type===`showAll`?``:n.search;$({type:`frozen`,search:r}),W.setOpen(!1,e,t)},[W,$,Q]),Le=z.useMemo(()=>({multiple:c,value:Y,values:X,onValueChange:Se,onValuesChange:Z,isItemEqualToValue:p,itemToStringLabel:m,itemToStringValue:h,inputValue:Ee,onInputValueChange:De,name:b,form:x,required:S,disabled:K,placeholder:E,items:D,itemTextRegistry:Oe.current,registerItemText:ke,listId:ie,inputRef:L,setInputElement:H,inputWrapperRef:R,setInputWrapperElement:U,closeOnSelect:Ae,openOnFocus:A,openCombobox:Fe,closeCombobox:Ie,filterMode:Ne,setFilterActive:Pe,inputHeight:ae,inputWidth:V,layout:N}),[c,Y,X,Se,Z,p,m,h,Ee,De,b,x,S,K,E,D,ke,ie,H,U,Ae,A,Fe,Ie,Ne,Pe,ae,V,N]),Re=z.useMemo(()=>b?c?X.length>0?X.map((e,t)=>{let n=T(e,h);return/* @__PURE__ */ B(`input`,{type:`hidden`,name:b,value:n,form:x,required:S&&t===0},n)}):/* @__PURE__ */ B(`input`,{type:`hidden`,name:b,value:``,form:x,required:S}):/* @__PURE__ */ B(`input`,{type:`hidden`,name:b,value:Y==null?``:T(Y,h),form:x,required:S}):null,[b,x,S,c,Y,X,h]);return/* @__PURE__ */ B(C.Provider,{value:Le,children:/* @__PURE__ */ ce(g,{menuTreeResolver:ge,store:W,focusOwnerStore:ue,openChainStore:de,disabled:K,depth:0,closeAll:fe,registerSurface:G,virtualization:pe,menuType:`dropdown`,externalFocus:!0,componentName:`combobox`,debug:F,children:[Re,/* @__PURE__ */ B(se.Root,{...te,open:_e,onOpenChange:ye,onOpenChangeComplete:ve,modal:O,actionsRef:r?q:void 0,children:I})]})})}const Oe={slot:`bazzaui-combobox-surface`},ke=z.forwardRef(function(e,t){let{autoHighlightFirst:n,clearSearchOnClose:i=!0,search:a,onSearchChange:o,onPointerMove:s,...c}=e,l=x(),u=z.useCallback(e=>{s?.(e);let t=l.inputRef.current;t&&document.activeElement!==t&&t.focus()},[s,l.inputRef]),d=z.useMemo(()=>{let e=n??!0;if(e===`selected`){let e=l.multiple?l.values[0]:l.value;return e==null||T(e,l.itemToStringValue)}return e},[n,l.multiple,l.value,l.values,l.itemToStringValue]),{filterMode:f}=l,p=a??(f.type===`active`?l.inputValue:f.type===`showAll`?``:f.search),m=z.useCallback(e=>{l.onInputValueChange(e),o?.(e)},[l,o]);return/* @__PURE__ */ B(r,{ref:t,autoHighlightFirst:d,clearSearchOnClose:i,search:p,onSearchChange:m,onPointerMove:u,skipAutoFocus:!0,[Oe.slot]:``,...c})});var Ae=/* @__PURE__ */ e({Arrow:()=>v,Backdrop:()=>D,Clear:()=>H,Empty:()=>f,Group:()=>S,GroupLabel:()=>p,Icon:()=>m,Input:()=>me,InputWrapper:()=>ge,Item:()=>xe,ItemIndicator:()=>Ce,ItemLabel:()=>X,List:()=>c,Popup:()=>E,Portal:()=>y,Positioner:()=>Ee,Root:()=>De,ScrollDownArrow:()=>w,ScrollUpArrow:()=>n,Separator:()=>b,Surface:()=>ke,useComboboxPositionerContext:()=>W});let je=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),Me=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),$=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-empty`,e}({}),Ne=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group`,e}({}),Pe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-group-label`,e}({});const Fe={slot:`bazzaui-combobox-icon`,open:`data-popup-open`};let Ie=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-list`,e.list=`data-popup-menu-list`,e}({}),Le=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({});const Re={slotUp:`bazzaui-combobox-scroll-up-arrow`,slotDown:`bazzaui-combobox-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let ze=/* @__PURE__ */ function(e){return e.slot=`bazzaui-combobox-separator`,e}({});export{Ae as Combobox,je as ComboboxArrowDataAttributes,Me as ComboboxBackdropDataAttributes,H as ComboboxClear,$ as ComboboxEmptyDataAttributes,Ne as ComboboxGroupDataAttributes,Pe as ComboboxGroupLabelDataAttributes,Fe as ComboboxIconDataAttributes,me as ComboboxInput,G as ComboboxInputDataAttributes,ge as ComboboxInputWrapper,K as ComboboxInputWrapperDataAttributes,xe as ComboboxItem,q as ComboboxItemDataAttributes,Ce as ComboboxItemIndicator,Y as ComboboxItemIndicatorDataAttributes,X as ComboboxItemLabel,l as ComboboxListCssVars,Ie as ComboboxListDataAttributes,Le as ComboboxPopupDataAttributes,Ee as ComboboxPositioner,t as ComboboxPositionerCssVars,Z as ComboboxPositionerDataAttributes,De as ComboboxRoot,Re as ComboboxScrollArrowDataAttributes,ze as ComboboxSeparatorDataAttributes,N as ComboboxStore,ke as ComboboxSurface,j as commandScore,M as defaultFilter,x as useComboboxContext,J as useComboboxItemContext,W as useComboboxPositionerContext,_ as useMaybeComboboxContext,ve as useMaybeComboboxItemContext,P as useMaybeSurfaceContext,ee as useSurfaceContext};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-MbWB6z4-.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../platform-C-sxBTRa.cjs");let i=require("react");i=e.n(i,1);let a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");const s=i.forwardRef(function(e,r){let{onPointerDown:s,...c}=e,l=t.Ft(),u=i.useCallback(e=>{s?.(e),!e.defaultPrevented&&l&&!l.disabled&&l.closeAll(n.M,e.nativeEvent)},[s,l]);return/* @__PURE__ */ (0,a.jsx)(o.Dialog.Backdrop,{ref:r,...c,onPointerDown:u,"data-command-menu-backdrop":``})}),c=i.forwardRef(function(e,n){let{backspaceGoesBack:r=!0,...i}=e;return/* @__PURE__ */ (0,a.jsx)(t.H,{ref:n,backspaceGoesBack:r,...i})}),l=i.forwardRef(function(e,n){let{children:r,className:s,render:c,...l}=e,u=i.useId(),d=t.It(),{subpageStackContextValue:f,isSubpageNavigating:p,hasOpenSubpage:m,subpageId:h}=t.xt({surfaceId:u,store:d.store}),[g,_]=i.useState(null),[v,y]=i.useState(null),b=i.useCallback(e=>({...e,hasOpenSubpage:m,subpageId:h}),[m,h]),x=i.useMemo(()=>typeof s==`function`?e=>s(b(e)):s,[s,b]),S=i.useMemo(()=>typeof c==`function`?(e,t)=>c(e,b(t)):c,[c,b]),C=i.useMemo(()=>({dataSurfaceContext:g,setDataSurfaceContext:_,resolvedNodes:v,setResolvedNodes:y}),[g,v]);return/* @__PURE__ */ (0,a.jsx)(t.Nt.Provider,{value:u,children:/* @__PURE__ */ (0,a.jsx)(t.Et.Provider,{value:f,children:/* @__PURE__ */ (0,a.jsx)(t.lt.Provider,{value:C,children:/* @__PURE__ */ (0,a.jsxs)(o.Dialog.Popup,{ref:n,className:x,render:S,"data-command-menu-popup":``,"data-navigating":p?``:void 0,"data-has-open-subpage":m?``:void 0,...l,children:[r,/* @__PURE__ */ (0,a.jsx)(t.nt,{})]})})})})}),u=o.Dialog.Portal;function d(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLElement&&e.isContentEditable}function f(e){let t=e.key.toLowerCase();return t===` `?`space`:t}function p(e,t){let n=r.t(),i=t.meta||n&&t.mod,a=t.ctrl||!n&&t.mod;return e.metaKey===i&&e.ctrlKey===a&&e.altKey===t.alt&&e.shiftKey===t.shift}function m(e,t){return t.key===f(e)&&p(e,t)}function h(e,t,n){let a=i.useMemo(()=>r.a(e),[e]),[o]=a.chords,s=a.chords.length===1&&o!==void 0?o:null,c=a.chords.length>1,l=n?.enabled!==!1,u=i.useRef(t),f=i.useRef(n);u.current=t,f.current=n,i.useEffect(()=>{c&&process.env.NODE_ENV!==`production`&&console.warn(`useHotkey only supports single-chord keybindings. Received "${e}", but sequences are not supported by useHotkey.`)},[c,e]),i.useEffect(()=>{if(!l||s===null||c||s.key===null)return;let e=e=>{let t=f.current;e.repeat||(t?.allowInInput||!d(e.target))&&m(e,s)&&(t?.preventDefault!==!1&&e.preventDefault(),u.current(e))};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[s,l,c])}function g(e){let{children:r,open:s,defaultOpen:c=!1,onOpenChange:l,onOpenChangeComplete:u,hotkey:d,modal:f=!0,disabled:p,getResolvedId:m,idScope:g=`surface`,rangeSelection:_=!0,dragSelection:v=!1,getAriaSelectionText:y}=e,{store:b,focusOwnerStore:x,openChainStore:S,registerSurface:C,closeAll:w,handleOpenChange:T,disabled:E,menuTreeResolver:D}=t.St({onOpenChange:l,defaultOpen:c,disabled:p,closeOnOutsidePress:`pointerdown`,getResolvedId:m,idScope:g});b.useControlledProp(`openProp`,s);let O=b.useState(`open`);h(d??``,()=>T(!b.select(`open`),n.O),{enabled:!!d&&!E,allowInInput:!0});let k=i.useCallback((e,t)=>{T(e,t.reason,t.event)},[T]),A=i.useCallback(e=>{!e&&b.context.clearSearchOnClose===`after-exit`&&(b.clearSearch(),b.setInputActive(!1)),e||(b.clearHighlight(),b.context.onCloseComplete?.(),b.context.onPopupCloseComplete?.()),u?.(e)},[b,u]);return/* @__PURE__ */ (0,a.jsx)(t.Z,{menuTreeResolver:D,store:b,focusOwnerStore:x,openChainStore:S,disabled:E,depth:0,closeAll:w,explicitTabBehavior:!0,tabWithoutZones:`inert`,registerSurface:C,menuType:`dropdown`,closeOnOutsidePress:`pointerdown`,rangeSelection:_,dragSelection:v,getAriaSelectionText:y,componentName:`command-menu`,children:/* @__PURE__ */ (0,a.jsx)(o.Dialog.Root,{open:O,onOpenChange:k,onOpenChangeComplete:A,modal:f,children:r})})}function _(e){let{closeRootOnEsc:n=!0,children:r,...i}=e;return/* @__PURE__ */ (0,a.jsx)(t.i,{closeRootOnEsc:n,...i,children:r})}const v=i.forwardRef(function(e,n){let{disabled:r,...i}=e,s=t.Ft(),c=r||s?.disabled||!1;return/* @__PURE__ */ (0,a.jsx)(o.Dialog.Trigger,{ref:n,...i,disabled:c,"data-command-menu-trigger":``})});var y=/* @__PURE__ */ e.t({Backdrop:()=>s,CheckboxGroup:()=>t.E,CheckboxGroupValue:()=>t.st,CheckboxItem:()=>t.T,CheckboxItemIndicator:()=>t.w,Empty:()=>t.U,FocusZone:()=>t._,Footer:()=>t.g,Group:()=>t.h,GroupLabel:()=>t.V,Header:()=>t.p,Icon:()=>t.W,Input:()=>c,Item:()=>t.C,LinkItem:()=>t.S,List:()=>t.M,Loading:()=>t.j,Popup:()=>l,Portal:()=>u,Root:()=>g,Separator:()=>t.f,Shortcut:()=>t.d,Subpage:()=>_,SubpageBack:()=>t.r,SubpageBackItem:()=>t.n,SubpageTrigger:()=>t.t,Surface:()=>t.D,Trigger:()=>v});Object.defineProperty(exports,"CommandMenu",{enumerable:!0,get:function(){return y}}),exports.CommandMenuCheckboxGroupValue=t.st,exports.CommandMenuRadioGroupValue=t.b,exports.DataListContext=t.ct,exports.DataSurfaceContext=t.ut,exports.defaultGetResolvedId=t.Ct,exports.defineCheckboxGroup=t.P,exports.defineRadioGroup=t.F,exports.isDisplayCheckboxGroupNode=t.I,exports.isDisplayGroupNode=t.L,exports.isDisplayRadioGroupNode=t.R,exports.isDisplayRowNode=t.z,exports.isDisplaySeparatorNode=t.B,exports.isPopupMenuNode=t.wt,exports.useAsyncMenuCoordinator=t.at,exports.useDataList=t.dt,exports.useDataSurfaceContext=t.ft,exports.useMaybeAsyncMenuCoordinator=t.ot,exports.useMaybeDataList=t.pt,exports.useMaybeDataSurfaceContext=t.mt,exports.useMaybeSurfaceContext=n.u,exports.useSurfaceContext=n.d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { b as useMaybeSurfaceContext, x as useSurfaceContext, y as SurfaceContextValue } from "../index-
|
|
2
|
-
import { $ as LinkItemRenderParams, $t as PopupMenuItemState, A as CheckboxItemRenderProps, At as defineRadioGroup, B as DisplaySeparatorNode, C as CheckboxGroupBehavior, Ct as SubpageDef, D as CheckboxGroupRenderProps, E as CheckboxGroupRenderParams, F as DisplayCheckboxGroupNode, Ft as isDisplaySeparatorNode, G as GroupRenderContext, H as GroupBehavior, I as DisplayGroupNode, It as PopupMenuSubpageTrigger, J as InitialQueryBehavior, Jt as PopupMenuLinkItem, K as GroupRenderParams, L as DisplayNode, Lt as PopupMenuSubpageTriggerProps, Mt as isDisplayGroupNode, N as DeepSearchConfig, Nt as isDisplayRadioGroupNode, O as CheckboxItemDef, P as DisabledBranchBehavior, Pt as isDisplayRowNode, Q as LinkItemDef, Qt as PopupMenuItemProps, R as DisplayRadioGroupNode, Rt as PopupMenuSubpageTriggerState, S as BreadcrumbNode, St as SubpageContentRenderParams, T as CheckboxGroupLabelRenderParams, Tt as SubpageTriggerRenderProps, U as GroupDef, V as DisplaySubpageNode, X as ItemRenderParams, Xt as PopupMenuLinkItemState, Y as ItemDef, Yt as PopupMenuLinkItemProps, Z as ItemRenderProps, Zt as PopupMenuItem, _ as AsyncLoaderStatus, _t as StaticAsyncNodesConfig, an as PopupMenuCheckboxGroupState, at as RadioGroupBehavior, b as AsyncResultBehavior, bt as SubmenuRenderParams, c as PopupMenuIdScope, ct as RadioGroupRenderParams, d as AsyncContentMode, dt as RadioItemRenderParams, en as PopupMenuCheckboxItem, et as LinkItemRenderProps, f as AsyncLoaderConfig, ft as RadioItemRenderProps, g as AsyncLoaderSource, gt as SeparatorRenderParams, h as AsyncLoaderResult, ht as SeparatorDef, in as PopupMenuCheckboxGroupProps, it as QueryLoaderConfig, j as DataListChildrenState, jt as isDisplayCheckboxGroupNode, k as CheckboxItemRenderParams, kt as defineCheckboxGroup, l as PopupMenuNode, lt as RadioGroupRenderProps, m as AsyncLoaderLoadingPhase, mt as ScoredNode, nn as PopupMenuCheckboxItemState, nt as NodeDef, ot as RadioGroupDef, p as AsyncLoaderFetchStatus, pt as RowRenderContext, q as IncludeInDeepSearch, rn as PopupMenuCheckboxGroup, rt as QueryAsyncNodesConfig, s as GetResolvedIdFn, tn as PopupMenuCheckboxItemProps, tt as LoaderComponentProps, u as UnresolvedMenuNode, ut as RadioItemDef, v as AsyncNodesConfig, vt as StaticLoaderConfig, w as CheckboxGroupDef, wt as SubpageTriggerRenderParams, x as AsyncState, xt as SubmenuRenderProps, y as AsyncRenderState, yt as SubmenuDef, z as DisplayRowNode } from "../events-
|
|
1
|
+
import { b as useMaybeSurfaceContext, x as useSurfaceContext, y as SurfaceContextValue } from "../index-CSt0sBX7.js";
|
|
2
|
+
import { $ as LinkItemRenderParams, $t as PopupMenuItemState, A as CheckboxItemRenderProps, At as defineRadioGroup, B as DisplaySeparatorNode, C as CheckboxGroupBehavior, Ct as SubpageDef, D as CheckboxGroupRenderProps, E as CheckboxGroupRenderParams, F as DisplayCheckboxGroupNode, Ft as isDisplaySeparatorNode, G as GroupRenderContext, H as GroupBehavior, I as DisplayGroupNode, It as PopupMenuSubpageTrigger, J as InitialQueryBehavior, Jt as PopupMenuLinkItem, K as GroupRenderParams, L as DisplayNode, Lt as PopupMenuSubpageTriggerProps, Mt as isDisplayGroupNode, N as DeepSearchConfig, Nt as isDisplayRadioGroupNode, O as CheckboxItemDef, P as DisabledBranchBehavior, Pt as isDisplayRowNode, Q as LinkItemDef, Qt as PopupMenuItemProps, R as DisplayRadioGroupNode, Rt as PopupMenuSubpageTriggerState, S as BreadcrumbNode, St as SubpageContentRenderParams, T as CheckboxGroupLabelRenderParams, Tt as SubpageTriggerRenderProps, U as GroupDef, V as DisplaySubpageNode, X as ItemRenderParams, Xt as PopupMenuLinkItemState, Y as ItemDef, Yt as PopupMenuLinkItemProps, Z as ItemRenderProps, Zt as PopupMenuItem, _ as AsyncLoaderStatus, _t as StaticAsyncNodesConfig, an as PopupMenuCheckboxGroupState, at as RadioGroupBehavior, b as AsyncResultBehavior, bt as SubmenuRenderParams, c as PopupMenuIdScope, ct as RadioGroupRenderParams, d as AsyncContentMode, dt as RadioItemRenderParams, en as PopupMenuCheckboxItem, et as LinkItemRenderProps, f as AsyncLoaderConfig, ft as RadioItemRenderProps, g as AsyncLoaderSource, gt as SeparatorRenderParams, h as AsyncLoaderResult, ht as SeparatorDef, in as PopupMenuCheckboxGroupProps, it as QueryLoaderConfig, j as DataListChildrenState, jt as isDisplayCheckboxGroupNode, k as CheckboxItemRenderParams, kt as defineCheckboxGroup, l as PopupMenuNode, lt as RadioGroupRenderProps, m as AsyncLoaderLoadingPhase, mt as ScoredNode, nn as PopupMenuCheckboxItemState, nt as NodeDef, ot as RadioGroupDef, p as AsyncLoaderFetchStatus, pt as RowRenderContext, q as IncludeInDeepSearch, rn as PopupMenuCheckboxGroup, rt as QueryAsyncNodesConfig, s as GetResolvedIdFn, tn as PopupMenuCheckboxItemProps, tt as LoaderComponentProps, u as UnresolvedMenuNode, ut as RadioItemDef, v as AsyncNodesConfig, vt as StaticLoaderConfig, w as CheckboxGroupDef, wt as SubpageTriggerRenderParams, x as AsyncState, xt as SubmenuRenderProps, y as AsyncRenderState, yt as SubmenuDef, z as DisplayRowNode } from "../events-B-l6YIGj.js";
|
|
3
3
|
import { n as ComponentRenderFn } from "../types-BbN28E3_.js";
|
|
4
|
-
import { $ as PopupMenuFocusZoneProps, At as PopupMenuInputState, B as PopupMenuHeaderProps, Ct as PopupMenuList, Et as PopupMenuListState, F as PopupMenuShortcutState, Ft as PopupMenuIconProps, H as PopupMenuGroupLabel, I as PopupMenuSeparator, It as PopupMenuIconState, J as PopupMenuGroupState, K as PopupMenuGroup, L as PopupMenuSeparatorProps, Mt as PopupMenuEmptyProps, N as PopupMenuShortcut, Nt as PopupMenuEmptyState, P as PopupMenuShortcutProps, Pt as PopupMenuIcon, Q as PopupMenuFocusZone, R as PopupMenuSeparatorState, S as PopupMenuSubpageBackState, St as PopupMenuLoadingState, Tt as PopupMenuListProps, U as PopupMenuGroupLabelProps, V as PopupMenuHeaderState, W as PopupMenuGroupLabelState, X as PopupMenuFooterProps, Y as PopupMenuFooter, Z as PopupMenuFooterState, _ as PopupMenuSubpageBackItem, a as DataListContext, at as PopupMenuRadioGroupValueProps, b as PopupMenuSubpageBack, bt as PopupMenuLoading, c as DataSurfaceContextValue, ct as PopupMenuCheckboxItemIndicatorState, d as useDataSurfaceContext, dt as PopupMenuSurface, et as PopupMenuFocusZoneState, f as useMaybeDataList, ft as PopupMenuSurfaceProps, g as useMaybeAsyncMenuCoordinator, h as useAsyncMenuCoordinator, it as PopupMenuRadioGroupValue, jt as PopupMenuEmpty, kt as PopupMenuInputProps, l as RenderNodeFn, lt as PopupMenuCheckboxGroupValue, m as AsyncMenuCoordinatorValue, n as isPopupMenuNode, ot as PopupMenuCheckboxItemIndicator, p as useMaybeDataSurfaceContext, pt as PopupMenuSurfaceState, q as PopupMenuGroupProps, s as DataSurfaceContext, st as PopupMenuCheckboxItemIndicatorProps, t as defaultGetResolvedId, u as useDataList, ut as PopupMenuCheckboxGroupValueProps, v as PopupMenuSubpageBackItemProps, w as PopupMenuSubpageProps, wt as PopupMenuListChildrenState, x as PopupMenuSubpageBackProps, xt as PopupMenuLoadingProps, y as PopupMenuSubpageBackItemState, z as PopupMenuHeader } from "../index-
|
|
4
|
+
import { $ as PopupMenuFocusZoneProps, At as PopupMenuInputState, B as PopupMenuHeaderProps, Ct as PopupMenuList, Et as PopupMenuListState, F as PopupMenuShortcutState, Ft as PopupMenuIconProps, H as PopupMenuGroupLabel, I as PopupMenuSeparator, It as PopupMenuIconState, J as PopupMenuGroupState, K as PopupMenuGroup, L as PopupMenuSeparatorProps, Mt as PopupMenuEmptyProps, N as PopupMenuShortcut, Nt as PopupMenuEmptyState, P as PopupMenuShortcutProps, Pt as PopupMenuIcon, Q as PopupMenuFocusZone, R as PopupMenuSeparatorState, S as PopupMenuSubpageBackState, St as PopupMenuLoadingState, Tt as PopupMenuListProps, U as PopupMenuGroupLabelProps, V as PopupMenuHeaderState, W as PopupMenuGroupLabelState, X as PopupMenuFooterProps, Y as PopupMenuFooter, Z as PopupMenuFooterState, _ as PopupMenuSubpageBackItem, a as DataListContext, at as PopupMenuRadioGroupValueProps, b as PopupMenuSubpageBack, bt as PopupMenuLoading, c as DataSurfaceContextValue, ct as PopupMenuCheckboxItemIndicatorState, d as useDataSurfaceContext, dt as PopupMenuSurface, et as PopupMenuFocusZoneState, f as useMaybeDataList, ft as PopupMenuSurfaceProps, g as useMaybeAsyncMenuCoordinator, h as useAsyncMenuCoordinator, it as PopupMenuRadioGroupValue, jt as PopupMenuEmpty, kt as PopupMenuInputProps, l as RenderNodeFn, lt as PopupMenuCheckboxGroupValue, m as AsyncMenuCoordinatorValue, n as isPopupMenuNode, ot as PopupMenuCheckboxItemIndicator, p as useMaybeDataSurfaceContext, pt as PopupMenuSurfaceState, q as PopupMenuGroupProps, s as DataSurfaceContext, st as PopupMenuCheckboxItemIndicatorProps, t as defaultGetResolvedId, u as useDataList, ut as PopupMenuCheckboxGroupValueProps, v as PopupMenuSubpageBackItemProps, w as PopupMenuSubpageProps, wt as PopupMenuListChildrenState, x as PopupMenuSubpageBackProps, xt as PopupMenuLoadingProps, y as PopupMenuSubpageBackItemState, z as PopupMenuHeader } from "../index-4GT9ubGP.js";
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { Dialog } from "@base-ui/react/dialog";
|
|
7
7
|
//#region src/command-menu/backdrop/backdrop.d.ts
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{B as t,C as n,Ct as r,D as i,E as a,Et as o,F as s,Ft as c,H as l,I as u,It as d,L as f,M as p,Nt as m,P as h,R as g,S as _,St as v,T as y,U as b,V as x,W as S,Z as C,_ as w,at as T,b as E,ct as ee,d as te,dt as ne,f as re,ft as D,g as O,h as k,i as A,j,lt as M,mt as N,n as P,nt as F,ot as I,p as L,pt as R,r as z,st as B,t as V,ut as H,w as U,wt as W,xt as G,z as K}from"../popup-menu-
|
|
1
|
+
import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{B as t,C as n,Ct as r,D as i,E as a,Et as o,F as s,Ft as c,H as l,I as u,It as d,L as f,M as p,Nt as m,P as h,R as g,S as _,St as v,T as y,U as b,V as x,W as S,Z as C,_ as w,at as T,b as E,ct as ee,d as te,dt as ne,f as re,ft as D,g as O,h as k,i as A,j,lt as M,mt as N,n as P,nt as F,ot as I,p as L,pt as R,r as z,st as B,t as V,ut as H,w as U,wt as W,xt as G,z as K}from"../popup-menu-CJs_qom4.js";import{M as ie,O as q,d as J,u as Y}from"../listbox-CnwUlLZA.js";import{a as ae,t as oe}from"../platform-C4_cGUkS.js";import*as X from"react";import{jsx as Z,jsxs as se}from"react/jsx-runtime";import{Dialog as Q}from"@base-ui/react/dialog";const ce=X.forwardRef(function(e,t){let{onPointerDown:n,...r}=e,i=c(),a=X.useCallback(e=>{n?.(e),!e.defaultPrevented&&i&&!i.disabled&&i.closeAll(ie,e.nativeEvent)},[n,i]);return/* @__PURE__ */ Z(Q.Backdrop,{ref:t,...r,onPointerDown:a,"data-command-menu-backdrop":``})}),le=X.forwardRef(function(e,t){let{backspaceGoesBack:n=!0,...r}=e;return/* @__PURE__ */ Z(l,{ref:t,backspaceGoesBack:n,...r})}),ue=X.forwardRef(function(e,t){let{children:n,className:r,render:i,...a}=e,s=X.useId(),c=d(),{subpageStackContextValue:l,isSubpageNavigating:u,hasOpenSubpage:f,subpageId:p}=G({surfaceId:s,store:c.store}),[h,g]=X.useState(null),[_,v]=X.useState(null),y=X.useCallback(e=>({...e,hasOpenSubpage:f,subpageId:p}),[f,p]),b=X.useMemo(()=>typeof r==`function`?e=>r(y(e)):r,[r,y]),x=X.useMemo(()=>typeof i==`function`?(e,t)=>i(e,y(t)):i,[i,y]),S=X.useMemo(()=>({dataSurfaceContext:h,setDataSurfaceContext:g,resolvedNodes:_,setResolvedNodes:v}),[h,_]);return/* @__PURE__ */ Z(m.Provider,{value:s,children:/* @__PURE__ */ Z(o.Provider,{value:l,children:/* @__PURE__ */ Z(M.Provider,{value:S,children:/* @__PURE__ */ se(Q.Popup,{ref:t,className:b,render:x,"data-command-menu-popup":``,"data-navigating":u?``:void 0,"data-has-open-subpage":f?``:void 0,...a,children:[n,/* @__PURE__ */ Z(F,{})]})})})})}),de=Q.Portal;function fe(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLElement&&e.isContentEditable}function pe(e){let t=e.key.toLowerCase();return t===` `?`space`:t}function $(e,t){let n=oe(),r=t.meta||n&&t.mod,i=t.ctrl||!n&&t.mod;return e.metaKey===r&&e.ctrlKey===i&&e.altKey===t.alt&&e.shiftKey===t.shift}function me(e,t){return t.key===pe(e)&&$(e,t)}function he(e,t,n){let r=X.useMemo(()=>ae(e),[e]),[i]=r.chords,a=r.chords.length===1&&i!==void 0?i:null,o=r.chords.length>1,s=n?.enabled!==!1,c=X.useRef(t),l=X.useRef(n);c.current=t,l.current=n,X.useEffect(()=>{o&&process.env.NODE_ENV!==`production`&&console.warn(`useHotkey only supports single-chord keybindings. Received "${e}", but sequences are not supported by useHotkey.`)},[o,e]),X.useEffect(()=>{if(!s||a===null||o||a.key===null)return;let e=e=>{let t=l.current;e.repeat||(t?.allowInInput||!fe(e.target))&&me(e,a)&&(t?.preventDefault!==!1&&e.preventDefault(),c.current(e))};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[a,s,o])}function ge(e){let{children:t,open:n,defaultOpen:r=!1,onOpenChange:i,onOpenChangeComplete:a,hotkey:o,modal:s=!0,disabled:c,getResolvedId:l,idScope:u=`surface`,rangeSelection:d=!0,dragSelection:f=!1,getAriaSelectionText:p}=e,{store:m,focusOwnerStore:h,openChainStore:g,registerSurface:_,closeAll:y,handleOpenChange:b,disabled:x,menuTreeResolver:S}=v({onOpenChange:i,defaultOpen:r,disabled:c,closeOnOutsidePress:`pointerdown`,getResolvedId:l,idScope:u});m.useControlledProp(`openProp`,n);let w=m.useState(`open`);he(o??``,()=>b(!m.select(`open`),q),{enabled:!!o&&!x,allowInInput:!0});let T=X.useCallback((e,t)=>{b(e,t.reason,t.event)},[b]),E=X.useCallback(e=>{!e&&m.context.clearSearchOnClose===`after-exit`&&(m.clearSearch(),m.setInputActive(!1)),e||(m.clearHighlight(),m.context.onCloseComplete?.(),m.context.onPopupCloseComplete?.()),a?.(e)},[m,a]);return/* @__PURE__ */ Z(C,{menuTreeResolver:S,store:m,focusOwnerStore:h,openChainStore:g,disabled:x,depth:0,closeAll:y,explicitTabBehavior:!0,tabWithoutZones:`inert`,registerSurface:_,menuType:`dropdown`,closeOnOutsidePress:`pointerdown`,rangeSelection:d,dragSelection:f,getAriaSelectionText:p,componentName:`command-menu`,children:/* @__PURE__ */ Z(Q.Root,{open:w,onOpenChange:T,onOpenChangeComplete:E,modal:s,children:t})})}function _e(e){let{closeRootOnEsc:t=!0,children:n,...r}=e;return/* @__PURE__ */ Z(A,{closeRootOnEsc:t,...r,children:n})}const ve=X.forwardRef(function(e,t){let{disabled:n,...r}=e,i=c(),a=n||i?.disabled||!1;return/* @__PURE__ */ Z(Q.Trigger,{ref:t,...r,disabled:a,"data-command-menu-trigger":``})});var ye=/* @__PURE__ */ e({Backdrop:()=>ce,CheckboxGroup:()=>a,CheckboxGroupValue:()=>B,CheckboxItem:()=>y,CheckboxItemIndicator:()=>U,Empty:()=>b,FocusZone:()=>w,Footer:()=>O,Group:()=>k,GroupLabel:()=>x,Header:()=>L,Icon:()=>S,Input:()=>le,Item:()=>n,LinkItem:()=>_,List:()=>p,Loading:()=>j,Popup:()=>ue,Portal:()=>de,Root:()=>ge,Separator:()=>re,Shortcut:()=>te,Subpage:()=>_e,SubpageBack:()=>z,SubpageBackItem:()=>P,SubpageTrigger:()=>V,Surface:()=>i,Trigger:()=>ve});export{ye as CommandMenu,B as CommandMenuCheckboxGroupValue,E as CommandMenuRadioGroupValue,ee as DataListContext,H as DataSurfaceContext,r as defaultGetResolvedId,h as defineCheckboxGroup,s as defineRadioGroup,u as isDisplayCheckboxGroupNode,f as isDisplayGroupNode,g as isDisplayRadioGroupNode,K as isDisplayRowNode,t as isDisplaySeparatorNode,W as isPopupMenuNode,T as useAsyncMenuCoordinator,ne as useDataList,D as useDataSurfaceContext,I as useMaybeAsyncMenuCoordinator,R as useMaybeDataList,N as useMaybeDataSurfaceContext,Y as useMaybeSurfaceContext,J as useSurfaceContext};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-BBAzAXIe.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../resolve-state-props-C-zbhdXd.cjs");let i=require("react");i=e.n(i,1);let a=require("@base-ui/react/popover"),o=require("react/jsx-runtime"),s=require("@base-ui/react/use-render");const c=i.createContext(null);function l(){let e=i.useContext(c);if(!e)throw Error(`ContextMenu components must be used within a ContextMenu.Root`);return e}function u(e,t,n=!1){let r=n?10:0;return{getBoundingClientRect(){return DOMRect.fromRect({width:r,height:r,x:e,y:t})}}}function d(e){let{open:r,onOpenChange:s,defaultOpen:l=!1,virtualized:d=!1,items:f,onHighlightChange:p,disabled:m=!1,modal:h=!0,closeOnOutsidePress:g=`pointerdown`,rangeSelection:_=!0,dragSelection:v=!1,getAriaSelectionText:y,onOpenChangeComplete:b,actionsRef:x,getResolvedId:S,idScope:C=`surface`,debug:w,children:T}=e,{store:E,focusOwnerStore:D,openChainStore:O,registerSurface:k,closeAll:A,virtualization:j,handleOpenChange:M,disabled:N,setDisabled:P,menuTreeResolver:F}=t.St({onOpenChange:s,defaultOpen:l,virtualized:d,items:f,onHighlightChange:p,closeOnOutsidePress:g,disabled:m,getResolvedId:S,idScope:C}),I=i.useRef(null);i.useImperativeHandle(x,()=>({close:()=>{I.current?.close()},unmount:()=>{I.current?.unmount()},setDisabled:P}),[P]),E.useControlledProp(`openProp`,r);let L=E.useState(`open`),[R,z]=i.useState(()=>u(0,0)),B=i.useCallback((e,t,n=!1)=>{z(u(e,t,n))},[]),V=i.useCallback(e=>{N||E.setOpen(!0,n.P,e)},[E,N]),H=i.useCallback(e=>{!e&&E.context.clearSearchOnClose===`after-exit`&&(E.clearSearch(),E.setInputActive(!1)),e||(E.clearHighlight(),E.context.onCloseComplete?.(),E.context.onPopupCloseComplete?.()),b?.(e)},[E,b]),U=i.useCallback((e,t)=>{M(e,t.reason,t.event)},[M]),W=i.useMemo(()=>({setAnchorPosition:B,openMenu:V,disabled:N,open:L}),[B,V,N,L]);return/* @__PURE__ */ (0,o.jsx)(c.Provider,{value:W,children:/* @__PURE__ */ (0,o.jsx)(t.Z,{menuTreeResolver:F,store:E,focusOwnerStore:D,openChainStore:O,disabled:N,depth:0,closeAll:A,explicitTabBehavior:!0,registerSurface:k,virtualization:j,virtualAnchor:R,menuType:`context`,closeOnOutsidePress:g,rangeSelection:_,dragSelection:v,getAriaSelectionText:y,componentName:`context-menu`,debug:w,children:/* @__PURE__ */ (0,o.jsx)(a.Popover.Root,{open:L,onOpenChange:U,onOpenChangeComplete:H,modal:h,actionsRef:x?I:void 0,children:T})})})}let f=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-trigger`,e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e.disabled=`data-disabled`,e}({});const p={open:e=>e?{"data-popup-open":``}:null,pressed:e=>e?{"data-pressed":``}:null,disabled:e=>e?{"data-disabled":``}:null},m=i.forwardRef(function(e,t){let{disabled:n=!1,render:a,className:o,style:c,onContextMenu:u,onTouchStart:d,onTouchMove:f,onTouchEnd:m,onTouchCancel:h,children:g,..._}=e,{setAnchorPosition:v,openMenu:y,disabled:b,open:x}=l(),S=n||b,[C,w]=i.useState(!1),T=i.useRef(null),E=i.useRef(null),D=i.useCallback(()=>{T.current&&=(clearTimeout(T.current),null),w(!1)},[]);i.useEffect(()=>()=>{D()},[D]);let O=i.useCallback(e=>{u?.(e),!e.defaultPrevented&&(S||(e.preventDefault(),v(e.clientX,e.clientY,!1),y(e.nativeEvent)))},[u,S,v,y]),k=i.useCallback(e=>{if(d?.(e),e.defaultPrevented||S)return;let t=e.touches[0];if(!t)return;E.current={x:t.clientX,y:t.clientY};let n=e.nativeEvent;w(!0),T.current=setTimeout(()=>{E.current&&=(v(E.current.x,E.current.y,!0),y(n),w(!1),null)},500)},[d,S,v,y]),A=i.useCallback(e=>{if(f?.(e),!E.current)return;let t=e.touches[0];if(!t)return;let n=t.clientX-E.current.x,r=t.clientY-E.current.y;Math.sqrt(n*n+r*r)>10&&(D(),E.current=null)},[f,D]),j=i.useCallback(e=>{m?.(e),D(),E.current=null},[m,D]),M=i.useCallback(e=>{h?.(e),D(),E.current=null},[h,D]),N=i.useMemo(()=>({open:x,pressed:C,disabled:S}),[x,C,S]);return(0,s.useRender)({render:a,ref:t,state:N,stateAttributesMapping:p,props:{..._,"bazzaui-context-menu-trigger":``,onContextMenu:O,onTouchStart:k,onTouchMove:A,onTouchEnd:j,onTouchCancel:M,className:r.n(o,N),style:{WebkitTouchCallout:`none`,WebkitUserSelect:`none`,userSelect:`none`,...r.r(c,N)},children:g},defaultTagName:`div`})});var h=/* @__PURE__ */ e.t({Arrow:()=>t.bt,Backdrop:()=>t.yt,CheckboxGroup:()=>t.E,CheckboxGroupValue:()=>t.st,CheckboxItem:()=>t.T,CheckboxItemIndicator:()=>t.w,Empty:()=>t.U,FocusZone:()=>t._,Footer:()=>t.g,Group:()=>t.h,GroupLabel:()=>t.V,GroupValue:()=>t.m,Header:()=>t.p,Icon:()=>t.W,Input:()=>t.H,Item:()=>t.C,LinkItem:()=>t.S,List:()=>t.M,Popup:()=>t.tt,Portal:()=>t.et,Positioner:()=>t.Q,RadioGroup:()=>t.x,RadioGroupValue:()=>t.b,RadioItem:()=>t.y,RadioItemIndicator:()=>t.v,Root:()=>d,ScrollDownArrow:()=>t.k,ScrollUpArrow:()=>t.A,Separator:()=>t.f,Shortcut:()=>t.d,Submenu:()=>t.s,SubmenuTrigger:()=>t.a,SubmenuTriggerIndicator:()=>t.o,Subpage:()=>t.i,SubpageBack:()=>t.r,SubpageBackItem:()=>t.n,SubpageTrigger:()=>t.t,Surface:()=>t.D,Tree:()=>t.u,TreeConnector:()=>t.l,TreeItem:()=>t.c,Trigger:()=>m,useAsyncMenuCoordinator:()=>t.at,useDataList:()=>t.dt,useMaybeAsyncMenuCoordinator:()=>t.ot,useMaybeDataList:()=>t.pt});let g=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),_=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),v=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-group`,e.disabled=`data-disabled`,e}({}),y=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.pending=`data-pending`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),b=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({}),x=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-empty`,e}({}),S=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group`,e}({}),C=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group-label`,e}({});const w={slot:`bazzaui-context-menu-icon`,open:`data-popup-open`};let T=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-input`,e.open=`data-open`,e.closed=`data-closed`,e}({}),E=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),D=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-link-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e.first=`data-first`,e.last=`data-last`,e.firstInGroup=`data-first-in-group`,e.lastInGroup=`data-last-in-group`,e}({}),O=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-list`,e.list=`data-popup-menu-list`,e}({}),k=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({}),A=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-positioner`,e.open=`data-open`,e.closed=`data-closed`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),j=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-group`,e.disabled=`data-disabled`,e}({}),M=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),N=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({});const P={slotUp:`bazzaui-context-menu-scroll-up-arrow`,slotDown:`bazzaui-context-menu-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let F=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-separator`,e}({}),I=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-shortcut`,e.highlighted=`data-highlighted`,e}({}),L=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger`,e.submenuTrigger=`data-submenu-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),R=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger-indicator`,e.popupOpen=`data-popup-open`,e}({}),z=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back`,e.canGoBack=`data-can-go-back`,e.disabled=`data-disabled`,e}({}),B=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back-item`,e.subpageBackItem=`data-subpage-back-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),V=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-trigger`,e.subpageTrigger=`data-subpage-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),H=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-surface`,e}({});Object.defineProperty(exports,"ContextMenu",{enumerable:!0,get:function(){return h}}),exports.ContextMenuArrowDataAttributes=g,exports.ContextMenuBackdropDataAttributes=_,exports.ContextMenuCheckboxGroupDataAttributes=v,exports.ContextMenuCheckboxGroupValue=t.st,exports.ContextMenuCheckboxItemDataAttributes=y,exports.ContextMenuCheckboxItemIndicatorDataAttributes=b,exports.ContextMenuEmptyDataAttributes=x,exports.ContextMenuGroupDataAttributes=S,exports.ContextMenuGroupLabelDataAttributes=C,exports.ContextMenuIconDataAttributes=w,exports.ContextMenuInputDataAttributes=T,exports.ContextMenuItemDataAttributes=E,exports.ContextMenuLinkItemDataAttributes=D,exports.ContextMenuListCssVars=t.N,exports.ContextMenuListDataAttributes=O,exports.ContextMenuPopupDataAttributes=k,exports.ContextMenuPositionerCssVars=t.$,exports.ContextMenuPositionerDataAttributes=A,exports.ContextMenuRadioGroupDataAttributes=j,exports.ContextMenuRadioGroupValue=t.b,exports.ContextMenuRadioItemDataAttributes=M,exports.ContextMenuRadioItemIndicatorDataAttributes=N,exports.ContextMenuScrollArrowDataAttributes=P,exports.ContextMenuSeparatorDataAttributes=F,exports.ContextMenuShortcutDataAttributes=I,exports.ContextMenuStore=n.t,exports.ContextMenuSubmenuTriggerDataAttributes=L,exports.ContextMenuSubmenuTriggerIndicatorDataAttributes=R,exports.ContextMenuSubpageBackDataAttributes=z,exports.ContextMenuSubpageBackItemDataAttributes=B,exports.ContextMenuSubpageTriggerDataAttributes=V,exports.ContextMenuSurfaceDataAttributes=H,exports.ContextMenuTriggerDataAttributes=f,exports.DataListContext=t.ct,exports.DataSurfaceContext=t.ut,exports.commandScore=n.n,exports.defaultFilter=n.r,exports.defaultGetResolvedId=t.Ct,exports.defineCheckboxGroup=t.P,exports.defineRadioGroup=t.F,exports.isDisplayCheckboxGroupNode=t.I,exports.isDisplayGroupNode=t.L,exports.isDisplayRadioGroupNode=t.R,exports.isDisplayRowNode=t.z,exports.isPopupMenuNode=t.wt,exports.isTreeItemDef=t.it,exports.useAsyncMenuCoordinator=t.at,exports.useDataList=t.dt,exports.useDataSurfaceContext=t.ft,exports.useItem=t.J,exports.useItemContext=n.y,exports.useMaybeAsyncMenuCoordinator=t.ot,exports.useMaybeDataList=t.pt,exports.useMaybeDataSurfaceContext=t.mt,exports.useMaybeItemContext=n.b,exports.useMaybeRootContext=t.Ft,exports.useMaybeSubmenuContext=t.jt,exports.useMaybeSubpageContext=t.kt,exports.useMaybeSubpageStack=t.Dt,exports.useMaybeSurfaceContext=n.u,exports.useRootContext=t.It,exports.useSubmenuContext=t.Mt,exports.useSubpageContext=t.At,exports.useSubpageStack=t.Ot,exports.useSurfaceContext=n.d;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-MbWB6z4-.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../resolve-state-props-C-zbhdXd.cjs");let i=require("react");i=e.n(i,1);let a=require("@base-ui/react/popover"),o=require("react/jsx-runtime"),s=require("@base-ui/react/use-render");const c=i.createContext(null);function l(){let e=i.useContext(c);if(!e)throw Error(`ContextMenu components must be used within a ContextMenu.Root`);return e}function u(e,t,n=!1){let r=n?10:0;return{getBoundingClientRect(){return DOMRect.fromRect({width:r,height:r,x:e,y:t})}}}function d(e){let{open:r,onOpenChange:s,defaultOpen:l=!1,virtualized:d=!1,items:f,onHighlightChange:p,disabled:m=!1,modal:h=!0,closeOnOutsidePress:g=`pointerdown`,rangeSelection:_=!0,dragSelection:v=!1,getAriaSelectionText:y,onOpenChangeComplete:b,actionsRef:x,getResolvedId:S,idScope:C=`surface`,debug:w,children:T}=e,{store:E,focusOwnerStore:D,openChainStore:O,registerSurface:k,closeAll:A,virtualization:j,handleOpenChange:M,disabled:N,setDisabled:P,menuTreeResolver:F}=t.St({onOpenChange:s,defaultOpen:l,virtualized:d,items:f,onHighlightChange:p,closeOnOutsidePress:g,disabled:m,getResolvedId:S,idScope:C}),I=i.useRef(null);i.useImperativeHandle(x,()=>({close:()=>{I.current?.close()},unmount:()=>{I.current?.unmount()},setDisabled:P}),[P]),E.useControlledProp(`openProp`,r);let L=E.useState(`open`),[R,z]=i.useState(()=>u(0,0)),B=i.useCallback((e,t,n=!1)=>{z(u(e,t,n))},[]),V=i.useCallback(e=>{N||E.setOpen(!0,n.P,e)},[E,N]),H=i.useCallback(e=>{!e&&E.context.clearSearchOnClose===`after-exit`&&(E.clearSearch(),E.setInputActive(!1)),e||(E.clearHighlight(),E.context.onCloseComplete?.(),E.context.onPopupCloseComplete?.()),b?.(e)},[E,b]),U=i.useCallback((e,t)=>{M(e,t.reason,t.event)},[M]),W=i.useMemo(()=>({setAnchorPosition:B,openMenu:V,disabled:N,open:L}),[B,V,N,L]);return/* @__PURE__ */ (0,o.jsx)(c.Provider,{value:W,children:/* @__PURE__ */ (0,o.jsx)(t.Z,{menuTreeResolver:F,store:E,focusOwnerStore:D,openChainStore:O,disabled:N,depth:0,closeAll:A,explicitTabBehavior:!0,registerSurface:k,virtualization:j,virtualAnchor:R,menuType:`context`,closeOnOutsidePress:g,rangeSelection:_,dragSelection:v,getAriaSelectionText:y,componentName:`context-menu`,debug:w,children:/* @__PURE__ */ (0,o.jsx)(a.Popover.Root,{open:L,onOpenChange:U,onOpenChangeComplete:H,modal:h,actionsRef:x?I:void 0,children:T})})})}let f=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-trigger`,e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e.disabled=`data-disabled`,e}({});const p={open:e=>e?{"data-popup-open":``}:null,pressed:e=>e?{"data-pressed":``}:null,disabled:e=>e?{"data-disabled":``}:null},m=i.forwardRef(function(e,t){let{disabled:n=!1,render:a,className:o,style:c,onContextMenu:u,onTouchStart:d,onTouchMove:f,onTouchEnd:m,onTouchCancel:h,children:g,..._}=e,{setAnchorPosition:v,openMenu:y,disabled:b,open:x}=l(),S=n||b,[C,w]=i.useState(!1),T=i.useRef(null),E=i.useRef(null),D=i.useCallback(()=>{T.current&&=(clearTimeout(T.current),null),w(!1)},[]);i.useEffect(()=>()=>{D()},[D]);let O=i.useCallback(e=>{u?.(e),!e.defaultPrevented&&(S||(e.preventDefault(),v(e.clientX,e.clientY,!1),y(e.nativeEvent)))},[u,S,v,y]),k=i.useCallback(e=>{if(d?.(e),e.defaultPrevented||S)return;let t=e.touches[0];if(!t)return;E.current={x:t.clientX,y:t.clientY};let n=e.nativeEvent;w(!0),T.current=setTimeout(()=>{E.current&&=(v(E.current.x,E.current.y,!0),y(n),w(!1),null)},500)},[d,S,v,y]),A=i.useCallback(e=>{if(f?.(e),!E.current)return;let t=e.touches[0];if(!t)return;let n=t.clientX-E.current.x,r=t.clientY-E.current.y;Math.sqrt(n*n+r*r)>10&&(D(),E.current=null)},[f,D]),j=i.useCallback(e=>{m?.(e),D(),E.current=null},[m,D]),M=i.useCallback(e=>{h?.(e),D(),E.current=null},[h,D]),N=i.useMemo(()=>({open:x,pressed:C,disabled:S}),[x,C,S]);return(0,s.useRender)({render:a,ref:t,state:N,stateAttributesMapping:p,props:{..._,"bazzaui-context-menu-trigger":``,onContextMenu:O,onTouchStart:k,onTouchMove:A,onTouchEnd:j,onTouchCancel:M,className:r.n(o,N),style:{WebkitTouchCallout:`none`,WebkitUserSelect:`none`,userSelect:`none`,...r.r(c,N)},children:g},defaultTagName:`div`})});var h=/* @__PURE__ */ e.t({Arrow:()=>t.bt,Backdrop:()=>t.yt,CheckboxGroup:()=>t.E,CheckboxGroupValue:()=>t.st,CheckboxItem:()=>t.T,CheckboxItemIndicator:()=>t.w,Empty:()=>t.U,FocusZone:()=>t._,Footer:()=>t.g,Group:()=>t.h,GroupLabel:()=>t.V,GroupValue:()=>t.m,Header:()=>t.p,Icon:()=>t.W,Input:()=>t.H,Item:()=>t.C,LinkItem:()=>t.S,List:()=>t.M,Popup:()=>t.tt,Portal:()=>t.et,Positioner:()=>t.Q,RadioGroup:()=>t.x,RadioGroupValue:()=>t.b,RadioItem:()=>t.y,RadioItemIndicator:()=>t.v,Root:()=>d,ScrollDownArrow:()=>t.k,ScrollUpArrow:()=>t.A,Separator:()=>t.f,Shortcut:()=>t.d,Submenu:()=>t.s,SubmenuTrigger:()=>t.a,SubmenuTriggerIndicator:()=>t.o,Subpage:()=>t.i,SubpageBack:()=>t.r,SubpageBackItem:()=>t.n,SubpageTrigger:()=>t.t,Surface:()=>t.D,Tree:()=>t.u,TreeConnector:()=>t.l,TreeItem:()=>t.c,Trigger:()=>m,useAsyncMenuCoordinator:()=>t.at,useDataList:()=>t.dt,useMaybeAsyncMenuCoordinator:()=>t.ot,useMaybeDataList:()=>t.pt});let g=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),_=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),v=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-group`,e.disabled=`data-disabled`,e}({}),y=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.pending=`data-pending`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),b=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({}),x=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-empty`,e}({}),S=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group`,e}({}),C=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group-label`,e}({});const w={slot:`bazzaui-context-menu-icon`,open:`data-popup-open`};let T=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-input`,e.open=`data-open`,e.closed=`data-closed`,e}({}),E=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),D=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-link-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e.first=`data-first`,e.last=`data-last`,e.firstInGroup=`data-first-in-group`,e.lastInGroup=`data-last-in-group`,e}({}),O=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-list`,e.list=`data-popup-menu-list`,e}({}),k=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({}),A=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-positioner`,e.open=`data-open`,e.closed=`data-closed`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),j=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-group`,e.disabled=`data-disabled`,e}({}),M=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),N=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({});const P={slotUp:`bazzaui-context-menu-scroll-up-arrow`,slotDown:`bazzaui-context-menu-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let F=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-separator`,e}({}),I=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-shortcut`,e.highlighted=`data-highlighted`,e}({}),L=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger`,e.submenuTrigger=`data-submenu-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),R=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger-indicator`,e.popupOpen=`data-popup-open`,e}({}),z=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back`,e.canGoBack=`data-can-go-back`,e.disabled=`data-disabled`,e}({}),B=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back-item`,e.subpageBackItem=`data-subpage-back-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),V=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-trigger`,e.subpageTrigger=`data-subpage-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),H=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-surface`,e}({});Object.defineProperty(exports,"ContextMenu",{enumerable:!0,get:function(){return h}}),exports.ContextMenuArrowDataAttributes=g,exports.ContextMenuBackdropDataAttributes=_,exports.ContextMenuCheckboxGroupDataAttributes=v,exports.ContextMenuCheckboxGroupValue=t.st,exports.ContextMenuCheckboxItemDataAttributes=y,exports.ContextMenuCheckboxItemIndicatorDataAttributes=b,exports.ContextMenuEmptyDataAttributes=x,exports.ContextMenuGroupDataAttributes=S,exports.ContextMenuGroupLabelDataAttributes=C,exports.ContextMenuIconDataAttributes=w,exports.ContextMenuInputDataAttributes=T,exports.ContextMenuItemDataAttributes=E,exports.ContextMenuLinkItemDataAttributes=D,exports.ContextMenuListCssVars=t.N,exports.ContextMenuListDataAttributes=O,exports.ContextMenuPopupDataAttributes=k,exports.ContextMenuPositionerCssVars=t.$,exports.ContextMenuPositionerDataAttributes=A,exports.ContextMenuRadioGroupDataAttributes=j,exports.ContextMenuRadioGroupValue=t.b,exports.ContextMenuRadioItemDataAttributes=M,exports.ContextMenuRadioItemIndicatorDataAttributes=N,exports.ContextMenuScrollArrowDataAttributes=P,exports.ContextMenuSeparatorDataAttributes=F,exports.ContextMenuShortcutDataAttributes=I,exports.ContextMenuStore=n.t,exports.ContextMenuSubmenuTriggerDataAttributes=L,exports.ContextMenuSubmenuTriggerIndicatorDataAttributes=R,exports.ContextMenuSubpageBackDataAttributes=z,exports.ContextMenuSubpageBackItemDataAttributes=B,exports.ContextMenuSubpageTriggerDataAttributes=V,exports.ContextMenuSurfaceDataAttributes=H,exports.ContextMenuTriggerDataAttributes=f,exports.DataListContext=t.ct,exports.DataSurfaceContext=t.ut,exports.commandScore=n.n,exports.defaultFilter=n.r,exports.defaultGetResolvedId=t.Ct,exports.defineCheckboxGroup=t.P,exports.defineRadioGroup=t.F,exports.isDisplayCheckboxGroupNode=t.I,exports.isDisplayGroupNode=t.L,exports.isDisplayRadioGroupNode=t.R,exports.isDisplayRowNode=t.z,exports.isPopupMenuNode=t.wt,exports.isTreeItemDef=t.it,exports.useAsyncMenuCoordinator=t.at,exports.useDataList=t.dt,exports.useDataSurfaceContext=t.ft,exports.useItem=t.J,exports.useItemContext=n.y,exports.useMaybeAsyncMenuCoordinator=t.ot,exports.useMaybeDataList=t.pt,exports.useMaybeDataSurfaceContext=t.mt,exports.useMaybeItemContext=n.b,exports.useMaybeRootContext=t.Ft,exports.useMaybeSubmenuContext=t.jt,exports.useMaybeSubpageContext=t.kt,exports.useMaybeSubpageStack=t.Dt,exports.useMaybeSurfaceContext=n.u,exports.useRootContext=t.It,exports.useSubmenuContext=t.Mt,exports.useSubpageContext=t.At,exports.useSubpageStack=t.Ot,exports.useSurfaceContext=n.d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { B as VirtualItem, F as ListboxContext, H as ItemContextValue, I as ListboxState, L as ListboxStore, M as FilterFn, P as ItemRegistration, U as useItemContext, W as useMaybeItemContext, b as useMaybeSurfaceContext, i as defaultFilter, r as commandScore, x as useSurfaceContext, y as SurfaceContextValue } from "../index-
|
|
2
|
-
import { $ as LinkItemRenderParams, $t as PopupMenuItemState, A as CheckboxItemRenderProps, At as defineRadioGroup, Bt as PopupMenuSubmenuTriggerProps, C as CheckboxGroupBehavior, Cn as submenuTrigger, Ct as SubpageDef, D as CheckboxGroupRenderProps, Dt as TreeItemRenderParams, E as CheckboxGroupRenderParams, Et as TreeItemDef, F as DisplayCheckboxGroupNode, G as GroupRenderContext, Gt as PopupMenuRadioGroup, H as GroupBehavior, Ht as PopupMenuRadioItem, I as DisplayGroupNode, It as PopupMenuSubpageTrigger, J as InitialQueryBehavior, Jt as PopupMenuLinkItem, K as GroupRenderParams, Kt as PopupMenuRadioGroupProps, L as DisplayNode, Lt as PopupMenuSubpageTriggerProps, Mt as isDisplayGroupNode, N as DeepSearchConfig, Nt as isDisplayRadioGroupNode, O as CheckboxItemDef, Ot as TreeItemRenderProps, P as DisabledBranchBehavior, Pt as isDisplayRowNode, Q as LinkItemDef, Qt as PopupMenuItemProps, R as DisplayRadioGroupNode, Rt as PopupMenuSubpageTriggerState, Sn as siblingOpen, St as SubpageContentRenderParams, T as CheckboxGroupLabelRenderParams, Tt as SubpageTriggerRenderProps, U as GroupDef, Ut as PopupMenuRadioItemProps, V as DisplaySubpageNode, Vt as PopupMenuSubmenuTriggerState, W as GroupLabelRenderParams, Wt as PopupMenuRadioItemState, X as ItemRenderParams, Xt as PopupMenuLinkItemState, Y as ItemDef, Yt as PopupMenuLinkItemProps, Z as ItemRenderProps, Zt as PopupMenuItem, an as PopupMenuCheckboxGroupState, b as AsyncResultBehavior, bn as pointer, bt as SubmenuRenderParams, c as PopupMenuIdScope, cn as closePress, ct as RadioGroupRenderParams, d as AsyncContentMode, dn as imperativeAction, en as PopupMenuCheckboxItem, et as LinkItemRenderProps, gn as listNavigation, hn as keyboard, ht as SeparatorDef, in as PopupMenuCheckboxGroupProps, j as DataListChildrenState, jt as isDisplayCheckboxGroupNode, k as CheckboxItemRenderParams, kt as defineCheckboxGroup, l as PopupMenuNode, ln as escapeKey, lt as RadioGroupRenderProps, mn as itemPress, mt as ScoredNode, nn as PopupMenuCheckboxItemState, nt as NodeDef, on as ChangeEventDetails, ot as RadioGroupDef, pt as RowRenderContext, q as IncludeInDeepSearch, qt as PopupMenuRadioGroupState, r as PopupMenuHighlightChangeHandler, rn as PopupMenuCheckboxGroup, s as GetResolvedIdFn, sn as GenericEventDetails, st as RadioGroupLabelRenderParams, tn as PopupMenuCheckboxItemProps, u as UnresolvedMenuNode, un as focusOut, vn as none, w as CheckboxGroupDef, wn as triggerContextMenu, wt as SubpageTriggerRenderParams, xn as reason_parts_d_exports, xt as SubmenuRenderProps, yn as outsidePress, yt as SubmenuDef, z as DisplayRowNode, zt as PopupMenuSubmenuTrigger } from "../events-
|
|
1
|
+
import { B as VirtualItem, F as ListboxContext, H as ItemContextValue, I as ListboxState, L as ListboxStore, M as FilterFn, P as ItemRegistration, U as useItemContext, W as useMaybeItemContext, b as useMaybeSurfaceContext, i as defaultFilter, r as commandScore, x as useSurfaceContext, y as SurfaceContextValue } from "../index-CSt0sBX7.js";
|
|
2
|
+
import { $ as LinkItemRenderParams, $t as PopupMenuItemState, A as CheckboxItemRenderProps, At as defineRadioGroup, Bt as PopupMenuSubmenuTriggerProps, C as CheckboxGroupBehavior, Cn as submenuTrigger, Ct as SubpageDef, D as CheckboxGroupRenderProps, Dt as TreeItemRenderParams, E as CheckboxGroupRenderParams, Et as TreeItemDef, F as DisplayCheckboxGroupNode, G as GroupRenderContext, Gt as PopupMenuRadioGroup, H as GroupBehavior, Ht as PopupMenuRadioItem, I as DisplayGroupNode, It as PopupMenuSubpageTrigger, J as InitialQueryBehavior, Jt as PopupMenuLinkItem, K as GroupRenderParams, Kt as PopupMenuRadioGroupProps, L as DisplayNode, Lt as PopupMenuSubpageTriggerProps, Mt as isDisplayGroupNode, N as DeepSearchConfig, Nt as isDisplayRadioGroupNode, O as CheckboxItemDef, Ot as TreeItemRenderProps, P as DisabledBranchBehavior, Pt as isDisplayRowNode, Q as LinkItemDef, Qt as PopupMenuItemProps, R as DisplayRadioGroupNode, Rt as PopupMenuSubpageTriggerState, Sn as siblingOpen, St as SubpageContentRenderParams, T as CheckboxGroupLabelRenderParams, Tt as SubpageTriggerRenderProps, U as GroupDef, Ut as PopupMenuRadioItemProps, V as DisplaySubpageNode, Vt as PopupMenuSubmenuTriggerState, W as GroupLabelRenderParams, Wt as PopupMenuRadioItemState, X as ItemRenderParams, Xt as PopupMenuLinkItemState, Y as ItemDef, Yt as PopupMenuLinkItemProps, Z as ItemRenderProps, Zt as PopupMenuItem, an as PopupMenuCheckboxGroupState, b as AsyncResultBehavior, bn as pointer, bt as SubmenuRenderParams, c as PopupMenuIdScope, cn as closePress, ct as RadioGroupRenderParams, d as AsyncContentMode, dn as imperativeAction, en as PopupMenuCheckboxItem, et as LinkItemRenderProps, gn as listNavigation, hn as keyboard, ht as SeparatorDef, in as PopupMenuCheckboxGroupProps, j as DataListChildrenState, jt as isDisplayCheckboxGroupNode, k as CheckboxItemRenderParams, kt as defineCheckboxGroup, l as PopupMenuNode, ln as escapeKey, lt as RadioGroupRenderProps, mn as itemPress, mt as ScoredNode, nn as PopupMenuCheckboxItemState, nt as NodeDef, on as ChangeEventDetails, ot as RadioGroupDef, pt as RowRenderContext, q as IncludeInDeepSearch, qt as PopupMenuRadioGroupState, r as PopupMenuHighlightChangeHandler, rn as PopupMenuCheckboxGroup, s as GetResolvedIdFn, sn as GenericEventDetails, st as RadioGroupLabelRenderParams, tn as PopupMenuCheckboxItemProps, u as UnresolvedMenuNode, un as focusOut, vn as none, w as CheckboxGroupDef, wn as triggerContextMenu, wt as SubpageTriggerRenderParams, xn as reason_parts_d_exports, xt as SubmenuRenderProps, yn as outsidePress, yt as SubmenuDef, z as DisplayRowNode, zt as PopupMenuSubmenuTrigger } from "../events-B-l6YIGj.js";
|
|
3
3
|
import { t as ComponentProps } from "../types-BbN28E3_.js";
|
|
4
|
-
import { $ as PopupMenuFocusZoneProps, $t as PopupMenuPopupProps, A as PopupMenuTreeItem, At as PopupMenuInputState, B as PopupMenuHeaderProps, C as PopupMenuSubpage, Ct as PopupMenuList, D as PopupMenuSubmenuTriggerIndicatorState, Dn as useMaybePopupMenuContext, Dt as PopupMenuListCssVars, E as PopupMenuSubmenuTriggerIndicatorProps, Et as PopupMenuListState, F as PopupMenuShortcutState, Ft as PopupMenuIconProps, G as PopupMenuGroupValue, H as PopupMenuGroupLabel, I as PopupMenuSeparator, It as PopupMenuIconState, J as PopupMenuGroupState, Jt as PopupMenuPositionerProps, K as PopupMenuGroup, Kt as PopupMenuPositioner, L as PopupMenuSeparatorProps, Lt as UsePopupMenuItemParams, M as PopupMenuTree, Mt as PopupMenuEmptyProps, N as PopupMenuShortcut, Nt as PopupMenuEmptyState, O as PopupMenuSubmenuRoot, On as usePopupMenuContext, Ot as PopupMenuInput, P as PopupMenuShortcutProps, Pt as PopupMenuIcon, Q as PopupMenuFocusZone, Qt as PopupMenuPopup, R as PopupMenuSeparatorState, Rt as UsePopupMenuItemReturn, S as PopupMenuSubpageBackState, Sn as PopupMenuDebugOptions, T as PopupMenuSubmenuTriggerIndicator, Tt as PopupMenuListProps, U as PopupMenuGroupLabelProps, V as PopupMenuHeaderState, W as PopupMenuGroupLabelState, X as PopupMenuFooterProps, Xt as PopupMenuPortal, Y as PopupMenuFooter, Yt as PopupMenuPositionerCssVars, Z as PopupMenuFooterState, Zt as PopupMenuPortalProps, _ as PopupMenuSubpageBackItem, _n as useSubpageContext, _t as PopupMenuScrollDownArrowProps, a as DataListContext, an as PopupMenuArrowProps, at as PopupMenuRadioGroupValueProps, b as PopupMenuSubpageBack, bn as useSubmenuContext, c as DataSurfaceContextValue, ct as PopupMenuCheckboxItemIndicatorState, d as useDataSurfaceContext, dt as PopupMenuSurface, et as PopupMenuFocusZoneState, f as useMaybeDataList, fn as SubpageStackContextValue, ft as PopupMenuSurfaceProps, g as useMaybeAsyncMenuCoordinator, gn as useMaybeSubpageContext, gt as PopupMenuScrollDownArrow, h as useAsyncMenuCoordinator, hn as SubpageContextValue, ht as PopupMenuScrollArrowState, i as isTreeItemDef, in as PopupMenuArrow, it as PopupMenuRadioGroupValue, j as PopupMenuTreeConnector, jt as PopupMenuEmpty, k as PopupMenuSubmenuRootProps, kt as PopupMenuInputProps, l as RenderNodeFn, lt as PopupMenuCheckboxGroupValue, m as AsyncMenuCoordinatorValue, mn as useSubpageStack, mt as PopupMenuScrollArrowProps, n as isPopupMenuNode, nn as PopupMenuBackdrop, nt as PopupMenuRadioItemIndicatorProps, ot as PopupMenuCheckboxItemIndicator, p as useMaybeDataSurfaceContext, pn as useMaybeSubpageStack, pt as PopupMenuSurfaceState, q as PopupMenuGroupProps, qt as PopupMenuPositionerAlign, rn as PopupMenuBackdropProps, rt as PopupMenuRadioItemIndicatorState, s as DataSurfaceContext, sn as PopupMenuRootActions, st as PopupMenuCheckboxItemIndicatorProps, t as defaultGetResolvedId, tt as PopupMenuRadioItemIndicator, u as useDataList, ut as PopupMenuCheckboxGroupValueProps, v as PopupMenuSubpageBackItemProps, vn as SubmenuContextValue, vt as PopupMenuScrollUpArrow, w as PopupMenuSubpageProps, wn as PopupMenuContextValue, wt as PopupMenuListChildrenState, x as PopupMenuSubpageBackProps, y as PopupMenuSubpageBackItemState, yn as useMaybeSubmenuContext, yt as PopupMenuScrollUpArrowProps, z as PopupMenuHeader, zt as usePopupMenuItem } from "../index-
|
|
4
|
+
import { $ as PopupMenuFocusZoneProps, $t as PopupMenuPopupProps, A as PopupMenuTreeItem, At as PopupMenuInputState, B as PopupMenuHeaderProps, C as PopupMenuSubpage, Ct as PopupMenuList, D as PopupMenuSubmenuTriggerIndicatorState, Dn as useMaybePopupMenuContext, Dt as PopupMenuListCssVars, E as PopupMenuSubmenuTriggerIndicatorProps, Et as PopupMenuListState, F as PopupMenuShortcutState, Ft as PopupMenuIconProps, G as PopupMenuGroupValue, H as PopupMenuGroupLabel, I as PopupMenuSeparator, It as PopupMenuIconState, J as PopupMenuGroupState, Jt as PopupMenuPositionerProps, K as PopupMenuGroup, Kt as PopupMenuPositioner, L as PopupMenuSeparatorProps, Lt as UsePopupMenuItemParams, M as PopupMenuTree, Mt as PopupMenuEmptyProps, N as PopupMenuShortcut, Nt as PopupMenuEmptyState, O as PopupMenuSubmenuRoot, On as usePopupMenuContext, Ot as PopupMenuInput, P as PopupMenuShortcutProps, Pt as PopupMenuIcon, Q as PopupMenuFocusZone, Qt as PopupMenuPopup, R as PopupMenuSeparatorState, Rt as UsePopupMenuItemReturn, S as PopupMenuSubpageBackState, Sn as PopupMenuDebugOptions, T as PopupMenuSubmenuTriggerIndicator, Tt as PopupMenuListProps, U as PopupMenuGroupLabelProps, V as PopupMenuHeaderState, W as PopupMenuGroupLabelState, X as PopupMenuFooterProps, Xt as PopupMenuPortal, Y as PopupMenuFooter, Yt as PopupMenuPositionerCssVars, Z as PopupMenuFooterState, Zt as PopupMenuPortalProps, _ as PopupMenuSubpageBackItem, _n as useSubpageContext, _t as PopupMenuScrollDownArrowProps, a as DataListContext, an as PopupMenuArrowProps, at as PopupMenuRadioGroupValueProps, b as PopupMenuSubpageBack, bn as useSubmenuContext, c as DataSurfaceContextValue, ct as PopupMenuCheckboxItemIndicatorState, d as useDataSurfaceContext, dt as PopupMenuSurface, et as PopupMenuFocusZoneState, f as useMaybeDataList, fn as SubpageStackContextValue, ft as PopupMenuSurfaceProps, g as useMaybeAsyncMenuCoordinator, gn as useMaybeSubpageContext, gt as PopupMenuScrollDownArrow, h as useAsyncMenuCoordinator, hn as SubpageContextValue, ht as PopupMenuScrollArrowState, i as isTreeItemDef, in as PopupMenuArrow, it as PopupMenuRadioGroupValue, j as PopupMenuTreeConnector, jt as PopupMenuEmpty, k as PopupMenuSubmenuRootProps, kt as PopupMenuInputProps, l as RenderNodeFn, lt as PopupMenuCheckboxGroupValue, m as AsyncMenuCoordinatorValue, mn as useSubpageStack, mt as PopupMenuScrollArrowProps, n as isPopupMenuNode, nn as PopupMenuBackdrop, nt as PopupMenuRadioItemIndicatorProps, ot as PopupMenuCheckboxItemIndicator, p as useMaybeDataSurfaceContext, pn as useMaybeSubpageStack, pt as PopupMenuSurfaceState, q as PopupMenuGroupProps, qt as PopupMenuPositionerAlign, rn as PopupMenuBackdropProps, rt as PopupMenuRadioItemIndicatorState, s as DataSurfaceContext, sn as PopupMenuRootActions, st as PopupMenuCheckboxItemIndicatorProps, t as defaultGetResolvedId, tt as PopupMenuRadioItemIndicator, u as useDataList, ut as PopupMenuCheckboxGroupValueProps, v as PopupMenuSubpageBackItemProps, vn as SubmenuContextValue, vt as PopupMenuScrollUpArrow, w as PopupMenuSubpageProps, wn as PopupMenuContextValue, wt as PopupMenuListChildrenState, x as PopupMenuSubpageBackProps, y as PopupMenuSubpageBackItemState, yn as useMaybeSubmenuContext, yt as PopupMenuScrollUpArrowProps, z as PopupMenuHeader, zt as usePopupMenuItem } from "../index-4GT9ubGP.js";
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
//#region src/context-menu/events.d.ts
|
|
7
7
|
/**
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{$ as t,A as n,At as r,C as i,Ct as a,D as o,Dt as s,E as c,F as l,Ft as u,H as d,I as f,It as p,J as m,L as h,M as g,Mt as _,N as v,Ot as y,P as b,Q as x,R as S,S as C,St as w,T,U as E,V as D,W as O,Z as k,_ as A,a as j,at as M,b as N,bt as P,c as F,ct as I,d as L,dt as R,et as z,f as ee,ft as te,g as ne,h as re,i as ie,it as ae,jt as oe,k as se,kt as B,l as V,m as H,mt as U,n as W,o as G,ot as K,p as ce,pt as q,r as le,s as ue,st as J,t as de,tt as fe,u as pe,ut as me,v as he,w as ge,wt as _e,x as ve,y as ye,yt as be,z as xe}from"../popup-menu-HmBMJEZc.js";import{P as Se,b as Ce,d as we,n as Te,r as Ee,t as De,u as Oe,y as ke}from"../listbox-CnwUlLZA.js";import{n as Ae,r as je}from"../resolve-state-props-D31kizRZ.js";import*as Y from"react";import{Popover as Me}from"@base-ui/react/popover";import{jsx as X}from"react/jsx-runtime";import{useRender as Ne}from"@base-ui/react/use-render";const Z=Y.createContext(null);function Pe(){let e=Y.useContext(Z);if(!e)throw Error(`ContextMenu components must be used within a ContextMenu.Root`);return e}function Q(e,t,n=!1){let r=n?10:0;return{getBoundingClientRect(){return DOMRect.fromRect({width:r,height:r,x:e,y:t})}}}function Fe(e){let{open:t,onOpenChange:n,defaultOpen:r=!1,virtualized:i=!1,items:a,onHighlightChange:o,disabled:s=!1,modal:c=!0,closeOnOutsidePress:l=`pointerdown`,rangeSelection:u=!0,dragSelection:d=!1,getAriaSelectionText:f,onOpenChangeComplete:p,actionsRef:m,getResolvedId:h,idScope:g=`surface`,debug:_,children:v}=e,{store:y,focusOwnerStore:b,openChainStore:x,registerSurface:S,closeAll:C,virtualization:T,handleOpenChange:E,disabled:D,setDisabled:O,menuTreeResolver:A}=w({onOpenChange:n,defaultOpen:r,virtualized:i,items:a,onHighlightChange:o,closeOnOutsidePress:l,disabled:s,getResolvedId:h,idScope:g}),j=Y.useRef(null);Y.useImperativeHandle(m,()=>({close:()=>{j.current?.close()},unmount:()=>{j.current?.unmount()},setDisabled:O}),[O]),y.useControlledProp(`openProp`,t);let M=y.useState(`open`),[N,P]=Y.useState(()=>Q(0,0)),F=Y.useCallback((e,t,n=!1)=>{P(Q(e,t,n))},[]),I=Y.useCallback(e=>{D||y.setOpen(!0,Se,e)},[y,D]),L=Y.useCallback(e=>{!e&&y.context.clearSearchOnClose===`after-exit`&&(y.clearSearch(),y.setInputActive(!1)),e||(y.clearHighlight(),y.context.onCloseComplete?.(),y.context.onPopupCloseComplete?.()),p?.(e)},[y,p]),R=Y.useCallback((e,t)=>{E(e,t.reason,t.event)},[E]),z=Y.useMemo(()=>({setAnchorPosition:F,openMenu:I,disabled:D,open:M}),[F,I,D,M]);return/* @__PURE__ */ X(Z.Provider,{value:z,children:/* @__PURE__ */ X(k,{menuTreeResolver:A,store:y,focusOwnerStore:b,openChainStore:x,disabled:D,depth:0,closeAll:C,explicitTabBehavior:!0,registerSurface:S,virtualization:T,virtualAnchor:N,menuType:`context`,closeOnOutsidePress:l,rangeSelection:u,dragSelection:d,getAriaSelectionText:f,componentName:`context-menu`,debug:_,children:/* @__PURE__ */ X(Me.Root,{open:M,onOpenChange:R,onOpenChangeComplete:L,modal:c,actionsRef:m?j:void 0,children:v})})})}let Ie=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-trigger`,e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e.disabled=`data-disabled`,e}({});const Le={open:e=>e?{"data-popup-open":``}:null,pressed:e=>e?{"data-pressed":``}:null,disabled:e=>e?{"data-disabled":``}:null},Re=Y.forwardRef(function(e,t){let{disabled:n=!1,render:r,className:i,style:a,onContextMenu:o,onTouchStart:s,onTouchMove:c,onTouchEnd:l,onTouchCancel:u,children:d,...f}=e,{setAnchorPosition:p,openMenu:m,disabled:h,open:g}=Pe(),_=n||h,[v,y]=Y.useState(!1),b=Y.useRef(null),x=Y.useRef(null),S=Y.useCallback(()=>{b.current&&=(clearTimeout(b.current),null),y(!1)},[]);Y.useEffect(()=>()=>{S()},[S]);let C=Y.useCallback(e=>{o?.(e),!e.defaultPrevented&&(_||(e.preventDefault(),p(e.clientX,e.clientY,!1),m(e.nativeEvent)))},[o,_,p,m]),w=Y.useCallback(e=>{if(s?.(e),e.defaultPrevented||_)return;let t=e.touches[0];if(!t)return;x.current={x:t.clientX,y:t.clientY};let n=e.nativeEvent;y(!0),b.current=setTimeout(()=>{x.current&&=(p(x.current.x,x.current.y,!0),m(n),y(!1),null)},500)},[s,_,p,m]),T=Y.useCallback(e=>{if(c?.(e),!x.current)return;let t=e.touches[0];if(!t)return;let n=t.clientX-x.current.x,r=t.clientY-x.current.y;Math.sqrt(n*n+r*r)>10&&(S(),x.current=null)},[c,S]),E=Y.useCallback(e=>{l?.(e),S(),x.current=null},[l,S]),D=Y.useCallback(e=>{u?.(e),S(),x.current=null},[u,S]),O=Y.useMemo(()=>({open:g,pressed:v,disabled:_}),[g,v,_]);return Ne({render:r,ref:t,state:O,stateAttributesMapping:Le,props:{...f,"bazzaui-context-menu-trigger":``,onContextMenu:C,onTouchStart:w,onTouchMove:T,onTouchEnd:E,onTouchCancel:D,className:Ae(i,O),style:{WebkitTouchCallout:`none`,WebkitUserSelect:`none`,userSelect:`none`,...je(a,O)},children:d},defaultTagName:`div`})});var ze=/* @__PURE__ */ e({Arrow:()=>P,Backdrop:()=>be,CheckboxGroup:()=>c,CheckboxGroupValue:()=>J,CheckboxItem:()=>T,CheckboxItemIndicator:()=>ge,Empty:()=>E,FocusZone:()=>A,Footer:()=>ne,Group:()=>re,GroupLabel:()=>D,GroupValue:()=>H,Header:()=>ce,Icon:()=>O,Input:()=>d,Item:()=>i,LinkItem:()=>C,List:()=>g,Popup:()=>fe,Portal:()=>z,Positioner:()=>x,RadioGroup:()=>ve,RadioGroupValue:()=>N,RadioItem:()=>ye,RadioItemIndicator:()=>he,Root:()=>Fe,ScrollDownArrow:()=>se,ScrollUpArrow:()=>n,Separator:()=>ee,Shortcut:()=>L,Submenu:()=>ue,SubmenuTrigger:()=>j,SubmenuTriggerIndicator:()=>G,Subpage:()=>ie,SubpageBack:()=>le,SubpageBackItem:()=>W,SubpageTrigger:()=>de,Surface:()=>o,Tree:()=>pe,TreeConnector:()=>V,TreeItem:()=>F,Trigger:()=>Re,useAsyncMenuCoordinator:()=>M,useDataList:()=>R,useMaybeAsyncMenuCoordinator:()=>K,useMaybeDataList:()=>q});let Be=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),Ve=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),He=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-group`,e.disabled=`data-disabled`,e}({}),Ue=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.pending=`data-pending`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),We=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({}),Ge=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-empty`,e}({}),Ke=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group`,e}({}),qe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group-label`,e}({});const Je={slot:`bazzaui-context-menu-icon`,open:`data-popup-open`};let Ye=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-input`,e.open=`data-open`,e.closed=`data-closed`,e}({}),Xe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),Ze=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-link-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e.first=`data-first`,e.last=`data-last`,e.firstInGroup=`data-first-in-group`,e.lastInGroup=`data-last-in-group`,e}({}),Qe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-list`,e.list=`data-popup-menu-list`,e}({}),$e=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({}),et=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-positioner`,e.open=`data-open`,e.closed=`data-closed`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),tt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-group`,e.disabled=`data-disabled`,e}({}),$=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),nt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({});const rt={slotUp:`bazzaui-context-menu-scroll-up-arrow`,slotDown:`bazzaui-context-menu-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let it=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-separator`,e}({}),at=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-shortcut`,e.highlighted=`data-highlighted`,e}({}),ot=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger`,e.submenuTrigger=`data-submenu-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),st=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger-indicator`,e.popupOpen=`data-popup-open`,e}({}),ct=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back`,e.canGoBack=`data-can-go-back`,e.disabled=`data-disabled`,e}({}),lt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back-item`,e.subpageBackItem=`data-subpage-back-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),ut=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-trigger`,e.subpageTrigger=`data-subpage-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),dt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-surface`,e}({});export{ze as ContextMenu,Be as ContextMenuArrowDataAttributes,Ve as ContextMenuBackdropDataAttributes,He as ContextMenuCheckboxGroupDataAttributes,J as ContextMenuCheckboxGroupValue,Ue as ContextMenuCheckboxItemDataAttributes,We as ContextMenuCheckboxItemIndicatorDataAttributes,Ge as ContextMenuEmptyDataAttributes,Ke as ContextMenuGroupDataAttributes,qe as ContextMenuGroupLabelDataAttributes,Je as ContextMenuIconDataAttributes,Ye as ContextMenuInputDataAttributes,Xe as ContextMenuItemDataAttributes,Ze as ContextMenuLinkItemDataAttributes,v as ContextMenuListCssVars,Qe as ContextMenuListDataAttributes,$e as ContextMenuPopupDataAttributes,t as ContextMenuPositionerCssVars,et as ContextMenuPositionerDataAttributes,tt as ContextMenuRadioGroupDataAttributes,N as ContextMenuRadioGroupValue,$ as ContextMenuRadioItemDataAttributes,nt as ContextMenuRadioItemIndicatorDataAttributes,rt as ContextMenuScrollArrowDataAttributes,it as ContextMenuSeparatorDataAttributes,at as ContextMenuShortcutDataAttributes,De as ContextMenuStore,ot as ContextMenuSubmenuTriggerDataAttributes,st as ContextMenuSubmenuTriggerIndicatorDataAttributes,ct as ContextMenuSubpageBackDataAttributes,lt as ContextMenuSubpageBackItemDataAttributes,ut as ContextMenuSubpageTriggerDataAttributes,dt as ContextMenuSurfaceDataAttributes,Ie as ContextMenuTriggerDataAttributes,I as DataListContext,me as DataSurfaceContext,Te as commandScore,Ee as defaultFilter,a as defaultGetResolvedId,b as defineCheckboxGroup,l as defineRadioGroup,f as isDisplayCheckboxGroupNode,h as isDisplayGroupNode,S as isDisplayRadioGroupNode,xe as isDisplayRowNode,_e as isPopupMenuNode,ae as isTreeItemDef,M as useAsyncMenuCoordinator,R as useDataList,te as useDataSurfaceContext,m as useItem,ke as useItemContext,K as useMaybeAsyncMenuCoordinator,q as useMaybeDataList,U as useMaybeDataSurfaceContext,Ce as useMaybeItemContext,u as useMaybeRootContext,oe as useMaybeSubmenuContext,B as useMaybeSubpageContext,s as useMaybeSubpageStack,Oe as useMaybeSurfaceContext,p as useRootContext,_ as useSubmenuContext,r as useSubpageContext,y as useSubpageStack,we as useSurfaceContext};
|
|
1
|
+
import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{$ as t,A as n,At as r,C as i,Ct as a,D as o,Dt as s,E as c,F as l,Ft as u,H as d,I as f,It as p,J as m,L as h,M as g,Mt as _,N as v,Ot as y,P as b,Q as x,R as S,S as C,St as w,T,U as E,V as D,W as O,Z as k,_ as A,a as j,at as M,b as N,bt as P,c as F,ct as I,d as L,dt as R,et as z,f as ee,ft as te,g as ne,h as re,i as ie,it as ae,jt as oe,k as se,kt as B,l as V,m as H,mt as U,n as W,o as G,ot as K,p as ce,pt as q,r as le,s as ue,st as J,t as de,tt as fe,u as pe,ut as me,v as he,w as ge,wt as _e,x as ve,y as ye,yt as be,z as xe}from"../popup-menu-CJs_qom4.js";import{P as Se,b as Ce,d as we,n as Te,r as Ee,t as De,u as Oe,y as ke}from"../listbox-CnwUlLZA.js";import{n as Ae,r as je}from"../resolve-state-props-D31kizRZ.js";import*as Y from"react";import{Popover as Me}from"@base-ui/react/popover";import{jsx as X}from"react/jsx-runtime";import{useRender as Ne}from"@base-ui/react/use-render";const Z=Y.createContext(null);function Pe(){let e=Y.useContext(Z);if(!e)throw Error(`ContextMenu components must be used within a ContextMenu.Root`);return e}function Q(e,t,n=!1){let r=n?10:0;return{getBoundingClientRect(){return DOMRect.fromRect({width:r,height:r,x:e,y:t})}}}function Fe(e){let{open:t,onOpenChange:n,defaultOpen:r=!1,virtualized:i=!1,items:a,onHighlightChange:o,disabled:s=!1,modal:c=!0,closeOnOutsidePress:l=`pointerdown`,rangeSelection:u=!0,dragSelection:d=!1,getAriaSelectionText:f,onOpenChangeComplete:p,actionsRef:m,getResolvedId:h,idScope:g=`surface`,debug:_,children:v}=e,{store:y,focusOwnerStore:b,openChainStore:x,registerSurface:S,closeAll:C,virtualization:T,handleOpenChange:E,disabled:D,setDisabled:O,menuTreeResolver:A}=w({onOpenChange:n,defaultOpen:r,virtualized:i,items:a,onHighlightChange:o,closeOnOutsidePress:l,disabled:s,getResolvedId:h,idScope:g}),j=Y.useRef(null);Y.useImperativeHandle(m,()=>({close:()=>{j.current?.close()},unmount:()=>{j.current?.unmount()},setDisabled:O}),[O]),y.useControlledProp(`openProp`,t);let M=y.useState(`open`),[N,P]=Y.useState(()=>Q(0,0)),F=Y.useCallback((e,t,n=!1)=>{P(Q(e,t,n))},[]),I=Y.useCallback(e=>{D||y.setOpen(!0,Se,e)},[y,D]),L=Y.useCallback(e=>{!e&&y.context.clearSearchOnClose===`after-exit`&&(y.clearSearch(),y.setInputActive(!1)),e||(y.clearHighlight(),y.context.onCloseComplete?.(),y.context.onPopupCloseComplete?.()),p?.(e)},[y,p]),R=Y.useCallback((e,t)=>{E(e,t.reason,t.event)},[E]),z=Y.useMemo(()=>({setAnchorPosition:F,openMenu:I,disabled:D,open:M}),[F,I,D,M]);return/* @__PURE__ */ X(Z.Provider,{value:z,children:/* @__PURE__ */ X(k,{menuTreeResolver:A,store:y,focusOwnerStore:b,openChainStore:x,disabled:D,depth:0,closeAll:C,explicitTabBehavior:!0,registerSurface:S,virtualization:T,virtualAnchor:N,menuType:`context`,closeOnOutsidePress:l,rangeSelection:u,dragSelection:d,getAriaSelectionText:f,componentName:`context-menu`,debug:_,children:/* @__PURE__ */ X(Me.Root,{open:M,onOpenChange:R,onOpenChangeComplete:L,modal:c,actionsRef:m?j:void 0,children:v})})})}let Ie=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-trigger`,e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e.disabled=`data-disabled`,e}({});const Le={open:e=>e?{"data-popup-open":``}:null,pressed:e=>e?{"data-pressed":``}:null,disabled:e=>e?{"data-disabled":``}:null},Re=Y.forwardRef(function(e,t){let{disabled:n=!1,render:r,className:i,style:a,onContextMenu:o,onTouchStart:s,onTouchMove:c,onTouchEnd:l,onTouchCancel:u,children:d,...f}=e,{setAnchorPosition:p,openMenu:m,disabled:h,open:g}=Pe(),_=n||h,[v,y]=Y.useState(!1),b=Y.useRef(null),x=Y.useRef(null),S=Y.useCallback(()=>{b.current&&=(clearTimeout(b.current),null),y(!1)},[]);Y.useEffect(()=>()=>{S()},[S]);let C=Y.useCallback(e=>{o?.(e),!e.defaultPrevented&&(_||(e.preventDefault(),p(e.clientX,e.clientY,!1),m(e.nativeEvent)))},[o,_,p,m]),w=Y.useCallback(e=>{if(s?.(e),e.defaultPrevented||_)return;let t=e.touches[0];if(!t)return;x.current={x:t.clientX,y:t.clientY};let n=e.nativeEvent;y(!0),b.current=setTimeout(()=>{x.current&&=(p(x.current.x,x.current.y,!0),m(n),y(!1),null)},500)},[s,_,p,m]),T=Y.useCallback(e=>{if(c?.(e),!x.current)return;let t=e.touches[0];if(!t)return;let n=t.clientX-x.current.x,r=t.clientY-x.current.y;Math.sqrt(n*n+r*r)>10&&(S(),x.current=null)},[c,S]),E=Y.useCallback(e=>{l?.(e),S(),x.current=null},[l,S]),D=Y.useCallback(e=>{u?.(e),S(),x.current=null},[u,S]),O=Y.useMemo(()=>({open:g,pressed:v,disabled:_}),[g,v,_]);return Ne({render:r,ref:t,state:O,stateAttributesMapping:Le,props:{...f,"bazzaui-context-menu-trigger":``,onContextMenu:C,onTouchStart:w,onTouchMove:T,onTouchEnd:E,onTouchCancel:D,className:Ae(i,O),style:{WebkitTouchCallout:`none`,WebkitUserSelect:`none`,userSelect:`none`,...je(a,O)},children:d},defaultTagName:`div`})});var ze=/* @__PURE__ */ e({Arrow:()=>P,Backdrop:()=>be,CheckboxGroup:()=>c,CheckboxGroupValue:()=>J,CheckboxItem:()=>T,CheckboxItemIndicator:()=>ge,Empty:()=>E,FocusZone:()=>A,Footer:()=>ne,Group:()=>re,GroupLabel:()=>D,GroupValue:()=>H,Header:()=>ce,Icon:()=>O,Input:()=>d,Item:()=>i,LinkItem:()=>C,List:()=>g,Popup:()=>fe,Portal:()=>z,Positioner:()=>x,RadioGroup:()=>ve,RadioGroupValue:()=>N,RadioItem:()=>ye,RadioItemIndicator:()=>he,Root:()=>Fe,ScrollDownArrow:()=>se,ScrollUpArrow:()=>n,Separator:()=>ee,Shortcut:()=>L,Submenu:()=>ue,SubmenuTrigger:()=>j,SubmenuTriggerIndicator:()=>G,Subpage:()=>ie,SubpageBack:()=>le,SubpageBackItem:()=>W,SubpageTrigger:()=>de,Surface:()=>o,Tree:()=>pe,TreeConnector:()=>V,TreeItem:()=>F,Trigger:()=>Re,useAsyncMenuCoordinator:()=>M,useDataList:()=>R,useMaybeAsyncMenuCoordinator:()=>K,useMaybeDataList:()=>q});let Be=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),Ve=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),He=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-group`,e.disabled=`data-disabled`,e}({}),Ue=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.pending=`data-pending`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),We=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-checkbox-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({}),Ge=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-empty`,e}({}),Ke=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group`,e}({}),qe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-group-label`,e}({});const Je={slot:`bazzaui-context-menu-icon`,open:`data-popup-open`};let Ye=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-input`,e.open=`data-open`,e.closed=`data-closed`,e}({}),Xe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),Ze=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-link-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e.first=`data-first`,e.last=`data-last`,e.firstInGroup=`data-first-in-group`,e.lastInGroup=`data-last-in-group`,e}({}),Qe=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-list`,e.list=`data-popup-menu-list`,e}({}),$e=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({}),et=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-positioner`,e.open=`data-open`,e.closed=`data-closed`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),tt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-group`,e.disabled=`data-disabled`,e}({}),$=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),nt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-radio-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({});const rt={slotUp:`bazzaui-context-menu-scroll-up-arrow`,slotDown:`bazzaui-context-menu-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let it=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-separator`,e}({}),at=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-shortcut`,e.highlighted=`data-highlighted`,e}({}),ot=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger`,e.submenuTrigger=`data-submenu-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),st=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-submenu-trigger-indicator`,e.popupOpen=`data-popup-open`,e}({}),ct=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back`,e.canGoBack=`data-can-go-back`,e.disabled=`data-disabled`,e}({}),lt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-back-item`,e.subpageBackItem=`data-subpage-back-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),ut=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-subpage-trigger`,e.subpageTrigger=`data-subpage-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),dt=/* @__PURE__ */ function(e){return e.slot=`bazzaui-context-menu-surface`,e}({});export{ze as ContextMenu,Be as ContextMenuArrowDataAttributes,Ve as ContextMenuBackdropDataAttributes,He as ContextMenuCheckboxGroupDataAttributes,J as ContextMenuCheckboxGroupValue,Ue as ContextMenuCheckboxItemDataAttributes,We as ContextMenuCheckboxItemIndicatorDataAttributes,Ge as ContextMenuEmptyDataAttributes,Ke as ContextMenuGroupDataAttributes,qe as ContextMenuGroupLabelDataAttributes,Je as ContextMenuIconDataAttributes,Ye as ContextMenuInputDataAttributes,Xe as ContextMenuItemDataAttributes,Ze as ContextMenuLinkItemDataAttributes,v as ContextMenuListCssVars,Qe as ContextMenuListDataAttributes,$e as ContextMenuPopupDataAttributes,t as ContextMenuPositionerCssVars,et as ContextMenuPositionerDataAttributes,tt as ContextMenuRadioGroupDataAttributes,N as ContextMenuRadioGroupValue,$ as ContextMenuRadioItemDataAttributes,nt as ContextMenuRadioItemIndicatorDataAttributes,rt as ContextMenuScrollArrowDataAttributes,it as ContextMenuSeparatorDataAttributes,at as ContextMenuShortcutDataAttributes,De as ContextMenuStore,ot as ContextMenuSubmenuTriggerDataAttributes,st as ContextMenuSubmenuTriggerIndicatorDataAttributes,ct as ContextMenuSubpageBackDataAttributes,lt as ContextMenuSubpageBackItemDataAttributes,ut as ContextMenuSubpageTriggerDataAttributes,dt as ContextMenuSurfaceDataAttributes,Ie as ContextMenuTriggerDataAttributes,I as DataListContext,me as DataSurfaceContext,Te as commandScore,Ee as defaultFilter,a as defaultGetResolvedId,b as defineCheckboxGroup,l as defineRadioGroup,f as isDisplayCheckboxGroupNode,h as isDisplayGroupNode,S as isDisplayRadioGroupNode,xe as isDisplayRowNode,_e as isPopupMenuNode,ae as isTreeItemDef,M as useAsyncMenuCoordinator,R as useDataList,te as useDataSurfaceContext,m as useItem,ke as useItemContext,K as useMaybeAsyncMenuCoordinator,q as useMaybeDataList,U as useMaybeDataSurfaceContext,Ce as useMaybeItemContext,u as useMaybeRootContext,oe as useMaybeSubmenuContext,B as useMaybeSubpageContext,s as useMaybeSubpageStack,Oe as useMaybeSurfaceContext,p as useRootContext,_ as useSubmenuContext,r as useSubpageContext,y as useSubpageStack,we as useSurfaceContext};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-BBAzAXIe.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../resolve-state-props-C-zbhdXd.cjs"),i=require("../merge-element-props-0mpNO7ZH.cjs");let a=require("react");a=e.n(a,1);let o=require("@base-ui/react/popover"),s=require("react/jsx-runtime"),c=require("@base-ui/react/use-render");function l(e){let{open:n,onOpenChange:r,defaultOpen:i=!1,modal:c=!0,disabled:l=!1,virtualized:u=!1,items:d,onHighlightChange:f,closeOnOutsidePress:p=`pointerdown`,rangeSelection:m=!0,dragSelection:h=!1,getAriaSelectionText:g,onOpenChangeComplete:_,actionsRef:v,getResolvedId:y,idScope:b=`surface`,debug:x,children:S,...C}=e,{store:w,focusOwnerStore:T,openChainStore:E,registerSurface:D,closeAll:O,virtualization:k,handleOpenChange:A,disabled:j,setDisabled:M,menuTreeResolver:N}=t.St({onOpenChange:r,defaultOpen:i,virtualized:u,items:d,onHighlightChange:f,closeOnOutsidePress:p,disabled:l,getResolvedId:y,idScope:b}),P=(0,a.useRef)(null);(0,a.useImperativeHandle)(v,()=>({close:()=>{P.current?.close()},unmount:()=>{P.current?.unmount()},setDisabled:M}),[M]),w.useControlledProp(`openProp`,n);let F=w.useState(`open`),I=(0,a.useCallback)(e=>{!e&&w.context.clearSearchOnClose===`after-exit`&&(w.clearSearch(),w.setInputActive(!1)),e||(w.clearHighlight(),w.context.onCloseComplete?.(),w.context.onPopupCloseComplete?.()),_?.(e)},[w,_]),L=(0,a.useCallback)((e,t)=>{A(e,t.reason,t.event)},[A]);return/* @__PURE__ */ (0,s.jsx)(t.Z,{store:w,menuTreeResolver:N,focusOwnerStore:T,openChainStore:E,disabled:j,depth:0,closeAll:O,explicitTabBehavior:!0,registerSurface:D,virtualization:k,menuType:`dropdown`,closeOnOutsidePress:p,rangeSelection:m,dragSelection:h,getAriaSelectionText:g,debug:x,componentName:`dropdown-menu`,children:/* @__PURE__ */ (0,s.jsx)(o.Popover.Root,{...C,open:F,onOpenChange:L,onOpenChangeComplete:I,modal:c,actionsRef:v?P:void 0,children:S})})}let u=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-trigger`,e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e}({});const d={open:e=>e?{"data-popup-open":``}:null,disabled:e=>e?{"data-disabled":``}:null},f=a.forwardRef(function(e,t){let{render:n,children:o,disabled:s,className:l,style:u,triggerProps:f,triggerState:p,openOnHover:m,delay:h,closeDelay:g,..._}=e,v=a.useMemo(()=>({open:p.open,disabled:p.disabled}),[p.open,p.disabled]);return(0,c.useRender)({render:n,ref:t,state:v,stateAttributesMapping:d,props:{...i.t(f,{..._,className:r.n(l,v),style:r.r(u,v),children:o}),"bazzaui-dropdown-menu-trigger":``},defaultTagName:`button`})}),p=a.forwardRef(function(e,r){let{disabled:i,openOnHover:c,delay:l=100,closeDelay:u,...d}=e,{store:p,closeAll:m,closeOnOutsidePress:h,disabled:g}=t.It(),_=p.useState(`open`),v=i||g,y=a.useRef(null),b=a.useCallback(e=>{y.current=e,typeof r==`function`?r(e):r&&(r.current=e)},[r]);return a.useEffect(()=>{let e=y.current;if(!e||h!==`pointerdown`)return;let t=t=>{_&&(m(n.F,t),e.addEventListener(`click`,e=>{e.stopPropagation(),e.preventDefault()},{once:!0,capture:!0}))};return e.addEventListener(`pointerdown`,t,!0),()=>{e.removeEventListener(`pointerdown`,t,!0)}},[_,m,h]),/* @__PURE__ */ (0,s.jsx)(o.Popover.Trigger,{ref:b,disabled:v,openOnHover:c,delay:l,closeDelay:u,render:(e,t)=>/* @__PURE__ */ (0,s.jsx)(f,{...d,disabled:v,triggerProps:e,triggerState:t,ref:e.ref})})});var m=/* @__PURE__ */ e.t({Arrow:()=>t.bt,Backdrop:()=>t.yt,CheckboxGroup:()=>t.E,CheckboxGroupValue:()=>t.st,CheckboxItem:()=>t.T,CheckboxItemIndicator:()=>t.w,Empty:()=>t.U,FocusZone:()=>t._,Footer:()=>t.g,Group:()=>t.h,GroupLabel:()=>t.V,GroupValue:()=>t.m,Header:()=>t.p,Icon:()=>t.W,Input:()=>t.H,Item:()=>t.C,LinkItem:()=>t.S,List:()=>t.M,Loading:()=>t.j,Popup:()=>t.tt,Portal:()=>t.et,Positioner:()=>t.Q,RadioGroup:()=>t.x,RadioGroupValue:()=>t.b,RadioItem:()=>t.y,RadioItemIndicator:()=>t.v,Root:()=>l,ScrollDownArrow:()=>t.k,ScrollUpArrow:()=>t.A,Separator:()=>t.f,Shortcut:()=>t.d,Submenu:()=>t.s,SubmenuTrigger:()=>t.a,SubmenuTriggerIndicator:()=>t.o,Subpage:()=>t.i,SubpageBack:()=>t.r,SubpageBackItem:()=>t.n,SubpageTrigger:()=>t.t,Surface:()=>t.D,Tree:()=>t.u,TreeConnector:()=>t.l,TreeItem:()=>t.c,Trigger:()=>p,useAsyncMenuCoordinator:()=>t.at,useDataList:()=>t.dt,useMaybeAsyncMenuCoordinator:()=>t.ot,useMaybeDataList:()=>t.pt});let h=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),g=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),_=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-checkbox-group`,e.disabled=`data-disabled`,e}({}),v=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-checkbox-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.pending=`data-pending`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),y=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-checkbox-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({}),b=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-empty`,e}({}),x=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-group`,e}({}),S=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-group-label`,e}({});const C={slot:`bazzaui-dropdown-menu-icon`,open:`data-popup-open`};let w=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-input`,e.open=`data-open`,e.closed=`data-closed`,e}({}),T=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),E=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-link-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e.first=`data-first`,e.last=`data-last`,e.firstInGroup=`data-first-in-group`,e.lastInGroup=`data-last-in-group`,e}({}),D=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-list`,e.list=`data-popup-menu-list`,e}({}),O=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-loading`,e}({}),k=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({}),A=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-positioner`,e.open=`data-open`,e.closed=`data-closed`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),j=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-radio-group`,e.disabled=`data-disabled`,e}({}),M=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-radio-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),N=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-radio-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({});const P={slotUp:`bazzaui-dropdown-menu-scroll-up-arrow`,slotDown:`bazzaui-dropdown-menu-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let F=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-separator`,e}({}),I=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-shortcut`,e.highlighted=`data-highlighted`,e}({}),L=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-submenu-trigger`,e.submenuTrigger=`data-submenu-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),R=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-submenu-trigger-indicator`,e.popupOpen=`data-popup-open`,e}({}),z=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-subpage-back`,e.canGoBack=`data-can-go-back`,e.disabled=`data-disabled`,e}({}),B=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-subpage-back-item`,e.subpageBackItem=`data-subpage-back-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),V=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-subpage-trigger`,e.subpageTrigger=`data-subpage-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),H=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-surface`,e}({});exports.DataListContext=t.ct,exports.DataSurfaceContext=t.ut,Object.defineProperty(exports,"DropdownMenu",{enumerable:!0,get:function(){return m}}),exports.DropdownMenuArrowDataAttributes=h,exports.DropdownMenuBackdropDataAttributes=g,exports.DropdownMenuCheckboxGroupDataAttributes=_,exports.DropdownMenuCheckboxGroupValue=t.st,exports.DropdownMenuCheckboxItemDataAttributes=v,exports.DropdownMenuCheckboxItemIndicatorDataAttributes=y,exports.DropdownMenuEmptyDataAttributes=b,exports.DropdownMenuGroupDataAttributes=x,exports.DropdownMenuGroupLabelDataAttributes=S,exports.DropdownMenuIconDataAttributes=C,exports.DropdownMenuInputDataAttributes=w,exports.DropdownMenuItemDataAttributes=T,exports.DropdownMenuLinkItemDataAttributes=E,exports.DropdownMenuListCssVars=t.N,exports.DropdownMenuListDataAttributes=D,exports.DropdownMenuLoadingDataAttributes=O,exports.DropdownMenuPopupDataAttributes=k,exports.DropdownMenuPositionerCssVars=t.$,exports.DropdownMenuPositionerDataAttributes=A,exports.DropdownMenuRadioGroupDataAttributes=j,exports.DropdownMenuRadioGroupValue=t.b,exports.DropdownMenuRadioItemDataAttributes=M,exports.DropdownMenuRadioItemIndicatorDataAttributes=N,exports.DropdownMenuScrollArrowDataAttributes=P,exports.DropdownMenuSeparatorDataAttributes=F,exports.DropdownMenuShortcutDataAttributes=I,exports.DropdownMenuStore=n.t,exports.DropdownMenuSubmenuTriggerDataAttributes=L,exports.DropdownMenuSubmenuTriggerIndicatorDataAttributes=R,exports.DropdownMenuSubpageBackDataAttributes=z,exports.DropdownMenuSubpageBackItemDataAttributes=B,exports.DropdownMenuSubpageTriggerDataAttributes=V,exports.DropdownMenuSurfaceDataAttributes=H,exports.DropdownMenuTriggerDataAttributes=u,exports.commandScore=n.n,exports.defaultFilter=n.r,exports.defaultGetResolvedId=t.Ct,exports.defineCheckboxGroup=t.P,exports.defineRadioGroup=t.F,exports.isDisplayCheckboxGroupNode=t.I,exports.isDisplayGroupNode=t.L,exports.isDisplayRadioGroupNode=t.R,exports.isDisplayRowNode=t.z,exports.isDisplaySeparatorNode=t.B,exports.isPopupMenuNode=t.wt,exports.isTreeItemDef=t.it,exports.useAsyncMenuCoordinator=t.at,exports.useDataList=t.dt,exports.useDataSurfaceContext=t.ft,exports.useItem=t.J,exports.useItemContext=n.y,exports.useMaybeAsyncMenuCoordinator=t.ot,exports.useMaybeDataList=t.pt,exports.useMaybeDataSurfaceContext=t.mt,exports.useMaybeItemContext=n.b,exports.useMaybeRootContext=t.Ft,exports.useMaybeSubmenuContext=t.jt,exports.useMaybeSubpageContext=t.kt,exports.useMaybeSubpageStack=t.Dt,exports.useMaybeSurfaceContext=n.u,exports.useRootContext=t.It,exports.useSubmenuContext=t.Mt,exports.useSubpageContext=t.At,exports.useSubpageStack=t.Ot,exports.useSurfaceContext=n.d;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime-5lHFv1cW.cjs"),t=require("../popup-menu-MbWB6z4-.cjs"),n=require("../listbox-DYvJTiF6.cjs"),r=require("../resolve-state-props-C-zbhdXd.cjs"),i=require("../merge-element-props-0mpNO7ZH.cjs");let a=require("react");a=e.n(a,1);let o=require("@base-ui/react/popover"),s=require("react/jsx-runtime"),c=require("@base-ui/react/use-render");function l(e){let{open:n,onOpenChange:r,defaultOpen:i=!1,modal:c=!0,disabled:l=!1,virtualized:u=!1,items:d,onHighlightChange:f,closeOnOutsidePress:p=`pointerdown`,rangeSelection:m=!0,dragSelection:h=!1,getAriaSelectionText:g,onOpenChangeComplete:_,actionsRef:v,getResolvedId:y,idScope:b=`surface`,debug:x,children:S,...C}=e,{store:w,focusOwnerStore:T,openChainStore:E,registerSurface:D,closeAll:O,virtualization:k,handleOpenChange:A,disabled:j,setDisabled:M,menuTreeResolver:N}=t.St({onOpenChange:r,defaultOpen:i,virtualized:u,items:d,onHighlightChange:f,closeOnOutsidePress:p,disabled:l,getResolvedId:y,idScope:b}),P=(0,a.useRef)(null);(0,a.useImperativeHandle)(v,()=>({close:()=>{P.current?.close()},unmount:()=>{P.current?.unmount()},setDisabled:M}),[M]),w.useControlledProp(`openProp`,n);let F=w.useState(`open`),I=(0,a.useCallback)(e=>{!e&&w.context.clearSearchOnClose===`after-exit`&&(w.clearSearch(),w.setInputActive(!1)),e||(w.clearHighlight(),w.context.onCloseComplete?.(),w.context.onPopupCloseComplete?.()),_?.(e)},[w,_]),L=(0,a.useCallback)((e,t)=>{A(e,t.reason,t.event)},[A]);return/* @__PURE__ */ (0,s.jsx)(t.Z,{store:w,menuTreeResolver:N,focusOwnerStore:T,openChainStore:E,disabled:j,depth:0,closeAll:O,explicitTabBehavior:!0,registerSurface:D,virtualization:k,menuType:`dropdown`,closeOnOutsidePress:p,rangeSelection:m,dragSelection:h,getAriaSelectionText:g,debug:x,componentName:`dropdown-menu`,children:/* @__PURE__ */ (0,s.jsx)(o.Popover.Root,{...C,open:F,onOpenChange:L,onOpenChangeComplete:I,modal:c,actionsRef:v?P:void 0,children:S})})}let u=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-trigger`,e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e}({});const d={open:e=>e?{"data-popup-open":``}:null,disabled:e=>e?{"data-disabled":``}:null},f=a.forwardRef(function(e,t){let{render:n,children:o,disabled:s,className:l,style:u,triggerProps:f,triggerState:p,openOnHover:m,delay:h,closeDelay:g,..._}=e,v=a.useMemo(()=>({open:p.open,disabled:p.disabled}),[p.open,p.disabled]);return(0,c.useRender)({render:n,ref:t,state:v,stateAttributesMapping:d,props:{...i.t(f,{..._,className:r.n(l,v),style:r.r(u,v),children:o}),"bazzaui-dropdown-menu-trigger":``},defaultTagName:`button`})}),p=a.forwardRef(function(e,r){let{disabled:i,openOnHover:c,delay:l=100,closeDelay:u,...d}=e,{store:p,closeAll:m,closeOnOutsidePress:h,disabled:g}=t.It(),_=p.useState(`open`),v=i||g,y=a.useRef(null),b=a.useCallback(e=>{y.current=e,typeof r==`function`?r(e):r&&(r.current=e)},[r]);return a.useEffect(()=>{let e=y.current;if(!e||h!==`pointerdown`)return;let t=t=>{_&&(m(n.F,t),e.addEventListener(`click`,e=>{e.stopPropagation(),e.preventDefault()},{once:!0,capture:!0}))};return e.addEventListener(`pointerdown`,t,!0),()=>{e.removeEventListener(`pointerdown`,t,!0)}},[_,m,h]),/* @__PURE__ */ (0,s.jsx)(o.Popover.Trigger,{ref:b,disabled:v,openOnHover:c,delay:l,closeDelay:u,render:(e,t)=>/* @__PURE__ */ (0,s.jsx)(f,{...d,disabled:v,triggerProps:e,triggerState:t,ref:e.ref})})});var m=/* @__PURE__ */ e.t({Arrow:()=>t.bt,Backdrop:()=>t.yt,CheckboxGroup:()=>t.E,CheckboxGroupValue:()=>t.st,CheckboxItem:()=>t.T,CheckboxItemIndicator:()=>t.w,Empty:()=>t.U,FocusZone:()=>t._,Footer:()=>t.g,Group:()=>t.h,GroupLabel:()=>t.V,GroupValue:()=>t.m,Header:()=>t.p,Icon:()=>t.W,Input:()=>t.H,Item:()=>t.C,LinkItem:()=>t.S,List:()=>t.M,Loading:()=>t.j,Popup:()=>t.tt,Portal:()=>t.et,Positioner:()=>t.Q,RadioGroup:()=>t.x,RadioGroupValue:()=>t.b,RadioItem:()=>t.y,RadioItemIndicator:()=>t.v,Root:()=>l,ScrollDownArrow:()=>t.k,ScrollUpArrow:()=>t.A,Separator:()=>t.f,Shortcut:()=>t.d,Submenu:()=>t.s,SubmenuTrigger:()=>t.a,SubmenuTriggerIndicator:()=>t.o,Subpage:()=>t.i,SubpageBack:()=>t.r,SubpageBackItem:()=>t.n,SubpageTrigger:()=>t.t,Surface:()=>t.D,Tree:()=>t.u,TreeConnector:()=>t.l,TreeItem:()=>t.c,Trigger:()=>p,useAsyncMenuCoordinator:()=>t.at,useDataList:()=>t.dt,useMaybeAsyncMenuCoordinator:()=>t.ot,useMaybeDataList:()=>t.pt});let h=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-arrow`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.uncentered=`data-uncentered`,e}({}),g=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-backdrop`,e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({}),_=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-checkbox-group`,e.disabled=`data-disabled`,e}({}),v=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-checkbox-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.pending=`data-pending`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),y=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-checkbox-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({}),b=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-empty`,e}({}),x=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-group`,e}({}),S=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-group-label`,e}({});const C={slot:`bazzaui-dropdown-menu-icon`,open:`data-popup-open`};let w=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-input`,e.open=`data-open`,e.closed=`data-closed`,e}({}),T=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),E=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-link-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e.first=`data-first`,e.last=`data-last`,e.firstInGroup=`data-first-in-group`,e.lastInGroup=`data-last-in-group`,e}({}),D=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-list`,e.list=`data-popup-menu-list`,e}({}),O=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-loading`,e}({}),k=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-popup`,e.open=`data-open`,e.closed=`data-closed`,e.side=`data-side`,e.align=`data-align`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e.instant=`data-instant`,e.focused=`data-focused`,e.hasOpenSubmenu=`data-has-open-submenu`,e.submenu=`data-submenu`,e.navigating=`data-navigating`,e}({}),A=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-positioner`,e.open=`data-open`,e.closed=`data-closed`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),j=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-radio-group`,e.disabled=`data-disabled`,e}({}),M=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-radio-item`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),N=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-radio-item-indicator`,e.checked=`data-checked`,e.unchecked=`data-unchecked`,e}({});const P={slotUp:`bazzaui-dropdown-menu-scroll-up-arrow`,slotDown:`bazzaui-dropdown-menu-scroll-down-arrow`,direction:`data-direction`,side:`data-side`};let F=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-separator`,e}({}),I=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-shortcut`,e.highlighted=`data-highlighted`,e}({}),L=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-submenu-trigger`,e.submenuTrigger=`data-submenu-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),R=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-submenu-trigger-indicator`,e.popupOpen=`data-popup-open`,e}({}),z=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-subpage-back`,e.canGoBack=`data-can-go-back`,e.disabled=`data-disabled`,e}({}),B=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-subpage-back-item`,e.subpageBackItem=`data-subpage-back-item`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),V=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-subpage-trigger`,e.subpageTrigger=`data-subpage-trigger`,e.popupOpen=`data-popup-open`,e.popupFocused=`data-popup-focused`,e.highlighted=`data-highlighted`,e.disabled=`data-disabled`,e}({}),H=/* @__PURE__ */ function(e){return e.slot=`bazzaui-dropdown-menu-surface`,e}({});exports.DataListContext=t.ct,exports.DataSurfaceContext=t.ut,Object.defineProperty(exports,"DropdownMenu",{enumerable:!0,get:function(){return m}}),exports.DropdownMenuArrowDataAttributes=h,exports.DropdownMenuBackdropDataAttributes=g,exports.DropdownMenuCheckboxGroupDataAttributes=_,exports.DropdownMenuCheckboxGroupValue=t.st,exports.DropdownMenuCheckboxItemDataAttributes=v,exports.DropdownMenuCheckboxItemIndicatorDataAttributes=y,exports.DropdownMenuEmptyDataAttributes=b,exports.DropdownMenuGroupDataAttributes=x,exports.DropdownMenuGroupLabelDataAttributes=S,exports.DropdownMenuIconDataAttributes=C,exports.DropdownMenuInputDataAttributes=w,exports.DropdownMenuItemDataAttributes=T,exports.DropdownMenuLinkItemDataAttributes=E,exports.DropdownMenuListCssVars=t.N,exports.DropdownMenuListDataAttributes=D,exports.DropdownMenuLoadingDataAttributes=O,exports.DropdownMenuPopupDataAttributes=k,exports.DropdownMenuPositionerCssVars=t.$,exports.DropdownMenuPositionerDataAttributes=A,exports.DropdownMenuRadioGroupDataAttributes=j,exports.DropdownMenuRadioGroupValue=t.b,exports.DropdownMenuRadioItemDataAttributes=M,exports.DropdownMenuRadioItemIndicatorDataAttributes=N,exports.DropdownMenuScrollArrowDataAttributes=P,exports.DropdownMenuSeparatorDataAttributes=F,exports.DropdownMenuShortcutDataAttributes=I,exports.DropdownMenuStore=n.t,exports.DropdownMenuSubmenuTriggerDataAttributes=L,exports.DropdownMenuSubmenuTriggerIndicatorDataAttributes=R,exports.DropdownMenuSubpageBackDataAttributes=z,exports.DropdownMenuSubpageBackItemDataAttributes=B,exports.DropdownMenuSubpageTriggerDataAttributes=V,exports.DropdownMenuSurfaceDataAttributes=H,exports.DropdownMenuTriggerDataAttributes=u,exports.commandScore=n.n,exports.defaultFilter=n.r,exports.defaultGetResolvedId=t.Ct,exports.defineCheckboxGroup=t.P,exports.defineRadioGroup=t.F,exports.isDisplayCheckboxGroupNode=t.I,exports.isDisplayGroupNode=t.L,exports.isDisplayRadioGroupNode=t.R,exports.isDisplayRowNode=t.z,exports.isDisplaySeparatorNode=t.B,exports.isPopupMenuNode=t.wt,exports.isTreeItemDef=t.it,exports.useAsyncMenuCoordinator=t.at,exports.useDataList=t.dt,exports.useDataSurfaceContext=t.ft,exports.useItem=t.J,exports.useItemContext=n.y,exports.useMaybeAsyncMenuCoordinator=t.ot,exports.useMaybeDataList=t.pt,exports.useMaybeDataSurfaceContext=t.mt,exports.useMaybeItemContext=n.b,exports.useMaybeRootContext=t.Ft,exports.useMaybeSubmenuContext=t.jt,exports.useMaybeSubpageContext=t.kt,exports.useMaybeSubpageStack=t.Dt,exports.useMaybeSurfaceContext=n.u,exports.useRootContext=t.It,exports.useSubmenuContext=t.Mt,exports.useSubpageContext=t.At,exports.useSubpageStack=t.Ot,exports.useSurfaceContext=n.d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|