@skdx/react 0.26.0 → 0.28.0

package/dist/transfer/Transfer.js

@@ -1 +1 @@
-import*as f from"react";import{createSafeContext as j}from"../utils/createContext.js";import{announce as Me}from"../utils/liveAnnouncer.js";import{skdxPart as Pe}from"../utils/part.js";import{Primitive as Ce}from"../utils/primitive.js";import{useControllableState as ke}from"../utils/useControllableState.js";import{jsx as Z}from"react/jsx-runtime";var k='[role="option"]:not([data-disabled])',[Ie,g]=j("Transfer"),[ee,re]=j("TransferList"),w={toTarget:"source",toSource:"target"},te={toTarget:"target",toSource:"source"},W={source:"available",target:"selected"},Ee=[];function ae({moved:e,remaining:r,from:t,to:i}){return`${e} ${e===1?"item":"items"} moved to ${W[i]}. ${r} remaining in ${W[t]}.`}function De(e,r,t){let i=W[te[r]],n=t?"Move all":"Move";return e===0?`${n} items to ${i}, ${t?"nothing to move":"nothing selected"}`:`${n} ${e} ${e===1?"item":"items"} to ${i}`}function Ae(e,r){return e.label.toLowerCase().includes(r.trim().toLowerCase())}var se=f.forwardRef(({items:e,value:r,defaultValue:t,onValueChange:i,onMove:n,disabled:c=!1,searchable:u=!1,filter:b,getMoveLabel:T,getMoveAnnouncement:m,...p},S)=>{let h=f.useId(),[L,N]=ke({prop:r,defaultProp:t,onChange:i}),y=L??Ee,[E,F]=f.useState({source:[],target:[]}),[M,_]=f.useState({source:"",target:""}),[O,B]=f.useState({source:null,target:null}),[a,R]=f.useState({source:!1,target:!1}),C=f.useRef({source:null,target:null}),x=f.useRef({source:null,target:null}),D=f.useRef(null),v=f.useMemo(()=>({source:e.filter(s=>!y.includes(s.value)),target:e.filter(s=>y.includes(s.value))}),[e,y]),q=f.useMemo(()=>{if(!u)return v;let s=b??Ae,l=o=>M[o].trim()===""?v[o]:v[o].filter(P=>s(P,M[o]));return{source:l("source"),target:l("target")}},[u,b,M,v]),Q=f.useMemo(()=>({source:E.source.filter(s=>v.source.some(l=>l.value===s)),target:E.target.filter(s=>v.target.some(l=>l.value===s))}),[E,v]),U=f.useCallback((s,l)=>{F(o=>({...o,[s]:l}))},[]),ve=f.useCallback((s,l)=>{_(o=>o[s]===l?o:{...o,[s]:l})},[]),J=f.useCallback((s,l)=>{B(o=>o[s]===l?o:{...o,[s]:l})},[]),ye=f.useCallback((s,l)=>{R(o=>o[s]===l?o:{...o,[s]:l})},[]),he=f.useCallback((s,l)=>{x.current[s]=l},[]),Le=f.useCallback((s,l)=>{if(c)return;let o=w[s],P=te[s],A=v[o],H=l.map(d=>A.find(G=>G.value===d)).filter(d=>d!==void 0&&!d.disabled);if(H.length===0)return;let $=H.map(d=>d.value),xe=q[o].filter(d=>!d.disabled),X=$.map(d=>xe.findIndex(G=>G.value===d)).filter(d=>d>=0);D.current={side:o,index:X.length>0?Math.min(...X):0},N(s==="toTarget"?[...y,...$.filter(d=>!y.includes(d))]:y.filter(d=>!$.includes(d))),U(o,Q[o].filter(d=>!$.includes(d))),n?.(H,s);let Se={moved:H.length,remaining:A.length-H.length,direction:s,from:o,to:P};Me((m??ae)(Se))},[c,m,Q,n,U,N,v,y,q]),Re=f.useCallback((s,l,o)=>(T??De)(s,l,o),[T]);return f.useLayoutEffect(()=>{let s=D.current;if(!s)return;D.current=null;let l=x.current[s.side];if(!l)return;let o=Array.from(l.querySelectorAll(k)),P=o[Math.min(s.index,o.length-1)];if(P){let A=P.getAttribute("data-value");A&&J(s.side,A),P.focus()}else l.focus()}),Z(Ie,{baseId:h,disabled:c,searchable:u,sideItems:v,visibleItems:q,marked:Q,setMarked:U,query:M,setQuery:ve,active:O,setActive:J,anchor:C,labelled:a,registerHeader:ye,registerList:he,move:Le,moveLabel:Re,children:Z(Ce.div,{"data-disabled":c?"":void 0,...p,...Pe("transfer","root",p.className),ref:S})})});se.displayName="Transfer";import*as I from"react";import{Listbox as Ve}from"../listbox/Listbox.js";import{clamp as Ke}from"../utils/clamp.js";import{directionalKey as Fe,useDirection as _e}from"../utils/direction.js";import{composeEventHandlers as Be}from"../utils/primitive.js";import{useRovingTabStop as qe}from"../utils/useRovingFocus.js";import*as ne from"react";import{ListboxItem as He}from"../listbox/Listbox.js";import{skdxPart as we}from"../utils/part.js";import{composeEventHandlers as Y}from"../utils/primitive.js";import{rovingTabIndex as Ne}from"../utils/useRovingFocus.js";import{jsx as $e}from"react/jsx-runtime";function Oe(e){let r=e.closest('[role="listbox"]');return r?Array.from(r.querySelectorAll(k),t=>t.getAttribute("data-value")).filter(t=>t!==null):[]}var V=ne.forwardRef(({value:e,disabled:r=!1,...t},i)=>{let n=g("TransferItem"),{side:c}=re("TransferItem"),u=r||n.disabled,b=n.marked[c].includes(e),T=()=>{u||(n.anchor.current[c]=e)};return $e(He,{value:e,disabled:u,"data-side":c,"data-selected":b?"":void 0,tabIndex:Ne(n.active[c]!==null,n.active[c]===e,u),...t,...we("transfer","item",t.className),ref:i,onFocus:Y(t.onFocus,()=>{u||n.setActive(c,e)}),onClick:Y(t.onClick,m=>{if(u||!m.shiftKey){T();return}m.preventDefault();let p=Oe(m.currentTarget),S=n.anchor.current[c]??e,h=p.indexOf(S),L=p.indexOf(e);n.setMarked(c,h===-1||L===-1?[e]:p.slice(Math.min(h,L),Math.max(h,L)+1))}),onKeyDown:Y(t.onKeyDown,m=>{(m.key===" "||m.key==="Enter")&&T()})})});V.displayName="TransferItem";import{jsx as z}from"react/jsx-runtime";var Qe={source:"Available items",target:"Selected items"},Ue={source:"ArrowRight",target:"ArrowLeft"};function Ge(e,r,t){let i=e.indexOf(r),n=e.indexOf(t);return i===-1||n===-1?e.includes(t)?[t]:[]:e.slice(Math.min(i,n),Math.max(i,n)+1)}var oe=I.forwardRef(({side:e,children:r,...t},i)=>{let n=g("TransferList"),{anchor:c,baseId:u,disabled:b,labelled:T,marked:m,move:p,registerList:S,setActive:h,setMarked:L,visibleItems:N}=n,y=I.useRef(null),E=_e(),F=I.useCallback(a=>{y.current=a,S(e,a),typeof i=="function"?i(a):i&&(i.current=a)},[i,S,e]);qe(y,k,"data-value",n.active[e],a=>h(e,a));let M=N[e],_=`${u}-${e}-header`,O=T[e]?_:void 0,B=()=>Array.from(y.current?.querySelectorAll(k)??[],a=>a.getAttribute("data-value")).filter(a=>a!==null);return z(ee,{side:e,children:z(Ve,{multiple:!0,id:`${u}-${e}-list`,disabled:b,value:m[e],onValueChange:a=>L(e,a),"data-side":e,"data-empty":M.length===0?"":void 0,"aria-labelledby":O,"aria-label":O?void 0:Qe[e],tabIndex:b||M.some(a=>!a.disabled)?void 0:0,...t,ref:F,onKeyDown:Be(t.onKeyDown,a=>{if(b)return;let R=B();if(R.length===0)return;let C=a.target.getAttribute?.("data-value")??null;if((a.ctrlKey||a.metaKey)&&a.key.toLowerCase()==="a"){a.preventDefault(),L(e,R);return}if(a.shiftKey&&(a.key==="ArrowDown"||a.key==="ArrowUp")){let x=C===null?-1:R.indexOf(C);if(x===-1)return;let D=Ke(x+(a.key==="ArrowDown"?1:-1),0,R.length-1),v=c.current[e]??R[x];c.current[e]=v,L(e,Ge(R,v,R[D]));return}if(Fe(a.key,a.currentTarget,E)===Ue[e]){let x=m[e].length>0?m[e]:C?[C]:[];if(x.length===0)return;a.preventDefault(),p(e==="source"?"toTarget":"toSource",x)}}),children:r??M.map(a=>z(V,{value:a.value,disabled:a.disabled,textValue:a.label,children:a.label},a.value))})})});oe.displayName="TransferList";import*as K from"react";import{skdxPart as We}from"../utils/part.js";import{Primitive as Ye}from"../utils/primitive.js";import{jsx as ze}from"react/jsx-runtime";var ie=K.forwardRef(({side:e,...r},t)=>{let{baseId:i,registerHeader:n}=g("TransferListHeader");return K.useLayoutEffect(()=>(n(e,!0),()=>n(e,!1)),[n,e]),ze(Ye.div,{id:`${i}-${e}-header`,"data-side":e,...r,...We("transfer","list-header",r.className),ref:t})});ie.displayName="TransferListHeader";import*as le from"react";import{skdxPart as Je}from"../utils/part.js";import{composeEventHandlers as Xe,Primitive as Ze}from"../utils/primitive.js";import{jsx as er}from"react/jsx-runtime";var je={source:"Filter available items",target:"Filter selected items"},fe=le.forwardRef(({side:e,...r},t)=>{let{baseId:i,disabled:n,query:c,searchable:u,setQuery:b}=g("TransferListSearch");return u?er(Ze.input,{type:"search",value:c[e],disabled:n,"data-side":e,"aria-label":je[e],"aria-controls":`${i}-${e}-list`,...r,...Je("transfer","list-search",r.className),ref:t,onChange:Xe(r.onChange,T=>{b(e,T.currentTarget.value)})}):null});fe.displayName="TransferListSearch";import*as ce from"react";import{skdxPart as rr}from"../utils/part.js";import{Primitive as tr}from"../utils/primitive.js";import{jsx as ar}from"react/jsx-runtime";var me=ce.forwardRef((e,r)=>{let{disabled:t}=g("TransferControls");return ar(tr.div,{role:"group","aria-label":"Move items","data-disabled":t?"":void 0,...e,...rr("transfer","controls",e.className),ref:r})});me.displayName="TransferControls";import*as ue from"react";import{skdxPart as sr}from"../utils/part.js";import{composeEventHandlers as nr,Primitive as or}from"../utils/primitive.js";import{jsx as ir}from"react/jsx-runtime";var de=ue.forwardRef(({direction:e,...r},t)=>{let{disabled:i,marked:n,move:c,moveLabel:u,sideItems:b}=g("TransferMoveTrigger"),T=w[e],m=n[T].filter(S=>!b[T].find(h=>h.value===S)?.disabled),p=i||m.length===0;return ir(or.button,{type:"button","aria-disabled":p||void 0,"aria-label":u(m.length,e,!1),"data-direction":e,"data-count":m.length,"data-disabled":p?"":void 0,...r,...sr("transfer","move-trigger",r.className),ref:t,onClick:nr(r.onClick,()=>{p||c(e,m)})})});de.displayName="TransferMoveTrigger";import*as Te from"react";import{skdxPart as lr}from"../utils/part.js";import{composeEventHandlers as fr,Primitive as cr}from"../utils/primitive.js";import{jsx as mr}from"react/jsx-runtime";var pe=Te.forwardRef(({direction:e,...r},t)=>{let{disabled:i,move:n,moveLabel:c,visibleItems:u}=g("TransferMoveAllTrigger"),b=w[e],T=u[b].filter(p=>!p.disabled).map(p=>p.value),m=i||T.length===0;return mr(cr.button,{type:"button","aria-disabled":m||void 0,"aria-label":c(T.length,e,!0),"data-direction":e,"data-count":T.length,"data-disabled":m?"":void 0,...r,...lr("transfer","move-all-trigger",r.className),ref:t,onClick:fr(r.onClick,()=>{m||n(e,T)})})});pe.displayName="TransferMoveAllTrigger";import*as ge from"react";import{skdxPart as ur}from"../utils/part.js";import{Primitive as dr}from"../utils/primitive.js";import{jsx as Tr}from"react/jsx-runtime";var be=ge.forwardRef(({side:e,...r},t)=>{let{visibleItems:i}=g("TransferEmpty");return i[e].length>0?null:Tr(dr.div,{"data-side":e,"data-empty":"",...r,...ur("transfer","empty",r.className),ref:t})});be.displayName="TransferEmpty";export{se as Transfer,me as TransferControls,be as TransferEmpty,V as TransferItem,oe as TransferList,ie as TransferListHeader,fe as TransferListSearch,pe as TransferMoveAllTrigger,de as TransferMoveTrigger,ae as moveAnnouncement};
+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};

