@wilow_app/design-system 0.0.3 → 0.0.5

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { jsx as C, jsxs as L } from "react/jsx-runtime";
+import { jsx as O, jsxs as L } from "react/jsx-runtime";
 import * as w from "react";
-import V, { useRef as B, useEffect as te, useContext as gr, useState as Ze, useLayoutEffect as Vo } from "react";
-import Lo, { flushSync as mr } from "react-dom";
+import V, { useRef as B, useEffect as te, useContext as mr, useState as Ze, useLayoutEffect as Lo } from "react";
+import Mo, { 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 Mo = typeof Symbol == "function" && Symbol.observable || "@@observable", xn = Mo, In = () => Math.random().toString(36).substring(7).split("").join("."), $o = {
+var $o = typeof Symbol == "function" && Symbol.observable || "@@observable", xn = $o, In = () => Math.random().toString(36).substring(7).split("").join("."), Go = {
   INIT: `@@redux/INIT${/* @__PURE__ */ In()}`,
   REPLACE: `@@redux/REPLACE${/* @__PURE__ */ In()}`
-}, On = $o;
-function Go(e) {
+}, On = Go;
+function Fo(e) {
   if (typeof e != "object" || e === null)
     return !1;
   let t = e;
@@ -17,7 +17,7 @@ function Go(e) {
     t = Object.getPrototypeOf(t);
   return Object.getPrototypeOf(e) === t || Object.getPrototypeOf(e) === null;
 }
-function Fo(e) {
+function ko(e) {
   if (e === void 0)
     return "undefined";
   if (e === null)
@@ -33,11 +33,11 @@ function Fo(e) {
   }
   if (Array.isArray(e))
     return "array";
-  if (Uo(e))
+  if (Ho(e))
     return "date";
-  if (Wo(e))
+  if (Uo(e))
     return "error";
-  const n = ko(e);
+  const n = Wo(e);
   switch (n) {
     case "Symbol":
     case "Promise":
@@ -49,20 +49,20 @@ function Fo(e) {
   }
   return Object.prototype.toString.call(e).slice(8, -1).toLowerCase().replace(/\s/g, "");
 }
-function ko(e) {
+function Wo(e) {
   return typeof e.constructor == "function" ? e.constructor.name : null;
 }
-function Wo(e) {
+function Uo(e) {
   return e instanceof Error || typeof e.message == "string" && e.constructor && typeof e.constructor.stackTraceLimit == "number";
 }
-function Uo(e) {
+function Ho(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 = Fo(e)), t;
+  return process.env.NODE_ENV !== "production" && (t = ko(e)), t;
 }
-function hr(e, t, n) {
+function br(e, t, n) {
   if (typeof e != "function")
     throw new Error(process.env.NODE_ENV === "production" ? W(2) : `Expected the root reducer to be a function. Instead, received: '${ne(e)}'`);
   if (typeof t == "function" && typeof n == "function" || typeof n == "function" && typeof arguments[3] == "function")
@@ -70,7 +70,7 @@ function hr(e, t, n) {
   if (typeof t == "function" && typeof n > "u" && (n = t, t = void 0), typeof n < "u") {
     if (typeof n != "function")
       throw new Error(process.env.NODE_ENV === "production" ? W(1) : `Expected the enhancer to be a function. Instead, received: '${ne(n)}'`);
-    return n(hr)(e, t);
+    return n(br)(e, t);
   }
   let r = e, o = t, i = /* @__PURE__ */ new Map(), s = i, c = 0, a = !1;
   function d() {
@@ -100,7 +100,7 @@ function hr(e, t, n) {
     };
   }
   function u(h) {
-    if (!Go(h))
+    if (!Fo(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")
       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.');
@@ -161,27 +161,27 @@ function hr(e, t, n) {
     [xn]: m
   };
 }
-function wn(e, t) {
+function Cn(e, t) {
   return function(...n) {
     return t(e.apply(this, n));
   };
 }
-function Cn(e, t) {
+function wn(e, t) {
   if (typeof e == "function")
-    return wn(e, t);
+    return Cn(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] = wn(o, t));
+    typeof o == "function" && (n[r] = Cn(o, t));
   }
   return n;
 }
-function br(...e) {
+function vr(...e) {
   return e.length === 0 ? (t) => t : e.length === 1 ? e[0] : e.reduce((t, n) => (...r) => t(n(...r)));
 }
-function Ho(...e) {
+function zo(...e) {
   return (t) => (n, r) => {
     const o = t(n, r);
     let i = () => {
@@ -191,7 +191,7 @@ function Ho(...e) {
       getState: o.getState,
       dispatch: (a, ...d) => i(a, ...d)
     }, c = e.map((a) => a(s));
-    return i = br(...c)(o.dispatch), {
+    return i = vr(...c)(o.dispatch), {
       ...o,
       dispatch: i
     };
@@ -208,7 +208,7 @@ var pt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Sn;
-function zo() {
+function jo() {
   if (Sn) return pt;
   Sn = 1;
   var e = V;
@@ -269,7 +269,7 @@ var ft = {};
  * LICENSE file in the root directory of this source tree.
  */
 var An;
-function jo() {
+function qo() {
   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;
@@ -320,34 +320,34 @@ function jo() {
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), ft;
 }
-process.env.NODE_ENV === "production" ? zo() : jo();
-var vr = /* @__PURE__ */ w.version.startsWith("19"), qo = /* @__PURE__ */ Symbol.for(
-  vr ? "react.transitional.element" : "react.element"
-), Yo = /* @__PURE__ */ Symbol.for("react.portal"), yr = /* @__PURE__ */ Symbol.for("react.fragment"), Er = /* @__PURE__ */ Symbol.for("react.strict_mode"), Dr = /* @__PURE__ */ Symbol.for("react.profiler"), Ut = /* @__PURE__ */ Symbol.for("react.consumer"), Ht = /* @__PURE__ */ Symbol.for("react.context"), zt = /* @__PURE__ */ Symbol.for("react.forward_ref"), Nr = /* @__PURE__ */ Symbol.for("react.suspense"), xr = /* @__PURE__ */ Symbol.for(
+process.env.NODE_ENV === "production" ? jo() : qo();
+var yr = /* @__PURE__ */ w.version.startsWith("19"), Yo = /* @__PURE__ */ Symbol.for(
+  yr ? "react.transitional.element" : "react.element"
+), Xo = /* @__PURE__ */ Symbol.for("react.portal"), Er = /* @__PURE__ */ Symbol.for("react.fragment"), Dr = /* @__PURE__ */ Symbol.for("react.strict_mode"), Nr = /* @__PURE__ */ Symbol.for("react.profiler"), Ut = /* @__PURE__ */ Symbol.for("react.consumer"), Ht = /* @__PURE__ */ Symbol.for("react.context"), zt = /* @__PURE__ */ Symbol.for("react.forward_ref"), xr = /* @__PURE__ */ Symbol.for("react.suspense"), Ir = /* @__PURE__ */ Symbol.for(
   "react.suspense_list"
-), Qe = /* @__PURE__ */ Symbol.for("react.memo"), Ir = /* @__PURE__ */ Symbol.for("react.lazy"), Xo = /* @__PURE__ */ Symbol.for("react.offscreen"), Ko = /* @__PURE__ */ Symbol.for(
+), Qe = /* @__PURE__ */ Symbol.for("react.memo"), Or = /* @__PURE__ */ Symbol.for("react.lazy"), Ko = /* @__PURE__ */ Symbol.for("react.offscreen"), Jo = /* @__PURE__ */ Symbol.for(
   "react.client.reference"
-), Jo = zt, Zo = Qe;
-function Qo(e) {
-  return typeof e == "string" || typeof e == "function" || e === yr || e === Dr || e === Er || e === Nr || e === xr || e === Xo || typeof e == "object" && e !== null && (e.$$typeof === Ir || e.$$typeof === Qe || e.$$typeof === Ht || e.$$typeof === Ut || e.$$typeof === zt || e.$$typeof === Ko || e.getModuleId !== void 0);
+), Zo = zt, Qo = Qe;
+function ei(e) {
+  return typeof e == "string" || typeof e == "function" || e === Er || e === Nr || e === Dr || e === xr || e === Ir || e === Ko || typeof e == "object" && e !== null && (e.$$typeof === Or || e.$$typeof === Qe || e.$$typeof === Ht || e.$$typeof === Ut || e.$$typeof === zt || e.$$typeof === Jo || e.getModuleId !== void 0);
 }
 function Tt(e) {
   if (typeof e == "object" && e !== null) {
     const { $$typeof: t } = e;
     switch (t) {
-      case qo:
+      case Yo:
         switch (e = e.type, e) {
-          case yr:
-          case Dr:
           case Er:
           case Nr:
+          case Dr:
           case xr:
+          case Ir:
             return e;
           default:
             switch (e = e && e.$$typeof, e) {
               case Ht:
               case zt:
-              case Ir:
+              case Or:
               case Qe:
                 return e;
               case Ut:
@@ -356,15 +356,15 @@ function Tt(e) {
                 return t;
             }
         }
-      case Yo:
+      case Xo:
         return t;
     }
   }
 }
-function ei(e) {
-  return vr ? Tt(e) === Ut : Tt(e) === Ht;
-}
 function ti(e) {
+  return yr ? Tt(e) === Ut : Tt(e) === Ht;
+}
+function ni(e) {
   return Tt(e) === Qe;
 }
 function jt(e) {
@@ -381,10 +381,10 @@ function gt(e, t) {
     ));
   else throw new Error(`Unexpected value for ${t} in connect.`);
 }
-function ni(e, t, n) {
+function ri(e, t, n) {
   gt(e, "mapStateToProps"), gt(t, "mapDispatchToProps"), gt(n, "mergeProps");
 }
-function ri(e, t, n, r, {
+function oi(e, t, n, r, {
   areStatesEqual: o,
   areOwnPropsEqual: i,
   areStatePropsEqual: s
@@ -416,16 +416,16 @@ function ri(e, t, n, r, {
     return c ? y(I, N) : g(I, N);
   };
 }
-function oi(e, {
+function ii(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" && ni(i, s, c), ri(i, s, c, e, o);
+  return process.env.NODE_ENV !== "production" && ri(i, s, c), oi(i, s, c, e, o);
 }
-function ii(e, t) {
+function si(e, t) {
   const n = {};
   for (const r in e) {
     const o = e[r];
@@ -433,7 +433,7 @@ function ii(e, t) {
   }
   return n;
 }
-function si(e) {
+function ci(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.getPrototypeOf(e);
   if (t === null) return !0;
@@ -442,8 +442,8 @@ function si(e) {
     n = Object.getPrototypeOf(n);
   return t === n;
 }
-function Or(e, t, n) {
-  si(e) || jt(
+function Cr(e, t, n) {
+  ci(e) || jt(
     `${n}() in ${t} must return a plain object. Instead received ${e}.`
   );
 }
@@ -467,7 +467,7 @@ function wr(e, t) {
     return i.dependsOnOwnProps = !0, i.mapToProps = function(c, a) {
       i.mapToProps = e, i.dependsOnOwnProps = _n(e);
       let d = i(c, a);
-      return typeof d == "function" && (i.mapToProps = d, i.dependsOnOwnProps = _n(d), d = i(c, a)), process.env.NODE_ENV !== "production" && Or(d, o, t), d;
+      return typeof d == "function" && (i.mapToProps = d, i.dependsOnOwnProps = _n(d), d = i(c, a)), process.env.NODE_ENV !== "production" && Cr(d, o, t), d;
     }, i;
   };
 }
@@ -478,11 +478,11 @@ function qt(e, t) {
     );
   };
 }
-function ci(e) {
+function ai(e) {
   return e && typeof e == "object" ? Bt(
     (t) => (
       // @ts-ignore
-      ii(e, t)
+      si(e, t)
     )
   ) : e ? typeof e == "function" ? (
     // @ts-ignore
@@ -491,38 +491,38 @@ function ci(e) {
     dispatch: t
   }));
 }
-function ai(e) {
+function li(e) {
   return e ? typeof e == "function" ? (
     // @ts-ignore
     wr(e, "mapStateToProps")
   ) : qt(e, "mapStateToProps") : Bt(() => ({}));
 }
-function li(e, t, n) {
+function di(e, t, n) {
   return { ...n, ...e, ...t };
 }
-function di(e) {
+function ui(e) {
   return function(n, { displayName: r, areMergedPropsEqual: o }) {
     let i = !1, s;
     return function(a, d, p) {
       const l = e(a, d, p);
-      return i ? o(l, s) || (s = l) : (i = !0, s = l, process.env.NODE_ENV !== "production" && Or(s, r, "mergeProps")), s;
+      return i ? o(l, s) || (s = l) : (i = !0, s = l, process.env.NODE_ENV !== "production" && Cr(s, r, "mergeProps")), s;
     };
   };
 }
-function ui(e) {
-  return e ? typeof e == "function" ? di(e) : qt(e, "mergeProps") : () => li;
-}
 function pi(e) {
+  return e ? typeof e == "function" ? ui(e) : qt(e, "mergeProps") : () => di;
+}
+function fi(e) {
   e();
 }
-function fi() {
+function gi() {
   let e = null, t = null;
   return {
     clear() {
       e = null, t = null;
     },
     notify() {
-      pi(() => {
+      fi(() => {
         let n = e;
         for (; n; )
           n.callback(), n = n.next;
@@ -553,7 +553,7 @@ var Pn = {
   },
   get: () => []
 };
-function Cr(e, t) {
+function Sr(e, t) {
   let n, r = Pn, o = 0, i = !1;
   function s(b) {
     p();
@@ -573,7 +573,7 @@ function Cr(e, t) {
     return i;
   }
   function p() {
-    o++, n || (n = t ? t.addNestedSub(a) : e.subscribe(a), r = fi());
+    o++, n || (n = t ? t.addNestedSub(a) : e.subscribe(a), r = gi());
   }
   function l() {
     o--, n && o === 0 && (n(), n = void 0, r.clear(), r = Pn);
@@ -595,7 +595,7 @@ function Cr(e, t) {
   };
   return m;
 }
-var gi = () => typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", mi = /* @__PURE__ */ gi(), hi = () => typeof navigator < "u" && navigator.product === "ReactNative", bi = /* @__PURE__ */ hi(), vi = () => mi || bi ? w.useLayoutEffect : w.useEffect, ze = /* @__PURE__ */ vi();
+var mi = () => typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", hi = /* @__PURE__ */ mi(), bi = () => typeof navigator < "u" && navigator.product === "ReactNative", vi = /* @__PURE__ */ bi(), yi = () => hi || vi ? w.useLayoutEffect : w.useEffect, ze = /* @__PURE__ */ yi();
 function Rn(e, t) {
   return e === t ? e !== 0 || t !== 0 || 1 / e === 1 / t : e !== e && t !== t;
 }
@@ -610,7 +610,7 @@ function mt(e, t) {
       return !1;
   return !0;
 }
-var yi = {
+var Ei = {
   childContextTypes: !0,
   contextType: !0,
   contextTypes: !0,
@@ -622,7 +622,7 @@ var yi = {
   mixins: !0,
   propTypes: !0,
   type: !0
-}, Ei = {
+}, Di = {
   name: !0,
   length: !0,
   prototype: !0,
@@ -630,42 +630,42 @@ var yi = {
   callee: !0,
   arguments: !0,
   arity: !0
-}, Di = {
+}, Ni = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
   displayName: !0,
   propTypes: !0
-}, Sr = {
+}, Ar = {
   $$typeof: !0,
   compare: !0,
   defaultProps: !0,
   displayName: !0,
   propTypes: !0,
   type: !0
-}, Ni = {
-  [Jo]: Di,
-  [Zo]: Sr
+}, xi = {
+  [Zo]: Ni,
+  [Qo]: Ar
 };
 function Tn(e) {
-  return ti(e) ? Sr : Ni[e.$$typeof] || yi;
+  return ni(e) ? Ar : xi[e.$$typeof] || Ei;
 }
-var xi = Object.defineProperty, Ii = Object.getOwnPropertyNames, Bn = Object.getOwnPropertySymbols, Oi = Object.getOwnPropertyDescriptor, wi = Object.getPrototypeOf, Vn = Object.prototype;
+var Ii = Object.defineProperty, Oi = Object.getOwnPropertyNames, Bn = Object.getOwnPropertySymbols, Ci = Object.getOwnPropertyDescriptor, wi = Object.getPrototypeOf, Vn = Object.prototype;
 function Vt(e, t) {
   if (typeof t != "string") {
     if (Vn) {
       const i = wi(t);
       i && i !== Vn && Vt(e, i);
     }
-    let n = Ii(t);
+    let n = Oi(t);
     Bn && (n = n.concat(Bn(t)));
     const r = Tn(e), o = Tn(t);
     for (let i = 0; i < n.length; ++i) {
       const s = n[i];
-      if (!Ei[s] && !(o && o[s]) && !(r && r[s])) {
-        const c = Oi(t, s);
+      if (!Di[s] && !(o && o[s]) && !(r && r[s])) {
+        const c = Ci(t, s);
         try {
-          xi(e, s, c);
+          Ii(e, s, c);
         } catch {
         }
       }
@@ -677,7 +677,7 @@ var ht = /* @__PURE__ */ Symbol.for("react-redux-context"), bt = typeof globalTh
   /* fall back to a per-module scope (pre-8.1 behaviour) if `globalThis` is not available */
   {}
 );
-function Ci() {
+function Si() {
   if (!w.createContext) return {};
   const e = bt[ht] ?? (bt[ht] = /* @__PURE__ */ new Map());
   let t = e.get(w.createContext);
@@ -685,20 +685,20 @@ function Ci() {
     null
   ), process.env.NODE_ENV !== "production" && (t.displayName = "ReactRedux"), e.set(w.createContext, t)), t;
 }
-var Ar = /* @__PURE__ */ Ci(), Si = [null, null], Ai = (e) => {
+var _r = /* @__PURE__ */ Si(), Ai = [null, null], _i = (e) => {
   try {
     return JSON.stringify(e);
   } catch {
     return String(e);
   }
 };
-function _i(e, t, n) {
+function Pi(e, t, n) {
   ze(() => e(...t), n);
 }
-function Pi(e, t, n, r, o, i) {
+function Ri(e, t, n, r, o, i) {
   e.current = r, n.current = !1, o.current && (o.current = null, i());
 }
-function Ri(e, t, n, r, o, i, s, c, a, d, p) {
+function Ti(e, t, n, r, o, i, s, c, a, d, p) {
   if (!e) return () => {
   };
   let l = !1, u = null;
@@ -722,31 +722,31 @@ function Ri(e, t, n, r, o, i, s, c, a, d, p) {
       throw u;
   };
 }
-function Ti(e, t) {
+function Bi(e, t) {
   return e === t;
 }
 var Ln = !1;
-function Bi(e, t, n, {
+function Vi(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 = Ti,
+  areStatesEqual: o = Bi,
   areOwnPropsEqual: i = mt,
   areStatePropsEqual: s = mt,
   areMergedPropsEqual: c = mt,
   // use React's forwardRef to expose a ref of the wrapped component
   forwardRef: a = !1,
   // the context consumer to use
-  context: d = Ar
+  context: d = _r
 } = {}) {
   process.env.NODE_ENV !== "production" && r !== void 0 && !Ln && (Ln = !0, jt(
     'The `pure` option has been removed. `connect` is now always a "pure/memoized" component'
   ));
-  const p = d, l = ai(e), u = ci(t), g = ui(n), m = !!e;
+  const p = d, l = li(e), u = ai(t), g = pi(n), m = !!e;
   return (h) => {
-    if (process.env.NODE_ENV !== "production" && !/* @__PURE__ */ Qo(h))
+    if (process.env.NODE_ENV !== "production" && !/* @__PURE__ */ ei(h))
       throw new Error(
-        `You must pass a component to the function returned by connect. Instead received ${Ai(
+        `You must pass a component to the function returned by connect. Instead received ${_i(
           h
         )}`
       );
@@ -771,7 +771,7 @@ function Bi(e, t, n, {
       }, [S]), H = w.useMemo(() => {
         let z = p;
         if (_ != null && _.Consumer && process.env.NODE_ENV !== "production") {
-          if (!/* @__PURE__ */ ei(
+          if (!/* @__PURE__ */ ti(
             // @ts-ignore
             /* @__PURE__ */ w.createElement(_.Consumer, null)
           ))
@@ -786,9 +786,9 @@ function Bi(e, t, n, {
         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 ? S.store : M.store, Ge = de ? M.getServerState : ee.getState, st = w.useMemo(() => oi(ee.dispatch, I), [ee]), [be, yn] = w.useMemo(() => {
-        if (!m) return Si;
-        const z = Cr(
+      const ee = Q ? S.store : M.store, Ge = de ? M.getServerState : ee.getState, st = w.useMemo(() => ii(ee.dispatch, I), [ee]), [be, yn] = w.useMemo(() => {
+        if (!m) return Ai;
+        const z = Sr(
           ee,
           Q ? void 0 : M.subscription
         ), ue = z.notifyNestedSubs.bind(z);
@@ -802,7 +802,7 @@ function Bi(e, t, n, {
       ze(() => (lt.current = !0, () => {
         lt.current = !1;
       }), []);
-      const Nn = w.useMemo(() => () => ve.current && T === at.current ? ve.current : st(ee.getState(), T), [ee, T]), Bo = w.useMemo(() => (ue) => be ? Ri(
+      const Nn = w.useMemo(() => () => ve.current && T === at.current ? ve.current : st(ee.getState(), T), [ee, T]), Vo = w.useMemo(() => (ue) => be ? Ti(
         m,
         ee,
         be,
@@ -817,7 +817,7 @@ function Bi(e, t, n, {
         ue
       ) : () => {
       }, [be]);
-      _i(Pi, [
+      Pi(Ri, [
         at,
         ct,
         Dn,
@@ -829,7 +829,7 @@ function Bi(e, t, n, {
       try {
         Fe = w.useSyncExternalStore(
           // TODO We're passing through a big wrapper that does a bunch of extra side effects besides subscribing
-          Bo,
+          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`.
           Nn,
@@ -869,10 +869,10 @@ ${dt.current.stack}
     return /* @__PURE__ */ Vt(x, h);
   };
 }
-var _r = Bi;
-function Vi(e) {
+var Pr = Vi;
+function Li(e) {
   const { children: t, context: n, serverState: r, store: o } = e, i = w.useMemo(() => {
-    const a = Cr(o), d = {
+    const a = Sr(o), d = {
       store: o,
       subscription: a,
       getServerState: r ? () => r : void 0
@@ -893,12 +893,12 @@ function Vi(e) {
       a.tryUnsubscribe(), a.onStateChange = void 0;
     };
   }, [i, s]);
-  const c = n || Ar;
+  const c = n || _r;
   return /* @__PURE__ */ w.createElement(c.Provider, { value: i }, t);
 }
-var Li = Vi, Mi = process.env.NODE_ENV === "production", vt = "Invariant failed";
+var Mi = Li, $i = process.env.NODE_ENV === "production", vt = "Invariant failed";
 function Mn(e, t) {
-  if (Mi)
+  if ($i)
     throw new Error(vt);
   var n = typeof t == "function" ? t() : t, r = n ? "".concat(vt, ": ").concat(n) : vt;
   throw new Error(r);
@@ -933,7 +933,7 @@ var Z = function(t) {
     bottom: t.bottom - n.bottom,
     right: t.right - n.right
   };
-}, $i = function(t, n) {
+}, Gi = 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" ? Mn(!1, "Could not parse value [raw: " + t + ", without suffix: " + n + "]") : Mn()), o;
-}, Gi = function() {
+}, Fi = function() {
   return {
     x: window.pageXOffset,
     y: window.pageYOffset
   };
 }, je = function(t, n) {
-  var r = t.borderBox, o = t.border, i = t.margin, s = t.padding, c = $i(r, n);
+  var r = t.borderBox, o = t.border, i = t.margin, s = t.padding, c = Gi(r, n);
   return Xt({
     borderBox: c,
     border: o,
@@ -976,8 +976,8 @@ var Z = function(t) {
     padding: s
   });
 }, qe = function(t, n) {
-  return n === void 0 && (n = Gi()), je(t, n);
-}, Pr = function(t, n) {
+  return n === void 0 && (n = Fi()), je(t, n);
+}, Rr = function(t, n) {
   var r = {
     top: X(n.marginTop),
     right: X(n.marginRight),
@@ -1000,9 +1000,9 @@ var Z = function(t) {
     padding: o,
     border: i
   });
-}, Rr = function(t) {
+}, Tr = function(t) {
   var n = t.getBoundingClientRect(), r = window.getComputedStyle(t);
-  return Pr(n, r);
+  return Rr(n, r);
 }, Ie = function(t) {
   var n = [], r = null, o = function() {
     for (var s = arguments.length, c = new Array(s), a = 0; a < s; a++)
@@ -1024,20 +1024,20 @@ function Ye() {
     return e;
   }, Ye.apply(null, arguments);
 }
-const Fi = process.env.NODE_ENV === "production", ki = /[ \t]{2,}/g, Wi = /^[ \t]*/gm, Gn = (e) => e.replace(ki, " ").replace(Wi, "").trim(), Ui = (e) => Gn(`
+const ki = process.env.NODE_ENV === "production", Wi = /[ \t]{2,}/g, Ui = /^[ \t]*/gm, Gn = (e) => e.replace(Wi, " ").replace(Ui, "").trim(), Hi = (e) => Gn(`
   %c@hello-pangea/dnd
 
   %c${Gn(e)}
 
   %c👷‍ This is a development only message. It will be removed in production builds.
-`), Hi = (e) => [Ui(e), "color: #00C584; font-size: 1.2em; font-weight: bold;", "line-height: 1.5", "color: #723874;"], zi = "__@hello-pangea/dnd-disable-dev-warnings";
-function Tr(e, t) {
-  Fi || typeof window < "u" && window[zi] || console[e](...Hi(t));
+`), zi = (e) => [Hi(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) {
+  ki || typeof window < "u" && window[ji] || console[e](...zi(t));
 }
-const R = Tr.bind(null, "warn"), Lt = Tr.bind(null, "error");
+const R = Br.bind(null, "warn"), Lt = Br.bind(null, "error");
 function re() {
 }
-function ji(e, t) {
+function qi(e, t) {
   return {
     ...e,
     ...t
@@ -1045,7 +1045,7 @@ function ji(e, t) {
 }
 function K(e, t, n) {
   const r = t.map((o) => {
-    const i = ji(n, o.options);
+    const i = qi(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 qi = process.env.NODE_ENV === "production", Fn = "Invariant failed";
+const Yi = process.env.NODE_ENV === "production", Fn = "Invariant failed";
 class Oe extends Error {
 }
 Oe.prototype.toString = function() {
   return this.message;
 };
 function f(e, t) {
-  throw qi ? new Oe(Fn) : new Oe(`${Fn}: ${t || ""}`);
+  throw Yi ? new Oe(Fn) : new Oe(`${Fn}: ${t || ""}`);
 }
-class Yi extends V.Component {
+class Xi extends V.Component {
   constructor(...t) {
     super(...t), this.callbacks = null, this.unbind = re, this.onWindowError = (n) => {
       const r = this.getCallbacks();
@@ -1103,13 +1103,13 @@ class Yi extends V.Component {
     return this.props.children(this.setCallbacks);
   }
 }
-const Xi = `
+const Ki = `
   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
-`, Xe = (e) => e + 1, Ki = (e) => `
+`, Xe = (e) => e + 1, Ji = (e) => `
   You have lifted an item in position ${Xe(e.source.index)}
-`, Br = (e, t) => {
+`, Vr = (e, t) => {
   const n = e.droppableId === t.droppableId, r = Xe(e.index), o = Xe(t.index);
   return n ? `
       You have moved the item from position ${r}
@@ -1120,23 +1120,23 @@ const Xi = `
     to list ${t.droppableId}
     in position ${o}
   `;
-}, Vr = (e, t, n) => t.droppableId === n.droppableId ? `
+}, Lr = (e, t, n) => t.droppableId === n.droppableId ? `
       The item ${e}
       has been combined with ${n.draggableId}` : `
       The item ${e}
       in list ${t.droppableId}
       has been combined with ${n.draggableId}
       in list ${n.droppableId}
-    `, Ji = (e) => {
+    `, Zi = (e) => {
   const t = e.destination;
   if (t)
-    return Br(e.source, t);
+    return Vr(e.source, t);
   const n = e.combine;
-  return n ? Vr(e.draggableId, e.source, n) : "You are over an area that cannot be dropped on";
+  return n ? Lr(e.draggableId, e.source, n) : "You are over an area that cannot be dropped on";
 }, kn = (e) => `
   The item has returned to its starting position
   of ${Xe(e.index)}
-`, Zi = (e) => {
+`, Qi = (e) => {
   if (e.reason === "CANCEL")
     return `
       Movement cancelled.
@@ -1145,36 +1145,36 @@ const Xi = `
   const t = e.destination, n = e.combine;
   return t ? `
       You have dropped the item.
-      ${Br(e.source, t)}
+      ${Vr(e.source, t)}
     ` : n ? `
       You have dropped the item.
-      ${Vr(e.draggableId, e.source, n)}
+      ${Lr(e.draggableId, e.source, n)}
     ` : `
     The item has been dropped while not over a drop area.
     ${kn(e.source)}
   `;
 }, He = {
-  dragHandleUsageInstructions: Xi,
-  onDragStart: Ki,
-  onDragUpdate: Ji,
-  onDragEnd: Zi
+  dragHandleUsageInstructions: Ki,
+  onDragStart: Ji,
+  onDragUpdate: Zi,
+  onDragEnd: Qi
 };
-function Qi(e, t) {
+function es(e, t) {
   return !!(e === t || Number.isNaN(e) && Number.isNaN(t));
 }
-function Lr(e, t) {
+function Mr(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!Qi(e[n], t[n]))
+    if (!es(e[n], t[n]))
       return !1;
   return !0;
 }
-function O(e, t) {
+function C(e, t) {
   const n = Ze(() => ({
     inputs: t,
     result: e()
-  }))[0], r = B(!0), o = B(n), s = r.current || !!(t && o.current.inputs && Lr(t, o.current.inputs)) ? o.current : {
+  }))[0], r = B(!0), o = B(n), s = r.current || !!(t && o.current.inputs && Mr(t, o.current.inputs)) ? o.current : {
     inputs: t,
     result: e()
   };
@@ -1183,7 +1183,7 @@ function O(e, t) {
   }, [s]), s.result;
 }
 function D(e, t) {
-  return O(() => e, t);
+  return C(() => e, t);
 }
 const G = {
   x: 0,
@@ -1203,11 +1203,11 @@ const G = {
 } : {
   x: n,
   y: t
-}, we = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Wn = (e, t) => Math.min(...t.map((n) => we(e, n))), Mr = (e) => (t) => ({
+}, Ce = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Wn = (e, t) => Math.min(...t.map((n) => Ce(e, n))), $r = (e) => (t) => ({
   x: e(t.x),
   y: e(t.y)
 });
-var es = (e, t) => {
+var ts = (e, t) => {
   const n = Z({
     top: Math.max(t.top, e.top),
     right: Math.min(t.right, e.right),
@@ -1233,22 +1233,22 @@ const Te = (e, t) => ({
 }, {
   x: e.right,
   y: e.bottom
-}], ts = {
+}], ns = {
   top: 0,
   right: 0,
   bottom: 0,
   left: 0
-}, ns = (e, t) => t ? Te(e, t.scroll.diff.displacement) : e, rs = (e, t, n) => n && n.increasedBy ? {
+}, rs = (e, t) => t ? Te(e, t.scroll.diff.displacement) : e, os = (e, t, n) => n && n.increasedBy ? {
   ...e,
   [t.end]: e[t.end] + n.increasedBy[t.line]
-} : e, os = (e, t) => t && t.shouldClipSubject ? es(t.pageMarginBox, e) : Z(e);
+} : e, is = (e, t) => t && t.shouldClipSubject ? ts(t.pageMarginBox, e) : Z(e);
 var pe = ({
   page: e,
   withPlaceholder: t,
   axis: n,
   frame: r
 }) => {
-  const o = ns(e.marginBox, r), i = rs(o, n, t), s = os(i, r);
+  const o = rs(e.marginBox, r), i = os(o, n, t), s = is(i, r);
   return {
     page: e,
     withPlaceholder: t,
@@ -1279,7 +1279,7 @@ var pe = ({
     subject: s
   };
 };
-function $(e, t = Lr) {
+function $(e, t = Mr) {
   let n = null;
   function r(...o) {
     if (n && n.lastThis === this && t(o, n.lastArgs))
@@ -1295,15 +1295,15 @@ function $(e, t = Lr) {
     n = null;
   }, r;
 }
-const $r = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), Gr = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), et = $((e) => Object.values(e)), is = $((e) => Object.values(e));
-var le = $((e, t) => is(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), {})), Fr = $((e) => e.reduce((t, n) => (t[n.descriptor.id] = n, t), {})), et = $((e) => Object.values(e)), ss = $((e) => Object.values(e));
+var le = $((e, t) => ss(t).filter((r) => e === r.descriptor.droppableId).sort((r, o) => r.descriptor.index - o.descriptor.index));
 function Jt(e) {
   return e.at && e.at.type === "REORDER" ? e.at.destination : null;
 }
 function tt(e) {
   return e.at && e.at.type === "COMBINE" ? e.at.combine : null;
 }
-var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ss = ({
+var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), cs = ({
   isMovingForward: e,
   draggable: t,
   destination: n,
@@ -1343,19 +1343,19 @@ var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ss =
   const u = d[l];
   return s(u.descriptor.id);
 }, he = (e, t) => e.descriptor.droppableId === t.descriptor.id;
-const Fr = {
+const kr = {
   point: G,
   value: 0
-}, Ce = {
+}, we = {
   invisible: {},
   visible: {},
   all: []
-}, cs = {
-  displaced: Ce,
-  displacedBy: Fr,
+}, as = {
+  displaced: we,
+  displacedBy: kr,
   at: null
 };
-var J = (e, t) => (n) => e <= n && n <= t, kr = (e) => {
+var J = (e, t) => (n) => e <= n && n <= t, Wr = (e) => {
   const t = J(e.top, e.bottom), n = J(e.left, e.right);
   return (r) => {
     if (t(r.top) && t(r.bottom) && n(r.left) && n(r.right))
@@ -1366,7 +1366,7 @@ var J = (e, t) => (n) => e <= n && n <= t, kr = (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;
   };
-}, as = (e) => {
+}, ls = (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);
 };
@@ -1380,7 +1380,7 @@ const Zt = {
   crossAxisStart: "left",
   crossAxisEnd: "right",
   crossAxisSize: "width"
-}, Wr = {
+}, Ur = {
   direction: "horizontal",
   line: "x",
   crossAxisLine: "y",
@@ -1391,32 +1391,32 @@ const Zt = {
   crossAxisEnd: "bottom",
   crossAxisSize: "height"
 };
-var ls = (e) => (t) => {
+var ds = (e) => (t) => {
   const n = J(t.top, t.bottom), r = J(t.left, t.right);
   return (o) => e === Zt ? n(o.top) && n(o.bottom) : r(o.left) && r(o.right);
 };
-const ds = (e, t) => {
+const us = (e, t) => {
   const n = t.frame ? t.frame.scroll.diff.displacement : G;
   return Te(e, n);
-}, us = (e, t, n) => t.subject.active ? n(t.subject.active)(e) : !1, ps = (e, t, n) => n(t)(e), Qt = ({
+}, ps = (e, t, n) => t.subject.active ? n(t.subject.active)(e) : !1, fs = (e, t, n) => n(t)(e), Qt = ({
   target: e,
   destination: t,
   viewport: n,
   withDroppableDisplacement: r,
   isVisibleThroughFrameFn: o
 }) => {
-  const i = r ? ds(e, t) : e;
-  return us(i, t, o) && ps(i, n, o);
-}, fs = (e) => Qt({
+  const i = r ? us(e, t) : e;
+  return ps(i, t, o) && fs(i, n, o);
+}, gs = (e) => Qt({
   ...e,
-  isVisibleThroughFrameFn: kr
-}), Ur = (e) => Qt({
+  isVisibleThroughFrameFn: Wr
+}), Hr = (e) => Qt({
   ...e,
-  isVisibleThroughFrameFn: as
-}), gs = (e) => Qt({
+  isVisibleThroughFrameFn: ls
+}), ms = (e) => Qt({
   ...e,
-  isVisibleThroughFrameFn: ls(e.destination.axis)
-}), ms = (e, t, n) => {
+  isVisibleThroughFrameFn: ds(e.destination.axis)
+}), hs = (e, t, n) => {
   if (typeof n == "boolean")
     return n;
   if (!t)
@@ -1430,7 +1430,7 @@ const ds = (e, t) => {
   const i = o[e];
   return i ? i.shouldAnimate : !0;
 };
-function hs(e, t) {
+function bs(e, t) {
   const n = e.page.marginBox, r = {
     top: t.point.y,
     right: 0,
@@ -1448,15 +1448,15 @@ function Se({
   last: i
 }) {
   return e.reduce(function(c, a) {
-    const d = hs(a, n), p = a.descriptor.id;
-    if (c.all.push(p), !fs({
+    const d = bs(a, n), p = a.descriptor.id;
+    if (c.all.push(p), !gs({
       target: d,
       destination: t,
       viewport: r,
       withDroppableDisplacement: !0
     }))
       return c.invisible[a.descriptor.id] = !0, c;
-    const u = ms(p, i, o), g = {
+    const u = hs(p, i, o), g = {
       draggableId: p,
       shouldAnimate: u
     };
@@ -1467,7 +1467,7 @@ function Se({
     invisible: {}
   });
 }
-function bs(e, t) {
+function vs(e, t) {
   if (!e.length)
     return 0;
   const n = e[e.length - 1].descriptor.index;
@@ -1479,11 +1479,11 @@ function Hn({
   displacedBy: n,
   destination: r
 }) {
-  const o = bs(e, {
+  const o = vs(e, {
     inHomeList: t
   });
   return {
-    displaced: Ce,
+    displaced: we,
     displacedBy: n,
     at: {
       type: "REORDER",
@@ -1543,7 +1543,7 @@ function Ke({
 function ie(e, t) {
   return !!t.effected[e];
 }
-var vs = ({
+var ys = ({
   isMovingForward: e,
   destination: t,
   draggables: n,
@@ -1554,7 +1554,7 @@ var vs = ({
     return null;
   const i = r.draggableId, c = n[i].descriptor.index;
   return ie(i, o) ? e ? c : c - 1 : e ? c + 1 : c;
-}, ys = ({
+}, Es = ({
   isMovingForward: e,
   isInHomeList: t,
   insideDestination: n,
@@ -1564,7 +1564,7 @@ var vs = ({
     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;
-}, Es = ({
+}, Ds = ({
   isMovingForward: e,
   isInHomeList: t,
   draggable: n,
@@ -1577,7 +1577,7 @@ var vs = ({
 }) => {
   const d = s.at;
   if (d || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot move in direction without previous impact location") : f()), d.type === "REORDER") {
-    const l = ys({
+    const l = Es({
       isMovingForward: e,
       isInHomeList: t,
       location: d.destination,
@@ -1593,7 +1593,7 @@ var vs = ({
       index: l
     });
   }
-  const p = vs({
+  const p = ys({
     isMovingForward: e,
     destination: o,
     displaced: s.displaced,
@@ -1610,7 +1610,7 @@ var vs = ({
     displacedBy: s.displacedBy,
     index: p
   });
-}, Ds = ({
+}, Ns = ({
   displaced: e,
   afterCritical: t,
   combineWith: n,
@@ -1618,14 +1618,14 @@ var vs = ({
 }) => {
   const o = !!(e.visible[n] || e.invisible[n]);
   return ie(n, t) ? o ? G : me(r.point) : o ? r.point : G;
-}, Ns = ({
+}, xs = ({
   afterCritical: e,
   impact: t,
   draggables: n
 }) => {
   const r = tt(t);
   r || (process.env.NODE_ENV, f());
-  const o = r.draggableId, i = n[o].page.borderBox.center, s = Ds({
+  const o = r.draggableId, i = n[o].page.borderBox.center, s = Ns({
     displaced: t.displaced,
     afterCritical: e,
     combineWith: o,
@@ -1633,20 +1633,20 @@ var vs = ({
   });
   return F(i, s);
 };
-const Hr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, xs = (e, t) => t.margin[e.end] + t.borderBox[e.size] / 2, en = (e, t, n) => t[e.crossAxisStart] + n.margin[e.crossAxisStart] + n.borderBox[e.crossAxisSize] / 2, zn = ({
+const zr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, Is = (e, t) => t.margin[e.end] + t.borderBox[e.size] / 2, en = (e, t, n) => t[e.crossAxisStart] + n.margin[e.crossAxisStart] + n.borderBox[e.crossAxisSize] / 2, zn = ({
   axis: e,
   moveRelativeTo: t,
   isMoving: n
-}) => ae(e.line, t.marginBox[e.end] + Hr(e, n), en(e, t.marginBox, n)), jn = ({
+}) => ae(e.line, t.marginBox[e.end] + zr(e, n), en(e, t.marginBox, n)), jn = ({
   axis: e,
   moveRelativeTo: t,
   isMoving: n
-}) => ae(e.line, t.marginBox[e.start] - xs(e, n), en(e, t.marginBox, n)), Is = ({
+}) => ae(e.line, t.marginBox[e.start] - Is(e, n), en(e, t.marginBox, n)), Os = ({
   axis: e,
   moveInto: t,
   isMoving: n
-}) => ae(e.line, t.contentBox[e.start] + Hr(e, n), en(e, t.contentBox, n));
-var Os = ({
+}) => ae(e.line, t.contentBox[e.start] + zr(e, n), en(e, t.contentBox, n));
+var Cs = ({
   impact: e,
   draggable: t,
   draggables: n,
@@ -1655,7 +1655,7 @@ var Os = ({
 }) => {
   const i = le(r.descriptor.id, n), s = t.page, c = r.axis;
   if (!i.length)
-    return Is({
+    return Os({
       axis: c,
       moveInto: r.page,
       isMoving: s
@@ -1707,13 +1707,13 @@ const ws = ({
   afterCritical: o
 }) => {
   const i = t.page.borderBox.center, s = e.at;
-  return !n || !s ? i : s.type === "REORDER" ? Os({
+  return !n || !s ? i : s.type === "REORDER" ? Cs({
     impact: e,
     draggable: t,
     draggables: r,
     droppable: n,
     afterCritical: o
-  }) : Ns({
+  }) : xs({
     impact: e,
     draggables: r,
     afterCritical: o
@@ -1722,7 +1722,7 @@ const ws = ({
 var rt = (e) => {
   const t = ws(e), n = e.droppable;
   return n ? Mt(n, t) : t;
-}, zr = (e, t) => {
+}, jr = (e, t) => {
   const n = j(t, e.scroll.initial), r = me(n);
   return {
     frame: Z({
@@ -1745,7 +1745,7 @@ var rt = (e) => {
 function qn(e, t) {
   return e.map((n) => t[n]);
 }
-function Cs(e, t) {
+function Ss(e, t) {
   for (let n = 0; n < t.length; n++) {
     const r = t[n].visible[e];
     if (r)
@@ -1753,14 +1753,14 @@ function Cs(e, t) {
   }
   return null;
 }
-var Ss = ({
+var As = ({
   impact: e,
   viewport: t,
   destination: n,
   draggables: r,
   maxScrollChange: o
 }) => {
-  const i = zr(t, F(t.scroll.current, o)), s = n.frame ? Kt(n, F(n.frame.scroll.current, o)) : n, c = e.displaced, a = Se({
+  const i = jr(t, F(t.scroll.current, o)), s = n.frame ? Kt(n, F(n.frame.scroll.current, o)) : n, c = e.displaced, a = Se({
     afterDragging: qn(c.all, r),
     destination: n,
     displacedBy: e.displacedBy,
@@ -1776,7 +1776,7 @@ var Ss = ({
     forceShouldAnimate: !1
   }), p = {}, l = {}, u = [c, a, d];
   return c.all.forEach((m) => {
-    const b = Cs(m, u);
+    const b = Ss(m, u);
     if (b) {
       l[m] = b;
       return;
@@ -1790,14 +1790,14 @@ var Ss = ({
       visible: l
     }
   };
-}, As = (e, t) => F(e.scroll.diff.displacement, t), tn = ({
+}, _s = (e, t) => F(e.scroll.diff.displacement, t), tn = ({
   pageBorderBoxCenter: e,
   draggable: t,
   viewport: n
 }) => {
-  const r = As(n, e), o = j(r, t.page.borderBox.center);
+  const r = _s(n, e), o = j(r, t.page.borderBox.center);
   return F(t.client.borderBox.center, o);
-}, jr = ({
+}, qr = ({
   draggable: e,
   destination: t,
   newPageBorderBoxCenter: n,
@@ -1811,8 +1811,8 @@ var Ss = ({
     withDroppableDisplacement: o,
     viewport: r
   };
-  return i ? gs(a) : Ur(a);
-}, _s = ({
+  return i ? ms(a) : Hr(a);
+}, Ps = ({
   isMovingForward: e,
   draggable: t,
   destination: n,
@@ -1825,13 +1825,13 @@ var Ss = ({
 }) => {
   if (!n.isEnabled)
     return null;
-  const d = le(n.descriptor.id, r), p = he(t, n), l = ss({
+  const d = le(n.descriptor.id, r), p = he(t, n), l = cs({
     isMovingForward: e,
     draggable: t,
     destination: n,
     insideDestination: d,
     previousImpact: o
-  }) || Es({
+  }) || Ds({
     isMovingForward: e,
     isInHomeList: p,
     draggable: t,
@@ -1851,7 +1851,7 @@ var Ss = ({
     draggables: r,
     afterCritical: a
   });
-  if (jr({
+  if (qr({
     draggable: t,
     destination: n,
     newPageBorderBoxCenter: u,
@@ -1868,7 +1868,7 @@ var Ss = ({
       impact: l,
       scrollJumpRequest: null
     };
-  const m = j(u, s), b = Ss({
+  const m = j(u, s), b = As({
     impact: l,
     viewport: i,
     destination: n,
@@ -1885,7 +1885,7 @@ const k = (e) => {
   const t = e.subject.active;
   return t || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot get clipped area from droppable") : f()), t;
 };
-var Ps = ({
+var Rs = ({
   isMovingForward: e,
   pageBorderBoxCenter: t,
   source: n,
@@ -1895,7 +1895,7 @@ var Ps = ({
   const i = n.subject.active;
   if (!i)
     return null;
-  const s = n.axis, c = J(i[s.start], i[s.end]), a = et(r).filter((p) => p !== n).filter((p) => p.isEnabled).filter((p) => !!p.subject.active).filter((p) => kr(o.frame)(k(p))).filter((p) => {
+  const s = n.axis, c = J(i[s.start], i[s.end]), a = et(r).filter((p) => p !== n).filter((p) => p.isEnabled).filter((p) => !!p.subject.active).filter((p) => Wr(o.frame)(k(p))).filter((p) => {
     const l = k(p);
     return e ? i[s.crossAxisEnd] < l[s.crossAxisEnd] : l[s.crossAxisStart] < i[s.crossAxisStart];
   }).filter((p) => {
@@ -1918,23 +1918,23 @@ var Ps = ({
 const Yn = (e, t) => {
   const n = e.page.borderBox.center;
   return ie(e.descriptor.id, t) ? j(n, t.displacedBy.point) : n;
-}, Rs = (e, t) => {
+}, Ts = (e, t) => {
   const n = e.page.borderBox;
   return ie(e.descriptor.id, t) ? Te(n, me(t.displacedBy.point)) : n;
 };
-var Ts = ({
+var Bs = ({
   pageBorderBoxCenter: e,
   viewport: t,
   destination: n,
   insideDestination: r,
   afterCritical: o
-}) => r.filter((s) => Ur({
-  target: Rs(s, o),
+}) => r.filter((s) => Hr({
+  target: Ts(s, o),
   destination: n,
   viewport: t.frame,
   withDroppableDisplacement: !0
 })).sort((s, c) => {
-  const a = we(e, Mt(n, Yn(s, o))), d = we(e, Mt(n, Yn(c, o)));
+  const a = Ce(e, Mt(n, Yn(s, o))), d = Ce(e, Mt(n, Yn(c, o)));
   return a < d ? -1 : d < a ? 1 : s.descriptor.index - c.descriptor.index;
 })[0] || null, Be = $(function(t, n) {
   const r = n[t.line];
@@ -1943,22 +1943,22 @@ var Ts = ({
     point: ae(t.line, r)
   };
 });
-const Bs = (e, t, n) => {
+const Vs = (e, t, n) => {
   const r = e.axis;
   if (e.descriptor.mode === "virtual")
     return ae(r.line, t[r.line]);
   const o = e.subject.page.contentBox[r.size], a = le(e.descriptor.id, n).reduce((d, p) => d + p.client.marginBox[r.size], 0) + t[r.line] - o;
   return a <= 0 ? null : ae(r.line, a);
-}, qr = (e, t) => ({
+}, Yr = (e, t) => ({
   ...e,
   scroll: {
     ...e.scroll,
     max: t
   }
-}), Yr = (e, t, n) => {
+}), Xr = (e, t, n) => {
   const r = e.frame;
   he(t, e) && (process.env.NODE_ENV !== "production" ? f(!1, "Should not add placeholder space to home list") : f()), e.subject.withPlaceholder && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot add placeholder size to a subject when it already has one") : f());
-  const o = Be(e.axis, t.displaceBy).point, i = Bs(e, o, n), s = {
+  const o = Be(e.axis, t.displaceBy).point, i = Vs(e, o, n), s = {
     placeholderSize: o,
     increasedBy: i,
     oldFrameMaxScroll: e.frame ? e.frame.scroll.max : null
@@ -1975,7 +1975,7 @@ const Bs = (e, t, n) => {
       subject: p
     };
   }
-  const c = i ? F(r.scroll.max, i) : r.scroll.max, a = qr(r, c), d = pe({
+  const c = i ? F(r.scroll.max, i) : r.scroll.max, a = Yr(r, c), d = pe({
     page: e.subject.page,
     withPlaceholder: s,
     axis: e.axis,
@@ -1986,7 +1986,7 @@ const Bs = (e, t, n) => {
     subject: d,
     frame: a
   };
-}, Vs = (e) => {
+}, Ls = (e) => {
   const t = e.subject.withPlaceholder;
   t || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot remove placeholder form subject when there was none") : f());
   const n = e.frame;
@@ -2004,7 +2004,7 @@ const Bs = (e, t, n) => {
   }
   const r = t.oldFrameMaxScroll;
   r || (process.env.NODE_ENV !== "production" ? f(!1, "Expected droppable with frame to have old max frame scroll when removing placeholder") : f());
-  const o = qr(n, r), i = pe({
+  const o = Yr(n, r), i = pe({
     page: e.subject.page,
     axis: e.axis,
     frame: o,
@@ -2016,7 +2016,7 @@ const Bs = (e, t, n) => {
     frame: o
   };
 };
-var Ls = ({
+var Ms = ({
   previousPageBorderBoxCenter: e,
   moveRelativeTo: t,
   insideDestination: n,
@@ -2030,8 +2030,8 @@ var Ls = ({
     if (n.length)
       return null;
     const l = {
-      displaced: Ce,
-      displacedBy: Fr,
+      displaced: we,
+      displacedBy: kr,
       at: {
         type: "REORDER",
         destination: {
@@ -2045,8 +2045,8 @@ var Ls = ({
       droppable: i,
       draggables: o,
       afterCritical: c
-    }), g = he(r, i) ? i : Yr(i, r, o);
-    return jr({
+    }), g = he(r, i) ? i : Xr(i, r, o);
+    return qr({
       draggable: r,
       destination: g,
       newPageBorderBoxCenter: u,
@@ -2065,10 +2065,10 @@ var Ls = ({
     destination: i,
     viewport: s,
     displacedBy: p,
-    last: Ce,
+    last: we,
     index: d
   });
-}, Ms = ({
+}, $s = ({
   isMovingForward: e,
   previousPageBorderBoxCenter: t,
   draggable: n,
@@ -2078,7 +2078,7 @@ var Ls = ({
   viewport: s,
   afterCritical: c
 }) => {
-  const a = Ps({
+  const a = Rs({
     isMovingForward: e,
     pageBorderBoxCenter: t,
     source: r,
@@ -2087,13 +2087,13 @@ var Ls = ({
   });
   if (!a)
     return null;
-  const d = le(a.descriptor.id, o), p = Ts({
+  const d = le(a.descriptor.id, o), p = Bs({
     pageBorderBoxCenter: t,
     viewport: s,
     destination: a,
     insideDestination: d,
     afterCritical: c
-  }), l = Ls({
+  }), l = Ms({
     previousPageBorderBoxCenter: t,
     destination: a,
     draggable: n,
@@ -2125,22 +2125,22 @@ var Ls = ({
   const t = e.at;
   return t ? t.type === "REORDER" ? t.destination.droppableId : t.combine.droppableId : null;
 };
-const $s = (e, t) => {
+const Gs = (e, t) => {
   const n = q(e);
   return n ? t[n] : null;
 };
-var Gs = ({
+var Fs = ({
   state: e,
   type: t
 }) => {
-  const n = $s(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 = Gs(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 ? _s({
+  return c ? Ps({
     isMovingForward: a,
     previousPageBorderBoxCenter: p,
     draggable: d,
@@ -2150,7 +2150,7 @@ var Gs = ({
     previousClientSelection: e.current.client.selection,
     previousImpact: e.impact,
     afterCritical: e.afterCritical
-  }) : Ms({
+  }) : $s({
     isMovingForward: a,
     previousPageBorderBoxCenter: p,
     draggable: d,
@@ -2164,16 +2164,16 @@ var Gs = ({
 function ce(e) {
   return e.phase === "DRAGGING" || e.phase === "COLLECTING";
 }
-function Xr(e) {
+function Kr(e) {
   const t = J(e.top, e.bottom), n = J(e.left, e.right);
   return function(o) {
     return t(o.y) && n(o.x);
   };
 }
-function Fs(e, t) {
+function ks(e, t) {
   return e.left < t.right && e.right > t.left && e.top < t.bottom && e.bottom > t.top;
 }
-function ks({
+function Ws({
   pageBorderBox: e,
   draggable: t,
   candidates: n
@@ -2182,12 +2182,12 @@ function ks({
     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: we(r, c)
+      distance: Ce(r, c)
     };
   }).sort((i, s) => s.distance - i.distance);
   return o[0] ? o[0].id : null;
 }
-function Ws({
+function Us({
   pageBorderBox: e,
   draggable: t,
   droppables: n
@@ -2196,38 +2196,38 @@ function Ws({
     if (!o.isEnabled)
       return !1;
     const i = o.subject.active;
-    if (!i || !Fs(e, i))
+    if (!i || !ks(e, i))
       return !1;
-    if (Xr(i)(e.center))
+    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 : ks({
+  return r.length ? r.length === 1 ? r[0].descriptor.id : Ws({
     pageBorderBox: e,
     draggable: t,
     candidates: r
   }) : null;
 }
-const Kr = (e, t) => Z(Te(e, t));
-var Us = (e, t) => {
+const Jr = (e, t) => Z(Te(e, t));
+var Hs = (e, t) => {
   const n = e.frame;
-  return n ? Kr(t, n.scroll.diff.value) : t;
+  return n ? Jr(t, n.scroll.diff.value) : t;
 };
-function Jr({
+function Zr({
   displaced: e,
   id: t
 }) {
   return !!(e.visible[t] || e.invisible[t]);
 }
-function Hs({
+function zs({
   draggable: e,
   closest: t,
   inHomeList: n
 }) {
   return t ? n && t.descriptor.index > e.descriptor.index ? t.descriptor.index - 1 : t.descriptor.index : null;
 }
-var zs = ({
+var js = ({
   pageBorderBoxWithDroppableScroll: e,
   draggable: t,
   destination: n,
@@ -2237,12 +2237,12 @@ var zs = ({
   afterCritical: s
 }) => {
   const c = n.axis, a = Be(n.axis, t.displaceBy), d = a.value, p = e[c.start], l = e[c.end], g = nt(t, r).find((b) => {
-    const h = b.descriptor.id, y = b.page.borderBox.center[c.line], v = ie(h, s), I = Jr({
+    const h = b.descriptor.id, y = b.page.borderBox.center[c.line], v = ie(h, s), I = Zr({
       displaced: o,
       id: h
     });
     return v ? I ? l <= y : p < y - d : I ? l <= y + d : p < y;
-  }) || null, m = Hs({
+  }) || null, m = zs({
     draggable: t,
     closest: g,
     inHomeList: he(t, n)
@@ -2257,8 +2257,8 @@ var zs = ({
     index: m
   });
 };
-const js = 4;
-var qs = ({
+const qs = 4;
+var Ys = ({
   draggable: e,
   pageBorderBoxWithDroppableScroll: t,
   previousImpact: n,
@@ -2269,7 +2269,7 @@ var qs = ({
   if (!r.isCombineEnabled)
     return null;
   const s = r.axis, c = Be(r.axis, e.displaceBy), a = c.value, d = t[s.start], p = t[s.end], u = nt(e, o).find((m) => {
-    const b = m.descriptor.id, h = m.page.borderBox, v = h[s.size] / js, I = ie(b, i), N = Jr({
+    const b = m.descriptor.id, h = m.page.borderBox, v = h[s.size] / qs, I = ie(b, i), N = Zr({
       displaced: n.displaced,
       id: b
     });
@@ -2286,7 +2286,7 @@ var qs = ({
       }
     }
   } : null;
-}, Zr = ({
+}, Qr = ({
   pageOffset: e,
   draggable: t,
   draggables: n,
@@ -2295,22 +2295,22 @@ var qs = ({
   viewport: i,
   afterCritical: s
 }) => {
-  const c = Kr(t.page.borderBox, e), a = Ws({
+  const c = Jr(t.page.borderBox, e), a = Us({
     pageBorderBox: c,
     draggable: t,
     droppables: r
   });
   if (!a)
-    return cs;
-  const d = r[a], p = le(d.descriptor.id, n), l = Us(d, c);
-  return qs({
+    return as;
+  const d = r[a], p = le(d.descriptor.id, n), l = Hs(d, c);
+  return Ys({
     pageBorderBoxWithDroppableScroll: l,
     draggable: t,
     previousImpact: o,
     destination: d,
     insideDestination: p,
     afterCritical: s
-  }) || zs({
+  }) || js({
     pageBorderBoxWithDroppableScroll: l,
     draggable: t,
     destination: d,
@@ -2323,7 +2323,7 @@ var qs = ({
   ...e,
   [t.descriptor.id]: t
 });
-const Ys = ({
+const Xs = ({
   previousImpact: e,
   impact: t,
   droppables: n
@@ -2334,17 +2334,17 @@ const Ys = ({
   const i = n[r];
   if (!i.subject.withPlaceholder)
     return n;
-  const s = Vs(i);
+  const s = Ls(i);
   return nn(n, s);
 };
-var Xs = ({
+var Ks = ({
   draggable: e,
   draggables: t,
   droppables: n,
   previousImpact: r,
   impact: o
 }) => {
-  const i = Ys({
+  const i = Xs({
     previousImpact: r,
     impact: o,
     droppables: n
@@ -2354,7 +2354,7 @@ var Xs = ({
   const c = n[s];
   if (he(e, c) || c.subject.withPlaceholder)
     return i;
-  const a = Yr(c, e, t);
+  const a = Xr(c, e, t);
   return nn(i, a);
 }, Ne = ({
   state: e,
@@ -2383,7 +2383,7 @@ var Xs = ({
       viewport: s,
       current: u
     };
-  const g = c.draggables[e.critical.draggable.id], m = o || Zr({
+  const g = c.draggables[e.critical.draggable.id], m = o || Qr({
     pageOffset: l.offset,
     draggable: g,
     draggables: c.draggables,
@@ -2391,7 +2391,7 @@ var Xs = ({
     previousImpact: e.impact,
     viewport: s,
     afterCritical: e.afterCritical
-  }), b = Xs({
+  }), b = Ks({
     draggable: g,
     impact: m,
     previousImpact: e.impact,
@@ -2411,17 +2411,17 @@ var Xs = ({
     forceShouldAnimate: i ? !1 : null
   };
 };
-function Ks(e, t) {
+function Js(e, t) {
   return e.map((n) => t[n]);
 }
-var Qr = ({
+var eo = ({
   impact: e,
   viewport: t,
   draggables: n,
   destination: r,
   forceShouldAnimate: o
 }) => {
-  const i = e.displaced, s = Ks(i.all, n), c = Se({
+  const i = e.displaced, s = Js(i.all, n), c = Se({
     afterDragging: s,
     destination: r,
     displacedBy: e.displacedBy,
@@ -2433,7 +2433,7 @@ var Qr = ({
     ...e,
     displaced: c
   };
-}, eo = ({
+}, to = ({
   impact: e,
   draggable: t,
   droppable: n,
@@ -2453,7 +2453,7 @@ var Qr = ({
     draggable: t,
     viewport: o
   });
-}, to = ({
+}, no = ({
   state: e,
   dimensions: t,
   viewport: n
@@ -2464,12 +2464,12 @@ var Qr = ({
     droppables: c
   } = i, a = s[e.critical.draggable.id], d = q(r);
   d || (process.env.NODE_ENV !== "production" ? f(!1, "Must be over a destination in SNAP movement mode") : f());
-  const p = c[d], l = Qr({
+  const p = c[d], l = eo({
     impact: r,
     viewport: o,
     destination: p,
     draggables: s
-  }), u = eo({
+  }), u = to({
     impact: l,
     draggable: a,
     droppable: p,
@@ -2484,10 +2484,10 @@ var Qr = ({
     dimensions: i,
     viewport: o
   });
-}, Js = (e) => ({
+}, Zs = (e) => ({
   index: e.index,
   droppableId: e.droppableId
-}), no = ({
+}), ro = ({
   draggable: e,
   home: t,
   draggables: n,
@@ -2513,12 +2513,12 @@ var Qr = ({
       displacedBy: o,
       at: {
         type: "REORDER",
-        destination: Js(e.descriptor)
+        destination: Zs(e.descriptor)
       }
     },
     afterCritical: d
   };
-}, Zs = (e, t) => ({
+}, Qs = (e, t) => ({
   draggables: e.draggables,
   droppables: nn(e.droppables, t)
 });
@@ -2527,7 +2527,7 @@ const Ve = (e) => {
 }, Le = (e) => {
   process.env.NODE_ENV;
 };
-var Qs = ({
+var ec = ({
   draggable: e,
   offset: t,
   initialWindowScroll: n
@@ -2542,24 +2542,24 @@ var Qs = ({
     client: r,
     page: o
   };
-}, ec = (e) => {
+}, tc = (e) => {
   const t = e.frame;
   return t || (process.env.NODE_ENV !== "production" ? f(!1, "Expected Droppable to have a frame") : f()), t;
-}, tc = ({
+}, nc = ({
   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 = ec(s).scroll.diff.value, d = F(r, a);
-    return Qs({
+    const i = o.descriptor.droppableId, s = t[i], a = tc(s).scroll.diff.value, d = F(r, a);
+    return ec({
       draggable: o,
       offset: d,
       initialWindowScroll: n.scroll.initial
     });
   });
-}, nc = ({
+}, rc = ({
   state: e,
   published: t
 }) => {
@@ -2569,8 +2569,8 @@ var Qs = ({
     return Kt(v, y.scroll);
   }), r = {
     ...e.dimensions.droppables,
-    ...$r(n)
-  }, o = Gr(tc({
+    ...Gr(n)
+  }, o = Fr(nc({
     additions: t.additions,
     updatedDroppables: r,
     viewport: e.viewport
@@ -2587,12 +2587,12 @@ var Qs = ({
   }, c = q(e.impact), a = c ? s.droppables[c] : null, d = s.draggables[e.critical.draggable.id], p = s.droppables[e.critical.droppable.id], {
     impact: l,
     afterCritical: u
-  } = no({
+  } = ro({
     draggable: d,
     home: p,
     draggables: i,
     viewport: e.viewport
-  }), g = a && a.isCombineEnabled ? e.impact : l, m = Zr({
+  }), g = a && a.isCombineEnabled ? e.impact : l, m = Qr({
     pageOffset: e.current.page.offset,
     draggable: s.draggables[e.critical.draggable.id],
     draggables: s.draggables,
@@ -2619,11 +2619,11 @@ var Qs = ({
   };
 };
 const $t = (e) => e.movementMode === "SNAP", Et = (e, t, n) => {
-  const r = Zs(e.dimensions, t);
+  const r = Qs(e.dimensions, t);
   return !$t(e) || n ? Ne({
     state: e,
     dimensions: r
-  }) : to({
+  }) : no({
     state: e,
     dimensions: r
   });
@@ -2639,7 +2639,7 @@ const Xn = {
   completed: null,
   shouldFlush: !1
 };
-var rc = (e = Xn, t) => {
+var oc = (e = Xn, t) => {
   if (t.type === "FLUSH")
     return {
       ...Xn,
@@ -2667,7 +2667,7 @@ var rc = (e = Xn, t) => {
     }, l = et(i.droppables).every((b) => !b.isFixedOnPage), {
       impact: u,
       afterCritical: g
-    } = no({
+    } = ro({
       draggable: c,
       home: a,
       draggables: i.draggables,
@@ -2696,7 +2696,7 @@ var rc = (e = Xn, t) => {
       phase: "COLLECTING"
     });
   if (t.type === "PUBLISH_WHILE_DRAGGING")
-    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? f(!1, `Unexpected ${t.type} received in phase ${e.phase}`) : f()), nc({
+    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? f(!1, `Unexpected ${t.type} received in phase ${e.phase}`) : f()), rc({
       state: e,
       published: t.payload
     });
@@ -2765,8 +2765,8 @@ var rc = (e = Xn, t) => {
     const n = t.payload.newScroll;
     if (oe(e.viewport.scroll.current, n))
       return Dt(e);
-    const r = zr(e.viewport, n);
-    return $t(e) ? to({
+    const r = jr(e.viewport, n);
+    return $t(e) ? no({
       state: e,
       viewport: r
     }) : Ne({
@@ -2796,7 +2796,7 @@ var rc = (e = Xn, t) => {
     if (e.phase === "COLLECTING" || e.phase === "DROP_PENDING")
       return e;
     e.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? f(!1, `${t.type} received while not in DRAGGING phase`) : f());
-    const n = Gs({
+    const n = Fs({
       state: e,
       type: t.type
     });
@@ -2845,71 +2845,71 @@ var rc = (e = Xn, t) => {
 function A(e, t) {
   return e instanceof Object && "type" in e && e.type === t;
 }
-const oc = (e) => ({
+const ic = (e) => ({
   type: "BEFORE_INITIAL_CAPTURE",
   payload: e
-}), ic = (e) => ({
+}), sc = (e) => ({
   type: "LIFT",
   payload: e
-}), sc = (e) => ({
+}), cc = (e) => ({
   type: "INITIAL_PUBLISH",
   payload: e
-}), cc = (e) => ({
+}), ac = (e) => ({
   type: "PUBLISH_WHILE_DRAGGING",
   payload: e
-}), ac = () => ({
+}), lc = () => ({
   type: "COLLECTION_STARTING",
   payload: null
-}), lc = (e) => ({
+}), dc = (e) => ({
   type: "UPDATE_DROPPABLE_SCROLL",
   payload: e
-}), dc = (e) => ({
+}), uc = (e) => ({
   type: "UPDATE_DROPPABLE_IS_ENABLED",
   payload: e
-}), uc = (e) => ({
+}), pc = (e) => ({
   type: "UPDATE_DROPPABLE_IS_COMBINE_ENABLED",
   payload: e
-}), ro = (e) => ({
+}), oo = (e) => ({
   type: "MOVE",
   payload: e
-}), pc = (e) => ({
+}), fc = (e) => ({
   type: "MOVE_BY_WINDOW_SCROLL",
   payload: e
-}), fc = (e) => ({
+}), gc = (e) => ({
   type: "UPDATE_VIEWPORT_MAX_SCROLL",
   payload: e
-}), gc = () => ({
+}), mc = () => ({
   type: "MOVE_UP",
   payload: null
-}), mc = () => ({
+}), hc = () => ({
   type: "MOVE_DOWN",
   payload: null
-}), hc = () => ({
+}), bc = () => ({
   type: "MOVE_RIGHT",
   payload: null
-}), bc = () => ({
+}), vc = () => ({
   type: "MOVE_LEFT",
   payload: null
 }), rn = () => ({
   type: "FLUSH",
   payload: null
-}), vc = (e) => ({
+}), yc = (e) => ({
   type: "DROP_ANIMATE",
   payload: e
 }), on = (e) => ({
   type: "DROP_COMPLETE",
   payload: e
-}), oo = (e) => ({
+}), io = (e) => ({
   type: "DROP",
   payload: e
-}), yc = (e) => ({
+}), Ec = (e) => ({
   type: "DROP_PENDING",
   payload: e
-}), io = () => ({
+}), so = () => ({
   type: "DROP_ANIMATION_FINISHED",
   payload: null
 });
-function Ec(e) {
+function Dc(e) {
   if (e.length <= 1)
     return;
   const t = e.map((o) => o.descriptor.index), n = {};
@@ -2928,13 +2928,13 @@ function Ec(e) {
     ${r}
   `);
 }
-function Dc(e, t) {
+function Nc(e, t) {
   if (process.env.NODE_ENV !== "production") {
     const n = le(e.droppable.id, t.draggables);
-    Ec(n);
+    Dc(n);
   }
 }
-var Nc = (e) => ({
+var xc = (e) => ({
   getState: t,
   dispatch: n
 }) => (r) => (o) => {
@@ -2949,7 +2949,7 @@ var Nc = (e) => ({
   } = o.payload, a = t();
   a.phase === "DROP_ANIMATING" && n(on({
     completed: a.completed
-  })), t().phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "Unexpected phase to start a drag") : f()), n(rn()), n(oc({
+  })), t().phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "Unexpected phase to start a drag") : f()), n(rn()), n(ic({
     draggableId: i,
     movementMode: c
   }));
@@ -2963,14 +2963,14 @@ var Nc = (e) => ({
     dimensions: u,
     viewport: g
   } = e.startPublishing(p);
-  Dc(l, u), n(sc({
+  Nc(l, u), n(cc({
     critical: l,
     dimensions: u,
     clientSelection: s,
     movementMode: c,
     viewport: g
   }));
-}, xc = (e) => () => (t) => (n) => {
+}, Ic = (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);
 };
 const sn = {
@@ -2984,11 +2984,11 @@ const sn = {
   scale: {
     drop: 0.75
   }
-}, so = {
+}, co = {
   outOfTheWay: 0.2,
   minDropTime: 0.33,
   maxDropTime: 0.55
-}, se = `${so.outOfTheWay}s ${sn.outOfTheWay}`, xe = {
+}, se = `${co.outOfTheWay}s ${sn.outOfTheWay}`, xe = {
   fluid: `opacity ${se}`,
   snap: `transform ${se}, opacity ${se}`,
   drop: (e) => {
@@ -3006,21 +3006,21 @@ const sn = {
   }
 }, {
   minDropTime: Ft,
-  maxDropTime: co
-} = so, Ic = co - Ft, Jn = 1500, Oc = 0.6;
+  maxDropTime: ao
+} = co, Oc = ao - Ft, Jn = 1500, Cc = 0.6;
 var wc = ({
   current: e,
   destination: t,
   reason: n
 }) => {
-  const r = we(e, t);
+  const r = Ce(e, t);
   if (r <= 0)
     return Ft;
   if (r >= Jn)
-    return co;
-  const o = r / Jn, i = Ft + Ic * o, s = n === "CANCEL" ? i * Oc : i;
+    return ao;
+  const o = r / Jn, i = Ft + Oc * o, s = n === "CANCEL" ? i * Cc : i;
   return Number(s.toFixed(2));
-}, Cc = ({
+}, Sc = ({
   impact: e,
   draggable: t,
   dimensions: n,
@@ -3030,7 +3030,7 @@ var wc = ({
   const {
     draggables: i,
     droppables: s
-  } = n, c = q(e), a = c ? s[c] : null, d = s[t.descriptor.droppableId], p = eo({
+  } = n, c = q(e), a = c ? s[c] : null, d = s[t.descriptor.droppableId], p = to({
     impact: e,
     draggable: t,
     draggables: i,
@@ -3039,7 +3039,7 @@ var wc = ({
     viewport: r
   });
   return j(p, t.client.borderBox.center);
-}, Sc = ({
+}, Ac = ({
   draggables: e,
   reason: t,
   lastImpact: n,
@@ -3047,7 +3047,7 @@ var wc = ({
   viewport: o,
   onLiftImpact: i
 }) => !n.at || t !== "DROP" ? {
-  impact: Qr({
+  impact: eo({
     draggables: e,
     impact: i,
     destination: r,
@@ -3061,11 +3061,11 @@ var wc = ({
 } : {
   impact: {
     ...n,
-    displaced: Ce
+    displaced: we
   },
   didDropInsideDroppable: !0
 };
-const Ac = ({
+const _c = ({
   getState: e,
   dispatch: t
 }) => (n) => (r) => {
@@ -3075,7 +3075,7 @@ const Ac = ({
   }
   const o = e(), i = r.payload.reason;
   if (o.phase === "COLLECTING") {
-    t(yc({
+    t(Ec({
       reason: i
     }));
     return;
@@ -3086,7 +3086,7 @@ const Ac = ({
   const c = o.critical, a = o.dimensions, d = a.draggables[o.critical.draggable.id], {
     impact: p,
     didDropInsideDroppable: l
-  } = Sc({
+  } = Ac({
     reason: i,
     lastImpact: o.impact,
     afterCritical: o.afterCritical,
@@ -3105,7 +3105,7 @@ const Ac = ({
     mode: o.movementMode,
     destination: u,
     combine: g
-  }, h = Cc({
+  }, h = Sc({
     impact: p,
     draggable: d,
     dimensions: a,
@@ -3128,17 +3128,17 @@ const Ac = ({
     destination: h,
     reason: i
   });
-  t(vc({
+  t(yc({
     newHomeClientOffset: h,
     dropDuration: I,
     completed: y
   }));
 };
-var ao = () => ({
+var lo = () => ({
   x: window.pageXOffset,
   y: window.pageYOffset
 });
-function _c(e) {
+function Pc(e) {
   return {
     eventName: "scroll",
     options: {
@@ -3150,13 +3150,13 @@ function _c(e) {
     }
   };
 }
-function Pc({
+function Rc({
   onWindowScroll: e
 }) {
   function t() {
-    e(ao());
+    e(lo());
   }
-  const n = Ie(t), r = _c(n);
+  const n = Ie(t), r = Pc(n);
   let o = re;
   function i() {
     return o !== re;
@@ -3173,19 +3173,19 @@ function Pc({
     isActive: i
   };
 }
-const Rc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH"), Tc = (e) => {
-  const t = Pc({
+const Tc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH"), Bc = (e) => {
+  const t = Rc({
     onWindowScroll: (n) => {
-      e.dispatch(pc({
+      e.dispatch(fc({
         newScroll: n
       }));
     }
   });
   return (n) => (r) => {
-    !t.isActive() && A(r, "INITIAL_PUBLISH") && t.start(), t.isActive() && Rc(r) && t.stop(), n(r);
+    !t.isActive() && A(r, "INITIAL_PUBLISH") && t.start(), t.isActive() && Tc(r) && t.stop(), n(r);
   };
 };
-var Bc = (e) => {
+var Vc = (e) => {
   let t = !1, n = !1;
   const r = setTimeout(() => {
     n = !0;
@@ -3204,7 +3204,7 @@ var Bc = (e) => {
     t = !0, e(i), clearTimeout(r);
   };
   return o.wasCalled = () => t, o;
-}, Vc = () => {
+}, Lc = () => {
   const e = [], t = (o) => {
     const i = e.findIndex((c) => c.timerId === o);
     i === -1 && (process.env.NODE_ENV !== "production" ? f(!1, "Could not find timer") : f());
@@ -3229,7 +3229,7 @@ var Bc = (e) => {
     }
   };
 };
-const Lc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.droppableId === t.droppableId && e.index === t.index, Mc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.draggableId === t.draggableId && e.droppableId === t.droppableId, $c = (e, t) => {
+const Mc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.droppableId === t.droppableId && e.index === t.index, $c = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 : e.draggableId === t.draggableId && e.droppableId === t.droppableId, Gc = (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 Nt(e, t, n, r) {
     n(r(t));
     return;
   }
-  const o = Bc(n);
+  const o = Vc(n);
   e(t, {
     announce: o
   }), o.wasCalled() || n(r(t));
 }
-var Gc = (e, t) => {
-  const n = Vc();
+var Fc = (e, t) => {
+  const n = Lc();
   let r = null;
   const o = (l, u) => {
     r && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onBeforeCapture as a drag start has already been published") : f()), ye("onBeforeCapture", () => {
@@ -3285,11 +3285,11 @@ var Gc = (e, t) => {
   }, c = (l, u) => {
     const g = Jt(u), m = tt(u);
     r || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onDragMove when onDragStart has not been called") : f());
-    const b = !$c(l, r.lastCritical);
+    const b = !Gc(l, r.lastCritical);
     b && (r.lastCritical = l);
-    const h = !Lc(r.lastLocation, g);
+    const h = !Mc(r.lastLocation, g);
     h && (r.lastLocation = g);
-    const y = !Mc(r.lastCombine, m);
+    const y = !$c(r.lastCombine, m);
     if (y && (r.lastCombine = m), !b && !h && !y)
       return;
     const v = {
@@ -3324,8 +3324,8 @@ var Gc = (e, t) => {
       d(l);
     }
   };
-}, Fc = (e, t) => {
-  const n = Gc(e, t);
+}, kc = (e, t) => {
+  const n = Fc(e, t);
   return (r) => (o) => (i) => {
     if (A(i, "BEFORE_INITIAL_CAPTURE")) {
       n.beforeCapture(i.payload.draggableId, i.payload.movementMode);
@@ -3349,7 +3349,7 @@ var Gc = (e, t) => {
     s.phase === "DRAGGING" && n.update(s.critical, s.impact);
   };
 };
-const kc = (e) => (t) => (n) => {
+const Wc = (e) => (t) => (n) => {
   if (!A(n, "DROP_ANIMATION_FINISHED")) {
     t(n);
     return;
@@ -3358,7 +3358,7 @@ const kc = (e) => (t) => (n) => {
   r.phase !== "DROP_ANIMATING" && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot finish a drop animating when no drop is occurring") : f()), e.dispatch(on({
     completed: r.completed
   }));
-}, Wc = (e) => {
+}, Uc = (e) => {
   let t = null, n = null;
   function r() {
     n && (cancelAnimationFrame(n), n = null), t && (t(), t = null);
@@ -3374,7 +3374,7 @@ const kc = (e) => (t) => (n) => {
         once: !0
       },
       fn: function() {
-        e.getState().phase === "DROP_ANIMATING" && e.dispatch(io());
+        e.getState().phase === "DROP_ANIMATING" && e.dispatch(so());
       }
     };
     n = requestAnimationFrame(() => {
@@ -3382,9 +3382,9 @@ const kc = (e) => (t) => (n) => {
     });
   };
 };
-var Uc = (e) => () => (t) => (n) => {
+var Hc = (e) => () => (t) => (n) => {
   (A(n, "DROP_COMPLETE") || A(n, "FLUSH") || A(n, "DROP_ANIMATE")) && e.stopPublishing(), t(n);
-}, Hc = (e) => {
+}, zc = (e) => {
   let t = !1;
   return () => (n) => (r) => {
     if (A(r, "INITIAL_PUBLISH")) {
@@ -3404,9 +3404,9 @@ var Uc = (e) => () => (t) => (n) => {
     }
   };
 };
-const zc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH");
-var jc = (e) => (t) => (n) => (r) => {
-  if (zc(r)) {
+const jc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH");
+var qc = (e) => (t) => (n) => (r) => {
+  if (jc(r)) {
     e.stop(), n(r);
     return;
   }
@@ -3418,30 +3418,30 @@ var jc = (e) => (t) => (n) => (r) => {
   }
   n(r), e.scroll(t.getState());
 };
-const qc = (e) => (t) => (n) => {
+const Yc = (e) => (t) => (n) => {
   if (t(n), !A(n, "PUBLISH_WHILE_DRAGGING"))
     return;
   const r = e.getState();
-  r.phase === "DROP_PENDING" && (r.isWaiting || e.dispatch(oo({
+  r.phase === "DROP_PENDING" && (r.isWaiting || e.dispatch(io({
     reason: r.reason
   })));
-}, Yc = process.env.NODE_ENV !== "production" && typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
+}, Xc = process.env.NODE_ENV !== "production" && typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
   name: "@hello-pangea/dnd"
-}) : br;
-var Xc = ({
+}) : vr;
+var Kc = ({
   dimensionMarshal: e,
   focusMarshal: t,
   styleMarshal: n,
   getResponders: r,
   announce: o,
   autoScroller: i
-}) => hr(rc, Yc(Ho(xc(n), Uc(e), Nc(e), Ac, kc, Wc, qc, jc(i), Tc, Hc(t), Fc(r, o))));
+}) => br(oc, Xc(zo(Ic(n), Hc(e), xc(e), _c, Wc, Uc, Yc, qc(i), Bc, zc(t), kc(r, o))));
 const xt = () => ({
   additions: {},
   removals: {},
   modified: {}
 });
-function Kc({
+function Jc({
   registry: e,
   callbacks: t
 }) {
@@ -3481,7 +3481,7 @@ function Kc({
     }
   };
 }
-var lo = ({
+var uo = ({
   scrollHeight: e,
   scrollWidth: t,
   height: n,
@@ -3498,19 +3498,19 @@ var lo = ({
     x: Math.max(0, o.x),
     y: Math.max(0, o.y)
   };
-}, uo = () => {
+}, po = () => {
   const e = document.documentElement;
   return e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot find document.documentElement") : f()), e;
-}, po = () => {
-  const e = uo();
-  return lo({
+}, fo = () => {
+  const e = po();
+  return uo({
     scrollHeight: e.scrollHeight,
     scrollWidth: e.scrollWidth,
     width: e.clientWidth,
     height: e.clientHeight
   });
-}, Jc = () => {
-  const e = ao(), t = po(), n = e.y, r = e.x, o = uo(), i = o.clientWidth, s = o.clientHeight, c = r + i, a = n + s;
+}, Zc = () => {
+  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({
       top: n,
@@ -3528,15 +3528,15 @@ var lo = ({
       }
     }
   };
-}, Zc = ({
+}, Qc = ({
   critical: e,
   scrollOptions: t,
   registry: n
 }) => {
   Ve();
-  const r = Jc(), 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: Gr(c),
-    droppables: $r(s)
+  const r = Zc(), 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: Fr(c),
+    droppables: Gr(s)
   };
   return Le(), {
     dimensions: a,
@@ -3552,9 +3552,9 @@ function Zn(e, t, n) {
       See https://github.com/hello-pangea/dnd/blob/main/docs/patterns/virtual-lists.md
     `), !1) : !0;
 }
-var Qc = (e, t) => {
+var ea = (e, t) => {
   let n = null;
-  const r = Kc({
+  const r = Jc({
     callbacks: {
       publish: t.publishWhileDragging,
       collectionStarting: t.collectionStarting
@@ -3602,7 +3602,7 @@ var Qc = (e, t) => {
       return n = {
         critical: b,
         unsubscribe: h
-      }, Zc({
+      }, Qc({
         critical: b,
         registry: e,
         scrollOptions: u.scrollOptions
@@ -3610,11 +3610,11 @@ var Qc = (e, t) => {
     },
     stopPublishing: a
   };
-}, fo = (e, t) => e.phase === "IDLE" ? !0 : e.phase !== "DROP_ANIMATING" || e.completed.result.draggableId === t ? !1 : e.completed.result.reason === "DROP", ea = (e) => {
+}, go = (e, t) => e.phase === "IDLE" ? !0 : e.phase !== "DROP_ANIMATING" || e.completed.result.draggableId === t ? !1 : e.completed.result.reason === "DROP", ta = (e) => {
   window.scrollBy(e.x, e.y);
 };
-const ta = $((e) => et(e).filter((t) => !(!t.isEnabled || !t.frame))), na = (e, t) => ta(t).find((r) => (r.frame || (process.env.NODE_ENV !== "production" ? f(!1, "Invalid result") : f()), Xr(r.frame.pageMarginBox)(e))) || null;
-var ra = ({
+const na = $((e) => et(e).filter((t) => !(!t.isEnabled || !t.frame))), ra = (e, t) => na(t).find((r) => (r.frame || (process.env.NODE_ENV !== "production" ? f(!1, "Invalid result") : f()), Kr(r.frame.pageMarginBox)(e))) || null;
+var oa = ({
   center: e,
   destination: t,
   droppables: n
@@ -3623,7 +3623,7 @@ var ra = ({
     const o = n[t];
     return o.frame ? o : null;
   }
-  return na(e, n);
+  return ra(e, n);
 };
 const _e = {
   startFromPercentage: 0.25,
@@ -3636,13 +3636,13 @@ const _e = {
   },
   disabled: !1
 };
-var oa = (e, t, n = () => _e) => {
+var ia = (e, t, n = () => _e) => {
   const r = n(), o = e[t.size] * r.startFromPercentage, i = e[t.size] * r.maxScrollAtPercentage;
   return {
     startScrollingFrom: o,
     maxScrollValueAt: i
   };
-}, go = ({
+}, mo = ({
   startOfRange: e,
   endOfRange: t,
   current: n
@@ -3653,7 +3653,7 @@ var oa = (e, t, n = () => _e) => {
       This is unexpected and would cause a divide by 0 issue.
       Not allowing an auto scroll
     `), 0) : (n - e) / r;
-}, cn = 1, ia = (e, t, n = () => _e) => {
+}, cn = 1, sa = (e, t, n = () => _e) => {
   const r = n();
   if (e > t.startScrollingFrom)
     return 0;
@@ -3661,19 +3661,19 @@ var oa = (e, t, n = () => _e) => {
     return r.maxPixelScroll;
   if (e === t.startScrollingFrom)
     return cn;
-  const i = 1 - go({
+  const i = 1 - mo({
     startOfRange: t.maxScrollValueAt,
     endOfRange: t.startScrollingFrom,
     current: e
   }), s = r.maxPixelScroll * r.ease(i);
   return Math.ceil(s);
-}, sa = (e, t, n) => {
+}, ca = (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;
   if (d < o)
     return cn;
-  const p = go({
+  const p = mo({
     startOfRange: o,
     endOfRange: c,
     current: d
@@ -3686,8 +3686,8 @@ var oa = (e, t, n = () => _e) => {
   shouldUseTimeDampening: r,
   getAutoScrollerOptions: o
 }) => {
-  const i = ia(e, t, o);
-  return i === 0 ? 0 : r ? Math.max(sa(i, n, o), cn) : i;
+  const i = sa(e, t, o);
+  return i === 0 ? 0 : r ? Math.max(ca(i, n, o), cn) : i;
 }, er = ({
   container: e,
   distanceToEdges: t,
@@ -3696,7 +3696,7 @@ var oa = (e, t, n = () => _e) => {
   shouldUseTimeDampening: o,
   getAutoScrollerOptions: i
 }) => {
-  const s = oa(e, r, i);
+  const s = ia(e, r, i);
   return t[r.end] < t[r.start] ? Qn({
     distanceToEdge: t[r.end],
     thresholds: s,
@@ -3710,7 +3710,7 @@ var oa = (e, t, n = () => _e) => {
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
   });
-}, ca = ({
+}, aa = ({
   container: e,
   subject: t,
   proposedScroll: n
@@ -3721,8 +3721,8 @@ var oa = (e, t, n = () => _e) => {
     y: r ? 0 : n.y
   };
 };
-const aa = Mr((e) => e === 0 ? 0 : e);
-var mo = ({
+const la = $r((e) => e === 0 ? 0 : e);
+var ho = ({
   dragStartTime: e,
   container: t,
   subject: n,
@@ -3746,23 +3746,23 @@ var mo = ({
     container: t,
     distanceToEdges: s,
     dragStartTime: e,
-    axis: Wr,
+    axis: Ur,
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
-  }), d = aa({
+  }), d = la({
     x: a,
     y: c
   });
   if (oe(d, G))
     return null;
-  const p = ca({
+  const p = aa({
     container: t,
     subject: n,
     proposedScroll: d
   });
   return p ? oe(p, G) ? null : p : null;
 };
-const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() => {
+const da = $r((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() => {
   const e = (t, n) => t < 0 ? t : t > n ? t - n : 0;
   return ({
     current: t,
@@ -3775,7 +3775,7 @@ const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() =>
     };
     return oe(i, G) ? null : i;
   };
-})(), ho = ({
+})(), bo = ({
   max: e,
   current: t,
   change: n
@@ -3783,17 +3783,17 @@ const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() =>
   const r = {
     x: Math.max(t.x, e.x),
     y: Math.max(t.y, e.y)
-  }, o = la(n), i = an({
+  }, o = da(n), i = an({
     max: r,
     current: t,
     change: o
   });
   return !i || o.x !== 0 && i.x === 0 || o.y !== 0 && i.y === 0;
-}, ln = (e, t) => ho({
+}, ln = (e, t) => bo({
   current: e.scroll.current,
   max: e.scroll.max,
   change: t
-}), da = (e, t) => {
+}), ua = (e, t) => {
   if (!ln(e, t))
     return null;
   const n = e.scroll.max, r = e.scroll.current;
@@ -3804,12 +3804,12 @@ const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() =>
   });
 }, dn = (e, t) => {
   const n = e.frame;
-  return n ? ho({
+  return n ? bo({
     current: n.scroll.current,
     max: n.scroll.max,
     change: t
   }) : !1;
-}, ua = (e, t) => {
+}, pa = (e, t) => {
   const n = e.frame;
   return !n || !dn(e, t) ? null : an({
     current: n.scroll.current,
@@ -3817,7 +3817,7 @@ const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() =>
     change: t
   });
 };
-var pa = ({
+var fa = ({
   viewport: e,
   subject: t,
   center: n,
@@ -3825,7 +3825,7 @@ var pa = ({
   shouldUseTimeDampening: o,
   getAutoScrollerOptions: i
 }) => {
-  const s = mo({
+  const s = ho({
     dragStartTime: r,
     container: e.frame,
     subject: t,
@@ -3834,7 +3834,7 @@ var pa = ({
     getAutoScrollerOptions: i
   });
   return s && ln(e, s) ? s : null;
-}, fa = ({
+}, ga = ({
   droppable: e,
   subject: t,
   center: n,
@@ -3845,7 +3845,7 @@ var pa = ({
   const s = e.frame;
   if (!s)
     return null;
-  const c = mo({
+  const c = ho({
     dragStartTime: r,
     container: s.pageMarginBox,
     subject: t,
@@ -3864,7 +3864,7 @@ var pa = ({
 }) => {
   const s = e.current.page.borderBoxCenter, a = e.dimensions.draggables[e.critical.draggable.id].page.marginBox;
   if (e.isWindowScrollAllowed) {
-    const l = e.viewport, u = pa({
+    const l = e.viewport, u = fa({
       dragStartTime: t,
       viewport: l,
       subject: a,
@@ -3877,14 +3877,14 @@ var pa = ({
       return;
     }
   }
-  const d = ra({
+  const d = oa({
     center: s,
     destination: q(e.impact),
     droppables: e.dimensions.droppables
   });
   if (!d)
     return;
-  const p = fa({
+  const p = ga({
     dragStartTime: t,
     droppable: d,
     subject: a,
@@ -3893,7 +3893,7 @@ var pa = ({
     getAutoScrollerOptions: i
   });
   p && o(d.descriptor.id, p);
-}, ga = ({
+}, ma = ({
   scrollWindow: e,
   scrollDroppable: t,
   getAutoScrollerOptions: n = () => _e
@@ -3940,7 +3940,7 @@ var pa = ({
     },
     scroll: s
   };
-}, ma = ({
+}, ha = ({
   move: e,
   scrollDroppable: t,
   scrollWindow: n
@@ -3953,7 +3953,7 @@ var pa = ({
   }, o = (c, a) => {
     if (!dn(c, a))
       return a;
-    const d = ua(c, a);
+    const d = pa(c, a);
     if (!d)
       return t(c.descriptor.id, a), null;
     const p = j(a, d);
@@ -3961,7 +3961,7 @@ var pa = ({
   }, i = (c, a, d) => {
     if (!c || !ln(a, d))
       return d;
-    const p = da(a, d);
+    const p = ua(a, d);
     if (!p)
       return n(d), null;
     const l = j(d, p);
@@ -3979,17 +3979,17 @@ var pa = ({
     const l = c.viewport, u = i(c.isWindowScrollAllowed, l, p);
     u && r(c, u);
   };
-}, ha = ({
+}, ba = ({
   scrollDroppable: e,
   scrollWindow: t,
   move: n,
   getAutoScrollerOptions: r
 }) => {
-  const o = ga({
+  const o = ma({
     scrollWindow: t,
     scrollDroppable: e,
     getAutoScrollerOptions: r
-  }), i = ma({
+  }), i = ha({
     move: n,
     scrollWindow: t,
     scrollDroppable: e
@@ -4022,7 +4022,7 @@ const fe = "data-rfd", ge = (() => {
     contextId: `${e}-context-id`,
     id: `${e}-id`
   };
-})(), ba = (() => {
+})(), va = (() => {
   const e = `${fe}-droppable`;
   return {
     base: e,
@@ -4031,12 +4031,12 @@ const fe = "data-rfd", ge = (() => {
   };
 })(), nr = {
   contextId: `${fe}-scroll-container-context-id`
-}, va = (e) => (t) => `[${t}="${e}"]`, Ee = (e, t) => e.map((n) => {
+}, ya = (e) => (t) => `[${t}="${e}"]`, Ee = (e, t) => e.map((n) => {
   const r = n.styles[t];
   return r ? `${n.selector} { ${r} }` : "";
-}).join(" "), ya = "pointer-events: none;";
-var Ea = (e) => {
-  const t = va(e), n = (() => {
+}).join(" "), Ea = "pointer-events: none;";
+var Da = (e) => {
+  const t = ya(e), n = (() => {
     const c = `
       cursor: -webkit-grab;
       cursor: grab;
@@ -4050,7 +4050,7 @@ var Ea = (e) => {
           touch-action: manipulation;
         `,
         resting: c,
-        dragging: ya,
+        dragging: Ea,
         dropAnimating: c
       }
     };
@@ -4067,7 +4067,7 @@ var Ea = (e) => {
       }
     };
   })(), o = {
-    selector: t(ba.contextId),
+    selector: t(va.contextId),
     styles: {
       always: "overflow-anchor: none;"
     }
@@ -4093,15 +4093,15 @@ var Ea = (e) => {
     userCancel: Ee(s, "userCancel")
   };
 };
-const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Vo : te, It = () => {
+const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Lo : te, It = () => {
   const e = document.querySelector("head");
   return e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot find the head to append a style to") : f()), e;
 }, rr = (e) => {
   const t = document.createElement("style");
   return e && t.setAttribute("nonce", e), t.type = "text/css", t;
 };
-function Da(e, t) {
-  const n = O(() => Ea(e), [e]), r = B(null), o = B(null), i = D($((l) => {
+function Na(e, t) {
+  const n = C(() => Da(e), [e]), r = B(null), o = B(null), i = D($((l) => {
     const u = o.current;
     u || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot set dynamic style element if it is not set") : f()), u.textContent = l;
   }), []), s = D((l) => {
@@ -4128,27 +4128,27 @@ function Da(e, t) {
   }, [i, n.dropAnimating, n.userCancel]), d = D(() => {
     o.current && i(n.resting);
   }, [i, n.resting]);
-  return O(() => ({
+  return C(() => ({
     dragging: c,
     dropping: a,
     resting: d
   }), [c, a, d]);
 }
-function bo(e, t) {
+function vo(e, t) {
   return Array.from(e.querySelectorAll(t));
 }
-var vo = (e) => e && e.ownerDocument && e.ownerDocument.defaultView ? e.ownerDocument.defaultView : window;
+var yo = (e) => e && e.ownerDocument && e.ownerDocument.defaultView ? e.ownerDocument.defaultView : window;
 function Me(e) {
-  return e instanceof vo(e).HTMLElement;
+  return e instanceof yo(e).HTMLElement;
 }
-function yo(e, t) {
-  const n = `[${ge.contextId}="${e}"]`, r = bo(document, n);
+function Eo(e, t) {
+  const n = `[${ge.contextId}="${e}"]`, r = vo(document, n);
   if (!r.length)
     return process.env.NODE_ENV !== "production" && R(`Unable to find any drag handles in the context "${e}"`), null;
   const o = r.find((i) => i.getAttribute(ge.draggableId) === t);
   return o ? Me(o) ? o : (process.env.NODE_ENV !== "production" && R("drag handle needs to be a HTMLElement"), null) : (process.env.NODE_ENV !== "production" && R(`Unable to find drag handle with id "${t}" as no handle with a matching id was found`), null);
 }
-function Na(e) {
+function xa(e) {
   const t = B({}), n = B(null), r = B(null), o = B(!1), i = D(function(u, g) {
     const m = {
       id: u,
@@ -4159,7 +4159,7 @@ function Na(e) {
       h[u] !== m && delete h[u];
     };
   }, []), s = D(function(u) {
-    const g = yo(e, u);
+    const g = Eo(e, u);
     g && g !== document.activeElement && g.focus();
   }, [e]), c = D(function(u, g) {
     n.current === u && (n.current = g);
@@ -4178,14 +4178,14 @@ function Na(e) {
     o.current = !1;
     const u = r.current;
     u && cancelAnimationFrame(u);
-  }), []), O(() => ({
+  }), []), C(() => ({
     register: i,
     tryRecordFocus: d,
     tryRestoreFocusRecorded: a,
     tryShiftRecord: c
   }), [i, d, a, c]);
 }
-function xa() {
+function Ia() {
   const e = {
     draggables: {},
     droppables: {}
@@ -4259,8 +4259,8 @@ function xa() {
     clean: p
   };
 }
-function Ia() {
-  const e = O(xa, []);
+function Oa() {
+  const e = C(Ia, []);
   return te(() => function() {
     e.clean();
   }, [e]), e;
@@ -4269,7 +4269,7 @@ var un = V.createContext(null), Pe = () => {
   const e = document.body;
   return e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot find document.body") : f()), e;
 };
-const Oa = {
+const Ca = {
   position: "absolute",
   width: "1px",
   height: "1px",
@@ -4280,11 +4280,11 @@ const Oa = {
   clip: "rect(0 0 0 0)",
   "clip-path": "inset(100%)"
 }, wa = (e) => `rfd-announcement-${e}`;
-function Ca(e) {
-  const t = O(() => wa(e), [e]), n = B(null);
+function Sa(e) {
+  const t = C(() => wa(e), [e]), n = B(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"), Ye(i.style, Oa), Pe().appendChild(i), function() {
+    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Ye(i.style, Ca), Pe().appendChild(i), function() {
       setTimeout(function() {
         const a = Pe();
         a.contains(i) && a.removeChild(i), i === n.current && (n.current = null);
@@ -4308,26 +4308,26 @@ function Ca(e) {
     `);
   }, []);
 }
-const Sa = {
+const Aa = {
   separator: "::"
 };
-function pn(e, t = Sa) {
+function pn(e, t = Aa) {
   const n = V.useId();
-  return O(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
+  return C(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
 }
-function Aa({
+function _a({
   contextId: e,
   uniqueId: t
 }) {
   return `rfd-hidden-text-${e}-${t}`;
 }
-function _a({
+function Pa({
   contextId: e,
   text: t
 }) {
   const n = pn("hidden-text", {
     separator: "-"
-  }), r = O(() => Aa({
+  }), r = C(() => _a({
     contextId: e,
     uniqueId: n
   }), [n, e]);
@@ -4339,11 +4339,11 @@ function _a({
     };
   }, [r, t]), r;
 }
-var ot = V.createContext(null), Pa = {
+var ot = V.createContext(null), Ra = {
   react: "^18.0.0 || ^19.0.0"
 };
-const Ra = /(\d+)\.(\d+)\.(\d+)/, or = (e) => {
-  const t = Ra.exec(e);
+const Ta = /(\d+)\.(\d+)\.(\d+)/, or = (e) => {
+  const t = Ta.exec(e);
   t == null && (process.env.NODE_ENV !== "production" ? f(!1, `Unable to parse React version ${e}`) : f());
   const n = Number(t[1]), r = Number(t[2]), o = Number(t[3]);
   return {
@@ -4352,10 +4352,10 @@ const Ra = /(\d+)\.(\d+)\.(\d+)/, or = (e) => {
     patch: o,
     raw: e
   };
-}, Ta = (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 Ba = (e, t) => {
+}, Ba = (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 Va = (e, t) => {
   const n = or(e), r = or(t);
-  Ta(n, r) || process.env.NODE_ENV !== "production" && R(`
+  Ba(n, r) || process.env.NODE_ENV !== "production" && R(`
     React version: [${r.raw}]
     does not satisfy expected peer dependency version: [${n.raw}]
 
@@ -4368,7 +4368,7 @@ const Ot = `
 
   More information: https://github.com/hello-pangea/dnd/blob/main/docs/guides/doctype.md
 `;
-var Va = (e) => {
+var La = (e) => {
   const t = e.doctype;
   if (!t) {
     process.env.NODE_ENV !== "production" && R(`
@@ -4407,9 +4407,9 @@ function $e(e, t) {
     }, t);
   });
 }
-function La() {
+function Ma() {
   $e(() => {
-    Ba(Pa.react, V.version), Va(document);
+    Va(Ra.react, V.version), La(document);
   }, []);
 }
 function gn(e) {
@@ -4418,7 +4418,7 @@ function gn(e) {
     t.current = e;
   }), t;
 }
-function Ma() {
+function $a() {
   let e = null;
   function t() {
     return !!e;
@@ -4450,24 +4450,24 @@ function Ma() {
 function Re(e) {
   return e.phase === "IDLE" || e.phase === "DROP_ANIMATING" ? !1 : e.isDragging;
 }
-const $a = 9, Ga = 13, mn = 27, Eo = 32, Fa = 33, ka = 34, Wa = 35, Ua = 36, Ha = 37, za = 38, ja = 39, qa = 40, Ya = {
-  [Ga]: !0,
-  [$a]: !0
+const Ga = 9, Fa = 13, mn = 27, Do = 32, ka = 33, Wa = 34, Ua = 35, Ha = 36, za = 37, ja = 38, qa = 39, Ya = 40, Xa = {
+  [Fa]: !0,
+  [Ga]: !0
 };
-var Do = (e) => {
-  Ya[e.keyCode] && e.preventDefault();
+var No = (e) => {
+  Xa[e.keyCode] && e.preventDefault();
 };
 const it = (() => {
   const e = "visibilitychange";
   return typeof document > "u" ? e : [e, `ms${e}`, `webkit${e}`, `moz${e}`, `o${e}`].find((r) => `on${r}` in document) || e;
-})(), No = 0, ir = 5;
-function Xa(e, t) {
+})(), xo = 0, ir = 5;
+function Ka(e, t) {
   return Math.abs(t.x - e.x) >= ir || Math.abs(t.y - e.y) >= ir;
 }
 const sr = {
   type: "IDLE"
 };
-function Ka({
+function Ja({
   cancel: e,
   completed: t,
   getPhase: n,
@@ -4481,7 +4481,7 @@ function Ka({
         clientX: s,
         clientY: c
       } = o;
-      if (i !== No)
+      if (i !== xo)
         return;
       const a = {
         x: s,
@@ -4493,7 +4493,7 @@ function Ka({
       }
       d.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot be IDLE") : f());
       const p = d.point;
-      if (!Xa(p, a))
+      if (!Ka(p, a))
         return;
       o.preventDefault();
       const l = d.actions.fluidLift(a);
@@ -4530,7 +4530,7 @@ function Ka({
         o.preventDefault(), e();
         return;
       }
-      Do(o);
+      No(o);
     }
   }, {
     eventName: "resize",
@@ -4559,11 +4559,11 @@ function Ka({
     fn: e
   }];
 }
-function Ja(e) {
-  const t = B(sr), n = B(re), r = O(() => ({
+function Za(e) {
+  const t = B(sr), n = B(re), r = C(() => ({
     eventName: "mousedown",
     fn: function(l) {
-      if (l.defaultPrevented || l.button !== No || l.ctrlKey || l.metaKey || l.shiftKey || l.altKey)
+      if (l.defaultPrevented || l.button !== xo || l.ctrlKey || l.metaKey || l.shiftKey || l.altKey)
         return;
       const u = e.findClosestDraggableId(l);
       if (!u)
@@ -4580,7 +4580,7 @@ function Ja(e) {
       };
       n.current(), d(g, m);
     }
-  }), [e]), o = O(() => ({
+  }), [e]), o = C(() => ({
     eventName: "webkitmouseforcewillbegin",
     fn: (p) => {
       if (p.defaultPrevented)
@@ -4608,7 +4608,7 @@ function Ja(e) {
     const l = {
       capture: !0,
       passive: !1
-    }, u = Ka({
+    }, u = Ja({
       cancel: c,
       completed: s,
       getPhase: () => t.current,
@@ -4630,15 +4630,15 @@ function Ja(e) {
     };
   }, [i]);
 }
-function Za() {
+function Qa() {
 }
-const Qa = {
+const el = {
+  [Wa]: !0,
   [ka]: !0,
-  [Fa]: !0,
-  [Ua]: !0,
-  [Wa]: !0
+  [Ha]: !0,
+  [Ua]: !0
 };
-function el(e, t) {
+function tl(e, t) {
   function n() {
     t(), e.cancel();
   }
@@ -4652,31 +4652,31 @@ function el(e, t) {
         o.preventDefault(), n();
         return;
       }
-      if (o.keyCode === Eo) {
+      if (o.keyCode === Do) {
         o.preventDefault(), r();
         return;
       }
-      if (o.keyCode === qa) {
+      if (o.keyCode === Ya) {
         o.preventDefault(), e.moveDown();
         return;
       }
-      if (o.keyCode === za) {
+      if (o.keyCode === ja) {
         o.preventDefault(), e.moveUp();
         return;
       }
-      if (o.keyCode === ja) {
+      if (o.keyCode === qa) {
         o.preventDefault(), e.moveRight();
         return;
       }
-      if (o.keyCode === Ha) {
+      if (o.keyCode === za) {
         o.preventDefault(), e.moveLeft();
         return;
       }
-      if (Qa[o.keyCode]) {
+      if (el[o.keyCode]) {
         o.preventDefault();
         return;
       }
-      Do(o);
+      No(o);
     }
   }, {
     eventName: "mousedown",
@@ -4704,11 +4704,11 @@ function el(e, t) {
     fn: n
   }];
 }
-function tl(e) {
-  const t = B(Za), n = O(() => ({
+function nl(e) {
+  const t = B(Qa), n = C(() => ({
     eventName: "keydown",
     fn: function(i) {
-      if (i.defaultPrevented || i.keyCode !== Eo)
+      if (i.defaultPrevented || i.keyCode !== Do)
         return;
       const s = e.findClosestDraggableId(i);
       if (!s)
@@ -4725,7 +4725,7 @@ function tl(e) {
       function p() {
         a || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot stop capturing a keyboard drag when not capturing") : f()), a = !1, t.current(), r();
       }
-      t.current = K(window, el(d, p), {
+      t.current = K(window, tl(d, p), {
         capture: !0,
         passive: !1
       });
@@ -4743,10 +4743,10 @@ function tl(e) {
     };
   }, [r]);
 }
-const wt = {
+const Ct = {
   type: "IDLE"
-}, nl = 120, rl = 0.15;
-function ol({
+}, rl = 120, ol = 0.15;
+function il({
   cancel: e,
   getPhase: t
 }) {
@@ -4775,7 +4775,7 @@ function ol({
     fn: e
   }];
 }
-function il({
+function sl({
   cancel: e,
   completed: t,
   getPhase: n
@@ -4828,7 +4828,7 @@ function il({
       const o = n();
       o.type === "IDLE" && (process.env.NODE_ENV, f());
       const i = r.touches[0];
-      if (!i || !(i.force >= rl))
+      if (!i || !(i.force >= ol))
         return;
       const c = o.actions.shouldRespectForcePress();
       if (o.type === "PENDING") {
@@ -4850,12 +4850,12 @@ function il({
     fn: e
   }];
 }
-function sl(e) {
-  const t = B(wt), n = B(re), r = D(function() {
+function cl(e) {
+  const t = B(Ct), n = B(re), r = D(function() {
     return t.current;
   }, []), o = D(function(g) {
     t.current = g;
-  }, []), i = O(() => ({
+  }, []), i = C(() => ({
     eventName: "touchstart",
     fn: function(g) {
       if (g.defaultPrevented)
@@ -4885,7 +4885,7 @@ function sl(e) {
     n.current = K(window, [i], g);
   }, [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(Ct), n.current(), s());
   }, [s, o]), a = D(() => {
     const u = t.current;
     c(), u.type === "DRAGGING" && u.actions.cancel({
@@ -4899,7 +4899,7 @@ function sl(e) {
       cancel: a,
       completed: c,
       getPhase: r
-    }, b = K(window, il(m), g), h = K(window, ol(m), g);
+    }, b = K(window, sl(m), g), h = K(window, il(m), g);
     n.current = function() {
       b(), h();
     };
@@ -4914,7 +4914,7 @@ function sl(e) {
     });
   }, [r, o]), l = D(function(g, m) {
     r().type !== "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "Expected to move from IDLE to PENDING drag") : f());
-    const b = setTimeout(p, nl);
+    const b = setTimeout(p, rl);
     o({
       type: "PENDING",
       point: m,
@@ -4926,7 +4926,7 @@ function sl(e) {
     return s(), function() {
       n.current();
       const m = r();
-      m.type === "PENDING" && (clearTimeout(m.longPressTimerId), o(wt));
+      m.type === "PENDING" && (clearTimeout(m.longPressTimerId), o(Ct));
     };
   }, [r, s, o]), Y(function() {
     return K(window, [{
@@ -4940,7 +4940,7 @@ function sl(e) {
     }]);
   }, []);
 }
-function cl(e) {
+function al(e) {
   fn(() => {
     const t = gn(e);
     $e(() => {
@@ -4948,52 +4948,52 @@ function cl(e) {
     });
   });
 }
-const al = ["input", "button", "textarea", "select", "option", "optgroup", "video", "audio"];
-function xo(e, t) {
+const ll = ["input", "button", "textarea", "select", "option", "optgroup", "video", "audio"];
+function Io(e, t) {
   if (t == null)
     return !1;
-  if (al.includes(t.tagName.toLowerCase()))
+  if (ll.includes(t.tagName.toLowerCase()))
     return !0;
   const r = t.getAttribute("contenteditable");
-  return r === "true" || r === "" ? !0 : t === e ? !1 : xo(e, t.parentElement);
+  return r === "true" || r === "" ? !0 : t === e ? !1 : Io(e, t.parentElement);
 }
-function ll(e, t) {
+function dl(e, t) {
   const n = t.target;
-  return Me(n) ? xo(e, n) : !1;
+  return Me(n) ? Io(e, n) : !1;
 }
-var dl = (e) => Z(e.getBoundingClientRect()).center;
-function ul(e) {
-  return e instanceof vo(e).Element;
+var ul = (e) => Z(e.getBoundingClientRect()).center;
+function pl(e) {
+  return e instanceof yo(e).Element;
 }
-const pl = (() => {
+const fl = (() => {
   const e = "matches";
   return typeof document > "u" ? e : [e, "msMatchesSelector", "webkitMatchesSelector"].find((r) => r in Element.prototype) || e;
 })();
-function Io(e, t) {
-  return e == null ? null : e[pl](t) ? e : Io(e.parentElement, t);
+function Oo(e, t) {
+  return e == null ? null : e[fl](t) ? e : Oo(e.parentElement, t);
 }
-function fl(e, t) {
-  return e.closest ? e.closest(t) : Io(e, t);
+function gl(e, t) {
+  return e.closest ? e.closest(t) : Oo(e, t);
 }
-function gl(e) {
+function ml(e) {
   return `[${ge.contextId}="${e}"]`;
 }
-function ml(e, t) {
+function hl(e, t) {
   const n = t.target;
-  if (!ul(n))
+  if (!pl(n))
     return process.env.NODE_ENV !== "production" && R("event.target must be a Element"), null;
-  const r = gl(e), o = fl(n, r);
+  const r = ml(e), o = gl(n, r);
   return o ? Me(o) ? o : (process.env.NODE_ENV !== "production" && R("drag handle must be a HTMLElement"), null) : null;
 }
-function hl(e, t) {
-  const n = ml(e, t);
+function bl(e, t) {
+  const n = hl(e, t);
   return n ? n.getAttribute(ge.draggableId) : null;
 }
-function bl(e, t) {
-  const n = `[${kt.contextId}="${e}"]`, o = bo(document, n).find((i) => i.getAttribute(kt.id) === t);
+function vl(e, t) {
+  const n = `[${kt.contextId}="${e}"]`, o = vo(document, n).find((i) => i.getAttribute(kt.id) === t);
   return o ? Me(o) ? o : (process.env.NODE_ENV !== "production" && R("Draggable element is not a HTMLElement"), null) : null;
 }
-function vl(e) {
+function yl(e) {
   e.preventDefault();
 }
 function We({
@@ -5022,7 +5022,7 @@ function We({
         - Check actions.isActive() if you really need to
       `), !1);
 }
-function Oo({
+function Co({
   lockAPI: e,
   store: t,
   registry: n,
@@ -5031,9 +5031,9 @@ function Oo({
   if (e.isClaimed())
     return !1;
   const o = n.draggable.findById(r);
-  return o ? !(!o.options.isEnabled || !fo(t.getState(), r)) : (process.env.NODE_ENV !== "production" && R(`Unable to find draggable with id: ${r}`), !1);
+  return o ? !(!o.options.isEnabled || !go(t.getState(), r)) : (process.env.NODE_ENV !== "production" && R(`Unable to find draggable with id: ${r}`), !1);
 }
-function yl({
+function El({
   lockAPI: e,
   contextId: t,
   store: n,
@@ -5042,17 +5042,17 @@ function yl({
   forceSensorStop: i,
   sourceEvent: s
 }) {
-  if (!Oo({
+  if (!Co({
     lockAPI: e,
     store: n,
     registry: r,
     draggableId: o
   }))
     return null;
-  const a = r.draggable.getById(o), d = bl(t, a.descriptor.id);
+  const a = r.draggable.getById(o), d = vl(t, a.descriptor.id);
   if (!d)
     return process.env.NODE_ENV !== "production" && R(`Unable to find draggable element with id: ${o}`), null;
-  if (s && !a.options.canDragInteractiveElements && ll(d, s))
+  if (s && !a.options.canDragInteractiveElements && dl(d, s))
     return null;
   const p = e.claim(i || re);
   let l = "PRE_DRAG";
@@ -5075,14 +5075,14 @@ function yl({
     function x() {
       e.release(), l = "COMPLETED";
     }
-    l !== "PRE_DRAG" && (x(), process.env.NODE_ENV !== "production" ? f(!1, `Cannot lift in phase ${l}`) : f()), n.dispatch(ic(E.liftActionArgs)), l = "DRAGGING";
+    l !== "PRE_DRAG" && (x(), process.env.NODE_ENV !== "production" ? f(!1, `Cannot lift in phase ${l}`) : f()), n.dispatch(sc(E.liftActionArgs)), l = "DRAGGING";
     function S(_, U = {
       shouldBlockNextClick: !1
     }) {
       if (E.cleanup(), U.shouldBlockNextClick) {
         const T = K(window, [{
           eventName: "click",
-          fn: vl,
+          fn: yl,
           options: {
             once: !0,
             passive: !1,
@@ -5091,7 +5091,7 @@ function yl({
         }]);
         setTimeout(T);
       }
-      x(), n.dispatch(oo({
+      x(), n.dispatch(io({
         reason: _
       }));
     }
@@ -5110,7 +5110,7 @@ function yl({
   }
   function y(E) {
     const x = Ie((_) => {
-      b(() => ro({
+      b(() => oo({
         client: _
       }));
     });
@@ -5131,15 +5131,15 @@ function yl({
   }
   function v() {
     const E = {
-      moveUp: () => b(gc),
-      moveRight: () => b(hc),
-      moveDown: () => b(mc),
-      moveLeft: () => b(bc)
+      moveUp: () => b(mc),
+      moveRight: () => b(bc),
+      moveDown: () => b(hc),
+      moveLeft: () => b(vc)
     };
     return h({
       liftActionArgs: {
         id: o,
-        clientSelection: dl(d),
+        clientSelection: ul(d),
         movementMode: "SNAP"
       },
       cleanup: re,
@@ -5167,15 +5167,15 @@ function yl({
     abort: I
   };
 }
-const El = [Ja, tl, sl];
-function Dl({
+const Dl = [Za, nl, cl];
+function Nl({
   contextId: e,
   store: t,
   registry: n,
   customSensors: r,
   enableDefaultSensors: o
 }) {
-  const i = [...o ? El : [], ...r || []], s = Ze(() => Ma())[0], c = D(function(h, y) {
+  const i = [...o ? Dl : [], ...r || []], s = Ze(() => $a())[0], c = D(function(h, y) {
     Re(h) && !Re(y) && s.tryAbandon();
   }, [s]);
   Y(function() {
@@ -5185,12 +5185,12 @@ function Dl({
       c(h, v), h = v;
     });
   }, [s, t, c]), Y(() => s.tryAbandon, [s.tryAbandon]);
-  const a = D((b) => Oo({
+  const a = D((b) => Co({
     lockAPI: s,
     registry: n,
     store: t,
     draggableId: b
-  }), [s, n, t]), d = D((b, h, y) => yl({
+  }), [s, n, t]), d = D((b, h, y) => El({
     lockAPI: s,
     registry: n,
     contextId: e,
@@ -5198,12 +5198,12 @@ function Dl({
     draggableId: b,
     forceSensorStop: h || null,
     sourceEvent: y && y.sourceEvent ? y.sourceEvent : null
-  }), [e, s, n, t]), p = D((b) => hl(e, b), [e]), l = D((b) => {
+  }), [e, s, n, t]), p = D((b) => bl(e, b), [e]), l = D((b) => {
     const h = n.draggable.findById(b);
     return h ? h.options : null;
   }, [n.draggable]), u = D(function() {
     s.isClaimed() && (s.tryAbandon(), t.getState().phase !== "IDLE" && t.dispatch(rn()));
-  }, [s, t]), g = D(() => s.isClaimed(), [s]), m = O(() => ({
+  }, [s, t]), g = D(() => s.isClaimed(), [s]), m = C(() => ({
     canGetLock: a,
     tryGetLock: d,
     findClosestDraggableId: p,
@@ -5211,13 +5211,13 @@ function Dl({
     tryReleaseLock: u,
     isLockClaimed: g
   }), [a, d, p, l, u, g]);
-  cl(i);
+  al(i);
   for (let b = 0; b < i.length; b++)
     i[b](m);
 }
-const Nl = (e) => ({
+const xl = (e) => ({
   onBeforeCapture: (t) => {
-    mr(() => {
+    hr(() => {
       e.onBeforeCapture && e.onBeforeCapture(t);
     });
   },
@@ -5225,7 +5225,7 @@ const Nl = (e) => ({
   onDragStart: e.onDragStart,
   onDragEnd: e.onDragEnd,
   onDragUpdate: e.onDragUpdate
-}), xl = (e) => ({
+}), Il = (e) => ({
   ..._e,
   ...e.autoScrollerOptions,
   durationDampening: {
@@ -5236,7 +5236,7 @@ const Nl = (e) => ({
 function De(e) {
   return e.current || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find store from lazy ref") : f()), e.current;
 }
-function Il(e) {
+function Ol(e) {
   const {
     contextId: t,
     setCallbacks: n,
@@ -5244,26 +5244,26 @@ function Il(e) {
     nonce: o,
     dragHandleUsageInstructions: i
   } = e, s = B(null);
-  La();
-  const c = gn(e), a = D(() => Nl(c.current), [c]), d = D(() => xl(c.current), [c]), p = Ca(t), l = _a({
+  Ma();
+  const c = gn(e), a = D(() => xl(c.current), [c]), d = D(() => Il(c.current), [c]), p = Sa(t), l = Pa({
     contextId: t,
     text: i
-  }), u = Da(t, o), g = D((T) => {
+  }), u = Na(t, o), g = D((T) => {
     De(s).dispatch(T);
-  }, []), m = O(() => Cn({
-    publishWhileDragging: cc,
-    updateDroppableScroll: lc,
-    updateDroppableIsEnabled: dc,
-    updateDroppableIsCombineEnabled: uc,
-    collectionStarting: ac
-  }, g), [g]), b = Ia(), h = O(() => Qc(b, m), [b, m]), y = O(() => ha({
-    scrollWindow: ea,
+  }, []), m = C(() => wn({
+    publishWhileDragging: ac,
+    updateDroppableScroll: dc,
+    updateDroppableIsEnabled: uc,
+    updateDroppableIsCombineEnabled: pc,
+    collectionStarting: lc
+  }, g), [g]), b = Oa(), h = C(() => ea(b, m), [b, m]), y = C(() => ba({
+    scrollWindow: ta,
     scrollDroppable: h.scrollDroppable,
     getAutoScrollerOptions: d,
-    ...Cn({
-      move: ro
+    ...wn({
+      move: oo
     }, g)
-  }), [h.scrollDroppable, g, d]), v = Na(t), I = O(() => Xc({
+  }), [h.scrollDroppable, g, d]), v = xa(t), I = C(() => Kc({
     announce: p,
     autoScroller: y,
     dimensionMarshal: h,
@@ -5278,12 +5278,12 @@ function Il(e) {
   }, []), E = D(() => {
     const T = De(s).getState();
     return T.phase === "DROP_ANIMATING" ? !0 : T.phase === "IDLE" ? !1 : T.isDragging;
-  }, []), x = O(() => ({
+  }, []), x = C(() => ({
     isDragging: E,
     tryAbort: N
   }), [E, N]);
   n(x);
-  const S = D((T) => fo(De(s).getState(), T), []), _ = D(() => ce(De(s).getState()), []), U = O(() => ({
+  const S = D((T) => go(De(s).getState(), T), []), _ = D(() => ce(De(s).getState()), []), U = C(() => ({
     marshal: h,
     focus: v,
     contextId: t,
@@ -5292,7 +5292,7 @@ function Il(e) {
     dragHandleUsageInstructionsId: l,
     registry: b
   }), [t, h, l, v, S, _, b]);
-  return Dl({
+  return Nl({
     contextId: t,
     store: I,
     registry: b,
@@ -5300,17 +5300,17 @@ function Il(e) {
     enableDefaultSensors: e.enableDefaultSensors !== !1
   }), te(() => N, [N]), V.createElement(ot.Provider, {
     value: U
-  }, V.createElement(Li, {
+  }, V.createElement(Mi, {
     context: un,
     store: I
   }, e.children));
 }
-function Ol() {
+function Cl() {
   return V.useId();
 }
 function wl(e) {
-  const t = Ol(), n = e.dragHandleUsageInstructions || He.dragHandleUsageInstructions;
-  return V.createElement(Yi, null, (r) => V.createElement(Il, {
+  const t = Cl(), n = e.dragHandleUsageInstructions || He.dragHandleUsageInstructions;
+  return V.createElement(Xi, null, (r) => V.createElement(Ol, {
     nonce: e.nonce,
     contextId: t,
     setCallbacks: r,
@@ -5328,16 +5328,16 @@ function wl(e) {
 const cr = {
   dragging: 5e3,
   dropAnimating: 4500
-}, Cl = (e, t) => t ? xe.drop(t.duration) : e ? xe.snap : xe.fluid, Sl = (e, t) => {
+}, Sl = (e, t) => t ? xe.drop(t.duration) : e ? xe.snap : xe.fluid, Al = (e, t) => {
   if (e)
     return t ? Ae.opacity.drop : Ae.opacity.combining;
-}, Al = (e) => e.forceShouldAnimate != null ? e.forceShouldAnimate : e.mode === "SNAP";
-function _l(e) {
+}, _l = (e) => e.forceShouldAnimate != null ? e.forceShouldAnimate : e.mode === "SNAP";
+function Pl(e) {
   const n = e.dimension.client, {
     offset: r,
     combineWith: o,
     dropping: i
-  } = e, s = !!o, c = Al(e), a = !!i, d = a ? Gt.drop(r, s) : Gt.moveTo(r);
+  } = e, s = !!o, c = _l(e), a = !!i, d = a ? Gt.drop(r, s) : Gt.moveTo(r);
   return {
     position: "fixed",
     top: n.marginBox.top,
@@ -5345,24 +5345,24 @@ function _l(e) {
     boxSizing: "border-box",
     width: n.borderBox.width,
     height: n.borderBox.height,
-    transition: Cl(c, i),
+    transition: Sl(c, i),
     transform: d,
-    opacity: Sl(s, a),
+    opacity: Al(s, a),
     zIndex: a ? cr.dropAnimating : cr.dragging,
     pointerEvents: "none"
   };
 }
-function Pl(e) {
+function Rl(e) {
   return {
     transform: Gt.moveTo(e.offset),
     transition: e.shouldAnimateDisplacement ? void 0 : "none"
   };
 }
-function Rl(e) {
-  return e.type === "DRAGGING" ? _l(e) : Pl(e);
+function Tl(e) {
+  return e.type === "DRAGGING" ? Pl(e) : Rl(e);
 }
-function Tl(e, t, n = G) {
-  const r = window.getComputedStyle(t), o = t.getBoundingClientRect(), i = Pr(o, r), s = qe(i, n), c = {
+function Bl(e, t, n = G) {
+  const r = window.getComputedStyle(t), o = t.getBoundingClientRect(), i = Rr(o, r), s = qe(i, n), c = {
     client: i,
     tagName: t.tagName.toLowerCase(),
     display: r.display
@@ -5378,7 +5378,7 @@ function Tl(e, t, n = G) {
     page: s
   };
 }
-function Bl(e) {
+function Vl(e) {
   const t = pn("draggable"), {
     descriptor: n,
     registry: r,
@@ -5386,14 +5386,14 @@ function Bl(e) {
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
-  } = e, a = O(() => ({
+  } = e, a = C(() => ({
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
   }), [i, c, s]), d = D((g) => {
     const m = o();
-    return m || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot get dimension when no ref is set") : f()), Tl(n, m, g);
-  }, [n, o]), p = O(() => ({
+    return m || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot get dimension when no ref is set") : f()), Bl(n, m, g);
+  }, [n, o]), p = C(() => ({
     uniqueId: t,
     descriptor: n,
     options: a,
@@ -5417,17 +5417,17 @@ function wo(e) {
     https://github.com/hello-pangea/dnd/blob/main/docs/guides/using-inner-ref.md
   `) : f());
 }
-function Vl(e, t, n) {
+function Ll(e, t, n) {
   $e(() => {
     function r(i) {
       return `Draggable[id: ${i}]: `;
     }
     const o = e.draggableId;
     o || (process.env.NODE_ENV !== "production" ? f(!1, "Draggable requires a draggableId") : f(!1)), typeof o != "string" && (process.env.NODE_ENV !== "production" ? f(!1, `Draggable requires a [string] draggableId.
-      Provided: [type: ${typeof o}] (value: ${o})`) : f(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? f(!1, `${r(o)} requires an integer index prop`) : f(!1)), e.mapped.type !== "DRAGGING" && (wo(n()), e.isEnabled && (yo(t, o) || (process.env.NODE_ENV !== "production" ? f(!1, `${r(o)} Unable to find drag handle`) : f(!1))));
+      Provided: [type: ${typeof o}] (value: ${o})`) : f(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? f(!1, `${r(o)} requires an integer index prop`) : f(!1)), e.mapped.type !== "DRAGGING" && (wo(n()), e.isEnabled && (Eo(t, o) || (process.env.NODE_ENV !== "production" ? f(!1, `${r(o)} Unable to find drag handle`) : f(!1))));
   });
 }
-function Ll(e) {
+function Ml(e) {
   fn(() => {
     const t = B(e);
     $e(() => {
@@ -5436,13 +5436,13 @@ function Ll(e) {
   });
 }
 function Je(e) {
-  const t = gr(e);
+  const t = mr(e);
   return t || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find required context") : f()), t;
 }
-function Ml(e) {
+function $l(e) {
   e.preventDefault();
 }
-const $l = (e) => {
+const Gl = (e) => {
   const t = B(null), n = D((x = null) => {
     t.current = x;
   }, []), r = D(() => t.current, []), {
@@ -5452,7 +5452,7 @@ const $l = (e) => {
   } = Je(ot), {
     type: c,
     droppableId: a
-  } = Je(hn), d = O(() => ({
+  } = Je(hn), d = C(() => ({
     id: e.draggableId,
     index: e.index,
     type: c,
@@ -5467,8 +5467,8 @@ const $l = (e) => {
     mapped: h,
     dropAnimationFinished: y
   } = e;
-  if (Vl(e, o, r), Ll(b), !b) {
-    const x = O(() => ({
+  if (Ll(e, o, r), Ml(b), !b) {
+    const x = C(() => ({
       descriptor: d,
       registry: s,
       getDraggableRef: r,
@@ -5476,20 +5476,20 @@ const $l = (e) => {
       shouldRespectForcePress: g,
       isEnabled: u
     }), [d, s, r, m, g, u]);
-    Bl(x);
+    Vl(x);
   }
-  const v = O(() => u ? {
+  const v = C(() => 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: Ml
+    onDragStart: $l
   } : null, [o, i, l, u]), I = D((x) => {
-    h.type === "DRAGGING" && h.dropping && x.propertyName === "transform" && mr(y);
-  }, [y, h]), N = O(() => {
-    const x = Rl(h), S = h.type === "DRAGGING" && h.dropping ? I : void 0;
+    h.type === "DRAGGING" && h.dropping && x.propertyName === "transform" && hr(y);
+  }, [y, h]), N = C(() => {
+    const x = Tl(h), S = h.type === "DRAGGING" && h.dropping ? I : void 0;
     return {
       innerRef: n,
       draggableProps: {
@@ -5500,7 +5500,7 @@ const $l = (e) => {
       },
       dragHandleProps: v
     };
-  }, [o, v, l, h, I, n]), E = O(() => ({
+  }, [o, v, l, h, I, n]), E = C(() => ({
     draggableId: d.id,
     type: d.type,
     source: {
@@ -5510,15 +5510,15 @@ const $l = (e) => {
   }), [d.droppableId, d.id, d.index, d.type]);
   return V.createElement(V.Fragment, null, p(N, h.snapshot, E));
 };
-var Co = (e, t) => e === t, So = (e) => {
+var So = (e, t) => e === t, Ao = (e) => {
   const {
     combine: t,
     destination: n
   } = e;
   return n ? n.droppableId : t ? t.droppableId : null;
 };
-const Gl = (e) => e.combine ? e.combine.draggableId : null, Fl = (e) => e.at && e.at.type === "COMBINE" ? e.at.combine.draggableId : null;
-function kl() {
+const Fl = (e) => e.combine ? e.combine.draggableId : null, kl = (e) => e.at && e.at.type === "COMBINE" ? e.at.combine.draggableId : null;
+function Wl() {
   const e = $((o, i) => ({
     x: o,
     y: i
@@ -5548,14 +5548,14 @@ function kl() {
     if (Re(o)) {
       if (o.critical.draggable.id !== i.draggableId)
         return null;
-      const s = o.current.client.offset, c = o.dimensions.draggables[i.draggableId], a = q(o.impact), d = Fl(o.impact), p = o.forceShouldAnimate;
+      const s = o.current.client.offset, c = o.dimensions.draggables[i.draggableId], a = q(o.impact), d = kl(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 = So(d), u = Gl(d), m = {
+      const c = i.isClone, a = o.dimensions.draggables[i.draggableId], d = s.result, p = d.mode, l = Ao(d), u = Fl(d), m = {
         duration: o.dropDuration,
         curve: sn.drop,
         moveTo: o.newHomeClientOffset,
@@ -5579,7 +5579,7 @@ function kl() {
     return null;
   };
 }
-function Ao(e = null) {
+function _o(e = null) {
   return {
     isDragging: !1,
     isDropAnimating: !1,
@@ -5591,20 +5591,20 @@ function Ao(e = null) {
     combineWith: null
   };
 }
-const Wl = {
+const Ul = {
   mapped: {
     type: "SECONDARY",
     offset: G,
     combineTargetFor: null,
     shouldAnimateDisplacement: !0,
-    snapshot: Ao(null)
+    snapshot: _o(null)
   }
 };
-function Ul() {
+function Hl() {
   const e = $((s, c) => ({
     x: s,
     y: c
-  })), t = $(Ao), n = $((s, c = null, a) => ({
+  })), t = $(_o), n = $((s, c = null, a) => ({
     mapped: {
       type: "SECONDARY",
       offset: s,
@@ -5637,44 +5637,44 @@ function Ul() {
     return null;
   };
 }
-const Hl = () => {
-  const e = kl(), t = Ul();
-  return (r, o) => e(r, o) || t(r, o) || Wl;
-}, zl = {
-  dropAnimationFinished: io
-}, jl = _r(Hl, zl, null, {
+const zl = () => {
+  const e = Wl(), t = Hl();
+  return (r, o) => e(r, o) || t(r, o) || Ul;
+}, jl = {
+  dropAnimationFinished: so
+}, ql = Pr(zl, jl, null, {
   context: un,
-  areStatePropsEqual: Co
-})($l);
-function _o(e) {
-  return Je(hn).isUsingCloneFor === e.draggableId && !e.isClone ? null : V.createElement(jl, e);
+  areStatePropsEqual: So
+})(Gl);
+function Po(e) {
+  return Je(hn).isUsingCloneFor === e.draggableId && !e.isClone ? null : V.createElement(ql, e);
 }
-function ql(e) {
+function Yl(e) {
   const t = typeof e.isDragDisabled == "boolean" ? !e.isDragDisabled : !0, n = !!e.disableInteractiveElementBlocking, r = !!e.shouldRespectForcePress;
-  return V.createElement(_o, Ye({}, e, {
+  return V.createElement(Po, Ye({}, e, {
     isClone: !1,
     isEnabled: t,
     canDragInteractiveElements: n,
     shouldRespectForcePress: r
   }));
 }
-const bn = (e) => (t) => e === t, Yl = bn("scroll"), Xl = bn("auto"), Kl = bn("visible"), ar = (e, t) => t(e.overflowX) || t(e.overflowY), Jl = (e, t) => t(e.overflowX) && t(e.overflowY), Po = (e) => {
+const bn = (e) => (t) => e === t, Xl = bn("scroll"), Kl = bn("auto"), Jl = bn("visible"), ar = (e, t) => t(e.overflowX) || t(e.overflowY), Zl = (e, t) => t(e.overflowX) && t(e.overflowY), Ro = (e) => {
   const t = window.getComputedStyle(e), n = {
     overflowX: t.overflowX,
     overflowY: t.overflowY
   };
-  return ar(n, Yl) || ar(n, Xl);
-}, Zl = () => {
+  return ar(n, Xl) || ar(n, Kl);
+}, Ql = () => {
   if (process.env.NODE_ENV === "production")
     return !1;
   const e = Pe(), t = document.documentElement;
-  if (t || (process.env.NODE_ENV, f()), !Po(e))
+  if (t || (process.env.NODE_ENV, f()), !Ro(e))
     return !1;
   const n = window.getComputedStyle(t), r = {
     overflowX: n.overflowX,
     overflowY: n.overflowY
   };
-  return Jl(r, Kl) || process.env.NODE_ENV !== "production" && R(`
+  return Zl(r, Jl) || process.env.NODE_ENV !== "production" && R(`
     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 bn = (e) => (t) => e === t, Yl = bn("scroll"), Xl = bn("auto"), Kl = bn("v
 
     More information: https://github.com/hello-pangea/dnd/blob/main/docs/guides/how-we-detect-scroll-containers.md
   `), !1;
-}, vn = (e) => e == null ? null : e === document.body ? Zl() ? e : null : e === document.documentElement ? null : Po(e) ? e : vn(e.parentElement);
-var Ql = (e) => {
+}, vn = (e) => e == null ? null : e === document.body ? Ql() ? e : null : e === document.documentElement ? null : Ro(e) ? e : vn(e.parentElement);
+var ed = (e) => {
   !e || !vn(e.parentElement) || process.env.NODE_ENV !== "production" && R(`
     Droppable: unsupported nested scroll container detected.
     A Droppable can only have one scroll parent (which can be itself)
@@ -5697,14 +5697,14 @@ var Ql = (e) => {
   x: e.scrollLeft,
   y: e.scrollTop
 });
-const Ro = (e) => e ? window.getComputedStyle(e).position === "fixed" ? !0 : Ro(e.parentElement) : !1;
-var ed = (e) => {
-  const t = vn(e), n = Ro(e);
+const To = (e) => e ? window.getComputedStyle(e).position === "fixed" ? !0 : To(e.parentElement) : !1;
+var td = (e) => {
+  const t = vn(e), n = To(e);
   return {
     closestScrollable: t,
     isFixedOnPage: n
   };
-}, td = ({
+}, nd = ({
   descriptor: e,
   isEnabled: t,
   isCombineEnabled: n,
@@ -5720,7 +5720,7 @@ var ed = (e) => {
     const {
       scrollSize: u,
       client: g
-    } = c, m = lo({
+    } = c, m = uo({
       scrollHeight: u.scrollHeight,
       scrollWidth: u.scrollWidth,
       height: g.paddingBox.height,
@@ -5741,7 +5741,7 @@ var ed = (e) => {
         }
       }
     };
-  })(), d = o === "vertical" ? Zt : Wr, p = pe({
+  })(), d = o === "vertical" ? Zt : Ur, p = pe({
     page: s,
     withPlaceholder: null,
     axis: d,
@@ -5759,8 +5759,8 @@ var ed = (e) => {
     subject: p
   };
 };
-const nd = (e, t) => {
-  const n = Rr(e);
+const rd = (e, t) => {
+  const n = Tr(e);
   if (!t || e !== t)
     return n;
   const r = n.paddingBox.top - t.scrollTop, o = n.paddingBox.left - t.scrollLeft, i = r + t.scrollHeight, s = o + t.scrollWidth, a = Yt({
@@ -5776,7 +5776,7 @@ const nd = (e, t) => {
     padding: n.padding
   });
 };
-var rd = ({
+var od = ({
   ref: e,
   descriptor: t,
   env: n,
@@ -5786,10 +5786,10 @@ var rd = ({
   isCombineEnabled: s,
   shouldClipSubject: c
 }) => {
-  const a = n.closestScrollable, d = nd(e, a), p = qe(d, r), l = (() => {
+  const a = n.closestScrollable, d = rd(e, a), p = qe(d, r), l = (() => {
     if (!a)
       return null;
-    const g = Rr(a), m = {
+    const g = Tr(a), m = {
       scrollHeight: a.scrollHeight,
       scrollWidth: a.scrollWidth
     };
@@ -5801,7 +5801,7 @@ var rd = ({
       shouldClipSubject: c
     };
   })();
-  return td({
+  return nd({
     descriptor: t,
     isEnabled: !i,
     isCombineEnabled: s,
@@ -5812,22 +5812,22 @@ var rd = ({
     closest: l
   });
 };
-const od = {
+const id = {
   passive: !1
-}, id = {
+}, sd = {
   passive: !0
 };
-var lr = (e) => e.shouldPublishImmediately ? od : id;
+var lr = (e) => e.shouldPublishImmediately ? id : sd;
 const Ue = (e) => e && e.env.closestScrollable || null;
-function sd(e) {
+function cd(e) {
   const t = B(null), n = Je(ot), r = pn("droppable"), {
     registry: o,
     marshal: i
-  } = n, s = gn(e), c = O(() => ({
+  } = n, s = gn(e), c = C(() => ({
     id: e.droppableId,
     type: e.type,
     mode: e.mode
-  }), [e.droppableId, e.mode, e.type]), a = B(c), d = O(() => $((N, E) => {
+  }), [e.droppableId, e.mode, e.type]), a = B(c), d = C(() => $((N, E) => {
     t.current || (process.env.NODE_ENV !== "production" ? f(!1, "Can only update scroll when dragging") : f());
     const x = {
       x: N,
@@ -5840,7 +5840,7 @@ function sd(e) {
   }, []), l = D(() => {
     const N = p();
     d(N.x, N.y);
-  }, [p, d]), u = O(() => Ie(l), [l]), g = D(() => {
+  }, [p, d]), u = C(() => Ie(l), [l]), g = D(() => {
     const N = t.current, E = Ue(N);
     if (N && E || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find scroll options while scrolling") : f()), N.scrollOptions.shouldPublishImmediately) {
       l();
@@ -5851,14 +5851,14 @@ function sd(e) {
     t.current && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot collect a droppable while a drag is occurring") : f());
     const x = s.current, S = x.getDroppableRef();
     S || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot collect without a droppable ref") : f());
-    const _ = ed(S), U = {
+    const _ = td(S), U = {
       ref: S,
       descriptor: c,
       env: _,
       scrollOptions: E
     };
     t.current = U;
-    const T = rd({
+    const T = od({
       ref: S,
       descriptor: c,
       env: _,
@@ -5868,7 +5868,7 @@ function sd(e) {
       isCombineEnabled: x.isCombineEnabled,
       shouldClipSubject: !x.ignoreContainerClipping
     }), H = _.closestScrollable;
-    return H && (H.setAttribute(nr.contextId, n.contextId), H.addEventListener("scroll", g, lr(U.scrollOptions)), process.env.NODE_ENV !== "production" && Ql(H)), T;
+    return H && (H.setAttribute(nr.contextId, n.contextId), H.addEventListener("scroll", g, lr(U.scrollOptions)), process.env.NODE_ENV !== "production" && ed(H)), T;
   }, [n.contextId, c, g, s]), b = D(() => {
     const N = t.current, E = Ue(N);
     return N && E || (process.env.NODE_ENV !== "production" ? f(!1, "Can only recollect Droppable client for Droppables that have a scroll container") : f()), Wt(E);
@@ -5882,12 +5882,12 @@ function sd(e) {
     E || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot scroll when there is no drag") : f());
     const x = Ue(E);
     x || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot scroll a droppable with no closest scrollable") : f()), x.scrollTop += N.y, x.scrollLeft += N.x;
-  }, []), v = O(() => ({
+  }, []), v = C(() => ({
     getDimensionAndWatchScroll: m,
     getScrollWhileDragging: b,
     dragStopped: h,
     scroll: y
-  }), [h, m, b, y]), I = O(() => ({
+  }), [h, m, b, y]), I = C(() => ({
     uniqueId: r,
     descriptor: c,
     callbacks: v
@@ -5900,13 +5900,13 @@ function sd(e) {
     t.current && i.updateDroppableIsCombineEnabled(a.current.id, e.isCombineEnabled);
   }, [e.isCombineEnabled, i]);
 }
-function Ct() {
+function wt() {
 }
 const dr = {
   width: 0,
   height: 0,
-  margin: ts
-}, cd = ({
+  margin: ns
+}, ad = ({
   isAnimatingOpenOnMount: e,
   placeholder: t,
   animate: n
@@ -5914,12 +5914,12 @@ const dr = {
   height: t.client.borderBox.height,
   width: t.client.borderBox.width,
   margin: t.client.margin
-}, ad = ({
+}, ld = ({
   isAnimatingOpenOnMount: e,
   placeholder: t,
   animate: n
 }) => {
-  const r = cd({
+  const r = ad({
     isAnimatingOpenOnMount: e,
     placeholder: t,
     animate: n
@@ -5938,7 +5938,7 @@ const dr = {
     pointerEvents: "none",
     transition: n !== "none" ? xe.placeholder : null
   };
-}, ld = (e) => {
+}, dd = (e) => {
   const t = B(null), n = D(() => {
     t.current && (clearTimeout(t.current), t.current = null);
   }, []), {
@@ -5947,12 +5947,12 @@ const dr = {
     onClose: i,
     contextId: s
   } = e, [c, a] = Ze(e.animate === "open");
-  te(() => c ? r !== "open" ? (n(), a(!1), Ct) : t.current ? Ct : (t.current = setTimeout(() => {
+  te(() => c ? r !== "open" ? (n(), a(!1), wt) : t.current ? wt : (t.current = setTimeout(() => {
     t.current = null, a(!1);
-  }), n) : Ct, [r, c, n]);
+  }), n) : wt, [r, c, n]);
   const d = D((l) => {
     l.propertyName === "height" && (o(), r === "close" && i());
-  }, [r, i, o]), p = ad({
+  }, [r, i, o]), p = ld({
     isAnimatingOpenOnMount: c,
     animate: e.animate,
     placeholder: e.placeholder
@@ -5964,14 +5964,14 @@ const dr = {
     ref: e.innerRef
   });
 };
-var dd = V.memo(ld);
+var ud = V.memo(dd);
 function St(e) {
   return typeof e == "boolean";
 }
 function At(e, t) {
   t.forEach((n) => n(e));
 }
-const ud = [function({
+const pd = [function({
   props: t
 }) {
   t.droppableId || (process.env.NODE_ENV !== "production" ? f(!1, "A Droppable requires a droppableId prop") : f()), typeof t.droppableId != "string" && (process.env.NODE_ENV !== "production" ? f(!1, `A Droppable requires a [string] droppableId. Provided: [${typeof t.droppableId}]`) : f());
@@ -5983,7 +5983,7 @@ const ud = [function({
   getDroppableRef: t
 }) {
   wo(t());
-}], pd = [function({
+}], fd = [function({
   props: t,
   getPlaceholderRef: n
 }) {
@@ -5994,7 +5994,7 @@ const ud = [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
     `);
-}], fd = [function({
+}], gd = [function({
   props: t
 }) {
   t.renderClone || (process.env.NODE_ENV !== "production" ? f(!1, "Must provide a clone render function (renderClone) for virtual lists") : f());
@@ -6003,12 +6003,12 @@ const ud = [function({
 }) {
   t() && (process.env.NODE_ENV !== "production" ? f(!1, "Expected virtual list to not have a placeholder") : f());
 }];
-function gd(e) {
+function md(e) {
   $e(() => {
-    At(e, ud), e.props.mode === "standard" && At(e, pd), e.props.mode === "virtual" && At(e, fd);
+    At(e, pd), e.props.mode === "standard" && At(e, fd), e.props.mode === "virtual" && At(e, gd);
   });
 }
-class md extends V.PureComponent {
+class hd extends V.PureComponent {
   constructor(...t) {
     super(...t), this.state = {
       isVisible: !!this.props.on,
@@ -6050,8 +6050,8 @@ class md extends V.PureComponent {
     return this.props.children(t);
   }
 }
-const hd = (e) => {
-  const t = gr(ot);
+const bd = (e) => {
+  const t = mr(ot);
   t || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find app context") : f());
   const {
     contextId: n,
@@ -6074,17 +6074,17 @@ const hd = (e) => {
   }, []), N = D(() => i.current, []), E = D((M = null) => {
     i.current = M;
   }, []);
-  gd({
+  md({
     props: e,
     getDroppableRef: v,
     getPlaceholderRef: N
   });
   const x = D(() => {
     r() && h({
-      maxScroll: po()
+      maxScroll: fo()
     });
   }, [r, h]);
-  sd({
+  cd({
     droppableId: c,
     type: a,
     mode: d,
@@ -6094,28 +6094,28 @@ const hd = (e) => {
     ignoreContainerClipping: l,
     getDroppableRef: v
   });
-  const S = O(() => V.createElement(md, {
+  const S = C(() => V.createElement(hd, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
   }, ({
     onClose: M,
     data: Q,
     animate: de
-  }) => V.createElement(dd, {
+  }) => V.createElement(ud, {
     placeholder: Q,
     onClose: M,
     innerRef: E,
     animate: de,
     contextId: n,
     onTransitionEnd: x
-  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), _ = O(() => ({
+  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), _ = C(() => ({
     innerRef: I,
     placeholder: S,
     droppableProps: {
       "data-rfd-droppable-id": c,
       "data-rfd-droppable-context-id": n
     }
-  }), [n, c, S, I]), U = b ? b.dragging.draggableId : null, T = O(() => ({
+  }), [n, c, S, I]), U = b ? b.dragging.draggableId : null, T = C(() => ({
     droppableId: c,
     type: a,
     isUsingCloneFor: U
@@ -6126,7 +6126,7 @@ const hd = (e) => {
     const {
       dragging: M,
       render: Q
-    } = b, de = V.createElement(_o, {
+    } = b, de = V.createElement(Po, {
       draggableId: M.draggableId,
       index: M.source.index,
       isClone: !0,
@@ -6134,13 +6134,13 @@ const hd = (e) => {
       shouldRespectForcePress: !1,
       canDragInteractiveElements: !0
     }, (ee, Ge) => Q(ee, Ge, M));
-    return Lo.createPortal(de, y());
+    return Mo.createPortal(de, y());
   }
   return V.createElement(hn.Provider, {
     value: T
   }, s(_, m), H());
 };
-function bd() {
+function vd() {
   return document.body || (process.env.NODE_ENV !== "production" ? f(!1, "document.body is not ready") : f()), document.body;
 }
 const ur = {
@@ -6151,8 +6151,8 @@ const ur = {
   isCombineEnabled: !1,
   ignoreContainerClipping: !1,
   renderClone: null,
-  getContainerForClone: bd
-}, To = (e) => {
+  getContainerForClone: vd
+}, Bo = (e) => {
   let t = {
     ...e
   }, n;
@@ -6162,7 +6162,7 @@ const ur = {
       [n]: ur[n]
     });
   return t;
-}, _t = (e, t) => e === t.droppable.type, pr = (e, t) => t.draggables[e.draggable.id], vd = () => {
+}, _t = (e, t) => e === t.droppable.type, pr = (e, t) => t.draggables[e.draggable.id], yd = () => {
   const e = {
     placeholder: null,
     shouldAnimatePlaceholder: !0,
@@ -6220,7 +6220,7 @@ const ur = {
     };
   });
   return (i, s) => {
-    const c = To(s), a = c.droppableId, d = c.type, p = !c.isDropDisabled, l = c.renderClone;
+    const c = Bo(s), a = c.droppableId, d = c.type, p = !c.isDropDisabled, l = c.renderClone;
     if (Re(i)) {
       const u = i.critical;
       if (!_t(d, u))
@@ -6233,7 +6233,7 @@ const ur = {
       if (!_t(d, u.critical))
         return t;
       const g = pr(u.critical, i.dimensions);
-      return r(a, p, So(u.result) === a, q(u.impact) === a, g, l);
+      return r(a, p, Ao(u.result) === a, q(u.impact) === a, g, l);
     }
     if (i.phase === "IDLE" && i.completed && !i.shouldFlush) {
       const u = i.completed;
@@ -6244,19 +6244,19 @@ const ur = {
     }
     return t;
   };
-}, yd = {
-  updateViewportMaxScroll: fc
-}, Ed = _r(vd, yd, (e, t, n) => ({
-  ...To(n),
+}, Ed = {
+  updateViewportMaxScroll: gc
+}, Dd = Pr(yd, Ed, (e, t, n) => ({
+  ...Bo(n),
   ...e,
   ...t
 }), {
   context: un,
-  areStatePropsEqual: Co
-})(hd), Pt = ({
+  areStatePropsEqual: So
+})(bd), Pt = ({
   children: e,
   color: t = "#9ca3af"
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ O(
   "span",
   {
     style: {
@@ -6267,7 +6267,7 @@ const ur = {
     },
     children: e
   }
-), Dd = () => /* @__PURE__ */ L(
+), Nd = () => /* @__PURE__ */ L(
   "svg",
   {
     width: "16",
@@ -6279,11 +6279,11 @@ const ur = {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ C("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
-      /* @__PURE__ */ C("circle", { cx: "12", cy: "10", r: "3" })
+      /* @__PURE__ */ O("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
+      /* @__PURE__ */ O("circle", { cx: "12", cy: "10", r: "3" })
     ]
   }
-), Nd = () => /* @__PURE__ */ L(
+), xd = () => /* @__PURE__ */ L(
   "svg",
   {
     width: "16",
@@ -6295,11 +6295,11 @@ const ur = {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ C("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ C("polyline", { points: "12 6 12 12 16 14" })
+      /* @__PURE__ */ O("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ O("polyline", { points: "12 6 12 12 16 14" })
     ]
   }
-), xd = () => /* @__PURE__ */ C(
+), Id = () => /* @__PURE__ */ O(
   "svg",
   {
     width: "12",
@@ -6310,9 +6310,9 @@ const ur = {
     strokeWidth: "4",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ C("polyline", { points: "20 6 9 17 4 12" })
+    children: /* @__PURE__ */ O("polyline", { points: "20 6 9 17 4 12" })
   }
-), Id = () => /* @__PURE__ */ L(
+), Od = () => /* @__PURE__ */ L(
   "svg",
   {
     width: "20",
@@ -6325,120 +6325,177 @@ const ur = {
     strokeLinejoin: "round",
     style: { cursor: "grab" },
     children: [
-      /* @__PURE__ */ C("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-      /* @__PURE__ */ C("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-      /* @__PURE__ */ C("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+      /* @__PURE__ */ O("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+      /* @__PURE__ */ O("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+      /* @__PURE__ */ O("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
     ]
   }
 ), Rt = (e) => e ? new Date(e).toLocaleTimeString("en-US", {
   hour: "numeric",
   minute: "2-digit",
   hour12: !0
-}) : "--:--", fr = (e) => typeof e == "object" && (e != null && e.name) ? e.name : e, Od = ({ order: e, index: t, pathType: n, pathPeriod: r }) => {
-  const o = !!e.completed_at;
-  return /* @__PURE__ */ C(ql, { draggableId: e.id.toString(), index: t, children: (i, s) => {
-    var c, a, d;
-    return /* @__PURE__ */ L(
-      "div",
-      {
-        ref: i.innerRef,
-        ...i.draggableProps,
-        style: {
-          ...P.timelineItem,
-          ...i.draggableProps.style,
-          opacity: s.isDragging ? 0.8 : 1
-        },
-        children: [
-          /* @__PURE__ */ L(
-            "div",
-            {
-              style: {
-                ...P.bubble,
-                ...o ? P.bubbleCompleted : P.bubblePending
-              },
-              children: [
-                t + 1,
-                " "
-              ]
-            }
-          ),
-          /* @__PURE__ */ L("div", { style: P.card, children: [
-            /* @__PURE__ */ L("div", { style: P.cardHeader, children: [
-              /* @__PURE__ */ L(
+}) : "--:--", fr = (e) => typeof e == "object" && (e != null && e.name) ? e.name : e, gr = (e) => {
+  var t, n;
+  return typeof e.status == "string" ? e.status.toLowerCase() === "completed" : ((n = (t = e.status) == null ? void 0 : t.code) == null ? void 0 : n.toLowerCase()) === "completed";
+}, Cd = (e) => {
+  const t = [];
+  return [...e].sort((r, o) => r.sequence_rank - o.sequence_rank).forEach((r) => {
+    const o = t[t.length - 1];
+    o && o.stop_id === r.stop_id ? o.orders.push(r) : t.push({
+      stop_id: r.stop_id,
+      sequence_rank: r.sequence_rank,
+      orders: [r]
+    });
+  }), t;
+}, wd = ({ stopGroup: e, index: t, pathType: n, pathPeriod: r }) => {
+  const o = e.orders.every(gr), i = e.orders[0];
+  return /* @__PURE__ */ O(
+    Yl,
+    {
+      draggableId: e.stop_id.toString(),
+      index: t,
+      isDragDisabled: o,
+      children: (s, c) => {
+        var a, d;
+        return /* @__PURE__ */ L(
+          "div",
+          {
+            ref: s.innerRef,
+            ...s.draggableProps,
+            style: {
+              ...P.timelineItem,
+              ...s.draggableProps.style,
+              opacity: c.isDragging ? 0.8 : 1
+            },
+            children: [
+              /* @__PURE__ */ O(
                 "div",
                 {
-                  style: { display: "flex", alignItems: "center", gap: "8px" },
-                  children: [
-                    /* @__PURE__ */ L("span", { style: P.title, children: [
-                      n,
-                      " #",
-                      e.sequence_rank
-                    ] }),
-                    o && /* @__PURE__ */ L("span", { style: P.completedBadge, children: [
-                      /* @__PURE__ */ C(Pt, { color: "#16a34a", children: /* @__PURE__ */ C(xd, {}) }),
-                      " ",
-                      "Completed at ",
-                      Rt(e.completed_at)
-                    ] })
-                  ]
+                  style: {
+                    ...P.bubble,
+                    ...o ? P.bubbleCompleted : P.bubblePending
+                  },
+                  children: t + 1
                 }
               ),
-              /* @__PURE__ */ C("div", { ...i.dragHandleProps, children: /* @__PURE__ */ C(Id, {}) })
-            ] }),
-            /* @__PURE__ */ L("div", { style: P.customerRow, children: [
-              "Customer:",
-              " ",
-              /* @__PURE__ */ C("span", { style: { color: "#374151" }, children: (c = e.customer) == null ? void 0 : c.name })
-            ] }),
-            /* @__PURE__ */ L("div", { style: P.detailsGrid, children: [
-              /* @__PURE__ */ L("div", { style: P.gridItem, children: [
-                /* @__PURE__ */ C("div", { style: P.gridLabel, children: "Order" }),
-                /* @__PURE__ */ L("div", { style: P.gridValue, children: [
-                  "#",
-                  e.order_id
-                ] })
-              ] }),
-              /* @__PURE__ */ L("div", { style: P.gridItem, children: [
-                /* @__PURE__ */ C("div", { style: P.gridLabel, children: "Location" }),
-                /* @__PURE__ */ L("div", { style: P.gridValueWithIcon, children: [
-                  /* @__PURE__ */ C(Pt, { color: "#3b82f6", children: /* @__PURE__ */ C(Dd, {}) }),
-                  /* @__PURE__ */ C("span", { style: P.truncate, children: ((d = (a = e.customer) == null ? void 0 : a.address) == null ? void 0 : d.street_area) || "No Address" })
-                ] })
-              ] }),
-              /* @__PURE__ */ L("div", { style: P.gridItem, children: [
-                /* @__PURE__ */ C("div", { style: P.gridLabel, children: "Period" }),
-                /* @__PURE__ */ C("div", { style: P.gridValue, children: r })
-              ] }),
-              /* @__PURE__ */ L("div", { style: P.gridItem, children: [
-                /* @__PURE__ */ C("div", { style: P.gridLabel, children: "Time Window" }),
-                /* @__PURE__ */ L("div", { style: P.gridValueWithIcon, children: [
-                  /* @__PURE__ */ C(Pt, { children: /* @__PURE__ */ C(Nd, {}) }),
-                  /* @__PURE__ */ L("span", { children: [
-                    Rt(e.eta_start),
-                    " - ",
-                    Rt(e.eta_end)
+              /* @__PURE__ */ L("div", { style: P.card, children: [
+                /* @__PURE__ */ L("div", { style: P.cardHeader, children: [
+                  /* @__PURE__ */ L(
+                    "div",
+                    {
+                      style: { display: "flex", alignItems: "center", gap: "8px" },
+                      children: [
+                        /* @__PURE__ */ L("span", { style: P.title, children: [
+                          n,
+                          " #",
+                          e.sequence_rank,
+                          e.orders.length > 1 && /* @__PURE__ */ L("span", { style: P.multiBadge, children: [
+                            e.orders.length,
+                            " Orders"
+                          ] })
+                        ] }),
+                        o && /* @__PURE__ */ L("span", { style: P.completedBadge, children: [
+                          /* @__PURE__ */ O(Pt, { color: "#16a34a", children: /* @__PURE__ */ O(Id, {}) }),
+                          " ",
+                          "Done"
+                        ] })
+                      ]
+                    }
+                  ),
+                  !o && /* @__PURE__ */ O("div", { ...s.dragHandleProps, children: /* @__PURE__ */ O(Od, {}) })
+                ] }),
+                /* @__PURE__ */ L("div", { style: { marginBottom: "12px", display: "flex", gap: "12px" }, children: [
+                  /* @__PURE__ */ L("div", { style: P.gridValueWithIcon, children: [
+                    /* @__PURE__ */ O(Pt, { color: "#3b82f6", children: /* @__PURE__ */ O(Nd, {}) }),
+                    /* @__PURE__ */ O("span", { style: P.truncate, children: ((d = (a = i.customer) == null ? void 0 : a.address) == null ? void 0 : d.street_area) || "No Address" })
+                  ] }),
+                  /* @__PURE__ */ L("div", { style: P.gridValueWithIcon, children: [
+                    /* @__PURE__ */ O(Pt, { children: /* @__PURE__ */ O(xd, {}) }),
+                    /* @__PURE__ */ L("span", { children: [
+                      Rt(i.eta_start),
+                      " -",
+                      " ",
+                      Rt(i.eta_end)
+                    ] })
                   ] })
-                ] })
+                ] }),
+                /* @__PURE__ */ O("div", { style: P.ordersContainer, children: e.orders.map((p, l) => {
+                  var g;
+                  const u = gr(p);
+                  return /* @__PURE__ */ L(
+                    "div",
+                    {
+                      style: {
+                        ...P.detailsGrid,
+                        borderTop: l > 0 ? "1px solid #e5e7eb" : "none",
+                        paddingTop: (l > 0, "12px")
+                      },
+                      children: [
+                        /* @__PURE__ */ O(
+                          "div",
+                          {
+                            style: {
+                              gridColumn: "1 / -1",
+                              ...P.customerRow,
+                              marginBottom: "4px"
+                            },
+                            children: /* @__PURE__ */ L(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  justifyContent: "space-between"
+                                },
+                                children: [
+                                  /* @__PURE__ */ L("span", { children: [
+                                    "Customer:",
+                                    " ",
+                                    /* @__PURE__ */ O("span", { style: { color: "#374151", fontWeight: "600" }, children: (g = p.customer) == null ? void 0 : g.name })
+                                  ] }),
+                                  u && /* @__PURE__ */ O("span", { style: { fontSize: "10px", color: "#16a34a" }, children: "✓ Paid/Done" })
+                                ]
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ L("div", { style: P.gridItem, children: [
+                          /* @__PURE__ */ O("div", { style: P.gridLabel, children: "Order ID" }),
+                          /* @__PURE__ */ L("div", { style: P.gridValue, children: [
+                            "#",
+                            p.order_id
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ L("div", { style: P.gridItem, children: [
+                          /* @__PURE__ */ O("div", { style: P.gridLabel, children: "Period" }),
+                          /* @__PURE__ */ O("div", { style: P.gridValue, children: r })
+                        ] }),
+                        p.completed_at && /* @__PURE__ */ L("div", { style: { ...P.gridItem, gridColumn: "1 / -1" }, children: [
+                          /* @__PURE__ */ O("div", { style: P.gridLabel, children: "Completed At" }),
+                          /* @__PURE__ */ O("div", { style: P.gridValue, children: Rt(p.completed_at) })
+                        ] })
+                      ]
+                    },
+                    p.id
+                  );
+                }) })
               ] })
-            ] })
-          ] })
-        ]
+            ]
+          }
+        );
       }
-    );
-  } });
-}, _d = ({
+    }
+  );
+}, Rd = ({
   path: e,
   onReorder: t
 }) => {
   const [n, r] = Ze([]);
   if (te(() => {
     if (e && e.path_orders) {
-      const c = [...e.path_orders].sort(
-        (a, d) => a.sequence_rank - d.sequence_rank
-      );
+      const c = Cd(e.path_orders);
       r(c);
     }
-  }, [e]), !e || !n.length) return /* @__PURE__ */ C("div", { children: "No Path Data" });
+  }, [e]), !e || !n.length) return /* @__PURE__ */ O("div", { children: "No Path Data" });
   const o = fr(e.type), i = fr(e.period), s = (c) => {
     if (!c.destination) return;
     const a = Array.from(n), [d] = a.splice(c.source.index, 1);
@@ -6447,15 +6504,15 @@ const ur = {
       t(e.id, p);
     }
   };
-  return /* @__PURE__ */ C("div", { style: P.container, children: /* @__PURE__ */ C(wl, { onDragEnd: s, children: /* @__PURE__ */ C(Ed, { droppableId: "path-orders-list", children: (c) => /* @__PURE__ */ L(
+  return /* @__PURE__ */ O("div", { style: P.container, children: /* @__PURE__ */ O(wl, { onDragEnd: s, children: /* @__PURE__ */ O(Dd, { droppableId: "path-orders-list", children: (c) => /* @__PURE__ */ L(
     "div",
     {
       style: P.timelineWrapper,
       ref: c.innerRef,
       ...c.droppableProps,
       children: [
-        /* @__PURE__ */ C("div", { style: P.verticalLine }),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ O("div", { style: P.verticalLine }),
+        /* @__PURE__ */ O(
           "div",
           {
             style: {
@@ -6463,15 +6520,15 @@ const ur = {
               flexDirection: "column",
               gap: "24px"
             },
-            children: n.map((a, d) => /* @__PURE__ */ C(
-              Od,
+            children: n.map((a, d) => /* @__PURE__ */ O(
+              wd,
               {
                 index: d,
-                order: a,
+                stopGroup: a,
                 pathType: o,
                 pathPeriod: i
               },
-              a.id
+              a.stop_id
             ))
           }
         ),
@@ -6504,7 +6561,6 @@ const ur = {
     marginBottom: "24px",
     background: "transparent"
   },
-  // Added marginBottom to replace gap in flex
   bubble: {
     flexShrink: 0,
     width: "40px",
@@ -6538,7 +6594,22 @@ const ur = {
     alignItems: "center",
     marginBottom: "12px"
   },
-  title: { fontSize: "16px", fontWeight: "700", color: "#111827" },
+  title: {
+    fontSize: "16px",
+    fontWeight: "700",
+    color: "#111827",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  },
+  multiBadge: {
+    fontSize: "10px",
+    backgroundColor: "#eff6ff",
+    color: "#3b82f6",
+    padding: "2px 6px",
+    borderRadius: "4px",
+    fontWeight: "600"
+  },
   completedBadge: {
     display: "flex",
     alignItems: "center",
@@ -6549,17 +6620,25 @@ const ur = {
     padding: "2px 8px",
     borderRadius: "4px"
   },
+  ordersContainer: {
+    backgroundColor: "#f9fafb",
+    borderRadius: "8px",
+    border: "1px solid #f3f4f6",
+    overflow: "hidden"
+  },
   customerRow: { fontSize: "12px", color: "#6b7280", marginBottom: "12px" },
   detailsGrid: {
     display: "grid",
     gridTemplateColumns: "1fr 1fr",
-    gap: "12px",
-    backgroundColor: "#f9fafb",
-    padding: "12px",
-    borderRadius: "8px"
+    gap: "8px",
+    padding: "12px"
   },
   gridItem: { display: "flex", flexDirection: "column", gap: "4px" },
-  gridLabel: { fontSize: "11px", color: "#9ca3af", textTransform: "uppercase" },
+  gridLabel: {
+    fontSize: "11px",
+    color: "#9ca3af",
+    textTransform: "uppercase"
+  },
   gridValue: { fontSize: "13px", fontWeight: "600", color: "#374151" },
   gridValueWithIcon: {
     fontSize: "13px",
@@ -6577,5 +6656,5 @@ const ur = {
   }
 };
 export {
-  _d as LogisticsDashboard
+  Rd as LogisticsDashboard
 };