@skdx/react 0.28.0 → 0.29.0

package/dist/transfer/Transfer.cjs

@@ -1 +1,2 @@
-"use strict";var Pr=Object.create;var j=Object.defineProperty;var Ar=Object.getOwnPropertyDescriptor;var Hr=Object.getOwnPropertyNames;var wr=Object.getPrototypeOf,Nr=Object.prototype.hasOwnProperty;var Or=(e,r)=>{for(var t in r)j(e,t,{get:r[t],enumerable:!0})},Pe=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Hr(r))!Nr.call(e,a)&&a!==t&&j(e,a,{get:()=>r[a],enumerable:!(i=Ar(r,a))||i.enumerable});return e};var k=(e,r,t)=>(t=e!=null?Pr(wr(e)):{},Pe(r||!e||!e.__esModule?j(t,"default",{value:e,enumerable:!0}):t,e)),$r=e=>Pe(j({},"__esModule",{value:!0}),e);var Br={};Or(Br,{DESTINATION_OF:()=>xe,OPTION_SELECTOR:()=>P,ORIGIN_OF:()=>O,SIDES:()=>Tr,SIDE_NOUN:()=>G,Transfer:()=>Se,TransferControls:()=>ee,TransferEmpty:()=>_,TransferItem:()=>te,TransferList:()=>q,TransferListHeader:()=>B,TransferListProvider:()=>he,TransferListSearch:()=>U,TransferMoveAllTrigger:()=>Q,TransferMoveTrigger:()=>W,TransferProvider:()=>dr,matchesFilterMode:()=>br,moveAnnouncement:()=>pr,moveTriggerLabel:()=>yr,searchResultsAnnouncement:()=>gr,useTransferContext:()=>L,useTransferListContext:()=>be});module.exports=$r(Br);var f=k(require("react"),1),Re=require("../utils/createContext.cjs"),fr=require("../utils/hiddenInput.cjs"),Le=require("../utils/liveAnnouncer.cjs"),cr=require("../utils/part.cjs"),mr=require("../utils/primitive.cjs"),ur=require("../utils/useControllableState.cjs");var Ae=k(require("react"),1),He=require("../utils/part.cjs"),we=require("../utils/primitive.cjs");var Ne=require("react/jsx-runtime"),ee=Ae.forwardRef((e,r)=>{let{disabled:t}=L("TransferControls");return(0,Ne.jsx)(we.Primitive.div,{role:"group","aria-label":"Move items","data-disabled":t?"":void 0,...e,...(0,He.skdxPart)("transfer","controls",e.className),ref:r})});ee.displayName="TransferControls";var Oe=k(require("react"),1),$e=require("../utils/part.cjs"),Fe=require("../utils/primitive.cjs");var Ke=require("react/jsx-runtime"),_=Oe.forwardRef(({side:e,children:r,...t},i)=>{let{query:a,sideItems:m,visibleItems:p}=L("TransferEmpty");if(p[e].length>0)return null;let y=m[e].length===0?"empty":"no-results",c=y==="no-results"?a[e]:"";return(0,Ke.jsx)(Fe.Primitive.div,{"data-side":e,"data-empty":"","data-reason":y,"data-query":c,...t,...(0,$e.skdxPart)("transfer","empty",t.className),ref:i,children:typeof r=="function"?r({reason:y,query:c}):r})});_.displayName="TransferEmpty";var N=k(require("react"),1),Qe=require("../listbox/Listbox.cjs"),We=require("../utils/clamp.cjs"),ne=require("../utils/direction.cjs"),se=require("../utils/primitive.cjs"),Ge=require("../utils/useRovingFocus.cjs");var Ve=k(require("react"),1),_e=require("../listbox/Listbox.cjs"),qe=require("../utils/part.cjs"),re=require("../utils/primitive.cjs"),Be=require("../utils/useRovingFocus.cjs");var Ue=require("react/jsx-runtime");function Fr(e){let r=e.closest('[role="listbox"]');return r?Array.from(r.querySelectorAll(P),t=>t.getAttribute("data-value")).filter(t=>t!==null):[]}var te=Ve.forwardRef(({value:e,disabled:r=!1,...t},i)=>{let a=L("TransferItem"),{side:m}=be("TransferItem"),p=r||a.disabled,y=a.marked[m].includes(e),c=()=>{p||(a.anchor.current[m]=e)};return(0,Ue.jsx)(_e.ListboxItem,{value:e,disabled:p,"data-side":m,"data-selected":y?"":void 0,tabIndex:(0,Be.rovingTabIndex)(a.active[m]!==null,a.active[m]===e,p),...t,...(0,qe.skdxPart)("transfer","item",t.className),ref:i,onFocus:(0,re.composeEventHandlers)(t.onFocus,()=>{p||a.setActive(m,e)}),onClick:(0,re.composeEventHandlers)(t.onClick,u=>{if(p||!u.shiftKey){c();return}u.preventDefault();let T=Fr(u.currentTarget),I=a.anchor.current[m]??e,S=T.indexOf(I),M=T.indexOf(e);a.setMarked(m,S===-1||M===-1?[e]:T.slice(Math.min(S,M),Math.max(S,M)+1))}),onKeyDown:(0,re.composeEventHandlers)(t.onKeyDown,u=>{!u.shiftKey&&(u.key===" "||u.key==="Enter")&&c()})})});te.displayName="TransferItem";var ae=require("react/jsx-runtime"),Kr={source:"Available items",target:"Selected items"},Vr={source:"ArrowRight",target:"ArrowLeft"};function ve(e,r,t){let i=e.indexOf(r),a=e.indexOf(t);return i===-1||a===-1?e.includes(t)?[t]:[]:e.slice(Math.min(i,a),Math.max(i,a)+1)}var q=N.forwardRef(({side:e,renderItem:r,children:t,...i},a)=>{let m=L("TransferList"),{anchor:p,baseId:y,disabled:c,labelled:u,marked:T,move:I,emitListScroll:S,registerList:M,setActive:A,setMarked:D,suppressFocusIn:Y,visibleItems:ce}=m,H=N.useRef(null),me=(0,ne.useDirection)(),ue=N.useCallback(s=>{H.current=s,M(e,s),typeof a=="function"?a(s):a&&(a.current=s)},[a,M,e]);(0,Ge.useRovingTabStop)(H,P,"data-value",m.active[e],s=>A(e,s));let w=ce[e],de=`${y}-${e}-header`,X=u[e]?de:void 0,z=()=>Array.from(H.current?.querySelectorAll(P)??[]).filter(s=>s.getAttribute("data-value")!==null);return(0,ae.jsx)(he,{side:e,children:(0,ae.jsx)(Qe.Listbox,{multiple:!0,id:`${y}-${e}-list`,disabled:c,value:T[e],onValueChange:s=>D(e,s.value),"data-side":e,"data-empty":w.length===0?"":void 0,"aria-labelledby":X,"aria-label":X?void 0:Kr[e],tabIndex:c||w.some(s=>!s.disabled)?void 0:0,...i,ref:ue,onScroll:(0,se.composeEventHandlers)(i.onScroll,s=>{S(e,s.currentTarget)}),onFocus:(0,se.composeEventHandlers)(i.onFocus,s=>{if(c)return;if(Y.current){Y.current=!1;return}let b=H.current,g=s.relatedTarget;if(!b||!g||b.contains(g))return;let R=z();if(R.length===0)return;let d=R.find(C=>T[e].includes(C.getAttribute("data-value")??""))??R[0];d!==s.target&&d.focus()}),onKeyDown:(0,se.composeEventHandlers)(i.onKeyDown,s=>{if(c)return;let b=z(),g=b.map(d=>d.getAttribute("data-value"));if(g.length===0)return;let R=s.target.getAttribute?.("data-value")??null;if(s.shiftKey&&(s.ctrlKey||s.metaKey)&&(s.key==="Home"||s.key==="End")){if(R===null)return;s.preventDefault();let d=s.key==="Home"?g[0]:g[g.length-1];D(e,ve(g,R,d)),b[s.key==="Home"?0:b.length-1].focus();return}if((s.ctrlKey||s.metaKey)&&s.key.toLowerCase()==="a"){s.preventDefault();let d=g.every(C=>T[e].includes(C));D(e,d?[]:g);return}if(s.shiftKey&&s.key===" "){if(R===null)return;s.preventDefault();let d=p.current[e]??R;p.current[e]=d,D(e,ve(g,d,R));return}if(s.shiftKey&&(s.key==="ArrowDown"||s.key==="ArrowUp")){let d=R===null?-1:g.indexOf(R);if(d===-1)return;let C=(0,We.clamp)(d+(s.key==="ArrowDown"?1:-1),0,g.length-1);s.preventDefault();let J=p.current[e]??g[d];p.current[e]=J,D(e,ve(g,J,g[C])),b[C].focus();return}if((0,ne.directionalKey)(s.key,s.currentTarget,me)===Vr[e]){let d=T[e].length>0?T[e]:R?[R]:[];if(d.length===0)return;s.preventDefault(),I(e==="source"?"toTarget":"toSource",d)}}),children:t??w.map(s=>(0,ae.jsx)(te,{value:s.value,disabled:s.disabled,textValue:s.label,children:r?r(s):s.label},s.value))})})});q.displayName="TransferList";var oe=k(require("react"),1),Ye=require("../utils/part.cjs"),Xe=require("../utils/primitive.cjs");var ze=require("react/jsx-runtime"),B=oe.forwardRef(({side:e,...r},t)=>{let{baseId:i,registerHeader:a}=L("TransferListHeader");return oe.useLayoutEffect(()=>(a(e,!0),()=>a(e,!1)),[a,e]),(0,ze.jsx)(Xe.Primitive.div,{id:`${i}-${e}-header`,"data-side":e,...r,...(0,Ye.skdxPart)("transfer","list-header",r.className),ref:t})});B.displayName="TransferListHeader";var Je=k(require("react"),1),Ze=require("../utils/part.cjs"),ie=require("../utils/primitive.cjs");var je=require("react/jsx-runtime"),_r={source:"Filter available items",target:"Filter selected items"},U=Je.forwardRef(({side:e,...r},t)=>{let{baseId:i,disabled:a,query:m,searchable:p,setQuery:y}=L("TransferListSearch");return p?(0,je.jsx)(ie.Primitive.input,{type:"search",value:m[e],disabled:a,"data-side":e,"aria-label":_r[e],"aria-controls":`${i}-${e}-list`,...r,...(0,Ze.skdxPart)("transfer","list-search",r.className),ref:t,onChange:(0,ie.composeEventHandlers)(r.onChange,c=>{y(e,c.currentTarget.value)})}):null});U.displayName="TransferListSearch";var er=k(require("react"),1),rr=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var tr=require("react/jsx-runtime"),Q=er.forwardRef(({direction:e,...r},t)=>{let{disabled:i,move:a,moveLabel:m,visibleItems:p}=L("TransferMoveAllTrigger"),y=O[e],c=p[y].filter(T=>!T.disabled).map(T=>T.value),u=i||c.length===0;return(0,tr.jsx)(le.Primitive.button,{type:"button","aria-disabled":u||void 0,"aria-label":m(c.length,e,!0),"data-direction":e,"data-count":c.length,"data-disabled":u?"":void 0,...r,...(0,rr.skdxPart)("transfer","move-all-trigger",r.className),ref:t,onClick:(0,le.composeEventHandlers)(r.onClick,()=>{u||a(e,c)})})});Q.displayName="TransferMoveAllTrigger";var sr=k(require("react"),1),ar=require("../utils/part.cjs"),fe=require("../utils/primitive.cjs");var nr=require("react/jsx-runtime"),W=sr.forwardRef(({direction:e,...r},t)=>{let{disabled:i,marked:a,move:m,moveLabel:p,sideItems:y}=L("TransferMoveTrigger"),c=O[e],u=a[c].filter(I=>!y[c].find(S=>S.value===I)?.disabled),T=i||u.length===0;return(0,nr.jsx)(fe.Primitive.button,{type:"button","aria-disabled":T||void 0,"aria-label":p(u.length,e,!1),"data-direction":e,"data-count":u.length,"data-disabled":T?"":void 0,...r,...(0,ar.skdxPart)("transfer","move-trigger",r.className),ref:t,onClick:(0,fe.composeEventHandlers)(r.onClick,()=>{T||m(e,u)})})});W.displayName="TransferMoveTrigger";var h=require("react/jsx-runtime"),or={source:"Available items",target:"Selected items"},ir={empty:"Nothing here.",noMatch:'No match for "{query}".'},lr=({titles:e,renderItem:r,emptyText:t,showMoveAll:i})=>{let a=e?.source??or.source,m=e?.target??or.target,p=t?.empty??ir.empty,y=t?.noMatch??ir.noMatch,c=(u,T)=>u==="empty"?p:y.replaceAll("{query}",T);return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(B,{side:"source",children:a}),(0,h.jsx)(U,{side:"source"}),(0,h.jsx)(q,{side:"source",renderItem:r}),(0,h.jsx)(_,{side:"source",children:({reason:u,query:T})=>c(u,T)}),(0,h.jsxs)(ee,{children:[i?(0,h.jsx)(Q,{direction:"toTarget",children:"\u21E5"}):null,(0,h.jsx)(W,{direction:"toTarget",children:"\u2192"}),(0,h.jsx)(W,{direction:"toSource",children:"\u2190"}),i?(0,h.jsx)(Q,{direction:"toSource",children:"\u21E4"}):null]}),(0,h.jsx)(B,{side:"target",children:m}),(0,h.jsx)(U,{side:"target"}),(0,h.jsx)(q,{side:"target",renderItem:r}),(0,h.jsx)(_,{side:"target",children:({reason:u,query:T})=>c(u,T)})]})};var $=require("react/jsx-runtime"),P='[role="option"]:not([data-disabled])',[dr,L]=(0,Re.createSafeContext)("Transfer"),[he,be]=(0,Re.createSafeContext)("TransferList"),O={toTarget:"source",toSource:"target"},xe={toTarget:"target",toSource:"source"},G={source:"available",target:"selected"},Tr=["source","target"],qr=[];function pr({moved:e,remaining:r,from:t,to:i}){return`${e} ${e===1?"item":"items"} moved to ${G[i]}. ${r} remaining in ${G[t]}.`}function gr({shown:e,total:r,side:t}){return`${e} of ${r} ${r===1?"item":"items"} shown in ${G[t]}.`}function yr(e,r,t){let i=G[xe[r]],a=t?"Move all":"Move";return e===0?`${a} items to ${i}, ${t?"nothing to move":"nothing selected"}`:`${a} ${e} ${e===1?"item":"items"} to ${i}`}function br(e,r,t="contains"){let i=r.trim().toLowerCase();if(i==="")return!0;let a=e.label.toLowerCase();return t==="startsWith"?a.startsWith(i):t==="endsWith"?a.endsWith(i):a.includes(i)}var Se=f.forwardRef(({items:e,value:r,defaultValue:t,onValueChange:i,onMove:a,disabled:m=!1,name:p,form:y,searchable:c=!1,filter:u,filterMatchMode:T="contains",getMoveLabel:I,getMoveAnnouncement:S,getSearchResultsAnnouncement:M,targetOrder:A="items",onListScroll:D,titles:Y,emptyText:ce,showMoveAll:H=!1,renderItem:me,children:ue,...w},de)=>{let X=f.useId(),[z,s]=(0,ur.useControllableState)({prop:r,defaultProp:t,onChange:i}),b=z??qr,[g,R]=f.useState({source:[],target:[]}),[d,C]=f.useState({source:"",target:""}),[J,vr]=f.useState({source:null,target:null}),[hr,Lr]=f.useState({source:!1,target:!1}),Rr=f.useRef({source:null,target:null}),Me=f.useRef({source:null,target:null}),Te=f.useRef(null),Ee=f.useRef(!1),x=f.useMemo(()=>{let n=e.filter(o=>!b.includes(o.value));if(A==="items")return{source:n,target:e.filter(o=>b.includes(o.value))};let l=new Map(e.map(o=>[o.value,o]));return{source:n,target:b.map(o=>l.get(o)).filter(o=>o!==void 0)}},[e,b,A]),F=f.useMemo(()=>{if(!c)return x;let n=u??((o,E)=>br(o,E,T)),l=o=>d[o].trim()===""?x[o]:x[o].filter(E=>n(E,d[o]));return{source:l("source"),target:l("target")}},[c,u,T,d,x]),pe=f.useMemo(()=>({source:g.source.filter(n=>x.source.some(l=>l.value===n)),target:g.target.filter(n=>x.target.some(l=>l.value===n))}),[g,x]),ge=f.useCallback((n,l)=>{R(o=>({...o,[n]:l}))},[]),xr=f.useCallback((n,l)=>{C(o=>o[n]===l?o:{...o,[n]:l})},[]),ke=f.useCallback((n,l)=>{vr(o=>o[n]===l?o:{...o,[n]:l})},[]),Sr=f.useCallback((n,l)=>{Lr(o=>o[n]===l?o:{...o,[n]:l})},[]),Mr=f.useCallback((n,l)=>{Me.current[n]=l},[]),Er=f.useCallback((n,l)=>{if(m)return;let o=O[n],E=xe[n],K=x[o],V=l.map(v=>K.find(ye=>ye.value===v)).filter(v=>v!==void 0&&!v.disabled);if(V.length===0)return;let Z=V.map(v=>v.value),Dr=F[o].filter(v=>!v.disabled),De=Z.map(v=>Dr.findIndex(ye=>ye.value===v)).filter(v=>v>=0);Te.current={side:o,index:De.length>0?Math.min(...De):0};let Ce=Z.filter(v=>!b.includes(v));s(n==="toTarget"?A==="prepend"?[...Ce,...b]:[...b,...Ce]:b.filter(v=>!Z.includes(v))),ge(o,pe[o].filter(v=>!Z.includes(v))),a?.(V,n);let Cr={moved:V.length,remaining:K.length-V.length,direction:n,from:o,to:E};(0,Le.announce)((S??pr)(Cr))},[m,S,pe,a,ge,s,x,A,b,F]),kr=f.useCallback((n,l)=>{D?.({side:n,scrollTop:l.scrollTop,scrollHeight:l.scrollHeight,clientHeight:l.clientHeight})},[D]),Ie=f.useRef({source:"",target:""});f.useEffect(()=>{if(c)for(let n of Tr)d[n]!==Ie.current[n]&&(Ie.current[n]=d[n],(0,Le.announce)((M??gr)({shown:F[n].length,total:x[n].length,side:n,query:d[n]})))},[c,d,F,x,M]);let Ir=f.useCallback((n,l,o)=>(I??yr)(n,l,o),[I]);return f.useLayoutEffect(()=>{let n=Te.current;if(!n)return;Te.current=null;let l=Me.current[n.side];if(!l)return;let o=Array.from(l.querySelectorAll(P)),E=o[Math.min(n.index,o.length-1)];if(Ee.current=!0,E){let K=E.getAttribute("data-value");K&&ke(n.side,K),E.focus()}else l.focus()}),(0,$.jsxs)(dr,{baseId:X,disabled:m,searchable:c,sideItems:x,visibleItems:F,marked:pe,setMarked:ge,query:d,setQuery:xr,active:J,setActive:ke,anchor:Rr,labelled:hr,registerHeader:Sr,registerList:Mr,suppressFocusIn:Ee,move:Er,moveLabel:Ir,emitListScroll:kr,children:[(0,$.jsx)(mr.Primitive.div,{"data-disabled":m?"":void 0,...w,...(0,cr.skdxPart)("transfer","root",w.className),ref:de,children:ue??(0,$.jsx)(lr,{titles:Y,renderItem:me,emptyText:ce,showMoveAll:H})}),(0,$.jsx)(fr.MirroredValues,{name:p,values:b,disabled:m,form:y})]})});Se.displayName="Transfer";0&&(module.exports={DESTINATION_OF,OPTION_SELECTOR,ORIGIN_OF,SIDES,SIDE_NOUN,Transfer,TransferControls,TransferEmpty,TransferItem,TransferList,TransferListHeader,TransferListProvider,TransferListSearch,TransferMoveAllTrigger,TransferMoveTrigger,TransferProvider,matchesFilterMode,moveAnnouncement,moveTriggerLabel,searchResultsAnnouncement,useTransferContext,useTransferListContext});
+'use client';
+"use strict";var ur=Object.create;var G=Object.defineProperty;var mr=Object.getOwnPropertyDescriptor;var Tr=Object.getOwnPropertyNames;var pr=Object.getPrototypeOf,gr=Object.prototype.hasOwnProperty;var yr=(e,t)=>{for(var r in t)G(e,r,{get:t[r],enumerable:!0})},be=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Tr(t))!gr.call(e,n)&&n!==r&&G(e,n,{get:()=>t[n],enumerable:!(s=mr(t,n))||s.enumerable});return e};var oe=(e,t,r)=>(r=e!=null?ur(pr(e)):{},be(t||!e||!e.__esModule?G(r,"default",{value:e,enumerable:!0}):r,e)),vr=e=>be(G({},"__esModule",{value:!0}),e);var _r={};yr(_r,{DESTINATION_OF:()=>ue,OPTION_SELECTOR:()=>P,ORIGIN_OF:()=>N,SIDES:()=>Je,SIDE_NOUN:()=>U,Transfer:()=>me,TransferControls:()=>W,TransferEmpty:()=>w,TransferItem:()=>X,TransferList:()=>$,TransferListHeader:()=>_,TransferListProvider:()=>le,TransferListSearch:()=>q,TransferMoveAllTrigger:()=>Q,TransferMoveTrigger:()=>z,TransferProvider:()=>Ye,matchesFilterMode:()=>rr,moveAnnouncement:()=>Ze,moveTriggerLabel:()=>er,searchResultsAnnouncement:()=>je,useTransferContext:()=>b,useTransferListContext:()=>ie});module.exports=vr(_r);var p=oe(require("react"),1),ce=require("../utils/createContext.cjs"),Ue=require("../utils/hiddenInput.cjs"),de=require("../utils/liveAnnouncer.cjs"),Ge=require("../utils/part.cjs"),We=require("../utils/primitive.cjs"),te=require("../utils/recipeAxis.cjs"),Xe=require("../utils/useControllableState.cjs");var B=require("../utils/Glyph.cjs");var Re=require("../utils/part.cjs"),he=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),W=({ref:e,...t})=>{let{disabled:r}=b("TransferControls");return(0,Se.jsx)(he.Primitive.div,{role:"group","aria-label":"Move items","data-disabled":r?"":void 0,...t,...(0,Re.skdxPart)("transfer","controls",t.className),ref:e})};W.displayName="TransferControls";var Me=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs");var xe=require("react/jsx-runtime"),w=({side:e,children:t,ref:r,...s})=>{let{query:n,sideItems:o,visibleItems:a}=b("TransferEmpty");if(a[e].length>0)return null;let i=o[e].length===0?"empty":"no-results",l=i==="no-results"?n[e]:"";return(0,xe.jsx)(Le.Primitive.div,{"data-side":e,"data-empty":"","data-reason":i,"data-query":l,...s,...(0,Me.skdxPart)("transfer","empty",s.className),ref:r,children:typeof t=="function"?t({reason:i,query:l}):t})};w.displayName="TransferEmpty";var J=oe(require("react"),1),Pe=require("../listbox/Listbox.cjs"),Ae=require("../utils/clamp.cjs"),Z=require("../utils/direction.cjs"),F=require("../utils/primitive.cjs"),De=require("../utils/useRovingFocus.cjs");var ke=require("../listbox/Listbox.cjs"),Ie=require("../utils/part.cjs"),V=require("../utils/primitive.cjs"),Ee=require("../utils/useRovingFocus.cjs");var Ce=require("react/jsx-runtime");function br(e){let t=e.closest('[role="listbox"]');return t?Array.from(t.querySelectorAll(P),r=>r.getAttribute("data-value")).filter(r=>r!==null):[]}var X=({value:e,disabled:t=!1,ref:r,...s})=>{let n=b("TransferItem"),{anchorRef:o}=n,{side:a}=ie("TransferItem"),i=t||n.disabled,l=n.marked[a].includes(e),m=()=>{i||(o.current[a]=e)};return(0,Ce.jsx)(ke.ListboxItem,{value:e,disabled:i,"data-side":a,"data-selected":l?"":void 0,tabIndex:(0,Ee.rovingTabIndex)(n.active[a]!==null,n.active[a]===e,i),...s,...(0,Ie.skdxPart)("transfer","item",s.className),ref:r,onFocus:(0,V.composeEventHandlers)(s.onFocus,()=>{i||n.setActive(a,e)}),onClick:(0,V.useComposedEventHandlers)(s.onClick,T=>{if(i||!T.shiftKey){m();return}T.preventDefault();let v=br(T.currentTarget),d=o.current[a]??e,u=v.indexOf(d),f=v.indexOf(e);n.setMarked(a,u===-1||f===-1?[e]:v.slice(Math.min(u,f),Math.max(u,f)+1))}),onKeyDown:(0,V.useComposedEventHandlers)(s.onKeyDown,T=>{!T.shiftKey&&(T.key===" "||T.key==="Enter")&&m()})})};X.displayName="TransferItem";var Y=require("react/jsx-runtime"),Rr={source:"Available items",target:"Selected items"},hr={source:"ArrowRight",target:"ArrowLeft"};function fe(e,t,r){let s=e.indexOf(t),n=e.indexOf(r);return s===-1||n===-1?e.includes(r)?[r]:[]:e.slice(Math.min(s,n),Math.max(s,n)+1)}function Sr(e,t){if(!(e.shiftKey&&(e.ctrlKey||e.metaKey)&&(e.key==="Home"||e.key==="End")))return!1;let{options:s,values:n,focusedValue:o,side:a,setMarked:i}=t;if(o===null)return!0;e.preventDefault();let l=e.key==="Home"?n[0]:n[n.length-1];return i(a,fe(n,o,l)),s[e.key==="Home"?0:s.length-1].focus(),!0}function Mr(e,t){if(!((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"))return!1;let{values:r,marked:s,side:n,setMarked:o}=t;e.preventDefault();let a=r.every(i=>s[n].includes(i));return o(n,a?[]:r),!0}function Lr(e,t){if(!(e.shiftKey&&e.key===" "))return!1;let{values:r,focusedValue:s,anchorRef:n,side:o,setMarked:a}=t;if(s===null)return!0;e.preventDefault();let i=n.current[o]??s;return n.current[o]=i,a(o,fe(r,i,s)),!0}function xr(e,t){if(!(e.shiftKey&&(e.key==="ArrowDown"||e.key==="ArrowUp")))return!1;let{options:r,values:s,focusedValue:n,anchorRef:o,side:a,setMarked:i}=t,l=n===null?-1:s.indexOf(n);if(l===-1)return!0;let m=(0,Ae.clamp)(l+(e.key==="ArrowDown"?1:-1),0,s.length-1);e.preventDefault();let T=o.current[a]??s[l];return o.current[a]=T,i(a,fe(s,T,s[m])),r[m].focus(),!0}function kr(e,t){let{dir:r,side:s,focusedValue:n,marked:o,move:a}=t;if((0,Z.directionalKey)(e.key,e.currentTarget,r)!==hr[s])return;let i=o[s];i.length===0&&(i=n?[n]:[]),i.length!==0&&(e.preventDefault(),a(s==="source"?"toTarget":"toSource",i))}var $=({side:e,renderItem:t,children:r,ref:s,...n})=>{let o=b("TransferList"),{anchorRef:a,baseId:i,disabled:l,labelled:m,marked:T,move:v,emitListScroll:d,registerList:u,setActive:f,setMarked:S,suppressFocusInRef:x,visibleItems:M}=o,h=J.useRef(null),O=(0,Z.useDirection)(),A=J.useCallback(c=>{h.current=c,u(e,c),typeof s=="function"?s(c):s&&(s.current=c)},[s,u,e]);(0,De.useRovingTabStop)(h,P,"data-value",o.active[e],c=>f(e,c));let L=M[e],k=`${i}-${e}-header`,D=m[e]?k:void 0,y=()=>Array.from(h.current?.querySelectorAll(P)??[]).filter(c=>c.getAttribute("data-value")!==null);return(0,Y.jsx)(le,{side:e,children:(0,Y.jsx)(Pe.Listbox,{multiple:!0,id:`${i}-${e}-list`,disabled:l,value:T[e],onValueChange:c=>S(e,c.value),"data-side":e,"data-empty":L.length===0?"":void 0,"aria-labelledby":D,"aria-label":D?void 0:Rr[e],tabIndex:l||L.some(c=>!c.disabled)?void 0:0,...n,ref:A,onScroll:(0,F.composeEventHandlers)(n.onScroll,c=>{d(e,c.currentTarget)}),onFocus:(0,F.useComposedEventHandlers)(n.onFocus,c=>{if(l)return;if(x.current){x.current=!1;return}let I=h.current,E=c.relatedTarget;if(!I||!E||I.contains(E))return;let C=y();if(C.length===0)return;let R=C.find(K=>T[e].includes(K.getAttribute("data-value")??""))??C[0];R!==c.target&&R.focus()}),onKeyDown:(0,F.useComposedEventHandlers)(n.onKeyDown,c=>{if(l)return;let I=y(),E=I.map(K=>K.getAttribute("data-value"));if(E.length===0)return;let C=c.target.getAttribute?.("data-value")??null,R={side:e,dir:O,options:I,values:E,focusedValue:C,anchorRef:a,marked:T,setMarked:S,move:v};Sr(c,R)||Mr(c,R)||Lr(c,R)||xr(c,R)||kr(c,R)}),children:r??L.map(c=>(0,Y.jsx)(X,{value:c.value,disabled:c.disabled,textValue:c.label,children:t?t(c):c.label},c.value))})})};$.displayName="TransferList";var Ne=oe(require("react"),1),He=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs");var Ke=require("react/jsx-runtime"),_=({side:e,ref:t,...r})=>{let{baseId:s,registerHeader:n}=b("TransferListHeader");return Ne.useLayoutEffect(()=>(n(e,!0),()=>n(e,!1)),[n,e]),(0,Ke.jsx)(Oe.Primitive.div,{id:`${s}-${e}-header`,"data-side":e,...r,...(0,He.skdxPart)("transfer","list-header",r.className),ref:t})};_.displayName="TransferListHeader";var we=require("../utils/part.cjs"),j=require("../utils/primitive.cjs");var Ve=require("react/jsx-runtime"),Ir={source:"Filter available items",target:"Filter selected items"},q=({side:e,ref:t,...r})=>{let{baseId:s,disabled:n,query:o,searchable:a,setQuery:i}=b("TransferListSearch");return a?(0,Ve.jsx)(j.Primitive.input,{type:"search",value:o[e],disabled:n,"data-side":e,"aria-label":Ir[e],"aria-controls":`${s}-${e}-list`,...r,...(0,we.skdxPart)("transfer","list-search",r.className),ref:t,onChange:(0,j.composeEventHandlers)(r.onChange,l=>{i(e,l.currentTarget.value)})}):null};q.displayName="TransferListSearch";var Fe=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var $e=require("react/jsx-runtime"),Q=({direction:e,ref:t,...r})=>{let{disabled:s,move:n,moveLabel:o,visibleItems:a}=b("TransferMoveAllTrigger"),i=N[e],l=a[i].filter(T=>!T.disabled).map(T=>T.value),m=s||l.length===0;return(0,$e.jsx)(ee.Primitive.button,{type:"button","aria-disabled":m||void 0,"aria-label":o(l.length,e,!0),"data-direction":e,"data-count":l.length,"data-disabled":m?"":void 0,...r,...(0,Fe.skdxPart)("transfer","move-all-trigger",r.className),ref:t,onClick:(0,ee.composeEventHandlers)(r.onClick,()=>{m||n(e,l)})})};Q.displayName="TransferMoveAllTrigger";var _e=require("../utils/part.cjs"),re=require("../utils/primitive.cjs");var qe=require("react/jsx-runtime"),z=({direction:e,ref:t,...r})=>{let{disabled:s,marked:n,move:o,moveLabel:a,sideItems:i}=b("TransferMoveTrigger"),l=N[e],m=n[l].filter(v=>!i[l].find(d=>d.value===v)?.disabled),T=s||m.length===0;return(0,qe.jsx)(re.Primitive.button,{type:"button","aria-disabled":T||void 0,"aria-label":a(m.length,e,!1),"data-direction":e,"data-count":m.length,"data-disabled":T?"":void 0,...r,...(0,_e.skdxPart)("transfer","move-trigger",r.className),ref:t,onClick:(0,re.composeEventHandlers)(r.onClick,()=>{T||o(e,m)})})};z.displayName="TransferMoveTrigger";var g=require("react/jsx-runtime"),Qe={source:"Available items",target:"Selected items"},ze={empty:"Nothing here.",noMatch:'No match for "{query}".'},Er=()=>(0,g.jsx)(B.Glyph,{name:"arrow-right"}),Cr=()=>(0,g.jsx)(B.Glyph,{name:"arrow-left"}),Pr=()=>(0,g.jsx)(B.Glyph,{name:"chevrons-right"}),Ar=()=>(0,g.jsx)(B.Glyph,{name:"chevrons-left"}),Be=({density:e,shape:t,size:r,titles:s,renderItem:n,emptyText:o,showMoveAll:a})=>{let i=s?.source??Qe.source,l=s?.target??Qe.target,m=o?.empty??ze.empty,T=o?.noMatch??ze.noMatch,v=(d,u)=>d==="empty"?m:T.replaceAll("{query}",u);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(_,{side:"source",children:i}),(0,g.jsx)(q,{side:"source"}),(0,g.jsx)($,{side:"source",density:e,shape:t,size:r,renderItem:n}),(0,g.jsx)(w,{side:"source",children:({reason:d,query:u})=>v(d,u)}),(0,g.jsxs)(W,{children:[a?(0,g.jsx)(Q,{direction:"toTarget",children:(0,g.jsx)(Pr,{})}):null,(0,g.jsx)(z,{direction:"toTarget",children:(0,g.jsx)(Er,{})}),(0,g.jsx)(z,{direction:"toSource",children:(0,g.jsx)(Cr,{})}),a?(0,g.jsx)(Q,{direction:"toSource",children:(0,g.jsx)(Ar,{})}):null]}),(0,g.jsx)(_,{side:"target",children:l}),(0,g.jsx)(q,{side:"target"}),(0,g.jsx)($,{side:"target",density:e,shape:t,size:r,renderItem:n}),(0,g.jsx)(w,{side:"target",children:({reason:d,query:u})=>v(d,u)})]})};var H=require("react/jsx-runtime"),P='[role="option"]:not([data-disabled])',[Ye,b]=(0,ce.createSafeContext)("Transfer"),[le,ie]=(0,ce.createSafeContext)("TransferList"),N={toTarget:"source",toSource:"target"},ue={toTarget:"target",toSource:"source"},U={source:"available",target:"selected"},Je=["source","target"],Dr=[];function Ze({moved:e,remaining:t,from:r,to:s}){return`${e} ${e===1?"item":"items"} moved to ${U[s]}. ${t} remaining in ${U[r]}.`}function je({shown:e,total:t,side:r}){return`${e} of ${t} ${t===1?"item":"items"} shown in ${U[r]}.`}function er(e,t,r){let s=U[ue[t]],n=r?"Move all":"Move";return e===0?`${n} items to ${s}, ${r?"nothing to move":"nothing selected"}`:`${n} ${e} ${e===1?"item":"items"} to ${s}`}function rr(e,t,r="contains"){let s=t.trim().toLowerCase();if(s==="")return!0;let n=e.label.toLowerCase();return r==="startsWith"?n.startsWith(s):r==="endsWith"?n.endsWith(s):n.includes(s)}function Nr(){let[e,t]=p.useState({source:[],target:[]}),[r,s]=p.useState({source:"",target:""}),[n,o]=p.useState({source:null,target:null}),[a,i]=p.useState({source:!1,target:!1}),l=p.useCallback((d,u)=>{t(f=>({...f,[d]:u}))},[]),m=p.useCallback((d,u)=>{s(f=>f[d]===u?f:{...f,[d]:u})},[]),T=p.useCallback((d,u)=>{o(f=>f[d]===u?f:{...f,[d]:u})},[]),v=p.useCallback((d,u)=>{i(f=>f[d]===u?f:{...f,[d]:u})},[]);return{markedState:e,query:r,setQuery:m,active:n,setActive:T,labelled:a,setMarked:l,registerHeader:v}}function Hr(){let e=p.useRef({source:null,target:null}),t=p.useRef({source:null,target:null}),r=p.useRef(null),s=p.useRef(!1),n=p.useCallback((o,a)=>{t.current[o]=a},[]);return{anchorRef:e,listNodes:t,pendingFocusRef:r,suppressFocusInRef:s,registerList:n}}function Or(e){let{items:t,targetValues:r,targetOrder:s,searchable:n,filter:o,filterMatchMode:a,query:i,markedState:l}=e,m=p.useMemo(()=>{let d=t.filter(f=>!r.includes(f.value));if(s==="items")return{source:d,target:t.filter(f=>r.includes(f.value))};let u=new Map(t.map(f=>[f.value,f]));return{source:d,target:r.map(f=>u.get(f)).filter(f=>f!==void 0)}},[t,r,s]),T=p.useMemo(()=>{if(!n)return m;let d=o??((f,S)=>rr(f,S,a)),u=f=>i[f].trim()===""?m[f]:m[f].filter(S=>d(S,i[f]));return{source:u("source"),target:u("target")}},[n,o,a,i,m]),v=p.useMemo(()=>({source:l.source.filter(d=>m.source.some(u=>u.value===d)),target:l.target.filter(d=>m.target.some(u=>u.value===d))}),[l,m]);return{sideItems:m,visibleItems:T,marked:v}}function Kr(e){let{disabled:t,sideItems:r,visibleItems:s,targetValues:n,targetOrder:o,marked:a,setMarked:i,setRawValue:l,onMove:m,getMoveAnnouncement:T,pendingFocusRef:v}=e;return p.useCallback((d,u)=>{if(t)return;let f=N[d],S=ue[d],x=r[f],M=u.map(y=>x.find(c=>c.value===y)).filter(y=>y!==void 0&&!y.disabled);if(M.length===0)return;let h=M.map(y=>y.value),O=s[f].filter(y=>!y.disabled),A=h.map(y=>O.findIndex(c=>c.value===y)).filter(y=>y>=0);v.current={side:f,index:A.length>0?Math.min(...A):0};let L=h.filter(y=>!n.includes(y)),k;d==="toTarget"?k=o==="prepend"?[...L,...n]:[...n,...L]:k=n.filter(y=>!h.includes(y)),l(k),i(f,a[f].filter(y=>!h.includes(y))),m?.({items:M,direction:d});let D={moved:M.length,remaining:x.length-M.length,direction:d,from:f,to:S};(0,de.announce)((T??Ze)(D))},[t,T,a,m,v,i,l,r,o,n,s])}function wr(e){return p.useCallback((t,r)=>{e?.({side:t,scrollTop:r.scrollTop,scrollHeight:r.scrollHeight,clientHeight:r.clientHeight})},[e])}function Vr(e,t,r,s,n){let o=p.useRef({source:"",target:""});p.useEffect(()=>{if(e)for(let a of Je)t[a]!==o.current[a]&&(o.current[a]=t[a],(0,de.announce)((n??je)({shown:r[a].length,total:s[a].length,side:a,query:t[a]})))},[e,t,r,s,n])}function Fr(e){return p.useCallback((t,r,s)=>(e??er)(t,r,s),[e])}function $r(e,t,r,s){p.useLayoutEffect(()=>{let n=e.current;if(!n)return;e.current=null;let o=t.current[n.side];if(!o)return;let a=Array.from(o.querySelectorAll(P)),i=a[Math.min(n.index,a.length-1)];if(r.current=!0,i){let l=i.getAttribute("data-value");l&&s(n.side,l),i.focus()}else o.focus()})}var me=({items:e,value:t,defaultValue:r,onValueChange:s,onMove:n,disabled:o=!1,name:a,form:i,searchable:l=!1,filter:m,filterMatchMode:T="contains",getMoveLabel:v,getMoveAnnouncement:d,getSearchResultsAnnouncement:u,targetOrder:f="items",onListScroll:S,titles:x,emptyText:M,showMoveAll:h=!1,renderItem:O,children:A,density:L,shape:k,size:D,ref:y,...c})=>{let I=p.useId(),[E,C]=(0,Xe.useControllableState)({prop:t,defaultProp:r,onChange:s}),R=E??Dr,{markedState:K,query:ne,setQuery:tr,active:nr,setActive:Te,labelled:sr,setMarked:pe,registerHeader:ar}=Nr(),{anchorRef:or,listNodes:ir,pendingFocusRef:ge,suppressFocusInRef:ye,registerList:fr}=Hr(),{sideItems:se,visibleItems:ae,marked:ve}=Or({items:e,targetValues:R,targetOrder:f,searchable:l,filter:m,filterMatchMode:T,query:ne,markedState:K}),lr=Kr({disabled:o,sideItems:se,visibleItems:ae,targetValues:R,targetOrder:f,marked:ve,setMarked:pe,setRawValue:C,onMove:n,getMoveAnnouncement:d,pendingFocusRef:ge}),cr=wr(S);Vr(l,ne,ae,se,u);let dr=Fr(v);return $r(ge,ir,ye,Te),(0,H.jsxs)(Ye,{baseId:I,disabled:o,searchable:l,sideItems:se,visibleItems:ae,marked:ve,setMarked:pe,query:ne,setQuery:tr,active:nr,setActive:Te,anchorRef:or,labelled:sr,registerHeader:ar,registerList:fr,suppressFocusInRef:ye,move:lr,moveLabel:dr,emitListScroll:cr,children:[(0,H.jsx)(We.Primitive.div,{"data-disabled":o?"":void 0,...c,"data-density":void 0,"data-shape":void 0,"data-size":void 0,...(0,Ge.skdxPart)("transfer","root",c.className),ref:y,children:A??(0,H.jsx)(Be,{density:(0,te.recipeAxis)(L,c,"data-density"),shape:(0,te.recipeAxis)(k,c,"data-shape"),size:(0,te.recipeAxis)(D,c,"data-size"),titles:x,renderItem:O,emptyText:M,showMoveAll:h})}),(0,H.jsx)(Ue.MirroredValues,{name:a,values:R,disabled:o,form:i})]})};me.displayName="Transfer";0&&(module.exports={DESTINATION_OF,OPTION_SELECTOR,ORIGIN_OF,SIDES,SIDE_NOUN,Transfer,TransferControls,TransferEmpty,TransferItem,TransferList,TransferListHeader,TransferListProvider,TransferListSearch,TransferMoveAllTrigger,TransferMoveTrigger,TransferProvider,matchesFilterMode,moveAnnouncement,moveTriggerLabel,searchResultsAnnouncement,useTransferContext,useTransferListContext});