package/dist/transfer/TransferAnatomy.d.cts

@@ -0,0 +1,14 @@
+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;
+}) => React.JSX.Element;

package/dist/transfer/TransferAnatomy.d.ts

@@ -0,0 +1,14 @@
+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;
+}) => React.JSX.Element;

package/dist/transfer/TransferControls.d.cts

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import type { TransferControlsProps } from './types.cjs';
 /**
- * The named `role="group"` holding the move triggers. Without it the buttons
- * are announced as loose controls stranded between two lists; with it they are
- * announced as the thing that moves items between them.
- *
- * Purely a wrapper — it owns no state and changes no behaviour, so the
- * triggers work outside it too. Use it anyway.
+ * Named group holding move triggers. Groups buttons semantically between two lists.
  *
  * @example
  * ```tsx

package/dist/transfer/TransferControls.d.ts

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import type { TransferControlsProps } from './types.js';
 /**
- * The named `role="group"` holding the move triggers. Without it the buttons
- * are announced as loose controls stranded between two lists; with it they are
- * announced as the thing that moves items between them.
- *
- * Purely a wrapper — it owns no state and changes no behaviour, so the
- * triggers work outside it too. Use it anyway.
+ * Named group holding move triggers. Groups buttons semantically between two lists.
  *
  * @example
  * ```tsx

package/dist/transfer/TransferEmpty.d.cts

@@ -1,22 +1,16 @@
 import * as React from 'react';
 import type { TransferEmptyProps } from './types.cjs';
 /**
- * The message shown while one side has nothing to render — either genuinely
- * empty, or filtered down to nothing. Renders `null` otherwise, so it is safe
- * to leave in the tree permanently.
- *
- * It is a sibling of its `TransferList`, not a child: a `role="listbox"` may
- * only contain options and groups, and a bare paragraph inside one is invalid
- * ARIA that some screen readers drop entirely. Hence its own `side`.
- *
- * There is no `renderEmpty` prop. This part *is* the empty state, and a render
- * prop alongside it would be two ways to say the same thing that disagree the
- * moment someone uses both.
+ * Empty state message, sibling to `TransferList` (not child; invalid ARIA inside
+ * listbox). Publishes `data-reason` (`”empty”` / `”no-results”`) and `data-query`
+ * for different messaging.
  *
  * @example
  * ```tsx
- * <TransferList side="source" />
- * <TransferEmpty side="source">Nothing left to add.</TransferEmpty>
+ * <TransferList side=”source” />
+ * <TransferEmpty side=”source”>
+ *   {({ reason, query }) => (reason === 'empty' ? 'Nothing left to add.' : `No match for “${query}”.`)}
+ * </TransferEmpty>
  * ```
  */
 export declare const TransferEmpty: React.ForwardRefExoticComponent<Omit<TransferEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/transfer/TransferEmpty.d.ts

