npm - @wilow_app/design-system - Versions diffs - 0.1.4 → 0.1.6 - Mend

@wilow_app/design-system 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { jsx as C, jsxs as P, Fragment as $o } from "react/jsx-runtime";
-import * as w from "react";
-import L, { useRef as V, useEffect as te, useContext as mr, useState as me, useLayoutEffect as Go } from "react";
-import ko, { flushSync as hr } from "react-dom";
+import { jsx as C, jsxs as A, Fragment as Lo } from "react/jsx-runtime";
+import * as S from "react";
+import L, { useRef as V, useEffect as te, useContext as mr, useState as me, useLayoutEffect as Mo } from "react";
+import $o, { flushSync as hr } from "react-dom";
 function W(e) {
   return `Minified Redux error #${e}; visit https://redux.js.org/Errors?code=${e} for the full message or use the non-minified dev environment for full errors. `;
 }
-var Fo = typeof Symbol == "function" && Symbol.observable || "@@observable", In = Fo, Cn = () => Math.random().toString(36).substring(7).split("").join("."), Wo = {
+var Go = typeof Symbol == "function" && Symbol.observable || "@@observable", In = Go, Cn = () => Math.random().toString(36).substring(7).split("").join("."), ko = {
   INIT: `@@redux/INIT${/* @__PURE__ */ Cn()}`,
   REPLACE: `@@redux/REPLACE${/* @__PURE__ */ Cn()}`
-}, On = Wo;
-function Uo(e) {
+}, On = ko;
+function Fo(e) {
   if (typeof e != "object" || e === null)
     return !1;
   let t = e;
@@ -17,7 +17,7 @@ function Uo(e) {
     t = Object.getPrototypeOf(t);
   return Object.getPrototypeOf(e) === t || Object.getPrototypeOf(e) === null;
 }
-function Ho(e) {
+function Wo(e) {
   if (e === void 0)
     return "undefined";
   if (e === null)
@@ -33,11 +33,11 @@ function Ho(e) {
   }
   if (Array.isArray(e))
     return "array";
-  if (jo(e))
+  if (zo(e))
     return "date";
-  if (qo(e))
+  if (Ho(e))
     return "error";
-  const n = zo(e);
+  const n = Uo(e);
   switch (n) {
     case "Symbol":
     case "Promise":
@@ -49,18 +49,18 @@ function Ho(e) {
   }
   return Object.prototype.toString.call(e).slice(8, -1).toLowerCase().replace(/\s/g, "");
 }
-function zo(e) {
+function Uo(e) {
   return typeof e.constructor == "function" ? e.constructor.name : null;
 }
-function qo(e) {
+function Ho(e) {
   return e instanceof Error || typeof e.message == "string" && e.constructor && typeof e.constructor.stackTraceLimit == "number";
 }
-function jo(e) {
+function zo(e) {
   return e instanceof Date ? !0 : typeof e.toDateString == "function" && typeof e.getDate == "function" && typeof e.setDate == "function";
 }
 function ne(e) {
   let t = typeof e;
-  return process.env.NODE_ENV !== "production" && (t = Ho(e)), t;
+  return process.env.NODE_ENV !== "production" && (t = Wo(e)), t;
 }
 function br(e, t, n) {
   if (typeof e != "function")
@@ -74,8 +74,8 @@ function br(e, t, n) {
   }
   let r = e, o = t, i = /* @__PURE__ */ new Map(), s = i, c = 0, a = !1;
   function d() {
-    s === i && (s = /* @__PURE__ */ new Map(), i.forEach((h, y) => {
-      s.set(y, h);
+    s === i && (s = /* @__PURE__ */ new Map(), i.forEach((m, y) => {
+      s.set(y, m);
     }));
   }
   function p() {
@@ -83,15 +83,15 @@ function br(e, t, n) {
       throw new Error(process.env.NODE_ENV === "production" ? W(3) : "You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");
     return o;
   }
-  function l(h) {
-    if (typeof h != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? W(4) : `Expected the listener to be a function. Instead, received: '${ne(h)}'`);
+  function l(m) {
+    if (typeof m != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? W(4) : `Expected the listener to be a function. Instead, received: '${ne(m)}'`);
     if (a)
       throw new Error(process.env.NODE_ENV === "production" ? W(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
     let y = !0;
     d();
     const v = c++;
-    return s.set(v, h), function() {
+    return s.set(v, m), function() {
       if (y) {
         if (a)
           throw new Error(process.env.NODE_ENV === "production" ? W(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
@@ -99,33 +99,33 @@ function br(e, t, n) {
       }
     };
   }
-  function u(h) {
-    if (!Uo(h))
-      throw new Error(process.env.NODE_ENV === "production" ? W(7) : `Actions must be plain objects. Instead, the actual type was: '${ne(h)}'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.`);
-    if (typeof h.type > "u")
+  function u(m) {
+    if (!Fo(m))
+      throw new Error(process.env.NODE_ENV === "production" ? W(7) : `Actions must be plain objects. Instead, the actual type was: '${ne(m)}'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.`);
+    if (typeof m.type > "u")
       throw new Error(process.env.NODE_ENV === "production" ? W(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
-    if (typeof h.type != "string")
-      throw new Error(process.env.NODE_ENV === "production" ? W(17) : `Action "type" property must be a string. Instead, the actual type was: '${ne(h.type)}'. Value was: '${h.type}' (stringified)`);
+    if (typeof m.type != "string")
+      throw new Error(process.env.NODE_ENV === "production" ? W(17) : `Action "type" property must be a string. Instead, the actual type was: '${ne(m.type)}'. Value was: '${m.type}' (stringified)`);
     if (a)
       throw new Error(process.env.NODE_ENV === "production" ? W(9) : "Reducers may not dispatch actions.");
     try {
-      a = !0, o = r(o, h);
+      a = !0, o = r(o, m);
     } finally {
       a = !1;
     }
     return (i = s).forEach((v) => {
       v();
-    }), h;
+    }), m;
   }
-  function f(h) {
-    if (typeof h != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? W(10) : `Expected the nextReducer to be a function. Instead, received: '${ne(h)}`);
-    r = h, u({
+  function f(m) {
+    if (typeof m != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? W(10) : `Expected the nextReducer to be a function. Instead, received: '${ne(m)}`);
+    r = m, u({
       type: On.REPLACE
     });
   }
-  function m() {
-    const h = l;
+  function h() {
+    const m = l;
     return {
       /**
        * The minimal observable subscription method.
@@ -143,7 +143,7 @@ function br(e, t, n) {
           N.next && N.next(p());
         }
         return v(), {
-          unsubscribe: h(v)
+          unsubscribe: m(v)
         };
       },
       [In]() {
@@ -158,30 +158,30 @@ function br(e, t, n) {
     subscribe: l,
     getState: p,
     replaceReducer: f,
-    [In]: m
+    [In]: h
   };
 }
-function Sn(e, t) {
+function wn(e, t) {
   return function(...n) {
     return t(e.apply(this, n));
   };
 }
-function wn(e, t) {
+function Sn(e, t) {
   if (typeof e == "function")
-    return Sn(e, t);
+    return wn(e, t);
   if (typeof e != "object" || e === null)
     throw new Error(process.env.NODE_ENV === "production" ? W(16) : `bindActionCreators expected an object or a function, but instead received: '${ne(e)}'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);
   const n = {};
   for (const r in e) {
     const o = e[r];
-    typeof o == "function" && (n[r] = Sn(o, t));
+    typeof o == "function" && (n[r] = wn(o, t));
   }
   return n;
 }
 function vr(...e) {
   return e.length === 0 ? (t) => t : e.length === 1 ? e[0] : e.reduce((t, n) => (...r) => t(n(...r)));
 }
-function Yo(...e) {
+function qo(...e) {
   return (t) => (n, r) => {
     const o = t(n, r);
     let i = () => {
@@ -208,7 +208,7 @@ var gt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _n;
-function Xo() {
+function jo() {
   if (_n) return gt;
   _n = 1;
   var e = L;
@@ -219,15 +219,15 @@ function Xo() {
   return gt.useSyncExternalStoreWithSelector = function(a, d, p, l, u) {
     var f = o(null);
     if (f.current === null) {
-      var m = { hasValue: !1, value: null };
-      f.current = m;
-    } else m = f.current;
+      var h = { hasValue: !1, value: null };
+      f.current = h;
+    } else h = f.current;
     f = s(
       function() {
-        function h(E) {
+        function m(E) {
           if (!y) {
-            if (y = !0, v = E, E = l(E), u !== void 0 && m.hasValue) {
-              var x = m.value;
+            if (y = !0, v = E, E = l(E), u !== void 0 && h.hasValue) {
+              var x = h.value;
               if (u(x, E))
                 return I = x;
             }
@@ -240,10 +240,10 @@ function Xo() {
         var y = !1, v, I, N = p === void 0 ? null : p;
         return [
           function() {
-            return h(d());
+            return m(d());
           },
           N === null ? void 0 : function() {
-            return h(N());
+            return m(N());
           }
         ];
       },
@@ -252,7 +252,7 @@ function Xo() {
     var b = r(a, f[0], f[1]);
     return i(
       function() {
-        m.hasValue = !0, m.value = b;
+        h.hasValue = !0, h.value = b;
       },
       [b]
     ), c(b), b;
@@ -269,7 +269,7 @@ var mt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var An;
-function Ko() {
+function Yo() {
   return An || (An = 1, process.env.NODE_ENV !== "production" && function() {
     function e(a, d) {
       return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
@@ -279,15 +279,15 @@ function Ko() {
     mt.useSyncExternalStoreWithSelector = function(a, d, p, l, u) {
       var f = o(null);
       if (f.current === null) {
-        var m = { hasValue: !1, value: null };
-        f.current = m;
-      } else m = f.current;
+        var h = { hasValue: !1, value: null };
+        f.current = h;
+      } else h = f.current;
       f = s(
         function() {
-          function h(E) {
+          function m(E) {
             if (!y) {
-              if (y = !0, v = E, E = l(E), u !== void 0 && m.hasValue) {
-                var x = m.value;
+              if (y = !0, v = E, E = l(E), u !== void 0 && h.hasValue) {
+                var x = h.value;
                 if (u(x, E))
                   return I = x;
               }
@@ -301,10 +301,10 @@ function Ko() {
           var y = !1, v, I, N = p === void 0 ? null : p;
           return [
             function() {
-              return h(d());
+              return m(d());
             },
             N === null ? void 0 : function() {
-              return h(N());
+              return m(N());
             }
           ];
         },
@@ -313,29 +313,29 @@ function Ko() {
       var b = r(a, f[0], f[1]);
       return i(
         function() {
-          m.hasValue = !0, m.value = b;
+          h.hasValue = !0, h.value = b;
         },
         [b]
       ), c(b), b;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), mt;
 }
-process.env.NODE_ENV === "production" ? Xo() : Ko();
-var yr = /* @__PURE__ */ w.version.startsWith("19"), Jo = /* @__PURE__ */ Symbol.for(
+process.env.NODE_ENV === "production" ? jo() : Yo();
+var yr = /* @__PURE__ */ S.version.startsWith("19"), Xo = /* @__PURE__ */ Symbol.for(
   yr ? "react.transitional.element" : "react.element"
-), Zo = /* @__PURE__ */ Symbol.for("react.portal"), Er = /* @__PURE__ */ Symbol.for("react.fragment"), Dr = /* @__PURE__ */ Symbol.for("react.strict_mode"), Nr = /* @__PURE__ */ Symbol.for("react.profiler"), Ht = /* @__PURE__ */ Symbol.for("react.consumer"), zt = /* @__PURE__ */ Symbol.for("react.context"), qt = /* @__PURE__ */ Symbol.for("react.forward_ref"), xr = /* @__PURE__ */ Symbol.for("react.suspense"), Ir = /* @__PURE__ */ Symbol.for(
+), Ko = /* @__PURE__ */ Symbol.for("react.portal"), Er = /* @__PURE__ */ Symbol.for("react.fragment"), Dr = /* @__PURE__ */ Symbol.for("react.strict_mode"), Nr = /* @__PURE__ */ Symbol.for("react.profiler"), Ht = /* @__PURE__ */ Symbol.for("react.consumer"), zt = /* @__PURE__ */ Symbol.for("react.context"), qt = /* @__PURE__ */ Symbol.for("react.forward_ref"), xr = /* @__PURE__ */ Symbol.for("react.suspense"), Ir = /* @__PURE__ */ Symbol.for(
   "react.suspense_list"
-), tt = /* @__PURE__ */ Symbol.for("react.memo"), Cr = /* @__PURE__ */ Symbol.for("react.lazy"), Qo = /* @__PURE__ */ Symbol.for("react.offscreen"), ei = /* @__PURE__ */ Symbol.for(
+), tt = /* @__PURE__ */ Symbol.for("react.memo"), Cr = /* @__PURE__ */ Symbol.for("react.lazy"), Jo = /* @__PURE__ */ Symbol.for("react.offscreen"), Zo = /* @__PURE__ */ Symbol.for(
   "react.client.reference"
-), ti = qt, ni = tt;
-function ri(e) {
-  return typeof e == "string" || typeof e == "function" || e === Er || e === Nr || e === Dr || e === xr || e === Ir || e === Qo || typeof e == "object" && e !== null && (e.$$typeof === Cr || e.$$typeof === tt || e.$$typeof === zt || e.$$typeof === Ht || e.$$typeof === qt || e.$$typeof === ei || e.getModuleId !== void 0);
+), Qo = qt, ei = tt;
+function ti(e) {
+  return typeof e == "string" || typeof e == "function" || e === Er || e === Nr || e === Dr || e === xr || e === Ir || e === Jo || typeof e == "object" && e !== null && (e.$$typeof === Cr || e.$$typeof === tt || e.$$typeof === zt || e.$$typeof === Ht || e.$$typeof === qt || e.$$typeof === Zo || e.getModuleId !== void 0);
 }
 function Tt(e) {
   if (typeof e == "object" && e !== null) {
     const { $$typeof: t } = e;
     switch (t) {
-      case Jo:
+      case Xo:
         switch (e = e.type, e) {
           case Er:
           case Nr:
@@ -356,15 +356,15 @@ function Tt(e) {
                 return t;
             }
         }
-      case Zo:
+      case Ko:
         return t;
     }
   }
 }
-function oi(e) {
+function ni(e) {
   return yr ? Tt(e) === Ht : Tt(e) === zt;
 }
-function ii(e) {
+function ri(e) {
   return Tt(e) === tt;
 }
 function jt(e) {
@@ -381,10 +381,10 @@ function ht(e, t) {
     ));
   else throw new Error(`Unexpected value for ${t} in connect.`);
 }
-function si(e, t, n) {
+function oi(e, t, n) {
   ht(e, "mapStateToProps"), ht(t, "mapDispatchToProps"), ht(n, "mergeProps");
 }
-function ci(e, t, n, r, {
+function ii(e, t, n, r, {
   areStatesEqual: o,
   areOwnPropsEqual: i,
   areStatePropsEqual: s
@@ -393,13 +393,13 @@ function ci(e, t, n, r, {
   function f(v, I) {
     return a = v, d = I, p = e(a, d), l = t(r, d), u = n(p, l, d), c = !0, u;
   }
-  function m() {
+  function h() {
     return p = e(a, d), t.dependsOnOwnProps && (l = t(r, d)), u = n(p, l, d), u;
   }
   function b() {
     return e.dependsOnOwnProps && (p = e(a, d)), t.dependsOnOwnProps && (l = t(r, d)), u = n(p, l, d), u;
   }
-  function h() {
+  function m() {
     const v = e(a, d), I = !s(v, p);
     return p = v, I && (u = n(p, l, d)), u;
   }
@@ -410,22 +410,22 @@ function ci(e, t, n, r, {
       I,
       d
     );
-    return a = v, d = I, N && E ? m() : N ? b() : E ? h() : u;
+    return a = v, d = I, N && E ? h() : N ? b() : E ? m() : u;
   }
   return function(I, N) {
     return c ? y(I, N) : f(I, N);
   };
 }
-function ai(e, {
+function si(e, {
   initMapStateToProps: t,
   initMapDispatchToProps: n,
   initMergeProps: r,
   ...o
 }) {
   const i = t(e, o), s = n(e, o), c = r(e, o);
-  return process.env.NODE_ENV !== "production" && si(i, s, c), ci(i, s, c, e, o);
+  return process.env.NODE_ENV !== "production" && oi(i, s, c), ii(i, s, c, e, o);
 }
-function li(e, t) {
+function ci(e, t) {
   const n = {};
   for (const r in e) {
     const o = e[r];
@@ -433,7 +433,7 @@ function li(e, t) {
   }
   return n;
 }
-function di(e) {
+function ai(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.getPrototypeOf(e);
   if (t === null) return !0;
@@ -443,7 +443,7 @@ function di(e) {
   return t === n;
 }
 function Or(e, t, n) {
-  di(e) || jt(
+  ai(e) || jt(
     `${n}() in ${t} must return a plain object. Instead received ${e}.`
   );
 }
@@ -459,7 +459,7 @@ function Bt(e) {
 function Pn(e) {
   return e.dependsOnOwnProps ? !!e.dependsOnOwnProps : e.length !== 1;
 }
-function Sr(e, t) {
+function wr(e, t) {
   return function(r, { displayName: o }) {
     const i = function(c, a) {
       return i.dependsOnOwnProps ? i.mapToProps(c, a) : i.mapToProps(c, void 0);
@@ -478,29 +478,29 @@ function Yt(e, t) {
     );
   };
 }
-function ui(e) {
+function li(e) {
   return e && typeof e == "object" ? Bt(
     (t) => (
       // @ts-ignore
-      li(e, t)
+      ci(e, t)
     )
   ) : e ? typeof e == "function" ? (
     // @ts-ignore
-    Sr(e, "mapDispatchToProps")
+    wr(e, "mapDispatchToProps")
   ) : Yt(e, "mapDispatchToProps") : Bt((t) => ({
     dispatch: t
   }));
 }
-function pi(e) {
+function di(e) {
   return e ? typeof e == "function" ? (
     // @ts-ignore
-    Sr(e, "mapStateToProps")
+    wr(e, "mapStateToProps")
   ) : Yt(e, "mapStateToProps") : Bt(() => ({}));
 }
-function fi(e, t, n) {
+function ui(e, t, n) {
   return { ...n, ...e, ...t };
 }
-function gi(e) {
+function pi(e) {
   return function(n, { displayName: r, areMergedPropsEqual: o }) {
     let i = !1, s;
     return function(a, d, p) {
@@ -509,20 +509,20 @@ function gi(e) {
     };
   };
 }
-function mi(e) {
-  return e ? typeof e == "function" ? gi(e) : Yt(e, "mergeProps") : () => fi;
+function fi(e) {
+  return e ? typeof e == "function" ? pi(e) : Yt(e, "mergeProps") : () => ui;
 }
-function hi(e) {
+function gi(e) {
   e();
 }
-function bi() {
+function mi() {
   let e = null, t = null;
   return {
     clear() {
       e = null, t = null;
     },
     notify() {
-      hi(() => {
+      gi(() => {
         let n = e;
         for (; n; )
           n.callback(), n = n.next;
@@ -553,27 +553,27 @@ var Rn = {
   },
   get: () => []
 };
-function wr(e, t) {
+function Sr(e, t) {
   let n, r = Rn, o = 0, i = !1;
   function s(b) {
     p();
-    const h = r.subscribe(b);
+    const m = r.subscribe(b);
     let y = !1;
     return () => {
-      y || (y = !0, h(), l());
+      y || (y = !0, m(), l());
     };
   }
   function c() {
     r.notify();
   }
   function a() {
-    m.onStateChange && m.onStateChange();
+    h.onStateChange && h.onStateChange();
   }
   function d() {
     return i;
   }
   function p() {
-    o++, n || (n = t ? t.addNestedSub(a) : e.subscribe(a), r = bi());
+    o++, n || (n = t ? t.addNestedSub(a) : e.subscribe(a), r = mi());
   }
   function l() {
     o--, n && o === 0 && (n(), n = void 0, r.clear(), r = Rn);
@@ -584,7 +584,7 @@ function wr(e, t) {
   function f() {
     i && (i = !1, l());
   }
-  const m = {
+  const h = {
     addNestedSub: s,
     notifyNestedSubs: c,
     handleChangeWrapper: a,
@@ -593,9 +593,9 @@ function wr(e, t) {
     tryUnsubscribe: f,
     getListeners: () => r
   };
-  return m;
+  return h;
 }
-var vi = () => typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", yi = /* @__PURE__ */ vi(), Ei = () => typeof navigator < "u" && navigator.product === "ReactNative", Di = /* @__PURE__ */ Ei(), Ni = () => yi || Di ? w.useLayoutEffect : w.useEffect, Ye = /* @__PURE__ */ Ni();
+var hi = () => typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", bi = /* @__PURE__ */ hi(), vi = () => typeof navigator < "u" && navigator.product === "ReactNative", yi = /* @__PURE__ */ vi(), Ei = () => bi || yi ? S.useLayoutEffect : S.useEffect, Ye = /* @__PURE__ */ Ei();
 function Tn(e, t) {
   return e === t ? e !== 0 || t !== 0 || 1 / e === 1 / t : e !== e && t !== t;
 }
@@ -610,7 +610,7 @@ function bt(e, t) {
       return !1;
   return !0;
 }
-var xi = {
+var Di = {
   childContextTypes: !0,
   contextType: !0,
   contextTypes: !0,
@@ -622,7 +622,7 @@ var xi = {
   mixins: !0,
   propTypes: !0,
   type: !0
-}, Ii = {
+}, Ni = {
   name: !0,
   length: !0,
   prototype: !0,
@@ -630,7 +630,7 @@ var xi = {
   callee: !0,
   arguments: !0,
   arity: !0
-}, Ci = {
+}, xi = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -643,29 +643,29 @@ var xi = {
   displayName: !0,
   propTypes: !0,
   type: !0
-}, Oi = {
-  [ti]: Ci,
-  [ni]: _r
+}, Ii = {
+  [Qo]: xi,
+  [ei]: _r
 };
 function Bn(e) {
-  return ii(e) ? _r : Oi[e.$$typeof] || xi;
+  return ri(e) ? _r : Ii[e.$$typeof] || Di;
 }
-var Si = Object.defineProperty, wi = Object.getOwnPropertyNames, Vn = Object.getOwnPropertySymbols, _i = Object.getOwnPropertyDescriptor, Ai = Object.getPrototypeOf, Ln = Object.prototype;
+var Ci = Object.defineProperty, Oi = Object.getOwnPropertyNames, Vn = Object.getOwnPropertySymbols, wi = Object.getOwnPropertyDescriptor, Si = Object.getPrototypeOf, Ln = Object.prototype;
 function Vt(e, t) {
   if (typeof t != "string") {
     if (Ln) {
-      const i = Ai(t);
+      const i = Si(t);
       i && i !== Ln && Vt(e, i);
     }
-    let n = wi(t);
+    let n = Oi(t);
     Vn && (n = n.concat(Vn(t)));
     const r = Bn(e), o = Bn(t);
     for (let i = 0; i < n.length; ++i) {
       const s = n[i];
-      if (!Ii[s] && !(o && o[s]) && !(r && r[s])) {
-        const c = _i(t, s);
+      if (!Ni[s] && !(o && o[s]) && !(r && r[s])) {
+        const c = wi(t, s);
         try {
-          Si(e, s, c);
+          Ci(e, s, c);
         } catch {
         }
       }
@@ -677,28 +677,28 @@ var vt = /* @__PURE__ */ Symbol.for("react-redux-context"), yt = typeof globalTh
   /* fall back to a per-module scope (pre-8.1 behaviour) if `globalThis` is not available */
   {}
 );
-function Pi() {
-  if (!w.createContext) return {};
+function _i() {
+  if (!S.createContext) return {};
   const e = yt[vt] ?? (yt[vt] = /* @__PURE__ */ new Map());
-  let t = e.get(w.createContext);
-  return t || (t = w.createContext(
+  let t = e.get(S.createContext);
+  return t || (t = S.createContext(
     null
-  ), process.env.NODE_ENV !== "production" && (t.displayName = "ReactRedux"), e.set(w.createContext, t)), t;
+  ), process.env.NODE_ENV !== "production" && (t.displayName = "ReactRedux"), e.set(S.createContext, t)), t;
 }
-var Ar = /* @__PURE__ */ Pi(), Ri = [null, null], Ti = (e) => {
+var Ar = /* @__PURE__ */ _i(), Ai = [null, null], Pi = (e) => {
   try {
     return JSON.stringify(e);
   } catch {
     return String(e);
   }
 };
-function Bi(e, t, n) {
+function Ri(e, t, n) {
   Ye(() => e(...t), n);
 }
-function Vi(e, t, n, r, o, i) {
+function Ti(e, t, n, r, o, i) {
   e.current = r, n.current = !1, o.current && (o.current = null, i());
 }
-function Li(e, t, n, r, o, i, s, c, a, d, p) {
+function Bi(e, t, n, r, o, i, s, c, a, d, p) {
   if (!e) return () => {
   };
   let l = !1, u = null;
@@ -706,31 +706,31 @@ function Li(e, t, n, r, o, i, s, c, a, d, p) {
     if (l || !c.current)
       return;
     const b = t.getState();
-    let h, y;
+    let m, y;
     try {
-      h = r(
+      m = r(
         b,
         o.current
       );
     } catch (v) {
       y = v, u = v;
     }
-    y || (u = null), h === i.current ? s.current || d() : (i.current = h, a.current = h, s.current = !0, p());
+    y || (u = null), m === i.current ? s.current || d() : (i.current = m, a.current = m, s.current = !0, p());
   };
   return n.onStateChange = f, n.trySubscribe(), f(), () => {
     if (l = !0, n.tryUnsubscribe(), n.onStateChange = null, u)
       throw u;
   };
 }
-function Mi(e, t) {
+function Vi(e, t) {
   return e === t;
 }
 var Mn = !1;
-function $i(e, t, n, {
+function Li(e, t, n, {
   // The `pure` option has been removed, so TS doesn't like us destructuring this to check its existence.
   // @ts-ignore
   pure: r,
-  areStatesEqual: o = Mi,
+  areStatesEqual: o = Vi,
   areOwnPropsEqual: i = bt,
   areStatePropsEqual: s = bt,
   areMergedPropsEqual: c = bt,
@@ -742,19 +742,19 @@ function $i(e, t, n, {
   process.env.NODE_ENV !== "production" && r !== void 0 && !Mn && (Mn = !0, jt(
     'The `pure` option has been removed. `connect` is now always a "pure/memoized" component'
   ));
-  const p = d, l = pi(e), u = ui(t), f = mi(n), m = !!e;
-  return (h) => {
-    if (process.env.NODE_ENV !== "production" && !/* @__PURE__ */ ri(h))
+  const p = d, l = di(e), u = li(t), f = fi(n), h = !!e;
+  return (m) => {
+    if (process.env.NODE_ENV !== "production" && !/* @__PURE__ */ ti(m))
       throw new Error(
-        `You must pass a component to the function returned by connect. Instead received ${Ti(
-          h
+        `You must pass a component to the function returned by connect. Instead received ${Pi(
+          m
         )}`
       );
-    const y = h.displayName || h.name || "Component", v = `Connect(${y})`, I = {
-      shouldHandleStateChanges: m,
+    const y = m.displayName || m.name || "Component", v = `Connect(${y})`, I = {
+      shouldHandleStateChanges: h,
       displayName: v,
       wrappedComponentName: y,
-      WrappedComponent: h,
+      WrappedComponent: m,
       // @ts-ignore
       initMapStateToProps: l,
       initMapDispatchToProps: u,
@@ -765,15 +765,15 @@ function $i(e, t, n, {
       areMergedPropsEqual: c
     };
     function N(_) {
-      const [R, U, B] = w.useMemo(() => {
+      const [R, U, B] = S.useMemo(() => {
         const { reactReduxForwardedRef: z, ...ue } = _;
         return [_.context, z, ue];
-      }, [_]), H = w.useMemo(() => {
+      }, [_]), H = S.useMemo(() => {
         let z = p;
         if (R != null && R.Consumer && process.env.NODE_ENV !== "production") {
-          if (!/* @__PURE__ */ oi(
+          if (!/* @__PURE__ */ ni(
             // @ts-ignore
-            /* @__PURE__ */ w.createElement(R.Consumer, null)
+            /* @__PURE__ */ S.createElement(R.Consumer, null)
           ))
             throw new Error(
               "You must pass a valid React context consumer as `props.context`"
@@ -781,29 +781,29 @@ function $i(e, t, n, {
           z = R;
         }
         return z;
-      }, [R, p]), M = w.useContext(H), Q = !!_.store && !!_.store.getState && !!_.store.dispatch, de = !!M && !!M.store;
+      }, [R, p]), M = S.useContext(H), Q = !!_.store && !!_.store.getState && !!_.store.dispatch, de = !!M && !!M.store;
       if (process.env.NODE_ENV !== "production" && !Q && !de)
         throw new Error(
           `Could not find "store" in the context of "${v}". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to ${v} in connect options.`
         );
-      const ee = Q ? _.store : M.store, ke = de ? M.getServerState : ee.getState, at = w.useMemo(() => ai(ee.dispatch, I), [ee]), [ve, En] = w.useMemo(() => {
-        if (!m) return Ri;
-        const z = wr(
+      const ee = Q ? _.store : M.store, ke = de ? M.getServerState : ee.getState, at = S.useMemo(() => si(ee.dispatch, I), [ee]), [ve, En] = S.useMemo(() => {
+        if (!h) return Ai;
+        const z = Sr(
           ee,
           Q ? void 0 : M.subscription
         ), ue = z.notifyNestedSubs.bind(z);
         return [z, ue];
-      }, [ee, Q, M]), Dn = w.useMemo(() => Q ? M : {
+      }, [ee, Q, M]), Dn = S.useMemo(() => Q ? M : {
         ...M,
         subscription: ve
-      }, [Q, M, ve]), lt = w.useRef(void 0), dt = w.useRef(B), ye = w.useRef(void 0), Nn = w.useRef(!1), ut = w.useRef(!1), pt = w.useRef(
+      }, [Q, M, ve]), lt = S.useRef(void 0), dt = S.useRef(B), ye = S.useRef(void 0), Nn = S.useRef(!1), ut = S.useRef(!1), pt = S.useRef(
         void 0
       );
       Ye(() => (ut.current = !0, () => {
         ut.current = !1;
       }), []);
-      const xn = w.useMemo(() => () => ye.current && B === dt.current ? ye.current : at(ee.getState(), B), [ee, B]), Mo = w.useMemo(() => (ue) => ve ? Li(
-        m,
+      const xn = S.useMemo(() => () => ye.current && B === dt.current ? ye.current : at(ee.getState(), B), [ee, B]), Vo = S.useMemo(() => (ue) => ve ? Bi(
+        h,
         ee,
         ve,
         // @ts-ignore
@@ -817,7 +817,7 @@ function $i(e, t, n, {
         ue
       ) : () => {
       }, [ve]);
-      Bi(Vi, [
+      Ri(Ti, [
         dt,
         lt,
         Nn,
@@ -827,9 +827,9 @@ function $i(e, t, n, {
       ]);
       let Fe;
       try {
-        Fe = w.useSyncExternalStore(
+        Fe = S.useSyncExternalStore(
           // TODO We're passing through a big wrapper that does a bunch of extra side effects besides subscribing
-          Mo,
+          Vo,
           // TODO This is incredibly hacky. We've already processed the store update and calculated new child props,
           // TODO and we're just passing that through so it triggers a re-render for us rather than relying on `uSES`.
           xn,
@@ -845,34 +845,34 @@ ${pt.current.stack}
       Ye(() => {
         pt.current = void 0, ye.current = void 0, lt.current = Fe;
       });
-      const ft = w.useMemo(() => (
+      const ft = S.useMemo(() => (
         // @ts-ignore
-        /* @__PURE__ */ w.createElement(
-          h,
+        /* @__PURE__ */ S.createElement(
+          m,
           {
             ...Fe,
             ref: U
           }
         )
-      ), [U, h, Fe]);
-      return w.useMemo(() => m ? /* @__PURE__ */ w.createElement(H.Provider, { value: Dn }, ft) : ft, [H, ft, Dn]);
+      ), [U, m, Fe]);
+      return S.useMemo(() => h ? /* @__PURE__ */ S.createElement(H.Provider, { value: Dn }, ft) : ft, [H, ft, Dn]);
     }
-    const x = w.memo(N);
-    if (x.WrappedComponent = h, x.displayName = N.displayName = v, a) {
-      const R = w.forwardRef(
+    const x = S.memo(N);
+    if (x.WrappedComponent = m, x.displayName = N.displayName = v, a) {
+      const R = S.forwardRef(
         function(B, H) {
-          return /* @__PURE__ */ w.createElement(x, { ...B, reactReduxForwardedRef: H });
+          return /* @__PURE__ */ S.createElement(x, { ...B, reactReduxForwardedRef: H });
         }
       );
-      return R.displayName = v, R.WrappedComponent = h, /* @__PURE__ */ Vt(R, h);
+      return R.displayName = v, R.WrappedComponent = m, /* @__PURE__ */ Vt(R, m);
     }
-    return /* @__PURE__ */ Vt(x, h);
+    return /* @__PURE__ */ Vt(x, m);
   };
 }
-var Pr = $i;
-function Gi(e) {
-  const { children: t, context: n, serverState: r, store: o } = e, i = w.useMemo(() => {
-    const a = wr(o), d = {
+var Pr = Li;
+function Mi(e) {
+  const { children: t, context: n, serverState: r, store: o } = e, i = S.useMemo(() => {
+    const a = Sr(o), d = {
       store: o,
       subscription: a,
       getServerState: r ? () => r : void 0
@@ -886,7 +886,7 @@ function Gi(e) {
         identityFunctionCheck: p
       });
     }
-  }, [o, r]), s = w.useMemo(() => o.getState(), [o]);
+  }, [o, r]), s = S.useMemo(() => o.getState(), [o]);
   Ye(() => {
     const { subscription: a } = i;
     return a.onStateChange = a.notifyNestedSubs, a.trySubscribe(), s !== o.getState() && a.notifyNestedSubs(), () => {
@@ -894,11 +894,11 @@ function Gi(e) {
     };
   }, [i, s]);
   const c = n || Ar;
-  return /* @__PURE__ */ w.createElement(c.Provider, { value: i }, t);
+  return /* @__PURE__ */ S.createElement(c.Provider, { value: i }, t);
 }
-var ki = Gi, Fi = process.env.NODE_ENV === "production", Et = "Invariant failed";
+var $i = Mi, Gi = process.env.NODE_ENV === "production", Et = "Invariant failed";
 function $n(e, t) {
-  if (Fi)
+  if (Gi)
     throw new Error(Et);
   var n = typeof t == "function" ? t() : t, r = n ? "".concat(Et, ": ").concat(n) : Et;
   throw new Error(r);
@@ -933,7 +933,7 @@ var Z = function(t) {
     bottom: t.bottom - n.bottom,
     right: t.right - n.right
   };
-}, Wi = function(t, n) {
+}, ki = function(t, n) {
   return {
     top: t.top + n.y,
     left: t.left + n.x,
@@ -962,13 +962,13 @@ var Z = function(t) {
     return 0;
   var o = Number(n);
   return isNaN(o) && (process.env.NODE_ENV !== "production" ? $n(!1, "Could not parse value [raw: " + t + ", without suffix: " + n + "]") : $n()), o;
-}, Ui = function() {
+}, Fi = function() {
   return {
     x: window.pageXOffset,
     y: window.pageYOffset
   };
 }, Xe = function(t, n) {
-  var r = t.borderBox, o = t.border, i = t.margin, s = t.padding, c = Wi(r, n);
+  var r = t.borderBox, o = t.border, i = t.margin, s = t.padding, c = ki(r, n);
   return Kt({
     borderBox: c,
     border: o,
@@ -976,7 +976,7 @@ var Z = function(t) {
     padding: s
   });
 }, Ke = function(t, n) {
-  return n === void 0 && (n = Ui()), Xe(t, n);
+  return n === void 0 && (n = Fi()), Xe(t, n);
 }, Rr = function(t, n) {
   var r = {
     top: X(n.marginTop),
@@ -1024,20 +1024,20 @@ function Je() {
     return e;
   }, Je.apply(null, arguments);
 }
-const Hi = process.env.NODE_ENV === "production", zi = /[ \t]{2,}/g, qi = /^[ \t]*/gm, kn = (e) => e.replace(zi, " ").replace(qi, "").trim(), ji = (e) => kn(`
+const Wi = process.env.NODE_ENV === "production", Ui = /[ \t]{2,}/g, Hi = /^[ \t]*/gm, kn = (e) => e.replace(Ui, " ").replace(Hi, "").trim(), zi = (e) => kn(`
   %c@hello-pangea/dnd
   %c${kn(e)}
   %c👷‍ This is a development only message. It will be removed in production builds.
-`), Yi = (e) => [ji(e), "color: #00C584; font-size: 1.2em; font-weight: bold;", "line-height: 1.5", "color: #723874;"], Xi = "__@hello-pangea/dnd-disable-dev-warnings";
+`), qi = (e) => [zi(e), "color: #00C584; font-size: 1.2em; font-weight: bold;", "line-height: 1.5", "color: #723874;"], ji = "__@hello-pangea/dnd-disable-dev-warnings";
 function Br(e, t) {
-  Hi || typeof window < "u" && window[Xi] || console[e](...Yi(t));
+  Wi || typeof window < "u" && window[ji] || console[e](...qi(t));
 }
 const T = Br.bind(null, "warn"), Lt = Br.bind(null, "error");
 function re() {
 }
-function Ki(e, t) {
+function Yi(e, t) {
   return {
     ...e,
     ...t
@@ -1045,7 +1045,7 @@ function Ki(e, t) {
 }
 function K(e, t, n) {
   const r = t.map((o) => {
-    const i = Ki(n, o.options);
+    const i = Yi(n, o.options);
     return e.addEventListener(o.eventName, o.fn, i), function() {
       e.removeEventListener(o.eventName, o.fn, i);
     };
@@ -1056,16 +1056,16 @@ function K(e, t, n) {
     });
   };
 }
-const Ji = process.env.NODE_ENV === "production", Fn = "Invariant failed";
+const Xi = process.env.NODE_ENV === "production", Fn = "Invariant failed";
 class Oe extends Error {
 }
 Oe.prototype.toString = function() {
   return this.message;
 };
 function g(e, t) {
-  throw Ji ? new Oe(Fn) : new Oe(`${Fn}: ${t || ""}`);
+  throw Xi ? new Oe(Fn) : new Oe(`${Fn}: ${t || ""}`);
 }
-class Zi extends L.Component {
+class Ki extends L.Component {
   constructor(...t) {
     super(...t), this.callbacks = null, this.unbind = re, this.onWindowError = (n) => {
       const r = this.getCallbacks();
@@ -1103,11 +1103,11 @@ class Zi extends L.Component {
     return this.props.children(this.setCallbacks);
   }
 }
-const Qi = `
+const Ji = `
   Press space bar to start a drag.
   When dragging you can use the arrow keys to move the item around and escape to cancel.
   Some screen readers may require you to be in focus mode or to use your pass through key
-`, Ze = (e) => e + 1, es = (e) => `
+`, Ze = (e) => e + 1, Zi = (e) => `
   You have lifted an item in position ${Ze(e.source.index)}
 `, Vr = (e, t) => {
   const n = e.droppableId === t.droppableId, r = Ze(e.index), o = Ze(t.index);
@@ -1127,7 +1127,7 @@ const Qi = `
       in list ${t.droppableId}
       has been combined with ${n.draggableId}
       in list ${n.droppableId}
-    `, ts = (e) => {
+    `, Qi = (e) => {
   const t = e.destination;
   if (t)
     return Vr(e.source, t);
@@ -1136,7 +1136,7 @@ const Qi = `
 }, Wn = (e) => `
   The item has returned to its starting position
   of ${Ze(e.index)}
-`, ns = (e) => {
+`, es = (e) => {
   if (e.reason === "CANCEL")
     return `
       Movement cancelled.
@@ -1154,23 +1154,23 @@ const Qi = `
     ${Wn(e.source)}
   `;
 }, ze = {
-  dragHandleUsageInstructions: Qi,
-  onDragStart: es,
-  onDragUpdate: ts,
-  onDragEnd: ns
+  dragHandleUsageInstructions: Ji,
+  onDragStart: Zi,
+  onDragUpdate: Qi,
+  onDragEnd: es
 };
-function rs(e, t) {
+function ts(e, t) {
   return !!(e === t || Number.isNaN(e) && Number.isNaN(t));
 }
 function Mr(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!rs(e[n], t[n]))
+    if (!ts(e[n], t[n]))
       return !1;
   return !0;
 }
-function S(e, t) {
+function w(e, t) {
   const n = me(() => ({
     inputs: t,
     result: e()
@@ -1183,7 +1183,7 @@ function S(e, t) {
   }, [s]), s.result;
 }
 function D(e, t) {
-  return S(() => e, t);
+  return w(() => e, t);
 }
 const G = {
   x: 0,
@@ -1203,11 +1203,11 @@ const G = {
 } : {
   x: n,
   y: t
-}, Se = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Un = (e, t) => Math.min(...t.map((n) => Se(e, n))), $r = (e) => (t) => ({
+}, we = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Un = (e, t) => Math.min(...t.map((n) => we(e, n))), $r = (e) => (t) => ({
   x: e(t.x),
   y: e(t.y)
 });
-var os = (e, t) => {
+var ns = (e, t) => {
   const n = Z({
     top: Math.max(t.top, e.top),
     right: Math.min(t.right, e.right),
@@ -1233,22 +1233,22 @@ const Be = (e, t) => ({
 }, {
   x: e.right,
   y: e.bottom
-}], is = {
+}], rs = {
   top: 0,
   right: 0,
   bottom: 0,
   left: 0
-}, ss = (e, t) => t ? Be(e, t.scroll.diff.displacement) : e, cs = (e, t, n) => n && n.increasedBy ? {
+}, os = (e, t) => t ? Be(e, t.scroll.diff.displacement) : e, is = (e, t, n) => n && n.increasedBy ? {
   ...e,
   [t.end]: e[t.end] + n.increasedBy[t.line]
-} : e, as = (e, t) => t && t.shouldClipSubject ? os(t.pageMarginBox, e) : Z(e);
+} : e, ss = (e, t) => t && t.shouldClipSubject ? ns(t.pageMarginBox, e) : Z(e);
 var pe = ({
   page: e,
   withPlaceholder: t,
   axis: n,
   frame: r
 }) => {
-  const o = ss(e.marginBox, r), i = cs(o, n, t), s = as(i, r);
+  const o = os(e.marginBox, r), i = is(o, n, t), s = ss(i, r);
   return {
     page: e,
     withPlaceholder: t,
@@ -1295,15 +1295,15 @@ function $(e, t = Mr) {
     n = null;
   }, r;
 }
-const Gr = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), kr = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), nt = $((e) => Object.values(e)), ls = $((e) => Object.values(e));
-var le = $((e, t) => ls(t).filter((r) => e === r.descriptor.droppableId).sort((r, o) => r.descriptor.index - o.descriptor.index));
+const Gr = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), kr = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), nt = $((e) => Object.values(e)), cs = $((e) => Object.values(e));
+var le = $((e, t) => cs(t).filter((r) => e === r.descriptor.droppableId).sort((r, o) => r.descriptor.index - o.descriptor.index));
 function Zt(e) {
   return e.at && e.at.type === "REORDER" ? e.at.destination : null;
 }
 function rt(e) {
   return e.at && e.at.type === "COMBINE" ? e.at.combine : null;
 }
-var ot = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ds = ({
+var ot = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), as = ({
   isMovingForward: e,
   draggable: t,
   destination: n,
@@ -1313,7 +1313,7 @@ var ot = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ds =
   if (!n.isCombineEnabled || !Zt(o))
     return null;
   function s(f) {
-    const m = {
+    const h = {
       type: "COMBINE",
       combine: {
         draggableId: f,
@@ -1322,7 +1322,7 @@ var ot = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ds =
     };
     return {
       ...o,
-      at: m
+      at: h
     };
   }
   const c = o.displaced.all, a = c.length ? c[0] : null;
@@ -1346,12 +1346,12 @@ var ot = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ds =
 const Fr = {
   point: G,
   value: 0
-}, we = {
+}, Se = {
   invisible: {},
   visible: {},
   all: []
-}, us = {
-  displaced: we,
+}, ls = {
+  displaced: Se,
   displacedBy: Fr,
   at: null
 };
@@ -1366,7 +1366,7 @@ var J = (e, t) => (n) => e <= n && n <= t, Wr = (e) => {
     const a = r.top < e.top && r.bottom > e.bottom, d = r.left < e.left && r.right > e.right;
     return a && d ? !0 : a && s || d && i;
   };
-}, ps = (e) => {
+}, ds = (e) => {
   const t = J(e.top, e.bottom), n = J(e.left, e.right);
   return (r) => t(r.top) && t(r.bottom) && n(r.left) && n(r.right);
 };
@@ -1391,32 +1391,32 @@ const Qt = {
   crossAxisEnd: "bottom",
   crossAxisSize: "height"
 };
-var fs = (e) => (t) => {
+var us = (e) => (t) => {
   const n = J(t.top, t.bottom), r = J(t.left, t.right);
   return (o) => e === Qt ? n(o.top) && n(o.bottom) : r(o.left) && r(o.right);
 };
-const gs = (e, t) => {
+const ps = (e, t) => {
   const n = t.frame ? t.frame.scroll.diff.displacement : G;
   return Be(e, n);
-}, ms = (e, t, n) => t.subject.active ? n(t.subject.active)(e) : !1, hs = (e, t, n) => n(t)(e), en = ({
+}, fs = (e, t, n) => t.subject.active ? n(t.subject.active)(e) : !1, gs = (e, t, n) => n(t)(e), en = ({
   target: e,
   destination: t,
   viewport: n,
   withDroppableDisplacement: r,
   isVisibleThroughFrameFn: o
 }) => {
-  const i = r ? gs(e, t) : e;
-  return ms(i, t, o) && hs(i, n, o);
-}, bs = (e) => en({
+  const i = r ? ps(e, t) : e;
+  return fs(i, t, o) && gs(i, n, o);
+}, ms = (e) => en({
   ...e,
   isVisibleThroughFrameFn: Wr
 }), Hr = (e) => en({
   ...e,
-  isVisibleThroughFrameFn: ps
-}), vs = (e) => en({
+  isVisibleThroughFrameFn: ds
+}), hs = (e) => en({
   ...e,
-  isVisibleThroughFrameFn: fs(e.destination.axis)
-}), ys = (e, t, n) => {
+  isVisibleThroughFrameFn: us(e.destination.axis)
+}), bs = (e, t, n) => {
   if (typeof n == "boolean")
     return n;
   if (!t)
@@ -1430,7 +1430,7 @@ const gs = (e, t) => {
   const i = o[e];
   return i ? i.shouldAnimate : !0;
 };
-function Es(e, t) {
+function vs(e, t) {
   const n = e.page.marginBox, r = {
     top: t.point.y,
     right: 0,
@@ -1448,15 +1448,15 @@ function _e({
   last: i
 }) {
   return e.reduce(function(c, a) {
-    const d = Es(a, n), p = a.descriptor.id;
-    if (c.all.push(p), !bs({
+    const d = vs(a, n), p = a.descriptor.id;
+    if (c.all.push(p), !ms({
       target: d,
       destination: t,
       viewport: r,
       withDroppableDisplacement: !0
     }))
       return c.invisible[a.descriptor.id] = !0, c;
-    const u = ys(p, i, o), f = {
+    const u = bs(p, i, o), f = {
       draggableId: p,
       shouldAnimate: u
     };
@@ -1467,7 +1467,7 @@ function _e({
     invisible: {}
   });
 }
-function Ds(e, t) {
+function ys(e, t) {
   if (!e.length)
     return 0;
   const n = e[e.length - 1].descriptor.index;
@@ -1479,11 +1479,11 @@ function zn({
   displacedBy: n,
   destination: r
 }) {
-  const o = Ds(e, {
+  const o = ys(e, {
     inHomeList: t
   });
   return {
-    displaced: we,
+    displaced: Se,
     displacedBy: n,
     at: {
       type: "REORDER",
@@ -1512,7 +1512,7 @@ function Qe({
       displacedBy: o,
       destination: n
     });
-  const d = t.find((m) => m.descriptor.index === s);
+  const d = t.find((h) => h.descriptor.index === s);
   if (!d)
     return zn({
       insideDestination: t,
@@ -1543,7 +1543,7 @@ function Qe({
 function ie(e, t) {
   return !!t.effected[e];
 }
-var Ns = ({
+var Es = ({
   isMovingForward: e,
   destination: t,
   draggables: n,
@@ -1554,7 +1554,7 @@ var Ns = ({
     return null;
   const i = r.draggableId, c = n[i].descriptor.index;
   return ie(i, o) ? e ? c : c - 1 : e ? c + 1 : c;
-}, xs = ({
+}, Ds = ({
   isMovingForward: e,
   isInHomeList: t,
   insideDestination: n,
@@ -1564,7 +1564,7 @@ var Ns = ({
     return null;
   const o = r.index, i = e ? o + 1 : o - 1, s = n[0].descriptor.index, c = n[n.length - 1].descriptor.index, a = t ? c : c + 1;
   return i < s || i > a ? null : i;
-}, Is = ({
+}, Ns = ({
   isMovingForward: e,
   isInHomeList: t,
   draggable: n,
@@ -1577,7 +1577,7 @@ var Ns = ({
 }) => {
   const d = s.at;
   if (d || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot move in direction without previous impact location") : g()), d.type === "REORDER") {
-    const l = xs({
+    const l = Ds({
       isMovingForward: e,
       isInHomeList: t,
       location: d.destination,
@@ -1593,7 +1593,7 @@ var Ns = ({
       index: l
     });
   }
-  const p = Ns({
+  const p = Es({
     isMovingForward: e,
     destination: o,
     displaced: s.displaced,
@@ -1610,7 +1610,7 @@ var Ns = ({
     displacedBy: s.displacedBy,
     index: p
   });
-}, Cs = ({
+}, xs = ({
   displaced: e,
   afterCritical: t,
   combineWith: n,
@@ -1618,14 +1618,14 @@ var Ns = ({
 }) => {
   const o = !!(e.visible[n] || e.invisible[n]);
   return ie(n, t) ? o ? G : he(r.point) : o ? r.point : G;
-}, Os = ({
+}, Is = ({
   afterCritical: e,
   impact: t,
   draggables: n
 }) => {
   const r = rt(t);
   r || (process.env.NODE_ENV, g());
-  const o = r.draggableId, i = n[o].page.borderBox.center, s = Cs({
+  const o = r.draggableId, i = n[o].page.borderBox.center, s = xs({
     displaced: t.displaced,
     afterCritical: e,
     combineWith: o,
@@ -1633,7 +1633,7 @@ var Ns = ({
   });
   return k(i, s);
 };
-const zr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, Ss = (e, t) => t.margin[e.end] + t.borderBox[e.size] / 2, tn = (e, t, n) => t[e.crossAxisStart] + n.margin[e.crossAxisStart] + n.borderBox[e.crossAxisSize] / 2, qn = ({
+const zr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, Cs = (e, t) => t.margin[e.end] + t.borderBox[e.size] / 2, tn = (e, t, n) => t[e.crossAxisStart] + n.margin[e.crossAxisStart] + n.borderBox[e.crossAxisSize] / 2, qn = ({
   axis: e,
   moveRelativeTo: t,
   isMoving: n
@@ -1641,12 +1641,12 @@ const zr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, Ss = (e, t) =>
   axis: e,
   moveRelativeTo: t,
   isMoving: n
-}) => ae(e.line, t.marginBox[e.start] - Ss(e, n), tn(e, t.marginBox, n)), ws = ({
+}) => ae(e.line, t.marginBox[e.start] - Cs(e, n), tn(e, t.marginBox, n)), Os = ({
   axis: e,
   moveInto: t,
   isMoving: n
 }) => ae(e.line, t.contentBox[e.start] + zr(e, n), tn(e, t.contentBox, n));
-var _s = ({
+var ws = ({
   impact: e,
   draggable: t,
   draggables: n,
@@ -1655,7 +1655,7 @@ var _s = ({
 }) => {
   const i = le(r.descriptor.id, n), s = t.page, c = r.axis;
   if (!i.length)
-    return ws({
+    return Os({
       axis: c,
       moveInto: r.page,
       isMoving: s
@@ -1699,7 +1699,7 @@ var _s = ({
   const n = e.frame;
   return n ? k(t, n.scroll.diff.displacement) : t;
 };
-const As = ({
+const Ss = ({
   impact: e,
   draggable: t,
   droppable: n,
@@ -1707,20 +1707,20 @@ const As = ({
   afterCritical: o
 }) => {
   const i = t.page.borderBox.center, s = e.at;
-  return !n || !s ? i : s.type === "REORDER" ? _s({
+  return !n || !s ? i : s.type === "REORDER" ? ws({
     impact: e,
     draggable: t,
     draggables: r,
     droppable: n,
     afterCritical: o
-  }) : Os({
+  }) : Is({
     impact: e,
     draggables: r,
     afterCritical: o
   });
 };
 var it = (e) => {
-  const t = As(e), n = e.droppable;
+  const t = Ss(e), n = e.droppable;
   return n ? Mt(n, t) : t;
 }, qr = (e, t) => {
   const n = q(t, e.scroll.initial), r = he(n);
@@ -1745,7 +1745,7 @@ var it = (e) => {
 function Yn(e, t) {
   return e.map((n) => t[n]);
 }
-function Ps(e, t) {
+function _s(e, t) {
   for (let n = 0; n < t.length; n++) {
     const r = t[n].visible[e];
     if (r)
@@ -1753,7 +1753,7 @@ function Ps(e, t) {
   }
   return null;
 }
-var Rs = ({
+var As = ({
   impact: e,
   viewport: t,
   destination: n,
@@ -1775,13 +1775,13 @@ var Rs = ({
     last: c,
     forceShouldAnimate: !1
   }), p = {}, l = {}, u = [c, a, d];
-  return c.all.forEach((m) => {
-    const b = Ps(m, u);
+  return c.all.forEach((h) => {
+    const b = _s(h, u);
     if (b) {
-      l[m] = b;
+      l[h] = b;
       return;
     }
-    p[m] = !0;
+    p[h] = !0;
   }), {
     ...e,
     displaced: {
@@ -1790,12 +1790,12 @@ var Rs = ({
       visible: l
     }
   };
-}, Ts = (e, t) => k(e.scroll.diff.displacement, t), nn = ({
+}, Ps = (e, t) => k(e.scroll.diff.displacement, t), nn = ({
   pageBorderBoxCenter: e,
   draggable: t,
   viewport: n
 }) => {
-  const r = Ts(n, e), o = q(r, t.page.borderBox.center);
+  const r = Ps(n, e), o = q(r, t.page.borderBox.center);
   return k(t.client.borderBox.center, o);
 }, jr = ({
   draggable: e,
@@ -1811,8 +1811,8 @@ var Rs = ({
     withDroppableDisplacement: o,
     viewport: r
   };
-  return i ? vs(a) : Hr(a);
-}, Bs = ({
+  return i ? hs(a) : Hr(a);
+}, Rs = ({
   isMovingForward: e,
   draggable: t,
   destination: n,
@@ -1825,13 +1825,13 @@ var Rs = ({
 }) => {
   if (!n.isEnabled)
     return null;
-  const d = le(n.descriptor.id, r), p = be(t, n), l = ds({
+  const d = le(n.descriptor.id, r), p = be(t, n), l = as({
     isMovingForward: e,
     draggable: t,
     destination: n,
     insideDestination: d,
     previousImpact: o
-  }) || Is({
+  }) || Ns({
     isMovingForward: e,
     isInHomeList: p,
     draggable: t,
@@ -1868,24 +1868,24 @@ var Rs = ({
       impact: l,
       scrollJumpRequest: null
     };
-  const m = q(u, s), b = Rs({
+  const h = q(u, s), b = As({
     impact: l,
     viewport: i,
     destination: n,
     draggables: r,
-    maxScrollChange: m
+    maxScrollChange: h
   });
   return {
     clientSelection: c,
     impact: b,
-    scrollJumpRequest: m
+    scrollJumpRequest: h
   };
 };
 const F = (e) => {
   const t = e.subject.active;
   return t || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get clipped area from droppable") : g()), t;
 };
-var Vs = ({
+var Ts = ({
   isMovingForward: e,
   pageBorderBoxCenter: t,
   source: n,
@@ -1918,23 +1918,23 @@ var Vs = ({
 const Xn = (e, t) => {
   const n = e.page.borderBox.center;
   return ie(e.descriptor.id, t) ? q(n, t.displacedBy.point) : n;
-}, Ls = (e, t) => {
+}, Bs = (e, t) => {
   const n = e.page.borderBox;
   return ie(e.descriptor.id, t) ? Be(n, he(t.displacedBy.point)) : n;
 };
-var Ms = ({
+var Vs = ({
   pageBorderBoxCenter: e,
   viewport: t,
   destination: n,
   insideDestination: r,
   afterCritical: o
 }) => r.filter((s) => Hr({
-  target: Ls(s, o),
+  target: Bs(s, o),
   destination: n,
   viewport: t.frame,
   withDroppableDisplacement: !0
 })).sort((s, c) => {
-  const a = Se(e, Mt(n, Xn(s, o))), d = Se(e, Mt(n, Xn(c, o)));
+  const a = we(e, Mt(n, Xn(s, o))), d = we(e, Mt(n, Xn(c, o)));
   return a < d ? -1 : d < a ? 1 : s.descriptor.index - c.descriptor.index;
 })[0] || null, Ve = $(function(t, n) {
   const r = n[t.line];
@@ -1943,7 +1943,7 @@ var Ms = ({
     point: ae(t.line, r)
   };
 });
-const $s = (e, t, n) => {
+const Ls = (e, t, n) => {
   const r = e.axis;
   if (e.descriptor.mode === "virtual")
     return ae(r.line, t[r.line]);
@@ -1958,7 +1958,7 @@ const $s = (e, t, n) => {
 }), Xr = (e, t, n) => {
   const r = e.frame;
   be(t, e) && (process.env.NODE_ENV !== "production" ? g(!1, "Should not add placeholder space to home list") : g()), e.subject.withPlaceholder && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot add placeholder size to a subject when it already has one") : g());
-  const o = Ve(e.axis, t.displaceBy).point, i = $s(e, o, n), s = {
+  const o = Ve(e.axis, t.displaceBy).point, i = Ls(e, o, n), s = {
     placeholderSize: o,
     increasedBy: i,
     oldFrameMaxScroll: e.frame ? e.frame.scroll.max : null
@@ -1986,7 +1986,7 @@ const $s = (e, t, n) => {
     subject: d,
     frame: a
   };
-}, Gs = (e) => {
+}, Ms = (e) => {
   const t = e.subject.withPlaceholder;
   t || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot remove placeholder form subject when there was none") : g());
   const n = e.frame;
@@ -2016,7 +2016,7 @@ const $s = (e, t, n) => {
     frame: o
   };
 };
-var ks = ({
+var $s = ({
   previousPageBorderBoxCenter: e,
   moveRelativeTo: t,
   insideDestination: n,
@@ -2030,7 +2030,7 @@ var ks = ({
     if (n.length)
       return null;
     const l = {
-      displaced: we,
+      displaced: Se,
       displacedBy: Fr,
       at: {
         type: "REORDER",
@@ -2065,10 +2065,10 @@ var ks = ({
     destination: i,
     viewport: s,
     displacedBy: p,
-    last: we,
+    last: Se,
     index: d
   });
-}, Fs = ({
+}, Gs = ({
   isMovingForward: e,
   previousPageBorderBoxCenter: t,
   draggable: n,
@@ -2078,7 +2078,7 @@ var ks = ({
   viewport: s,
   afterCritical: c
 }) => {
-  const a = Vs({
+  const a = Ts({
     isMovingForward: e,
     pageBorderBoxCenter: t,
     source: r,
@@ -2087,13 +2087,13 @@ var ks = ({
   });
   if (!a)
     return null;
-  const d = le(a.descriptor.id, o), p = Ms({
+  const d = le(a.descriptor.id, o), p = Vs({
     pageBorderBoxCenter: t,
     viewport: s,
     destination: a,
     insideDestination: d,
     afterCritical: c
-  }), l = ks({
+  }), l = $s({
     previousPageBorderBoxCenter: t,
     destination: a,
     draggable: n,
@@ -2125,22 +2125,22 @@ var ks = ({
   const t = e.at;
   return t ? t.type === "REORDER" ? t.destination.droppableId : t.combine.droppableId : null;
 };
-const Ws = (e, t) => {
+const ks = (e, t) => {
   const n = j(e);
   return n ? t[n] : null;
 };
-var Us = ({
+var Fs = ({
   state: e,
   type: t
 }) => {
-  const n = Ws(e.impact, e.dimensions.droppables), r = !!n, o = e.dimensions.droppables[e.critical.droppable.id], i = n || o, s = i.axis.direction, c = s === "vertical" && (t === "MOVE_UP" || t === "MOVE_DOWN") || s === "horizontal" && (t === "MOVE_LEFT" || t === "MOVE_RIGHT");
+  const n = ks(e.impact, e.dimensions.droppables), r = !!n, o = e.dimensions.droppables[e.critical.droppable.id], i = n || o, s = i.axis.direction, c = s === "vertical" && (t === "MOVE_UP" || t === "MOVE_DOWN") || s === "horizontal" && (t === "MOVE_LEFT" || t === "MOVE_RIGHT");
   if (c && !r)
     return null;
   const a = t === "MOVE_DOWN" || t === "MOVE_RIGHT", d = e.dimensions.draggables[e.critical.draggable.id], p = e.current.page.borderBoxCenter, {
     draggables: l,
     droppables: u
   } = e.dimensions;
-  return c ? Bs({
+  return c ? Rs({
     isMovingForward: a,
     previousPageBorderBoxCenter: p,
     draggable: d,
@@ -2150,7 +2150,7 @@ var Us = ({
     previousClientSelection: e.current.client.selection,
     previousImpact: e.impact,
     afterCritical: e.afterCritical
-  }) : Fs({
+  }) : Gs({
     isMovingForward: a,
     previousPageBorderBoxCenter: p,
     draggable: d,
@@ -2170,10 +2170,10 @@ function Kr(e) {
     return t(o.y) && n(o.x);
   };
 }
-function Hs(e, t) {
+function Ws(e, t) {
   return e.left < t.right && e.right > t.left && e.top < t.bottom && e.bottom > t.top;
 }
-function zs({
+function Us({
   pageBorderBox: e,
   draggable: t,
   candidates: n
@@ -2182,12 +2182,12 @@ function zs({
     const s = i.axis, c = ae(i.axis.line, e.center[s.line], i.page.borderBox.center[s.crossAxisLine]);
     return {
       id: i.descriptor.id,
-      distance: Se(r, c)
+      distance: we(r, c)
     };
   }).sort((i, s) => s.distance - i.distance);
   return o[0] ? o[0].id : null;
 }
-function qs({
+function Hs({
   pageBorderBox: e,
   draggable: t,
   droppables: n
@@ -2196,21 +2196,21 @@ function qs({
     if (!o.isEnabled)
       return !1;
     const i = o.subject.active;
-    if (!i || !Hs(e, i))
+    if (!i || !Ws(e, i))
       return !1;
     if (Kr(i)(e.center))
       return !0;
     const s = o.axis, c = i.center[s.crossAxisLine], a = e[s.crossAxisStart], d = e[s.crossAxisEnd], p = J(i[s.crossAxisStart], i[s.crossAxisEnd]), l = p(a), u = p(d);
     return !l && !u ? !0 : l ? a < c : d > c;
   });
-  return r.length ? r.length === 1 ? r[0].descriptor.id : zs({
+  return r.length ? r.length === 1 ? r[0].descriptor.id : Us({
     pageBorderBox: e,
     draggable: t,
     candidates: r
   }) : null;
 }
 const Jr = (e, t) => Z(Be(e, t));
-var js = (e, t) => {
+var zs = (e, t) => {
   const n = e.frame;
   return n ? Jr(t, n.scroll.diff.value) : t;
 };
@@ -2220,14 +2220,14 @@ function Zr({
 }) {
   return !!(e.visible[t] || e.invisible[t]);
 }
-function Ys({
+function qs({
   draggable: e,
   closest: t,
   inHomeList: n
 }) {
   return t ? n && t.descriptor.index > e.descriptor.index ? t.descriptor.index - 1 : t.descriptor.index : null;
 }
-var Xs = ({
+var js = ({
   pageBorderBoxWithDroppableScroll: e,
   draggable: t,
   destination: n,
@@ -2237,12 +2237,12 @@ var Xs = ({
   afterCritical: s
 }) => {
   const c = n.axis, a = Ve(n.axis, t.displaceBy), d = a.value, p = e[c.start], l = e[c.end], f = ot(t, r).find((b) => {
-    const h = b.descriptor.id, y = b.page.borderBox.center[c.line], v = ie(h, s), I = Zr({
+    const m = b.descriptor.id, y = b.page.borderBox.center[c.line], v = ie(m, s), I = Zr({
       displaced: o,
-      id: h
+      id: m
     });
     return v ? I ? l <= y : p < y - d : I ? l <= y + d : p < y;
-  }) || null, m = Ys({
+  }) || null, h = qs({
     draggable: t,
     closest: f,
     inHomeList: be(t, n)
@@ -2254,11 +2254,11 @@ var Xs = ({
     viewport: i,
     last: o,
     displacedBy: a,
-    index: m
+    index: h
   });
 };
-const Ks = 4;
-var Js = ({
+const Ys = 4;
+var Xs = ({
   draggable: e,
   pageBorderBoxWithDroppableScroll: t,
   previousImpact: n,
@@ -2268,12 +2268,12 @@ var Js = ({
 }) => {
   if (!r.isCombineEnabled)
     return null;
-  const s = r.axis, c = Ve(r.axis, e.displaceBy), a = c.value, d = t[s.start], p = t[s.end], u = ot(e, o).find((m) => {
-    const b = m.descriptor.id, h = m.page.borderBox, v = h[s.size] / Ks, I = ie(b, i), N = Zr({
+  const s = r.axis, c = Ve(r.axis, e.displaceBy), a = c.value, d = t[s.start], p = t[s.end], u = ot(e, o).find((h) => {
+    const b = h.descriptor.id, m = h.page.borderBox, v = m[s.size] / Ys, I = ie(b, i), N = Zr({
       displaced: n.displaced,
       id: b
     });
-    return I ? N ? p > h[s.start] + v && p < h[s.end] - v : d > h[s.start] - a + v && d < h[s.end] - a - v : N ? p > h[s.start] + a + v && p < h[s.end] + a - v : d > h[s.start] + v && d < h[s.end] - v;
+    return I ? N ? p > m[s.start] + v && p < m[s.end] - v : d > m[s.start] - a + v && d < m[s.end] - a - v : N ? p > m[s.start] + a + v && p < m[s.end] + a - v : d > m[s.start] + v && d < m[s.end] - v;
   });
   return u ? {
     displacedBy: c,
@@ -2295,22 +2295,22 @@ var Js = ({
   viewport: i,
   afterCritical: s
 }) => {
-  const c = Jr(t.page.borderBox, e), a = qs({
+  const c = Jr(t.page.borderBox, e), a = Hs({
     pageBorderBox: c,
     draggable: t,
     droppables: r
   });
   if (!a)
-    return us;
-  const d = r[a], p = le(d.descriptor.id, n), l = js(d, c);
-  return Js({
+    return ls;
+  const d = r[a], p = le(d.descriptor.id, n), l = zs(d, c);
+  return Xs({
     pageBorderBoxWithDroppableScroll: l,
     draggable: t,
     previousImpact: o,
     destination: d,
     insideDestination: p,
     afterCritical: s
-  }) || Xs({
+  }) || js({
     pageBorderBoxWithDroppableScroll: l,
     draggable: t,
     destination: d,
@@ -2323,7 +2323,7 @@ var Js = ({
   ...e,
   [t.descriptor.id]: t
 });
-const Zs = ({
+const Ks = ({
   previousImpact: e,
   impact: t,
   droppables: n
@@ -2334,17 +2334,17 @@ const Zs = ({
   const i = n[r];
   if (!i.subject.withPlaceholder)
     return n;
-  const s = Gs(i);
+  const s = Ms(i);
   return rn(n, s);
 };
-var Qs = ({
+var Js = ({
   draggable: e,
   draggables: t,
   droppables: n,
   previousImpact: r,
   impact: o
 }) => {
-  const i = Zs({
+  const i = Ks({
     previousImpact: r,
     impact: o,
     droppables: n
@@ -2383,7 +2383,7 @@ var Qs = ({
       viewport: s,
       current: u
     };
-  const f = c.draggables[e.critical.draggable.id], m = o || Qr({
+  const f = c.draggables[e.critical.draggable.id], h = o || Qr({
     pageOffset: l.offset,
     draggable: f,
     draggables: c.draggables,
@@ -2391,9 +2391,9 @@ var Qs = ({
     previousImpact: e.impact,
     viewport: s,
     afterCritical: e.afterCritical
-  }), b = Qs({
+  }), b = Js({
     draggable: f,
-    impact: m,
+    impact: h,
     previousImpact: e.impact,
     draggables: c.draggables,
     droppables: c.droppables
@@ -2405,13 +2405,13 @@ var Qs = ({
       draggables: c.draggables,
       droppables: b
     },
-    impact: m,
+    impact: h,
     viewport: s,
     scrollJumpRequest: i || null,
     forceShouldAnimate: i ? !1 : null
   };
 };
-function ec(e, t) {
+function Zs(e, t) {
   return e.map((n) => t[n]);
 }
 var eo = ({
@@ -2421,7 +2421,7 @@ var eo = ({
   destination: r,
   forceShouldAnimate: o
 }) => {
-  const i = e.displaced, s = ec(i.all, n), c = _e({
+  const i = e.displaced, s = Zs(i.all, n), c = _e({
     afterDragging: s,
     destination: r,
     displacedBy: e.displacedBy,
@@ -2484,7 +2484,7 @@ var eo = ({
     dimensions: i,
     viewport: o
   });
-}, tc = (e) => ({
+}, Qs = (e) => ({
   index: e.index,
   droppableId: e.droppableId
 }), ro = ({
@@ -2513,12 +2513,12 @@ var eo = ({
       displacedBy: o,
       at: {
         type: "REORDER",
-        destination: tc(e.descriptor)
+        destination: Qs(e.descriptor)
       }
     },
     afterCritical: d
   };
-}, nc = (e, t) => ({
+}, ec = (e, t) => ({
   draggables: e.draggables,
   droppables: rn(e.droppables, t)
 });
@@ -2527,7 +2527,7 @@ const Le = (e) => {
 }, Me = (e) => {
   process.env.NODE_ENV;
 };
-var rc = ({
+var tc = ({
   draggable: e,
   offset: t,
   initialWindowScroll: n
@@ -2542,24 +2542,24 @@ var rc = ({
     client: r,
     page: o
   };
-}, oc = (e) => {
+}, nc = (e) => {
   const t = e.frame;
   return t || (process.env.NODE_ENV !== "production" ? g(!1, "Expected Droppable to have a frame") : g()), t;
-}, ic = ({
+}, rc = ({
   additions: e,
   updatedDroppables: t,
   viewport: n
 }) => {
   const r = n.scroll.diff.value;
   return e.map((o) => {
-    const i = o.descriptor.droppableId, s = t[i], a = oc(s).scroll.diff.value, d = k(r, a);
-    return rc({
+    const i = o.descriptor.droppableId, s = t[i], a = nc(s).scroll.diff.value, d = k(r, a);
+    return tc({
       draggable: o,
       offset: d,
       initialWindowScroll: n.scroll.initial
     });
   });
-}, sc = ({
+}, oc = ({
   state: e,
   published: t
 }) => {
@@ -2570,7 +2570,7 @@ var rc = ({
   }), r = {
     ...e.dimensions.droppables,
     ...Gr(n)
-  }, o = kr(ic({
+  }, o = kr(rc({
     additions: t.additions,
     updatedDroppables: r,
     viewport: e.viewport
@@ -2592,7 +2592,7 @@ var rc = ({
     home: p,
     draggables: i,
     viewport: e.viewport
-  }), f = a && a.isCombineEnabled ? e.impact : l, m = Qr({
+  }), f = a && a.isCombineEnabled ? e.impact : l, h = Qr({
     pageOffset: e.current.page.offset,
     draggable: s.draggables[e.critical.draggable.id],
     draggables: s.draggables,
@@ -2605,7 +2605,7 @@ var rc = ({
   const b = {
     ...e,
     phase: "DRAGGING",
-    impact: m,
+    impact: h,
     onLiftImpact: l,
     dimensions: s,
     afterCritical: u,
@@ -2619,7 +2619,7 @@ var rc = ({
   };
 };
 const $t = (e) => e.movementMode === "SNAP", Nt = (e, t, n) => {
-  const r = nc(e.dimensions, t);
+  const r = ec(e.dimensions, t);
   return !$t(e) || n ? xe({
     state: e,
     dimensions: r
@@ -2639,7 +2639,7 @@ const Kn = {
   completed: null,
   shouldFlush: !1
 };
-var cc = (e = Kn, t) => {
+var ic = (e = Kn, t) => {
   if (t.type === "FLUSH")
     return {
       ...Kn,
@@ -2696,7 +2696,7 @@ var cc = (e = Kn, t) => {
       phase: "COLLECTING"
     });
   if (t.type === "PUBLISH_WHILE_DRAGGING")
-    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? g(!1, `Unexpected ${t.type} received in phase ${e.phase}`) : g()), sc({
+    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? g(!1, `Unexpected ${t.type} received in phase ${e.phase}`) : g()), oc({
       state: e,
       published: t.payload
     });
@@ -2796,7 +2796,7 @@ var cc = (e = Kn, t) => {
     if (e.phase === "COLLECTING" || e.phase === "DROP_PENDING")
       return e;
     e.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? g(!1, `${t.type} received while not in DRAGGING phase`) : g());
-    const n = Us({
+    const n = Fs({
       state: e,
       type: t.type
     });
@@ -2842,58 +2842,58 @@ var cc = (e = Kn, t) => {
   }
   return e;
 };
-function A(e, t) {
+function P(e, t) {
   return e instanceof Object && "type" in e && e.type === t;
 }
-const ac = (e) => ({
+const sc = (e) => ({
   type: "BEFORE_INITIAL_CAPTURE",
   payload: e
-}), lc = (e) => ({
+}), cc = (e) => ({
   type: "LIFT",
   payload: e
-}), dc = (e) => ({
+}), ac = (e) => ({
   type: "INITIAL_PUBLISH",
   payload: e
-}), uc = (e) => ({
+}), lc = (e) => ({
   type: "PUBLISH_WHILE_DRAGGING",
   payload: e
-}), pc = () => ({
+}), dc = () => ({
   type: "COLLECTION_STARTING",
   payload: null
-}), fc = (e) => ({
+}), uc = (e) => ({
   type: "UPDATE_DROPPABLE_SCROLL",
   payload: e
-}), gc = (e) => ({
+}), pc = (e) => ({
   type: "UPDATE_DROPPABLE_IS_ENABLED",
   payload: e
-}), mc = (e) => ({
+}), fc = (e) => ({
   type: "UPDATE_DROPPABLE_IS_COMBINE_ENABLED",
   payload: e
 }), oo = (e) => ({
   type: "MOVE",
   payload: e
-}), hc = (e) => ({
+}), gc = (e) => ({
   type: "MOVE_BY_WINDOW_SCROLL",
   payload: e
-}), bc = (e) => ({
+}), mc = (e) => ({
   type: "UPDATE_VIEWPORT_MAX_SCROLL",
   payload: e
-}), vc = () => ({
+}), hc = () => ({
   type: "MOVE_UP",
   payload: null
-}), yc = () => ({
+}), bc = () => ({
   type: "MOVE_DOWN",
   payload: null
-}), Ec = () => ({
+}), vc = () => ({
   type: "MOVE_RIGHT",
   payload: null
-}), Dc = () => ({
+}), yc = () => ({
   type: "MOVE_LEFT",
   payload: null
 }), on = () => ({
   type: "FLUSH",
   payload: null
-}), Nc = (e) => ({
+}), Ec = (e) => ({
   type: "DROP_ANIMATE",
   payload: e
 }), sn = (e) => ({
@@ -2902,14 +2902,14 @@ const ac = (e) => ({
 }), io = (e) => ({
   type: "DROP",
   payload: e
-}), xc = (e) => ({
+}), Dc = (e) => ({
   type: "DROP_PENDING",
   payload: e
 }), so = () => ({
   type: "DROP_ANIMATION_FINISHED",
   payload: null
 });
-function Ic(e) {
+function Nc(e) {
   if (e.length <= 1)
     return;
   const t = e.map((o) => o.descriptor.index), n = {};
@@ -2928,17 +2928,17 @@ function Ic(e) {
     ${r}
   `);
 }
-function Cc(e, t) {
+function xc(e, t) {
   if (process.env.NODE_ENV !== "production") {
     const n = le(e.droppable.id, t.draggables);
-    Ic(n);
+    Nc(n);
   }
 }
-var Oc = (e) => ({
+var Ic = (e) => ({
   getState: t,
   dispatch: n
 }) => (r) => (o) => {
-  if (!A(o, "LIFT")) {
+  if (!P(o, "LIFT")) {
     r(o);
     return;
   }
@@ -2949,7 +2949,7 @@ var Oc = (e) => ({
   } = o.payload, a = t();
   a.phase === "DROP_ANIMATING" && n(sn({
     completed: a.completed
-  })), t().phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Unexpected phase to start a drag") : g()), n(on()), n(ac({
+  })), t().phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Unexpected phase to start a drag") : g()), n(on()), n(sc({
     draggableId: i,
     movementMode: c
   }));
@@ -2963,15 +2963,15 @@ var Oc = (e) => ({
     dimensions: u,
     viewport: f
   } = e.startPublishing(p);
-  Cc(l, u), n(dc({
+  xc(l, u), n(ac({
     critical: l,
     dimensions: u,
     clientSelection: s,
     movementMode: c,
     viewport: f
   }));
-}, Sc = (e) => () => (t) => (n) => {
-  A(n, "INITIAL_PUBLISH") && e.dragging(), A(n, "DROP_ANIMATE") && e.dropping(n.payload.completed.result.reason), (A(n, "FLUSH") || A(n, "DROP_COMPLETE")) && e.resting(), t(n);
+}, Cc = (e) => () => (t) => (n) => {
+  P(n, "INITIAL_PUBLISH") && e.dragging(), P(n, "DROP_ANIMATE") && e.dropping(n.payload.completed.result.reason), (P(n, "FLUSH") || P(n, "DROP_COMPLETE")) && e.resting(), t(n);
 };
 const cn = {
   outOfTheWay: "cubic-bezier(0.2, 0, 0, 1)",
@@ -3007,20 +3007,20 @@ const cn = {
 }, {
   minDropTime: kt,
   maxDropTime: ao
-} = co, wc = ao - kt, Zn = 1500, _c = 0.6;
-var Ac = ({
+} = co, Oc = ao - kt, Zn = 1500, wc = 0.6;
+var Sc = ({
   current: e,
   destination: t,
   reason: n
 }) => {
-  const r = Se(e, t);
+  const r = we(e, t);
   if (r <= 0)
     return kt;
   if (r >= Zn)
     return ao;
-  const o = r / Zn, i = kt + wc * o, s = n === "CANCEL" ? i * _c : i;
+  const o = r / Zn, i = kt + Oc * o, s = n === "CANCEL" ? i * wc : i;
   return Number(s.toFixed(2));
-}, Pc = ({
+}, _c = ({
   impact: e,
   draggable: t,
   dimensions: n,
@@ -3039,7 +3039,7 @@ var Ac = ({
     viewport: r
   });
   return q(p, t.client.borderBox.center);
-}, Rc = ({
+}, Ac = ({
   draggables: e,
   reason: t,
   lastImpact: n,
@@ -3061,21 +3061,21 @@ var Ac = ({
 } : {
   impact: {
     ...n,
-    displaced: we
+    displaced: Se
   },
   didDropInsideDroppable: !0
 };
-const Tc = ({
+const Pc = ({
   getState: e,
   dispatch: t
 }) => (n) => (r) => {
-  if (!A(r, "DROP")) {
+  if (!P(r, "DROP")) {
     n(r);
     return;
   }
   const o = e(), i = r.payload.reason;
   if (o.phase === "COLLECTING") {
-    t(xc({
+    t(Dc({
       reason: i
     }));
     return;
@@ -3086,7 +3086,7 @@ const Tc = ({
   const c = o.critical, a = o.dimensions, d = a.draggables[o.critical.draggable.id], {
     impact: p,
     didDropInsideDroppable: l
-  } = Rc({
+  } = Ac({
     reason: i,
     lastImpact: o.impact,
     afterCritical: o.afterCritical,
@@ -3094,18 +3094,18 @@ const Tc = ({
     home: o.dimensions.droppables[o.critical.droppable.id],
     viewport: o.viewport,
     draggables: o.dimensions.draggables
-  }), u = l ? Zt(p) : null, f = l ? rt(p) : null, m = {
+  }), u = l ? Zt(p) : null, f = l ? rt(p) : null, h = {
     index: c.draggable.index,
     droppableId: c.droppable.id
   }, b = {
     draggableId: d.descriptor.id,
     type: d.descriptor.type,
-    source: m,
+    source: h,
     reason: i,
     mode: o.movementMode,
     destination: u,
     combine: f
-  }, h = Pc({
+  }, m = _c({
     impact: p,
     draggable: d,
     dimensions: a,
@@ -3117,19 +3117,19 @@ const Tc = ({
     result: b,
     impact: p
   };
-  if (!(!oe(o.current.client.offset, h) || !!b.combine)) {
+  if (!(!oe(o.current.client.offset, m) || !!b.combine)) {
     t(sn({
       completed: y
     }));
     return;
   }
-  const I = Ac({
+  const I = Sc({
     current: o.current.client.offset,
-    destination: h,
+    destination: m,
     reason: i
   });
-  t(Nc({
-    newHomeClientOffset: h,
+  t(Ec({
+    newHomeClientOffset: m,
     dropDuration: I,
     completed: y
   }));
@@ -3138,7 +3138,7 @@ var lo = () => ({
   x: window.pageXOffset,
   y: window.pageYOffset
 });
-function Bc(e) {
+function Rc(e) {
   return {
     eventName: "scroll",
     options: {
@@ -3150,13 +3150,13 @@ function Bc(e) {
     }
   };
 }
-function Vc({
+function Tc({
   onWindowScroll: e
 }) {
   function t() {
     e(lo());
   }
-  const n = Ce(t), r = Bc(n);
+  const n = Ce(t), r = Rc(n);
   let o = re;
   function i() {
     return o !== re;
@@ -3173,19 +3173,19 @@ function Vc({
     isActive: i
   };
 }
-const Lc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH"), Mc = (e) => {
-  const t = Vc({
+const Bc = (e) => P(e, "DROP_COMPLETE") || P(e, "DROP_ANIMATE") || P(e, "FLUSH"), Vc = (e) => {
+  const t = Tc({
     onWindowScroll: (n) => {
-      e.dispatch(hc({
+      e.dispatch(gc({
         newScroll: n
       }));
     }
   });
   return (n) => (r) => {
-    !t.isActive() && A(r, "INITIAL_PUBLISH") && t.start(), t.isActive() && Lc(r) && t.stop(), n(r);
+    !t.isActive() && P(r, "INITIAL_PUBLISH") && t.start(), t.isActive() && Bc(r) && t.stop(), n(r);
   };
 };
-var $c = (e) => {
+var Lc = (e) => {
   let t = !1, n = !1;
   const r = setTimeout(() => {
     n = !0;
@@ -3204,7 +3204,7 @@ var $c = (e) => {
     t = !0, e(i), clearTimeout(r);
   };
   return o.wasCalled = () => t, o;
-}, Gc = () => {
+}, Mc = () => {
   const e = [], t = (o) => {
     const i = e.findIndex((c) => c.timerId === o);
     i === -1 && (process.env.NODE_ENV !== "production" ? g(!1, "Could not find timer") : g());
@@ -3229,7 +3229,7 @@ var $c = (e) => {
     }
   };
 };
-const kc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.droppableId === t.droppableId && e.index === t.index, Fc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.draggableId === t.draggableId && e.droppableId === t.droppableId, Wc = (e, t) => {
+const $c = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.droppableId === t.droppableId && e.index === t.index, Gc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.draggableId === t.draggableId && e.droppableId === t.droppableId, kc = (e, t) => {
   if (e === t)
     return !0;
   const n = e.draggable.id === t.draggable.id && e.draggable.droppableId === t.draggable.droppableId && e.draggable.type === t.draggable.type && e.draggable.index === t.draggable.index, r = e.droppable.id === t.droppable.id && e.droppable.type === t.droppable.type;
@@ -3250,13 +3250,13 @@ function It(e, t, n, r) {
     n(r(t));
     return;
   }
-  const o = $c(n);
+  const o = Lc(n);
   e(t, {
     announce: o
   }), o.wasCalled() || n(r(t));
 }
-var Uc = (e, t) => {
-  const n = Gc();
+var Fc = (e, t) => {
+  const n = Mc();
   let r = null;
   const o = (l, u) => {
     r && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onBeforeCapture as a drag start has already been published") : g()), Ee("onBeforeCapture", () => {
@@ -3283,18 +3283,18 @@ var Uc = (e, t) => {
       Ee("onDragStart", () => It(e().onDragStart, f, t, ze.onDragStart));
     });
   }, c = (l, u) => {
-    const f = Zt(u), m = rt(u);
+    const f = Zt(u), h = rt(u);
     r || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onDragMove when onDragStart has not been called") : g());
-    const b = !Wc(l, r.lastCritical);
+    const b = !kc(l, r.lastCritical);
     b && (r.lastCritical = l);
-    const h = !kc(r.lastLocation, f);
-    h && (r.lastLocation = f);
-    const y = !Fc(r.lastCombine, m);
-    if (y && (r.lastCombine = m), !b && !h && !y)
+    const m = !$c(r.lastLocation, f);
+    m && (r.lastLocation = f);
+    const y = !Gc(r.lastCombine, h);
+    if (y && (r.lastCombine = h), !b && !m && !y)
       return;
     const v = {
       ...We(l, r.mode),
-      combine: m,
+      combine: h,
       destination: f
     };
     n.add(() => {
@@ -3324,24 +3324,24 @@ var Uc = (e, t) => {
       d(l);
     }
   };
-}, Hc = (e, t) => {
-  const n = Uc(e, t);
+}, Wc = (e, t) => {
+  const n = Fc(e, t);
   return (r) => (o) => (i) => {
-    if (A(i, "BEFORE_INITIAL_CAPTURE")) {
+    if (P(i, "BEFORE_INITIAL_CAPTURE")) {
       n.beforeCapture(i.payload.draggableId, i.payload.movementMode);
       return;
     }
-    if (A(i, "INITIAL_PUBLISH")) {
+    if (P(i, "INITIAL_PUBLISH")) {
       const c = i.payload.critical;
       n.beforeStart(c, i.payload.movementMode), o(i), n.start(c, i.payload.movementMode);
       return;
     }
-    if (A(i, "DROP_COMPLETE")) {
+    if (P(i, "DROP_COMPLETE")) {
       const c = i.payload.completed.result;
       n.flush(), o(i), n.drop(c);
       return;
     }
-    if (o(i), A(i, "FLUSH")) {
+    if (o(i), P(i, "FLUSH")) {
       n.abort();
       return;
     }
@@ -3349,8 +3349,8 @@ var Uc = (e, t) => {
     s.phase === "DRAGGING" && n.update(s.critical, s.impact);
   };
 };
-const zc = (e) => (t) => (n) => {
-  if (!A(n, "DROP_ANIMATION_FINISHED")) {
+const Uc = (e) => (t) => (n) => {
+  if (!P(n, "DROP_ANIMATION_FINISHED")) {
     t(n);
     return;
   }
@@ -3358,13 +3358,13 @@ const zc = (e) => (t) => (n) => {
   r.phase !== "DROP_ANIMATING" && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot finish a drop animating when no drop is occurring") : g()), e.dispatch(sn({
     completed: r.completed
   }));
-}, qc = (e) => {
+}, Hc = (e) => {
   let t = null, n = null;
   function r() {
     n && (cancelAnimationFrame(n), n = null), t && (t(), t = null);
   }
   return (o) => (i) => {
-    if ((A(i, "FLUSH") || A(i, "DROP_COMPLETE") || A(i, "DROP_ANIMATION_FINISHED")) && r(), o(i), !A(i, "DROP_ANIMATE"))
+    if ((P(i, "FLUSH") || P(i, "DROP_COMPLETE") || P(i, "DROP_ANIMATION_FINISHED")) && r(), o(i), !P(i, "DROP_ANIMATE"))
       return;
     const s = {
       eventName: "scroll",
@@ -3382,21 +3382,21 @@ const zc = (e) => (t) => (n) => {
     });
   };
 };
-var jc = (e) => () => (t) => (n) => {
-  (A(n, "DROP_COMPLETE") || A(n, "FLUSH") || A(n, "DROP_ANIMATE")) && e.stopPublishing(), t(n);
-}, Yc = (e) => {
+var zc = (e) => () => (t) => (n) => {
+  (P(n, "DROP_COMPLETE") || P(n, "FLUSH") || P(n, "DROP_ANIMATE")) && e.stopPublishing(), t(n);
+}, qc = (e) => {
   let t = !1;
   return () => (n) => (r) => {
-    if (A(r, "INITIAL_PUBLISH")) {
+    if (P(r, "INITIAL_PUBLISH")) {
       t = !0, e.tryRecordFocus(r.payload.critical.draggable.id), n(r), e.tryRestoreFocusRecorded();
       return;
     }
     if (n(r), !!t) {
-      if (A(r, "FLUSH")) {
+      if (P(r, "FLUSH")) {
         t = !1, e.tryRestoreFocusRecorded();
         return;
       }
-      if (A(r, "DROP_COMPLETE")) {
+      if (P(r, "DROP_COMPLETE")) {
         t = !1;
         const o = r.payload.completed.result;
         o.combine && e.tryShiftRecord(o.draggableId, o.combine.draggableId), e.tryRestoreFocusRecorded();
@@ -3404,13 +3404,13 @@ var jc = (e) => () => (t) => (n) => {
     }
   };
 };
-const Xc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH");
-var Kc = (e) => (t) => (n) => (r) => {
-  if (Xc(r)) {
+const jc = (e) => P(e, "DROP_COMPLETE") || P(e, "DROP_ANIMATE") || P(e, "FLUSH");
+var Yc = (e) => (t) => (n) => (r) => {
+  if (jc(r)) {
     e.stop(), n(r);
     return;
   }
-  if (A(r, "INITIAL_PUBLISH")) {
+  if (P(r, "INITIAL_PUBLISH")) {
     n(r);
     const o = t.getState();
     o.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? g(!1, "Expected phase to be DRAGGING after INITIAL_PUBLISH") : g()), e.start(o);
@@ -3418,30 +3418,30 @@ var Kc = (e) => (t) => (n) => (r) => {
   }
   n(r), e.scroll(t.getState());
 };
-const Jc = (e) => (t) => (n) => {
-  if (t(n), !A(n, "PUBLISH_WHILE_DRAGGING"))
+const Xc = (e) => (t) => (n) => {
+  if (t(n), !P(n, "PUBLISH_WHILE_DRAGGING"))
     return;
   const r = e.getState();
   r.phase === "DROP_PENDING" && (r.isWaiting || e.dispatch(io({
     reason: r.reason
   })));
-}, Zc = process.env.NODE_ENV !== "production" && typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
+}, Kc = process.env.NODE_ENV !== "production" && typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
   name: "@hello-pangea/dnd"
 }) : vr;
-var Qc = ({
+var Jc = ({
   dimensionMarshal: e,
   focusMarshal: t,
   styleMarshal: n,
   getResponders: r,
   announce: o,
   autoScroller: i
-}) => br(cc, Zc(Yo(Sc(n), jc(e), Oc(e), Tc, zc, qc, Jc, Kc(i), Mc, Yc(t), Hc(r, o))));
+}) => br(ic, Kc(qo(Cc(n), zc(e), Ic(e), Pc, Uc, Hc, Xc, Yc(i), Vc, qc(t), Wc(r, o))));
 const Ct = () => ({
   additions: {},
   removals: {},
   modified: {}
 });
-function ea({
+function Zc({
   registry: e,
   callbacks: t
 }) {
@@ -3453,11 +3453,11 @@ function ea({
         additions: a,
         removals: d,
         modified: p
-      } = n, l = Object.keys(a).map((m) => e.draggable.getById(m).getDimension(G)).sort((m, b) => m.descriptor.index - b.descriptor.index), u = Object.keys(p).map((m) => {
-        const h = e.droppable.getById(m).callbacks.getScrollWhileDragging();
+      } = n, l = Object.keys(a).map((h) => e.draggable.getById(h).getDimension(G)).sort((h, b) => h.descriptor.index - b.descriptor.index), u = Object.keys(p).map((h) => {
+        const m = e.droppable.getById(h).callbacks.getScrollWhileDragging();
         return {
-          droppableId: m,
-          scroll: h
+          droppableId: h,
+          scroll: m
         };
       }), f = {
         additions: l,
@@ -3509,7 +3509,7 @@ var uo = ({
     width: e.clientWidth,
     height: e.clientHeight
   });
-}, ta = () => {
+}, Qc = () => {
   const e = lo(), t = fo(), n = e.y, r = e.x, o = po(), i = o.clientWidth, s = o.clientHeight, c = r + i, a = n + s;
   return {
     frame: Z({
@@ -3528,13 +3528,13 @@ var uo = ({
       }
     }
   };
-}, na = ({
+}, ea = ({
   critical: e,
   scrollOptions: t,
   registry: n
 }) => {
   Le();
-  const r = ta(), o = r.scroll.current, i = e.droppable, s = n.droppable.getAllByType(i.type).map((p) => p.callbacks.getDimensionAndWatchScroll(o, t)), c = n.draggable.getAllByType(e.draggable.type).map((p) => p.getDimension(o)), a = {
+  const r = Qc(), o = r.scroll.current, i = e.droppable, s = n.droppable.getAllByType(i.type).map((p) => p.callbacks.getDimensionAndWatchScroll(o, t)), c = n.draggable.getAllByType(e.draggable.type).map((p) => p.getDimension(o)), a = {
     draggables: kr(c),
     droppables: Gr(s)
   };
@@ -3552,9 +3552,9 @@ function Qn(e, t, n) {
       See https://github.com/hello-pangea/dnd/blob/main/docs/patterns/virtual-lists.md
     `), !1) : !0;
 }
-var ra = (e, t) => {
+var ta = (e, t) => {
   let n = null;
-  const r = ea({
+  const r = Zc({
     callbacks: {
       publish: t.publishWhileDragging,
       collectionStarting: t.collectionStarting
@@ -3595,14 +3595,14 @@ var ra = (e, t) => {
     updateDroppableScroll: s,
     startPublishing: (u) => {
       n && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot start capturing critical dimensions as there is already a collection") : g());
-      const f = e.draggable.getById(u.draggableId), m = e.droppable.getById(f.descriptor.droppableId), b = {
+      const f = e.draggable.getById(u.draggableId), h = e.droppable.getById(f.descriptor.droppableId), b = {
         draggable: f.descriptor,
-        droppable: m.descriptor
-      }, h = e.subscribe(d);
+        droppable: h.descriptor
+      }, m = e.subscribe(d);
       return n = {
         critical: b,
-        unsubscribe: h
-      }, na({
+        unsubscribe: m
+      }, ea({
         critical: b,
         registry: e,
         scrollOptions: u.scrollOptions
@@ -3610,11 +3610,11 @@ var ra = (e, t) => {
     },
     stopPublishing: a
   };
-}, go = (e, t) => e.phase === "IDLE" ? !0 : e.phase !== "DROP_ANIMATING" || e.completed.result.draggableId === t ? !1 : e.completed.result.reason === "DROP", oa = (e) => {
+}, go = (e, t) => e.phase === "IDLE" ? !0 : e.phase !== "DROP_ANIMATING" || e.completed.result.draggableId === t ? !1 : e.completed.result.reason === "DROP", na = (e) => {
   window.scrollBy(e.x, e.y);
 };
-const ia = $((e) => nt(e).filter((t) => !(!t.isEnabled || !t.frame))), sa = (e, t) => ia(t).find((r) => (r.frame || (process.env.NODE_ENV !== "production" ? g(!1, "Invalid result") : g()), Kr(r.frame.pageMarginBox)(e))) || null;
-var ca = ({
+const ra = $((e) => nt(e).filter((t) => !(!t.isEnabled || !t.frame))), oa = (e, t) => ra(t).find((r) => (r.frame || (process.env.NODE_ENV !== "production" ? g(!1, "Invalid result") : g()), Kr(r.frame.pageMarginBox)(e))) || null;
+var ia = ({
   center: e,
   destination: t,
   droppables: n
@@ -3623,7 +3623,7 @@ var ca = ({
     const o = n[t];
     return o.frame ? o : null;
   }
-  return sa(e, n);
+  return oa(e, n);
 };
 const Pe = {
   startFromPercentage: 0.25,
@@ -3636,7 +3636,7 @@ const Pe = {
   },
   disabled: !1
 };
-var aa = (e, t, n = () => Pe) => {
+var sa = (e, t, n = () => Pe) => {
   const r = n(), o = e[t.size] * r.startFromPercentage, i = e[t.size] * r.maxScrollAtPercentage;
   return {
     startScrollingFrom: o,
@@ -3653,7 +3653,7 @@ var aa = (e, t, n = () => Pe) => {
       This is unexpected and would cause a divide by 0 issue.
       Not allowing an auto scroll
     `), 0) : (n - e) / r;
-}, an = 1, la = (e, t, n = () => Pe) => {
+}, an = 1, ca = (e, t, n = () => Pe) => {
   const r = n();
   if (e > t.startScrollingFrom)
     return 0;
@@ -3667,7 +3667,7 @@ var aa = (e, t, n = () => Pe) => {
     current: e
   }), s = r.maxPixelScroll * r.ease(i);
   return Math.ceil(s);
-}, da = (e, t, n) => {
+}, aa = (e, t, n) => {
   const r = n(), o = r.durationDampening.accelerateAt, i = r.durationDampening.stopDampeningAt, s = t, c = i, d = Date.now() - s;
   if (d >= i)
     return e;
@@ -3686,8 +3686,8 @@ var aa = (e, t, n = () => Pe) => {
   shouldUseTimeDampening: r,
   getAutoScrollerOptions: o
 }) => {
-  const i = la(e, t, o);
-  return i === 0 ? 0 : r ? Math.max(da(i, n, o), an) : i;
+  const i = ca(e, t, o);
+  return i === 0 ? 0 : r ? Math.max(aa(i, n, o), an) : i;
 }, tr = ({
   container: e,
   distanceToEdges: t,
@@ -3696,7 +3696,7 @@ var aa = (e, t, n = () => Pe) => {
   shouldUseTimeDampening: o,
   getAutoScrollerOptions: i
 }) => {
-  const s = aa(e, r, i);
+  const s = sa(e, r, i);
   return t[r.end] < t[r.start] ? er({
     distanceToEdge: t[r.end],
     thresholds: s,
@@ -3710,7 +3710,7 @@ var aa = (e, t, n = () => Pe) => {
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
   });
-}, ua = ({
+}, la = ({
   container: e,
   subject: t,
   proposedScroll: n
@@ -3721,7 +3721,7 @@ var aa = (e, t, n = () => Pe) => {
     y: r ? 0 : n.y
   };
 };
-const pa = $r((e) => e === 0 ? 0 : e);
+const da = $r((e) => e === 0 ? 0 : e);
 var ho = ({
   dragStartTime: e,
   container: t,
@@ -3749,20 +3749,20 @@ var ho = ({
     axis: Ur,
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
-  }), d = pa({
+  }), d = da({
     x: a,
     y: c
   });
   if (oe(d, G))
     return null;
-  const p = ua({
+  const p = la({
     container: t,
     subject: n,
     proposedScroll: d
   });
   return p ? oe(p, G) ? null : p : null;
 };
-const fa = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), ln = /* @__PURE__ */ (() => {
+const ua = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), ln = /* @__PURE__ */ (() => {
   const e = (t, n) => t < 0 ? t : t > n ? t - n : 0;
   return ({
     current: t,
@@ -3783,7 +3783,7 @@ const fa = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), ln = /* @__PURE__ */ (() =>
   const r = {
     x: Math.max(t.x, e.x),
     y: Math.max(t.y, e.y)
-  }, o = fa(n), i = ln({
+  }, o = ua(n), i = ln({
     max: r,
     current: t,
     change: o
@@ -3793,7 +3793,7 @@ const fa = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), ln = /* @__PURE__ */ (() =>
   current: e.scroll.current,
   max: e.scroll.max,
   change: t
-}), ga = (e, t) => {
+}), pa = (e, t) => {
   if (!dn(e, t))
     return null;
   const n = e.scroll.max, r = e.scroll.current;
@@ -3809,7 +3809,7 @@ const fa = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), ln = /* @__PURE__ */ (() =>
     max: n.scroll.max,
     change: t
   }) : !1;
-}, ma = (e, t) => {
+}, fa = (e, t) => {
   const n = e.frame;
   return !n || !un(e, t) ? null : ln({
     current: n.scroll.current,
@@ -3817,7 +3817,7 @@ const fa = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), ln = /* @__PURE__ */ (() =>
     change: t
   });
 };
-var ha = ({
+var ga = ({
   viewport: e,
   subject: t,
   center: n,
@@ -3834,7 +3834,7 @@ var ha = ({
     getAutoScrollerOptions: i
   });
   return s && dn(e, s) ? s : null;
-}, ba = ({
+}, ma = ({
   droppable: e,
   subject: t,
   center: n,
@@ -3864,7 +3864,7 @@ var ha = ({
 }) => {
   const s = e.current.page.borderBoxCenter, a = e.dimensions.draggables[e.critical.draggable.id].page.marginBox;
   if (e.isWindowScrollAllowed) {
-    const l = e.viewport, u = ha({
+    const l = e.viewport, u = ga({
       dragStartTime: t,
       viewport: l,
       subject: a,
@@ -3877,14 +3877,14 @@ var ha = ({
       return;
     }
   }
-  const d = ca({
+  const d = ia({
     center: s,
     destination: j(e.impact),
     droppables: e.dimensions.droppables
   });
   if (!d)
     return;
-  const p = ba({
+  const p = ma({
     dragStartTime: t,
     droppable: d,
     subject: a,
@@ -3893,7 +3893,7 @@ var ha = ({
     getAutoScrollerOptions: i
   });
   p && o(d.descriptor.id, p);
-}, va = ({
+}, ha = ({
   scrollWindow: e,
   scrollDroppable: t,
   getAutoScrollerOptions: n = () => Pe
@@ -3940,7 +3940,7 @@ var ha = ({
     },
     scroll: s
   };
-}, ya = ({
+}, ba = ({
   move: e,
   scrollDroppable: t,
   scrollWindow: n
@@ -3953,7 +3953,7 @@ var ha = ({
   }, o = (c, a) => {
     if (!un(c, a))
       return a;
-    const d = ma(c, a);
+    const d = fa(c, a);
     if (!d)
       return t(c.descriptor.id, a), null;
     const p = q(a, d);
@@ -3961,7 +3961,7 @@ var ha = ({
   }, i = (c, a, d) => {
     if (!c || !dn(a, d))
       return d;
-    const p = ga(a, d);
+    const p = pa(a, d);
     if (!p)
       return n(d), null;
     const l = q(d, p);
@@ -3979,17 +3979,17 @@ var ha = ({
     const l = c.viewport, u = i(c.isWindowScrollAllowed, l, p);
     u && r(c, u);
   };
-}, Ea = ({
+}, va = ({
   scrollDroppable: e,
   scrollWindow: t,
   move: n,
   getAutoScrollerOptions: r
 }) => {
-  const o = va({
+  const o = ha({
     scrollWindow: t,
     scrollDroppable: e,
     getAutoScrollerOptions: r
-  }), i = ya({
+  }), i = ba({
     move: n,
     scrollWindow: t,
     scrollDroppable: e
@@ -4022,7 +4022,7 @@ const fe = "data-rfd", ge = (() => {
     contextId: `${e}-context-id`,
     id: `${e}-id`
   };
-})(), Da = (() => {
+})(), ya = (() => {
   const e = `${fe}-droppable`;
   return {
     base: e,
@@ -4031,12 +4031,12 @@ const fe = "data-rfd", ge = (() => {
   };
 })(), rr = {
   contextId: `${fe}-scroll-container-context-id`
-}, Na = (e) => (t) => `[${t}="${e}"]`, De = (e, t) => e.map((n) => {
+}, Ea = (e) => (t) => `[${t}="${e}"]`, De = (e, t) => e.map((n) => {
   const r = n.styles[t];
   return r ? `${n.selector} { ${r} }` : "";
-}).join(" "), xa = "pointer-events: none;";
-var Ia = (e) => {
-  const t = Na(e), n = (() => {
+}).join(" "), Da = "pointer-events: none;";
+var Na = (e) => {
+  const t = Ea(e), n = (() => {
     const c = `
       cursor: -webkit-grab;
       cursor: grab;
@@ -4050,7 +4050,7 @@ var Ia = (e) => {
           touch-action: manipulation;
         `,
         resting: c,
-        dragging: xa,
+        dragging: Da,
         dropAnimating: c
       }
     };
@@ -4067,7 +4067,7 @@ var Ia = (e) => {
       }
     };
   })(), o = {
-    selector: t(Da.contextId),
+    selector: t(ya.contextId),
     styles: {
       always: "overflow-anchor: none;"
     }
@@ -4093,15 +4093,15 @@ var Ia = (e) => {
     userCancel: De(s, "userCancel")
   };
 };
-const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Go : te, Ot = () => {
+const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Mo : te, Ot = () => {
   const e = document.querySelector("head");
   return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find the head to append a style to") : g()), e;
 }, or = (e) => {
   const t = document.createElement("style");
   return e && t.setAttribute("nonce", e), t.type = "text/css", t;
 };
-function Ca(e, t) {
-  const n = S(() => Ia(e), [e]), r = V(null), o = V(null), i = D($((l) => {
+function xa(e, t) {
+  const n = w(() => Na(e), [e]), r = V(null), o = V(null), i = D($((l) => {
     const u = o.current;
     u || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot set dynamic style element if it is not set") : g()), u.textContent = l;
   }), []), s = D((l) => {
@@ -4112,9 +4112,9 @@ function Ca(e, t) {
     !r.current && !o.current || (process.env.NODE_ENV !== "production" ? g(!1, "style elements already mounted") : g());
     const l = or(t), u = or(t);
     return r.current = l, o.current = u, l.setAttribute(`${fe}-always`, e), u.setAttribute(`${fe}-dynamic`, e), Ot().appendChild(l), Ot().appendChild(u), s(n.always), i(n.resting), () => {
-      const f = (m) => {
-        const b = m.current;
-        b || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot unmount ref as it is not set") : g()), Ot().removeChild(b), m.current = null;
+      const f = (h) => {
+        const b = h.current;
+        b || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot unmount ref as it is not set") : g()), Ot().removeChild(b), h.current = null;
       };
       f(r), f(o);
     };
@@ -4128,7 +4128,7 @@ function Ca(e, t) {
   }, [i, n.dropAnimating, n.userCancel]), d = D(() => {
     o.current && i(n.resting);
   }, [i, n.resting]);
-  return S(() => ({
+  return w(() => ({
     dragging: c,
     dropping: a,
     resting: d
@@ -4148,15 +4148,15 @@ function Eo(e, t) {
   const o = r.find((i) => i.getAttribute(ge.draggableId) === t);
   return o ? $e(o) ? o : (process.env.NODE_ENV !== "production" && T("drag handle needs to be a HTMLElement"), null) : (process.env.NODE_ENV !== "production" && T(`Unable to find drag handle with id "${t}" as no handle with a matching id was found`), null);
 }
-function Oa(e) {
+function Ia(e) {
   const t = V({}), n = V(null), r = V(null), o = V(!1), i = D(function(u, f) {
-    const m = {
+    const h = {
       id: u,
       focus: f
     };
-    return t.current[u] = m, function() {
-      const h = t.current;
-      h[u] !== m && delete h[u];
+    return t.current[u] = h, function() {
+      const m = t.current;
+      m[u] !== h && delete m[u];
     };
   }, []), s = D(function(u) {
     const f = Eo(e, u);
@@ -4178,14 +4178,14 @@ function Oa(e) {
     o.current = !1;
     const u = r.current;
     u && cancelAnimationFrame(u);
-  }), []), S(() => ({
+  }), []), w(() => ({
     register: i,
     tryRecordFocus: d,
     tryRestoreFocusRecorded: a,
     tryShiftRecord: c
   }), [i, d, a, c]);
 }
-function Sa() {
+function Ca() {
   const e = {
     draggables: {},
     droppables: {}
@@ -4259,8 +4259,8 @@ function Sa() {
     clean: p
   };
 }
-function wa() {
-  const e = S(Sa, []);
+function Oa() {
+  const e = w(Ca, []);
   return te(() => function() {
     e.clean();
   }, [e]), e;
@@ -4269,7 +4269,7 @@ var pn = L.createContext(null), Re = () => {
   const e = document.body;
   return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find document.body") : g()), e;
 };
-const _a = {
+const wa = {
   position: "absolute",
   width: "1px",
   height: "1px",
@@ -4279,12 +4279,12 @@ const _a = {
   overflow: "hidden",
   clip: "rect(0 0 0 0)",
   "clip-path": "inset(100%)"
-}, Aa = (e) => `rfd-announcement-${e}`;
-function Pa(e) {
-  const t = S(() => Aa(e), [e]), n = V(null);
+}, Sa = (e) => `rfd-announcement-${e}`;
+function _a(e) {
+  const t = w(() => Sa(e), [e]), n = V(null);
   return te(function() {
     const i = document.createElement("div");
-    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Je(i.style, _a), Re().appendChild(i), function() {
+    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Je(i.style, wa), Re().appendChild(i), function() {
       setTimeout(function() {
         const a = Re();
         a.contains(i) && a.removeChild(i), i === n.current && (n.current = null);
@@ -4308,26 +4308,26 @@ function Pa(e) {
     `);
   }, []);
 }
-const Ra = {
+const Aa = {
   separator: "::"
 };
-function fn(e, t = Ra) {
+function fn(e, t = Aa) {
   const n = L.useId();
-  return S(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
+  return w(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
 }
-function Ta({
+function Pa({
   contextId: e,
   uniqueId: t
 }) {
   return `rfd-hidden-text-${e}-${t}`;
 }
-function Ba({
+function Ra({
   contextId: e,
   text: t
 }) {
   const n = fn("hidden-text", {
     separator: "-"
-  }), r = S(() => Ta({
+  }), r = w(() => Pa({
     contextId: e,
     uniqueId: n
   }), [n, e]);
@@ -4339,11 +4339,11 @@ function Ba({
     };
   }, [r, t]), r;
 }
-var st = L.createContext(null), Va = {
+var st = L.createContext(null), Ta = {
   react: "^18.0.0 || ^19.0.0"
 };
-const La = /(\d+)\.(\d+)\.(\d+)/, ir = (e) => {
-  const t = La.exec(e);
+const Ba = /(\d+)\.(\d+)\.(\d+)/, ir = (e) => {
+  const t = Ba.exec(e);
   t == null && (process.env.NODE_ENV !== "production" ? g(!1, `Unable to parse React version ${e}`) : g());
   const n = Number(t[1]), r = Number(t[2]), o = Number(t[3]);
   return {
@@ -4352,41 +4352,41 @@ const La = /(\d+)\.(\d+)\.(\d+)/, ir = (e) => {
     patch: o,
     raw: e
   };
-}, Ma = (e, t) => t.major > e.major ? !0 : t.major < e.major ? !1 : t.minor > e.minor ? !0 : t.minor < e.minor ? !1 : t.patch >= e.patch;
-var $a = (e, t) => {
+}, Va = (e, t) => t.major > e.major ? !0 : t.major < e.major ? !1 : t.minor > e.minor ? !0 : t.minor < e.minor ? !1 : t.patch >= e.patch;
+var La = (e, t) => {
   const n = ir(e), r = ir(t);
-  Ma(n, r) || process.env.NODE_ENV !== "production" && T(`
+  Va(n, r) || process.env.NODE_ENV !== "production" && T(`
     React version: [${r.raw}]
     does not satisfy expected peer dependency version: [${n.raw}]
     This can result in run time bugs, and even fatal crashes
   `);
 };
-const St = `
+const wt = `
   We expect a html5 doctype: <!doctype html>
   This is to ensure consistent browser layout and measurement
   More information: https://github.com/hello-pangea/dnd/blob/main/docs/guides/doctype.md
 `;
-var Ga = (e) => {
+var Ma = (e) => {
   const t = e.doctype;
   if (!t) {
     process.env.NODE_ENV !== "production" && T(`
       No <!doctype html> found.
-      ${St}
+      ${wt}
     `);
     return;
   }
   t.name.toLowerCase() !== "html" && process.env.NODE_ENV !== "production" && T(`
       Unexpected <!doctype> found: (${t.name})
-      ${St}
+      ${wt}
     `), t.publicId !== "" && process.env.NODE_ENV !== "production" && T(`
       Unexpected <!doctype> publicId found: (${t.publicId})
       A html5 doctype does not have a publicId
-      ${St}
+      ${wt}
     `);
 };
 function gn(e) {
@@ -4407,9 +4407,9 @@ function Ge(e, t) {
     }, t);
   });
 }
-function ka() {
+function $a() {
   Ge(() => {
-    $a(Va.react, L.version), Ga(document);
+    La(Ta.react, L.version), Ma(document);
   }, []);
 }
 function mn(e) {
@@ -4418,7 +4418,7 @@ function mn(e) {
     t.current = e;
   }), t;
 }
-function Fa() {
+function Ga() {
   let e = null;
   function t() {
     return !!e;
@@ -4450,24 +4450,24 @@ function Fa() {
 function Te(e) {
   return e.phase === "IDLE" || e.phase === "DROP_ANIMATING" ? !1 : e.isDragging;
 }
-const Wa = 9, Ua = 13, hn = 27, Do = 32, Ha = 33, za = 34, qa = 35, ja = 36, Ya = 37, Xa = 38, Ka = 39, Ja = 40, Za = {
-  [Ua]: !0,
-  [Wa]: !0
+const ka = 9, Fa = 13, hn = 27, Do = 32, Wa = 33, Ua = 34, Ha = 35, za = 36, qa = 37, ja = 38, Ya = 39, Xa = 40, Ka = {
+  [Fa]: !0,
+  [ka]: !0
 };
 var No = (e) => {
-  Za[e.keyCode] && e.preventDefault();
+  Ka[e.keyCode] && e.preventDefault();
 };
 const ct = (() => {
   const e = "visibilitychange";
   return typeof document > "u" ? e : [e, `ms${e}`, `webkit${e}`, `moz${e}`, `o${e}`].find((r) => `on${r}` in document) || e;
 })(), xo = 0, sr = 5;
-function Qa(e, t) {
+function Ja(e, t) {
   return Math.abs(t.x - e.x) >= sr || Math.abs(t.y - e.y) >= sr;
 }
 const cr = {
   type: "IDLE"
 };
-function el({
+function Za({
   cancel: e,
   completed: t,
   getPhase: n,
@@ -4493,7 +4493,7 @@ function el({
       }
       d.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot be IDLE") : g());
       const p = d.point;
-      if (!Qa(p, a))
+      if (!Ja(p, a))
         return;
       o.preventDefault();
       const l = d.actions.fluidLift(a);
@@ -4559,8 +4559,8 @@ function el({
     fn: e
   }];
 }
-function tl(e) {
-  const t = V(cr), n = V(re), r = S(() => ({
+function Qa(e) {
+  const t = V(cr), n = V(re), r = w(() => ({
     eventName: "mousedown",
     fn: function(l) {
       if (l.defaultPrevented || l.button !== xo || l.ctrlKey || l.metaKey || l.shiftKey || l.altKey)
@@ -4574,13 +4574,13 @@ function tl(e) {
       if (!f)
         return;
       l.preventDefault();
-      const m = {
+      const h = {
         x: l.clientX,
         y: l.clientY
       };
-      n.current(), d(f, m);
+      n.current(), d(f, h);
     }
-  }), [e]), o = S(() => ({
+  }), [e]), o = w(() => ({
     eventName: "webkitmouseforcewillbegin",
     fn: (p) => {
       if (p.defaultPrevented)
@@ -4608,7 +4608,7 @@ function tl(e) {
     const l = {
       capture: !0,
       passive: !1
-    }, u = el({
+    }, u = Za({
       cancel: c,
       completed: s,
       getPhase: () => t.current,
@@ -4630,15 +4630,15 @@ function tl(e) {
     };
   }, [i]);
 }
-function nl() {
+function el() {
 }
-const rl = {
+const tl = {
+  [Ua]: !0,
+  [Wa]: !0,
   [za]: !0,
-  [Ha]: !0,
-  [ja]: !0,
-  [qa]: !0
+  [Ha]: !0
 };
-function ol(e, t) {
+function nl(e, t) {
   function n() {
     t(), e.cancel();
   }
@@ -4656,23 +4656,23 @@ function ol(e, t) {
         o.preventDefault(), r();
         return;
       }
-      if (o.keyCode === Ja) {
+      if (o.keyCode === Xa) {
         o.preventDefault(), e.moveDown();
         return;
       }
-      if (o.keyCode === Xa) {
+      if (o.keyCode === ja) {
         o.preventDefault(), e.moveUp();
         return;
       }
-      if (o.keyCode === Ka) {
+      if (o.keyCode === Ya) {
         o.preventDefault(), e.moveRight();
         return;
       }
-      if (o.keyCode === Ya) {
+      if (o.keyCode === qa) {
         o.preventDefault(), e.moveLeft();
         return;
       }
-      if (rl[o.keyCode]) {
+      if (tl[o.keyCode]) {
         o.preventDefault();
         return;
       }
@@ -4704,8 +4704,8 @@ function ol(e, t) {
     fn: n
   }];
 }
-function il(e) {
-  const t = V(nl), n = S(() => ({
+function rl(e) {
+  const t = V(el), n = w(() => ({
     eventName: "keydown",
     fn: function(i) {
       if (i.defaultPrevented || i.keyCode !== Do)
@@ -4725,7 +4725,7 @@ function il(e) {
       function p() {
         a || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot stop capturing a keyboard drag when not capturing") : g()), a = !1, t.current(), r();
       }
-      t.current = K(window, ol(d, p), {
+      t.current = K(window, nl(d, p), {
         capture: !0,
         passive: !1
       });
@@ -4743,10 +4743,10 @@ function il(e) {
     };
   }, [r]);
 }
-const wt = {
+const St = {
   type: "IDLE"
-}, sl = 120, cl = 0.15;
-function al({
+}, ol = 120, il = 0.15;
+function sl({
   cancel: e,
   getPhase: t
 }) {
@@ -4775,7 +4775,7 @@ function al({
     fn: e
   }];
 }
-function ll({
+function cl({
   cancel: e,
   completed: t,
   getPhase: n
@@ -4828,7 +4828,7 @@ function ll({
       const o = n();
       o.type === "IDLE" && (process.env.NODE_ENV, g());
       const i = r.touches[0];
-      if (!i || !(i.force >= cl))
+      if (!i || !(i.force >= il))
         return;
       const c = o.actions.shouldRespectForcePress();
       if (o.type === "PENDING") {
@@ -4850,28 +4850,28 @@ function ll({
     fn: e
   }];
 }
-function dl(e) {
-  const t = V(wt), n = V(re), r = D(function() {
+function al(e) {
+  const t = V(St), n = V(re), r = D(function() {
     return t.current;
   }, []), o = D(function(f) {
     t.current = f;
-  }, []), i = S(() => ({
+  }, []), i = w(() => ({
     eventName: "touchstart",
     fn: function(f) {
       if (f.defaultPrevented)
         return;
-      const m = e.findClosestDraggableId(f);
-      if (!m)
+      const h = e.findClosestDraggableId(f);
+      if (!h)
         return;
-      const b = e.tryGetLock(m, c, {
+      const b = e.tryGetLock(h, c, {
         sourceEvent: f
       });
       if (!b)
         return;
-      const h = f.touches[0], {
+      const m = f.touches[0], {
         clientX: y,
         clientY: v
-      } = h, I = {
+      } = m, I = {
         x: y,
         y: v
       };
@@ -4885,7 +4885,7 @@ function dl(e) {
     n.current = K(window, [i], f);
   }, [i]), c = D(() => {
     const u = t.current;
-    u.type !== "IDLE" && (u.type === "PENDING" && clearTimeout(u.longPressTimerId), o(wt), n.current(), s());
+    u.type !== "IDLE" && (u.type === "PENDING" && clearTimeout(u.longPressTimerId), o(St), n.current(), s());
   }, [s, o]), a = D(() => {
     const u = t.current;
     c(), u.type === "DRAGGING" && u.actions.cancel({
@@ -4895,29 +4895,29 @@ function dl(e) {
     const f = {
       capture: !0,
       passive: !1
-    }, m = {
+    }, h = {
       cancel: a,
       completed: c,
       getPhase: r
-    }, b = K(window, ll(m), f), h = K(window, al(m), f);
+    }, b = K(window, cl(h), f), m = K(window, sl(h), f);
     n.current = function() {
-      b(), h();
+      b(), m();
     };
   }, [a, r, c]), p = D(function() {
     const f = r();
     f.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? g(!1, `Cannot start dragging from phase ${f.type}`) : g());
-    const m = f.actions.fluidLift(f.point);
+    const h = f.actions.fluidLift(f.point);
     o({
       type: "DRAGGING",
-      actions: m,
+      actions: h,
       hasMoved: !1
     });
-  }, [r, o]), l = D(function(f, m) {
+  }, [r, o]), l = D(function(f, h) {
     r().type !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Expected to move from IDLE to PENDING drag") : g());
-    const b = setTimeout(p, sl);
+    const b = setTimeout(p, ol);
     o({
       type: "PENDING",
-      point: m,
+      point: h,
       actions: f,
       longPressTimerId: b
     }), d();
@@ -4925,8 +4925,8 @@ function dl(e) {
   Y(function() {
     return s(), function() {
       n.current();
-      const m = r();
-      m.type === "PENDING" && (clearTimeout(m.longPressTimerId), o(wt));
+      const h = r();
+      h.type === "PENDING" && (clearTimeout(h.longPressTimerId), o(St));
     };
   }, [r, s, o]), Y(function() {
     return K(window, [{
@@ -4940,7 +4940,7 @@ function dl(e) {
     }]);
   }, []);
 }
-function ul(e) {
+function ll(e) {
   gn(() => {
     const t = mn(e);
     Ge(() => {
@@ -4948,52 +4948,52 @@ function ul(e) {
     });
   });
 }
-const pl = ["input", "button", "textarea", "select", "option", "optgroup", "video", "audio"];
+const dl = ["input", "button", "textarea", "select", "option", "optgroup", "video", "audio"];
 function Io(e, t) {
   if (t == null)
     return !1;
-  if (pl.includes(t.tagName.toLowerCase()))
+  if (dl.includes(t.tagName.toLowerCase()))
     return !0;
   const r = t.getAttribute("contenteditable");
   return r === "true" || r === "" ? !0 : t === e ? !1 : Io(e, t.parentElement);
 }
-function fl(e, t) {
+function ul(e, t) {
   const n = t.target;
   return $e(n) ? Io(e, n) : !1;
 }
-var gl = (e) => Z(e.getBoundingClientRect()).center;
-function ml(e) {
+var pl = (e) => Z(e.getBoundingClientRect()).center;
+function fl(e) {
   return e instanceof yo(e).Element;
 }
-const hl = (() => {
+const gl = (() => {
   const e = "matches";
   return typeof document > "u" ? e : [e, "msMatchesSelector", "webkitMatchesSelector"].find((r) => r in Element.prototype) || e;
 })();
 function Co(e, t) {
-  return e == null ? null : e[hl](t) ? e : Co(e.parentElement, t);
+  return e == null ? null : e[gl](t) ? e : Co(e.parentElement, t);
 }
-function bl(e, t) {
+function ml(e, t) {
   return e.closest ? e.closest(t) : Co(e, t);
 }
-function vl(e) {
+function hl(e) {
   return `[${ge.contextId}="${e}"]`;
 }
-function yl(e, t) {
+function bl(e, t) {
   const n = t.target;
-  if (!ml(n))
+  if (!fl(n))
     return process.env.NODE_ENV !== "production" && T("event.target must be a Element"), null;
-  const r = vl(e), o = bl(n, r);
+  const r = hl(e), o = ml(n, r);
   return o ? $e(o) ? o : (process.env.NODE_ENV !== "production" && T("drag handle must be a HTMLElement"), null) : null;
 }
-function El(e, t) {
-  const n = yl(e, t);
+function vl(e, t) {
+  const n = bl(e, t);
   return n ? n.getAttribute(ge.draggableId) : null;
 }
-function Dl(e, t) {
+function yl(e, t) {
   const n = `[${Ft.contextId}="${e}"]`, o = vo(document, n).find((i) => i.getAttribute(Ft.id) === t);
   return o ? $e(o) ? o : (process.env.NODE_ENV !== "production" && T("Draggable element is not a HTMLElement"), null) : null;
 }
-function Nl(e) {
+function El(e) {
   e.preventDefault();
 }
 function Ue({
@@ -5033,7 +5033,7 @@ function Oo({
   const o = n.draggable.findById(r);
   return o ? !(!o.options.isEnabled || !go(t.getState(), r)) : (process.env.NODE_ENV !== "production" && T(`Unable to find draggable with id: ${r}`), !1);
 }
-function xl({
+function Dl({
   lockAPI: e,
   contextId: t,
   store: n,
@@ -5049,10 +5049,10 @@ function xl({
     draggableId: o
   }))
     return null;
-  const a = r.draggable.getById(o), d = Dl(t, a.descriptor.id);
+  const a = r.draggable.getById(o), d = yl(t, a.descriptor.id);
   if (!d)
     return process.env.NODE_ENV !== "production" && T(`Unable to find draggable element with id: ${o}`), null;
-  if (s && !a.options.canDragInteractiveElements && fl(d, s))
+  if (s && !a.options.canDragInteractiveElements && ul(d, s))
     return null;
   const p = e.claim(i || re);
   let l = "PRE_DRAG";
@@ -5062,7 +5062,7 @@ function xl({
   function f() {
     return e.isActive(p);
   }
-  function m(E, x) {
+  function h(E, x) {
     Ue({
       expected: E,
       phase: l,
@@ -5070,19 +5070,19 @@ function xl({
       shouldWarn: !0
     }) && n.dispatch(x());
   }
-  const b = m.bind(null, "DRAGGING");
-  function h(E) {
+  const b = h.bind(null, "DRAGGING");
+  function m(E) {
     function x() {
       e.release(), l = "COMPLETED";
     }
-    l !== "PRE_DRAG" && (x(), process.env.NODE_ENV !== "production" ? g(!1, `Cannot lift in phase ${l}`) : g()), n.dispatch(lc(E.liftActionArgs)), l = "DRAGGING";
+    l !== "PRE_DRAG" && (x(), process.env.NODE_ENV !== "production" ? g(!1, `Cannot lift in phase ${l}`) : g()), n.dispatch(cc(E.liftActionArgs)), l = "DRAGGING";
     function _(R, U = {
       shouldBlockNextClick: !1
     }) {
       if (E.cleanup(), U.shouldBlockNextClick) {
         const B = K(window, [{
           eventName: "click",
-          fn: Nl,
+          fn: El,
           options: {
             once: !0,
             passive: !1,
@@ -5115,7 +5115,7 @@ function xl({
       }));
     });
     return {
-      ...h({
+      ...m({
         liftActionArgs: {
           id: o,
           clientSelection: E,
@@ -5131,15 +5131,15 @@ function xl({
   }
   function v() {
     const E = {
-      moveUp: () => b(vc),
-      moveRight: () => b(Ec),
-      moveDown: () => b(yc),
-      moveLeft: () => b(Dc)
+      moveUp: () => b(hc),
+      moveRight: () => b(vc),
+      moveDown: () => b(bc),
+      moveLeft: () => b(yc)
     };
-    return h({
+    return m({
       liftActionArgs: {
         id: o,
-        clientSelection: gl(d),
+        clientSelection: pl(d),
         movementMode: "SNAP"
       },
       cleanup: re,
@@ -5167,22 +5167,22 @@ function xl({
     abort: I
   };
 }
-const Il = [tl, il, dl];
-function Cl({
+const Nl = [Qa, rl, al];
+function xl({
   contextId: e,
   store: t,
   registry: n,
   customSensors: r,
   enableDefaultSensors: o
 }) {
-  const i = [...o ? Il : [], ...r || []], s = me(() => Fa())[0], c = D(function(h, y) {
-    Te(h) && !Te(y) && s.tryAbandon();
+  const i = [...o ? Nl : [], ...r || []], s = me(() => Ga())[0], c = D(function(m, y) {
+    Te(m) && !Te(y) && s.tryAbandon();
   }, [s]);
   Y(function() {
-    let h = t.getState();
+    let m = t.getState();
     return t.subscribe(() => {
       const v = t.getState();
-      c(h, v), h = v;
+      c(m, v), m = v;
     });
   }, [s, t, c]), Y(() => s.tryAbandon, [s.tryAbandon]);
   const a = D((b) => Oo({
@@ -5190,20 +5190,20 @@ function Cl({
     registry: n,
     store: t,
     draggableId: b
-  }), [s, n, t]), d = D((b, h, y) => xl({
+  }), [s, n, t]), d = D((b, m, y) => Dl({
     lockAPI: s,
     registry: n,
     contextId: e,
     store: t,
     draggableId: b,
-    forceSensorStop: h || null,
+    forceSensorStop: m || null,
     sourceEvent: y && y.sourceEvent ? y.sourceEvent : null
-  }), [e, s, n, t]), p = D((b) => El(e, b), [e]), l = D((b) => {
-    const h = n.draggable.findById(b);
-    return h ? h.options : null;
+  }), [e, s, n, t]), p = D((b) => vl(e, b), [e]), l = D((b) => {
+    const m = n.draggable.findById(b);
+    return m ? m.options : null;
   }, [n.draggable]), u = D(function() {
     s.isClaimed() && (s.tryAbandon(), t.getState().phase !== "IDLE" && t.dispatch(on()));
-  }, [s, t]), f = D(() => s.isClaimed(), [s]), m = S(() => ({
+  }, [s, t]), f = D(() => s.isClaimed(), [s]), h = w(() => ({
     canGetLock: a,
     tryGetLock: d,
     findClosestDraggableId: p,
@@ -5211,11 +5211,11 @@ function Cl({
     tryReleaseLock: u,
     isLockClaimed: f
   }), [a, d, p, l, u, f]);
-  ul(i);
+  ll(i);
   for (let b = 0; b < i.length; b++)
-    i[b](m);
+    i[b](h);
 }
-const Ol = (e) => ({
+const Il = (e) => ({
   onBeforeCapture: (t) => {
     hr(() => {
       e.onBeforeCapture && e.onBeforeCapture(t);
@@ -5225,7 +5225,7 @@ const Ol = (e) => ({
   onDragStart: e.onDragStart,
   onDragEnd: e.onDragEnd,
   onDragUpdate: e.onDragUpdate
-}), Sl = (e) => ({
+}), Cl = (e) => ({
   ...Pe,
   ...e.autoScrollerOptions,
   durationDampening: {
@@ -5236,7 +5236,7 @@ const Ol = (e) => ({
 function Ne(e) {
   return e.current || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find store from lazy ref") : g()), e.current;
 }
-function wl(e) {
+function Ol(e) {
   const {
     contextId: t,
     setCallbacks: n,
@@ -5244,33 +5244,33 @@ function wl(e) {
     nonce: o,
     dragHandleUsageInstructions: i
   } = e, s = V(null);
-  ka();
-  const c = mn(e), a = D(() => Ol(c.current), [c]), d = D(() => Sl(c.current), [c]), p = Pa(t), l = Ba({
+  $a();
+  const c = mn(e), a = D(() => Il(c.current), [c]), d = D(() => Cl(c.current), [c]), p = _a(t), l = Ra({
     contextId: t,
     text: i
-  }), u = Ca(t, o), f = D((B) => {
+  }), u = xa(t, o), f = D((B) => {
     Ne(s).dispatch(B);
-  }, []), m = S(() => wn({
-    publishWhileDragging: uc,
-    updateDroppableScroll: fc,
-    updateDroppableIsEnabled: gc,
-    updateDroppableIsCombineEnabled: mc,
-    collectionStarting: pc
-  }, f), [f]), b = wa(), h = S(() => ra(b, m), [b, m]), y = S(() => Ea({
-    scrollWindow: oa,
-    scrollDroppable: h.scrollDroppable,
+  }, []), h = w(() => Sn({
+    publishWhileDragging: lc,
+    updateDroppableScroll: uc,
+    updateDroppableIsEnabled: pc,
+    updateDroppableIsCombineEnabled: fc,
+    collectionStarting: dc
+  }, f), [f]), b = Oa(), m = w(() => ta(b, h), [b, h]), y = w(() => va({
+    scrollWindow: na,
+    scrollDroppable: m.scrollDroppable,
     getAutoScrollerOptions: d,
-    ...wn({
+    ...Sn({
       move: oo
     }, f)
-  }), [h.scrollDroppable, f, d]), v = Oa(t), I = S(() => Qc({
+  }), [m.scrollDroppable, f, d]), v = Ia(t), I = w(() => Jc({
     announce: p,
     autoScroller: y,
-    dimensionMarshal: h,
+    dimensionMarshal: m,
     focusMarshal: v,
     getResponders: a,
     styleMarshal: u
-  }), [p, y, h, v, a, u]);
+  }), [p, y, m, v, a, u]);
   process.env.NODE_ENV !== "production" && s.current && s.current !== I && process.env.NODE_ENV !== "production" && T("unexpected store change"), s.current = I;
   const N = D(() => {
     const B = Ne(s);
@@ -5278,21 +5278,21 @@ function wl(e) {
   }, []), E = D(() => {
     const B = Ne(s).getState();
     return B.phase === "DROP_ANIMATING" ? !0 : B.phase === "IDLE" ? !1 : B.isDragging;
-  }, []), x = S(() => ({
+  }, []), x = w(() => ({
     isDragging: E,
     tryAbort: N
   }), [E, N]);
   n(x);
-  const _ = D((B) => go(Ne(s).getState(), B), []), R = D(() => ce(Ne(s).getState()), []), U = S(() => ({
-    marshal: h,
+  const _ = D((B) => go(Ne(s).getState(), B), []), R = D(() => ce(Ne(s).getState()), []), U = w(() => ({
+    marshal: m,
     focus: v,
     contextId: t,
     canLift: _,
     isMovementAllowed: R,
     dragHandleUsageInstructionsId: l,
     registry: b
-  }), [t, h, l, v, _, R, b]);
-  return Cl({
+  }), [t, m, l, v, _, R, b]);
+  return xl({
     contextId: t,
     store: I,
     registry: b,
@@ -5300,17 +5300,17 @@ function wl(e) {
     enableDefaultSensors: e.enableDefaultSensors !== !1
   }), te(() => N, [N]), L.createElement(st.Provider, {
     value: U
-  }, L.createElement(ki, {
+  }, L.createElement($i, {
     context: pn,
     store: I
   }, e.children));
 }
-function _l() {
+function wl() {
   return L.useId();
 }
-function Al(e) {
-  const t = _l(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
-  return L.createElement(Zi, null, (r) => L.createElement(wl, {
+function Sl(e) {
+  const t = wl(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
+  return L.createElement(Ki, null, (r) => L.createElement(Ol, {
     nonce: e.nonce,
     contextId: t,
     setCallbacks: r,
@@ -5328,16 +5328,16 @@ function Al(e) {
 const ar = {
   dragging: 5e3,
   dropAnimating: 4500
-}, Pl = (e, t) => t ? Ie.drop(t.duration) : e ? Ie.snap : Ie.fluid, Rl = (e, t) => {
+}, _l = (e, t) => t ? Ie.drop(t.duration) : e ? Ie.snap : Ie.fluid, Al = (e, t) => {
   if (e)
     return t ? Ae.opacity.drop : Ae.opacity.combining;
-}, Tl = (e) => e.forceShouldAnimate != null ? e.forceShouldAnimate : e.mode === "SNAP";
-function Bl(e) {
+}, Pl = (e) => e.forceShouldAnimate != null ? e.forceShouldAnimate : e.mode === "SNAP";
+function Rl(e) {
   const n = e.dimension.client, {
     offset: r,
     combineWith: o,
     dropping: i
-  } = e, s = !!o, c = Tl(e), a = !!i, d = a ? Gt.drop(r, s) : Gt.moveTo(r);
+  } = e, s = !!o, c = Pl(e), a = !!i, d = a ? Gt.drop(r, s) : Gt.moveTo(r);
   return {
     position: "fixed",
     top: n.marginBox.top,
@@ -5345,23 +5345,23 @@ function Bl(e) {
     boxSizing: "border-box",
     width: n.borderBox.width,
     height: n.borderBox.height,
-    transition: Pl(c, i),
+    transition: _l(c, i),
     transform: d,
-    opacity: Rl(s, a),
+    opacity: Al(s, a),
     zIndex: a ? ar.dropAnimating : ar.dragging,
     pointerEvents: "none"
   };
 }
-function Vl(e) {
+function Tl(e) {
   return {
     transform: Gt.moveTo(e.offset),
     transition: e.shouldAnimateDisplacement ? void 0 : "none"
   };
 }
-function Ll(e) {
-  return e.type === "DRAGGING" ? Bl(e) : Vl(e);
+function Bl(e) {
+  return e.type === "DRAGGING" ? Rl(e) : Tl(e);
 }
-function Ml(e, t, n = G) {
+function Vl(e, t, n = G) {
   const r = window.getComputedStyle(t), o = t.getBoundingClientRect(), i = Rr(o, r), s = Ke(i, n), c = {
     client: i,
     tagName: t.tagName.toLowerCase(),
@@ -5378,7 +5378,7 @@ function Ml(e, t, n = G) {
     page: s
   };
 }
-function $l(e) {
+function Ll(e) {
   const t = fn("draggable"), {
     descriptor: n,
     registry: r,
@@ -5386,14 +5386,14 @@ function $l(e) {
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
-  } = e, a = S(() => ({
+  } = e, a = w(() => ({
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
   }), [i, c, s]), d = D((f) => {
-    const m = o();
-    return m || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get dimension when no ref is set") : g()), Ml(n, m, f);
-  }, [n, o]), p = S(() => ({
+    const h = o();
+    return h || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get dimension when no ref is set") : g()), Vl(n, h, f);
+  }, [n, o]), p = w(() => ({
     uniqueId: t,
     descriptor: n,
     options: a,
@@ -5409,7 +5409,7 @@ function $l(e) {
   }, [p, r.draggable]);
 }
 var bn = L.createContext(null);
-function So(e) {
+function wo(e) {
   e && $e(e) || (process.env.NODE_ENV !== "production" ? g(!1, `
     provided.innerRef has not been provided with a HTMLElement.
@@ -5417,17 +5417,17 @@ function So(e) {
     https://github.com/hello-pangea/dnd/blob/main/docs/guides/using-inner-ref.md
   `) : g());
 }
-function Gl(e, t, n) {
+function Ml(e, t, n) {
   Ge(() => {
     function r(i) {
       return `Draggable[id: ${i}]: `;
     }
     const o = e.draggableId;
     o || (process.env.NODE_ENV !== "production" ? g(!1, "Draggable requires a draggableId") : g(!1)), typeof o != "string" && (process.env.NODE_ENV !== "production" ? g(!1, `Draggable requires a [string] draggableId.
-      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (So(n()), e.isEnabled && (Eo(t, o) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} Unable to find drag handle`) : g(!1))));
+      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (wo(n()), e.isEnabled && (Eo(t, o) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} Unable to find drag handle`) : g(!1))));
   });
 }
-function kl(e) {
+function $l(e) {
   gn(() => {
     const t = V(e);
     Ge(() => {
@@ -5439,10 +5439,10 @@ function et(e) {
   const t = mr(e);
   return t || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find required context") : g()), t;
 }
-function Fl(e) {
+function Gl(e) {
   e.preventDefault();
 }
-const Wl = (e) => {
+const kl = (e) => {
   const t = V(null), n = D((x = null) => {
     t.current = x;
   }, []), r = D(() => t.current, []), {
@@ -5452,7 +5452,7 @@ const Wl = (e) => {
   } = et(st), {
     type: c,
     droppableId: a
-  } = et(bn), d = S(() => ({
+  } = et(bn), d = w(() => ({
     id: e.draggableId,
     index: e.index,
     type: c,
@@ -5462,34 +5462,34 @@ const Wl = (e) => {
     draggableId: l,
     isEnabled: u,
     shouldRespectForcePress: f,
-    canDragInteractiveElements: m,
+    canDragInteractiveElements: h,
     isClone: b,
-    mapped: h,
+    mapped: m,
     dropAnimationFinished: y
   } = e;
-  if (Gl(e, o, r), kl(b), !b) {
-    const x = S(() => ({
+  if (Ml(e, o, r), $l(b), !b) {
+    const x = w(() => ({
       descriptor: d,
       registry: s,
       getDraggableRef: r,
-      canDragInteractiveElements: m,
+      canDragInteractiveElements: h,
       shouldRespectForcePress: f,
       isEnabled: u
-    }), [d, s, r, m, f, u]);
-    $l(x);
+    }), [d, s, r, h, f, u]);
+    Ll(x);
   }
-  const v = S(() => u ? {
+  const v = w(() => u ? {
     tabIndex: 0,
     role: "button",
     "aria-describedby": i,
     "data-rfd-drag-handle-draggable-id": l,
     "data-rfd-drag-handle-context-id": o,
     draggable: !1,
-    onDragStart: Fl
+    onDragStart: Gl
   } : null, [o, i, l, u]), I = D((x) => {
-    h.type === "DRAGGING" && h.dropping && x.propertyName === "transform" && hr(y);
-  }, [y, h]), N = S(() => {
-    const x = Ll(h), _ = h.type === "DRAGGING" && h.dropping ? I : void 0;
+    m.type === "DRAGGING" && m.dropping && x.propertyName === "transform" && hr(y);
+  }, [y, m]), N = w(() => {
+    const x = Bl(m), _ = m.type === "DRAGGING" && m.dropping ? I : void 0;
     return {
       innerRef: n,
       draggableProps: {
@@ -5500,7 +5500,7 @@ const Wl = (e) => {
       },
       dragHandleProps: v
     };
-  }, [o, v, l, h, I, n]), E = S(() => ({
+  }, [o, v, l, m, I, n]), E = w(() => ({
     draggableId: d.id,
     type: d.type,
     source: {
@@ -5508,17 +5508,17 @@ const Wl = (e) => {
       droppableId: d.droppableId
     }
   }), [d.droppableId, d.id, d.index, d.type]);
-  return L.createElement(L.Fragment, null, p(N, h.snapshot, E));
+  return L.createElement(L.Fragment, null, p(N, m.snapshot, E));
 };
-var wo = (e, t) => e === t, _o = (e) => {
+var So = (e, t) => e === t, _o = (e) => {
   const {
     combine: t,
     destination: n
   } = e;
   return n ? n.droppableId : t ? t.droppableId : null;
 };
-const Ul = (e) => e.combine ? e.combine.draggableId : null, Hl = (e) => e.at && e.at.type === "COMBINE" ? e.at.combine.draggableId : null;
-function zl() {
+const Fl = (e) => e.combine ? e.combine.draggableId : null, Wl = (e) => e.at && e.at.type === "COMBINE" ? e.at.combine.draggableId : null;
+function Ul() {
   const e = $((o, i) => ({
     x: o,
     y: i
@@ -5548,14 +5548,14 @@ function zl() {
     if (Te(o)) {
       if (o.critical.draggable.id !== i.draggableId)
         return null;
-      const s = o.current.client.offset, c = o.dimensions.draggables[i.draggableId], a = j(o.impact), d = Hl(o.impact), p = o.forceShouldAnimate;
+      const s = o.current.client.offset, c = o.dimensions.draggables[i.draggableId], a = j(o.impact), d = Wl(o.impact), p = o.forceShouldAnimate;
       return n(e(s.x, s.y), o.movementMode, c, i.isClone, a, d, p);
     }
     if (o.phase === "DROP_ANIMATING") {
       const s = o.completed;
       if (s.result.draggableId !== i.draggableId)
         return null;
-      const c = i.isClone, a = o.dimensions.draggables[i.draggableId], d = s.result, p = d.mode, l = _o(d), u = Ul(d), m = {
+      const c = i.isClone, a = o.dimensions.draggables[i.draggableId], d = s.result, p = d.mode, l = _o(d), u = Fl(d), h = {
         duration: o.dropDuration,
         curve: cn.drop,
         moveTo: o.newHomeClientOffset,
@@ -5567,12 +5567,12 @@ function zl() {
           type: "DRAGGING",
           offset: o.newHomeClientOffset,
           dimension: a,
-          dropping: m,
+          dropping: h,
           draggingOver: l,
           combineWith: u,
           mode: p,
           forceShouldAnimate: null,
-          snapshot: t(p, c, l, u, m)
+          snapshot: t(p, c, l, u, h)
         }
       };
     }
@@ -5591,7 +5591,7 @@ function Ao(e = null) {
     combineWith: null
   };
 }
-const ql = {
+const Hl = {
   mapped: {
     type: "SECONDARY",
     offset: G,
@@ -5600,7 +5600,7 @@ const ql = {
     snapshot: Ao(null)
   }
 };
-function jl() {
+function zl() {
   const e = $((s, c) => ({
     x: s,
     y: c
@@ -5619,12 +5619,12 @@ function jl() {
         return r(f);
       if (a.displaced.invisible[s])
         return null;
-      const h = he(d.displacedBy.point), y = e(h.x, h.y);
+      const m = he(d.displacedBy.point), y = e(m.x, m.y);
       return n(y, f, !0);
     }
     if (l)
       return r(f);
-    const m = a.displacedBy.point, b = e(m.x, m.y);
+    const h = a.displacedBy.point, b = e(h.x, h.y);
     return n(b, f, p.shouldAnimate);
   };
   return (s, c) => {
@@ -5637,19 +5637,19 @@ function jl() {
     return null;
   };
 }
-const Yl = () => {
-  const e = zl(), t = jl();
-  return (r, o) => e(r, o) || t(r, o) || ql;
-}, Xl = {
+const ql = () => {
+  const e = Ul(), t = zl();
+  return (r, o) => e(r, o) || t(r, o) || Hl;
+}, jl = {
   dropAnimationFinished: so
-}, Kl = Pr(Yl, Xl, null, {
+}, Yl = Pr(ql, jl, null, {
   context: pn,
-  areStatePropsEqual: wo
-})(Wl);
+  areStatePropsEqual: So
+})(kl);
 function Po(e) {
-  return et(bn).isUsingCloneFor === e.draggableId && !e.isClone ? null : L.createElement(Kl, e);
+  return et(bn).isUsingCloneFor === e.draggableId && !e.isClone ? null : L.createElement(Yl, e);
 }
-function Jl(e) {
+function Xl(e) {
   const t = typeof e.isDragDisabled == "boolean" ? !e.isDragDisabled : !0, n = !!e.disableInteractiveElementBlocking, r = !!e.shouldRespectForcePress;
   return L.createElement(Po, Je({}, e, {
     isClone: !1,
@@ -5658,13 +5658,13 @@ function Jl(e) {
     shouldRespectForcePress: r
   }));
 }
-const vn = (e) => (t) => e === t, Zl = vn("scroll"), Ql = vn("auto"), ed = vn("visible"), lr = (e, t) => t(e.overflowX) || t(e.overflowY), td = (e, t) => t(e.overflowX) && t(e.overflowY), Ro = (e) => {
+const vn = (e) => (t) => e === t, Kl = vn("scroll"), Jl = vn("auto"), Zl = vn("visible"), lr = (e, t) => t(e.overflowX) || t(e.overflowY), Ql = (e, t) => t(e.overflowX) && t(e.overflowY), Ro = (e) => {
   const t = window.getComputedStyle(e), n = {
     overflowX: t.overflowX,
     overflowY: t.overflowY
   };
-  return lr(n, Zl) || lr(n, Ql);
-}, nd = () => {
+  return lr(n, Kl) || lr(n, Jl);
+}, ed = () => {
   if (process.env.NODE_ENV === "production")
     return !1;
   const e = Re(), t = document.documentElement;
@@ -5674,7 +5674,7 @@ const vn = (e) => (t) => e === t, Zl = vn("scroll"), Ql = vn("auto"), ed = vn("v
     overflowX: n.overflowX,
     overflowY: n.overflowY
   };
-  return td(r, ed) || process.env.NODE_ENV !== "production" && T(`
+  return Ql(r, Zl) || process.env.NODE_ENV !== "production" && T(`
     We have detected that your <body> element might be a scroll container.
     We have found no reliable way of detecting whether the <body> element is a scroll container.
     Under most circumstances a <body> scroll bar will be on the <html> element (document.documentElement)
@@ -5684,8 +5684,8 @@ const vn = (e) => (t) => e === t, Zl = vn("scroll"), Ql = vn("auto"), ed = vn("v
     More information: https://github.com/hello-pangea/dnd/blob/main/docs/guides/how-we-detect-scroll-containers.md
   `), !1;
-}, yn = (e) => e == null ? null : e === document.body ? nd() ? e : null : e === document.documentElement ? null : Ro(e) ? e : yn(e.parentElement);
-var rd = (e) => {
+}, yn = (e) => e == null ? null : e === document.body ? ed() ? e : null : e === document.documentElement ? null : Ro(e) ? e : yn(e.parentElement);
+var td = (e) => {
   !e || !yn(e.parentElement) || process.env.NODE_ENV !== "production" && T(`
     Droppable: unsupported nested scroll container detected.
     A Droppable can only have one scroll parent (which can be itself)
@@ -5698,13 +5698,13 @@ var rd = (e) => {
   y: e.scrollTop
 });
 const To = (e) => e ? window.getComputedStyle(e).position === "fixed" ? !0 : To(e.parentElement) : !1;
-var od = (e) => {
+var nd = (e) => {
   const t = yn(e), n = To(e);
   return {
     closestScrollable: t,
     isFixedOnPage: n
   };
-}, id = ({
+}, rd = ({
   descriptor: e,
   isEnabled: t,
   isCombineEnabled: n,
@@ -5720,7 +5720,7 @@ var od = (e) => {
     const {
       scrollSize: u,
       client: f
-    } = c, m = uo({
+    } = c, h = uo({
       scrollHeight: u.scrollHeight,
       scrollWidth: u.scrollWidth,
       height: f.paddingBox.height,
@@ -5734,7 +5734,7 @@ var od = (e) => {
       scroll: {
         initial: c.scroll,
         current: c.scroll,
-        max: m,
+        max: h,
         diff: {
           value: G,
           displacement: G
@@ -5759,7 +5759,7 @@ var od = (e) => {
     subject: p
   };
 };
-const sd = (e, t) => {
+const od = (e, t) => {
   const n = Tr(e);
   if (!t || e !== t)
     return n;
@@ -5776,7 +5776,7 @@ const sd = (e, t) => {
     padding: n.padding
   });
 };
-var cd = ({
+var id = ({
   ref: e,
   descriptor: t,
   env: n,
@@ -5786,10 +5786,10 @@ var cd = ({
   isCombineEnabled: s,
   shouldClipSubject: c
 }) => {
-  const a = n.closestScrollable, d = sd(e, a), p = Ke(d, r), l = (() => {
+  const a = n.closestScrollable, d = od(e, a), p = Ke(d, r), l = (() => {
     if (!a)
       return null;
-    const f = Tr(a), m = {
+    const f = Tr(a), h = {
       scrollHeight: a.scrollHeight,
       scrollWidth: a.scrollWidth
     };
@@ -5797,11 +5797,11 @@ var cd = ({
       client: f,
       page: Ke(f, r),
       scroll: Wt(a),
-      scrollSize: m,
+      scrollSize: h,
       shouldClipSubject: c
     };
   })();
-  return id({
+  return rd({
     descriptor: t,
     isEnabled: !i,
     isCombineEnabled: s,
@@ -5812,22 +5812,22 @@ var cd = ({
     closest: l
   });
 };
-const ad = {
+const sd = {
   passive: !1
-}, ld = {
+}, cd = {
   passive: !0
 };
-var dr = (e) => e.shouldPublishImmediately ? ad : ld;
+var dr = (e) => e.shouldPublishImmediately ? sd : cd;
 const He = (e) => e && e.env.closestScrollable || null;
-function dd(e) {
+function ad(e) {
   const t = V(null), n = et(st), r = fn("droppable"), {
     registry: o,
     marshal: i
-  } = n, s = mn(e), c = S(() => ({
+  } = n, s = mn(e), c = w(() => ({
     id: e.droppableId,
     type: e.type,
     mode: e.mode
-  }), [e.droppableId, e.mode, e.type]), a = V(c), d = S(() => $((N, E) => {
+  }), [e.droppableId, e.mode, e.type]), a = V(c), d = w(() => $((N, E) => {
     t.current || (process.env.NODE_ENV !== "production" ? g(!1, "Can only update scroll when dragging") : g());
     const x = {
       x: N,
@@ -5840,25 +5840,25 @@ function dd(e) {
   }, []), l = D(() => {
     const N = p();
     d(N.x, N.y);
-  }, [p, d]), u = S(() => Ce(l), [l]), f = D(() => {
+  }, [p, d]), u = w(() => Ce(l), [l]), f = D(() => {
     const N = t.current, E = He(N);
     if (N && E || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find scroll options while scrolling") : g()), N.scrollOptions.shouldPublishImmediately) {
       l();
       return;
     }
     u();
-  }, [u, l]), m = D((N, E) => {
+  }, [u, l]), h = D((N, E) => {
     t.current && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot collect a droppable while a drag is occurring") : g());
     const x = s.current, _ = x.getDroppableRef();
     _ || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot collect without a droppable ref") : g());
-    const R = od(_), U = {
+    const R = nd(_), U = {
       ref: _,
       descriptor: c,
       env: R,
       scrollOptions: E
     };
     t.current = U;
-    const B = cd({
+    const B = id({
       ref: _,
       descriptor: c,
       env: R,
@@ -5868,11 +5868,11 @@ function dd(e) {
       isCombineEnabled: x.isCombineEnabled,
       shouldClipSubject: !x.ignoreContainerClipping
     }), H = R.closestScrollable;
-    return H && (H.setAttribute(rr.contextId, n.contextId), H.addEventListener("scroll", f, dr(U.scrollOptions)), process.env.NODE_ENV !== "production" && rd(H)), B;
+    return H && (H.setAttribute(rr.contextId, n.contextId), H.addEventListener("scroll", f, dr(U.scrollOptions)), process.env.NODE_ENV !== "production" && td(H)), B;
   }, [n.contextId, c, f, s]), b = D(() => {
     const N = t.current, E = He(N);
     return N && E || (process.env.NODE_ENV !== "production" ? g(!1, "Can only recollect Droppable client for Droppables that have a scroll container") : g()), Wt(E);
-  }, []), h = D(() => {
+  }, []), m = D(() => {
     const N = t.current;
     N || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot stop drag when no active drag") : g());
     const E = He(N);
@@ -5882,19 +5882,19 @@ function dd(e) {
     E || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll when there is no drag") : g());
     const x = He(E);
     x || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll a droppable with no closest scrollable") : g()), x.scrollTop += N.y, x.scrollLeft += N.x;
-  }, []), v = S(() => ({
-    getDimensionAndWatchScroll: m,
+  }, []), v = w(() => ({
+    getDimensionAndWatchScroll: h,
     getScrollWhileDragging: b,
-    dragStopped: h,
+    dragStopped: m,
     scroll: y
-  }), [h, m, b, y]), I = S(() => ({
+  }), [m, h, b, y]), I = w(() => ({
     uniqueId: r,
     descriptor: c,
     callbacks: v
   }), [v, c, r]);
   Y(() => (a.current = I.descriptor, o.droppable.register(I), () => {
-    t.current && (process.env.NODE_ENV !== "production" && T("Unsupported: changing the droppableId or type of a Droppable during a drag"), h()), o.droppable.unregister(I);
-  }), [v, c, h, I, i, o.droppable]), Y(() => {
+    t.current && (process.env.NODE_ENV !== "production" && T("Unsupported: changing the droppableId or type of a Droppable during a drag"), m()), o.droppable.unregister(I);
+  }), [v, c, m, I, i, o.droppable]), Y(() => {
     t.current && i.updateDroppableIsEnabled(a.current.id, !e.isDropDisabled);
   }, [e.isDropDisabled, i]), Y(() => {
     t.current && i.updateDroppableIsCombineEnabled(a.current.id, e.isCombineEnabled);
@@ -5905,8 +5905,8 @@ function _t() {
 const ur = {
   width: 0,
   height: 0,
-  margin: is
-}, ud = ({
+  margin: rs
+}, ld = ({
   isAnimatingOpenOnMount: e,
   placeholder: t,
   animate: n
@@ -5914,12 +5914,12 @@ const ur = {
   height: t.client.borderBox.height,
   width: t.client.borderBox.width,
   margin: t.client.margin
-}, pd = ({
+}, dd = ({
   isAnimatingOpenOnMount: e,
   placeholder: t,
   animate: n
 }) => {
-  const r = ud({
+  const r = ld({
     isAnimatingOpenOnMount: e,
     placeholder: t,
     animate: n
@@ -5938,7 +5938,7 @@ const ur = {
     pointerEvents: "none",
     transition: n !== "none" ? Ie.placeholder : null
   };
-}, fd = (e) => {
+}, ud = (e) => {
   const t = V(null), n = D(() => {
     t.current && (clearTimeout(t.current), t.current = null);
   }, []), {
@@ -5952,7 +5952,7 @@ const ur = {
   }), n) : _t, [r, c, n]);
   const d = D((l) => {
     l.propertyName === "height" && (o(), r === "close" && i());
-  }, [r, i, o]), p = pd({
+  }, [r, i, o]), p = dd({
     isAnimatingOpenOnMount: c,
     animate: e.animate,
     placeholder: e.placeholder
@@ -5964,14 +5964,14 @@ const ur = {
     ref: e.innerRef
   });
 };
-var gd = L.memo(fd);
+var pd = L.memo(ud);
 function At(e) {
   return typeof e == "boolean";
 }
 function Pt(e, t) {
   t.forEach((n) => n(e));
 }
-const md = [function({
+const fd = [function({
   props: t
 }) {
   t.droppableId || (process.env.NODE_ENV !== "production" ? g(!1, "A Droppable requires a droppableId prop") : g()), typeof t.droppableId != "string" && (process.env.NODE_ENV !== "production" ? g(!1, `A Droppable requires a [string] droppableId. Provided: [${typeof t.droppableId}]`) : g());
@@ -5982,8 +5982,8 @@ const md = [function({
 }, function({
   getDroppableRef: t
 }) {
-  So(t());
-}], hd = [function({
+  wo(t());
+}], gd = [function({
   props: t,
   getPlaceholderRef: n
 }) {
@@ -5994,7 +5994,7 @@ const md = [function({
       Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
       More information: https://github.com/hello-pangea/dnd/blob/main/docs/api/droppable.md
     `);
-}], bd = [function({
+}], md = [function({
   props: t
 }) {
   t.renderClone || (process.env.NODE_ENV !== "production" ? g(!1, "Must provide a clone render function (renderClone) for virtual lists") : g());
@@ -6003,12 +6003,12 @@ const md = [function({
 }) {
   t() && (process.env.NODE_ENV !== "production" ? g(!1, "Expected virtual list to not have a placeholder") : g());
 }];
-function vd(e) {
+function hd(e) {
   Ge(() => {
-    Pt(e, md), e.props.mode === "standard" && Pt(e, hd), e.props.mode === "virtual" && Pt(e, bd);
+    Pt(e, fd), e.props.mode === "standard" && Pt(e, gd), e.props.mode === "virtual" && Pt(e, md);
   });
 }
-class yd extends L.PureComponent {
+class bd extends L.PureComponent {
   constructor(...t) {
     super(...t), this.state = {
       isVisible: !!this.props.on,
@@ -6050,7 +6050,7 @@ class yd extends L.PureComponent {
     return this.props.children(t);
   }
 }
-const Ed = (e) => {
+const vd = (e) => {
   const t = mr(st);
   t || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find app context") : g());
   const {
@@ -6065,26 +6065,26 @@ const Ed = (e) => {
     ignoreContainerClipping: l,
     isDropDisabled: u,
     isCombineEnabled: f,
-    snapshot: m,
+    snapshot: h,
     useClone: b,
-    updateViewportMaxScroll: h,
+    updateViewportMaxScroll: m,
     getContainerForClone: y
   } = e, v = D(() => o.current, []), I = D((M = null) => {
     o.current = M;
   }, []), N = D(() => i.current, []), E = D((M = null) => {
     i.current = M;
   }, []);
-  vd({
+  hd({
     props: e,
     getDroppableRef: v,
     getPlaceholderRef: N
   });
   const x = D(() => {
-    r() && h({
+    r() && m({
       maxScroll: fo()
     });
-  }, [r, h]);
-  dd({
+  }, [r, m]);
+  ad({
     droppableId: c,
     type: a,
     mode: d,
@@ -6094,28 +6094,28 @@ const Ed = (e) => {
     ignoreContainerClipping: l,
     getDroppableRef: v
   });
-  const _ = S(() => L.createElement(yd, {
+  const _ = w(() => L.createElement(bd, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
   }, ({
     onClose: M,
     data: Q,
     animate: de
-  }) => L.createElement(gd, {
+  }) => L.createElement(pd, {
     placeholder: Q,
     onClose: M,
     innerRef: E,
     animate: de,
     contextId: n,
     onTransitionEnd: x
-  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), R = S(() => ({
+  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), R = w(() => ({
     innerRef: I,
     placeholder: _,
     droppableProps: {
       "data-rfd-droppable-id": c,
       "data-rfd-droppable-context-id": n
     }
-  }), [n, c, _, I]), U = b ? b.dragging.draggableId : null, B = S(() => ({
+  }), [n, c, _, I]), U = b ? b.dragging.draggableId : null, B = w(() => ({
     droppableId: c,
     type: a,
     isUsingCloneFor: U
@@ -6134,13 +6134,13 @@ const Ed = (e) => {
       shouldRespectForcePress: !1,
       canDragInteractiveElements: !0
     }, (ee, ke) => Q(ee, ke, M));
-    return ko.createPortal(de, y());
+    return $o.createPortal(de, y());
   }
   return L.createElement(bn.Provider, {
     value: B
-  }, s(R, m), H());
+  }, s(R, h), H());
 };
-function Dd() {
+function yd() {
   return document.body || (process.env.NODE_ENV !== "production" ? g(!1, "document.body is not ready") : g()), document.body;
 }
 const pr = {
@@ -6151,7 +6151,7 @@ const pr = {
   isCombineEnabled: !1,
   ignoreContainerClipping: !1,
   renderClone: null,
-  getContainerForClone: Dd
+  getContainerForClone: yd
 }, Bo = (e) => {
   let t = {
     ...e
@@ -6162,7 +6162,7 @@ const pr = {
       [n]: pr[n]
     });
   return t;
-}, Rt = (e, t) => e === t.droppable.type, fr = (e, t) => t.draggables[e.draggable.id], Nd = () => {
+}, Rt = (e, t) => e === t.droppable.type, fr = (e, t) => t.draggables[e.draggable.id], Ed = () => {
   const e = {
     placeholder: null,
     shouldAnimatePlaceholder: !0,
@@ -6186,7 +6186,7 @@ const pr = {
   })), r = $((i, s, c, a, d, p) => {
     const l = d.descriptor.id;
     if (d.descriptor.droppableId === i) {
-      const m = p ? {
+      const h = p ? {
         render: p,
         dragging: n(d.descriptor)
       } : null, b = {
@@ -6199,7 +6199,7 @@ const pr = {
         placeholder: d.placeholder,
         shouldAnimatePlaceholder: !1,
         snapshot: b,
-        useClone: m
+        useClone: h
       };
     }
     if (!s)
@@ -6225,8 +6225,8 @@ const pr = {
       const u = i.critical;
       if (!Rt(d, u))
         return t;
-      const f = fr(u, i.dimensions), m = j(i.impact) === a;
-      return r(a, p, m, m, f, l);
+      const f = fr(u, i.dimensions), h = j(i.impact) === a;
+      return r(a, p, h, h, f, l);
     }
     if (i.phase === "DROP_ANIMATING") {
       const u = i.completed;
@@ -6239,21 +6239,21 @@ const pr = {
       const u = i.completed;
       if (!Rt(d, u.critical))
         return t;
-      const f = j(u.impact) === a, m = !!(u.impact.at && u.impact.at.type === "COMBINE"), b = u.critical.droppable.id === a;
-      return f ? m ? e : t : b ? e : t;
+      const f = j(u.impact) === a, h = !!(u.impact.at && u.impact.at.type === "COMBINE"), b = u.critical.droppable.id === a;
+      return f ? h ? e : t : b ? e : t;
     }
     return t;
   };
-}, xd = {
-  updateViewportMaxScroll: bc
-}, Id = Pr(Nd, xd, (e, t, n) => ({
+}, Dd = {
+  updateViewportMaxScroll: mc
+}, Nd = Pr(Ed, Dd, (e, t, n) => ({
   ...Bo(n),
   ...e,
   ...t
 }), {
   context: pn,
-  areStatePropsEqual: wo
-})(Ed), Cd = () => /* @__PURE__ */ P(
+  areStatePropsEqual: So
+})(vd), xd = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "16",
@@ -6270,7 +6270,7 @@ const pr = {
       /* @__PURE__ */ C("circle", { cx: "12", cy: "10", r: "3" })
     ]
   }
-), gr = () => /* @__PURE__ */ P(
+), gr = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "16",
@@ -6287,7 +6287,7 @@ const pr = {
       /* @__PURE__ */ C("polyline", { points: "12 6 12 12 16 14" })
     ]
   }
-), Od = () => /* @__PURE__ */ P(
+), Id = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "20",
@@ -6305,7 +6305,33 @@ const pr = {
       /* @__PURE__ */ C("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
     ]
   }
-), Vo = () => /* @__PURE__ */ P(
+), Cd = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "25",
+    height: "25",
+    viewBox: "0 0 90 90",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ A("g", { children: [
+      /* @__PURE__ */ C(
+        "polygon",
+        {
+          points: "37.95,64.44 23.78,50.27 30.85,43.2 37.95,50.3 59.15,29.1 66.22,36.17",
+          fill: "#009E04"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M45 90C20.187 90 0 69.813 0 45C0 20.187 20.187 0 45 0C69.813 0 90 20.187 90 45C90 69.813 69.813 90 45 90ZM45 10C25.701 10 10 25.701 10 45C10 64.299 25.701 80 45 80C64.299 80 80 64.299 80 45C80 25.701 64.299 10 45 10Z",
+          fill: "#009E04",
+          strokeLinecap: "round"
+        }
+      )
+    ] })
+  }
+), Od = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "25",
@@ -6323,7 +6349,7 @@ const pr = {
       /* @__PURE__ */ C("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
     ]
   }
-), Lo = () => /* @__PURE__ */ P(
+), wd = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "25",
@@ -6361,10 +6387,10 @@ const pr = {
       orders: [r]
     });
   }), t;
-}, wd = ({ order: e, pathPeriod: t, isFirst: n, isDone: r, renderOrderExtraData: o }) => {
+}, _d = ({ order: e, pathPeriod: t, isFirst: n, isDone: r, renderOrderExtraData: o }) => {
   var a, d, p, l, u, f;
   const [i, s] = me(!1), c = (d = (a = e.customer) == null ? void 0 : a.address) != null && d.lat && ((l = (p = e.customer) == null ? void 0 : p.address) != null && l.long) ? `https://maps.google.com/?q=${e.customer.address.lat},${e.customer.address.long}` : "#";
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ A(
     "div",
     {
       style: {
@@ -6373,14 +6399,14 @@ const pr = {
         backgroundColor: r ? "#fafafa" : "transparent"
       },
       children: [
-        /* @__PURE__ */ P("div", { style: O.orderHeader, children: [
-          /* @__PURE__ */ P("div", { style: O.gridItem, children: [
-            /* @__PURE__ */ P("div", { style: O.gridLabel, children: [
+        /* @__PURE__ */ A("div", { style: O.orderHeader, children: [
+          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
+            /* @__PURE__ */ A("div", { style: O.gridLabel, children: [
               "ORDER",
               " ",
               r && /* @__PURE__ */ C("span", { style: { color: "#16a34a", marginLeft: "4px" }, children: "✓ DONE" })
             ] }),
-            /* @__PURE__ */ P("div", { style: O.gridValue, children: [
+            /* @__PURE__ */ A("div", { style: O.gridValue, children: [
               "#",
               e.order_id
             ] })
@@ -6390,15 +6416,15 @@ const pr = {
             {
               onClick: () => s(!i),
               style: O.expandButton,
-              children: i ? /* @__PURE__ */ C(Lo, {}) : /* @__PURE__ */ C(Vo, {})
+              children: i ? /* @__PURE__ */ C(wd, {}) : /* @__PURE__ */ C(Od, {})
             }
           )
         ] }),
-        /* @__PURE__ */ P("div", { style: O.detailsGrid, children: [
-          /* @__PURE__ */ P("div", { style: O.gridItem, children: [
+        /* @__PURE__ */ A("div", { style: O.detailsGrid, children: [
+          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
             /* @__PURE__ */ C("div", { style: O.gridLabel, children: "LOCATION" }),
-            /* @__PURE__ */ P("div", { style: O.gridValueWithIcon, children: [
-              /* @__PURE__ */ C(Cd, {}),
+            /* @__PURE__ */ A("div", { style: O.gridValueWithIcon, children: [
+              /* @__PURE__ */ C(xd, {}),
               /* @__PURE__ */ C(
                 "a",
                 {
@@ -6411,25 +6437,25 @@ const pr = {
               )
             ] })
           ] }),
-          /* @__PURE__ */ P("div", { style: O.gridItem, children: [
+          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
             /* @__PURE__ */ C("div", { style: O.gridLabel, children: "PERIOD" }),
             /* @__PURE__ */ C("div", { style: O.gridValue, children: t })
           ] }),
-          /* @__PURE__ */ P("div", { style: O.gridItem, children: [
+          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
             /* @__PURE__ */ C("div", { style: O.gridLabel, children: "TIME WINDOW" }),
-            /* @__PURE__ */ P("div", { style: O.gridValueWithIcon, children: [
+            /* @__PURE__ */ A("div", { style: O.gridValueWithIcon, children: [
               /* @__PURE__ */ C(gr, {}),
               " ",
-              /* @__PURE__ */ P("span", { style: O.direction, children: [
+              /* @__PURE__ */ A("span", { style: O.direction, children: [
                 qe(e.eta_start),
                 " - ",
                 qe(e.eta_end)
               ] })
             ] })
           ] }),
-          e.completed_at && /* @__PURE__ */ P("div", { style: O.gridItem, children: [
+          e.completed_at && /* @__PURE__ */ A("div", { style: O.gridItem, children: [
             /* @__PURE__ */ C("div", { style: O.gridLabel, children: "COMPLETED AT" }),
-            /* @__PURE__ */ P("div", { style: O.gridValueWithIcon, children: [
+            /* @__PURE__ */ A("div", { style: O.gridValueWithIcon, children: [
               /* @__PURE__ */ C(gr, {}),
               " ",
               /* @__PURE__ */ C("span", { style: O.direction, children: qe(e.completed_at) })
@@ -6440,7 +6466,7 @@ const pr = {
       ]
     }
   );
-}, _d = ({
+}, Ad = ({
   stopGroup: e,
   index: t,
   pathType: n,
@@ -6452,14 +6478,14 @@ const pr = {
 }) => {
   const a = e.status ? je(e.status) : e.orders.every((f) => je(f.status)), [d, p] = me(!a), l = e.status ? Ut(e.status) : a ? "Completed" : "Pending", u = !o || i || a;
   return /* @__PURE__ */ C(
-    Jl,
+    Xl,
     {
       draggableId: e.stop_id.toString(),
       index: t,
       isDragDisabled: u,
       children: (f) => {
-        var m, b;
-        return /* @__PURE__ */ P(
+        var h, b;
+        return /* @__PURE__ */ A(
           "div",
           {
             ref: f.innerRef,
@@ -6476,14 +6502,14 @@ const pr = {
                   children: t + 1
                 }
               ),
-              /* @__PURE__ */ P("div", { style: O.card, children: [
-                /* @__PURE__ */ P("div", { style: O.cardHeader, children: [
-                  /* @__PURE__ */ P(
+              /* @__PURE__ */ A("div", { style: O.card, children: [
+                /* @__PURE__ */ A("div", { style: O.cardHeader, children: [
+                  /* @__PURE__ */ A(
                     "div",
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
                       children: [
-                        /* @__PURE__ */ P("span", { style: O.title, children: [
+                        /* @__PURE__ */ A("span", { style: O.title, children: [
                           n,
                           " #",
                           e.sequence_rank
@@ -6495,7 +6521,7 @@ const pr = {
                             children: l
                           }
                         ),
-                        e.completed_at && /* @__PURE__ */ P("span", { style: { fontSize: "12px", color: "#6b7280" }, children: [
+                        e.completed_at && /* @__PURE__ */ A("span", { style: { fontSize: "12px", color: "#6b7280" }, children: [
                           "(",
                           qe(e.completed_at),
                           ")"
@@ -6503,7 +6529,7 @@ const pr = {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ P(
+                  /* @__PURE__ */ A(
                     "div",
                     {
                       style: { display: "flex", alignItems: "center", gap: "12px" },
@@ -6511,31 +6537,32 @@ const pr = {
                         /* @__PURE__ */ C(
                           "button",
                           {
-                            onClick: () => p(!d),
-                            style: O.expandButton,
-                            children: d ? /* @__PURE__ */ C(Lo, {}) : /* @__PURE__ */ C(Vo, {})
+                            onClick: () => {
+                              a && p((m) => !m);
+                            },
+                            children: a && /* @__PURE__ */ C(Cd, {})
                           }
                         ),
-                        !u && /* @__PURE__ */ C("div", { ...f.dragHandleProps, children: /* @__PURE__ */ C(Od, {}) })
+                        !u && /* @__PURE__ */ C("div", { ...f.dragHandleProps, children: /* @__PURE__ */ C(Id, {}) })
                       ]
                     }
                   )
                 ] }),
-                d && /* @__PURE__ */ P($o, { children: [
-                  /* @__PURE__ */ P("div", { style: O.customerName, children: [
+                d && /* @__PURE__ */ A(Lo, { children: [
+                  /* @__PURE__ */ A("div", { style: O.customerName, children: [
                     "Customer: ",
-                    (b = (m = e.orders[0]) == null ? void 0 : m.customer) == null ? void 0 : b.name
+                    (b = (h = e.orders[0]) == null ? void 0 : h.customer) == null ? void 0 : b.name
                   ] }),
-                  /* @__PURE__ */ C("div", { style: O.ordersList, children: e.orders.map((h, y) => /* @__PURE__ */ C(
-                    wd,
+                  /* @__PURE__ */ C("div", { style: O.ordersList, children: e.orders.map((m, y) => /* @__PURE__ */ C(
+                    _d,
                     {
-                      order: h,
+                      order: m,
                       pathPeriod: r,
                       isFirst: y === 0,
-                      isDone: je(h.status),
+                      isDone: je(m.status),
                       renderOrderExtraData: c
                     },
-                    h.id
+                    m.id
                   )) }),
                   s && /* @__PURE__ */ C("div", { style: O.actionsSlot, children: s(e) })
                 ] })
@@ -6546,7 +6573,7 @@ const pr = {
       }
     }
   );
-}, Bd = ({
+}, Vd = ({
   path: e,
   onReorder: t,
   renderStopActions: n,
@@ -6578,7 +6605,7 @@ const pr = {
   };
   if (!e || !i.length) return /* @__PURE__ */ C("div", { children: "No Path Data" });
   const a = je(e.status);
-  return /* @__PURE__ */ C("div", { style: O.container, children: /* @__PURE__ */ C(Al, { onDragEnd: c, children: /* @__PURE__ */ C(Id, { droppableId: "path-list", children: (d) => /* @__PURE__ */ P(
+  return /* @__PURE__ */ C("div", { style: O.container, children: /* @__PURE__ */ C(Sl, { onDragEnd: c, children: /* @__PURE__ */ C(Nd, { droppableId: "path-list", children: (d) => /* @__PURE__ */ A(
     "div",
     {
       ref: d.innerRef,
@@ -6595,7 +6622,7 @@ const pr = {
               gap: "24px"
             },
             children: i.map((p, l) => /* @__PURE__ */ C(
-              _d,
+              Ad,
               {
                 stopGroup: p,
                 index: l,
@@ -6734,5 +6761,5 @@ const pr = {
   actionsSlot: { marginTop: "16px" }
 };
 export {
-  Bd as LogisticsDashboard
+  Vd as LogisticsDashboard
 };