package/dist/transfer/Transfer.d.cts

@@ -2,37 +2,18 @@ import * as React from 'react';
 import type { TransferContextValue, TransferDirection, TransferFilterMatchMode, TransferItemData, TransferListContextValue, TransferMoveDetail, TransferProps, TransferSearchResultsDetail, TransferSide } from './types.cjs';
 /** @internal Every option that can hold focus or be moved. Disabled options are skipped by both. */
 export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
-export declare const TransferProvider: {
-    (props: TransferContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTransferContext: (consumerName: string) => TransferContextValue;
-/**
- * Tells a `TransferItem` which list it is inside.
- *
- * Lives here rather than in `TransferList.tsx` because `TransferList` renders
- * `TransferItem`s by default and `TransferItem` needs the context back — a
- * module cycle that would leave one of the two `forwardRef` consts undefined
- * at import time.
- *
- * @internal
- */
-export declare const TransferListProvider: {
-    (props: TransferListContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTransferListContext: (consumerName: string) => TransferListContextValue;
+export declare const TransferProvider: React.FC<TransferContextValue & {
+    children: React.ReactNode;
+}>, useTransferContext: (consumerName: string) => TransferContextValue;
+/** @internal Tells a `TransferItem` which list it is inside. */
+export declare const TransferListProvider: React.FC<TransferListContextValue & {
+    children: React.ReactNode;
+}>, useTransferListContext: (consumerName: string) => TransferListContextValue;
 /** @internal Where a direction takes items *from*. */
 export declare const ORIGIN_OF: Record<TransferDirection, TransferSide>;
 /** @internal Where a direction takes items *to*. */
 export declare const DESTINATION_OF: Record<TransferDirection, TransferSide>;
-/**
- * @internal The word each side is called in default accessible names and in
- * the move announcement. Deliberately the *same* word in both, so "Move 3
- * items to selected" and "3 items moved to selected" name the same list.
- */
+/** @internal Word each side is called in default accessible names and move announcements. */
 export declare const SIDE_NOUN: Record<TransferSide, string>;
 /** @internal Both sides, in a fixed order, so effects can walk them without allocating. */
 export declare const SIDES: readonly TransferSide[];
@@ -45,12 +26,10 @@ export declare function moveTriggerLabel(count: number, direction: TransferDirec
 /** Built-in matcher (parameterised by `filterMatchMode`; case-insensitive and trimmed). */
 export declare function matchesFilterMode(item: TransferItemData, query: string, mode?: TransferFilterMatchMode): boolean;
 /**
- * Two-list transfer: pool on one side, chosen on other, triggers move between.
- * Membership is only state; both lists derived from `items` + `value` so sides never drift.
- * All moves keyboard-reachable; roving focus per list; named buttons; focus lands on moved item place, never body.
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
- * Derives headed searchable lists from `titles` and `renderItem`, or renders children verbatim.
+ * Two-list transfer whose triggers move items between a pool and a chosen list, both derived from `items` and `value` so they never drift.
  * @example `<Transfer items={FRAMEWORKS} defaultValue={['react']} searchable />`
- * @example Full manual composition from `@skdx/react/primitives/transfer` for unrestricted control.
  */
-export declare const Transfer: React.ForwardRefExoticComponent<Omit<TransferProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Transfer: {
+    ({ items, value, defaultValue, onValueChange, onMove, disabled, name, form, searchable, filter, filterMatchMode, getMoveLabel, getMoveAnnouncement, getSearchResultsAnnouncement, targetOrder, onListScroll, titles, emptyText, showMoveAll, renderItem, children, density, shape, size, ref: forwardedRef, ...props }: TransferProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/Transfer.d.ts

@@ -2,37 +2,18 @@ import * as React from 'react';
 import type { TransferContextValue, TransferDirection, TransferFilterMatchMode, TransferItemData, TransferListContextValue, TransferMoveDetail, TransferProps, TransferSearchResultsDetail, TransferSide } from './types.js';
 /** @internal Every option that can hold focus or be moved. Disabled options are skipped by both. */
 export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
-export declare const TransferProvider: {
-    (props: TransferContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTransferContext: (consumerName: string) => TransferContextValue;
-/**
- * Tells a `TransferItem` which list it is inside.
- *
- * Lives here rather than in `TransferList.tsx` because `TransferList` renders
- * `TransferItem`s by default and `TransferItem` needs the context back — a
- * module cycle that would leave one of the two `forwardRef` consts undefined
- * at import time.
- *
- * @internal
- */
-export declare const TransferListProvider: {
-    (props: TransferListContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useTransferListContext: (consumerName: string) => TransferListContextValue;
+export declare const TransferProvider: React.FC<TransferContextValue & {
+    children: React.ReactNode;
+}>, useTransferContext: (consumerName: string) => TransferContextValue;
+/** @internal Tells a `TransferItem` which list it is inside. */
+export declare const TransferListProvider: React.FC<TransferListContextValue & {
+    children: React.ReactNode;
+}>, useTransferListContext: (consumerName: string) => TransferListContextValue;
 /** @internal Where a direction takes items *from*. */
 export declare const ORIGIN_OF: Record<TransferDirection, TransferSide>;
 /** @internal Where a direction takes items *to*. */
 export declare const DESTINATION_OF: Record<TransferDirection, TransferSide>;
-/**
- * @internal The word each side is called in default accessible names and in
- * the move announcement. Deliberately the *same* word in both, so "Move 3
- * items to selected" and "3 items moved to selected" name the same list.
- */
+/** @internal Word each side is called in default accessible names and move announcements. */
 export declare const SIDE_NOUN: Record<TransferSide, string>;
 /** @internal Both sides, in a fixed order, so effects can walk them without allocating. */
 export declare const SIDES: readonly TransferSide[];
@@ -45,12 +26,10 @@ export declare function moveTriggerLabel(count: number, direction: TransferDirec
 /** Built-in matcher (parameterised by `filterMatchMode`; case-insensitive and trimmed). */
 export declare function matchesFilterMode(item: TransferItemData, query: string, mode?: TransferFilterMatchMode): boolean;
 /**
- * Two-list transfer: pool on one side, chosen on other, triggers move between.
- * Membership is only state; both lists derived from `items` + `value` so sides never drift.
- * All moves keyboard-reachable; roving focus per list; named buttons; focus lands on moved item place, never body.
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
- * Derives headed searchable lists from `titles` and `renderItem`, or renders children verbatim.
+ * Two-list transfer whose triggers move items between a pool and a chosen list, both derived from `items` and `value` so they never drift.
  * @example `<Transfer items={FRAMEWORKS} defaultValue={['react']} searchable />`
- * @example Full manual composition from `@skdx/react/primitives/transfer` for unrestricted control.
  */
-export declare const Transfer: React.ForwardRefExoticComponent<Omit<TransferProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Transfer: {
+    ({ items, value, defaultValue, onValueChange, onMove, disabled, name, form, searchable, filter, filterMatchMode, getMoveLabel, getMoveAnnouncement, getSearchResultsAnnouncement, targetOrder, onListScroll, titles, emptyText, showMoveAll, renderItem, children, density, shape, size, ref: forwardedRef, ...props }: TransferProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/Transfer.js

@@ -1 +1,2 @@
-import*as f from"react";import{createSafeContext as Ae}from"../utils/createContext.js";import{MirroredValues as Ir}from"../utils/hiddenInput.js";import{announce as Pe}from"../utils/liveAnnouncer.js";import{skdxPart as Dr}from"../utils/part.js";import{Primitive as Cr}from"../utils/primitive.js";import{useControllableState as Pr}from"../utils/useControllableState.js";import*as ve from"react";import{skdxPart as Ge}from"../utils/part.js";import{Primitive as Ye}from"../utils/primitive.js";import{jsx as Xe}from"react/jsx-runtime";var oe=ve.forwardRef((e,s)=>{let{disabled:a}=h("TransferControls");return Xe(Ye.div,{role:"group","aria-label":"Move items","data-disabled":a?"":void 0,...e,...Ge("transfer","controls",e.className),ref:s})});oe.displayName="TransferControls";import*as he from"react";import{skdxPart as ze}from"../utils/part.js";import{Primitive as Je}from"../utils/primitive.js";import{jsx as Ze}from"react/jsx-runtime";var U=he.forwardRef(({side:e,children:s,...a},i)=>{let{query:o,sideItems:m,visibleItems:p}=h("TransferEmpty");if(p[e].length>0)return null;let y=m[e].length===0?"empty":"no-results",c=y==="no-results"?o[e]:"";return Ze(Je.div,{"data-side":e,"data-empty":"","data-reason":y,"data-query":c,...a,...ze("transfer","empty",a.className),ref:i,children:typeof s=="function"?s({reason:y,query:c}):s})});U.displayName="TransferEmpty";import*as w from"react";import{Listbox as ar}from"../listbox/Listbox.js";import{clamp as nr}from"../utils/clamp.js";import{directionalKey as or,useDirection as ir}from"../utils/direction.js";import{composeEventHandlers as fe}from"../utils/primitive.js";import{useRovingTabStop as lr}from"../utils/useRovingFocus.js";import*as Le from"react";import{ListboxItem as je}from"../listbox/Listbox.js";import{skdxPart as er}from"../utils/part.js";import{composeEventHandlers as ie}from"../utils/primitive.js";import{rovingTabIndex as rr}from"../utils/useRovingFocus.js";import{jsx as sr}from"react/jsx-runtime";function tr(e){let s=e.closest('[role="listbox"]');return s?Array.from(s.querySelectorAll(H),a=>a.getAttribute("data-value")).filter(a=>a!==null):[]}var le=Le.forwardRef(({value:e,disabled:s=!1,...a},i)=>{let o=h("TransferItem"),{side:m}=Re("TransferItem"),p=s||o.disabled,y=o.marked[m].includes(e),c=()=>{p||(o.anchor.current[m]=e)};return sr(je,{value:e,disabled:p,"data-side":m,"data-selected":y?"":void 0,tabIndex:rr(o.active[m]!==null,o.active[m]===e,p),...a,...er("transfer","item",a.className),ref:i,onFocus:ie(a.onFocus,()=>{p||o.setActive(m,e)}),onClick:ie(a.onClick,u=>{if(p||!u.shiftKey){c();return}u.preventDefault();let T=tr(u.currentTarget),k=o.anchor.current[m]??e,S=T.indexOf(k),M=T.indexOf(e);o.setMarked(m,S===-1||M===-1?[e]:T.slice(Math.min(S,M),Math.max(S,M)+1))}),onKeyDown:ie(a.onKeyDown,u=>{!u.shiftKey&&(u.key===" "||u.key==="Enter")&&c()})})});le.displayName="TransferItem";import{jsx as me}from"react/jsx-runtime";var fr={source:"Available items",target:"Selected items"},cr={source:"ArrowRight",target:"ArrowLeft"};function ce(e,s,a){let i=e.indexOf(s),o=e.indexOf(a);return i===-1||o===-1?e.includes(a)?[a]:[]:e.slice(Math.min(i,o),Math.max(i,o)+1)}var Q=w.forwardRef(({side:e,renderItem:s,children:a,...i},o)=>{let m=h("TransferList"),{anchor:p,baseId:y,disabled:c,labelled:u,marked:T,move:k,emitListScroll:S,registerList:M,setActive:C,setMarked:I,suppressFocusIn:K,visibleItems:Z}=m,P=w.useRef(null),j=ir(),ee=w.useCallback(r=>{P.current=r,M(e,r),typeof o=="function"?o(r):o&&(o.current=r)},[o,M,e]);lr(P,H,"data-value",m.active[e],r=>C(e,r));let A=Z[e],re=`${y}-${e}-header`,V=u[e]?re:void 0,_=()=>Array.from(P.current?.querySelectorAll(H)??[]).filter(r=>r.getAttribute("data-value")!==null);return me(xe,{side:e,children:me(ar,{multiple:!0,id:`${y}-${e}-list`,disabled:c,value:T[e],onValueChange:r=>I(e,r.value),"data-side":e,"data-empty":A.length===0?"":void 0,"aria-labelledby":V,"aria-label":V?void 0:fr[e],tabIndex:c||A.some(r=>!r.disabled)?void 0:0,...i,ref:ee,onScroll:fe(i.onScroll,r=>{S(e,r.currentTarget)}),onFocus:fe(i.onFocus,r=>{if(c)return;if(K.current){K.current=!1;return}let b=P.current,g=r.relatedTarget;if(!b||!g||b.contains(g))return;let L=_();if(L.length===0)return;let d=L.find(D=>T[e].includes(D.getAttribute("data-value")??""))??L[0];d!==r.target&&d.focus()}),onKeyDown:fe(i.onKeyDown,r=>{if(c)return;let b=_(),g=b.map(d=>d.getAttribute("data-value"));if(g.length===0)return;let L=r.target.getAttribute?.("data-value")??null;if(r.shiftKey&&(r.ctrlKey||r.metaKey)&&(r.key==="Home"||r.key==="End")){if(L===null)return;r.preventDefault();let d=r.key==="Home"?g[0]:g[g.length-1];I(e,ce(g,L,d)),b[r.key==="Home"?0:b.length-1].focus();return}if((r.ctrlKey||r.metaKey)&&r.key.toLowerCase()==="a"){r.preventDefault();let d=g.every(D=>T[e].includes(D));I(e,d?[]:g);return}if(r.shiftKey&&r.key===" "){if(L===null)return;r.preventDefault();let d=p.current[e]??L;p.current[e]=d,I(e,ce(g,d,L));return}if(r.shiftKey&&(r.key==="ArrowDown"||r.key==="ArrowUp")){let d=L===null?-1:g.indexOf(L);if(d===-1)return;let D=nr(d+(r.key==="ArrowDown"?1:-1),0,g.length-1);r.preventDefault();let q=p.current[e]??g[d];p.current[e]=q,I(e,ce(g,q,g[D])),b[D].focus();return}if(or(r.key,r.currentTarget,j)===cr[e]){let d=T[e].length>0?T[e]:L?[L]:[];if(d.length===0)return;r.preventDefault(),k(e==="source"?"toTarget":"toSource",d)}}),children:a??A.map(r=>me(le,{value:r.value,disabled:r.disabled,textValue:r.label,children:s?s(r):r.label},r.value))})})});Q.displayName="TransferList";import*as W from"react";import{skdxPart as mr}from"../utils/part.js";import{Primitive as ur}from"../utils/primitive.js";import{jsx as dr}from"react/jsx-runtime";var G=W.forwardRef(({side:e,...s},a)=>{let{baseId:i,registerHeader:o}=h("TransferListHeader");return W.useLayoutEffect(()=>(o(e,!0),()=>o(e,!1)),[o,e]),dr(ur.div,{id:`${i}-${e}-header`,"data-side":e,...s,...mr("transfer","list-header",s.className),ref:a})});G.displayName="TransferListHeader";import*as Se from"react";import{skdxPart as Tr}from"../utils/part.js";import{composeEventHandlers as pr,Primitive as gr}from"../utils/primitive.js";import{jsx as br}from"react/jsx-runtime";var yr={source:"Filter available items",target:"Filter selected items"},Y=Se.forwardRef(({side:e,...s},a)=>{let{baseId:i,disabled:o,query:m,searchable:p,setQuery:y}=h("TransferListSearch");return p?br(gr.input,{type:"search",value:m[e],disabled:o,"data-side":e,"aria-label":yr[e],"aria-controls":`${i}-${e}-list`,...s,...Tr("transfer","list-search",s.className),ref:a,onChange:pr(s.onChange,c=>{y(e,c.currentTarget.value)})}):null});Y.displayName="TransferListSearch";import*as Me from"react";import{skdxPart as vr}from"../utils/part.js";import{composeEventHandlers as hr,Primitive as Lr}from"../utils/primitive.js";import{jsx as Rr}from"react/jsx-runtime";var X=Me.forwardRef(({direction:e,...s},a)=>{let{disabled:i,move:o,moveLabel:m,visibleItems:p}=h("TransferMoveAllTrigger"),y=F[e],c=p[y].filter(T=>!T.disabled).map(T=>T.value),u=i||c.length===0;return Rr(Lr.button,{type:"button","aria-disabled":u||void 0,"aria-label":m(c.length,e,!0),"data-direction":e,"data-count":c.length,"data-disabled":u?"":void 0,...s,...vr("transfer","move-all-trigger",s.className),ref:a,onClick:hr(s.onClick,()=>{u||o(e,c)})})});X.displayName="TransferMoveAllTrigger";import*as Ee from"react";import{skdxPart as xr}from"../utils/part.js";import{composeEventHandlers as Sr,Primitive as Mr}from"../utils/primitive.js";import{jsx as Er}from"react/jsx-runtime";var z=Ee.forwardRef(({direction:e,...s},a)=>{let{disabled:i,marked:o,move:m,moveLabel:p,sideItems:y}=h("TransferMoveTrigger"),c=F[e],u=o[c].filter(k=>!y[c].find(S=>S.value===k)?.disabled),T=i||u.length===0;return Er(Mr.button,{type:"button","aria-disabled":T||void 0,"aria-label":p(u.length,e,!1),"data-direction":e,"data-count":u.length,"data-disabled":T?"":void 0,...s,...xr("transfer","move-trigger",s.className),ref:a,onClick:Sr(s.onClick,()=>{T||m(e,u)})})});z.displayName="TransferMoveTrigger";import{Fragment as kr,jsx as x,jsxs as De}from"react/jsx-runtime";var ke={source:"Available items",target:"Selected items"},Ie={empty:"Nothing here.",noMatch:'No match for "{query}".'},Ce=({titles:e,renderItem:s,emptyText:a,showMoveAll:i})=>{let o=e?.source??ke.source,m=e?.target??ke.target,p=a?.empty??Ie.empty,y=a?.noMatch??Ie.noMatch,c=(u,T)=>u==="empty"?p:y.replaceAll("{query}",T);return De(kr,{children:[x(G,{side:"source",children:o}),x(Y,{side:"source"}),x(Q,{side:"source",renderItem:s}),x(U,{side:"source",children:({reason:u,query:T})=>c(u,T)}),De(oe,{children:[i?x(X,{direction:"toTarget",children:"\u21E5"}):null,x(z,{direction:"toTarget",children:"\u2192"}),x(z,{direction:"toSource",children:"\u2190"}),i?x(X,{direction:"toSource",children:"\u21E4"}):null]}),x(G,{side:"target",children:m}),x(Y,{side:"target"}),x(Q,{side:"target",renderItem:s}),x(U,{side:"target",children:({reason:u,query:T})=>c(u,T)})]})};import{jsx as ue,jsxs as Kr}from"react/jsx-runtime";var H='[role="option"]:not([data-disabled])',[Ar,h]=Ae("Transfer"),[xe,Re]=Ae("TransferList"),F={toTarget:"source",toSource:"target"},He={toTarget:"target",toSource:"source"},J={source:"available",target:"selected"},Hr=["source","target"],wr=[];function Nr({moved:e,remaining:s,from:a,to:i}){return`${e} ${e===1?"item":"items"} moved to ${J[i]}. ${s} remaining in ${J[a]}.`}function Or({shown:e,total:s,side:a}){return`${e} of ${s} ${s===1?"item":"items"} shown in ${J[a]}.`}function $r(e,s,a){let i=J[He[s]],o=a?"Move all":"Move";return e===0?`${o} items to ${i}, ${a?"nothing to move":"nothing selected"}`:`${o} ${e} ${e===1?"item":"items"} to ${i}`}function Fr(e,s,a="contains"){let i=s.trim().toLowerCase();if(i==="")return!0;let o=e.label.toLowerCase();return a==="startsWith"?o.startsWith(i):a==="endsWith"?o.endsWith(i):o.includes(i)}var we=f.forwardRef(({items:e,value:s,defaultValue:a,onValueChange:i,onMove:o,disabled:m=!1,name:p,form:y,searchable:c=!1,filter:u,filterMatchMode:T="contains",getMoveLabel:k,getMoveAnnouncement:S,getSearchResultsAnnouncement:M,targetOrder:C="items",onListScroll:I,titles:K,emptyText:Z,showMoveAll:P=!1,renderItem:j,children:ee,...A},re)=>{let V=f.useId(),[_,r]=Pr({prop:s,defaultProp:a,onChange:i}),b=_??wr,[g,L]=f.useState({source:[],target:[]}),[d,D]=f.useState({source:"",target:""}),[q,Ne]=f.useState({source:null,target:null}),[Oe,$e]=f.useState({source:!1,target:!1}),Fe=f.useRef({source:null,target:null}),de=f.useRef({source:null,target:null}),te=f.useRef(null),Te=f.useRef(!1),R=f.useMemo(()=>{let t=e.filter(n=>!b.includes(n.value));if(C==="items")return{source:t,target:e.filter(n=>b.includes(n.value))};let l=new Map(e.map(n=>[n.value,n]));return{source:t,target:b.map(n=>l.get(n)).filter(n=>n!==void 0)}},[e,b,C]),N=f.useMemo(()=>{if(!c)return R;let t=u??((n,E)=>Fr(n,E,T)),l=n=>d[n].trim()===""?R[n]:R[n].filter(E=>t(E,d[n]));return{source:l("source"),target:l("target")}},[c,u,T,d,R]),se=f.useMemo(()=>({source:g.source.filter(t=>R.source.some(l=>l.value===t)),target:g.target.filter(t=>R.target.some(l=>l.value===t))}),[g,R]),ae=f.useCallback((t,l)=>{L(n=>({...n,[t]:l}))},[]),Ke=f.useCallback((t,l)=>{D(n=>n[t]===l?n:{...n,[t]:l})},[]),pe=f.useCallback((t,l)=>{Ne(n=>n[t]===l?n:{...n,[t]:l})},[]),Ve=f.useCallback((t,l)=>{$e(n=>n[t]===l?n:{...n,[t]:l})},[]),_e=f.useCallback((t,l)=>{de.current[t]=l},[]),qe=f.useCallback((t,l)=>{if(m)return;let n=F[t],E=He[t],O=R[n],$=l.map(v=>O.find(ne=>ne.value===v)).filter(v=>v!==void 0&&!v.disabled);if($.length===0)return;let B=$.map(v=>v.value),Qe=N[n].filter(v=>!v.disabled),ye=B.map(v=>Qe.findIndex(ne=>ne.value===v)).filter(v=>v>=0);te.current={side:n,index:ye.length>0?Math.min(...ye):0};let be=B.filter(v=>!b.includes(v));r(t==="toTarget"?C==="prepend"?[...be,...b]:[...b,...be]:b.filter(v=>!B.includes(v))),ae(n,se[n].filter(v=>!B.includes(v))),o?.($,t);let We={moved:$.length,remaining:O.length-$.length,direction:t,from:n,to:E};Pe((S??Nr)(We))},[m,S,se,o,ae,r,R,C,b,N]),Be=f.useCallback((t,l)=>{I?.({side:t,scrollTop:l.scrollTop,scrollHeight:l.scrollHeight,clientHeight:l.clientHeight})},[I]),ge=f.useRef({source:"",target:""});f.useEffect(()=>{if(c)for(let t of Hr)d[t]!==ge.current[t]&&(ge.current[t]=d[t],Pe((M??Or)({shown:N[t].length,total:R[t].length,side:t,query:d[t]})))},[c,d,N,R,M]);let Ue=f.useCallback((t,l,n)=>(k??$r)(t,l,n),[k]);return f.useLayoutEffect(()=>{let t=te.current;if(!t)return;te.current=null;let l=de.current[t.side];if(!l)return;let n=Array.from(l.querySelectorAll(H)),E=n[Math.min(t.index,n.length-1)];if(Te.current=!0,E){let O=E.getAttribute("data-value");O&&pe(t.side,O),E.focus()}else l.focus()}),Kr(Ar,{baseId:V,disabled:m,searchable:c,sideItems:R,visibleItems:N,marked:se,setMarked:ae,query:d,setQuery:Ke,active:q,setActive:pe,anchor:Fe,labelled:Oe,registerHeader:Ve,registerList:_e,suppressFocusIn:Te,move:qe,moveLabel:Ue,emitListScroll:Be,children:[ue(Cr.div,{"data-disabled":m?"":void 0,...A,...Dr("transfer","root",A.className),ref:re,children:ee??ue(Ce,{titles:K,renderItem:j,emptyText:Z,showMoveAll:P})}),ue(Ir,{name:p,values:b,disabled:m,form:y})]})});we.displayName="Transfer";export{He as DESTINATION_OF,H as OPTION_SELECTOR,F as ORIGIN_OF,Hr as SIDES,J as SIDE_NOUN,we as Transfer,oe as TransferControls,U as TransferEmpty,le as TransferItem,Q as TransferList,G as TransferListHeader,xe as TransferListProvider,Y as TransferListSearch,X as TransferMoveAllTrigger,z as TransferMoveTrigger,Ar as TransferProvider,Fr as matchesFilterMode,Nr as moveAnnouncement,$r as moveTriggerLabel,Or as searchResultsAnnouncement,h as useTransferContext,Re as useTransferListContext};
+'use client';
+import*as p from"react";import{createSafeContext as Te}from"../utils/createContext.js";import{MirroredValues as Rr}from"../utils/hiddenInput.js";import{announce as pe}from"../utils/liveAnnouncer.js";import{skdxPart as hr}from"../utils/part.js";import{Primitive as Sr}from"../utils/primitive.js";import{recipeAxis as Z}from"../utils/recipeAxis.js";import{useControllableState as Mr}from"../utils/useControllableState.js";import{Glyph as Q}from"../utils/Glyph.js";import{skdxPart as Ee}from"../utils/part.js";import{Primitive as Ce}from"../utils/primitive.js";import{jsx as Pe}from"react/jsx-runtime";var W=({ref:e,...s})=>{let{disabled:r}=b("TransferControls");return Pe(Ce.div,{role:"group","aria-label":"Move items","data-disabled":r?"":void 0,...s,...Ee("transfer","controls",s.className),ref:e})};W.displayName="TransferControls";import{skdxPart as Ae}from"../utils/part.js";import{Primitive as De}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var K=({side:e,children:s,ref:r,...n})=>{let{query:t,sideItems:o,visibleItems:a}=b("TransferEmpty");if(a[e].length>0)return null;let i=o[e].length===0?"empty":"no-results",l=i==="no-results"?t[e]:"";return Ne(De.div,{"data-side":e,"data-empty":"","data-reason":i,"data-query":l,...n,...Ae("transfer","empty",n.className),ref:r,children:typeof s=="function"?s({reason:i,query:l}):s})};K.displayName="TransferEmpty";import*as w from"react";import{Listbox as $e}from"../listbox/Listbox.js";import{clamp as _e}from"../utils/clamp.js";import{directionalKey as qe,useDirection as Qe}from"../utils/direction.js";import{composeEventHandlers as ze,useComposedEventHandlers as ie}from"../utils/primitive.js";import{useRovingTabStop as Be}from"../utils/useRovingFocus.js";import{ListboxItem as He}from"../listbox/Listbox.js";import{skdxPart as Oe}from"../utils/part.js";import{composeEventHandlers as Ke,useComposedEventHandlers as ae}from"../utils/primitive.js";import{rovingTabIndex as we}from"../utils/useRovingFocus.js";import{jsx as Fe}from"react/jsx-runtime";function Ve(e){let s=e.closest('[role="listbox"]');return s?Array.from(s.querySelectorAll(D),r=>r.getAttribute("data-value")).filter(r=>r!==null):[]}var X=({value:e,disabled:s=!1,ref:r,...n})=>{let t=b("TransferItem"),{anchorRef:o}=t,{side:a}=oe("TransferItem"),i=s||t.disabled,l=t.marked[a].includes(e),m=()=>{i||(o.current[a]=e)};return Fe(He,{value:e,disabled:i,"data-side":a,"data-selected":l?"":void 0,tabIndex:we(t.active[a]!==null,t.active[a]===e,i),...n,...Oe("transfer","item",n.className),ref:r,onFocus:Ke(n.onFocus,()=>{i||t.setActive(a,e)}),onClick:ae(n.onClick,T=>{if(i||!T.shiftKey){m();return}T.preventDefault();let v=Ve(T.currentTarget),d=o.current[a]??e,u=v.indexOf(d),f=v.indexOf(e);t.setMarked(a,u===-1||f===-1?[e]:v.slice(Math.min(u,f),Math.max(u,f)+1))}),onKeyDown:ae(n.onKeyDown,T=>{!T.shiftKey&&(T.key===" "||T.key==="Enter")&&m()})})};X.displayName="TransferItem";import{jsx as Y}from"react/jsx-runtime";var Ue={source:"Available items",target:"Selected items"},Ge={source:"ArrowRight",target:"ArrowLeft"};function J(e,s,r){let n=e.indexOf(s),t=e.indexOf(r);return n===-1||t===-1?e.includes(r)?[r]:[]:e.slice(Math.min(n,t),Math.max(n,t)+1)}function We(e,s){if(!(e.shiftKey&&(e.ctrlKey||e.metaKey)&&(e.key==="Home"||e.key==="End")))return!1;let{options:n,values:t,focusedValue:o,side:a,setMarked:i}=s;if(o===null)return!0;e.preventDefault();let l=e.key==="Home"?t[0]:t[t.length-1];return i(a,J(t,o,l)),n[e.key==="Home"?0:n.length-1].focus(),!0}function Xe(e,s){if(!((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"))return!1;let{values:r,marked:n,side:t,setMarked:o}=s;e.preventDefault();let a=r.every(i=>n[t].includes(i));return o(t,a?[]:r),!0}function Ye(e,s){if(!(e.shiftKey&&e.key===" "))return!1;let{values:r,focusedValue:n,anchorRef:t,side:o,setMarked:a}=s;if(n===null)return!0;e.preventDefault();let i=t.current[o]??n;return t.current[o]=i,a(o,J(r,i,n)),!0}function Je(e,s){if(!(e.shiftKey&&(e.key==="ArrowDown"||e.key==="ArrowUp")))return!1;let{options:r,values:n,focusedValue:t,anchorRef:o,side:a,setMarked:i}=s,l=t===null?-1:n.indexOf(t);if(l===-1)return!0;let m=_e(l+(e.key==="ArrowDown"?1:-1),0,n.length-1);e.preventDefault();let T=o.current[a]??n[l];return o.current[a]=T,i(a,J(n,T,n[m])),r[m].focus(),!0}function Ze(e,s){let{dir:r,side:n,focusedValue:t,marked:o,move:a}=s;if(qe(e.key,e.currentTarget,r)!==Ge[n])return;let i=o[n];i.length===0&&(i=t?[t]:[]),i.length!==0&&(e.preventDefault(),a(n==="source"?"toTarget":"toSource",i))}var V=({side:e,renderItem:s,children:r,ref:n,...t})=>{let o=b("TransferList"),{anchorRef:a,baseId:i,disabled:l,labelled:m,marked:T,move:v,emitListScroll:d,registerList:u,setActive:f,setMarked:S,suppressFocusInRef:x,visibleItems:M}=o,h=w.useRef(null),N=Qe(),P=w.useCallback(c=>{h.current=c,u(e,c),typeof n=="function"?n(c):n&&(n.current=c)},[n,u,e]);Be(h,D,"data-value",o.active[e],c=>f(e,c));let L=M[e],k=`${i}-${e}-header`,A=m[e]?k:void 0,g=()=>Array.from(h.current?.querySelectorAll(D)??[]).filter(c=>c.getAttribute("data-value")!==null);return Y(fe,{side:e,children:Y($e,{multiple:!0,id:`${i}-${e}-list`,disabled:l,value:T[e],onValueChange:c=>S(e,c.value),"data-side":e,"data-empty":L.length===0?"":void 0,"aria-labelledby":A,"aria-label":A?void 0:Ue[e],tabIndex:l||L.some(c=>!c.disabled)?void 0:0,...t,ref:P,onScroll:ze(t.onScroll,c=>{d(e,c.currentTarget)}),onFocus:ie(t.onFocus,c=>{if(l)return;if(x.current){x.current=!1;return}let I=h.current,E=c.relatedTarget;if(!I||!E||I.contains(E))return;let C=g();if(C.length===0)return;let R=C.find(H=>T[e].includes(H.getAttribute("data-value")??""))??C[0];R!==c.target&&R.focus()}),onKeyDown:ie(t.onKeyDown,c=>{if(l)return;let I=g(),E=I.map(H=>H.getAttribute("data-value"));if(E.length===0)return;let C=c.target.getAttribute?.("data-value")??null,R={side:e,dir:N,options:I,values:E,focusedValue:C,anchorRef:a,marked:T,setMarked:S,move:v};We(c,R)||Xe(c,R)||Ye(c,R)||Je(c,R)||Ze(c,R)}),children:r??L.map(c=>Y(X,{value:c.value,disabled:c.disabled,textValue:c.label,children:s?s(c):c.label},c.value))})})};V.displayName="TransferList";import*as le from"react";import{skdxPart as je}from"../utils/part.js";import{Primitive as er}from"../utils/primitive.js";import{jsx as rr}from"react/jsx-runtime";var F=({side:e,ref:s,...r})=>{let{baseId:n,registerHeader:t}=b("TransferListHeader");return le.useLayoutEffect(()=>(t(e,!0),()=>t(e,!1)),[t,e]),rr(er.div,{id:`${n}-${e}-header`,"data-side":e,...r,...je("transfer","list-header",r.className),ref:s})};F.displayName="TransferListHeader";import{skdxPart as tr}from"../utils/part.js";import{composeEventHandlers as nr,Primitive as sr}from"../utils/primitive.js";import{jsx as or}from"react/jsx-runtime";var ar={source:"Filter available items",target:"Filter selected items"},$=({side:e,ref:s,...r})=>{let{baseId:n,disabled:t,query:o,searchable:a,setQuery:i}=b("TransferListSearch");return a?or(sr.input,{type:"search",value:o[e],disabled:t,"data-side":e,"aria-label":ar[e],"aria-controls":`${n}-${e}-list`,...r,...tr("transfer","list-search",r.className),ref:s,onChange:nr(r.onChange,l=>{i(e,l.currentTarget.value)})}):null};$.displayName="TransferListSearch";import{skdxPart as ir}from"../utils/part.js";import{composeEventHandlers as fr,Primitive as lr}from"../utils/primitive.js";import{jsx as cr}from"react/jsx-runtime";var _=({direction:e,ref:s,...r})=>{let{disabled:n,move:t,moveLabel:o,visibleItems:a}=b("TransferMoveAllTrigger"),i=O[e],l=a[i].filter(T=>!T.disabled).map(T=>T.value),m=n||l.length===0;return cr(lr.button,{type:"button","aria-disabled":m||void 0,"aria-label":o(l.length,e,!0),"data-direction":e,"data-count":l.length,"data-disabled":m?"":void 0,...r,...ir("transfer","move-all-trigger",r.className),ref:s,onClick:fr(r.onClick,()=>{m||t(e,l)})})};_.displayName="TransferMoveAllTrigger";import{skdxPart as dr}from"../utils/part.js";import{composeEventHandlers as ur,Primitive as mr}from"../utils/primitive.js";import{jsx as Tr}from"react/jsx-runtime";var q=({direction:e,ref:s,...r})=>{let{disabled:n,marked:t,move:o,moveLabel:a,sideItems:i}=b("TransferMoveTrigger"),l=O[e],m=t[l].filter(v=>!i[l].find(d=>d.value===v)?.disabled),T=n||m.length===0;return Tr(mr.button,{type:"button","aria-disabled":T||void 0,"aria-label":a(m.length,e,!1),"data-direction":e,"data-count":m.length,"data-disabled":T?"":void 0,...r,...dr("transfer","move-trigger",r.className),ref:s,onClick:ur(r.onClick,()=>{T||o(e,m)})})};q.displayName="TransferMoveTrigger";import{Fragment as br,jsx as y,jsxs as ue}from"react/jsx-runtime";var ce={source:"Available items",target:"Selected items"},de={empty:"Nothing here.",noMatch:'No match for "{query}".'},pr=()=>y(Q,{name:"arrow-right"}),gr=()=>y(Q,{name:"arrow-left"}),yr=()=>y(Q,{name:"chevrons-right"}),vr=()=>y(Q,{name:"chevrons-left"}),me=({density:e,shape:s,size:r,titles:n,renderItem:t,emptyText:o,showMoveAll:a})=>{let i=n?.source??ce.source,l=n?.target??ce.target,m=o?.empty??de.empty,T=o?.noMatch??de.noMatch,v=(d,u)=>d==="empty"?m:T.replaceAll("{query}",u);return ue(br,{children:[y(F,{side:"source",children:i}),y($,{side:"source"}),y(V,{side:"source",density:e,shape:s,size:r,renderItem:t}),y(K,{side:"source",children:({reason:d,query:u})=>v(d,u)}),ue(W,{children:[a?y(_,{direction:"toTarget",children:y(yr,{})}):null,y(q,{direction:"toTarget",children:y(pr,{})}),y(q,{direction:"toSource",children:y(gr,{})}),a?y(_,{direction:"toSource",children:y(vr,{})}):null]}),y(F,{side:"target",children:l}),y($,{side:"target"}),y(V,{side:"target",density:e,shape:s,size:r,renderItem:t}),y(K,{side:"target",children:({reason:d,query:u})=>v(d,u)})]})};import{jsx as j,jsxs as Fr}from"react/jsx-runtime";var D='[role="option"]:not([data-disabled])',[Lr,b]=Te("Transfer"),[fe,oe]=Te("TransferList"),O={toTarget:"source",toSource:"target"},ge={toTarget:"target",toSource:"source"},z={source:"available",target:"selected"},xr=["source","target"],kr=[];function Ir({moved:e,remaining:s,from:r,to:n}){return`${e} ${e===1?"item":"items"} moved to ${z[n]}. ${s} remaining in ${z[r]}.`}function Er({shown:e,total:s,side:r}){return`${e} of ${s} ${s===1?"item":"items"} shown in ${z[r]}.`}function Cr(e,s,r){let n=z[ge[s]],t=r?"Move all":"Move";return e===0?`${t} items to ${n}, ${r?"nothing to move":"nothing selected"}`:`${t} ${e} ${e===1?"item":"items"} to ${n}`}function Pr(e,s,r="contains"){let n=s.trim().toLowerCase();if(n==="")return!0;let t=e.label.toLowerCase();return r==="startsWith"?t.startsWith(n):r==="endsWith"?t.endsWith(n):t.includes(n)}function Ar(){let[e,s]=p.useState({source:[],target:[]}),[r,n]=p.useState({source:"",target:""}),[t,o]=p.useState({source:null,target:null}),[a,i]=p.useState({source:!1,target:!1}),l=p.useCallback((d,u)=>{s(f=>({...f,[d]:u}))},[]),m=p.useCallback((d,u)=>{n(f=>f[d]===u?f:{...f,[d]:u})},[]),T=p.useCallback((d,u)=>{o(f=>f[d]===u?f:{...f,[d]:u})},[]),v=p.useCallback((d,u)=>{i(f=>f[d]===u?f:{...f,[d]:u})},[]);return{markedState:e,query:r,setQuery:m,active:t,setActive:T,labelled:a,setMarked:l,registerHeader:v}}function Dr(){let e=p.useRef({source:null,target:null}),s=p.useRef({source:null,target:null}),r=p.useRef(null),n=p.useRef(!1),t=p.useCallback((o,a)=>{s.current[o]=a},[]);return{anchorRef:e,listNodes:s,pendingFocusRef:r,suppressFocusInRef:n,registerList:t}}function Nr(e){let{items:s,targetValues:r,targetOrder:n,searchable:t,filter:o,filterMatchMode:a,query:i,markedState:l}=e,m=p.useMemo(()=>{let d=s.filter(f=>!r.includes(f.value));if(n==="items")return{source:d,target:s.filter(f=>r.includes(f.value))};let u=new Map(s.map(f=>[f.value,f]));return{source:d,target:r.map(f=>u.get(f)).filter(f=>f!==void 0)}},[s,r,n]),T=p.useMemo(()=>{if(!t)return m;let d=o??((f,S)=>Pr(f,S,a)),u=f=>i[f].trim()===""?m[f]:m[f].filter(S=>d(S,i[f]));return{source:u("source"),target:u("target")}},[t,o,a,i,m]),v=p.useMemo(()=>({source:l.source.filter(d=>m.source.some(u=>u.value===d)),target:l.target.filter(d=>m.target.some(u=>u.value===d))}),[l,m]);return{sideItems:m,visibleItems:T,marked:v}}function Hr(e){let{disabled:s,sideItems:r,visibleItems:n,targetValues:t,targetOrder:o,marked:a,setMarked:i,setRawValue:l,onMove:m,getMoveAnnouncement:T,pendingFocusRef:v}=e;return p.useCallback((d,u)=>{if(s)return;let f=O[d],S=ge[d],x=r[f],M=u.map(g=>x.find(c=>c.value===g)).filter(g=>g!==void 0&&!g.disabled);if(M.length===0)return;let h=M.map(g=>g.value),N=n[f].filter(g=>!g.disabled),P=h.map(g=>N.findIndex(c=>c.value===g)).filter(g=>g>=0);v.current={side:f,index:P.length>0?Math.min(...P):0};let L=h.filter(g=>!t.includes(g)),k;d==="toTarget"?k=o==="prepend"?[...L,...t]:[...t,...L]:k=t.filter(g=>!h.includes(g)),l(k),i(f,a[f].filter(g=>!h.includes(g))),m?.({items:M,direction:d});let A={moved:M.length,remaining:x.length-M.length,direction:d,from:f,to:S};pe((T??Ir)(A))},[s,T,a,m,v,i,l,r,o,t,n])}function Or(e){return p.useCallback((s,r)=>{e?.({side:s,scrollTop:r.scrollTop,scrollHeight:r.scrollHeight,clientHeight:r.clientHeight})},[e])}function Kr(e,s,r,n,t){let o=p.useRef({source:"",target:""});p.useEffect(()=>{if(e)for(let a of xr)s[a]!==o.current[a]&&(o.current[a]=s[a],pe((t??Er)({shown:r[a].length,total:n[a].length,side:a,query:s[a]})))},[e,s,r,n,t])}function wr(e){return p.useCallback((s,r,n)=>(e??Cr)(s,r,n),[e])}function Vr(e,s,r,n){p.useLayoutEffect(()=>{let t=e.current;if(!t)return;e.current=null;let o=s.current[t.side];if(!o)return;let a=Array.from(o.querySelectorAll(D)),i=a[Math.min(t.index,a.length-1)];if(r.current=!0,i){let l=i.getAttribute("data-value");l&&n(t.side,l),i.focus()}else o.focus()})}var ye=({items:e,value:s,defaultValue:r,onValueChange:n,onMove:t,disabled:o=!1,name:a,form:i,searchable:l=!1,filter:m,filterMatchMode:T="contains",getMoveLabel:v,getMoveAnnouncement:d,getSearchResultsAnnouncement:u,targetOrder:f="items",onListScroll:S,titles:x,emptyText:M,showMoveAll:h=!1,renderItem:N,children:P,density:L,shape:k,size:A,ref:g,...c})=>{let I=p.useId(),[E,C]=Mr({prop:s,defaultProp:r,onChange:n}),R=E??kr,{markedState:H,query:B,setQuery:ve,active:be,setActive:ee,labelled:Re,setMarked:re,registerHeader:he}=Ar(),{anchorRef:Se,listNodes:Me,pendingFocusRef:te,suppressFocusInRef:ne,registerList:Le}=Dr(),{sideItems:U,visibleItems:G,marked:se}=Nr({items:e,targetValues:R,targetOrder:f,searchable:l,filter:m,filterMatchMode:T,query:B,markedState:H}),xe=Hr({disabled:o,sideItems:U,visibleItems:G,targetValues:R,targetOrder:f,marked:se,setMarked:re,setRawValue:C,onMove:t,getMoveAnnouncement:d,pendingFocusRef:te}),ke=Or(S);Kr(l,B,G,U,u);let Ie=wr(v);return Vr(te,Me,ne,ee),Fr(Lr,{baseId:I,disabled:o,searchable:l,sideItems:U,visibleItems:G,marked:se,setMarked:re,query:B,setQuery:ve,active:be,setActive:ee,anchorRef:Se,labelled:Re,registerHeader:he,registerList:Le,suppressFocusInRef:ne,move:xe,moveLabel:Ie,emitListScroll:ke,children:[j(Sr.div,{"data-disabled":o?"":void 0,...c,"data-density":void 0,"data-shape":void 0,"data-size":void 0,...hr("transfer","root",c.className),ref:g,children:P??j(me,{density:Z(L,c,"data-density"),shape:Z(k,c,"data-shape"),size:Z(A,c,"data-size"),titles:x,renderItem:N,emptyText:M,showMoveAll:h})}),j(Rr,{name:a,values:R,disabled:o,form:i})]})};ye.displayName="Transfer";export{ge as DESTINATION_OF,D as OPTION_SELECTOR,O as ORIGIN_OF,xr as SIDES,z as SIDE_NOUN,ye as Transfer,W as TransferControls,K as TransferEmpty,X as TransferItem,V as TransferList,F as TransferListHeader,fe as TransferListProvider,$ as TransferListSearch,_ as TransferMoveAllTrigger,q as TransferMoveTrigger,Lr as TransferProvider,Pr as matchesFilterMode,Ir as moveAnnouncement,Cr as moveTriggerLabel,Er as searchResultsAnnouncement,b as useTransferContext,oe as useTransferListContext};

package/dist/transfer/TransferAnatomy.d.cts

@@ -1,14 +1,12 @@
 import type * as React from 'react';
-import type { TransferEmptyText, TransferItemData, TransferTitles } from './types.cjs';
-/**
- * The anatomy a {@link Transfer} draws given no manually-composed children:
- * headed, searchable source and target lists with move triggers between them.
- *
- * @internal
- */
-export declare const TransferAnatomy: ({ titles, renderItem, emptyText, showMoveAll, }: {
-    titles?: TransferTitles;
-    renderItem?: (item: TransferItemData) => React.ReactNode;
-    emptyText?: TransferEmptyText;
-    showMoveAll?: boolean;
+import type { TransferEmptyText, TransferItemData, TransferListProps, TransferTitles } from './types.cjs';
+/** @internal Default anatomy a {@link Transfer} draws with no manually-composed children. */
+export declare const TransferAnatomy: ({ density, shape, size, titles, renderItem, emptyText, showMoveAll, }: {
+    density?: TransferListProps["density"] | undefined;
+    shape?: TransferListProps["shape"] | undefined;
+    size?: TransferListProps["size"] | undefined;
+    titles?: TransferTitles | undefined;
+    renderItem?: ((item: TransferItemData) => React.ReactNode) | undefined;
+    emptyText?: TransferEmptyText | undefined;
+    showMoveAll?: boolean | undefined;
 }) => React.JSX.Element;

package/dist/transfer/TransferAnatomy.d.ts

@@ -1,14 +1,12 @@
 import type * as React from 'react';
-import type { TransferEmptyText, TransferItemData, TransferTitles } from './types.js';
-/**
- * The anatomy a {@link Transfer} draws given no manually-composed children:
- * headed, searchable source and target lists with move triggers between them.
- *
- * @internal
- */
-export declare const TransferAnatomy: ({ titles, renderItem, emptyText, showMoveAll, }: {
-    titles?: TransferTitles;
-    renderItem?: (item: TransferItemData) => React.ReactNode;
-    emptyText?: TransferEmptyText;
-    showMoveAll?: boolean;
+import type { TransferEmptyText, TransferItemData, TransferListProps, TransferTitles } from './types.js';
+/** @internal Default anatomy a {@link Transfer} draws with no manually-composed children. */
+export declare const TransferAnatomy: ({ density, shape, size, titles, renderItem, emptyText, showMoveAll, }: {
+    density?: TransferListProps["density"] | undefined;
+    shape?: TransferListProps["shape"] | undefined;
+    size?: TransferListProps["size"] | undefined;
+    titles?: TransferTitles | undefined;
+    renderItem?: ((item: TransferItemData) => React.ReactNode) | undefined;
+    emptyText?: TransferEmptyText | undefined;
+    showMoveAll?: boolean | undefined;
 }) => React.JSX.Element;

package/dist/transfer/TransferControls.d.cts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferControlsProps } from './types.cjs';
 /**
- * Named group holding move triggers. Groups buttons semantically between two lists.
+ * Named group holding move triggers, grouping buttons semantically between two lists.
  *
  * @example
  * ```tsx
@@ -11,4 +11,7 @@ import type { TransferControlsProps } from './types.cjs';
  * </TransferControls>
  * ```
  */
-export declare const TransferControls: React.ForwardRefExoticComponent<Omit<TransferControlsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TransferControls: {
+    ({ ref: forwardedRef, ...props }: TransferControlsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferControls.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferControlsProps } from './types.js';
 /**
- * Named group holding move triggers. Groups buttons semantically between two lists.
+ * Named group holding move triggers, grouping buttons semantically between two lists.
  *
  * @example
  * ```tsx
@@ -11,4 +11,7 @@ import type { TransferControlsProps } from './types.js';
  * </TransferControls>
  * ```
  */
-export declare const TransferControls: React.ForwardRefExoticComponent<Omit<TransferControlsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TransferControls: {
+    ({ ref: forwardedRef, ...props }: TransferControlsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferEmpty.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferEmptyProps } from './types.cjs';
 /**
- * Empty state message, sibling to `TransferList` (not child; invalid ARIA inside
- * listbox). Publishes `data-reason` (`”empty”` / `”no-results”`) and `data-query`
- * for different messaging.
+ * Empty state message, sibling to `TransferList`, publishing `data-reason` and `data-query` for different messaging.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { TransferEmptyProps } from './types.cjs';
  * </TransferEmpty>
  * ```
  */
-export declare const TransferEmpty: React.ForwardRefExoticComponent<Omit<TransferEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TransferEmpty: {
+    ({ side, children, ref: forwardedRef, ...props }: TransferEmptyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferEmpty.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferEmptyProps } from './types.js';
 /**
- * Empty state message, sibling to `TransferList` (not child; invalid ARIA inside
- * listbox). Publishes `data-reason` (`”empty”` / `”no-results”`) and `data-query`
- * for different messaging.
+ * Empty state message, sibling to `TransferList`, publishing `data-reason` and `data-query` for different messaging.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { TransferEmptyProps } from './types.js';
  * </TransferEmpty>
  * ```
  */
-export declare const TransferEmpty: React.ForwardRefExoticComponent<Omit<TransferEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TransferEmpty: {
+    ({ side, children, ref: forwardedRef, ...props }: TransferEmptyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferItem.d.cts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferItemProps } from './types.cjs';
-/**
- * Option inside a {@link TransferList}, marking it for move without moving.
- * Click, Enter, Space, or Shift+Click marks ranges. Publishes `data-side`,
- * `data-selected` while marked, plus `ListboxItem` attributes.
- */
-export declare const TransferItem: React.ForwardRefExoticComponent<Omit<TransferItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Option inside a {@link TransferList} that marks itself for move via click, Enter, Space, or Shift+Click ranges, without moving. */
+export declare const TransferItem: {
+    ({ value, disabled, ref: forwardedRef, ...props }: TransferItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferItem.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferItemProps } from './types.js';
-/**
- * Option inside a {@link TransferList}, marking it for move without moving.
- * Click, Enter, Space, or Shift+Click marks ranges. Publishes `data-side`,
- * `data-selected` while marked, plus `ListboxItem` attributes.
- */
-export declare const TransferItem: React.ForwardRefExoticComponent<Omit<TransferItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Option inside a {@link TransferList} that marks itself for move via click, Enter, Space, or Shift+Click ranges, without moving. */
+export declare const TransferItem: {
+    ({ value, disabled, ref: forwardedRef, ...props }: TransferItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferList.d.cts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import type { TransferListProps } from './types.cjs';
-/**
- * One side of a Transfer: multi-select listbox with roving focus, typeahead, and marked-for-move selection.
- *
- * Tab moves between lists; arrows move within this list only.
- *
- * Renders `TransferItem` per visible item by default. Pass children to render yourself.
- *
- * Keyboard: Shift+Arrow extends range; Shift+Space marks range without focus move.
- * Ctrl+Shift+Home/End marks to edge. Ctrl+A toggles all visible. Outward arrow moves marked to other list.
- *
- * Publishes `onListScroll` with geometry for incremental loading. Empty lists stay tabbable.
- */
-export declare const TransferList: React.ForwardRefExoticComponent<Omit<TransferListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** One side of a Transfer: a multi-select listbox with roving focus, typeahead, and marked-for-move selection, rendering a `TransferItem` per visible item by default. */
+export declare const TransferList: {
+    ({ side, renderItem, children, ref: forwardedRef, ...props }: TransferListProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferList.d.ts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 import type { TransferListProps } from './types.js';
-/**
- * One side of a Transfer: multi-select listbox with roving focus, typeahead, and marked-for-move selection.
- *
- * Tab moves between lists; arrows move within this list only.
- *
- * Renders `TransferItem` per visible item by default. Pass children to render yourself.
- *
- * Keyboard: Shift+Arrow extends range; Shift+Space marks range without focus move.
- * Ctrl+Shift+Home/End marks to edge. Ctrl+A toggles all visible. Outward arrow moves marked to other list.
- *
- * Publishes `onListScroll` with geometry for incremental loading. Empty lists stay tabbable.
- */
-export declare const TransferList: React.ForwardRefExoticComponent<Omit<TransferListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** One side of a Transfer: a multi-select listbox with roving focus, typeahead, and marked-for-move selection, rendering a `TransferItem` per visible item by default. */
+export declare const TransferList: {
+    ({ side, renderItem, children, ref: forwardedRef, ...props }: TransferListProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferListHeader.d.cts

@@ -1,13 +1,7 @@
 import * as React from 'react';
 import type { TransferListHeaderProps } from './types.cjs';
 /**
- * The visible heading naming one of the two lists, the target of the list's
- * `aria-labelledby`. Essential: "Available" and "Selected" distinguish usable
- * lists from anonymous ones.
- *
- * Sits *beside* its `TransferList`, not inside — a `role="listbox"` may only
- * contain options and groups, so this takes its own `side` since it has no
- * list to inherit from.
+ * Visible heading naming one of the two lists, the target of the list's `aria-labelledby`, sitting beside `TransferList` rather than inside it.
  *
  * @example
  * ```tsx
@@ -15,4 +9,7 @@ import type { TransferListHeaderProps } from './types.cjs';
  * <TransferList side="source" />
  * ```
  */
-export declare const TransferListHeader: React.ForwardRefExoticComponent<Omit<TransferListHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TransferListHeader: {
+    ({ side, ref: forwardedRef, ...props }: TransferListHeaderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferListHeader.d.ts

@@ -1,13 +1,7 @@
 import * as React from 'react';
 import type { TransferListHeaderProps } from './types.js';
 /**
- * The visible heading naming one of the two lists, the target of the list's
- * `aria-labelledby`. Essential: "Available" and "Selected" distinguish usable
- * lists from anonymous ones.
- *
- * Sits *beside* its `TransferList`, not inside — a `role="listbox"` may only
- * contain options and groups, so this takes its own `side` since it has no
- * list to inherit from.
+ * Visible heading naming one of the two lists, the target of the list's `aria-labelledby`, sitting beside `TransferList` rather than inside it.
  *
  * @example
  * ```tsx
@@ -15,4 +9,7 @@ import type { TransferListHeaderProps } from './types.js';
  * <TransferList side="source" />
  * ```
  */
-export declare const TransferListHeader: React.ForwardRefExoticComponent<Omit<TransferListHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TransferListHeader: {
+    ({ side, ref: forwardedRef, ...props }: TransferListHeaderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferListSearch.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferListSearchProps } from './types.cjs';
 /**
- * Filter input for one side — `<input type="search">` sibling of its list (can't be child of `role="listbox"`).
- *
- * Renders nothing while root is not `searchable`. Filtering narrows what "move all" moves (you can see, not you cannot).
+ * Filter input for one side, an `<input type="search">` sibling of its list; renders nothing while root is not `searchable`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { TransferListSearchProps } from './types.cjs';
  * </Transfer>
  * ```
  */
-export declare const TransferListSearch: React.ForwardRefExoticComponent<Omit<TransferListSearchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const TransferListSearch: {
+    ({ side, ref: forwardedRef, ...props }: TransferListSearchProps): React.ReactNode;
+    displayName: string;
+};

package/dist/transfer/TransferListSearch.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { TransferListSearchProps } from './types.js';
 /**
- * Filter input for one side — `<input type="search">` sibling of its list (can't be child of `role="listbox"`).
- *
- * Renders nothing while root is not `searchable`. Filtering narrows what "move all" moves (you can see, not you cannot).
+ * Filter input for one side, an `<input type="search">` sibling of its list; renders nothing while root is not `searchable`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { TransferListSearchProps } from './types.js';
  * </Transfer>
  * ```
  */
-export declare const TransferListSearch: React.ForwardRefExoticComponent<Omit<TransferListSearchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const TransferListSearch: {
+    ({ side, ref: forwardedRef, ...props }: TransferListSearchProps): React.ReactNode;
+    displayName: string;
+};