@@ -1,22 +1,16 @@
 import * as React from 'react';
 import type { TransferEmptyProps } from './types.js';
 /**
- * The message shown while one side has nothing to render — either genuinely
- * empty, or filtered down to nothing. Renders `null` otherwise, so it is safe
- * to leave in the tree permanently.
- *
- * It is a sibling of its `TransferList`, not a child: a `role="listbox"` may
- * only contain options and groups, and a bare paragraph inside one is invalid
- * ARIA that some screen readers drop entirely. Hence its own `side`.
- *
- * There is no `renderEmpty` prop. This part *is* the empty state, and a render
- * prop alongside it would be two ways to say the same thing that disagree the
- * moment someone uses both.
+ * Empty state message, sibling to `TransferList` (not child; invalid ARIA inside
+ * listbox). Publishes `data-reason` (`”empty”` / `”no-results”`) and `data-query`
+ * for different messaging.
  *
  * @example
  * ```tsx
- * <TransferList side="source" />
- * <TransferEmpty side="source">Nothing left to add.</TransferEmpty>
+ * <TransferList side=”source” />
+ * <TransferEmpty side=”source”>
+ *   {({ reason, query }) => (reason === 'empty' ? 'Nothing left to add.' : `No match for “${query}”.`)}
+ * </TransferEmpty>
  * ```
  */
 export declare const TransferEmpty: React.ForwardRefExoticComponent<Omit<TransferEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/transfer/TransferItem.d.cts

