@lanaco/lnc-react-ui 4.0.88 → 4.0.89

package/dist/Kanban.cjs

@@ -1,4 +1,4 @@
-"use strict";const oe=require("react/jsx-runtime"),d=require("react"),Vt=require("./index-EeoArxOx.cjs"),Q=require("./index-BPVoEhTF.cjs"),we=require("./utils-DhRHf5Ed.cjs"),Zr=require("./index-gY9e_8LL.cjs"),en=require("./emotion-styled.browser.esm-BtEseadx.cjs"),zr=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),bo=require("./KanbanCard-CXRQQu4S.cjs"),Dt=require("./_commonjsHelpers-DKOUU3wS.cjs"),ii=require("./KanbanHeader.cjs"),si=require("./useEffectOnce-DFrzfNzT.cjs"),ai=require("./useUpdateEffect-BtMgpgIV.cjs");function ci(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return d.useMemo(()=>o=>{t.forEach(s=>s(o))},t)}const Un=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function tn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Hr(e){return"nodeType"in e}function Ke(e){var t,n;return e?tn(e)?e:Hr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kr(e){const{Document:t}=Ke(e);return e instanceof t}function hn(e){return tn(e)?!1:e instanceof Ke(e).HTMLElement}function yo(e){return e instanceof Ke(e).SVGElement}function nn(e){return e?tn(e)?e.document:Hr(e)?Kr(e)?e:hn(e)||yo(e)?e.ownerDocument:document:document:document}const bt=Un?d.useLayoutEffect:d.useEffect;function kn(e){const t=d.useRef(e);return bt(()=>{t.current=e}),d.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}function li(){const e=d.useRef(null),t=d.useCallback((o,s)=>{e.current=setInterval(o,s)},[]),n=d.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function gn(e,t){t===void 0&&(t=[e]);const n=d.useRef(e);return bt(()=>{n.current!==e&&(n.current=e)},t),n}function pn(e,t){const n=d.useRef();return d.useMemo(()=>{const o=e(n.current);return n.current=o,o},[...t])}function jn(e){const t=kn(e),n=d.useRef(null),o=d.useCallback(s=>{s!==n.current&&(t==null||t(s,n.current)),n.current=s},[]);return[n,o]}function $n(e){const t=d.useRef();return d.useEffect(()=>{t.current=e},[e]),t.current}let Tr={};function vn(e,t){return d.useMemo(()=>{if(t)return t;const n=Tr[e]==null?0:Tr[e]+1;return Tr[e]=n,e+"-"+n},[e,t])}function mo(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return o.reduce((c,l)=>{const u=Object.entries(l);for(const[h,f]of u){const b=c[h];b!=null&&(c[h]=b+e*f)}return c},{...t})}}const Zt=mo(1),Bn=mo(-1);function ui(e){return"clientX"in e&&"clientY"in e}function Xn(e){if(!e)return!1;const{KeyboardEvent:t}=Ke(e.target);return t&&e instanceof t}function di(e){if(!e)return!1;const{TouchEvent:t}=Ke(e.target);return t&&e instanceof t}function Fn(e){if(di(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ui(e)?{x:e.clientX,y:e.clientY}:null}const Gt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),Qr="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fi(e){return e.matches(Qr)?e:e.querySelector(Qr)}const gi={display:"none"};function hi(e){let{id:t,value:n}=e;return d.createElement("div",{id:t,style:gi},n)}function pi(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;const s={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return d.createElement("div",{id:t,style:s,role:"status","aria-live":o,"aria-atomic":!0},n)}function vi(){const[e,t]=d.useState("");return{announce:d.useCallback(o=>{o!=null&&t(o)},[]),announcement:e}}const xo=d.createContext(null);function bi(e){const t=d.useContext(xo);d.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function yi(){const[e]=d.useState(()=>new Set),t=d.useCallback(o=>(e.add(o),()=>e.delete(o)),[e]);return[d.useCallback(o=>{let{type:s,event:c}=o;e.forEach(l=>{var u;return(u=l[s])==null?void 0:u.call(l,c)})},[e]),t]}const mi={draggable:`
+"use strict";const oe=require("react/jsx-runtime"),d=require("react"),Vt=require("./index-EeoArxOx.cjs"),Q=require("./index-BPVoEhTF.cjs"),we=require("./utils-BWzf4vLl.cjs"),Zr=require("./index-gY9e_8LL.cjs"),en=require("./emotion-styled.browser.esm-BtEseadx.cjs"),zr=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),bo=require("./KanbanCard-CXRQQu4S.cjs"),Dt=require("./_commonjsHelpers-DKOUU3wS.cjs"),ii=require("./KanbanHeader.cjs"),si=require("./useUpdateEffect-BtMgpgIV.cjs");var ai=function(e){d.useEffect(e,[])};function ci(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return d.useMemo(()=>o=>{t.forEach(s=>s(o))},t)}const Un=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function tn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Hr(e){return"nodeType"in e}function Ke(e){var t,n;return e?tn(e)?e:Hr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kr(e){const{Document:t}=Ke(e);return e instanceof t}function hn(e){return tn(e)?!1:e instanceof Ke(e).HTMLElement}function yo(e){return e instanceof Ke(e).SVGElement}function nn(e){return e?tn(e)?e.document:Hr(e)?Kr(e)?e:hn(e)||yo(e)?e.ownerDocument:document:document:document}const bt=Un?d.useLayoutEffect:d.useEffect;function kn(e){const t=d.useRef(e);return bt(()=>{t.current=e}),d.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}function li(){const e=d.useRef(null),t=d.useCallback((o,s)=>{e.current=setInterval(o,s)},[]),n=d.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function gn(e,t){t===void 0&&(t=[e]);const n=d.useRef(e);return bt(()=>{n.current!==e&&(n.current=e)},t),n}function pn(e,t){const n=d.useRef();return d.useMemo(()=>{const o=e(n.current);return n.current=o,o},[...t])}function jn(e){const t=kn(e),n=d.useRef(null),o=d.useCallback(s=>{s!==n.current&&(t==null||t(s,n.current)),n.current=s},[]);return[n,o]}function $n(e){const t=d.useRef();return d.useEffect(()=>{t.current=e},[e]),t.current}let Tr={};function vn(e,t){return d.useMemo(()=>{if(t)return t;const n=Tr[e]==null?0:Tr[e]+1;return Tr[e]=n,e+"-"+n},[e,t])}function mo(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return o.reduce((c,l)=>{const u=Object.entries(l);for(const[h,f]of u){const b=c[h];b!=null&&(c[h]=b+e*f)}return c},{...t})}}const Zt=mo(1),Bn=mo(-1);function ui(e){return"clientX"in e&&"clientY"in e}function Xn(e){if(!e)return!1;const{KeyboardEvent:t}=Ke(e.target);return t&&e instanceof t}function di(e){if(!e)return!1;const{TouchEvent:t}=Ke(e.target);return t&&e instanceof t}function Fn(e){if(di(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ui(e)?{x:e.clientX,y:e.clientY}:null}const Gt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),Qr="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fi(e){return e.matches(Qr)?e:e.querySelector(Qr)}const gi={display:"none"};function hi(e){let{id:t,value:n}=e;return d.createElement("div",{id:t,style:gi},n)}function pi(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;const s={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return d.createElement("div",{id:t,style:s,role:"status","aria-live":o,"aria-atomic":!0},n)}function vi(){const[e,t]=d.useState("");return{announce:d.useCallback(o=>{o!=null&&t(o)},[]),announcement:e}}const xo=d.createContext(null);function bi(e){const t=d.useContext(xo);d.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function yi(){const[e]=d.useState(()=>new Set),t=d.useCallback(o=>(e.add(o),()=>e.delete(o)),[e]);return[d.useCallback(o=>{let{type:s,event:c}=o;e.forEach(l=>{var u;return(u=l[s])==null?void 0:u.call(l,c)})},[e]),t]}const mi={draggable:`
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.
@@ -82,4 +82,4 @@
   flex-direction: ${e=>e.verticalDisplay?"column":"row"};
   ${e=>e.horizontalDisplay==!1&&"flex-wrap: wrap;"}
   overflow: auto;
-`,va=e=>ko({...e,wasDragging:!0}),ba={sideEffects:Ho({styles:{active:{opacity:"0.5"}}})},ya=()=>{const[e,t]=d.useState(!1);return d.useEffect(()=>{const n=setTimeout(()=>t(!0),500);return()=>clearTimeout(n)},[]),e},Fr=(e,t)=>{if(e)return we.getColorRgbaValue(t,"KanbanCard",e,"enabled","highlight")},ma=({children:e,containerId:t,columns:n=1,disabled:o,id:s,items:c,className:l,renderFooterContent:u,maxContainerHeight:h,style:f,...b})=>{var O;const{active:v,attributes:_,isDragging:w,listeners:I,over:x,setNodeRef:D,transition:A,transform:M}=Yo({id:s,data:{type:"container",children:c},animateLayoutChanges:va}),T=x?s===x.id&&((O=v==null?void 0:v.data.current)==null?void 0:O.type)!=="container"||c.includes(x.id):!1;return oe.jsx(Wo,{ref:o?void 0:D,style:{...f,transition:A,transform:Gt.Translate.toString(M),opacity:w?.5:void 0},className:l,hover:T,handleProps:{..._,...I},containerId:t,renderFooterContent:u,maxContainerHeight:h,...b,children:e})},xa=({disabled:e,id:t,item:n,index:o,renderItem:s,style:c={},containerId:l,getIndex:u,wrapperStyle:h,cardProps:f,theme:b,renderContent:v,color:_})=>{const{setNodeRef:w,setActivatorNodeRef:I,listeners:x,isDragging:D,isSorting:A,over:M,overIndex:T,transform:O,transition:L,attributes:N}=Yo({id:t}),P=ya(),$=D&&!P;return oe.jsx(Br,{ref:e?void 0:w,cardProps:f,value:t,dragging:D,sorting:A,handle:(f==null?void 0:f.handle)!==!1,handleProps:{...N,...x},index:o,wrapperStyle:h({index:o}),style:{...c,index:o,value:t,isDragging:D,isSorting:A,overIndex:M?u(M.id):T,containerId:l},color:Fr(n==null?void 0:n.color,b),transition:L,transform:O,fadeIn:$,listeners:x,renderItem:s,children:v(n==null?void 0:n.content,t,{...f,handleProps:{...N,...x},item:n,containerId:l})})},qo=d.forwardRef((e,t)=>{const{horizontalDisplay:n=!1,verticalDisplay:o=!1,adjustScale:s=!1,itemCount:c=5,cancelDrop:l,columns:u,handle:h=!1,containerStyle:f,coordinateGetter:b=Vs,getItemStyles:v=m=>({...m}),wrapperStyle:_=m=>({...m}),minimal:w=!1,modifiers:I,renderItem:x,strategy:D=ho,scrollable:A,maxContainerHeight:M,cardProps:T,headerProps:O,footerProps:L,data:N=[],columnInfo:P={},onColumnMoved:$=()=>{},onCardMoved:Y=()=>{},onCardChangedColumns:W=()=>{},color:K="primary",size:ie="small",children:ee,...Se}=e,Ge=zr.useTheme(),[k,te]=d.useState(()=>N??{A:vo(c,m=>`A${m+1}`),B:vo(c,m=>`B${m+1}`)}),[Ue,_e]=d.useState(Object.keys(N)),[B,ke]=d.useState(null),ne=d.useRef(null),Z=d.useRef(!1),Xe=B?Ue.includes(B):!1,nt=d.useCallback(m=>{var U;if(B&&B in k)return to({...m,droppableContainers:m.droppableContainers.filter(re=>re.id in k)});const C=Ai(m),F=C.length>0?C:wo(m);let V=kr(F,"id");if(V!=null){if(V in k){const re=k[V];re.length>0&&(V=(U=to({...m,droppableContainers:m.droppableContainers.filter(ae=>ae.id!==V&&re.map(ce=>ce.id).includes(ae.id))})[0])==null?void 0:U.id)}return ne.current=V,[{id:V}]}return Z.current&&(ne.current=B),ne.current?[{id:ne.current}]:[]},[B,k]),[se,dt]=d.useState([]),Ye=Ci(Or(No),Or(Po),Or(Wr,{coordinateGetter:b}));si.useEffectOnce(()=>{te(N),_e(Object.keys(N))}),ai.useUpdateEffect(()=>{te(N),_e(Object.keys(N))},[N]),d.useEffect(()=>{requestAnimationFrame(()=>{Z.current=!1})},[k]);const fe=m=>m in k?m:Object.keys(k).find(C=>k[C].map(F=>F.id).includes(m)),G=m=>{const C=fe(m);return C?Xt(k[C],F=>F.id==m):-1},rt=()=>{se&&te(se),ke(null),dt(null)},Te=m=>{ke(m.active.id),dt(k)},ot=m=>{const{active:C,over:F}=m,V=F==null?void 0:F.id;if(V==null||C.id in k)return;const U=fe(V),re=fe(C.id);!U||!re||re!==U&&te(ae=>{const ce=ae[re],ge=ae[U],pe=Xt(ge,je=>je.id==V),ft=Xt(ce,je=>je.id==C.id);let le;if(V in ae)le=ge.length+1;else{const Rt=F&&C.rect.current.translated&&C.rect.current.translated.top>F.rect.top+F.rect.height?1:0;le=pe>=0?pe+Rt:ge.length+1}return W(C.id),Z.current=!0,{...ae,[re]:ae[re].filter(je=>je.id!=C.id),[U]:[...ae[U].slice(0,le),ae[re][ft],...ae[U].slice(le,ae[U].length)]}})},z=m=>{const{active:C,over:F}=m;var V=!1,U=fa(k);C.id in k&&(F!=null&&F.id)&&_e(ue=>{V=!0;const de=ue.indexOf(C.id),$e=ue.indexOf(F.id);var Ze=fn(ue,de,$e);return C.id!==F.id&&$(m,Ze),Ze});const re=fe(C.id);if(!re){ke(null);return}const ae=F==null?void 0:F.id;if(ae==null){ke(null);return}const ce=fe(ae);if(ce){const ue=Xt(k[re],$e=>$e.id==C.id),de=Xt(k[ce],$e=>$e.id==ae);ue!==de&&(U={...U,[ce]:fn(U[ce],ue,de)},te($e=>({...$e,[ce]:fn($e[ce],ue,de)})))}if(!V){var ge,pe=null,ft,le=-1,je=Object.keys(se),Rt=Object.keys(U);je.forEach(ue=>{if(se[ue].map(de=>de.id.toString()).includes(C.id.toString())){ge=ue,ft=Xt(se[ue],de=>de.id==C.id);return}}),Rt.forEach(ue=>{if(U[ue].map(de=>de.id.toString()).includes(C.id.toString())){pe=ue,le=Xt(U[ue],de=>de.id==C.id);return}}),ge===pe&&ft!==le&&Y(m,U,pe),ge!==pe&&W(m,U,pe,ge)}ke(null)},Ve=m=>{var C=null;return Ue.forEach(F=>{k[F].forEach(V=>{if(V.id==m){C=V;return}})}),oe.jsx(Br,{value:m,handle:h,cardProps:T,style:v({containerId:fe(m),overIndex:-1,index:G(m),value:m,isSorting:!0,isDragging:!0,isDragOverlay:!0}),color:Fr(C==null?void 0:C.color,Ge),wrapperStyle:_({index:0}),renderItem:x,dragOverlay:!0,children:it(C==null?void 0:C.content,m,{...T,item:C})||{name:m}})},Le=m=>oe.jsx(Wo,{label:mt(m),columns:u,style:{height:"100%"},shadow:!0,unstyled:!1,containerId:m,renderFooterContent:Oe,children:k[m].map((C,F)=>oe.jsx(Br,{cardProps:T,value:C.id,handle:h,style:v({containerId:m,overIndex:-1,index:G(C),value:C,isDragging:!1,isSorting:!1,isDragOverlay:!1}),color:Fr(C==null?void 0:C.color,Ge),wrapperStyle:_({index:F}),renderItem:x,children:it(C==null?void 0:C.content,C==null?void 0:C.id,{...T,item:C,containerId:m})},C.id))}),mt=m=>{let C=u==null?void 0:u.find(F=>F.id==(m==null?void 0:m.toString()));return we.renderCustomElement(we.getCustomRenderById("KANBAN_HEADER",m,ee),{...O,item:{[m]:k[m]},column:C},C==null?void 0:C.header,!0)||we.renderCustomElement(we.getCustomRenderById("KANBAN_HEADER",null,ee),{...O,item:{[m]:k[m]},column:C},C==null?void 0:C.header,!0)||oe.jsx(ii,{id:m,color:K,size:ie,item:{[m]:k[m]},column:C,...O,children:C==null?void 0:C.header})},Oe=m=>we.renderCustomElement(we.getCustomRenderById("KANBAN_FOOTER",m,ee),{...L,id:m},null)||we.renderCustomElement(we.getCustomRenderById("KANBAN_FOOTER",null,ee),{...L,id:m},null),it=(m,C,F)=>we.renderCustomElement(we.getCustomRenderById("KANBAN_CARD",C,ee),{...F},m,!0)||we.renderCustomElement(we.getCustomRenderById("KANBAN_CARD",null,ee),{...F},m,!0)||oe.jsx(bo.KanbanCard,{color:K,size:ie,...F,children:m});return oe.jsx(ha,{ref:t,...Se,children:oe.jsxs(ys,{measuring:{droppable:{strategy:Qt.Always}},sensors:Ye,collisionDetection:nt,modifiers:I,cancelDrop:l,onDragCancel:rt,onDragStart:Te,onDragOver:ot,onDragEnd:z,children:[oe.jsx(pa,{horizontalDisplay:n,verticalDisplay:o,children:oe.jsx(po,{items:[...Ue],strategy:o?ho:zs,children:Ue.map(m=>oe.jsx(ma,{id:m,label:w?void 0:mt(m),items:k[m],color:K,scrollable:A,style:f,unstyled:w,containerId:m,renderFooterContent:Oe,maxContainerHeight:M,...O,children:oe.jsx(po,{items:k[m],strategy:D,children:k[m].map((C,F)=>oe.jsx(xa,{disabled:Xe||(C==null?void 0:C.disabled),id:C.id,item:C,index:F,style:v,wrapperStyle:_,renderItem:x,containerId:m,getIndex:G,cardProps:T,theme:Ge,renderContent:it},C.id))})},m))})}),Vt.reactDomExports.createPortal(oe.jsx(js,{adjustScale:s,dropAnimation:ba,children:B?Ue.includes(B)?Le(B):Ve(B):null}),document.body)]})})});qo.propTypes={horizontalDisplay:Q.PropTypes.bool,verticalDisplay:Q.PropTypes.bool,adjustScale:Q.PropTypes.bool,itemCount:Q.PropTypes.bool,cancelDrop:Q.PropTypes.func,columns:Q.PropTypes.array,handle:Q.PropTypes.bool,getItemStyles:Q.PropTypes.func,wrapperStyle:Q.PropTypes.func,minimal:Q.PropTypes.bool,renderItem:Q.PropTypes.func,scrollable:Q.PropTypes.bool,cardProps:Q.PropTypes.any,headerProps:Q.PropTypes.any,footerProps:Q.PropTypes.any,data:Q.PropTypes.object,columnInfo:Q.PropTypes.object,onColumnMoved:Q.PropTypes.func,onCardMoved:Q.PropTypes.func,onCardChangedColumns:Q.PropTypes.func,maxContainerHeight:Q.PropTypes.string,className:Q.PropTypes.string,style:Q.PropTypes.object,color:Q.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:Q.PropTypes.oneOf(["small","medium","large"])};module.exports=qo;
+`,va=e=>ko({...e,wasDragging:!0}),ba={sideEffects:Ho({styles:{active:{opacity:"0.5"}}})},ya=()=>{const[e,t]=d.useState(!1);return d.useEffect(()=>{const n=setTimeout(()=>t(!0),500);return()=>clearTimeout(n)},[]),e},Fr=(e,t)=>{if(e)return we.getColorRgbaValue(t,"KanbanCard",e,"enabled","highlight")},ma=({children:e,containerId:t,columns:n=1,disabled:o,id:s,items:c,className:l,renderFooterContent:u,maxContainerHeight:h,style:f,...b})=>{var O;const{active:v,attributes:_,isDragging:w,listeners:I,over:x,setNodeRef:D,transition:A,transform:M}=Yo({id:s,data:{type:"container",children:c},animateLayoutChanges:va}),T=x?s===x.id&&((O=v==null?void 0:v.data.current)==null?void 0:O.type)!=="container"||c.includes(x.id):!1;return oe.jsx(Wo,{ref:o?void 0:D,style:{...f,transition:A,transform:Gt.Translate.toString(M),opacity:w?.5:void 0},className:l,hover:T,handleProps:{..._,...I},containerId:t,renderFooterContent:u,maxContainerHeight:h,...b,children:e})},xa=({disabled:e,id:t,item:n,index:o,renderItem:s,style:c={},containerId:l,getIndex:u,wrapperStyle:h,cardProps:f,theme:b,renderContent:v,color:_})=>{const{setNodeRef:w,setActivatorNodeRef:I,listeners:x,isDragging:D,isSorting:A,over:M,overIndex:T,transform:O,transition:L,attributes:N}=Yo({id:t}),P=ya(),$=D&&!P;return oe.jsx(Br,{ref:e?void 0:w,cardProps:f,value:t,dragging:D,sorting:A,handle:(f==null?void 0:f.handle)!==!1,handleProps:{...N,...x},index:o,wrapperStyle:h({index:o}),style:{...c,index:o,value:t,isDragging:D,isSorting:A,overIndex:M?u(M.id):T,containerId:l},color:Fr(n==null?void 0:n.color,b),transition:L,transform:O,fadeIn:$,listeners:x,renderItem:s,children:v(n==null?void 0:n.content,t,{...f,handleProps:{...N,...x},item:n,containerId:l})})},qo=d.forwardRef((e,t)=>{const{horizontalDisplay:n=!1,verticalDisplay:o=!1,adjustScale:s=!1,itemCount:c=5,cancelDrop:l,columns:u,handle:h=!1,containerStyle:f,coordinateGetter:b=Vs,getItemStyles:v=m=>({...m}),wrapperStyle:_=m=>({...m}),minimal:w=!1,modifiers:I,renderItem:x,strategy:D=ho,scrollable:A,maxContainerHeight:M,cardProps:T,headerProps:O,footerProps:L,data:N=[],columnInfo:P={},onColumnMoved:$=()=>{},onCardMoved:Y=()=>{},onCardChangedColumns:W=()=>{},color:K="primary",size:ie="small",children:ee,...Se}=e,Ge=zr.useTheme(),[k,te]=d.useState(()=>N??{A:vo(c,m=>`A${m+1}`),B:vo(c,m=>`B${m+1}`)}),[Ue,_e]=d.useState(Object.keys(N)),[B,ke]=d.useState(null),ne=d.useRef(null),Z=d.useRef(!1),Xe=B?Ue.includes(B):!1,nt=d.useCallback(m=>{var U;if(B&&B in k)return to({...m,droppableContainers:m.droppableContainers.filter(re=>re.id in k)});const C=Ai(m),F=C.length>0?C:wo(m);let V=kr(F,"id");if(V!=null){if(V in k){const re=k[V];re.length>0&&(V=(U=to({...m,droppableContainers:m.droppableContainers.filter(ae=>ae.id!==V&&re.map(ce=>ce.id).includes(ae.id))})[0])==null?void 0:U.id)}return ne.current=V,[{id:V}]}return Z.current&&(ne.current=B),ne.current?[{id:ne.current}]:[]},[B,k]),[se,dt]=d.useState([]),Ye=Ci(Or(No),Or(Po),Or(Wr,{coordinateGetter:b}));ai(()=>{te(N),_e(Object.keys(N))}),si.useUpdateEffect(()=>{te(N),_e(Object.keys(N))},[N]),d.useEffect(()=>{requestAnimationFrame(()=>{Z.current=!1})},[k]);const fe=m=>m in k?m:Object.keys(k).find(C=>k[C].map(F=>F.id).includes(m)),G=m=>{const C=fe(m);return C?Xt(k[C],F=>F.id==m):-1},rt=()=>{se&&te(se),ke(null),dt(null)},Te=m=>{ke(m.active.id),dt(k)},ot=m=>{const{active:C,over:F}=m,V=F==null?void 0:F.id;if(V==null||C.id in k)return;const U=fe(V),re=fe(C.id);!U||!re||re!==U&&te(ae=>{const ce=ae[re],ge=ae[U],pe=Xt(ge,je=>je.id==V),ft=Xt(ce,je=>je.id==C.id);let le;if(V in ae)le=ge.length+1;else{const Rt=F&&C.rect.current.translated&&C.rect.current.translated.top>F.rect.top+F.rect.height?1:0;le=pe>=0?pe+Rt:ge.length+1}return W(C.id),Z.current=!0,{...ae,[re]:ae[re].filter(je=>je.id!=C.id),[U]:[...ae[U].slice(0,le),ae[re][ft],...ae[U].slice(le,ae[U].length)]}})},z=m=>{const{active:C,over:F}=m;var V=!1,U=fa(k);C.id in k&&(F!=null&&F.id)&&_e(ue=>{V=!0;const de=ue.indexOf(C.id),$e=ue.indexOf(F.id);var Ze=fn(ue,de,$e);return C.id!==F.id&&$(m,Ze),Ze});const re=fe(C.id);if(!re){ke(null);return}const ae=F==null?void 0:F.id;if(ae==null){ke(null);return}const ce=fe(ae);if(ce){const ue=Xt(k[re],$e=>$e.id==C.id),de=Xt(k[ce],$e=>$e.id==ae);ue!==de&&(U={...U,[ce]:fn(U[ce],ue,de)},te($e=>({...$e,[ce]:fn($e[ce],ue,de)})))}if(!V){var ge,pe=null,ft,le=-1,je=Object.keys(se),Rt=Object.keys(U);je.forEach(ue=>{if(se[ue].map(de=>de.id.toString()).includes(C.id.toString())){ge=ue,ft=Xt(se[ue],de=>de.id==C.id);return}}),Rt.forEach(ue=>{if(U[ue].map(de=>de.id.toString()).includes(C.id.toString())){pe=ue,le=Xt(U[ue],de=>de.id==C.id);return}}),ge===pe&&ft!==le&&Y(m,U,pe),ge!==pe&&W(m,U,pe,ge)}ke(null)},Ve=m=>{var C=null;return Ue.forEach(F=>{k[F].forEach(V=>{if(V.id==m){C=V;return}})}),oe.jsx(Br,{value:m,handle:h,cardProps:T,style:v({containerId:fe(m),overIndex:-1,index:G(m),value:m,isSorting:!0,isDragging:!0,isDragOverlay:!0}),color:Fr(C==null?void 0:C.color,Ge),wrapperStyle:_({index:0}),renderItem:x,dragOverlay:!0,children:it(C==null?void 0:C.content,m,{...T,item:C})||{name:m}})},Le=m=>oe.jsx(Wo,{label:mt(m),columns:u,style:{height:"100%"},shadow:!0,unstyled:!1,containerId:m,renderFooterContent:Oe,children:k[m].map((C,F)=>oe.jsx(Br,{cardProps:T,value:C.id,handle:h,style:v({containerId:m,overIndex:-1,index:G(C),value:C,isDragging:!1,isSorting:!1,isDragOverlay:!1}),color:Fr(C==null?void 0:C.color,Ge),wrapperStyle:_({index:F}),renderItem:x,children:it(C==null?void 0:C.content,C==null?void 0:C.id,{...T,item:C,containerId:m})},C.id))}),mt=m=>{let C=u==null?void 0:u.find(F=>F.id==(m==null?void 0:m.toString()));return we.renderCustomElement(we.getCustomRenderById("KANBAN_HEADER",m,ee),{...O,item:{[m]:k[m]},column:C},C==null?void 0:C.header,!0)||we.renderCustomElement(we.getCustomRenderById("KANBAN_HEADER",null,ee),{...O,item:{[m]:k[m]},column:C},C==null?void 0:C.header,!0)||oe.jsx(ii,{id:m,color:K,size:ie,item:{[m]:k[m]},column:C,...O,children:C==null?void 0:C.header})},Oe=m=>we.renderCustomElement(we.getCustomRenderById("KANBAN_FOOTER",m,ee),{...L,id:m},null)||we.renderCustomElement(we.getCustomRenderById("KANBAN_FOOTER",null,ee),{...L,id:m},null),it=(m,C,F)=>we.renderCustomElement(we.getCustomRenderById("KANBAN_CARD",C,ee),{...F},m,!0)||we.renderCustomElement(we.getCustomRenderById("KANBAN_CARD",null,ee),{...F},m,!0)||oe.jsx(bo.KanbanCard,{color:K,size:ie,...F,children:m});return oe.jsx(ha,{ref:t,...Se,children:oe.jsxs(ys,{measuring:{droppable:{strategy:Qt.Always}},sensors:Ye,collisionDetection:nt,modifiers:I,cancelDrop:l,onDragCancel:rt,onDragStart:Te,onDragOver:ot,onDragEnd:z,children:[oe.jsx(pa,{horizontalDisplay:n,verticalDisplay:o,children:oe.jsx(po,{items:[...Ue],strategy:o?ho:zs,children:Ue.map(m=>oe.jsx(ma,{id:m,label:w?void 0:mt(m),items:k[m],color:K,scrollable:A,style:f,unstyled:w,containerId:m,renderFooterContent:Oe,maxContainerHeight:M,...O,children:oe.jsx(po,{items:k[m],strategy:D,children:k[m].map((C,F)=>oe.jsx(xa,{disabled:Xe||(C==null?void 0:C.disabled),id:C.id,item:C,index:F,style:v,wrapperStyle:_,renderItem:x,containerId:m,getIndex:G,cardProps:T,theme:Ge,renderContent:it},C.id))})},m))})}),Vt.reactDomExports.createPortal(oe.jsx(js,{adjustScale:s,dropAnimation:ba,children:B?Ue.includes(B)?Le(B):Ve(B):null}),document.body)]})})});qo.propTypes={horizontalDisplay:Q.PropTypes.bool,verticalDisplay:Q.PropTypes.bool,adjustScale:Q.PropTypes.bool,itemCount:Q.PropTypes.bool,cancelDrop:Q.PropTypes.func,columns:Q.PropTypes.array,handle:Q.PropTypes.bool,getItemStyles:Q.PropTypes.func,wrapperStyle:Q.PropTypes.func,minimal:Q.PropTypes.bool,renderItem:Q.PropTypes.func,scrollable:Q.PropTypes.bool,cardProps:Q.PropTypes.any,headerProps:Q.PropTypes.any,footerProps:Q.PropTypes.any,data:Q.PropTypes.object,columnInfo:Q.PropTypes.object,onColumnMoved:Q.PropTypes.func,onCardMoved:Q.PropTypes.func,onCardChangedColumns:Q.PropTypes.func,maxContainerHeight:Q.PropTypes.string,className:Q.PropTypes.string,style:Q.PropTypes.object,color:Q.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:Q.PropTypes.oneOf(["small","medium","large"])};module.exports=qo;

package/dist/Kanban.js

@@ -1,16 +1,18 @@
 import { jsx as xe, jsxs as Xn } from "react/jsx-runtime";
-import ae, { useLayoutEffect as vi, useEffect as J, useRef as V, useMemo as Q, useCallback as Ne, useState as be, createContext as Cn, memo as Oo, useReducer as bi, useContext as Wt, forwardRef as er, cloneElement as yi } from "react";
+import ae, { useEffect as k, useLayoutEffect as vi, useRef as V, useMemo as Q, useCallback as Ne, useState as be, createContext as Cn, memo as Oo, useReducer as bi, useContext as Wt, forwardRef as er, cloneElement as yi } from "react";
 import { r as on } from "./index-64mXPFBC.js";
 import { P as te } from "./index-S5Cd7WrG.js";
-import { b as sn, r as nn, z as rn } from "./utils-BE-UlkKf.js";
+import { b as sn, r as nn, z as rn } from "./utils-BhG1dImS.js";
 import { c as lo } from "./index-Bq3leL2e.js";
 import { s as ln } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { u as Vr } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { H as mi, K as wi } from "./KanbanCard-CIscpYlR.js";
 import { c as Yt, g as Eo } from "./_commonjsHelpers-DaMA6jEr.js";
 import xi from "./KanbanHeader.js";
-import { u as Ci } from "./useEffectOnce-guOKBPuL.js";
-import { u as _i } from "./useUpdateEffect-CuYWz7EA.js";
+import { u as Ci } from "./useUpdateEffect-CuYWz7EA.js";
+var _i = function(e) {
+  k(e, []);
+};
 function Si() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
@@ -50,7 +52,7 @@ function To(e) {
 function dn(e) {
   return e ? un(e) ? e.document : Zr(e) ? Qr(e) ? e : _n(e) || To(e) ? e.ownerDocument : document : document : document;
 }
-const xt = tr ? vi : J;
+const xt = tr ? vi : k;
 function nr(e) {
   const t = V(e);
   return xt(() => {
@@ -99,7 +101,7 @@ function Yn(e) {
 }
 function Wn(e) {
   const t = V();
-  return J(() => {
+  return k(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -271,7 +273,7 @@ function Ni() {
 const No = /* @__PURE__ */ Cn(null);
 function Mi(e) {
   const t = Wt(No);
-  J(() => {
+  k(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
@@ -335,7 +337,7 @@ function Bi(e) {
     announce: c,
     announcement: l
   } = Ni(), u = Dn("DndLiveRegion"), [g, d] = be(!1);
-  if (J(() => {
+  if (k(() => {
     d(!0);
   }, []), Mi(Q(() => ({
     onDragStart(p) {
@@ -1396,7 +1398,7 @@ function ua(e) {
     const M = S.current.x * R.current.x, $ = S.current.y * R.current.y;
     N.scrollBy(M, $);
   }, []), P = Q(() => u === Vn.TreeOrder ? [...d].reverse() : d, [u, d]);
-  J(
+  k(
     () => {
       if (!c || !d.length || !I) {
         m();
@@ -1541,21 +1543,21 @@ function pa(e, t) {
     }
     return R;
   }, [e, c, n, p, g]);
-  return J(() => {
+  return k(() => {
     v.current = e;
-  }, [e]), J(
+  }, [e]), k(
     () => {
       p || w();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, p]
-  ), J(
+  ), k(
     () => {
       c && c.length > 0 && l(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(c)]
-  ), J(
+  ), k(
     () => {
       p || typeof u != "number" || T.current !== null || (T.current = setTimeout(() => {
         w(), T.current = null;
@@ -1598,7 +1600,7 @@ function ba(e) {
     } = window;
     return new c(o);
   }, [o, n]);
-  return J(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
+  return k(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
 }
 function or(e) {
   let {
@@ -1617,7 +1619,7 @@ function or(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return J(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
+  return k(() => () => a == null ? void 0 : a.disconnect(), [a]), a;
 }
 function ya(e) {
   return new oo(fn(e), e);
@@ -1668,7 +1670,7 @@ function ma(e) {
 const wo = [];
 function wa(e) {
   const t = V(e), n = Sn((o) => e ? o && o !== wo && e && t.current && e.parentNode === t.current.parentNode ? o : ro(e) : wo, [e]);
-  return J(() => {
+  return k(() => {
     t.current = e;
   }, [e]), n;
 }
@@ -1677,7 +1679,7 @@ function xa(e) {
     const l = Kr(c.target);
     l && n((u) => u ? (u.set(l, Yr(l)), new Map(u)) : null);
   }, []);
-  return J(() => {
+  return k(() => {
     const c = o.current;
     if (e !== c) {
       l(c);
@@ -1703,19 +1705,19 @@ function xa(e) {
 function xo(e, t) {
   t === void 0 && (t = []);
   const n = V(null);
-  return J(
+  return k(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), J(() => {
+  ), k(() => {
     const o = e !== Ct;
     o && !n.current && (n.current = e), !o && n.current && (n.current = null);
   }, [e]), n.current ? kn(e, n.current) : Ct;
 }
 function Ca(e) {
-  J(
+  k(
     () => {
       if (!tr)
         return;
@@ -2007,7 +2009,7 @@ function Ia(e) {
     activatorEvent: o,
     draggableNodes: a
   } = Wt(An), c = Wn(o), l = Wn(n == null ? void 0 : n.id);
-  return J(() => {
+  return k(() => {
     if (!t && !o && c && l != null) {
       if (!rr(c) || document.activeElement === c.target)
         return;
@@ -2133,11 +2135,11 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
     initial: null,
     translated: null
   }), ne = Q(() => {
-    var k;
+    var q;
     return M != null ? {
       id: M,
       // It's possible for the active node to unmount while dragging
-      data: (k = H == null ? void 0 : H.data) != null ? k : Ra,
+      data: (q = H == null ? void 0 : H.data) != null ? q : Ra,
       rect: se
     } : null;
   }, [M, H]), Ae = V(null), [We, G] = be(null), [re, ke] = be(null), Re = xn(T, Object.values(T)), B = Dn("DndDescribedBy", l), qe = Q(() => W.getEnabled(), [W]), oe = Na(_), {
@@ -2195,7 +2197,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
     droppableContainers: qe,
     pointerCoordinates: Z
   }) : null, vt = no(ye, "id"), [de, ze] = be(null), Et = _t ? j : an(j, le), fe = Xi(Et, (c = de == null ? void 0 : de.rect) != null ? c : null, K), ge = V(null), He = Ne(
-    (k, Oe) => {
+    (q, Oe) => {
       let {
         sensor: _e,
         options: rt
@@ -2205,7 +2207,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
       const Le = $.get(Ae.current);
       if (!Le)
         return;
-      const Ee = k.nativeEvent, Ue = new _e({
+      const Ee = q.nativeEvent, Ue = new _e({
         active: Ae.current,
         activeNode: Le,
         event: Ee,
@@ -2213,26 +2215,26 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: Me,
-        onAbort(q) {
-          if (!$.get(q))
+        onAbort(J) {
+          if (!$.get(J))
             return;
           const {
             onDragAbort: Be
           } = Re.current, Ge = {
-            id: q
+            id: J
           };
           Be == null || Be(Ge), I({
             type: "onDragAbort",
             event: Ge
           });
         },
-        onPending(q, $e, Be, Ge) {
-          if (!$.get(q))
+        onPending(J, $e, Be, Ge) {
+          if (!$.get(J))
             return;
           const {
             onDragPending: ot
           } = Re.current, ve = {
-            id: q,
+            id: J,
             constraint: $e,
             initialCoordinates: Be,
             offset: Ge
@@ -2242,7 +2244,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
             event: ve
           });
         },
-        onStart(q) {
+        onStart(J) {
           const $e = Ae.current;
           if ($e == null)
             return;
@@ -2262,7 +2264,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
           on.unstable_batchedUpdates(() => {
             Ge == null || Ge(yt), P(Xt.Initializing), R({
               type: Ce.DragStart,
-              initialCoordinates: q,
+              initialCoordinates: J,
               active: $e
             }), I({
               type: "onDragStart",
@@ -2270,17 +2272,17 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
             }), G(ge.current), ke(Ee);
           });
         },
-        onMove(q) {
+        onMove(J) {
           R({
             type: Ce.DragMove,
-            coordinates: q
+            coordinates: J
           });
         },
         onEnd: bt(Ce.DragEnd),
         onCancel: bt(Ce.DragCancel)
       });
       ge.current = Ue;
-      function bt(q) {
+      function bt(J) {
         return async function() {
           const {
             active: Be,
@@ -2299,13 +2301,13 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
               collisions: Ge,
               delta: ot,
               over: yt
-            }, q === Ce.DragEnd && typeof Tt == "function" && await Promise.resolve(Tt(ve)) && (q = Ce.DragCancel);
+            }, J === Ce.DragEnd && typeof Tt == "function" && await Promise.resolve(Tt(ve)) && (J = Ce.DragCancel);
           }
           Ae.current = null, on.unstable_batchedUpdates(() => {
             R({
-              type: q
+              type: J
             }), P(Xt.Uninitialized), ze(null), G(null), ke(null), ge.current = null;
-            const Tt = q === Ce.DragEnd ? "onDragEnd" : "onDragCancel";
+            const Tt = J === Ce.DragEnd ? "onDragEnd" : "onDragCancel";
             if (ve) {
               const qt = Re.current[Tt];
               qt == null || qt(ve), I({
@@ -2319,7 +2321,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [$]
-  ), nt = Ne((k, Oe) => (_e, rt) => {
+  ), nt = Ne((q, Oe) => (_e, rt) => {
     const Le = _e.nativeEvent, Ee = $.get(rt);
     if (
       // Another sensor is already instantiating
@@ -2331,16 +2333,16 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
     const Ue = {
       active: Ee
     };
-    k(_e, Oe.options, Ue) === !0 && (Le.dndKit = {
+    q(_e, Oe.options, Ue) === !0 && (Le.dndKit = {
       capturedBy: Oe.sensor
     }, Ae.current = rt, He(_e, Oe));
   }, [$, He]), ut = ha(v, nt);
   Ca(v), xt(() => {
     K && E === Xt.Initializing && P(Xt.Initialized);
-  }, [K, E]), J(
+  }, [K, E]), k(
     () => {
       const {
-        onDragMove: k
+        onDragMove: q
       } = Re.current, {
         active: Oe,
         activatorEvent: _e,
@@ -2360,7 +2362,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
         over: Le
       };
       on.unstable_batchedUpdates(() => {
-        k == null || k(Ee), I({
+        q == null || q(Ee), I({
           type: "onDragMove",
           event: Ee
         });
@@ -2368,16 +2370,16 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [ue.x, ue.y]
-  ), J(
+  ), k(
     () => {
       const {
-        active: k,
+        active: q,
         activatorEvent: Oe,
         collisions: _e,
         droppableContainers: rt,
         scrollAdjustedTranslate: Le
       } = Me.current;
-      if (!k || Ae.current == null || !Oe || !Le)
+      if (!q || Ae.current == null || !Oe || !Le)
         return;
       const {
         onDragOver: Ee
@@ -2386,8 +2388,8 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
         rect: Ue.rect.current,
         data: Ue.data,
         disabled: Ue.disabled
-      } : null, q = {
-        active: k,
+      } : null, J = {
+        active: q,
         activatorEvent: Oe,
         collisions: _e,
         delta: {
@@ -2397,9 +2399,9 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
         over: bt
       };
       on.unstable_batchedUpdates(() => {
-        ze(bt), Ee == null || Ee(q), I({
+        ze(bt), Ee == null || Ee(J), I({
           type: "onDragOver",
-          event: q
+          event: J
         });
       });
     },
@@ -2478,7 +2480,7 @@ const Pa = /* @__PURE__ */ Oo(function(t) {
     hiddenTextDescribedById: B
   }));
   function Ke() {
-    const k = (We == null ? void 0 : We.autoScrollEnabled) === !1, Oe = typeof g == "object" ? g.enabled === !1 : g === !1, _e = N && !k && !Oe;
+    const q = (We == null ? void 0 : We.autoScrollEnabled) === !1, Oe = typeof g == "object" ? g.enabled === !1 : g === !1, _e = N && !q && !Oe;
     return typeof g == "object" ? {
       ...g,
       enabled: _e
@@ -2588,9 +2590,9 @@ function za(e) {
   }), E = Ne(($, Y) => {
     O && (Y && (O.unobserve(Y), p.current = !1), $ && O.observe($));
   }, [O]), [P, N] = Yn(E), M = xn(t);
-  return J(() => {
+  return k(() => {
     !O || !P.current || (O.disconnect(), p.current = !1, O.observe(P.current));
-  }, [P, O]), J(
+  }, [P, O]), k(
     () => (u({
       type: Ce.RegisterDroppable,
       element: {
@@ -2608,7 +2610,7 @@ function za(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o]
-  ), J(() => {
+  ), k(() => {
     n !== v.current.disabled && (u({
       type: Ce.SetDroppableDisabled,
       id: o,
@@ -3068,7 +3070,7 @@ function Ao(e) {
   } = Zo(), p = Dn(ti, n), _ = u.rect !== null, w = Q(() => o.map((N) => typeof N == "object" && "id" in N ? N.id : N), [o]), T = l != null, m = l ? w.indexOf(l.id) : -1, S = d ? w.indexOf(d.id) : -1, R = V(w), I = !es(w, R.current), O = S !== -1 && m === -1 || I, E = ts(c);
   xt(() => {
     I && T && v(w);
-  }, [I, w, T, v]), J(() => {
+  }, [I, w, T, v]), k(() => {
     R.current = w;
   }, [w]);
   const P = Q(
@@ -3145,7 +3147,7 @@ function ls(e) {
       }
     }
     n !== u.current && (u.current = n);
-  }, [t, n, o, a]), J(() => {
+  }, [t, n, o, a]), k(() => {
     c && l(null);
   }, [c]), c;
 }
@@ -3245,9 +3247,9 @@ function ii(e) {
     node: $,
     rect: M
   });
-  return J(() => {
+  return k(() => {
     oe && K.current.newIndex !== Ve && (K.current.newIndex = Ve), p !== K.current.containerId && (K.current.containerId = p), v !== K.current.items && (K.current.items = v);
-  }, [oe, Ve, p, v]), J(() => {
+  }, [oe, Ve, p, v]), k(() => {
     if (he === K.current.activeId)
       return;
     if (he && !K.current.activeId) {
@@ -3429,7 +3431,7 @@ const fs = [
       ...P
     }, N) => {
       const M = Vr();
-      return J(() => {
+      return k(() => {
         if (n)
           return document.body.style.cursor = "grabbing", () => {
             document.body.style.cursor = "";
@@ -3697,8 +3699,8 @@ Zn.exports;
     return i ? "Symbol(src)_1." + i : "";
   }(), Z = lt.toString, U = y.hasOwnProperty, ie = y.toString, le = RegExp(
     "^" + Z.call(U).replace(G, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), ue = ce ? ee.Buffer : void 0, pe = ee.Symbol, ye = ee.Uint8Array, vt = Fe(Object.getPrototypeOf, Object), de = Object.create, ze = y.propertyIsEnumerable, Et = Pe.splice, fe = Object.getOwnPropertySymbols, ge = ue ? ue.isBuffer : void 0, He = Fe(Object.keys, Object), nt = Ht(ee, "DataView"), ut = Ht(ee, "Map"), Bt = Ht(ee, "Promise"), jt = Ht(ee, "Set"), Ke = Ht(ee, "WeakMap"), k = Ht(Object, "create"), Oe = Dt(nt), _e = Dt(ut), rt = Dt(Bt), Le = Dt(jt), Ee = Dt(Ke), Ue = pe ? pe.prototype : void 0, bt = Ue ? Ue.valueOf : void 0;
-  function q(i) {
+  ), ue = ce ? ee.Buffer : void 0, pe = ee.Symbol, ye = ee.Uint8Array, vt = Fe(Object.getPrototypeOf, Object), de = Object.create, ze = y.propertyIsEnumerable, Et = Pe.splice, fe = Object.getOwnPropertySymbols, ge = ue ? ue.isBuffer : void 0, He = Fe(Object.keys, Object), nt = Ht(ee, "DataView"), ut = Ht(ee, "Map"), Bt = Ht(ee, "Promise"), jt = Ht(ee, "Set"), Ke = Ht(ee, "WeakMap"), q = Ht(Object, "create"), Oe = Dt(nt), _e = Dt(ut), rt = Dt(Bt), Le = Dt(jt), Ee = Dt(Ke), Ue = pe ? pe.prototype : void 0, bt = Ue ? Ue.valueOf : void 0;
+  function J(i) {
     var f = -1, b = i ? i.length : 0;
     for (this.clear(); ++f < b; ) {
       var D = i[f];
@@ -3706,14 +3708,14 @@ Zn.exports;
     }
   }
   function $e() {
-    this.__data__ = k ? k(null) : {};
+    this.__data__ = q ? q(null) : {};
   }
   function Be(i) {
     return this.has(i) && delete this.__data__[i];
   }
   function Ge(i) {
     var f = this.__data__;
-    if (k) {
+    if (q) {
       var b = f[i];
       return b === o ? void 0 : b;
     }
@@ -3721,13 +3723,13 @@ Zn.exports;
   }
   function yt(i) {
     var f = this.__data__;
-    return k ? f[i] !== void 0 : U.call(f, i);
+    return q ? f[i] !== void 0 : U.call(f, i);
   }
   function ot(i, f) {
     var b = this.__data__;
-    return b[i] = k && f === void 0 ? o : f, this;
+    return b[i] = q && f === void 0 ? o : f, this;
   }
-  q.prototype.clear = $e, q.prototype.delete = Be, q.prototype.get = Ge, q.prototype.has = yt, q.prototype.set = ot;
+  J.prototype.clear = $e, J.prototype.delete = Be, J.prototype.get = Ge, J.prototype.has = yt, J.prototype.set = ot;
   function ve(i) {
     var f = -1, b = i ? i.length : 0;
     for (this.clear(); ++f < b; ) {
@@ -3766,9 +3768,9 @@ Zn.exports;
   }
   function Rn() {
     this.__data__ = {
-      hash: new q(),
+      hash: new J(),
       map: new (ut || ve)(),
-      string: new q()
+      string: new J()
     };
   }
   function It(i) {
@@ -4148,9 +4150,9 @@ Qn.exports;
   var ge = Array.prototype, He = Function.prototype, nt = Object.prototype, ut = Pe["__core-js_shared__"], Bt = function() {
     var r = /[^.]+$/.exec(ut && ut.keys && ut.keys.IE_PROTO || "");
     return r ? "Symbol(src)_1." + r : "";
-  }(), jt = He.toString, Ke = nt.hasOwnProperty, k = nt.toString, Oe = RegExp(
+  }(), jt = He.toString, Ke = nt.hasOwnProperty, q = nt.toString, Oe = RegExp(
     "^" + jt.call(Ke).replace(ce, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), _e = Pe.Symbol, rt = Pe.Uint8Array, Le = nt.propertyIsEnumerable, Ee = ge.splice, Ue = Et(Object.keys, Object), bt = Math.max, q = Ut(Pe, "DataView"), $e = Ut(Pe, "Map"), Be = Ut(Pe, "Promise"), Ge = Ut(Pe, "Set"), yt = Ut(Pe, "WeakMap"), ot = Ut(Object, "create"), ve = D(q), Tt = D($e), qt = D(Be), ar = D(Ge), sr = D(yt), Zt = _e ? _e.prototype : void 0, St = Zt ? Zt.valueOf : void 0, Rn = Zt ? Zt.toString : void 0;
+  ), _e = Pe.Symbol, rt = Pe.Uint8Array, Le = nt.propertyIsEnumerable, Ee = ge.splice, Ue = Et(Object.keys, Object), bt = Math.max, J = Ut(Pe, "DataView"), $e = Ut(Pe, "Map"), Be = Ut(Pe, "Promise"), Ge = Ut(Pe, "Set"), yt = Ut(Pe, "WeakMap"), ot = Ut(Object, "create"), ve = D(J), Tt = D($e), qt = D(Be), ar = D(Ge), sr = D(yt), Zt = _e ? _e.prototype : void 0, St = Zt ? Zt.valueOf : void 0, Rn = Zt ? Zt.toString : void 0;
   function It(r) {
     var s = -1, h = r ? r.length : 0;
     for (this.clear(); ++s < h; ) {
@@ -4294,7 +4296,7 @@ Qn.exports;
     return h && h == C ? r : void 0;
   }
   function Or(r) {
-    return k.call(r);
+    return q.call(r);
   }
   function Er(r, s) {
     return r != null && s in Object(r);
@@ -4347,7 +4349,7 @@ Qn.exports;
     return s.test(D(r));
   }
   function Tr(r) {
-    return Lt(r) && tn(r.length) && !!F[k.call(r)];
+    return Lt(r) && tn(r.length) && !!F[q.call(r)];
   }
   function Ir(r) {
     return typeof r == "function" ? r : r == null ? hi : typeof r == "object" ? Rt(r) ? Pr(r[0], r[1]) : Mr(r) : pi(r);
@@ -4503,8 +4505,8 @@ Qn.exports;
     return Nt(h) ? h : void 0;
   }
   var At = Or;
-  (q && At(new q(new ArrayBuffer(1))) != se || $e && At(new $e()) != I || Be && At(Be.resolve()) != P || Ge && At(new Ge()) != M || yt && At(new yt()) != W) && (At = function(r) {
-    var s = k.call(r), h = s == E ? r.constructor : void 0, C = h ? D(h) : void 0;
+  (J && At(new J(new ArrayBuffer(1))) != se || $e && At(new $e()) != I || Be && At(Be.resolve()) != P || Ge && At(new Ge()) != M || yt && At(new yt()) != W) && (At = function(r) {
+    var s = q.call(r), h = s == E ? r.constructor : void 0, C = h ? D(h) : void 0;
     if (C)
       switch (C) {
         case ve:
@@ -4611,7 +4613,7 @@ Qn.exports;
     return r === s || r !== r && s !== s;
   }
   function Te(r) {
-    return Bn(r) && Ke.call(r, "callee") && (!Le.call(r, "callee") || k.call(r) == p);
+    return Bn(r) && Ke.call(r, "callee") && (!Le.call(r, "callee") || q.call(r) == p);
   }
   var Rt = Array.isArray;
   function Pt(r) {
@@ -4621,7 +4623,7 @@ Qn.exports;
     return Lt(r) && Pt(r);
   }
   function vn(r) {
-    var s = Ot(r) ? k.call(r) : "";
+    var s = Ot(r) ? q.call(r) : "";
     return s == S || s == R;
   }
   function tn(r) {
@@ -4635,7 +4637,7 @@ Qn.exports;
     return !!r && typeof r == "object";
   }
   function jn(r) {
-    return typeof r == "symbol" || Lt(r) && k.call(r) == Y;
+    return typeof r == "symbol" || Lt(r) && q.call(r) == Y;
   }
   var si = U ? ye(U) : Tr;
   function ci(r) {
@@ -4704,7 +4706,7 @@ const Vt = /* @__PURE__ */ Eo(Es), Ts = ln.div``, Is = ln.div`
   })
 }, Ps = () => {
   const [e, t] = be(!1);
-  return J(() => {
+  return k(() => {
     const n = setTimeout(() => t(!0), 500);
     return () => clearTimeout(n);
   }, []), e;
@@ -4916,11 +4918,11 @@ const Vt = /* @__PURE__ */ Eo(Es), Ts = ln.div``, Is = ln.div`
       coordinateGetter: v
     })
   );
-  Ci(() => {
+  _i(() => {
     re(N), Re(Object.keys(N));
-  }), _i(() => {
+  }), Ci(() => {
     re(N), Re(Object.keys(N));
-  }, [N]), J(() => {
+  }, [N]), k(() => {
     requestAnimationFrame(() => {
       ee.current = !1;
     });

package/dist/KanbanActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),P=require("react"),e=require("./index-BPVoEhTF.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./DropdownMenu.cjs"),w=require("./DropdownItem.cjs"),c=require("./Button.cjs"),p=require("./utils-DhRHf5Ed.cjs"),A=require("./ThemeProvider.cjs"),j=f.styled.div`
+"use strict";const t=require("react/jsx-runtime"),P=require("react"),e=require("./index-BPVoEhTF.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./DropdownMenu.cjs"),w=require("./DropdownItem.cjs"),c=require("./Button.cjs"),p=require("./utils-BWzf4vLl.cjs"),A=require("./ThemeProvider.cjs"),j=f.styled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;

package/dist/KanbanActionsToolbar.js

@@ -5,7 +5,7 @@ import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import A from "./DropdownMenu.js";
 import N from "./DropdownItem.js";
 import s from "./Button.js";
-import { b as m } from "./utils-BE-UlkKf.js";
+import { b as m } from "./utils-BhG1dImS.js";
 import { useTheme as O } from "./ThemeProvider.js";
 const I = w.div`
   display: flex;

package/dist/KanbanView.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BPVoEhTF.cjs"),X=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-DhRHf5Ed.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-CXRQQu4S.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.styled.div`
+"use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BPVoEhTF.cjs"),X=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-BWzf4vLl.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-CXRQQu4S.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.styled.div`
   & .kanban-view-footer-lnc {
     padding: 0 0.625rem;
   }