@wilow_app/design-system 0.0.4 → 0.0.6

package/dist/index.es.js

@@ -1,14 +1,14 @@
-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 V, { useRef as B, useEffect as te, useContext as gr, useState as Te, useLayoutEffect as Vo } from "react";
 import Lo, { flushSync as mr } 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 = {
-  INIT: `@@redux/INIT${/* @__PURE__ */ In()}`,
-  REPLACE: `@@redux/REPLACE${/* @__PURE__ */ In()}`
-}, On = $o;
+var Mo = typeof Symbol == "function" && Symbol.observable || "@@observable", Dn = Mo, Nn = () => Math.random().toString(36).substring(7).split("").join("."), $o = {
+  INIT: `@@redux/INIT${/* @__PURE__ */ Nn()}`,
+  REPLACE: `@@redux/REPLACE${/* @__PURE__ */ Nn()}`
+}, xn = $o;
 function Go(e) {
   if (typeof e != "object" || e === null)
     return !1;
@@ -121,7 +121,7 @@ function hr(e, t, n) {
     if (typeof h != "function")
       throw new Error(process.env.NODE_ENV === "production" ? W(10) : `Expected the nextReducer to be a function. Instead, received: '${ne(h)}`);
     r = h, u({
-      type: On.REPLACE
+      type: xn.REPLACE
     });
   }
   function m() {
@@ -146,35 +146,35 @@ function hr(e, t, n) {
           unsubscribe: h(v)
         };
       },
-      [xn]() {
+      [Dn]() {
         return this;
       }
     };
   }
   return u({
-    type: On.INIT
+    type: xn.INIT
   }), {
     dispatch: u,
     subscribe: l,
     getState: p,
     replaceReducer: g,
-    [xn]: m
+    [Dn]: m
   };
 }
-function wn(e, t) {
+function In(e, t) {
   return function(...n) {
     return t(e.apply(this, n));
   };
 }
-function Cn(e, t) {
+function On(e, t) {
   if (typeof e == "function")
-    return wn(e, t);
+    return In(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] = In(o, t));
   }
   return n;
 }