@@ -1,20 +1,8 @@
 import * as React from 'react';
 import type { TransferItemProps } from './types.cjs';
 /**
- * One option inside a {@link TransferList} — a {@link ListboxItem} that also
- * knows which side it is on. Marking it does **not** move it: marking is the
- * transient "I want to move this" state, and a `TransferMoveTrigger` (or the
- * outward arrow key) is what commits the move.
- *
- * Click, Enter, or Space toggles it into the marked set; **Shift+Click** marks
- * the whole range from the anchor — the last option marked without Shift —
- * mirroring Shift+ArrowUp/Down.
- *
- * Publishes `data-side`, `data-selected` while marked, plus everything
- * `ListboxItem` already emits (`aria-selected`, `data-value`, `data-state`,
- * `data-disabled`).
- *
- * You only render this yourself when `TransferList`'s default rendering is not
- * enough — it otherwise renders one per visible item on its side.
+ * 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>>;

package/dist/transfer/TransferItem.d.ts

@@ -1,20 +1,8 @@
 import * as React from 'react';
 import type { TransferItemProps } from './types.js';
 /**
- * One option inside a {@link TransferList} — a {@link ListboxItem} that also
- * knows which side it is on. Marking it does **not** move it: marking is the
- * transient "I want to move this" state, and a `TransferMoveTrigger` (or the
- * outward arrow key) is what commits the move.
- *
- * Click, Enter, or Space toggles it into the marked set; **Shift+Click** marks
- * the whole range from the anchor — the last option marked without Shift —
- * mirroring Shift+ArrowUp/Down.
- *
- * Publishes `data-side`, `data-selected` while marked, plus everything
- * `ListboxItem` already emits (`aria-selected`, `data-value`, `data-state`,
- * `data-disabled`).
- *
- * You only render this yourself when `TransferList`'s default rendering is not
- * enough — it otherwise renders one per visible item on its side.
+ * 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>>;

package/dist/transfer/TransferList.d.cts

@@ -1,29 +1,15 @@
 import * as React from 'react';
 import type { TransferListProps } from './types.cjs';
 /**
- * One side of a {@link Transfer}: a multi-select `role="listbox"` built on
- * {@link Listbox}, with its own tab stop, its own roving focus, its own
- * typeahead, and its own marked-for-move selection. The two lists are two
- * independent roving-focus groups — Tab moves *between* them, arrows only ever
- * move within one.
+ * One side of a Transfer: multi-select listbox with roving focus, typeahead, and marked-for-move selection.
  *
- * Renders one `TransferItem` per visible item on its side by default, using
- * each item's `label` as both its content and its typeahead `textValue`. Pass
- * children to render the options yourself; they still get their side, their
- * marked state, and their tab stop from the root.
+ * Tab moves between lists; arrows move within this list only.
  *
- * Beyond what `Listbox` already handles it adds three keyboard paths:
+ * Renders `TransferItem` per visible item by default. Pass children to render yourself.
  *
- * - **Shift+ArrowUp/Down** extends the marked range from the anchor (the last
- *   option marked without Shift), the keyboard equivalent of Shift+Click.
- * - **Ctrl/Cmd+A** marks every enabled option currently visible in this list.
- * - **The outward horizontal arrow** moves the marked items to the other list
- *   — ArrowRight from the source under LTR, and ArrowLeft under `dir="rtl"`,
- *   because the target list is on the left there. With nothing marked it moves
- *   the focused option alone.
+ * 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 `data-side` and, while it has nothing to render, `data-empty` plus
- * `tabIndex={0}` — an empty list stays reachable so focus after a move that
- * empties it has somewhere to land.
+ * Publishes `onListScroll` with geometry for incremental loading. Empty lists stay tabbable.
  */
 export declare const TransferList: React.ForwardRefExoticComponent<Omit<TransferListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/transfer/TransferList.d.ts