@@ -207,10 +207,10 @@ var pt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Sn;
+var Cn;
 function zo() {
-  if (Sn) return pt;
-  Sn = 1;
+  if (Cn) return pt;
+  Cn = 1;
   var e = V;
   function t(a, d) {
     return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
@@ -268,9 +268,9 @@ var ft = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var An;
+var wn;
 function jo() {
-  return An || (An = 1, process.env.NODE_ENV !== "production" && function() {
+  return wn || (wn = 1, process.env.NODE_ENV !== "production" && function() {
     function e(a, d) {
       return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
     }
@@ -323,15 +323,15 @@ function jo() {
 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(
+), 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"), kt = /* @__PURE__ */ Symbol.for("react.consumer"), Wt = /* @__PURE__ */ Symbol.for("react.context"), Ut = /* @__PURE__ */ Symbol.for("react.forward_ref"), Nr = /* @__PURE__ */ Symbol.for("react.suspense"), xr = /* @__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(
   "react.client.reference"
-), Jo = zt, Zo = Qe;
+), Jo = Ut, 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);
+  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 === Wt || e.$$typeof === kt || e.$$typeof === Ut || e.$$typeof === Ko || e.getModuleId !== void 0);
 }
-function Tt(e) {
+function Pt(e) {
   if (typeof e == "object" && e !== null) {
     const { $$typeof: t } = e;
     switch (t) {
@@ -345,12 +345,12 @@ function Tt(e) {
             return e;
           default:
             switch (e = e && e.$$typeof, e) {
-              case Ht:
-              case zt:
+              case Wt:
+              case Ut:
               case Ir:
               case Qe:
                 return e;
-              case Ut:
+              case kt:
                 return e;
               default:
                 return t;
@@ -362,12 +362,12 @@ function Tt(e) {
   }
 }
 function ei(e) {
-  return vr ? Tt(e) === Ut : Tt(e) === Ht;
+  return vr ? Pt(e) === kt : Pt(e) === Wt;
 }
 function ti(e) {
-  return Tt(e) === Qe;
+  return Pt(e) === Qe;
 }
-function jt(e) {
+function Ht(e) {
   typeof console < "u" && typeof console.error == "function" && console.error(e);
   try {
     throw new Error(e);
@@ -376,7 +376,7 @@ function jt(e) {
 }
 function gt(e, t) {
   if (e)
-    (t === "mapStateToProps" || t === "mapDispatchToProps") && (Object.prototype.hasOwnProperty.call(e, "dependsOnOwnProps") || jt(
+    (t === "mapStateToProps" || t === "mapDispatchToProps") && (Object.prototype.hasOwnProperty.call(e, "dependsOnOwnProps") || Ht(
       `The selector for ${t} of connect did not specify a value for dependsOnOwnProps.`
     ));
   else throw new Error(`Unexpected value for ${t} in connect.`);
@@ -443,11 +443,11 @@ function si(e) {
   return t === n;
 }
 function Or(e, t, n) {
-  si(e) || jt(
+  si(e) || Ht(
     `${n}() in ${t} must return a plain object. Instead received ${e}.`
   );
 }
-function Bt(e) {
+function Rt(e) {
   return function(n) {
     const r = e(n);
     function o() {
@@ -456,22 +456,22 @@ function Bt(e) {
     return o.dependsOnOwnProps = !1, o;
   };
 }
-function _n(e) {
+function Sn(e) {
   return e.dependsOnOwnProps ? !!e.dependsOnOwnProps : e.length !== 1;
 }
-function wr(e, t) {
+function Cr(e, t) {
   return function(r, { displayName: o }) {
     const i = function(c, a) {
       return i.dependsOnOwnProps ? i.mapToProps(c, a) : i.mapToProps(c, void 0);
     };
     return i.dependsOnOwnProps = !0, i.mapToProps = function(c, a) {
-      i.mapToProps = e, i.dependsOnOwnProps = _n(e);
+      i.mapToProps = e, i.dependsOnOwnProps = Sn(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 = Sn(d), d = i(c, a)), process.env.NODE_ENV !== "production" && Or(d, o, t), d;
     }, i;
   };
 }
-function qt(e, t) {
+function zt(e, t) {
   return (n, r) => {
     throw new Error(
       `Invalid value of type ${typeof e} for ${t} argument when connecting component ${r.wrappedComponentName}.`
@@ -479,23 +479,23 @@ function qt(e, t) {
   };
 }
 function ci(e) {
-  return e && typeof e == "object" ? Bt(
+  return e && typeof e == "object" ? Rt(
     (t) => (
       // @ts-ignore
       ii(e, t)
     )
   ) : e ? typeof e == "function" ? (
     // @ts-ignore
-    wr(e, "mapDispatchToProps")
-  ) : qt(e, "mapDispatchToProps") : Bt((t) => ({
+    Cr(e, "mapDispatchToProps")
+  ) : zt(e, "mapDispatchToProps") : Rt((t) => ({
     dispatch: t
   }));
 }
 function ai(e) {
   return e ? typeof e == "function" ? (
     // @ts-ignore
-    wr(e, "mapStateToProps")
-  ) : qt(e, "mapStateToProps") : Bt(() => ({}));
+    Cr(e, "mapStateToProps")
+  ) : zt(e, "mapStateToProps") : Rt(() => ({}));
 }
 function li(e, t, n) {
   return { ...n, ...e, ...t };
@@ -510,7 +510,7 @@ function di(e) {
   };
 }
 function ui(e) {
-  return e ? typeof e == "function" ? di(e) : qt(e, "mergeProps") : () => li;
+  return e ? typeof e == "function" ? di(e) : zt(e, "mergeProps") : () => li;
 }
 function pi(e) {
   e();
@@ -548,13 +548,13 @@ function fi() {
     }
   };
 }
-var Pn = {
+var An = {
   notify() {
   },
   get: () => []
 };
-function Cr(e, t) {
-  let n, r = Pn, o = 0, i = !1;
+function wr(e, t) {
+  let n, r = An, o = 0, i = !1;
   function s(b) {
     p();
     const h = r.subscribe(b);
@@ -576,7 +576,7 @@ function Cr(e, t) {
     o++, n || (n = t ? t.addNestedSub(a) : e.subscribe(a), r = fi());
   }
   function l() {
-    o--, n && o === 0 && (n(), n = void 0, r.clear(), r = Pn);
+    o--, n && o === 0 && (n(), n = void 0, r.clear(), r = An);
   }
   function u() {
     i || (i = !0, p());
@@ -595,18 +595,18 @@ 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();
-function Rn(e, t) {
+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, je = /* @__PURE__ */ vi();
+function _n(e, t) {
   return e === t ? e !== 0 || t !== 0 || 1 / e === 1 / t : e !== e && t !== t;
 }
 function mt(e, t) {
-  if (Rn(e, t)) return !0;
+  if (_n(e, t)) return !0;
   if (typeof e != "object" || e === null || typeof t != "object" || t === null)
     return !1;
   const n = Object.keys(e), r = Object.keys(t);
   if (n.length !== r.length) return !1;
   for (let o = 0; o < n.length; o++)
-    if (!Object.prototype.hasOwnProperty.call(t, n[o]) || !Rn(e[n[o]], t[n[o]]))
+    if (!Object.prototype.hasOwnProperty.call(t, n[o]) || !_n(e[n[o]], t[n[o]]))
       return !1;
   return !0;
 }
@@ -647,19 +647,19 @@ var yi = {
   [Jo]: Di,
   [Zo]: Sr
 };
-function Tn(e) {
+function Pn(e) {
   return ti(e) ? Sr : Ni[e.$$typeof] || yi;
 }
-var xi = Object.defineProperty, Ii = Object.getOwnPropertyNames, Bn = Object.getOwnPropertySymbols, Oi = Object.getOwnPropertyDescriptor, wi = Object.getPrototypeOf, Vn = Object.prototype;
-function Vt(e, t) {
+var xi = Object.defineProperty, Ii = Object.getOwnPropertyNames, Rn = Object.getOwnPropertySymbols, Oi = Object.getOwnPropertyDescriptor, Ci = Object.getPrototypeOf, Tn = Object.prototype;
+function Tt(e, t) {
   if (typeof t != "string") {
-    if (Vn) {
-      const i = wi(t);
-      i && i !== Vn && Vt(e, i);
+    if (Tn) {
+      const i = Ci(t);
+      i && i !== Tn && Tt(e, i);
     }
     let n = Ii(t);
-    Bn && (n = n.concat(Bn(t)));
-    const r = Tn(e), o = Tn(t);
+    Rn && (n = n.concat(Rn(t)));
+    const r = Pn(e), o = Pn(t);
     for (let i = 0; i < n.length; ++i) {
       const s = n[i];
       if (!Ei[s] && !(o && o[s]) && !(r && r[s])) {
@@ -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 wi() {
   if (!w.createContext) return {};
   const e = bt[ht] ?? (bt[ht] = /* @__PURE__ */ new Map());
   let t = e.get(w.createContext);
@@ -685,7 +685,7 @@ 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 Ar = /* @__PURE__ */ wi(), Si = [null, null], Ai = (e) => {
   try {
     return JSON.stringify(e);
   } catch {
@@ -693,7 +693,7 @@ var Ar = /* @__PURE__ */ Ci(), Si = [null, null], Ai = (e) => {
   }
 };
 function _i(e, t, n) {
-  ze(() => e(...t), n);
+  je(() => e(...t), n);
 }
 function Pi(e, t, n, r, o, i) {
   e.current = r, n.current = !1, o.current && (o.current = null, i());
@@ -725,7 +725,7 @@ function Ri(e, t, n, r, o, i, s, c, a, d, p) {
 function Ti(e, t) {
   return e === t;
 }
-var Ln = !1;
+var Bn = !1;
 function Bi(e, t, n, {
   // The `pure` option has been removed, so TS doesn't like us destructuring this to check its existence.
   // @ts-ignore
@@ -739,7 +739,7 @@ function Bi(e, t, n, {
   // the context consumer to use
   context: d = Ar
 } = {}) {
-  process.env.NODE_ENV !== "production" && r !== void 0 && !Ln && (Ln = !0, jt(
+  process.env.NODE_ENV !== "production" && r !== void 0 && !Bn && (Bn = !0, Ht(
     '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;
@@ -765,44 +765,44 @@ function Bi(e, t, n, {
       areMergedPropsEqual: c
     };
     function N(S) {
-      const [_, U, T] = w.useMemo(() => {
+      const [P, U, T] = w.useMemo(() => {
         const { reactReduxForwardedRef: z, ...ue } = S;
         return [S.context, z, ue];
       }, [S]), H = w.useMemo(() => {
         let z = p;
-        if (_ != null && _.Consumer && process.env.NODE_ENV !== "production") {
+        if (P != null && P.Consumer && process.env.NODE_ENV !== "production") {
           if (!/* @__PURE__ */ ei(
             // @ts-ignore
-            /* @__PURE__ */ w.createElement(_.Consumer, null)
+            /* @__PURE__ */ w.createElement(P.Consumer, null)
           ))
             throw new Error(
               "You must pass a valid React context consumer as `props.context`"
             );
-          z = _;
+          z = P;
         }
         return z;
-      }, [_, p]), M = w.useContext(H), Q = !!S.store && !!S.store.getState && !!S.store.dispatch, de = !!M && !!M.store;
+      }, [P, p]), M = w.useContext(H), Q = !!S.store && !!S.store.getState && !!S.store.dispatch, de = !!M && !!M.store;
       if (process.env.NODE_ENV !== "production" && !Q && !de)
         throw new Error(
           `Could not find "store" in the context of "${v}". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to ${v} in connect options.`
         );
-      const ee = Q ? S.store : M.store, Ge = de ? M.getServerState : ee.getState, st = w.useMemo(() => oi(ee.dispatch, I), [ee]), [be, yn] = w.useMemo(() => {
+      const ee = Q ? S.store : M.store, Fe = de ? M.getServerState : ee.getState, st = w.useMemo(() => oi(ee.dispatch, I), [ee]), [be, bn] = w.useMemo(() => {
         if (!m) return Si;
-        const z = Cr(
+        const z = wr(
           ee,
           Q ? void 0 : M.subscription
         ), ue = z.notifyNestedSubs.bind(z);
         return [z, ue];
-      }, [ee, Q, M]), En = w.useMemo(() => Q ? M : {
+      }, [ee, Q, M]), vn = w.useMemo(() => Q ? M : {
         ...M,
         subscription: be
-      }, [Q, M, be]), ct = w.useRef(void 0), at = w.useRef(T), ve = w.useRef(void 0), Dn = w.useRef(!1), lt = w.useRef(!1), dt = w.useRef(
+      }, [Q, M, be]), ct = w.useRef(void 0), at = w.useRef(T), ve = w.useRef(void 0), yn = w.useRef(!1), lt = w.useRef(!1), dt = w.useRef(
         void 0
       );
-      ze(() => (lt.current = !0, () => {
+      je(() => (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 En = w.useMemo(() => () => ve.current && T === at.current ? ve.current : st(ee.getState(), T), [ee, T]), Bo = w.useMemo(() => (ue) => be ? Ri(
         m,
         ee,
         be,
@@ -810,30 +810,30 @@ function Bi(e, t, n, {
         st,
         at,
         ct,
-        Dn,
+        yn,
         lt,
         ve,
-        yn,
+        bn,
         ue
       ) : () => {
       }, [be]);
       _i(Pi, [
         at,
         ct,
-        Dn,
+        yn,
         T,
         ve,
-        yn
+        bn
       ]);
-      let Fe;
+      let ke;
       try {
-        Fe = w.useSyncExternalStore(
+        ke = w.useSyncExternalStore(
           // TODO We're passing through a big wrapper that does a bunch of extra side effects besides subscribing
           Bo,
           // 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,
-          Ge ? () => st(Ge(), T) : Nn
+          En,
+          Fe ? () => st(Fe(), T) : En
         );
       } catch (z) {
         throw dt.current && (z.message += `
@@ -842,37 +842,37 @@ ${dt.current.stack}
 
 `), z;
       }
-      ze(() => {
-        dt.current = void 0, ve.current = void 0, ct.current = Fe;
+      je(() => {
+        dt.current = void 0, ve.current = void 0, ct.current = ke;
       });
       const ut = w.useMemo(() => (
         // @ts-ignore
         /* @__PURE__ */ w.createElement(
           h,
           {
-            ...Fe,
+            ...ke,
             ref: U
           }
         )
-      ), [U, h, Fe]);
-      return w.useMemo(() => m ? /* @__PURE__ */ w.createElement(H.Provider, { value: En }, ut) : ut, [H, ut, En]);
+      ), [U, h, ke]);
+      return w.useMemo(() => m ? /* @__PURE__ */ w.createElement(H.Provider, { value: vn }, ut) : ut, [H, ut, vn]);
     }
     const x = w.memo(N);
     if (x.WrappedComponent = h, x.displayName = N.displayName = v, a) {
-      const _ = w.forwardRef(
+      const P = w.forwardRef(
         function(T, H) {
           return /* @__PURE__ */ w.createElement(x, { ...T, reactReduxForwardedRef: H });
         }
       );
-      return _.displayName = v, _.WrappedComponent = h, /* @__PURE__ */ Vt(_, h);
+      return P.displayName = v, P.WrappedComponent = h, /* @__PURE__ */ Tt(P, h);
     }
-    return /* @__PURE__ */ Vt(x, h);
+    return /* @__PURE__ */ Tt(x, h);
   };
 }
 var _r = Bi;
 function Vi(e) {
   const { children: t, context: n, serverState: r, store: o } = e, i = w.useMemo(() => {
-    const a = Cr(o), d = {
+    const a = wr(o), d = {
       store: o,
       subscription: a,
       getServerState: r ? () => r : void 0
@@ -887,7 +887,7 @@ function Vi(e) {
       });
     }
   }, [o, r]), s = w.useMemo(() => o.getState(), [o]);
-  ze(() => {
+  je(() => {
     const { subscription: a } = i;
     return a.onStateChange = a.notifyNestedSubs, a.trySubscribe(), s !== o.getState() && a.notifyNestedSubs(), () => {
       a.tryUnsubscribe(), a.onStateChange = void 0;
@@ -897,7 +897,7 @@ function Vi(e) {
   return /* @__PURE__ */ w.createElement(c.Provider, { value: i }, t);
 }
 var Li = Vi, Mi = process.env.NODE_ENV === "production", vt = "Invariant failed";
-function Mn(e, t) {
+function Vn(e, t) {
   if (Mi)
     throw new Error(vt);
   var n = typeof t == "function" ? t() : t, r = n ? "".concat(vt, ": ").concat(n) : vt;
@@ -919,14 +919,14 @@ var Z = function(t) {
     }
   };
   return a;
-}, Yt = function(t, n) {
+}, jt = function(t, n) {
   return {
     top: t.top - n.top,
     left: t.left - n.left,
     bottom: t.bottom + n.bottom,
     right: t.right + n.right
   };
-}, $n = function(t, n) {
+}, Ln = function(t, n) {
   return {
     top: t.top + n.top,
     left: t.left + n.left,
@@ -945,8 +945,8 @@ var Z = function(t) {
   right: 0,
   bottom: 0,
   left: 0
-}, Xt = function(t) {
-  var n = t.borderBox, r = t.margin, o = r === void 0 ? yt : r, i = t.border, s = i === void 0 ? yt : i, c = t.padding, a = c === void 0 ? yt : c, d = Z(Yt(n, o)), p = Z($n(n, s)), l = Z($n(p, a));
+}, qt = function(t) {
+  var n = t.borderBox, r = t.margin, o = r === void 0 ? yt : r, i = t.border, s = i === void 0 ? yt : i, c = t.padding, a = c === void 0 ? yt : c, d = Z(jt(n, o)), p = Z(Ln(n, s)), l = Z(Ln(p, a));
   return {
     marginBox: d,
     borderBox: Z(n),
@@ -961,22 +961,22 @@ var Z = function(t) {
   if (r !== "px")
     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;
+  return isNaN(o) && (process.env.NODE_ENV !== "production" ? Vn(!1, "Could not parse value [raw: " + t + ", without suffix: " + n + "]") : Vn()), o;
 }, Gi = function() {
   return {
     x: window.pageXOffset,
     y: window.pageYOffset
   };
-}, je = function(t, n) {
+}, qe = function(t, n) {
   var r = t.borderBox, o = t.border, i = t.margin, s = t.padding, c = $i(r, n);
-  return Xt({
+  return qt({
     borderBox: c,
     border: o,
     margin: i,
     padding: s
   });
-}, qe = function(t, n) {
-  return n === void 0 && (n = Gi()), je(t, n);
+}, Ye = function(t, n) {
+  return n === void 0 && (n = Gi()), qe(t, n);
 }, Pr = function(t, n) {
   var r = {
     top: X(n.marginTop),
@@ -994,7 +994,7 @@ var Z = function(t) {
     bottom: X(n.borderBottomWidth),
     left: X(n.borderLeftWidth)
   };
-  return Xt({
+  return qt({
     borderBox: t,
     margin: r,
     padding: o,
@@ -1015,26 +1015,26 @@ var Z = function(t) {
     r && (cancelAnimationFrame(r), r = null);
   }, o;
 };
-function Ye() {
-  return Ye = Object.assign ? Object.assign.bind() : function(e) {
+function Xe() {
+  return Xe = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Ye.apply(null, arguments);
+  }, Xe.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 Fi = process.env.NODE_ENV === "production", ki = /[ \t]{2,}/g, Wi = /^[ \t]*/gm, Mn = (e) => e.replace(ki, " ").replace(Wi, "").trim(), Ui = (e) => Mn(`
   %c@hello-pangea/dnd
 
-  %c${Gn(e)}
+  %c${Mn(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));
 }
-const R = Tr.bind(null, "warn"), Lt = Tr.bind(null, "error");
+const R = Tr.bind(null, "warn"), Bt = Tr.bind(null, "error");
 function re() {
 }
 function ji(e, t) {
@@ -1056,14 +1056,14 @@ function K(e, t, n) {
     });
   };
 }
-const qi = process.env.NODE_ENV === "production", Fn = "Invariant failed";
+const qi = process.env.NODE_ENV === "production", $n = "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 qi ? new Oe($n) : new Oe(`${$n}: ${t || ""}`);
 }
 class Yi extends V.Component {
   constructor(...t) {
@@ -1074,7 +1074,7 @@ class Yi extends V.Component {
         The active drag has been aborted.
       `));
       const o = n.error;
-      o instanceof Oe && (n.preventDefault(), process.env.NODE_ENV !== "production" && Lt(o.message));
+      o instanceof Oe && (n.preventDefault(), process.env.NODE_ENV !== "production" && Bt(o.message));
     }, this.getCallbacks = () => {
       if (!this.callbacks)
         throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");
@@ -1091,7 +1091,7 @@ class Yi extends V.Component {
   }
   componentDidCatch(t) {
     if (t instanceof Oe) {
-      process.env.NODE_ENV !== "production" && Lt(t.message), this.setState({});
+      process.env.NODE_ENV !== "production" && Bt(t.message), this.setState({});
       return;
     }
     throw t;
@@ -1107,10 +1107,10 @@ const Xi = `
   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) => `
-  You have lifted an item in position ${Xe(e.source.index)}
+`, Ke = (e) => e + 1, Ki = (e) => `
+  You have lifted an item in position ${Ke(e.source.index)}
 `, Br = (e, t) => {
-  const n = e.droppableId === t.droppableId, r = Xe(e.index), o = Xe(t.index);
+  const n = e.droppableId === t.droppableId, r = Ke(e.index), o = Ke(t.index);
   return n ? `
       You have moved the item from position ${r}
       to position ${o}
@@ -1133,14 +1133,14 @@ const Xi = `
     return Br(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";
-}, kn = (e) => `
+}, Gn = (e) => `
   The item has returned to its starting position
-  of ${Xe(e.index)}
+  of ${Ke(e.index)}
 `, Zi = (e) => {
   if (e.reason === "CANCEL")
     return `
       Movement cancelled.
-      ${kn(e.source)}
+      ${Gn(e.source)}
     `;
   const t = e.destination, n = e.combine;
   return t ? `
@@ -1151,9 +1151,9 @@ const Xi = `
       ${Vr(e.draggableId, e.source, n)}
     ` : `
     The item has been dropped while not over a drop area.
-    ${kn(e.source)}
+    ${Gn(e.source)}
   `;
-}, He = {
+}, ze = {
   dragHandleUsageInstructions: Xi,
   onDragStart: Ki,
   onDragUpdate: Ji,
@@ -1170,8 +1170,8 @@ function Lr(e, t) {
       return !1;
   return !0;
 }
-function O(e, t) {
-  const n = Ze(() => ({
+function C(e, t) {
+  const n = Te(() => ({
     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 : {
@@ -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,7 +1203,7 @@ 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), Fn = (e, t) => Math.min(...t.map((n) => Ce(e, n))), Mr = (e) => (t) => ({
   x: e(t.x),
   y: e(t.y)
 });
@@ -1216,12 +1216,12 @@ var es = (e, t) => {
   });
   return n.width <= 0 || n.height <= 0 ? null : n;
 };
-const Te = (e, t) => ({
+const Be = (e, t) => ({
   top: e.top + t.y,
   left: e.left + t.x,
   bottom: e.bottom + t.y,
   right: e.right + t.x
-}), Un = (e) => [{
+}), kn = (e) => [{
   x: e.left,
   y: e.top
 }, {
@@ -1238,7 +1238,7 @@ const Te = (e, t) => ({
   right: 0,
   bottom: 0,
   left: 0
-}, ns = (e, t) => t ? Te(e, t.scroll.diff.displacement) : e, rs = (e, t, n) => n && n.increasedBy ? {
+}, ns = (e, t) => t ? Be(e, t.scroll.diff.displacement) : e, rs = (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);
@@ -1254,7 +1254,7 @@ var pe = ({
     withPlaceholder: t,
     active: s
   };
-}, Kt = (e, t) => {
+}, Yt = (e, t) => {
   e.frame || (process.env.NODE_ENV, f());
   const n = e.frame, r = j(t, n.scroll.initial), o = me(r), i = {
     ...n,
@@ -1297,7 +1297,7 @@ function $(e, t = Lr) {
 }
 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));
-function Jt(e) {
+function Xt(e) {
   return e.at && e.at.type === "REORDER" ? e.at.destination : null;
 }
 function tt(e) {
@@ -1310,7 +1310,7 @@ var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ss =
   insideDestination: r,
   previousImpact: o
 }) => {
-  if (!n.isCombineEnabled || !Jt(o))
+  if (!n.isCombineEnabled || !Xt(o))
     return null;
   function s(g) {
     const m = {
@@ -1346,12 +1346,12 @@ var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ss =
 const Fr = {
   point: G,
   value: 0
-}, Ce = {
+}, we = {
   invisible: {},
   visible: {},
   all: []
 }, cs = {
-  displaced: Ce,
+  displaced: we,
   displacedBy: Fr,
   at: null
 };
@@ -1370,7 +1370,7 @@ var J = (e, t) => (n) => e <= n && n <= t, kr = (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);
 };
-const Zt = {
+const Kt = {
   direction: "vertical",
   line: "y",
   crossAxisLine: "x",
@@ -1393,12 +1393,12 @@ const Zt = {
 };
 var ls = (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);
+  return (o) => e === Kt ? n(o.top) && n(o.bottom) : r(o.left) && r(o.right);
 };
 const ds = (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 = ({
+  return Be(e, n);
+}, us = (e, t, n) => t.subject.active ? n(t.subject.active)(e) : !1, ps = (e, t, n) => n(t)(e), Jt = ({
   target: e,
   destination: t,
   viewport: n,
@@ -1407,13 +1407,13 @@ const ds = (e, t) => {
 }) => {
   const i = r ? ds(e, t) : e;
   return us(i, t, o) && ps(i, n, o);
-}, fs = (e) => Qt({
+}, fs = (e) => Jt({
   ...e,
   isVisibleThroughFrameFn: kr
-}), Ur = (e) => Qt({
+}), Ur = (e) => Jt({
   ...e,
   isVisibleThroughFrameFn: as
-}), gs = (e) => Qt({
+}), gs = (e) => Jt({
   ...e,
   isVisibleThroughFrameFn: ls(e.destination.axis)
 }), ms = (e, t, n) => {
@@ -1437,7 +1437,7 @@ function hs(e, t) {
     bottom: 0,
     left: t.point.x
   };
-  return Z(Yt(n, r));
+  return Z(jt(n, r));
 }
 function Se({
   afterDragging: e,
@@ -1473,7 +1473,7 @@ function bs(e, t) {
   const n = e[e.length - 1].descriptor.index;
   return t.inHomeList ? n : n + 1;
 }
-function Hn({
+function Wn({
   insideDestination: e,
   inHomeList: t,
   displacedBy: n,
@@ -1483,7 +1483,7 @@ function Hn({
     inHomeList: t
   });
   return {
-    displaced: Ce,
+    displaced: we,
     displacedBy: n,
     at: {
       type: "REORDER",
@@ -1494,7 +1494,7 @@ function Hn({
     }
   };
 }
-function Ke({
+function Je({
   draggable: e,
   insideDestination: t,
   destination: n,
@@ -1506,7 +1506,7 @@ function Ke({
 }) {
   const a = he(e, n);
   if (s == null)
-    return Hn({
+    return Wn({
       insideDestination: t,
       inHomeList: a,
       displacedBy: o,
@@ -1514,7 +1514,7 @@ function Ke({
     });
   const d = t.find((m) => m.descriptor.index === s);
   if (!d)
-    return Hn({
+    return Wn({
       insideDestination: t,
       inHomeList: a,
       displacedBy: o,
@@ -1583,7 +1583,7 @@ var vs = ({
       location: d.destination,
       insideDestination: i
     });
-    return l == null ? null : Ke({
+    return l == null ? null : Je({
       draggable: n,
       insideDestination: i,
       destination: o,
@@ -1601,7 +1601,7 @@ var vs = ({
     combine: d.combine,
     afterCritical: a
   });
-  return p == null ? null : Ke({
+  return p == null ? null : Je({
     draggable: n,
     insideDestination: i,
     destination: o,
@@ -1633,19 +1633,19 @@ 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 Hr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, xs = (e, t) => t.margin[e.end] + t.borderBox[e.size] / 2, Zt = (e, t, n) => t[e.crossAxisStart] + n.margin[e.crossAxisStart] + n.borderBox[e.crossAxisSize] / 2, Un = ({
   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] + Hr(e, n), Zt(e, t.marginBox, n)), Hn = ({
   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] - xs(e, n), Zt(e, t.marginBox, n)), Is = ({
   axis: e,
   moveInto: t,
   isMoving: n
-}) => ae(e.line, t.contentBox[e.start] + Hr(e, n), en(e, t.contentBox, n));
+}) => ae(e.line, t.contentBox[e.start] + Hr(e, n), Zt(e, t.contentBox, n));
 var Os = ({
   impact: e,
   draggable: t,
@@ -1667,13 +1667,13 @@ var Os = ({
   if (p) {
     const u = n[p];
     if (ie(p, o))
-      return jn({
+      return Hn({
         axis: c,
         moveRelativeTo: u.page,
         isMoving: s
       });
-    const g = je(u.page, d.point);
-    return jn({
+    const g = qe(u.page, d.point);
+    return Hn({
       axis: c,
       moveRelativeTo: g,
       isMoving: s
@@ -1683,23 +1683,23 @@ var Os = ({
   if (l.descriptor.id === t.descriptor.id)
     return s.borderBox.center;
   if (ie(l.descriptor.id, o)) {
-    const u = je(l.page, me(o.displacedBy.point));
-    return zn({
+    const u = qe(l.page, me(o.displacedBy.point));
+    return Un({
       axis: c,
       moveRelativeTo: u,
       isMoving: s
     });
   }
-  return zn({
+  return Un({
     axis: c,
     moveRelativeTo: l.page,
     isMoving: s
   });
-}, Mt = (e, t) => {
+}, Vt = (e, t) => {
   const n = e.frame;
   return n ? F(t, n.scroll.diff.displacement) : t;
 };
-const ws = ({
+const Cs = ({
   impact: e,
   draggable: t,
   droppable: n,
@@ -1720,8 +1720,8 @@ const ws = ({
   });
 };
 var rt = (e) => {
-  const t = ws(e), n = e.droppable;
-  return n ? Mt(n, t) : t;
+  const t = Cs(e), n = e.droppable;
+  return n ? Vt(n, t) : t;
 }, zr = (e, t) => {
   const n = j(t, e.scroll.initial), r = me(n);
   return {
@@ -1742,10 +1742,10 @@ var rt = (e) => {
     }
   };
 };
-function qn(e, t) {
+function zn(e, t) {
   return e.map((n) => t[n]);
 }
-function Cs(e, t) {
+function ws(e, t) {
   for (let n = 0; n < t.length; n++) {
     const r = t[n].visible[e];
     if (r)
@@ -1760,15 +1760,15 @@ var Ss = ({
   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({
-    afterDragging: qn(c.all, r),
+  const i = zr(t, F(t.scroll.current, o)), s = n.frame ? Yt(n, F(n.frame.scroll.current, o)) : n, c = e.displaced, a = Se({
+    afterDragging: zn(c.all, r),
     destination: n,
     displacedBy: e.displacedBy,
     viewport: i.frame,
     last: c,
     forceShouldAnimate: !1
   }), d = Se({
-    afterDragging: qn(c.all, r),
+    afterDragging: zn(c.all, r),
     destination: s,
     displacedBy: e.displacedBy,
     viewport: t.frame,
@@ -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 = ws(m, u);
     if (b) {
       l[m] = b;
       return;
@@ -1790,7 +1790,7 @@ var Ss = ({
       visible: l
     }
   };
-}, As = (e, t) => F(e.scroll.diff.displacement, t), tn = ({
+}, As = (e, t) => F(e.scroll.diff.displacement, t), Qt = ({
   pageBorderBoxCenter: e,
   draggable: t,
   viewport: n
@@ -1806,7 +1806,7 @@ var Ss = ({
   onlyOnMainAxis: i = !1
 }) => {
   const s = j(n, e.page.borderBox.center), a = {
-    target: Te(e.page.borderBox, s),
+    target: Be(e.page.borderBox, s),
     destination: t,
     withDroppableDisplacement: o,
     viewport: r
@@ -1860,7 +1860,7 @@ var Ss = ({
     onlyOnMainAxis: !0
   }))
     return {
-      clientSelection: tn({
+      clientSelection: Qt({
         pageBorderBoxCenter: u,
         draggable: t,
         viewport: i
@@ -1911,16 +1911,16 @@ var Ps = ({
     return a[0];
   const d = a.filter((p) => J(k(p)[s.start], k(p)[s.end])(t[s.line]));
   return d.length === 1 ? d[0] : d.length > 1 ? d.sort((p, l) => k(p)[s.start] - k(l)[s.start])[0] : a.sort((p, l) => {
-    const u = Wn(t, Un(k(p))), g = Wn(t, Un(k(l)));
+    const u = Fn(t, kn(k(p))), g = Fn(t, kn(k(l)));
     return u !== g ? u - g : k(p)[s.start] - k(l)[s.start];
   })[0];
 };
-const Yn = (e, t) => {
+const jn = (e, t) => {
   const n = e.page.borderBox.center;
   return ie(e.descriptor.id, t) ? j(n, t.displacedBy.point) : n;
 }, Rs = (e, t) => {
   const n = e.page.borderBox;
-  return ie(e.descriptor.id, t) ? Te(n, me(t.displacedBy.point)) : n;
+  return ie(e.descriptor.id, t) ? Be(n, me(t.displacedBy.point)) : n;
 };
 var Ts = ({
   pageBorderBoxCenter: e,
@@ -1934,9 +1934,9 @@ var Ts = ({
   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, Vt(n, jn(s, o))), d = Ce(e, Vt(n, jn(c, o)));
   return a < d ? -1 : d < a ? 1 : s.descriptor.index - c.descriptor.index;
-})[0] || null, Be = $(function(t, n) {
+})[0] || null, Ve = $(function(t, n) {
   const r = n[t.line];
   return {
     value: r,
@@ -1958,7 +1958,7 @@ const Bs = (e, t, n) => {
 }), Yr = (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 = Ve(e.axis, t.displaceBy).point, i = Bs(e, o, n), s = {
     placeholderSize: o,
     increasedBy: i,
     oldFrameMaxScroll: e.frame ? e.frame.scroll.max : null
@@ -2030,7 +2030,7 @@ var Ls = ({
     if (n.length)
       return null;
     const l = {
-      displaced: Ce,
+      displaced: we,
       displacedBy: Fr,
       at: {
         type: "REORDER",
@@ -2058,14 +2058,14 @@ var Ls = ({
   const a = e[i.axis.line] <= t.page.borderBox.center[i.axis.line], d = (() => {
     const l = t.descriptor.index;
     return t.descriptor.id === r.descriptor.id || a ? l : l + 1;
-  })(), p = Be(i.axis, r.displaceBy);
-  return Ke({
+  })(), p = Ve(i.axis, r.displaceBy);
+  return Je({
     draggable: r,
     insideDestination: n,
     destination: i,
     viewport: s,
     displacedBy: p,
-    last: Ce,
+    last: we,
     index: d
   });
 }, Ms = ({
@@ -2113,7 +2113,7 @@ var Ls = ({
     afterCritical: c
   });
   return {
-    clientSelection: tn({
+    clientSelection: Qt({
       pageBorderBoxCenter: u,
       draggable: n,
       viewport: s
@@ -2182,7 +2182,7 @@ 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;
@@ -2209,7 +2209,7 @@ function Ws({
     candidates: r
   }) : null;
 }
-const Kr = (e, t) => Z(Te(e, t));
+const Kr = (e, t) => Z(Be(e, t));
 var Us = (e, t) => {
   const n = e.frame;
   return n ? Kr(t, n.scroll.diff.value) : t;
@@ -2236,7 +2236,7 @@ var zs = ({
   viewport: i,
   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 c = n.axis, a = Ve(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({
       displaced: o,
       id: h
@@ -2247,7 +2247,7 @@ var zs = ({
     closest: g,
     inHomeList: he(t, n)
   });
-  return Ke({
+  return Je({
     draggable: t,
     insideDestination: r,
     destination: n,
@@ -2268,7 +2268,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 s = r.axis, c = Ve(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({
       displaced: n.displaced,
       id: b
@@ -2319,7 +2319,7 @@ var qs = ({
     viewport: i,
     afterCritical: s
   });
-}, nn = (e, t) => ({
+}, en = (e, t) => ({
   ...e,
   [t.descriptor.id]: t
 });
@@ -2335,7 +2335,7 @@ const Ys = ({
   if (!i.subject.withPlaceholder)
     return n;
   const s = Vs(i);
-  return nn(n, s);
+  return en(n, s);
 };
 var Xs = ({
   draggable: e,
@@ -2355,7 +2355,7 @@ var Xs = ({
   if (he(e, c) || c.subject.withPlaceholder)
     return i;
   const a = Yr(c, e, t);
-  return nn(i, a);
+  return en(i, a);
 }, Ne = ({
   state: e,
   clientSelection: t,
@@ -2448,7 +2448,7 @@ var Qr = ({
     droppable: n,
     afterCritical: i
   });
-  return tn({
+  return Qt({
     pageBorderBoxCenter: s,
     draggable: t,
     viewport: o
@@ -2493,7 +2493,7 @@ var Qr = ({
   draggables: n,
   viewport: r
 }) => {
-  const o = Be(t.axis, e.displaceBy), i = le(t.descriptor.id, n), s = i.indexOf(e);
+  const o = Ve(t.axis, e.displaceBy), i = le(t.descriptor.id, n), s = i.indexOf(e);
   s === -1 && (process.env.NODE_ENV !== "production" ? f(!1, "Expected draggable to be inside home list") : f());
   const c = i.slice(s + 1), a = c.reduce((u, g) => (u[g.descriptor.id] = !0, u), {}), d = {
     inVirtualList: t.descriptor.mode === "virtual",
@@ -2520,11 +2520,11 @@ var Qr = ({
   };
 }, Zs = (e, t) => ({
   draggables: e.draggables,
-  droppables: nn(e.droppables, t)
+  droppables: en(e.droppables, t)
 });
-const Ve = (e) => {
+const Le = (e) => {
   process.env.NODE_ENV;
-}, Le = (e) => {
+}, Me = (e) => {
   process.env.NODE_ENV;
 };
 var Qs = ({
@@ -2532,7 +2532,7 @@ var Qs = ({
   offset: t,
   initialWindowScroll: n
 }) => {
-  const r = je(e.client, t), o = qe(r, n);
+  const r = qe(e.client, t), o = Ye(r, n);
   return {
     ...e,
     placeholder: {
@@ -2563,10 +2563,10 @@ var Qs = ({
   state: e,
   published: t
 }) => {
-  Ve();
+  Le();
   const n = t.modified.map((y) => {
     const v = e.dimensions.droppables[y.droppableId];
-    return Kt(v, y.scroll);
+    return Yt(v, y.scroll);
   }), r = {
     ...e.dimensions.droppables,
     ...$r(n)
@@ -2601,7 +2601,7 @@ var Qs = ({
     viewport: e.viewport,
     afterCritical: u
   });
-  Le();
+  Me();
   const b = {
     ...e,
     phase: "DRAGGING",
@@ -2618,9 +2618,9 @@ var Qs = ({
     isWaiting: !1
   };
 };
-const $t = (e) => e.movementMode === "SNAP", Et = (e, t, n) => {
+const Lt = (e) => e.movementMode === "SNAP", Et = (e, t, n) => {
   const r = Zs(e.dimensions, t);
-  return !$t(e) || n ? Ne({
+  return !Lt(e) || n ? Ne({
     state: e,
     dimensions: r
   }) : to({
@@ -2634,15 +2634,15 @@ function Dt(e) {
     scrollJumpRequest: null
   } : e;
 }
-const Xn = {
+const qn = {
   phase: "IDLE",
   completed: null,
   shouldFlush: !1
 };
-var rc = (e = Xn, t) => {
+var rc = (e = qn, t) => {
   if (t.type === "FLUSH")
     return {
-      ...Xn,
+      ...qn,
       shouldFlush: !0
     };
   if (t.type === "INITIAL_PUBLISH") {
@@ -2710,7 +2710,7 @@ var rc = (e = Xn, t) => {
     return oe(n, e.current.client.selection) ? e : Ne({
       state: e,
       clientSelection: n,
-      impact: $t(e) ? e.impact : null
+      impact: Lt(e) ? e.impact : null
     });
   }
   if (t.type === "UPDATE_DROPPABLE_SCROLL") {
@@ -2723,7 +2723,7 @@ var rc = (e = Xn, t) => {
     } = t.payload, o = e.dimensions.droppables[n];
     if (!o)
       return e;
-    const i = Kt(o, r);
+    const i = Yt(o, r);
     return Et(e, i, !1);
   }
   if (t.type === "UPDATE_DROPPABLE_IS_ENABLED") {
@@ -2766,7 +2766,7 @@ var rc = (e = Xn, t) => {
     if (oe(e.viewport.scroll.current, n))
       return Dt(e);
     const r = zr(e.viewport, n);
-    return $t(e) ? to({
+    return Lt(e) ? to({
       state: e,
       viewport: r
     }) : Ne({
@@ -2842,7 +2842,7 @@ var rc = (e = Xn, t) => {
   }
   return e;
 };
-function A(e, t) {
+function _(e, t) {
   return e instanceof Object && "type" in e && e.type === t;
 }
 const oc = (e) => ({
@@ -2890,13 +2890,13 @@ const oc = (e) => ({
 }), bc = () => ({
   type: "MOVE_LEFT",
   payload: null
-}), rn = () => ({
+}), tn = () => ({
   type: "FLUSH",
   payload: null
 }), vc = (e) => ({
   type: "DROP_ANIMATE",
   payload: e
-}), on = (e) => ({
+}), nn = (e) => ({
   type: "DROP_COMPLETE",
   payload: e
 }), oo = (e) => ({
@@ -2938,7 +2938,7 @@ var Nc = (e) => ({
   getState: t,
   dispatch: n
 }) => (r) => (o) => {
-  if (!A(o, "LIFT")) {
+  if (!_(o, "LIFT")) {
     r(o);
     return;
   }
@@ -2947,9 +2947,9 @@ var Nc = (e) => ({
     clientSelection: s,
     movementMode: c
   } = o.payload, a = t();
-  a.phase === "DROP_ANIMATING" && n(on({
+  a.phase === "DROP_ANIMATING" && n(nn({
     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(tn()), n(oc({
     draggableId: i,
     movementMode: c
   }));
@@ -2971,9 +2971,9 @@ var Nc = (e) => ({
     viewport: g
   }));
 }, xc = (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);
+  _(n, "INITIAL_PUBLISH") && e.dragging(), _(n, "DROP_ANIMATE") && e.dropping(n.payload.completed.result.reason), (_(n, "FLUSH") || _(n, "DROP_COMPLETE")) && e.resting(), t(n);
 };
-const sn = {
+const rn = {
   outOfTheWay: "cubic-bezier(0.2, 0, 0, 1)",
   drop: "cubic-bezier(.2,1,.1,1)"
 }, Ae = {
@@ -2988,39 +2988,39 @@ const sn = {
   outOfTheWay: 0.2,
   minDropTime: 0.33,
   maxDropTime: 0.55
-}, se = `${so.outOfTheWay}s ${sn.outOfTheWay}`, xe = {
+}, se = `${so.outOfTheWay}s ${rn.outOfTheWay}`, xe = {
   fluid: `opacity ${se}`,
   snap: `transform ${se}, opacity ${se}`,
   drop: (e) => {
-    const t = `${e}s ${sn.drop}`;
+    const t = `${e}s ${rn.drop}`;
     return `transform ${t}, opacity ${t}`;
   },
   outOfTheWay: `transform ${se}`,
   placeholder: `height ${se}, width ${se}, margin ${se}`
-}, Kn = (e) => oe(e, G) ? void 0 : `translate(${e.x}px, ${e.y}px)`, Gt = {
-  moveTo: Kn,
+}, Yn = (e) => oe(e, G) ? void 0 : `translate(${e.x}px, ${e.y}px)`, Mt = {
+  moveTo: Yn,
   drop: (e, t) => {
-    const n = Kn(e);
+    const n = Yn(e);
     if (n)
       return t ? `${n} scale(${Ae.scale.drop})` : n;
   }
 }, {
-  minDropTime: Ft,
+  minDropTime: $t,
   maxDropTime: co
-} = so, Ic = co - Ft, Jn = 1500, Oc = 0.6;
-var wc = ({
+} = so, Ic = co - $t, Xn = 1500, Oc = 0.6;
+var Cc = ({
   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 $t;
+  if (r >= Xn)
     return co;
-  const o = r / Jn, i = Ft + Ic * o, s = n === "CANCEL" ? i * Oc : i;
+  const o = r / Xn, i = $t + Ic * o, s = n === "CANCEL" ? i * Oc : i;
   return Number(s.toFixed(2));
-}, Cc = ({
+}, wc = ({
   impact: e,
   draggable: t,
   dimensions: n,
@@ -3061,7 +3061,7 @@ var wc = ({
 } : {
   impact: {
     ...n,
-    displaced: Ce
+    displaced: we
   },
   didDropInsideDroppable: !0
 };
@@ -3069,7 +3069,7 @@ const Ac = ({
   getState: e,
   dispatch: t
 }) => (n) => (r) => {
-  if (!A(r, "DROP")) {
+  if (!_(r, "DROP")) {
     n(r);
     return;
   }
@@ -3094,7 +3094,7 @@ const Ac = ({
     home: o.dimensions.droppables[o.critical.droppable.id],
     viewport: o.viewport,
     draggables: o.dimensions.draggables
-  }), u = l ? Jt(p) : null, g = l ? tt(p) : null, m = {
+  }), u = l ? Xt(p) : null, g = l ? tt(p) : null, m = {
     index: c.draggable.index,
     droppableId: c.droppable.id
   }, b = {
@@ -3105,7 +3105,7 @@ const Ac = ({
     mode: o.movementMode,
     destination: u,
     combine: g
-  }, h = Cc({
+  }, h = wc({
     impact: p,
     draggable: d,
     dimensions: a,
@@ -3118,12 +3118,12 @@ const Ac = ({
     impact: p
   };
   if (!(!oe(o.current.client.offset, h) || !!b.combine)) {
-    t(on({
+    t(nn({
       completed: y
     }));
     return;
   }
-  const I = wc({
+  const I = Cc({
     current: o.current.client.offset,
     destination: h,
     reason: i
@@ -3173,7 +3173,7 @@ function Pc({
     isActive: i
   };
 }
-const Rc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH"), Tc = (e) => {
+const Rc = (e) => _(e, "DROP_COMPLETE") || _(e, "DROP_ANIMATE") || _(e, "FLUSH"), Tc = (e) => {
   const t = Pc({
     onWindowScroll: (n) => {
       e.dispatch(pc({
@@ -3182,7 +3182,7 @@ const Rc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH")
     }
   });
   return (n) => (r) => {
-    !t.isActive() && A(r, "INITIAL_PUBLISH") && t.start(), t.isActive() && Rc(r) && t.stop(), n(r);
+    !t.isActive() && _(r, "INITIAL_PUBLISH") && t.start(), t.isActive() && Rc(r) && t.stop(), n(r);
   };
 };
 var Bc = (e) => {
@@ -3235,8 +3235,8 @@ const Lc = (e, t) => e == null && t == null ? !0 : e == null || t == null ? !1 :
   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;
   return n && r;
 }, ye = (e, t) => {
-  Ve(), t(), Le();
-}, ke = (e, t) => ({
+  Le(), t(), Me();
+}, We = (e, t) => ({
   draggableId: e.draggable.id,
   type: e.droppable.type,
   source: {
@@ -3269,21 +3269,21 @@ var Gc = (e, t) => {
   }, i = (l, u) => {
     r && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onBeforeDragStart as a drag start has already been published") : f()), ye("onBeforeDragStart", () => {
       const g = e().onBeforeDragStart;
-      g && g(ke(l, u));
+      g && g(We(l, u));
     });
   }, s = (l, u) => {
     r && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onBeforeDragStart as a drag start has already been published") : f());
-    const g = ke(l, u);
+    const g = We(l, u);
     r = {
       mode: u,
       lastCritical: l,
       lastLocation: g.source,
       lastCombine: null
     }, n.add(() => {
-      ye("onDragStart", () => Nt(e().onDragStart, g, t, He.onDragStart));
+      ye("onDragStart", () => Nt(e().onDragStart, g, t, ze.onDragStart));
     });
   }, c = (l, u) => {
-    const g = Jt(u), m = tt(u);
+    const g = Xt(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);
     b && (r.lastCritical = l);
@@ -3293,17 +3293,17 @@ var Gc = (e, t) => {
     if (y && (r.lastCombine = m), !b && !h && !y)
       return;
     const v = {
-      ...ke(l, r.mode),
+      ...We(l, r.mode),
       combine: m,
       destination: g
     };
     n.add(() => {
-      ye("onDragUpdate", () => Nt(e().onDragUpdate, v, t, He.onDragUpdate));
+      ye("onDragUpdate", () => Nt(e().onDragUpdate, v, t, ze.onDragUpdate));
     });
   }, a = () => {
     r || (process.env.NODE_ENV !== "production" ? f(!1, "Can only flush responders while dragging") : f()), n.flush();
   }, d = (l) => {
-    r || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onDragEnd when there is no matching onDragStart") : f()), r = null, ye("onDragEnd", () => Nt(e().onDragEnd, l, t, He.onDragEnd));
+    r || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onDragEnd when there is no matching onDragStart") : f()), r = null, ye("onDragEnd", () => Nt(e().onDragEnd, l, t, ze.onDragEnd));
   };
   return {
     beforeCapture: o,
@@ -3316,7 +3316,7 @@ var Gc = (e, t) => {
       if (!r)
         return;
       const l = {
-        ...ke(r.lastCritical, r.mode),
+        ...We(r.lastCritical, r.mode),
         combine: null,
         destination: null,
         reason: "CANCEL"
@@ -3327,21 +3327,21 @@ var Gc = (e, t) => {
 }, Fc = (e, t) => {
   const n = Gc(e, t);
   return (r) => (o) => (i) => {
-    if (A(i, "BEFORE_INITIAL_CAPTURE")) {
+    if (_(i, "BEFORE_INITIAL_CAPTURE")) {
       n.beforeCapture(i.payload.draggableId, i.payload.movementMode);
       return;
     }
-    if (A(i, "INITIAL_PUBLISH")) {
+    if (_(i, "INITIAL_PUBLISH")) {
       const c = i.payload.critical;
       n.beforeStart(c, i.payload.movementMode), o(i), n.start(c, i.payload.movementMode);
       return;
     }
-    if (A(i, "DROP_COMPLETE")) {
+    if (_(i, "DROP_COMPLETE")) {
       const c = i.payload.completed.result;
       n.flush(), o(i), n.drop(c);
       return;
     }
-    if (o(i), A(i, "FLUSH")) {
+    if (o(i), _(i, "FLUSH")) {
       n.abort();
       return;
     }
@@ -3350,12 +3350,12 @@ var Gc = (e, t) => {
   };
 };
 const kc = (e) => (t) => (n) => {
-  if (!A(n, "DROP_ANIMATION_FINISHED")) {
+  if (!_(n, "DROP_ANIMATION_FINISHED")) {
     t(n);
     return;
   }
   const r = e.getState();
-  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({
+  r.phase !== "DROP_ANIMATING" && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot finish a drop animating when no drop is occurring") : f()), e.dispatch(nn({
     completed: r.completed
   }));
 }, Wc = (e) => {
@@ -3364,7 +3364,7 @@ const kc = (e) => (t) => (n) => {
     n && (cancelAnimationFrame(n), n = null), t && (t(), t = null);
   }
   return (o) => (i) => {
-    if ((A(i, "FLUSH") || A(i, "DROP_COMPLETE") || A(i, "DROP_ANIMATION_FINISHED")) && r(), o(i), !A(i, "DROP_ANIMATE"))
+    if ((_(i, "FLUSH") || _(i, "DROP_COMPLETE") || _(i, "DROP_ANIMATION_FINISHED")) && r(), o(i), !_(i, "DROP_ANIMATE"))
       return;
     const s = {
       eventName: "scroll",
@@ -3383,20 +3383,20 @@ const kc = (e) => (t) => (n) => {
   };
 };
 var Uc = (e) => () => (t) => (n) => {
-  (A(n, "DROP_COMPLETE") || A(n, "FLUSH") || A(n, "DROP_ANIMATE")) && e.stopPublishing(), t(n);
+  (_(n, "DROP_COMPLETE") || _(n, "FLUSH") || _(n, "DROP_ANIMATE")) && e.stopPublishing(), t(n);
 }, Hc = (e) => {
   let t = !1;
   return () => (n) => (r) => {
-    if (A(r, "INITIAL_PUBLISH")) {
+    if (_(r, "INITIAL_PUBLISH")) {
       t = !0, e.tryRecordFocus(r.payload.critical.draggable.id), n(r), e.tryRestoreFocusRecorded();
       return;
     }
     if (n(r), !!t) {
-      if (A(r, "FLUSH")) {
+      if (_(r, "FLUSH")) {
         t = !1, e.tryRestoreFocusRecorded();
         return;
       }
-      if (A(r, "DROP_COMPLETE")) {
+      if (_(r, "DROP_COMPLETE")) {
         t = !1;
         const o = r.payload.completed.result;
         o.combine && e.tryShiftRecord(o.draggableId, o.combine.draggableId), e.tryRestoreFocusRecorded();
@@ -3404,13 +3404,13 @@ var Uc = (e) => () => (t) => (n) => {
     }
   };
 };
-const zc = (e) => A(e, "DROP_COMPLETE") || A(e, "DROP_ANIMATE") || A(e, "FLUSH");
+const zc = (e) => _(e, "DROP_COMPLETE") || _(e, "DROP_ANIMATE") || _(e, "FLUSH");
 var jc = (e) => (t) => (n) => (r) => {
   if (zc(r)) {
     e.stop(), n(r);
     return;
   }
-  if (A(r, "INITIAL_PUBLISH")) {
+  if (_(r, "INITIAL_PUBLISH")) {
     n(r);
     const o = t.getState();
     o.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? f(!1, "Expected phase to be DRAGGING after INITIAL_PUBLISH") : f()), e.start(o);
@@ -3419,7 +3419,7 @@ var jc = (e) => (t) => (n) => (r) => {
   n(r), e.scroll(t.getState());
 };
 const qc = (e) => (t) => (n) => {
-  if (t(n), !A(n, "PUBLISH_WHILE_DRAGGING"))
+  if (t(n), !_(n, "PUBLISH_WHILE_DRAGGING"))
     return;
   const r = e.getState();
   r.phase === "DROP_PENDING" && (r.isWaiting || e.dispatch(oo({
@@ -3448,7 +3448,7 @@ function Kc({
   let n = xt(), r = null;
   const o = () => {
     r || (t.collectionStarting(), r = requestAnimationFrame(() => {
-      r = null, Ve();
+      r = null, Le();
       const {
         additions: a,
         removals: d,
@@ -3464,7 +3464,7 @@ function Kc({
         removals: Object.keys(d),
         modified: u
       };
-      n = xt(), Le(), t.publish(g);
+      n = xt(), Me(), t.publish(g);
     }));
   };
   return {
@@ -3533,18 +3533,18 @@ var lo = ({
   scrollOptions: t,
   registry: n
 }) => {
-  Ve();
+  Le();
   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)
   };
-  return Le(), {
+  return Me(), {
     dimensions: a,
     critical: e,
     viewport: r
   };
 };
-function Zn(e, t, n) {
+function Kn(e, t, n) {
   return n.descriptor.id === t.id || n.descriptor.type !== t.type ? !1 : e.droppable.getById(n.descriptor.droppableId).descriptor.mode !== "virtual" ? (process.env.NODE_ENV !== "production" && R(`
       You are attempting to add or remove a Draggable [id: ${n.descriptor.id}]
       while a drag is occurring. This is only supported for virtual lists.
@@ -3586,7 +3586,7 @@ var Qc = (e, t) => {
   }, d = (u) => {
     n || (process.env.NODE_ENV !== "production" ? f(!1, "Should only be subscribed when a collection is occurring") : f());
     const g = n.critical.draggable;
-    u.type === "ADDITION" && Zn(e, g, u.value) && r.add(u.value), u.type === "REMOVAL" && Zn(e, g, u.value) && r.remove(u.value);
+    u.type === "ADDITION" && Kn(e, g, u.value) && r.add(u.value), u.type === "REMOVAL" && Kn(e, g, u.value) && r.remove(u.value);
   };
   return {
     updateDroppableIsEnabled: o,
@@ -3653,14 +3653,14 @@ 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) => {
+}, on = 1, ia = (e, t, n = () => _e) => {
   const r = n();
   if (e > t.startScrollingFrom)
     return 0;
   if (e <= t.maxScrollValueAt)
     return r.maxPixelScroll;
   if (e === t.startScrollingFrom)
-    return cn;
+    return on;
   const i = 1 - go({
     startOfRange: t.maxScrollValueAt,
     endOfRange: t.startScrollingFrom,
@@ -3672,14 +3672,14 @@ var oa = (e, t, n = () => _e) => {
   if (d >= i)
     return e;
   if (d < o)
-    return cn;
+    return on;
   const p = go({
     startOfRange: o,
     endOfRange: c,
     current: d
   }), l = e * r.ease(p);
   return Math.ceil(l);
-}, Qn = ({
+}, Jn = ({
   distanceToEdge: e,
   thresholds: t,
   dragStartTime: n,
@@ -3687,8 +3687,8 @@ var oa = (e, t, n = () => _e) => {
   getAutoScrollerOptions: o
 }) => {
   const i = ia(e, t, o);
-  return i === 0 ? 0 : r ? Math.max(sa(i, n, o), cn) : i;
-}, er = ({
+  return i === 0 ? 0 : r ? Math.max(sa(i, n, o), on) : i;
+}, Zn = ({
   container: e,
   distanceToEdges: t,
   dragStartTime: n,
@@ -3697,13 +3697,13 @@ var oa = (e, t, n = () => _e) => {
   getAutoScrollerOptions: i
 }) => {
   const s = oa(e, r, i);
-  return t[r.end] < t[r.start] ? Qn({
+  return t[r.end] < t[r.start] ? Jn({
     distanceToEdge: t[r.end],
     thresholds: s,
     dragStartTime: n,
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
-  }) : -1 * Qn({
+  }) : -1 * Jn({
     distanceToEdge: t[r.start],
     thresholds: s,
     dragStartTime: n,
@@ -3735,14 +3735,14 @@ var mo = ({
     right: t.right - r.x,
     bottom: t.bottom - r.y,
     left: r.x - t.left
-  }, c = er({
+  }, c = Zn({
     container: t,
     distanceToEdges: s,
     dragStartTime: e,
-    axis: Zt,
+    axis: Kt,
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
-  }), a = er({
+  }), a = Zn({
     container: t,
     distanceToEdges: s,
     dragStartTime: e,
@@ -3762,7 +3762,7 @@ var mo = ({
   });
   return p ? oe(p, G) ? null : p : null;
 };
-const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() => {
+const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), sn = /* @__PURE__ */ (() => {
   const e = (t, n) => t < 0 ? t : t > n ? t - n : 0;
   return ({
     current: t,
@@ -3783,26 +3783,26 @@ 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 = la(n), i = sn({
     max: r,
     current: t,
     change: o
   });
   return !i || o.x !== 0 && i.x === 0 || o.y !== 0 && i.y === 0;
-}, ln = (e, t) => ho({
+}, cn = (e, t) => ho({
   current: e.scroll.current,
   max: e.scroll.max,
   change: t
 }), da = (e, t) => {
-  if (!ln(e, t))
+  if (!cn(e, t))
     return null;
   const n = e.scroll.max, r = e.scroll.current;
-  return an({
+  return sn({
     current: r,
     max: n,
     change: t
   });
-}, dn = (e, t) => {
+}, an = (e, t) => {
   const n = e.frame;
   return n ? ho({
     current: n.scroll.current,
@@ -3811,7 +3811,7 @@ const la = Mr((e) => e === 0 ? 0 : e > 0 ? 1 : -1), an = /* @__PURE__ */ (() =>
   }) : !1;
 }, ua = (e, t) => {
   const n = e.frame;
-  return !n || !dn(e, t) ? null : an({
+  return !n || !an(e, t) ? null : sn({
     current: n.scroll.current,
     max: n.scroll.max,
     change: t
@@ -3833,7 +3833,7 @@ var pa = ({
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
   });
-  return s && ln(e, s) ? s : null;
+  return s && cn(e, s) ? s : null;
 }, fa = ({
   droppable: e,
   subject: t,
@@ -3853,8 +3853,8 @@ var pa = ({
     shouldUseTimeDampening: o,
     getAutoScrollerOptions: i
   });
-  return c && dn(e, c) ? c : null;
-}, tr = ({
+  return c && an(e, c) ? c : null;
+}, Qn = ({
   state: e,
   dragStartTime: t,
   shouldUseTimeDampening: n,
@@ -3906,7 +3906,7 @@ var pa = ({
       shouldUseTimeDampening: p,
       dragStartTime: l
     } = i;
-    tr({
+    Qn({
       state: d,
       scrollWindow: r,
       scrollDroppable: o,
@@ -3917,13 +3917,13 @@ var pa = ({
   };
   return {
     start: (d) => {
-      Ve(), i && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot start auto scrolling when already started") : f());
+      Le(), i && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot start auto scrolling when already started") : f());
       const p = Date.now();
       let l = !1;
       const u = () => {
         l = !0;
       };
-      tr({
+      Qn({
         state: d,
         dragStartTime: 0,
         shouldUseTimeDampening: !1,
@@ -3933,7 +3933,7 @@ var pa = ({
       }), i = {
         dragStartTime: p,
         shouldUseTimeDampening: l
-      }, Le(), l && s(d);
+      }, Me(), l && s(d);
     },
     stop: () => {
       i && (r.cancel(), o.cancel(), i = null);
@@ -3951,7 +3951,7 @@ var pa = ({
       client: d
     });
   }, o = (c, a) => {
-    if (!dn(c, a))
+    if (!an(c, a))
       return a;
     const d = ua(c, a);
     if (!d)
@@ -3959,7 +3959,7 @@ var pa = ({
     const p = j(a, d);
     return t(c.descriptor.id, p), j(a, p);
   }, i = (c, a, d) => {
-    if (!c || !ln(a, d))
+    if (!c || !cn(a, d))
       return d;
     const p = da(a, d);
     if (!p)
@@ -4015,7 +4015,7 @@ const fe = "data-rfd", ge = (() => {
     draggableId: `${e}-draggable-id`,
     contextId: `${e}-context-id`
   };
-})(), kt = (() => {
+})(), Gt = (() => {
   const e = `${fe}-draggable`;
   return {
     base: e,
@@ -4029,7 +4029,7 @@ const fe = "data-rfd", ge = (() => {
     contextId: `${e}-context-id`,
     id: `${e}-id`
   };
-})(), nr = {
+})(), er = {
   contextId: `${fe}-scroll-container-context-id`
 }, va = (e) => (t) => `[${t}="${e}"]`, Ee = (e, t) => e.map((n) => {
   const r = n.styles[t];
@@ -4059,7 +4059,7 @@ var Ea = (e) => {
       transition: ${xe.outOfTheWay};
     `;
     return {
-      selector: t(kt.contextId),
+      selector: t(Gt.contextId),
       styles: {
         dragging: c,
         dropAnimating: c,
@@ -4096,12 +4096,12 @@ var Ea = (e) => {
 const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Vo : 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) => {
+}, tr = (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) => {
+  const n = C(() => Ea(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) => {
@@ -4110,7 +4110,7 @@ function Da(e, t) {
   }, []);
   Y(() => {
     !r.current && !o.current || (process.env.NODE_ENV !== "production" ? f(!1, "style elements already mounted") : f());
-    const l = rr(t), u = rr(t);
+    const l = tr(t), u = tr(t);
     return r.current = l, o.current = u, l.setAttribute(`${fe}-always`, e), u.setAttribute(`${fe}-dynamic`, e), It().appendChild(l), It().appendChild(u), s(n.always), i(n.resting), () => {
       const g = (m) => {
         const b = m.current;
@@ -4128,7 +4128,7 @@ 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
@@ -4138,7 +4138,7 @@ function bo(e, t) {
   return Array.from(e.querySelectorAll(t));
 }
 var vo = (e) => e && e.ownerDocument && e.ownerDocument.defaultView ? e.ownerDocument.defaultView : window;
-function Me(e) {
+function $e(e) {
   return e instanceof vo(e).HTMLElement;
 }
 function yo(e, t) {
@@ -4146,7 +4146,7 @@ function yo(e, t) {
   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);
+  return o ? $e(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) {
   const t = B({}), n = B(null), r = B(null), o = B(!1), i = D(function(u, g) {
@@ -4178,7 +4178,7 @@ function Na(e) {
     o.current = !1;
     const u = r.current;
     u && cancelAnimationFrame(u);
-  }), []), O(() => ({
+  }), []), C(() => ({
     register: i,
     tryRecordFocus: d,
     tryRestoreFocusRecorded: a,
@@ -4260,12 +4260,12 @@ function xa() {
   };
 }
 function Ia() {
-  const e = O(xa, []);
+  const e = C(xa, []);
   return te(() => function() {
     e.clean();
   }, [e]), e;
 }
-var un = V.createContext(null), Pe = () => {
+var ln = V.createContext(null), Pe = () => {
   const e = document.body;
   return e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot find document.body") : f()), e;
 };
@@ -4279,12 +4279,12 @@ const Oa = {
   overflow: "hidden",
   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);
+}, Ca = (e) => `rfd-announcement-${e}`;
+function wa(e) {
+  const t = C(() => Ca(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"), Xe(i.style, Oa), Pe().appendChild(i), function() {
       setTimeout(function() {
         const a = Pe();
         a.contains(i) && a.removeChild(i), i === n.current && (n.current = null);
@@ -4311,9 +4311,9 @@ function Ca(e) {
 const Sa = {
   separator: "::"
 };
-function pn(e, t = Sa) {
+function dn(e, t = Sa) {
   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({
   contextId: e,
@@ -4325,9 +4325,9 @@ function _a({
   contextId: e,
   text: t
 }) {
-  const n = pn("hidden-text", {
+  const n = dn("hidden-text", {
     separator: "-"
-  }), r = O(() => Aa({
+  }), r = C(() => Aa({
     contextId: e,
     uniqueId: n
   }), [n, e]);
@@ -4342,7 +4342,7 @@ function _a({
 var ot = V.createContext(null), Pa = {
   react: "^18.0.0 || ^19.0.0"
 };
-const Ra = /(\d+)\.(\d+)\.(\d+)/, or = (e) => {
+const Ra = /(\d+)\.(\d+)\.(\d+)/, nr = (e) => {
   const t = Ra.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]);
@@ -4354,7 +4354,7 @@ const Ra = /(\d+)\.(\d+)\.(\d+)/, or = (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) => {
-  const n = or(e), r = or(t);
+  const n = nr(e), r = nr(t);
   Ta(n, r) || process.env.NODE_ENV !== "production" && R(`
     React version: [${r.raw}]
     does not satisfy expected peer dependency version: [${n.raw}]
@@ -4389,16 +4389,16 @@ var Va = (e) => {
       ${Ot}
     `);
 };
-function fn(e) {
+function un(e) {
   process.env.NODE_ENV !== "production" && e();
 }
-function $e(e, t) {
-  fn(() => {
+function Ge(e, t) {
+  un(() => {
     te(() => {
       try {
         e();
       } catch (n) {
-        Lt(`
+        Bt(`
           A setup problem was encountered.
 
           > ${n.message}
@@ -4408,11 +4408,11 @@ function $e(e, t) {
   });
 }
 function La() {
-  $e(() => {
+  Ge(() => {
     Ba(Pa.react, V.version), Va(document);
   }, []);
 }
-function gn(e) {
+function pn(e) {
   const t = B(e);
   return te(() => {
     t.current = e;
@@ -4450,7 +4450,7 @@ 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 = {
+const $a = 9, Ga = 13, fn = 27, Eo = 32, Fa = 33, ka = 34, Wa = 35, Ua = 36, Ha = 37, za = 38, ja = 39, qa = 40, Ya = {
   [Ga]: !0,
   [$a]: !0
 };
@@ -4460,11 +4460,11 @@ var Do = (e) => {
 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;
+})(), No = 0, rr = 5;
 function Xa(e, t) {
-  return Math.abs(t.x - e.x) >= ir || Math.abs(t.y - e.y) >= ir;
+  return Math.abs(t.x - e.x) >= rr || Math.abs(t.y - e.y) >= rr;
 }
-const sr = {
+const or = {
   type: "IDLE"
 };
 function Ka({
@@ -4526,7 +4526,7 @@ function Ka({
         e();
         return;
       }
-      if (o.keyCode === mn) {
+      if (o.keyCode === fn) {
         o.preventDefault(), e();
         return;
       }
@@ -4560,7 +4560,7 @@ function Ka({
   }];
 }
 function Ja(e) {
-  const t = B(sr), n = B(re), r = O(() => ({
+  const t = B(or), n = B(re), r = C(() => ({
     eventName: "mousedown",
     fn: function(l) {
       if (l.defaultPrevented || l.button !== No || l.ctrlKey || l.metaKey || l.shiftKey || l.altKey)
@@ -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)
@@ -4598,7 +4598,7 @@ function Ja(e) {
     };
     n.current = K(window, [o, r], l);
   }, [o, r]), s = D(() => {
-    t.current.type !== "IDLE" && (t.current = sr, n.current(), i());
+    t.current.type !== "IDLE" && (t.current = or, n.current(), i());
   }, [i]), c = D(() => {
     const p = t.current;
     s(), p.type === "DRAGGING" && p.actions.cancel({
@@ -4648,7 +4648,7 @@ function el(e, t) {
   return [{
     eventName: "keydown",
     fn: (o) => {
-      if (o.keyCode === mn) {
+      if (o.keyCode === fn) {
         o.preventDefault(), n();
         return;
       }
@@ -4705,7 +4705,7 @@ function el(e, t) {
   }];
 }
 function tl(e) {
-  const t = B(Za), n = O(() => ({
+  const t = B(Za), n = C(() => ({
     eventName: "keydown",
     fn: function(i) {
       if (i.defaultPrevented || i.keyCode !== Eo)
@@ -4743,7 +4743,7 @@ function tl(e) {
     };
   }, [r]);
 }
-const wt = {
+const Ct = {
   type: "IDLE"
 }, nl = 120, rl = 0.15;
 function ol({
@@ -4768,7 +4768,7 @@ function ol({
         e();
         return;
       }
-      n.keyCode === mn && n.preventDefault(), e();
+      n.keyCode === fn && n.preventDefault(), e();
     }
   }, {
     eventName: it,
@@ -4851,11 +4851,11 @@ function il({
   }];
 }
 function sl(e) {
-  const t = B(wt), n = B(re), r = D(function() {
+  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({
@@ -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, [{
@@ -4941,9 +4941,9 @@ function sl(e) {
   }, []);
 }
 function cl(e) {
-  fn(() => {
-    const t = gn(e);
-    $e(() => {
+  un(() => {
+    const t = pn(e);
+    Ge(() => {
       t.current.length !== e.length && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot change the amount of sensor hooks after mounting") : f(!1));
     });
   });
@@ -4959,7 +4959,7 @@ function xo(e, t) {
 }
 function ll(e, t) {
   const n = t.target;
-  return Me(n) ? xo(e, n) : !1;
+  return $e(n) ? xo(e, n) : !1;
 }
 var dl = (e) => Z(e.getBoundingClientRect()).center;
 function ul(e) {
@@ -4983,20 +4983,20 @@ function ml(e, t) {
   if (!ul(n))
     return process.env.NODE_ENV !== "production" && R("event.target must be a Element"), null;
   const r = gl(e), o = fl(n, r);
-  return o ? Me(o) ? o : (process.env.NODE_ENV !== "production" && R("drag handle must be a HTMLElement"), null) : null;
+  return o ? $e(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);
   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);
-  return o ? Me(o) ? o : (process.env.NODE_ENV !== "production" && R("Draggable element is not a HTMLElement"), null) : null;
+  const n = `[${Gt.contextId}="${e}"]`, o = bo(document, n).find((i) => i.getAttribute(Gt.id) === t);
+  return o ? $e(o) ? o : (process.env.NODE_ENV !== "production" && R("Draggable element is not a HTMLElement"), null) : null;
 }
 function vl(e) {
   e.preventDefault();
 }
-function We({
+function Ue({
   expected: e,
   phase: t,
   isLockActive: n,
@@ -5063,7 +5063,7 @@ function yl({
     return e.isActive(p);
   }
   function m(E, x) {
-    We({
+    Ue({
       expected: E,
       phase: l,
       isLockActive: g,
@@ -5076,7 +5076,7 @@ function yl({
       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";
-    function S(_, U = {
+    function S(P, U = {
       shouldBlockNextClick: !1
     }) {
       if (E.cleanup(), U.shouldBlockNextClick) {
@@ -5092,26 +5092,26 @@ function yl({
         setTimeout(T);
       }
       x(), n.dispatch(oo({
-        reason: _
+        reason: P
       }));
     }
     return {
-      isActive: () => We({
+      isActive: () => Ue({
         expected: "DRAGGING",
         phase: l,
         isLockActive: g,
         shouldWarn: !1
       }),
       shouldRespectForcePress: u,
-      drop: (_) => S("DROP", _),
-      cancel: (_) => S("CANCEL", _),
+      drop: (P) => S("DROP", P),
+      cancel: (P) => S("CANCEL", P),
       ...E.actions
     };
   }
   function y(E) {
-    const x = Ie((_) => {
+    const x = Ie((P) => {
       b(() => ro({
-        client: _
+        client: P
       }));
     });
     return {
@@ -5147,7 +5147,7 @@ function yl({
     });
   }
   function I() {
-    We({
+    Ue({
       expected: "PRE_DRAG",
       phase: l,
       isLockActive: g,
@@ -5155,7 +5155,7 @@ function yl({
     }) && e.release();
   }
   return {
-    isActive: () => We({
+    isActive: () => Ue({
       expected: "PRE_DRAG",
       phase: l,
       isLockActive: g,
@@ -5175,7 +5175,7 @@ function Dl({
   customSensors: r,
   enableDefaultSensors: o
 }) {
-  const i = [...o ? El : [], ...r || []], s = Ze(() => Ma())[0], c = D(function(h, y) {
+  const i = [...o ? El : [], ...r || []], s = Te(() => Ma())[0], c = D(function(h, y) {
     Re(h) && !Re(y) && s.tryAbandon();
   }, [s]);
   Y(function() {
@@ -5202,8 +5202,8 @@ function Dl({
     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.isClaimed() && (s.tryAbandon(), t.getState().phase !== "IDLE" && t.dispatch(tn()));
+  }, [s, t]), g = D(() => s.isClaimed(), [s]), m = C(() => ({
     canGetLock: a,
     tryGetLock: d,
     findClosestDraggableId: p,
@@ -5245,25 +5245,25 @@ function Il(e) {
     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({
+  const c = pn(e), a = D(() => Nl(c.current), [c]), d = D(() => xl(c.current), [c]), p = wa(t), l = _a({
     contextId: t,
     text: i
   }), u = Da(t, o), g = D((T) => {
     De(s).dispatch(T);
-  }, []), m = O(() => Cn({
+  }, []), m = C(() => On({
     publishWhileDragging: cc,
     updateDroppableScroll: lc,
     updateDroppableIsEnabled: dc,
     updateDroppableIsCombineEnabled: uc,
     collectionStarting: ac
-  }, g), [g]), b = Ia(), h = O(() => Qc(b, m), [b, m]), y = O(() => ha({
+  }, g), [g]), b = Ia(), h = C(() => Qc(b, m), [b, m]), y = C(() => ha({
     scrollWindow: ea,
     scrollDroppable: h.scrollDroppable,
     getAutoScrollerOptions: d,
-    ...Cn({
+    ...On({
       move: ro
     }, g)
-  }), [h.scrollDroppable, g, d]), v = Na(t), I = O(() => Xc({
+  }), [h.scrollDroppable, g, d]), v = Na(t), I = C(() => Xc({
     announce: p,
     autoScroller: y,
     dimensionMarshal: h,
@@ -5274,24 +5274,24 @@ function Il(e) {
   process.env.NODE_ENV !== "production" && s.current && s.current !== I && process.env.NODE_ENV !== "production" && R("unexpected store change"), s.current = I;
   const N = D(() => {
     const T = De(s);
-    T.getState().phase !== "IDLE" && T.dispatch(rn());
+    T.getState().phase !== "IDLE" && T.dispatch(tn());
   }, []), 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) => fo(De(s).getState(), T), []), P = D(() => ce(De(s).getState()), []), U = C(() => ({
     marshal: h,
     focus: v,
     contextId: t,
     canLift: S,
-    isMovementAllowed: _,
+    isMovementAllowed: P,
     dragHandleUsageInstructionsId: l,
     registry: b
-  }), [t, h, l, v, S, _, b]);
+  }), [t, h, l, v, S, P, b]);
   return Dl({
     contextId: t,
     store: I,
@@ -5301,15 +5301,15 @@ function Il(e) {
   }), te(() => N, [N]), V.createElement(ot.Provider, {
     value: U
   }, V.createElement(Li, {
-    context: un,
+    context: ln,
     store: I
   }, e.children));
 }
 function Ol() {
   return V.useId();
 }
-function wl(e) {
-  const t = Ol(), n = e.dragHandleUsageInstructions || He.dragHandleUsageInstructions;
+function Cl(e) {
+  const t = Ol(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
   return V.createElement(Yi, null, (r) => V.createElement(Il, {
     nonce: e.nonce,
     contextId: t,
@@ -5325,10 +5325,10 @@ function wl(e) {
     autoScrollerOptions: e.autoScrollerOptions
   }, e.children));
 }
-const cr = {
+const ir = {
   dragging: 5e3,
   dropAnimating: 4500
-}, Cl = (e, t) => t ? xe.drop(t.duration) : e ? xe.snap : xe.fluid, Sl = (e, t) => {
+}, wl = (e, t) => t ? xe.drop(t.duration) : e ? xe.snap : xe.fluid, Sl = (e, t) => {
   if (e)
     return t ? Ae.opacity.drop : Ae.opacity.combining;
 }, Al = (e) => e.forceShouldAnimate != null ? e.forceShouldAnimate : e.mode === "SNAP";
@@ -5337,7 +5337,7 @@ function _l(e) {
     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 = Al(e), a = !!i, d = a ? Mt.drop(r, s) : Mt.moveTo(r);
   return {
     position: "fixed",
     top: n.marginBox.top,
@@ -5345,16 +5345,16 @@ function _l(e) {
     boxSizing: "border-box",
     width: n.borderBox.width,
     height: n.borderBox.height,
-    transition: Cl(c, i),
+    transition: wl(c, i),
     transform: d,
     opacity: Sl(s, a),
-    zIndex: a ? cr.dropAnimating : cr.dragging,
+    zIndex: a ? ir.dropAnimating : ir.dragging,
     pointerEvents: "none"
   };
 }
 function Pl(e) {
   return {
-    transform: Gt.moveTo(e.offset),
+    transform: Mt.moveTo(e.offset),
     transition: e.shouldAnimateDisplacement ? void 0 : "none"
   };
 }
@@ -5362,7 +5362,7 @@ function Rl(e) {
   return e.type === "DRAGGING" ? _l(e) : Pl(e);
 }
 function Tl(e, t, n = G) {
-  const r = window.getComputedStyle(t), o = t.getBoundingClientRect(), i = Pr(o, r), s = qe(i, n), c = {
+  const r = window.getComputedStyle(t), o = t.getBoundingClientRect(), i = Pr(o, r), s = Ye(i, n), c = {
     client: i,
     tagName: t.tagName.toLowerCase(),
     display: r.display
@@ -5379,21 +5379,21 @@ function Tl(e, t, n = G) {
   };
 }
 function Bl(e) {
-  const t = pn("draggable"), {
+  const t = dn("draggable"), {
     descriptor: n,
     registry: r,
     getDraggableRef: o,
     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(() => ({
+  }, [n, o]), p = C(() => ({
     uniqueId: t,
     descriptor: n,
     options: a,
@@ -5408,9 +5408,9 @@ function Bl(e) {
     l.current = p, r.draggable.update(p, g);
   }, [p, r.draggable]);
 }
-var hn = V.createContext(null);
-function wo(e) {
-  e && Me(e) || (process.env.NODE_ENV !== "production" ? f(!1, `
+var gn = V.createContext(null);
+function Co(e) {
+  e && $e(e) || (process.env.NODE_ENV !== "production" ? f(!1, `
     provided.innerRef has not been provided with a HTMLElement.
 
     You can find a guide on using the innerRef callback functions at:
@@ -5418,24 +5418,24 @@ function wo(e) {
   `) : f());
 }
 function Vl(e, t, n) {
-  $e(() => {
+  Ge(() => {
     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" && (Co(n()), e.isEnabled && (yo(t, o) || (process.env.NODE_ENV !== "production" ? f(!1, `${r(o)} Unable to find drag handle`) : f(!1))));
   });
 }
 function Ll(e) {
-  fn(() => {
+  un(() => {
     const t = B(e);
-    $e(() => {
+    Ge(() => {
       e !== t.current && (process.env.NODE_ENV !== "production" ? f(!1, "Draggable isClone prop value changed during component life") : f(!1));
     }, [e]);
   });
 }
-function Je(e) {
+function Ze(e) {
   const t = gr(e);
   return t || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find required context") : f()), t;
 }
@@ -5449,10 +5449,10 @@ const $l = (e) => {
     contextId: o,
     dragHandleUsageInstructionsId: i,
     registry: s
-  } = Je(ot), {
+  } = Ze(ot), {
     type: c,
     droppableId: a
-  } = Je(hn), d = O(() => ({
+  } = Ze(gn), d = C(() => ({
     id: e.draggableId,
     index: e.index,
     type: c,
@@ -5468,7 +5468,7 @@ const $l = (e) => {
     dropAnimationFinished: y
   } = e;
   if (Vl(e, o, r), Ll(b), !b) {
-    const x = O(() => ({
+    const x = C(() => ({
       descriptor: d,
       registry: s,
       getDraggableRef: r,
@@ -5478,7 +5478,7 @@ const $l = (e) => {
     }), [d, s, r, m, g, u]);
     Bl(x);
   }
-  const v = O(() => u ? {
+  const v = C(() => u ? {
     tabIndex: 0,
     role: "button",
     "aria-describedby": i,
@@ -5488,7 +5488,7 @@ const $l = (e) => {
     onDragStart: Ml
   } : null, [o, i, l, u]), I = D((x) => {
     h.type === "DRAGGING" && h.dropping && x.propertyName === "transform" && mr(y);
-  }, [y, h]), N = O(() => {
+  }, [y, h]), N = C(() => {
     const x = Rl(h), S = h.type === "DRAGGING" && h.dropping ? I : void 0;
     return {
       innerRef: n,
@@ -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,7 +5510,7 @@ 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 wo = (e, t) => e === t, So = (e) => {
   const {
     combine: t,
     destination: n
@@ -5557,7 +5557,7 @@ function kl() {
         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 = {
         duration: o.dropDuration,
-        curve: sn.drop,
+        curve: rn.drop,
         moveTo: o.newHomeClientOffset,
         opacity: u ? Ae.opacity.drop : null,
         scale: u ? Ae.scale.drop : null
@@ -5643,27 +5643,27 @@ const Hl = () => {
 }, zl = {
   dropAnimationFinished: io
 }, jl = _r(Hl, zl, null, {
-  context: un,
-  areStatePropsEqual: Co
+  context: ln,
+  areStatePropsEqual: wo
 })($l);
 function _o(e) {
-  return Je(hn).isUsingCloneFor === e.draggableId && !e.isClone ? null : V.createElement(jl, e);
+  return Ze(gn).isUsingCloneFor === e.draggableId && !e.isClone ? null : V.createElement(jl, e);
 }
 function ql(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(_o, Xe({}, 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 mn = (e) => (t) => e === t, Yl = mn("scroll"), Xl = mn("auto"), Kl = mn("visible"), sr = (e, t) => t(e.overflowX) || t(e.overflowY), Jl = (e, t) => t(e.overflowX) && t(e.overflowY), Po = (e) => {
   const t = window.getComputedStyle(e), n = {
     overflowX: t.overflowX,
     overflowY: t.overflowY
   };
-  return ar(n, Yl) || ar(n, Xl);
+  return sr(n, Yl) || sr(n, Xl);
 }, Zl = () => {
   if (process.env.NODE_ENV === "production")
     return !1;
@@ -5684,22 +5684,22 @@ 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);
+}, hn = (e) => e == null ? null : e === document.body ? Zl() ? e : null : e === document.documentElement ? null : Po(e) ? e : hn(e.parentElement);
 var Ql = (e) => {
-  !e || !vn(e.parentElement) || process.env.NODE_ENV !== "production" && R(`
+  !e || !hn(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)
     Nested scroll containers are currently not supported.
 
     We hope to support nested scroll containers soon: https://github.com/atlassian/react-beautiful-dnd/issues/131
   `);
-}, Wt = (e) => ({
+}, Ft = (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 t = hn(e), n = Ro(e);
   return {
     closestScrollable: t,
     isFixedOnPage: n
@@ -5741,7 +5741,7 @@ var ed = (e) => {
         }
       }
     };
-  })(), d = o === "vertical" ? Zt : Wr, p = pe({
+  })(), d = o === "vertical" ? Kt : Wr, p = pe({
     page: s,
     withPlaceholder: null,
     axis: d,
@@ -5763,13 +5763,13 @@ const nd = (e, t) => {
   const n = Rr(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({
+  const r = n.paddingBox.top - t.scrollTop, o = n.paddingBox.left - t.scrollLeft, i = r + t.scrollHeight, s = o + t.scrollWidth, a = jt({
     top: r,
     right: s,
     bottom: i,
     left: o
   }, n.border);
-  return Xt({
+  return qt({
     borderBox: a,
     margin: n.margin,
     border: n.border,
@@ -5786,7 +5786,7 @@ var rd = ({
   isCombineEnabled: s,
   shouldClipSubject: c
 }) => {
-  const a = n.closestScrollable, d = nd(e, a), p = qe(d, r), l = (() => {
+  const a = n.closestScrollable, d = nd(e, a), p = Ye(d, r), l = (() => {
     if (!a)
       return null;
     const g = Rr(a), m = {
@@ -5795,8 +5795,8 @@ var rd = ({
     };
     return {
       client: g,
-      page: qe(g, r),
-      scroll: Wt(a),
+      page: Ye(g, r),
+      scroll: Ft(a),
       scrollSize: m,
       shouldClipSubject: c
     };
@@ -5817,17 +5817,17 @@ const od = {
 }, id = {
   passive: !0
 };
-var lr = (e) => e.shouldPublishImmediately ? od : id;
-const Ue = (e) => e && e.env.closestScrollable || null;
+var cr = (e) => e.shouldPublishImmediately ? od : id;
+const He = (e) => e && e.env.closestScrollable || null;
 function sd(e) {
-  const t = B(null), n = Je(ot), r = pn("droppable"), {
+  const t = B(null), n = Ze(ot), r = dn("droppable"), {
     registry: o,
     marshal: i
-  } = n, s = gn(e), c = O(() => ({
+  } = n, s = pn(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,
@@ -5836,12 +5836,12 @@ function sd(e) {
     i.updateDroppableScroll(c.id, x);
   }), [c.id, i]), p = D(() => {
     const N = t.current;
-    return !N || !N.env.closestScrollable ? G : Wt(N.env.closestScrollable);
+    return !N || !N.env.closestScrollable ? G : Ft(N.env.closestScrollable);
   }, []), l = D(() => {
     const N = p();
     d(N.x, N.y);
-  }, [p, d]), u = O(() => Ie(l), [l]), g = D(() => {
-    const N = t.current, E = Ue(N);
+  }, [p, d]), u = C(() => Ie(l), [l]), g = D(() => {
+    const N = t.current, E = He(N);
     if (N && E || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find scroll options while scrolling") : f()), N.scrollOptions.shouldPublishImmediately) {
       l();
       return;
@@ -5851,43 +5851,43 @@ 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 P = ed(S), U = {
       ref: S,
       descriptor: c,
-      env: _,
+      env: P,
       scrollOptions: E
     };
     t.current = U;
     const T = rd({
       ref: S,
       descriptor: c,
-      env: _,
+      env: P,
       windowScroll: N,
       direction: x.direction,
       isDropDisabled: x.isDropDisabled,
       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;
+    }), H = P.closestScrollable;
+    return H && (H.setAttribute(er.contextId, n.contextId), H.addEventListener("scroll", g, cr(U.scrollOptions)), process.env.NODE_ENV !== "production" && Ql(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);
+    const N = t.current, E = He(N);
+    return N && E || (process.env.NODE_ENV !== "production" ? f(!1, "Can only recollect Droppable client for Droppables that have a scroll container") : f()), Ft(E);
   }, []), h = D(() => {
     const N = t.current;
     N || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot stop drag when no active drag") : f());
-    const E = Ue(N);
-    t.current = null, E && (u.cancel(), E.removeAttribute(nr.contextId), E.removeEventListener("scroll", g, lr(N.scrollOptions)));
+    const E = He(N);
+    t.current = null, E && (u.cancel(), E.removeAttribute(er.contextId), E.removeEventListener("scroll", g, cr(N.scrollOptions)));
   }, [g, u]), y = D((N) => {
     const E = t.current;
     E || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot scroll when there is no drag") : f());
-    const x = Ue(E);
+    const x = He(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,9 +5900,9 @@ function sd(e) {
     t.current && i.updateDroppableIsCombineEnabled(a.current.id, e.isCombineEnabled);
   }, [e.isCombineEnabled, i]);
 }
-function Ct() {
+function wt() {
 }
-const dr = {
+const ar = {
   width: 0,
   height: 0,
   margin: ts
@@ -5910,7 +5910,7 @@ const dr = {
   isAnimatingOpenOnMount: e,
   placeholder: t,
   animate: n
-}) => e || n === "close" ? dr : {
+}) => e || n === "close" ? ar : {
   height: t.client.borderBox.height,
   width: t.client.borderBox.width,
   margin: t.client.margin
@@ -5946,10 +5946,10 @@ const dr = {
     onTransitionEnd: o,
     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(() => {
+  } = e, [c, a] = Te(e.animate === "open");
+  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({
@@ -5982,7 +5982,7 @@ const ud = [function({
 }, function({
   getDroppableRef: t
 }) {
-  wo(t());
+  Co(t());
 }], pd = [function({
   props: t,
   getPlaceholderRef: n
@@ -6004,7 +6004,7 @@ const ud = [function({
   t() && (process.env.NODE_ENV !== "production" ? f(!1, "Expected virtual list to not have a placeholder") : f());
 }];
 function gd(e) {
-  $e(() => {
+  Ge(() => {
     At(e, ud), e.props.mode === "standard" && At(e, pd), e.props.mode === "virtual" && At(e, fd);
   });
 }
@@ -6094,7 +6094,7 @@ const hd = (e) => {
     ignoreContainerClipping: l,
     getDroppableRef: v
   });
-  const S = O(() => V.createElement(md, {
+  const S = C(() => V.createElement(md, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
   }, ({
@@ -6108,14 +6108,14 @@ const hd = (e) => {
     animate: de,
     contextId: n,
     onTransitionEnd: x
-  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), _ = O(() => ({
+  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), P = 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
@@ -6133,17 +6133,17 @@ const hd = (e) => {
       isEnabled: !0,
       shouldRespectForcePress: !1,
       canDragInteractiveElements: !0
-    }, (ee, Ge) => Q(ee, Ge, M));
+    }, (ee, Fe) => Q(ee, Fe, M));
     return Lo.createPortal(de, y());
   }
-  return V.createElement(hn.Provider, {
+  return V.createElement(gn.Provider, {
     value: T
-  }, s(_, m), H());
+  }, s(P, m), H());
 };
 function bd() {
   return document.body || (process.env.NODE_ENV !== "production" ? f(!1, "document.body is not ready") : f()), document.body;
 }
-const ur = {
+const lr = {
   mode: "standard",
   type: "DEFAULT",
   direction: "vertical",
@@ -6156,13 +6156,13 @@ const ur = {
   let t = {
     ...e
   }, n;
-  for (n in ur)
+  for (n in lr)
     e[n] === void 0 && (t = {
       ...t,
-      [n]: ur[n]
+      [n]: lr[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, dr = (e, t) => t.draggables[e.draggable.id], vd = () => {
   const e = {
     placeholder: null,
     shouldAnimatePlaceholder: !0,
@@ -6225,14 +6225,14 @@ const ur = {
       const u = i.critical;
       if (!_t(d, u))
         return t;
-      const g = pr(u, i.dimensions), m = q(i.impact) === a;
+      const g = dr(u, i.dimensions), m = q(i.impact) === a;
       return r(a, p, m, m, g, l);
     }
     if (i.phase === "DROP_ANIMATING") {
       const u = i.completed;
       if (!_t(d, u.critical))
         return t;
-      const g = pr(u.critical, i.dimensions);
+      const g = dr(u.critical, i.dimensions);
       return r(a, p, So(u.result) === a, q(u.impact) === a, g, l);
     }
     if (i.phase === "IDLE" && i.completed && !i.shouldFlush) {
@@ -6251,23 +6251,9 @@ const ur = {
   ...e,
   ...t
 }), {
-  context: un,
-  areStatePropsEqual: Co
-})(hd), Pt = ({
-  children: e,
-  color: t = "#9ca3af"
-}) => /* @__PURE__ */ C(
-  "span",
-  {
-    style: {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      color: t
-    },
-    children: e
-  }
-), Dd = () => /* @__PURE__ */ L(
+  context: ln,
+  areStatePropsEqual: wo
+})(hd), Dd = () => /* @__PURE__ */ L(
   "svg",
   {
     width: "16",
@@ -6279,8 +6265,8 @@ 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(
@@ -6295,139 +6281,202 @@ 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(
+), xd = () => /* @__PURE__ */ L(
   "svg",
   {
-    width: "12",
-    height: "12",
+    width: "20",
+    height: "20",
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "4",
+    stroke: "#9ca3af",
+    strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ C("polyline", { points: "20 6 9 17 4 12" })
+    style: { cursor: "grab" },
+    children: [
+      /* @__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" })
+    ]
   }
 ), Id = () => /* @__PURE__ */ L(
   "svg",
   {
-    width: "20",
-    height: "20",
+    width: "16",
+    height: "16",
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: "#9ca3af",
+    stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     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("polyline", { points: "15 3 21 3 21 9" }),
+      /* @__PURE__ */ O("polyline", { points: "9 21 3 21 3 15" }),
+      /* @__PURE__ */ O("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
+      /* @__PURE__ */ O("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
     ]
   }
-), Rt = (e) => e ? new Date(e).toLocaleTimeString("en-US", {
+), Od = () => /* @__PURE__ */ L(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ O("polyline", { points: "4 14 10 14 10 20" }),
+      /* @__PURE__ */ O("polyline", { points: "20 10 14 10 14 4" }),
+      /* @__PURE__ */ O("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
+      /* @__PURE__ */ O("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+    ]
+  }
+), ur = (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 }) => {
-  var i, s;
-  const o = typeof e.status == "string" ? e.status.toLowerCase() === "completed" : ((s = (i = e.status) == null ? void 0 : i.code) == null ? void 0 : s.toLowerCase()) === "completed";
-  return /* @__PURE__ */ C(
+}) : "--:--", pr = (e) => typeof e == "object" && (e != null && e.name) ? e.name : e, fr = (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 = ({ order: e, pathPeriod: t, isFirst: n, isDone: r, renderOrderExtraData: o }) => {
+  var c, a;
+  const [i, s] = Te(!1);
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      style: {
+        ...A.orderBlock,
+        borderTop: n ? "none" : "1px solid #f3f4f6"
+      },
+      children: [
+        /* @__PURE__ */ L("div", { style: A.orderHeader, children: [
+          /* @__PURE__ */ L("div", { style: A.gridItem, children: [
+            /* @__PURE__ */ L("div", { style: A.gridLabel, children: [
+              "ORDER",
+              " ",
+              r && /* @__PURE__ */ O("span", { style: { color: "#16a34a", marginLeft: "4px" }, children: "✓ DONE" })
+            ] }),
+            /* @__PURE__ */ L("div", { style: A.gridValue, children: [
+              "#",
+              e.order_id
+            ] })
+          ] }),
+          o && /* @__PURE__ */ O(
+            "button",
+            {
+              onClick: () => s(!i),
+              style: A.expandButton,
+              children: i ? /* @__PURE__ */ O(Od, {}) : /* @__PURE__ */ O(Id, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ L("div", { style: A.detailsGrid, children: [
+          /* @__PURE__ */ L("div", { style: A.gridItem, children: [
+            /* @__PURE__ */ O("div", { style: A.gridLabel, children: "LOCATION" }),
+            /* @__PURE__ */ L("div", { style: A.gridValueWithIcon, children: [
+              /* @__PURE__ */ O(Dd, {}),
+              " ",
+              /* @__PURE__ */ O("span", { style: A.truncate, children: ((a = (c = e.customer) == null ? void 0 : c.address) == null ? void 0 : a.street_area) || "N/A" })
+            ] })
+          ] }),
+          /* @__PURE__ */ L("div", { style: A.gridItem, children: [
+            /* @__PURE__ */ O("div", { style: A.gridLabel, children: "PERIOD" }),
+            /* @__PURE__ */ O("div", { style: A.gridValue, children: t })
+          ] }),
+          /* @__PURE__ */ L("div", { style: A.gridItem, children: [
+            /* @__PURE__ */ O("div", { style: A.gridLabel, children: "TIME WINDOW" }),
+            /* @__PURE__ */ L("div", { style: A.gridValueWithIcon, children: [
+              /* @__PURE__ */ O(Nd, {}),
+              " ",
+              /* @__PURE__ */ L("span", { children: [
+                ur(e.eta_start),
+                " - ",
+                ur(e.eta_end)
+              ] })
+            ] })
+          ] })
+        ] }),
+        i && o && /* @__PURE__ */ O("div", { style: A.extraDataContainer, children: o(e) })
+      ]
+    }
+  );
+}, Sd = ({
+  stopGroup: e,
+  index: t,
+  pathType: n,
+  pathPeriod: r,
+  renderStopActions: o,
+  renderOrderExtraData: i
+}) => {
+  const s = e.orders.every(fr);
+  return /* @__PURE__ */ O(
     ql,
     {
-      draggableId: e.id.toString(),
+      draggableId: e.stop_id.toString(),
       index: t,
-      isDragDisabled: o,
-      children: (c, a) => {
-        var d, p, l;
+      isDragDisabled: s,
+      children: (c) => {
+        var a, d;
         return /* @__PURE__ */ L(
           "div",
           {
             ref: c.innerRef,
             ...c.draggableProps,
-            style: {
-              ...P.timelineItem,
-              ...c.draggableProps.style,
-              opacity: a.isDragging ? 0.8 : 1
-            },
+            style: { ...A.timelineItem, ...c.draggableProps.style },
             children: [
-              /* @__PURE__ */ L(
+              /* @__PURE__ */ O(
                 "div",
                 {
                   style: {
-                    ...P.bubble,
-                    ...o ? P.bubbleCompleted : P.bubblePending
+                    ...A.bubble,
+                    ...s ? A.bubbleCompleted : A.bubblePending
                   },
-                  children: [
-                    t + 1,
-                    " "
-                  ]
+                  children: t + 1
                 }
               ),
-              /* @__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
-                        ] }),
-                        o && /* @__PURE__ */ L("span", { style: P.completedBadge, children: [
-                          /* @__PURE__ */ C(Pt, { color: "#16a34a", children: /* @__PURE__ */ C(xd, {}) }),
-                          " ",
-                          "Completed at ",
-                          Rt(e.completed_at || "")
-                        ] })
-                      ]
-                    }
-                  ),
-                  !o && /* @__PURE__ */ C("div", { ...c.dragHandleProps, children: /* @__PURE__ */ C(Id, {}) })
+              /* @__PURE__ */ L("div", { style: A.card, children: [
+                /* @__PURE__ */ L("div", { style: A.cardHeader, children: [
+                  /* @__PURE__ */ L("span", { style: A.title, children: [
+                    n,
+                    " #",
+                    e.sequence_rank
+                  ] }),
+                  !s && /* @__PURE__ */ O("div", { ...c.dragHandleProps, children: /* @__PURE__ */ O(xd, {}) })
                 ] }),
-                /* @__PURE__ */ L("div", { style: P.customerRow, children: [
-                  "Customer:",
-                  " ",
-                  /* @__PURE__ */ C("span", { style: { color: "#374151" }, children: (d = e.customer) == null ? void 0 : d.name })
+                /* @__PURE__ */ L("div", { style: A.customerName, children: [
+                  "Customer: ",
+                  (d = (a = e.orders[0]) == null ? void 0 : a.customer) == null ? void 0 : d.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: ((l = (p = e.customer) == null ? void 0 : p.address) == null ? void 0 : l.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__ */ O("div", { style: A.ordersList, children: e.orders.map((p, l) => /* @__PURE__ */ O(
+                  wd,
+                  {
+                    order: p,
+                    pathPeriod: r,
+                    isFirst: l === 0,
+                    isDone: fr(p),
+                    renderOrderExtraData: i
+                  },
+                  p.id
+                )) }),
+                o && /* @__PURE__ */ O("div", { style: A.actionsSlot, children: o(e) })
               ] })
             ]
           }
@@ -6435,36 +6484,33 @@ const ur = {
       }
     }
   );
-}, _d = ({
+}, Td = ({
   path: e,
-  onReorder: t
+  onReorder: t,
+  renderStopActions: n,
+  renderOrderExtraData: r
 }) => {
-  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
-      );
-      r(c);
-    }
-  }, [e]), !e || !n.length) return /* @__PURE__ */ C("div", { children: "No Path Data" });
-  const o = fr(e.type), i = fr(e.period), s = (c) => {
+  const [o, i] = Te([]);
+  te(() => {
+    e != null && e.path_orders && i(Cd(e.path_orders));
+  }, [e]);
+  const s = (c) => {
     if (!c.destination) return;
-    const a = Array.from(n), [d] = a.splice(c.source.index, 1);
-    if (a.splice(c.destination.index, 0, d), r(a), t) {
-      const p = a.map((l) => l.stop_id);
-      t(e.id, p);
-    }
+    const a = Array.from(o), [d] = a.splice(c.source.index, 1);
+    a.splice(c.destination.index, 0, d), i(a), t && t(
+      e.id,
+      a.map((p) => p.stop_id)
+    );
   };
-  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 !e || !o.length ? /* @__PURE__ */ O("div", { children: "No Path Data" }) : /* @__PURE__ */ O("div", { style: A.container, children: /* @__PURE__ */ O(Cl, { onDragEnd: s, children: /* @__PURE__ */ O(Ed, { droppableId: "path-list", children: (c) => /* @__PURE__ */ L(
     "div",
     {
-      style: P.timelineWrapper,
       ref: c.innerRef,
       ...c.droppableProps,
+      style: A.timelineWrapper,
       children: [
-        /* @__PURE__ */ C("div", { style: P.verticalLine }),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ O("div", { style: A.verticalLine }),
+        /* @__PURE__ */ O(
           "div",
           {
             style: {
@@ -6472,15 +6518,17 @@ const ur = {
               flexDirection: "column",
               gap: "24px"
             },
-            children: n.map((a, d) => /* @__PURE__ */ C(
-              Od,
+            children: o.map((a, d) => /* @__PURE__ */ O(
+              Sd,
               {
+                stopGroup: a,
                 index: d,
-                order: a,
-                pathType: o,
-                pathPeriod: i
+                pathType: pr(e.type),
+                pathPeriod: pr(e.period),
+                renderStopActions: n,
+                renderOrderExtraData: r
               },
-              a.id
+              a.stop_id
             ))
           }
         ),
@@ -6488,50 +6536,40 @@ const ur = {
       ]
     }
   ) }) }) });
-}, P = {
-  container: {
-    fontFamily: "ui-sans-serif, system-ui, sans-serif",
-    maxWidth: "800px",
-    margin: "0 auto"
-  },
-  timelineWrapper: { position: "relative", paddingLeft: "0" },
+}, A = {
+  container: { fontFamily: "sans-serif", maxWidth: "800px", margin: "0 auto" },
+  timelineWrapper: { position: "relative", padding: "20px 0" },
   verticalLine: {
     position: "absolute",
     left: "19px",
-    top: "20px",
-    bottom: "20px",
+    top: "40px",
+    bottom: "40px",
     width: "2px",
-    backgroundColor: "#f3f4f6",
-    zIndex: 0
+    backgroundColor: "#f3f4f6"
   },
   timelineItem: {
-    position: "relative",
-    zIndex: 1,
     display: "flex",
     gap: "16px",
-    alignItems: "flex-start",
     marginBottom: "24px",
-    background: "transparent"
+    position: "relative",
+    zIndex: 1
   },
-  // Added marginBottom to replace gap in flex
   bubble: {
-    flexShrink: 0,
     width: "40px",
     height: "40px",
     borderRadius: "50%",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: "14px",
     fontWeight: "bold",
-    border: "2px solid",
-    backgroundColor: "#fff"
+    backgroundColor: "#fff",
+    border: "2px solid"
   },
   bubblePending: { borderColor: "#f3f4f6", color: "#9ca3af" },
   bubbleCompleted: {
     borderColor: "#dcfce7",
-    backgroundColor: "#f0fdf4",
-    color: "#16a34a"
+    color: "#16a34a",
+    backgroundColor: "#f0fdf4"
   },
   card: {
     flex: 1,
@@ -6539,56 +6577,57 @@ const ur = {
     border: "1px solid #f3f4f6",
     borderRadius: "12px",
     padding: "16px",
-    boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"
+    boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
   },
   cardHeader: {
     display: "flex",
     justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: "12px"
+    marginBottom: "8px"
   },
-  title: { fontSize: "16px", fontWeight: "700", color: "#111827" },
-  completedBadge: {
-    display: "flex",
-    alignItems: "center",
-    gap: "4px",
-    fontSize: "12px",
-    color: "#16a34a",
-    backgroundColor: "#f0fdf4",
-    padding: "2px 8px",
-    borderRadius: "4px"
-  },
-  customerRow: { fontSize: "12px", color: "#6b7280", marginBottom: "12px" },
-  detailsGrid: {
-    display: "grid",
-    gridTemplateColumns: "1fr 1fr",
-    gap: "12px",
+  title: { fontSize: "16px", fontWeight: "bold" },
+  customerName: { fontSize: "14px", color: "#6b7280", marginBottom: "12px" },
+  ordersList: {
     backgroundColor: "#f9fafb",
-    padding: "12px",
-    borderRadius: "8px"
+    borderRadius: "8px",
+    overflow: "hidden"
   },
-  gridItem: { display: "flex", flexDirection: "column", gap: "4px" },
-  gridLabel: {
-    fontSize: "11px",
-    color: "#9ca3af",
-    textTransform: "uppercase"
+  orderBlock: { padding: "12px" },
+  orderHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    marginBottom: "8px"
   },
-  gridValue: { fontSize: "13px", fontWeight: "600", color: "#374151" },
+  detailsGrid: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "12px" },
+  gridItem: { display: "flex", flexDirection: "column" },
+  gridLabel: { fontSize: "10px", color: "#9ca3af", fontWeight: "bold" },
+  gridValue: { fontSize: "13px", fontWeight: "600" },
   gridValueWithIcon: {
     fontSize: "13px",
-    fontWeight: "500",
-    color: "#374151",
     display: "flex",
     alignItems: "center",
-    gap: "6px"
+    gap: "4px",
+    color: "#374151"
+  },
+  expandButton: {
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    color: "#6b7280"
+  },
+  extraDataContainer: {
+    marginTop: "12px",
+    padding: "12px",
+    borderTop: "1px dashed #e5e7eb"
   },
+  actionsSlot: { marginTop: "16px" },
   truncate: {
     whiteSpace: "nowrap",
     overflow: "hidden",
     textOverflow: "ellipsis",
-    maxWidth: "200px"
+    maxWidth: "150px"
   }
 };
 export {
-  _d as LogisticsDashboard
+  Td as LogisticsDashboard
 };