@@ -1,29 +1,15 @@
 import * as React from 'react';
 import type { TransferListProps } from './types.js';
 /**
- * One side of a {@link Transfer}: a multi-select `role="listbox"` built on
- * {@link Listbox}, with its own tab stop, its own roving focus, its own
- * typeahead, and its own marked-for-move selection. The two lists are two
- * independent roving-focus groups — Tab moves *between* them, arrows only ever
- * move within one.
+ * One side of a Transfer: multi-select listbox with roving focus, typeahead, and marked-for-move selection.
  *
- * Renders one `TransferItem` per visible item on its side by default, using
- * each item's `label` as both its content and its typeahead `textValue`. Pass
- * children to render the options yourself; they still get their side, their
- * marked state, and their tab stop from the root.
+ * Tab moves between lists; arrows move within this list only.
  *
- * Beyond what `Listbox` already handles it adds three keyboard paths:
+ * Renders `TransferItem` per visible item by default. Pass children to render yourself.
  *
- * - **Shift+ArrowUp/Down** extends the marked range from the anchor (the last
- *   option marked without Shift), the keyboard equivalent of Shift+Click.
- * - **Ctrl/Cmd+A** marks every enabled option currently visible in this list.
- * - **The outward horizontal arrow** moves the marked items to the other list
- *   — ArrowRight from the source under LTR, and ArrowLeft under `dir="rtl"`,
- *   because the target list is on the left there. With nothing marked it moves
- *   the focused option alone.
+ * 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 `data-side` and, while it has nothing to render, `data-empty` plus
- * `tabIndex={0}` — an empty list stays reachable so focus after a move that
- * empties it has somewhere to land.
+ * Publishes `onListScroll` with geometry for incremental loading. Empty lists stay tabbable.
  */
 export declare const TransferList: React.ForwardRefExoticComponent<Omit<TransferListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/transfer/TransferListHeader.d.cts

@@ -1,18 +1,13 @@
 import * as React from 'react';
 import type { TransferListHeaderProps } from './types.cjs';
 /**
- * The visible heading naming one of the two lists, and the element that list
- * points `aria-labelledby` at. Give both sides one: "Available" and "Selected"
- * next to two otherwise identical listboxes is the whole difference between a
- * usable widget and two anonymous lists.
+ * 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.
  *
- * It sits *beside* its `TransferList`, not inside it — a `role="listbox"` may
- * only contain options and groups, so a heading inside one is invalid ARIA.
- * That is also why it takes its own `side`: it has no list around it to
- * inherit one from.
- *
- * Rendering one is what switches its list from a generic fallback name
- * ("Available items") to this heading's text.
+ * 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.
  *
  * @example
  * ```tsx

package/dist/transfer/TransferListHeader.d.ts

@@ -1,18 +1,13 @@
 import * as React from 'react';
 import type { TransferListHeaderProps } from './types.js';
 /**
- * The visible heading naming one of the two lists, and the element that list
- * points `aria-labelledby` at. Give both sides one: "Available" and "Selected"
- * next to two otherwise identical listboxes is the whole difference between a
- * usable widget and two anonymous lists.
+ * 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.
  *
- * It sits *beside* its `TransferList`, not inside it — a `role="listbox"` may
- * only contain options and groups, so a heading inside one is invalid ARIA.
- * That is also why it takes its own `side`: it has no list around it to
- * inherit one from.
- *
- * Rendering one is what switches its list from a generic fallback name
- * ("Available items") to this heading's text.
+ * 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.
  *
  * @example
  * ```tsx

package/dist/transfer/TransferListSearch.d.cts

@@ -1,17 +1,9 @@
 import * as React from 'react';
 import type { TransferListSearchProps } from './types.cjs';
 /**
- * The filter input for one list: an `<input type="search">` bound to that
- * side's query. Like {@link TransferListHeader} it is a sibling of its list
- * rather than a child, since a `role="listbox"` may only contain options — so
- * it takes its own `side`.
+ * Filter input for one side — `<input type="search">` sibling of its list (can't be child of `role="listbox"`).
  *
- * Renders **nothing** while the root is not `searchable`. A filter box that
- * stays on screen but no longer filters is worse than no box at all, so the
- * one prop turns the input and the filtering on together.
- *
- * Filtering narrows what its list renders and therefore what "move all" moves:
- * "move all" moves what you can see, not what you cannot.
+ * Renders nothing while root is not `searchable`. Filtering narrows what "move all" moves (you can see, not you cannot).
  *
  * @example
  * ```tsx

package/dist/transfer/TransferListSearch.d.ts

@@ -1,17 +1,9 @@
 import * as React from 'react';
 import type { TransferListSearchProps } from './types.js';
 /**
- * The filter input for one list: an `<input type="search">` bound to that
- * side's query. Like {@link TransferListHeader} it is a sibling of its list
- * rather than a child, since a `role="listbox"` may only contain options — so
- * it takes its own `side`.
+ * Filter input for one side — `<input type="search">` sibling of its list (can't be child of `role="listbox"`).
  *
- * Renders **nothing** while the root is not `searchable`. A filter box that
- * stays on screen but no longer filters is worse than no box at all, so the
- * one prop turns the input and the filtering on together.
- *
- * Filtering narrows what its list renders and therefore what "move all" moves:
- * "move all" moves what you can see, not what you cannot.
+ * Renders nothing while root is not `searchable`. Filtering narrows what "move all" moves (you can see, not you cannot).
  *
  * @example
  * ```tsx

package/dist/transfer/TransferMoveAllTrigger.d.cts

@@ -1,15 +1,9 @@
 import * as React from 'react';
 import type { TransferMoveAllTriggerProps } from './types.cjs';
 /**
- * The button that moves every item currently visible on one side, marked or
- * not. Same rules as {@link TransferMoveTrigger} — real button, name carries
- * direction and count, `aria-disabled` rather than `disabled` when there is
- * nothing to move.
- *
- * "Visible" is the operative word while the root is `searchable`: it moves what
- * the filter is showing, never items hidden behind a query the user has
- * forgotten is applied. Disabled items are excluded on both counts — the name
- * and the move.
+ * Moves every currently visible item on one side. While `searchable`, moves
+ * only filtered items, never those hidden by an active query. Disabled items
+ * are excluded from both the name and the move.
  *
  * @example
  * ```tsx

package/dist/transfer/TransferMoveAllTrigger.d.ts

@@ -1,15 +1,9 @@
 import * as React from 'react';
 import type { TransferMoveAllTriggerProps } from './types.js';
 /**
- * The button that moves every item currently visible on one side, marked or
- * not. Same rules as {@link TransferMoveTrigger} — real button, name carries
- * direction and count, `aria-disabled` rather than `disabled` when there is
- * nothing to move.
- *
- * "Visible" is the operative word while the root is `searchable`: it moves what
- * the filter is showing, never items hidden behind a query the user has
- * forgotten is applied. Disabled items are excluded on both counts — the name
- * and the move.
+ * Moves every currently visible item on one side. While `searchable`, moves
+ * only filtered items, never those hidden by an active query. Disabled items
+ * are excluded from both the name and the move.
  *
  * @example
  * ```tsx

package/dist/transfer/index.d.cts

@@ -1,10 +1,2 @@
-export { Transfer, moveAnnouncement } from './Transfer.cjs';
-export { TransferList } from './TransferList.cjs';
-export { TransferListHeader } from './TransferListHeader.cjs';
-export { TransferListSearch } from './TransferListSearch.cjs';
-export { TransferItem } from './TransferItem.cjs';
-export { TransferControls } from './TransferControls.cjs';
-export { TransferMoveTrigger } from './TransferMoveTrigger.cjs';
-export { TransferMoveAllTrigger } from './TransferMoveAllTrigger.cjs';
-export { TransferEmpty } from './TransferEmpty.cjs';
-export type { TransferProps, TransferListProps, TransferListHeaderProps, TransferListSearchProps, TransferItemProps, TransferControlsProps, TransferMoveTriggerProps, TransferMoveAllTriggerProps, TransferEmptyProps, TransferItemData, TransferMoveDetail, TransferSide, TransferDirection, } from './types.cjs';
+export { Transfer } from './Transfer.cjs';
+export type { TransferDirection, TransferFilterMatchMode, TransferItemData, TransferListScrollDetail, TransferMoveDetail, TransferProps, TransferSearchResultsDetail, TransferTargetOrder, TransferTitles, } from './types.cjs';

package/dist/transfer/index.d.ts

@@ -1,10 +1,2 @@
-export { Transfer, moveAnnouncement } from './Transfer.js';
-export { TransferList } from './TransferList.js';
-export { TransferListHeader } from './TransferListHeader.js';
-export { TransferListSearch } from './TransferListSearch.js';
-export { TransferItem } from './TransferItem.js';
-export { TransferControls } from './TransferControls.js';
-export { TransferMoveTrigger } from './TransferMoveTrigger.js';
-export { TransferMoveAllTrigger } from './TransferMoveAllTrigger.js';
-export { TransferEmpty } from './TransferEmpty.js';
-export type { TransferProps, TransferListProps, TransferListHeaderProps, TransferListSearchProps, TransferItemProps, TransferControlsProps, TransferMoveTriggerProps, TransferMoveAllTriggerProps, TransferEmptyProps, TransferItemData, TransferMoveDetail, TransferSide, TransferDirection, } from './types.js';
+export { Transfer } from './Transfer.js';
+export type { TransferDirection, TransferFilterMatchMode, TransferItemData, TransferListScrollDetail, TransferMoveDetail, TransferProps, TransferSearchResultsDetail, TransferTargetOrder, TransferTitles, } from './types.js';

package/dist/transfer/primitives.d.cts

@@ -0,0 +1,29 @@
+/**
+ * Primitives for `Transfer` — manual composition escape hatch.
+ *
+ * @example
+ * ```tsx
+ * import { Transfer, TransferListHeader, TransferList, TransferControls, TransferMoveTrigger } from '@skdx/react/primitives/transfer';
+ *
+ * <Transfer items={FRAMEWORKS} defaultValue={['react']}>
+ *   <TransferListHeader side="source">Available</TransferListHeader>
+ *   <TransferList side="source" />
+ *   <TransferControls>
+ *     <TransferMoveTrigger direction="toTarget">→</TransferMoveTrigger>
+ *     <TransferMoveTrigger direction="toSource">←</TransferMoveTrigger>
+ *   </TransferControls>
+ *   <TransferListHeader side="target">Selected</TransferListHeader>
+ *   <TransferList side="target" />
+ * </Transfer>
+ * ```
+ */
+export { Transfer, moveAnnouncement, searchResultsAnnouncement, matchesFilterMode, } from './Transfer.cjs';
+export { TransferList } from './TransferList.cjs';
+export { TransferListHeader } from './TransferListHeader.cjs';
+export { TransferListSearch } from './TransferListSearch.cjs';
+export { TransferItem } from './TransferItem.cjs';
+export { TransferControls } from './TransferControls.cjs';
+export { TransferMoveTrigger } from './TransferMoveTrigger.cjs';
+export { TransferMoveAllTrigger } from './TransferMoveAllTrigger.cjs';
+export { TransferEmpty } from './TransferEmpty.cjs';
+export type { TransferProps, TransferListProps, TransferListHeaderProps, TransferListSearchProps, TransferItemProps, TransferControlsProps, TransferMoveTriggerProps, TransferMoveAllTriggerProps, TransferEmptyProps, TransferItemData, TransferMoveDetail, TransferSide, TransferDirection, TransferFilterMatchMode, TransferTargetOrder, TransferSearchResultsDetail, TransferListScrollDetail, TransferEmptyContext, } from './types.cjs';

package/dist/transfer/primitives.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Primitives for `Transfer` — manual composition escape hatch.
+ *
+ * @example
+ * ```tsx
+ * import { Transfer, TransferListHeader, TransferList, TransferControls, TransferMoveTrigger } from '@skdx/react/primitives/transfer';
+ *
+ * <Transfer items={FRAMEWORKS} defaultValue={['react']}>
+ *   <TransferListHeader side="source">Available</TransferListHeader>
+ *   <TransferList side="source" />
+ *   <TransferControls>
+ *     <TransferMoveTrigger direction="toTarget">→</TransferMoveTrigger>
+ *     <TransferMoveTrigger direction="toSource">←</TransferMoveTrigger>
+ *   </TransferControls>
+ *   <TransferListHeader side="target">Selected</TransferListHeader>
+ *   <TransferList side="target" />
+ * </Transfer>
+ * ```
+ */
+export { Transfer, moveAnnouncement, searchResultsAnnouncement, matchesFilterMode, } from './Transfer.js';
+export { TransferList } from './TransferList.js';
+export { TransferListHeader } from './TransferListHeader.js';
+export { TransferListSearch } from './TransferListSearch.js';
+export { TransferItem } from './TransferItem.js';
+export { TransferControls } from './TransferControls.js';
+export { TransferMoveTrigger } from './TransferMoveTrigger.js';
+export { TransferMoveAllTrigger } from './TransferMoveAllTrigger.js';
+export { TransferEmpty } from './TransferEmpty.js';
+export type { TransferProps, TransferListProps, TransferListHeaderProps, TransferListSearchProps, TransferItemProps, TransferControlsProps, TransferMoveTriggerProps, TransferMoveAllTriggerProps, TransferEmptyProps, TransferItemData, TransferMoveDetail, TransferSide, TransferDirection, TransferFilterMatchMode, TransferTargetOrder, TransferSearchResultsDetail, TransferListScrollDetail, TransferEmptyContext, } from './types.js';