@wilow_app/design-system 0.0.6 → 0.0.7

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as O, jsxs as L } from "react/jsx-runtime";
+import { jsx as O, jsxs as V } from "react/jsx-runtime";
 import * as w from "react";
-import V, { useRef as B, useEffect as te, useContext as gr, useState as Te, useLayoutEffect as Vo } from "react";
+import L, { 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. `;
@@ -117,7 +117,7 @@ function hr(e, t, n) {
       v();
     }), h;
   }
-  function g(h) {
+  function f(h) {
     if (typeof h != "function")
       throw new Error(process.env.NODE_ENV === "production" ? W(10) : `Expected the nextReducer to be a function. Instead, received: '${ne(h)}`);
     r = h, u({
@@ -157,7 +157,7 @@ function hr(e, t, n) {
     dispatch: u,
     subscribe: l,
     getState: p,
-    replaceReducer: g,
+    replaceReducer: f,
     [Dn]: m
   };
 }
@@ -211,18 +211,18 @@ var Cn;
 function zo() {
   if (Cn) return pt;
   Cn = 1;
-  var e = V;
+  var e = L;
   function t(a, d) {
     return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useSyncExternalStore, o = e.useRef, i = e.useEffect, s = e.useMemo, c = e.useDebugValue;
   return pt.useSyncExternalStoreWithSelector = function(a, d, p, l, u) {
-    var g = o(null);
-    if (g.current === null) {
+    var f = o(null);
+    if (f.current === null) {
       var m = { hasValue: !1, value: null };
-      g.current = m;
-    } else m = g.current;
-    g = s(
+      f.current = m;
+    } else m = f.current;
+    f = s(
       function() {
         function h(E) {
           if (!y) {
@@ -234,8 +234,8 @@ function zo() {
             return I = E;
           }
           if (x = I, n(v, E)) return x;
-          var S = l(E);
-          return u !== void 0 && u(x, S) ? (v = E, x) : (v = E, I = S);
+          var A = l(E);
+          return u !== void 0 && u(x, A) ? (v = E, x) : (v = E, I = A);
         }
         var y = !1, v, I, N = p === void 0 ? null : p;
         return [
@@ -249,7 +249,7 @@ function zo() {
       },
       [d, p, l, u]
     );
-    var b = r(a, g[0], g[1]);
+    var b = r(a, f[0], f[1]);
     return i(
       function() {
         m.hasValue = !0, m.value = b;
@@ -275,14 +275,14 @@ function jo() {
       return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = V, n = typeof Object.is == "function" ? Object.is : e, r = t.useSyncExternalStore, o = t.useRef, i = t.useEffect, s = t.useMemo, c = t.useDebugValue;
+    var t = L, n = typeof Object.is == "function" ? Object.is : e, r = t.useSyncExternalStore, o = t.useRef, i = t.useEffect, s = t.useMemo, c = t.useDebugValue;
     ft.useSyncExternalStoreWithSelector = function(a, d, p, l, u) {
-      var g = o(null);
-      if (g.current === null) {
+      var f = o(null);
+      if (f.current === null) {
         var m = { hasValue: !1, value: null };
-        g.current = m;
-      } else m = g.current;
-      g = s(
+        f.current = m;
+      } else m = f.current;
+      f = s(
         function() {
           function h(E) {
             if (!y) {
@@ -295,8 +295,8 @@ function jo() {
             }
             if (x = I, n(v, E))
               return x;
-            var S = l(E);
-            return u !== void 0 && u(x, S) ? (v = E, x) : (v = E, I = S);
+            var A = l(E);
+            return u !== void 0 && u(x, A) ? (v = E, x) : (v = E, I = A);
           }
           var y = !1, v, I, N = p === void 0 ? null : p;
           return [
@@ -310,7 +310,7 @@ function jo() {
         },
         [d, p, l, u]
       );
-      var b = r(a, g[0], g[1]);
+      var b = r(a, f[0], f[1]);
       return i(
         function() {
           m.hasValue = !0, m.value = b;
@@ -390,7 +390,7 @@ function ri(e, t, n, r, {
   areStatePropsEqual: s
 }) {
   let c = !1, a, d, p, l, u;
-  function g(v, I) {
+  function f(v, I) {
     return a = v, d = I, p = e(a, d), l = t(r, d), u = n(p, l, d), c = !0, u;
   }
   function m() {
@@ -413,7 +413,7 @@ function ri(e, t, n, r, {
     return a = v, d = I, N && E ? m() : N ? b() : E ? h() : u;
   }
   return function(I, N) {
-    return c ? y(I, N) : g(I, N);
+    return c ? y(I, N) : f(I, N);
   };
 }
 function oi(e, {
@@ -581,7 +581,7 @@ function wr(e, t) {
   function u() {
     i || (i = !0, p());
   }
-  function g() {
+  function f() {
     i && (i = !1, l());
   }
   const m = {
@@ -590,7 +590,7 @@ function wr(e, t) {
     handleChangeWrapper: a,
     isSubscribed: d,
     trySubscribe: u,
-    tryUnsubscribe: g,
+    tryUnsubscribe: f,
     getListeners: () => r
   };
   return m;
@@ -702,7 +702,7 @@ function Ri(e, t, n, r, o, i, s, c, a, d, p) {
   if (!e) return () => {
   };
   let l = !1, u = null;
-  const g = () => {
+  const f = () => {
     if (l || !c.current)
       return;
     const b = t.getState();
@@ -717,7 +717,7 @@ function Ri(e, t, n, r, o, i, s, c, a, d, p) {
     }
     y || (u = null), h === i.current ? s.current || d() : (i.current = h, a.current = h, s.current = !0, p());
   };
-  return n.onStateChange = g, n.trySubscribe(), g(), () => {
+  return n.onStateChange = f, n.trySubscribe(), f(), () => {
     if (l = !0, n.tryUnsubscribe(), n.onStateChange = null, u)
       throw u;
   };
@@ -742,7 +742,7 @@ function Bi(e, t, n, {
   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;
+  const p = d, l = ai(e), u = ci(t), f = ui(n), m = !!e;
   return (h) => {
     if (process.env.NODE_ENV !== "production" && !/* @__PURE__ */ Qo(h))
       throw new Error(
@@ -758,17 +758,17 @@ function Bi(e, t, n, {
       // @ts-ignore
       initMapStateToProps: l,
       initMapDispatchToProps: u,
-      initMergeProps: g,
+      initMergeProps: f,
       areStatesEqual: o,
       areStatePropsEqual: s,
       areOwnPropsEqual: i,
       areMergedPropsEqual: c
     };
-    function N(S) {
+    function N(A) {
       const [P, U, T] = w.useMemo(() => {
-        const { reactReduxForwardedRef: z, ...ue } = S;
-        return [S.context, z, ue];
-      }, [S]), H = w.useMemo(() => {
+        const { reactReduxForwardedRef: z, ...ue } = A;
+        return [A.context, z, ue];
+      }, [A]), H = w.useMemo(() => {
         let z = p;
         if (P != null && P.Consumer && process.env.NODE_ENV !== "production") {
           if (!/* @__PURE__ */ ei(
@@ -781,12 +781,12 @@ function Bi(e, t, n, {
           z = P;
         }
         return z;
-      }, [P, 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 = !!A.store && !!A.store.getState && !!A.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, Fe = de ? M.getServerState : ee.getState, st = w.useMemo(() => oi(ee.dispatch, I), [ee]), [be, bn] = w.useMemo(() => {
+      const ee = Q ? A.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 = wr(
           ee,
@@ -1062,10 +1062,10 @@ class Oe extends Error {
 Oe.prototype.toString = function() {
   return this.message;
 };
-function f(e, t) {
+function g(e, t) {
   throw qi ? new Oe($n) : new Oe(`${$n}: ${t || ""}`);
 }
-class Yi extends V.Component {
+class Yi extends L.Component {
   constructor(...t) {
     super(...t), this.callbacks = null, this.unbind = re, this.onWindowError = (n) => {
       const r = this.getCallbacks();
@@ -1255,7 +1255,7 @@ var pe = ({
     active: s
   };
 }, Yt = (e, t) => {
-  e.frame || (process.env.NODE_ENV, f());
+  e.frame || (process.env.NODE_ENV, g());
   const n = e.frame, r = j(t, n.scroll.initial), o = me(r), i = {
     ...n,
     scroll: {
@@ -1312,11 +1312,11 @@ var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ss =
 }) => {
   if (!n.isCombineEnabled || !Xt(o))
     return null;
-  function s(g) {
+  function s(f) {
     const m = {
       type: "COMBINE",
       combine: {
-        draggableId: g,
+        draggableId: f,
         droppableId: n.descriptor.id
       }
     };
@@ -1332,11 +1332,11 @@ var nt = $((e, t) => t.filter((n) => n.descriptor.id !== e.descriptor.id)), ss =
   if (!a) {
     if (!d.length)
       return null;
-    const g = d[d.length - 1];
-    return s(g.descriptor.id);
+    const f = d[d.length - 1];
+    return s(f.descriptor.id);
   }
-  const p = d.findIndex((g) => g.descriptor.id === a);
-  p === -1 && (process.env.NODE_ENV !== "production" ? f(!1, "Could not find displaced item in set") : f());
+  const p = d.findIndex((f) => f.descriptor.id === a);
+  p === -1 && (process.env.NODE_ENV !== "production" ? g(!1, "Could not find displaced item in set") : g());
   const l = p - 1;
   if (l < 0)
     return null;
@@ -1456,11 +1456,11 @@ function Se({
       withDroppableDisplacement: !0
     }))
       return c.invisible[a.descriptor.id] = !0, c;
-    const u = ms(p, i, o), g = {
+    const u = ms(p, i, o), f = {
       draggableId: p,
       shouldAnimate: u
     };
-    return c.visible[p] = g, c;
+    return c.visible[p] = f, c;
   }, {
     all: [],
     visible: {},
@@ -1576,7 +1576,7 @@ var vs = ({
   afterCritical: a
 }) => {
   const d = s.at;
-  if (d || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot move in direction without previous impact location") : f()), d.type === "REORDER") {
+  if (d || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot move in direction without previous impact location") : g()), d.type === "REORDER") {
     const l = ys({
       isMovingForward: e,
       isInHomeList: t,
@@ -1624,7 +1624,7 @@ var vs = ({
   draggables: n
 }) => {
   const r = tt(t);
-  r || (process.env.NODE_ENV, f());
+  r || (process.env.NODE_ENV, g());
   const o = r.draggableId, i = n[o].page.borderBox.center, s = Ds({
     displaced: t.displaced,
     afterCritical: e,
@@ -1672,10 +1672,10 @@ var Os = ({
         moveRelativeTo: u.page,
         isMoving: s
       });
-    const g = qe(u.page, d.point);
+    const f = qe(u.page, d.point);
     return Hn({
       axis: c,
-      moveRelativeTo: g,
+      moveRelativeTo: f,
       isMoving: s
     });
   }
@@ -1883,7 +1883,7 @@ var Ss = ({
 };
 const k = (e) => {
   const t = e.subject.active;
-  return t || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot get clipped area from droppable") : f()), t;
+  return t || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get clipped area from droppable") : g()), t;
 };
 var Ps = ({
   isMovingForward: e,
@@ -1902,8 +1902,8 @@ var Ps = ({
     const l = k(p), u = J(l[s.start], l[s.end]);
     return c(l[s.start]) || c(l[s.end]) || u(i[s.start]) || u(i[s.end]);
   }).sort((p, l) => {
-    const u = k(p)[s.crossAxisStart], g = k(l)[s.crossAxisStart];
-    return e ? u - g : g - u;
+    const u = k(p)[s.crossAxisStart], f = k(l)[s.crossAxisStart];
+    return e ? u - f : f - u;
   }).filter((p, l, u) => k(p)[s.crossAxisStart] === k(u[0])[s.crossAxisStart]);
   if (!a.length)
     return null;
@@ -1911,8 +1911,8 @@ 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 = Fn(t, kn(k(p))), g = Fn(t, kn(k(l)));
-    return u !== g ? u - g : k(p)[s.start] - k(l)[s.start];
+    const u = Fn(t, kn(k(p))), f = Fn(t, kn(k(l)));
+    return u !== f ? u - f : k(p)[s.start] - k(l)[s.start];
   })[0];
 };
 const jn = (e, t) => {
@@ -1957,7 +1957,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());
+  he(t, e) && (process.env.NODE_ENV !== "production" ? g(!1, "Should not add placeholder space to home list") : g()), e.subject.withPlaceholder && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot add placeholder size to a subject when it already has one") : g());
   const o = Ve(e.axis, t.displaceBy).point, i = Bs(e, o, n), s = {
     placeholderSize: o,
     increasedBy: i,
@@ -1988,7 +1988,7 @@ const Bs = (e, t, n) => {
   };
 }, Vs = (e) => {
   const t = e.subject.withPlaceholder;
-  t || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot remove placeholder form subject when there was none") : f());
+  t || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot remove placeholder form subject when there was none") : g());
   const n = e.frame;
   if (!n) {
     const s = pe({
@@ -2003,7 +2003,7 @@ const Bs = (e, t, n) => {
     };
   }
   const r = t.oldFrameMaxScroll;
-  r || (process.env.NODE_ENV !== "production" ? f(!1, "Expected droppable with frame to have old max frame scroll when removing placeholder") : f());
+  r || (process.env.NODE_ENV !== "production" ? g(!1, "Expected droppable with frame to have old max frame scroll when removing placeholder") : g());
   const o = qr(n, r), i = pe({
     page: e.subject.page,
     axis: e.axis,
@@ -2045,10 +2045,10 @@ var Ls = ({
       droppable: i,
       draggables: o,
       afterCritical: c
-    }), g = he(r, i) ? i : Yr(i, r, o);
+    }), f = he(r, i) ? i : Yr(i, r, o);
     return jr({
       draggable: r,
-      destination: g,
+      destination: f,
       newPageBorderBoxCenter: u,
       viewport: s.frame,
       withDroppableDisplacement: !1,
@@ -2236,7 +2236,7 @@ var zs = ({
   viewport: i,
   afterCritical: s
 }) => {
-  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 c = n.axis, a = Ve(n.axis, t.displaceBy), d = a.value, p = e[c.start], l = e[c.end], f = 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
@@ -2244,7 +2244,7 @@ var zs = ({
     return v ? I ? l <= y : p < y - d : I ? l <= y + d : p < y;
   }) || null, m = Hs({
     draggable: t,
-    closest: g,
+    closest: f,
     inHomeList: he(t, n)
   });
   return Je({
@@ -2383,16 +2383,16 @@ var Xs = ({
       viewport: s,
       current: u
     };
-  const g = c.draggables[e.critical.draggable.id], m = o || Zr({
+  const f = c.draggables[e.critical.draggable.id], m = o || Zr({
     pageOffset: l.offset,
-    draggable: g,
+    draggable: f,
     draggables: c.draggables,
     droppables: c.droppables,
     previousImpact: e.impact,
     viewport: s,
     afterCritical: e.afterCritical
   }), b = Xs({
-    draggable: g,
+    draggable: f,
     impact: m,
     previousImpact: e.impact,
     draggables: c.draggables,
@@ -2458,12 +2458,12 @@ var Qr = ({
   dimensions: t,
   viewport: n
 }) => {
-  e.movementMode !== "SNAP" && (process.env.NODE_ENV, f());
+  e.movementMode !== "SNAP" && (process.env.NODE_ENV, g());
   const r = e.impact, o = n || e.viewport, i = t || e.dimensions, {
     draggables: s,
     droppables: c
   } = i, a = s[e.critical.draggable.id], d = q(r);
-  d || (process.env.NODE_ENV !== "production" ? f(!1, "Must be over a destination in SNAP movement mode") : f());
+  d || (process.env.NODE_ENV !== "production" ? g(!1, "Must be over a destination in SNAP movement mode") : g());
   const p = c[d], l = Qr({
     impact: r,
     viewport: o,
@@ -2494,8 +2494,8 @@ var Qr = ({
   viewport: r
 }) => {
   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 = {
+  s === -1 && (process.env.NODE_ENV !== "production" ? g(!1, "Expected draggable to be inside home list") : g());
+  const c = i.slice(s + 1), a = c.reduce((u, f) => (u[f.descriptor.id] = !0, u), {}), d = {
     inVirtualList: t.descriptor.mode === "virtual",
     displacedBy: o,
     effected: a
@@ -2544,7 +2544,7 @@ var Qs = ({
   };
 }, ec = (e) => {
   const t = e.frame;
-  return t || (process.env.NODE_ENV !== "production" ? f(!1, "Expected Droppable to have a frame") : f()), t;
+  return t || (process.env.NODE_ENV !== "production" ? g(!1, "Expected Droppable to have a frame") : g()), t;
 }, tc = ({
   additions: e,
   updatedDroppables: t,
@@ -2592,12 +2592,12 @@ var Qs = ({
     home: p,
     draggables: i,
     viewport: e.viewport
-  }), g = a && a.isCombineEnabled ? e.impact : l, m = Zr({
+  }), f = a && a.isCombineEnabled ? e.impact : l, m = Zr({
     pageOffset: e.current.page.offset,
     draggable: s.draggables[e.critical.draggable.id],
     draggables: s.draggables,
     droppables: s.droppables,
-    previousImpact: g,
+    previousImpact: f,
     viewport: e.viewport,
     afterCritical: u
   });
@@ -2646,7 +2646,7 @@ var rc = (e = qn, t) => {
       shouldFlush: !0
     };
   if (t.type === "INITIAL_PUBLISH") {
-    e.phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "INITIAL_PUBLISH must come after a IDLE phase") : f());
+    e.phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "INITIAL_PUBLISH must come after a IDLE phase") : g());
     const {
       critical: n,
       clientSelection: r,
@@ -2666,7 +2666,7 @@ var rc = (e = qn, t) => {
       }
     }, l = et(i.droppables).every((b) => !b.isFixedOnPage), {
       impact: u,
-      afterCritical: g
+      afterCritical: f
     } = no({
       draggable: c,
       home: a,
@@ -2683,7 +2683,7 @@ var rc = (e = qn, t) => {
       current: p,
       isWindowScrollAllowed: l,
       impact: u,
-      afterCritical: g,
+      afterCritical: f,
       onLiftImpact: u,
       viewport: o,
       scrollJumpRequest: null,
@@ -2691,19 +2691,19 @@ var rc = (e = qn, t) => {
     };
   }
   if (t.type === "COLLECTION_STARTING")
-    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" ? e : (e.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? f(!1, `Collection cannot start from phase ${e.phase}`) : f()), {
+    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" ? e : (e.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? g(!1, `Collection cannot start from phase ${e.phase}`) : g()), {
       ...e,
       phase: "COLLECTING"
     });
   if (t.type === "PUBLISH_WHILE_DRAGGING")
-    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? f(!1, `Unexpected ${t.type} received in phase ${e.phase}`) : f()), nc({
+    return e.phase === "COLLECTING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? g(!1, `Unexpected ${t.type} received in phase ${e.phase}`) : g()), nc({
       state: e,
       published: t.payload
     });
   if (t.type === "MOVE") {
     if (e.phase === "DROP_PENDING")
       return e;
-    ce(e) || (process.env.NODE_ENV !== "production" ? f(!1, `${t.type} not permitted in phase ${e.phase}`) : f());
+    ce(e) || (process.env.NODE_ENV !== "production" ? g(!1, `${t.type} not permitted in phase ${e.phase}`) : g());
     const {
       client: n
     } = t.payload;
@@ -2716,7 +2716,7 @@ var rc = (e = qn, t) => {
   if (t.type === "UPDATE_DROPPABLE_SCROLL") {
     if (e.phase === "DROP_PENDING" || e.phase === "COLLECTING")
       return Dt(e);
-    ce(e) || (process.env.NODE_ENV !== "production" ? f(!1, `${t.type} not permitted in phase ${e.phase}`) : f());
+    ce(e) || (process.env.NODE_ENV !== "production" ? g(!1, `${t.type} not permitted in phase ${e.phase}`) : g());
     const {
       id: n,
       newScroll: r
@@ -2729,13 +2729,13 @@ var rc = (e = qn, t) => {
   if (t.type === "UPDATE_DROPPABLE_IS_ENABLED") {
     if (e.phase === "DROP_PENDING")
       return e;
-    ce(e) || (process.env.NODE_ENV !== "production" ? f(!1, `Attempting to move in an unsupported phase ${e.phase}`) : f());
+    ce(e) || (process.env.NODE_ENV !== "production" ? g(!1, `Attempting to move in an unsupported phase ${e.phase}`) : g());
     const {
       id: n,
       isEnabled: r
     } = t.payload, o = e.dimensions.droppables[n];
-    o || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot find Droppable[id: ${n}] to toggle its enabled state`) : f()), o.isEnabled === r && (process.env.NODE_ENV !== "production" ? f(!1, `Trying to set droppable isEnabled to ${String(r)}
-      but it is already ${String(o.isEnabled)}`) : f());
+    o || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot find Droppable[id: ${n}] to toggle its enabled state`) : g()), o.isEnabled === r && (process.env.NODE_ENV !== "production" ? g(!1, `Trying to set droppable isEnabled to ${String(r)}
+      but it is already ${String(o.isEnabled)}`) : g());
     const i = {
       ...o,
       isEnabled: r
@@ -2745,13 +2745,13 @@ var rc = (e = qn, t) => {
   if (t.type === "UPDATE_DROPPABLE_IS_COMBINE_ENABLED") {
     if (e.phase === "DROP_PENDING")
       return e;
-    ce(e) || (process.env.NODE_ENV !== "production" ? f(!1, `Attempting to move in an unsupported phase ${e.phase}`) : f());
+    ce(e) || (process.env.NODE_ENV !== "production" ? g(!1, `Attempting to move in an unsupported phase ${e.phase}`) : g());
     const {
       id: n,
       isCombineEnabled: r
     } = t.payload, o = e.dimensions.droppables[n];
-    o || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot find Droppable[id: ${n}] to toggle its isCombineEnabled state`) : f()), o.isCombineEnabled === r && (process.env.NODE_ENV !== "production" ? f(!1, `Trying to set droppable isCombineEnabled to ${String(r)}
-      but it is already ${String(o.isCombineEnabled)}`) : f());
+    o || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot find Droppable[id: ${n}] to toggle its isCombineEnabled state`) : g()), o.isCombineEnabled === r && (process.env.NODE_ENV !== "production" ? g(!1, `Trying to set droppable isCombineEnabled to ${String(r)}
+      but it is already ${String(o.isCombineEnabled)}`) : g());
     const i = {
       ...o,
       isCombineEnabled: r
@@ -2761,7 +2761,7 @@ var rc = (e = qn, t) => {
   if (t.type === "MOVE_BY_WINDOW_SCROLL") {
     if (e.phase === "DROP_PENDING" || e.phase === "DROP_ANIMATING")
       return e;
-    ce(e) || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot move by window in phase ${e.phase}`) : f()), e.isWindowScrollAllowed || (process.env.NODE_ENV !== "production" ? f(!1, "Window scrolling is currently not supported for fixed lists") : f());
+    ce(e) || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot move by window in phase ${e.phase}`) : g()), e.isWindowScrollAllowed || (process.env.NODE_ENV !== "production" ? g(!1, "Window scrolling is currently not supported for fixed lists") : g());
     const n = t.payload.newScroll;
     if (oe(e.viewport.scroll.current, n))
       return Dt(e);
@@ -2795,7 +2795,7 @@ var rc = (e = qn, t) => {
   if (t.type === "MOVE_UP" || t.type === "MOVE_DOWN" || t.type === "MOVE_LEFT" || t.type === "MOVE_RIGHT") {
     if (e.phase === "COLLECTING" || e.phase === "DROP_PENDING")
       return e;
-    e.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? f(!1, `${t.type} received while not in DRAGGING phase`) : f());
+    e.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? g(!1, `${t.type} received while not in DRAGGING phase`) : g());
     const n = Gs({
       state: e,
       type: t.type
@@ -2809,7 +2809,7 @@ var rc = (e = qn, t) => {
   }
   if (t.type === "DROP_PENDING") {
     const n = t.payload.reason;
-    return e.phase !== "COLLECTING" && (process.env.NODE_ENV !== "production" ? f(!1, "Can only move into the DROP_PENDING phase from the COLLECTING phase") : f()), {
+    return e.phase !== "COLLECTING" && (process.env.NODE_ENV !== "production" ? g(!1, "Can only move into the DROP_PENDING phase from the COLLECTING phase") : g()), {
       ...e,
       phase: "DROP_PENDING",
       isWaiting: !0,
@@ -2822,7 +2822,7 @@ var rc = (e = qn, t) => {
       dropDuration: r,
       newHomeClientOffset: o
     } = t.payload;
-    return e.phase === "DRAGGING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot animate drop from phase ${e.phase}`) : f()), {
+    return e.phase === "DRAGGING" || e.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot animate drop from phase ${e.phase}`) : g()), {
       phase: "DROP_ANIMATING",
       completed: n,
       dropDuration: r,
@@ -2949,7 +2949,7 @@ var Nc = (e) => ({
   } = o.payload, a = t();
   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(tn()), n(oc({
+  })), t().phase !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Unexpected phase to start a drag") : g()), n(tn()), n(oc({
     draggableId: i,
     movementMode: c
   }));
@@ -2961,14 +2961,14 @@ var Nc = (e) => ({
   }, {
     critical: l,
     dimensions: u,
-    viewport: g
+    viewport: f
   } = e.startPublishing(p);
   Dc(l, u), n(sc({
     critical: l,
     dimensions: u,
     clientSelection: s,
     movementMode: c,
-    viewport: g
+    viewport: f
   }));
 }, xc = (e) => () => (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);
@@ -3082,7 +3082,7 @@ const Ac = ({
   }
   if (o.phase === "IDLE")
     return;
-  o.phase === "DROP_PENDING" && o.isWaiting && (process.env.NODE_ENV !== "production" ? f(!1, "A DROP action occurred while DROP_PENDING and still waiting") : f()), o.phase === "DRAGGING" || o.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot drop in phase: ${o.phase}`) : f());
+  o.phase === "DROP_PENDING" && o.isWaiting && (process.env.NODE_ENV !== "production" ? g(!1, "A DROP action occurred while DROP_PENDING and still waiting") : g()), o.phase === "DRAGGING" || o.phase === "DROP_PENDING" || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot drop in phase: ${o.phase}`) : g());
   const c = o.critical, a = o.dimensions, d = a.draggables[o.critical.draggable.id], {
     impact: p,
     didDropInsideDroppable: l
@@ -3094,7 +3094,7 @@ const Ac = ({
     home: o.dimensions.droppables[o.critical.droppable.id],
     viewport: o.viewport,
     draggables: o.dimensions.draggables
-  }), u = l ? Xt(p) : null, g = l ? tt(p) : null, m = {
+  }), u = l ? Xt(p) : null, f = l ? tt(p) : null, m = {
     index: c.draggable.index,
     droppableId: c.droppable.id
   }, b = {
@@ -3104,7 +3104,7 @@ const Ac = ({
     reason: i,
     mode: o.movementMode,
     destination: u,
-    combine: g
+    combine: f
   }, h = wc({
     impact: p,
     draggable: d,
@@ -3162,10 +3162,10 @@ function Pc({
     return o !== re;
   }
   function s() {
-    i() && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot start scroll listener when already active") : f()), o = K(window, [r]);
+    i() && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot start scroll listener when already active") : g()), o = K(window, [r]);
   }
   function c() {
-    i() || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot stop scroll listener when not active") : f()), n.cancel(), o(), o = re;
+    i() || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot stop scroll listener when not active") : g()), n.cancel(), o(), o = re;
   }
   return {
     start: s,
@@ -3207,7 +3207,7 @@ var Bc = (e) => {
 }, Vc = () => {
   const e = [], t = (o) => {
     const i = e.findIndex((c) => c.timerId === o);
-    i === -1 && (process.env.NODE_ENV !== "production" ? f(!1, "Could not find timer") : f());
+    i === -1 && (process.env.NODE_ENV !== "production" ? g(!1, "Could not find timer") : g());
     const [s] = e.splice(i, 1);
     s.callback();
   };
@@ -3259,51 +3259,51 @@ var Gc = (e, t) => {
   const n = Vc();
   let r = null;
   const o = (l, u) => {
-    r && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fire onBeforeCapture as a drag start has already been published") : f()), ye("onBeforeCapture", () => {
-      const g = e().onBeforeCapture;
-      g && g({
+    r && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onBeforeCapture as a drag start has already been published") : g()), ye("onBeforeCapture", () => {
+      const f = e().onBeforeCapture;
+      f && f({
         draggableId: l,
         mode: u
       });
     });
   }, 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(We(l, u));
+    r && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onBeforeDragStart as a drag start has already been published") : g()), ye("onBeforeDragStart", () => {
+      const f = e().onBeforeDragStart;
+      f && f(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 = We(l, u);
+    r && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onBeforeDragStart as a drag start has already been published") : g());
+    const f = We(l, u);
     r = {
       mode: u,
       lastCritical: l,
-      lastLocation: g.source,
+      lastLocation: f.source,
       lastCombine: null
     }, n.add(() => {
-      ye("onDragStart", () => Nt(e().onDragStart, g, t, ze.onDragStart));
+      ye("onDragStart", () => Nt(e().onDragStart, f, t, ze.onDragStart));
     });
   }, c = (l, 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 f = Xt(u), m = tt(u);
+    r || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onDragMove when onDragStart has not been called") : g());
     const b = !$c(l, r.lastCritical);
     b && (r.lastCritical = l);
-    const h = !Lc(r.lastLocation, g);
-    h && (r.lastLocation = g);
+    const h = !Lc(r.lastLocation, f);
+    h && (r.lastLocation = f);
     const y = !Mc(r.lastCombine, m);
     if (y && (r.lastCombine = m), !b && !h && !y)
       return;
     const v = {
       ...We(l, r.mode),
       combine: m,
-      destination: g
+      destination: f
     };
     n.add(() => {
       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();
+    r || (process.env.NODE_ENV !== "production" ? g(!1, "Can only flush responders while dragging") : g()), 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, ze.onDragEnd));
+    r || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fire onDragEnd when there is no matching onDragStart") : g()), r = null, ye("onDragEnd", () => Nt(e().onDragEnd, l, t, ze.onDragEnd));
   };
   return {
     beforeCapture: o,
@@ -3355,7 +3355,7 @@ const kc = (e) => (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(nn({
+  r.phase !== "DROP_ANIMATING" && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot finish a drop animating when no drop is occurring") : g()), e.dispatch(nn({
     completed: r.completed
   }));
 }, Wc = (e) => {
@@ -3413,7 +3413,7 @@ var jc = (e) => (t) => (n) => (r) => {
   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);
+    o.phase !== "DRAGGING" && (process.env.NODE_ENV !== "production" ? g(!1, "Expected phase to be DRAGGING after INITIAL_PUBLISH") : g()), e.start(o);
     return;
   }
   n(r), e.scroll(t.getState());
@@ -3459,12 +3459,12 @@ function Kc({
           droppableId: m,
           scroll: h
         };
-      }), g = {
+      }), f = {
         additions: l,
         removals: Object.keys(d),
         modified: u
       };
-      n = xt(), Me(), t.publish(g);
+      n = xt(), Me(), t.publish(f);
     }));
   };
   return {
@@ -3500,7 +3500,7 @@ var lo = ({
   };
 }, uo = () => {
   const e = document.documentElement;
-  return e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot find document.documentElement") : f()), e;
+  return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find document.documentElement") : g()), e;
 }, po = () => {
   const e = uo();
   return lo({
@@ -3560,33 +3560,33 @@ var Qc = (e, t) => {
       collectionStarting: t.collectionStarting
     },
     registry: e
-  }), o = (u, g) => {
-    e.droppable.exists(u) || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot update is enabled flag of Droppable ${u} as it is not registered`) : f()), n && t.updateDroppableIsEnabled({
+  }), o = (u, f) => {
+    e.droppable.exists(u) || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot update is enabled flag of Droppable ${u} as it is not registered`) : g()), n && t.updateDroppableIsEnabled({
       id: u,
-      isEnabled: g
+      isEnabled: f
     });
-  }, i = (u, g) => {
-    n && (e.droppable.exists(u) || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot update isCombineEnabled flag of Droppable ${u} as it is not registered`) : f()), t.updateDroppableIsCombineEnabled({
+  }, i = (u, f) => {
+    n && (e.droppable.exists(u) || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot update isCombineEnabled flag of Droppable ${u} as it is not registered`) : g()), t.updateDroppableIsCombineEnabled({
       id: u,
-      isCombineEnabled: g
+      isCombineEnabled: f
     }));
-  }, s = (u, g) => {
-    n && (e.droppable.exists(u) || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot update the scroll on Droppable ${u} as it is not registered`) : f()), t.updateDroppableScroll({
+  }, s = (u, f) => {
+    n && (e.droppable.exists(u) || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot update the scroll on Droppable ${u} as it is not registered`) : g()), t.updateDroppableScroll({
       id: u,
-      newScroll: g
+      newScroll: f
     }));
-  }, c = (u, g) => {
-    n && e.droppable.getById(u).callbacks.scroll(g);
+  }, c = (u, f) => {
+    n && e.droppable.getById(u).callbacks.scroll(f);
   }, a = () => {
     if (!n)
       return;
     r.stop();
     const u = n.critical.droppable;
-    e.droppable.getAllByType(u.type).forEach((g) => g.callbacks.dragStopped()), n.unsubscribe(), n = null;
+    e.droppable.getAllByType(u.type).forEach((f) => f.callbacks.dragStopped()), n.unsubscribe(), n = null;
   }, 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" && Kn(e, g, u.value) && r.add(u.value), u.type === "REMOVAL" && Kn(e, g, u.value) && r.remove(u.value);
+    n || (process.env.NODE_ENV !== "production" ? g(!1, "Should only be subscribed when a collection is occurring") : g());
+    const f = n.critical.draggable;
+    u.type === "ADDITION" && Kn(e, f, u.value) && r.add(u.value), u.type === "REMOVAL" && Kn(e, f, u.value) && r.remove(u.value);
   };
   return {
     updateDroppableIsEnabled: o,
@@ -3594,9 +3594,9 @@ var Qc = (e, t) => {
     scrollDroppable: c,
     updateDroppableScroll: s,
     startPublishing: (u) => {
-      n && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot start capturing critical dimensions as there is already a collection") : f());
-      const g = e.draggable.getById(u.draggableId), m = e.droppable.getById(g.descriptor.droppableId), b = {
-        draggable: g.descriptor,
+      n && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot start capturing critical dimensions as there is already a collection") : g());
+      const f = e.draggable.getById(u.draggableId), m = e.droppable.getById(f.descriptor.droppableId), b = {
+        draggable: f.descriptor,
         droppable: m.descriptor
       }, h = e.subscribe(d);
       return n = {
@@ -3613,7 +3613,7 @@ var Qc = (e, t) => {
 }, fo = (e, t) => e.phase === "IDLE" ? !0 : e.phase !== "DROP_ANIMATING" || e.completed.result.draggableId === t ? !1 : e.completed.result.reason === "DROP", ea = (e) => {
   window.scrollBy(e.x, e.y);
 };
-const ta = $((e) => et(e).filter((t) => !(!t.isEnabled || !t.frame))), na = (e, t) => ta(t).find((r) => (r.frame || (process.env.NODE_ENV !== "production" ? f(!1, "Invalid result") : f()), Xr(r.frame.pageMarginBox)(e))) || null;
+const ta = $((e) => et(e).filter((t) => !(!t.isEnabled || !t.frame))), na = (e, t) => ta(t).find((r) => (r.frame || (process.env.NODE_ENV !== "production" ? g(!1, "Invalid result") : g()), Xr(r.frame.pageMarginBox)(e))) || null;
 var ra = ({
   center: e,
   destination: t,
@@ -3901,7 +3901,7 @@ var pa = ({
   const r = Ie(e), o = Ie(t);
   let i = null;
   const s = (d) => {
-    i || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot fluid scroll if not dragging") : f());
+    i || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot fluid scroll if not dragging") : g());
     const {
       shouldUseTimeDampening: p,
       dragStartTime: l
@@ -3917,7 +3917,7 @@ var pa = ({
   };
   return {
     start: (d) => {
-      Le(), i && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot start auto scrolling when already started") : f());
+      Le(), i && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot start auto scrolling when already started") : g());
       const p = Date.now();
       let l = !1;
       const u = () => {
@@ -3972,7 +3972,7 @@ var pa = ({
     if (!a)
       return;
     const d = q(c.impact);
-    d || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot perform a jump scroll when there is no destination") : f());
+    d || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot perform a jump scroll when there is no destination") : g());
     const p = o(c.dimensions.droppables[d], a);
     if (!p)
       return;
@@ -4095,7 +4095,7 @@ 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;
+  return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find the head to append a style to") : g()), e;
 }, tr = (e) => {
   const t = document.createElement("style");
   return e && t.setAttribute("nonce", e), t.type = "text/css", t;
@@ -4103,20 +4103,20 @@ const Y = typeof window < "u" && typeof window.document < "u" && typeof window.d
 function Da(e, t) {
   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;
+    u || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot set dynamic style element if it is not set") : g()), u.textContent = l;
   }), []), s = D((l) => {
     const u = r.current;
-    u || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot set dynamic style element if it is not set") : f()), u.textContent = l;
+    u || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot set dynamic style element if it is not set") : g()), u.textContent = l;
   }, []);
   Y(() => {
-    !r.current && !o.current || (process.env.NODE_ENV !== "production" ? f(!1, "style elements already mounted") : f());
+    !r.current && !o.current || (process.env.NODE_ENV !== "production" ? g(!1, "style elements already mounted") : g());
     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 f = (m) => {
         const b = m.current;
-        b || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot unmount ref as it is not set") : f()), It().removeChild(b), m.current = null;
+        b || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot unmount ref as it is not set") : g()), It().removeChild(b), m.current = null;
       };
-      g(r), g(o);
+      f(r), f(o);
     };
   }, [t, s, i, n.always, n.resting, e]);
   const c = D(() => i(n.dragging), [i, n.dragging]), a = D((l) => {
@@ -4149,20 +4149,20 @@ function yo(e, t) {
   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) {
+  const t = B({}), n = B(null), r = B(null), o = B(!1), i = D(function(u, f) {
     const m = {
       id: u,
-      focus: g
+      focus: f
     };
     return t.current[u] = m, function() {
       const h = t.current;
       h[u] !== m && delete h[u];
     };
   }, []), s = D(function(u) {
-    const g = yo(e, u);
-    g && g !== document.activeElement && g.focus();
-  }, [e]), c = D(function(u, g) {
-    n.current === u && (n.current = g);
+    const f = yo(e, u);
+    f && f !== document.activeElement && f.focus();
+  }, [e]), c = D(function(u, f) {
+    n.current === u && (n.current = f);
   }, []), a = D(function() {
     r.current || o.current && (r.current = requestAnimationFrame(() => {
       r.current = null;
@@ -4171,8 +4171,8 @@ function Na(e) {
     }));
   }, [s]), d = D(function(u) {
     n.current = null;
-    const g = document.activeElement;
-    g && g.getAttribute(ge.draggableId) === u && (n.current = u);
+    const f = document.activeElement;
+    f && f.getAttribute(ge.draggableId) === u && (n.current = u);
   }, []);
   return Y(() => (o.current = !0, function() {
     o.current = !1;
@@ -4192,8 +4192,8 @@ function xa() {
   }, t = [];
   function n(l) {
     return t.push(l), function() {
-      const g = t.indexOf(l);
-      g !== -1 && t.splice(g, 1);
+      const f = t.indexOf(l);
+      f !== -1 && t.splice(f, 1);
     };
   }
   function r(l) {
@@ -4204,7 +4204,7 @@ function xa() {
   }
   function i(l) {
     const u = o(l);
-    return u || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot find draggable entry with id [${l}]`) : f()), u;
+    return u || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot find draggable entry with id [${l}]`) : g()), u;
   }
   const s = {
     register: (l) => {
@@ -4214,12 +4214,12 @@ function xa() {
       });
     },
     update: (l, u) => {
-      const g = e.draggables[u.descriptor.id];
-      g && g.uniqueId === l.uniqueId && (delete e.draggables[u.descriptor.id], e.draggables[l.descriptor.id] = l);
+      const f = e.draggables[u.descriptor.id];
+      f && f.uniqueId === l.uniqueId && (delete e.draggables[u.descriptor.id], e.draggables[l.descriptor.id] = l);
     },
     unregister: (l) => {
-      const u = l.descriptor.id, g = o(u);
-      g && l.uniqueId === g.uniqueId && (delete e.draggables[u], e.droppables[l.descriptor.droppableId] && r({
+      const u = l.descriptor.id, f = o(u);
+      f && l.uniqueId === f.uniqueId && (delete e.draggables[u], e.droppables[l.descriptor.droppableId] && r({
         type: "REMOVAL",
         value: l
       }));
@@ -4234,7 +4234,7 @@ function xa() {
   }
   function a(l) {
     const u = c(l);
-    return u || (process.env.NODE_ENV !== "production" ? f(!1, `Cannot find droppable entry with id [${l}]`) : f()), u;
+    return u || (process.env.NODE_ENV !== "production" ? g(!1, `Cannot find droppable entry with id [${l}]`) : g()), u;
   }
   const d = {
     register: (l) => {
@@ -4265,9 +4265,9 @@ function Ia() {
     e.clean();
   }, [e]), e;
 }
-var ln = V.createContext(null), Pe = () => {
+var ln = L.createContext(null), Pe = () => {
   const e = document.body;
-  return e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot find document.body") : f()), e;
+  return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find document.body") : g()), e;
 };
 const Oa = {
   position: "absolute",
@@ -4312,7 +4312,7 @@ const Sa = {
   separator: "::"
 };
 function dn(e, t = Sa) {
-  const n = V.useId();
+  const n = L.useId();
   return C(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
 }
 function Aa({
@@ -4339,12 +4339,12 @@ function _a({
     };
   }, [r, t]), r;
 }
-var ot = V.createContext(null), Pa = {
+var ot = L.createContext(null), Pa = {
   react: "^18.0.0 || ^19.0.0"
 };
 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());
+  t == null && (process.env.NODE_ENV !== "production" ? g(!1, `Unable to parse React version ${e}`) : g());
   const n = Number(t[1]), r = Number(t[2]), o = Number(t[3]);
   return {
     major: n,
@@ -4409,7 +4409,7 @@ function Ge(e, t) {
 }
 function La() {
   Ge(() => {
-    Ba(Pa.react, V.version), Va(document);
+    Ba(Pa.react, L.version), Va(document);
   }, []);
 }
 function pn(e) {
@@ -4427,14 +4427,14 @@ function Ma() {
     return s === e;
   }
   function r(s) {
-    e && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot claim lock as it is already claimed") : f());
+    e && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot claim lock as it is already claimed") : g());
     const c = {
       abandon: s
     };
     return e = c, c;
   }
   function o() {
-    e || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot release lock when there is no lock") : f()), e = null;
+    e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot release lock when there is no lock") : g()), e = null;
   }
   function i() {
     e && (e.abandon(), o());
@@ -4491,7 +4491,7 @@ function Ka({
         o.preventDefault(), d.actions.move(a);
         return;
       }
-      d.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? f(!1, "Cannot be IDLE") : f());
+      d.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot be IDLE") : g());
       const p = d.point;
       if (!Xa(p, a))
         return;
@@ -4548,7 +4548,7 @@ function Ka({
     eventName: "webkitmouseforcedown",
     fn: (o) => {
       const i = n();
-      if (i.type === "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "Unexpected phase") : f()), i.actions.shouldRespectForcePress()) {
+      if (i.type === "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Unexpected phase") : g()), i.actions.shouldRespectForcePress()) {
         e();
         return;
       }
@@ -4568,17 +4568,17 @@ function Ja(e) {
       const u = e.findClosestDraggableId(l);
       if (!u)
         return;
-      const g = e.tryGetLock(u, s, {
+      const f = e.tryGetLock(u, s, {
         sourceEvent: l
       });
-      if (!g)
+      if (!f)
         return;
       l.preventDefault();
       const m = {
         x: l.clientX,
         y: l.clientY
       };
-      n.current(), d(g, m);
+      n.current(), d(f, m);
     }
   }), [e]), o = C(() => ({
     eventName: "webkitmouseforcewillbegin",
@@ -4612,13 +4612,13 @@ function Ja(e) {
       cancel: c,
       completed: s,
       getPhase: () => t.current,
-      setPhase: (g) => {
-        t.current = g;
+      setPhase: (f) => {
+        t.current = f;
       }
     });
     n.current = K(window, u, l);
   }, [c, s]), d = D(function(l, u) {
-    t.current.type !== "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "Expected to move from IDLE to PENDING drag") : f()), t.current = {
+    t.current.type !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Expected to move from IDLE to PENDING drag") : g()), t.current = {
       type: "PENDING",
       point: u,
       actions: l
@@ -4723,7 +4723,7 @@ function tl(e) {
       const d = c.snapLift();
       t.current();
       function p() {
-        a || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot stop capturing a keyboard drag when not capturing") : f()), a = !1, t.current(), r();
+        a || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot stop capturing a keyboard drag when not capturing") : g()), a = !1, t.current(), r();
       }
       t.current = K(window, el(d, p), {
         capture: !0,
@@ -4826,7 +4826,7 @@ function il({
     eventName: "touchforcechange",
     fn: (r) => {
       const o = n();
-      o.type === "IDLE" && (process.env.NODE_ENV, f());
+      o.type === "IDLE" && (process.env.NODE_ENV, g());
       const i = r.touches[0];
       if (!i || !(i.force >= rl))
         return;
@@ -4853,22 +4853,22 @@ function il({
 function sl(e) {
   const t = B(Ct), n = B(re), r = D(function() {
     return t.current;
-  }, []), o = D(function(g) {
-    t.current = g;
+  }, []), o = D(function(f) {
+    t.current = f;
   }, []), i = C(() => ({
     eventName: "touchstart",
-    fn: function(g) {
-      if (g.defaultPrevented)
+    fn: function(f) {
+      if (f.defaultPrevented)
         return;
-      const m = e.findClosestDraggableId(g);
+      const m = e.findClosestDraggableId(f);
       if (!m)
         return;
       const b = e.tryGetLock(m, c, {
-        sourceEvent: g
+        sourceEvent: f
       });
       if (!b)
         return;
-      const h = g.touches[0], {
+      const h = f.touches[0], {
         clientX: y,
         clientY: v
       } = h, I = {
@@ -4878,11 +4878,11 @@ function sl(e) {
       n.current(), l(b, I);
     }
   }), [e]), s = D(function() {
-    const g = {
+    const f = {
       capture: !0,
       passive: !1
     };
-    n.current = K(window, [i], g);
+    n.current = K(window, [i], f);
   }, [i]), c = D(() => {
     const u = t.current;
     u.type !== "IDLE" && (u.type === "PENDING" && clearTimeout(u.longPressTimerId), o(Ct), n.current(), s());
@@ -4892,33 +4892,33 @@ function sl(e) {
       shouldBlockNextClick: !0
     }), u.type === "PENDING" && u.actions.abort();
   }, [c]), d = D(function() {
-    const g = {
+    const f = {
       capture: !0,
       passive: !1
     }, m = {
       cancel: a,
       completed: c,
       getPhase: r
-    }, b = K(window, il(m), g), h = K(window, ol(m), g);
+    }, b = K(window, il(m), f), h = K(window, ol(m), f);
     n.current = function() {
       b(), h();
     };
   }, [a, r, c]), p = D(function() {
-    const g = r();
-    g.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? f(!1, `Cannot start dragging from phase ${g.type}`) : f());
-    const m = g.actions.fluidLift(g.point);
+    const f = r();
+    f.type !== "PENDING" && (process.env.NODE_ENV !== "production" ? g(!1, `Cannot start dragging from phase ${f.type}`) : g());
+    const m = f.actions.fluidLift(f.point);
     o({
       type: "DRAGGING",
       actions: m,
       hasMoved: !1
     });
-  }, [r, o]), l = D(function(g, m) {
-    r().type !== "IDLE" && (process.env.NODE_ENV !== "production" ? f(!1, "Expected to move from IDLE to PENDING drag") : f());
+  }, [r, o]), l = D(function(f, m) {
+    r().type !== "IDLE" && (process.env.NODE_ENV !== "production" ? g(!1, "Expected to move from IDLE to PENDING drag") : g());
     const b = setTimeout(p, nl);
     o({
       type: "PENDING",
       point: m,
-      actions: g,
+      actions: f,
       longPressTimerId: b
     }), d();
   }, [d, r, o, p]);
@@ -4944,7 +4944,7 @@ function cl(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));
+      t.current.length !== e.length && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot change the amount of sensor hooks after mounting") : g(!1));
     });
   });
 }
@@ -5059,14 +5059,14 @@ function yl({
   function u() {
     return a.options.shouldRespectForcePress;
   }
-  function g() {
+  function f() {
     return e.isActive(p);
   }
   function m(E, x) {
     Ue({
       expected: E,
       phase: l,
-      isLockActive: g,
+      isLockActive: f,
       shouldWarn: !0
     }) && n.dispatch(x());
   }
@@ -5075,8 +5075,8 @@ function yl({
     function x() {
       e.release(), l = "COMPLETED";
     }
-    l !== "PRE_DRAG" && (x(), process.env.NODE_ENV !== "production" ? f(!1, `Cannot lift in phase ${l}`) : f()), n.dispatch(ic(E.liftActionArgs)), l = "DRAGGING";
-    function S(P, U = {
+    l !== "PRE_DRAG" && (x(), process.env.NODE_ENV !== "production" ? g(!1, `Cannot lift in phase ${l}`) : g()), n.dispatch(ic(E.liftActionArgs)), l = "DRAGGING";
+    function A(P, U = {
       shouldBlockNextClick: !1
     }) {
       if (E.cleanup(), U.shouldBlockNextClick) {
@@ -5099,12 +5099,12 @@ function yl({
       isActive: () => Ue({
         expected: "DRAGGING",
         phase: l,
-        isLockActive: g,
+        isLockActive: f,
         shouldWarn: !1
       }),
       shouldRespectForcePress: u,
-      drop: (P) => S("DROP", P),
-      cancel: (P) => S("CANCEL", P),
+      drop: (P) => A("DROP", P),
+      cancel: (P) => A("CANCEL", P),
       ...E.actions
     };
   }
@@ -5150,7 +5150,7 @@ function yl({
     Ue({
       expected: "PRE_DRAG",
       phase: l,
-      isLockActive: g,
+      isLockActive: f,
       shouldWarn: !0
     }) && e.release();
   }
@@ -5158,7 +5158,7 @@ function yl({
     isActive: () => Ue({
       expected: "PRE_DRAG",
       phase: l,
-      isLockActive: g,
+      isLockActive: f,
       shouldWarn: !1
     }),
     shouldRespectForcePress: u,
@@ -5203,14 +5203,14 @@ function Dl({
     return h ? h.options : null;
   }, [n.draggable]), u = D(function() {
     s.isClaimed() && (s.tryAbandon(), t.getState().phase !== "IDLE" && t.dispatch(tn()));
-  }, [s, t]), g = D(() => s.isClaimed(), [s]), m = C(() => ({
+  }, [s, t]), f = D(() => s.isClaimed(), [s]), m = C(() => ({
     canGetLock: a,
     tryGetLock: d,
     findClosestDraggableId: p,
     findOptionsForDraggable: l,
     tryReleaseLock: u,
-    isLockClaimed: g
-  }), [a, d, p, l, u, g]);
+    isLockClaimed: f
+  }), [a, d, p, l, u, f]);
   cl(i);
   for (let b = 0; b < i.length; b++)
     i[b](m);
@@ -5234,7 +5234,7 @@ const Nl = (e) => ({
   }
 });
 function De(e) {
-  return e.current || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find store from lazy ref") : f()), e.current;
+  return e.current || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find store from lazy ref") : g()), e.current;
 }
 function Il(e) {
   const {
@@ -5248,7 +5248,7 @@ function Il(e) {
   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) => {
+  }), u = Da(t, o), f = D((T) => {
     De(s).dispatch(T);
   }, []), m = C(() => On({
     publishWhileDragging: cc,
@@ -5256,14 +5256,14 @@ function Il(e) {
     updateDroppableIsEnabled: dc,
     updateDroppableIsCombineEnabled: uc,
     collectionStarting: ac
-  }, g), [g]), b = Ia(), h = C(() => Qc(b, m), [b, m]), y = C(() => ha({
+  }, f), [f]), b = Ia(), h = C(() => Qc(b, m), [b, m]), y = C(() => ha({
     scrollWindow: ea,
     scrollDroppable: h.scrollDroppable,
     getAutoScrollerOptions: d,
     ...On({
       move: ro
-    }, g)
-  }), [h.scrollDroppable, g, d]), v = Na(t), I = C(() => Xc({
+    }, f)
+  }), [h.scrollDroppable, f, d]), v = Na(t), I = C(() => Xc({
     announce: p,
     autoScroller: y,
     dimensionMarshal: h,
@@ -5283,34 +5283,34 @@ function Il(e) {
     tryAbort: N
   }), [E, N]);
   n(x);
-  const S = D((T) => fo(De(s).getState(), T), []), P = D(() => ce(De(s).getState()), []), U = C(() => ({
+  const A = D((T) => fo(De(s).getState(), T), []), P = D(() => ce(De(s).getState()), []), U = C(() => ({
     marshal: h,
     focus: v,
     contextId: t,
-    canLift: S,
+    canLift: A,
     isMovementAllowed: P,
     dragHandleUsageInstructionsId: l,
     registry: b
-  }), [t, h, l, v, S, P, b]);
+  }), [t, h, l, v, A, P, b]);
   return Dl({
     contextId: t,
     store: I,
     registry: b,
     customSensors: r || null,
     enableDefaultSensors: e.enableDefaultSensors !== !1
-  }), te(() => N, [N]), V.createElement(ot.Provider, {
+  }), te(() => N, [N]), L.createElement(ot.Provider, {
     value: U
-  }, V.createElement(Li, {
+  }, L.createElement(Li, {
     context: ln,
     store: I
   }, e.children));
 }
 function Ol() {
-  return V.useId();
+  return L.useId();
 }
 function Cl(e) {
   const t = Ol(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
-  return V.createElement(Yi, null, (r) => V.createElement(Il, {
+  return L.createElement(Yi, null, (r) => L.createElement(Il, {
     nonce: e.nonce,
     contextId: t,
     setCallbacks: r,
@@ -5390,9 +5390,9 @@ function Bl(e) {
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
-  }), [i, c, s]), d = D((g) => {
+  }), [i, c, s]), d = D((f) => {
     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);
+    return m || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get dimension when no ref is set") : g()), Tl(n, m, f);
   }, [n, o]), p = C(() => ({
     uniqueId: t,
     descriptor: n,
@@ -5404,18 +5404,18 @@ function Bl(e) {
       u.current = !1;
       return;
     }
-    const g = l.current;
-    l.current = p, r.draggable.update(p, g);
+    const f = l.current;
+    l.current = p, r.draggable.update(p, f);
   }, [p, r.draggable]);
 }
-var gn = V.createContext(null);
+var gn = L.createContext(null);
 function Co(e) {
-  e && $e(e) || (process.env.NODE_ENV !== "production" ? f(!1, `
+  e && $e(e) || (process.env.NODE_ENV !== "production" ? g(!1, `
     provided.innerRef has not been provided with a HTMLElement.
 
     You can find a guide on using the innerRef callback functions at:
     https://github.com/hello-pangea/dnd/blob/main/docs/guides/using-inner-ref.md
-  `) : f());
+  `) : g());
 }
 function Vl(e, t, n) {
   Ge(() => {
@@ -5423,21 +5423,21 @@ function Vl(e, t, n) {
       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" && (Co(n()), e.isEnabled && (yo(t, o) || (process.env.NODE_ENV !== "production" ? f(!1, `${r(o)} Unable to find drag handle`) : f(!1))));
+    o || (process.env.NODE_ENV !== "production" ? g(!1, "Draggable requires a draggableId") : g(!1)), typeof o != "string" && (process.env.NODE_ENV !== "production" ? g(!1, `Draggable requires a [string] draggableId.
+      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (Co(n()), e.isEnabled && (yo(t, o) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} Unable to find drag handle`) : g(!1))));
   });
 }
 function Ll(e) {
   un(() => {
     const t = B(e);
     Ge(() => {
-      e !== t.current && (process.env.NODE_ENV !== "production" ? f(!1, "Draggable isClone prop value changed during component life") : f(!1));
+      e !== t.current && (process.env.NODE_ENV !== "production" ? g(!1, "Draggable isClone prop value changed during component life") : g(!1));
     }, [e]);
   });
 }
 function Ze(e) {
   const t = gr(e);
-  return t || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find required context") : f()), t;
+  return t || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find required context") : g()), t;
 }
 function Ml(e) {
   e.preventDefault();
@@ -5461,7 +5461,7 @@ const $l = (e) => {
     children: p,
     draggableId: l,
     isEnabled: u,
-    shouldRespectForcePress: g,
+    shouldRespectForcePress: f,
     canDragInteractiveElements: m,
     isClone: b,
     mapped: h,
@@ -5473,9 +5473,9 @@ const $l = (e) => {
       registry: s,
       getDraggableRef: r,
       canDragInteractiveElements: m,
-      shouldRespectForcePress: g,
+      shouldRespectForcePress: f,
       isEnabled: u
-    }), [d, s, r, m, g, u]);
+    }), [d, s, r, m, f, u]);
     Bl(x);
   }
   const v = C(() => u ? {
@@ -5489,14 +5489,14 @@ const $l = (e) => {
   } : null, [o, i, l, u]), I = D((x) => {
     h.type === "DRAGGING" && h.dropping && x.propertyName === "transform" && mr(y);
   }, [y, h]), N = C(() => {
-    const x = Rl(h), S = h.type === "DRAGGING" && h.dropping ? I : void 0;
+    const x = Rl(h), A = h.type === "DRAGGING" && h.dropping ? I : void 0;
     return {
       innerRef: n,
       draggableProps: {
         "data-rfd-draggable-context-id": o,
         "data-rfd-draggable-id": l,
         style: x,
-        onTransitionEnd: S
+        onTransitionEnd: A
       },
       dragHandleProps: v
     };
@@ -5508,7 +5508,7 @@ const $l = (e) => {
       droppableId: d.droppableId
     }
   }), [d.droppableId, d.id, d.index, d.type]);
-  return V.createElement(V.Fragment, null, p(N, h.snapshot, E));
+  return L.createElement(L.Fragment, null, p(N, h.snapshot, E));
 };
 var wo = (e, t) => e === t, So = (e) => {
   const {
@@ -5613,19 +5613,19 @@ function Ul() {
       snapshot: t(c)
     }
   })), r = (s) => s ? n(G, s, !0) : null, o = (s, c, a, d) => {
-    const p = a.displaced.visible[s], l = !!(d.inVirtualList && d.effected[s]), u = tt(a), g = u && u.draggableId === s ? c : null;
+    const p = a.displaced.visible[s], l = !!(d.inVirtualList && d.effected[s]), u = tt(a), f = u && u.draggableId === s ? c : null;
     if (!p) {
       if (!l)
-        return r(g);
+        return r(f);
       if (a.displaced.invisible[s])
         return null;
       const h = me(d.displacedBy.point), y = e(h.x, h.y);
-      return n(y, g, !0);
+      return n(y, f, !0);
     }
     if (l)
-      return r(g);
+      return r(f);
     const m = a.displacedBy.point, b = e(m.x, m.y);
-    return n(b, g, p.shouldAnimate);
+    return n(b, f, p.shouldAnimate);
   };
   return (s, c) => {
     if (Re(s))
@@ -5647,11 +5647,11 @@ const Hl = () => {
   areStatePropsEqual: wo
 })($l);
 function _o(e) {
-  return Ze(gn).isUsingCloneFor === e.draggableId && !e.isClone ? null : V.createElement(jl, e);
+  return Ze(gn).isUsingCloneFor === e.draggableId && !e.isClone ? null : L.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, Xe({}, e, {
+  return L.createElement(_o, Xe({}, e, {
     isClone: !1,
     isEnabled: t,
     canDragInteractiveElements: n,
@@ -5668,7 +5668,7 @@ const mn = (e) => (t) => e === t, Yl = mn("scroll"), Xl = mn("auto"), Kl = mn("v
   if (process.env.NODE_ENV === "production")
     return !1;
   const e = Pe(), t = document.documentElement;
-  if (t || (process.env.NODE_ENV, f()), !Po(e))
+  if (t || (process.env.NODE_ENV, g()), !Po(e))
     return !1;
   const n = window.getComputedStyle(t), r = {
     overflowX: n.overflowX,
@@ -5719,16 +5719,16 @@ var ed = (e) => {
       return null;
     const {
       scrollSize: u,
-      client: g
+      client: f
     } = c, m = lo({
       scrollHeight: u.scrollHeight,
       scrollWidth: u.scrollWidth,
-      height: g.paddingBox.height,
-      width: g.paddingBox.width
+      height: f.paddingBox.height,
+      width: f.paddingBox.width
     });
     return {
       pageMarginBox: c.page.marginBox,
-      frameClient: g,
+      frameClient: f,
       scrollSize: u,
       shouldClipSubject: c.shouldClipSubject,
       scroll: {
@@ -5789,13 +5789,13 @@ var rd = ({
   const a = n.closestScrollable, d = nd(e, a), p = Ye(d, r), l = (() => {
     if (!a)
       return null;
-    const g = Rr(a), m = {
+    const f = Rr(a), m = {
       scrollHeight: a.scrollHeight,
       scrollWidth: a.scrollWidth
     };
     return {
-      client: g,
-      page: Ye(g, r),
+      client: f,
+      page: Ye(f, r),
       scroll: Ft(a),
       scrollSize: m,
       shouldClipSubject: c
@@ -5828,7 +5828,7 @@ function sd(e) {
     type: e.type,
     mode: e.mode
   }), [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());
+    t.current || (process.env.NODE_ENV !== "production" ? g(!1, "Can only update scroll when dragging") : g());
     const x = {
       x: N,
       y: E
@@ -5840,26 +5840,26 @@ function sd(e) {
   }, []), l = D(() => {
     const N = p();
     d(N.x, N.y);
-  }, [p, d]), u = C(() => Ie(l), [l]), g = D(() => {
+  }, [p, d]), u = C(() => Ie(l), [l]), f = 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) {
+    if (N && E || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find scroll options while scrolling") : g()), N.scrollOptions.shouldPublishImmediately) {
       l();
       return;
     }
     u();
   }, [u, l]), m = D((N, E) => {
-    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 P = ed(S), U = {
-      ref: S,
+    t.current && (process.env.NODE_ENV !== "production" ? g(!1, "Cannot collect a droppable while a drag is occurring") : g());
+    const x = s.current, A = x.getDroppableRef();
+    A || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot collect without a droppable ref") : g());
+    const P = ed(A), U = {
+      ref: A,
       descriptor: c,
       env: P,
       scrollOptions: E
     };
     t.current = U;
     const T = rd({
-      ref: S,
+      ref: A,
       descriptor: c,
       env: P,
       windowScroll: N,
@@ -5868,20 +5868,20 @@ function sd(e) {
       isCombineEnabled: x.isCombineEnabled,
       shouldClipSubject: !x.ignoreContainerClipping
     }), 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(() => {
+    return H && (H.setAttribute(er.contextId, n.contextId), H.addEventListener("scroll", f, cr(U.scrollOptions)), process.env.NODE_ENV !== "production" && Ql(H)), T;
+  }, [n.contextId, c, f, s]), b = D(() => {
     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);
+    return N && E || (process.env.NODE_ENV !== "production" ? g(!1, "Can only recollect Droppable client for Droppables that have a scroll container") : g()), Ft(E);
   }, []), h = D(() => {
     const N = t.current;
-    N || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot stop drag when no active drag") : f());
+    N || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot stop drag when no active drag") : g());
     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) => {
+    t.current = null, E && (u.cancel(), E.removeAttribute(er.contextId), E.removeEventListener("scroll", f, cr(N.scrollOptions)));
+  }, [f, u]), y = D((N) => {
     const E = t.current;
-    E || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot scroll when there is no drag") : f());
+    E || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll when there is no drag") : g());
     const x = He(E);
-    x || (process.env.NODE_ENV !== "production" ? f(!1, "Cannot scroll a droppable with no closest scrollable") : f()), x.scrollTop += N.y, x.scrollLeft += N.x;
+    x || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll a droppable with no closest scrollable") : g()), x.scrollTop += N.y, x.scrollLeft += N.x;
   }, []), v = C(() => ({
     getDimensionAndWatchScroll: m,
     getScrollWhileDragging: b,
@@ -5957,14 +5957,14 @@ const ar = {
     animate: e.animate,
     placeholder: e.placeholder
   });
-  return V.createElement(e.placeholder.tagName, {
+  return L.createElement(e.placeholder.tagName, {
     style: p,
     "data-rfd-placeholder-context-id": s,
     onTransitionEnd: d,
     ref: e.innerRef
   });
 };
-var dd = V.memo(ld);
+var dd = L.memo(ld);
 function St(e) {
   return typeof e == "boolean";
 }
@@ -5974,11 +5974,11 @@ function At(e, t) {
 const ud = [function({
   props: t
 }) {
-  t.droppableId || (process.env.NODE_ENV !== "production" ? f(!1, "A Droppable requires a droppableId prop") : f()), typeof t.droppableId != "string" && (process.env.NODE_ENV !== "production" ? f(!1, `A Droppable requires a [string] droppableId. Provided: [${typeof t.droppableId}]`) : f());
+  t.droppableId || (process.env.NODE_ENV !== "production" ? g(!1, "A Droppable requires a droppableId prop") : g()), typeof t.droppableId != "string" && (process.env.NODE_ENV !== "production" ? g(!1, `A Droppable requires a [string] droppableId. Provided: [${typeof t.droppableId}]`) : g());
 }, function({
   props: t
 }) {
-  St(t.isDropDisabled) || (process.env.NODE_ENV !== "production" ? f(!1, "isDropDisabled must be a boolean") : f()), St(t.isCombineEnabled) || (process.env.NODE_ENV !== "production" ? f(!1, "isCombineEnabled must be a boolean") : f()), St(t.ignoreContainerClipping) || (process.env.NODE_ENV !== "production" ? f(!1, "ignoreContainerClipping must be a boolean") : f());
+  St(t.isDropDisabled) || (process.env.NODE_ENV !== "production" ? g(!1, "isDropDisabled must be a boolean") : g()), St(t.isCombineEnabled) || (process.env.NODE_ENV !== "production" ? g(!1, "isCombineEnabled must be a boolean") : g()), St(t.ignoreContainerClipping) || (process.env.NODE_ENV !== "production" ? g(!1, "ignoreContainerClipping must be a boolean") : g());
 }, function({
   getDroppableRef: t
 }) {
@@ -5997,18 +5997,18 @@ const ud = [function({
 }], fd = [function({
   props: t
 }) {
-  t.renderClone || (process.env.NODE_ENV !== "production" ? f(!1, "Must provide a clone render function (renderClone) for virtual lists") : f());
+  t.renderClone || (process.env.NODE_ENV !== "production" ? g(!1, "Must provide a clone render function (renderClone) for virtual lists") : g());
 }, function({
   getPlaceholderRef: t
 }) {
-  t() && (process.env.NODE_ENV !== "production" ? f(!1, "Expected virtual list to not have a placeholder") : f());
+  t() && (process.env.NODE_ENV !== "production" ? g(!1, "Expected virtual list to not have a placeholder") : g());
 }];
 function gd(e) {
   Ge(() => {
     At(e, ud), e.props.mode === "standard" && At(e, pd), e.props.mode === "virtual" && At(e, fd);
   });
 }
-class md extends V.PureComponent {
+class md extends L.PureComponent {
   constructor(...t) {
     super(...t), this.state = {
       isVisible: !!this.props.on,
@@ -6052,7 +6052,7 @@ class md extends V.PureComponent {
 }
 const hd = (e) => {
   const t = gr(ot);
-  t || (process.env.NODE_ENV !== "production" ? f(!1, "Could not find app context") : f());
+  t || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find app context") : g());
   const {
     contextId: n,
     isMovementAllowed: r
@@ -6064,7 +6064,7 @@ const hd = (e) => {
     direction: p,
     ignoreContainerClipping: l,
     isDropDisabled: u,
-    isCombineEnabled: g,
+    isCombineEnabled: f,
     snapshot: m,
     useClone: b,
     updateViewportMaxScroll: h,
@@ -6090,18 +6090,18 @@ const hd = (e) => {
     mode: d,
     direction: p,
     isDropDisabled: u,
-    isCombineEnabled: g,
+    isCombineEnabled: f,
     ignoreContainerClipping: l,
     getDroppableRef: v
   });
-  const S = C(() => V.createElement(md, {
+  const A = C(() => L.createElement(md, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
   }, ({
     onClose: M,
     data: Q,
     animate: de
-  }) => V.createElement(dd, {
+  }) => L.createElement(dd, {
     placeholder: Q,
     onClose: M,
     innerRef: E,
@@ -6110,12 +6110,12 @@ const hd = (e) => {
     onTransitionEnd: x
   })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), P = C(() => ({
     innerRef: I,
-    placeholder: S,
+    placeholder: A,
     droppableProps: {
       "data-rfd-droppable-id": c,
       "data-rfd-droppable-context-id": n
     }
-  }), [n, c, S, I]), U = b ? b.dragging.draggableId : null, T = C(() => ({
+  }), [n, c, A, I]), U = b ? b.dragging.draggableId : null, T = C(() => ({
     droppableId: c,
     type: a,
     isUsingCloneFor: U
@@ -6126,7 +6126,7 @@ const hd = (e) => {
     const {
       dragging: M,
       render: Q
-    } = b, de = V.createElement(_o, {
+    } = b, de = L.createElement(_o, {
       draggableId: M.draggableId,
       index: M.source.index,
       isClone: !0,
@@ -6136,12 +6136,12 @@ const hd = (e) => {
     }, (ee, Fe) => Q(ee, Fe, M));
     return Lo.createPortal(de, y());
   }
-  return V.createElement(gn.Provider, {
+  return L.createElement(gn.Provider, {
     value: T
   }, s(P, m), H());
 };
 function bd() {
-  return document.body || (process.env.NODE_ENV !== "production" ? f(!1, "document.body is not ready") : f()), document.body;
+  return document.body || (process.env.NODE_ENV !== "production" ? g(!1, "document.body is not ready") : g()), document.body;
 }
 const lr = {
   mode: "standard",
@@ -6206,7 +6206,7 @@ const lr = {
       return t;
     if (!a)
       return e;
-    const g = {
+    const f = {
       isDraggingOver: c,
       draggingOverWith: l,
       draggingFromThisWith: null,
@@ -6215,7 +6215,7 @@ const lr = {
     return {
       placeholder: d.placeholder,
       shouldAnimatePlaceholder: !0,
-      snapshot: g,
+      snapshot: f,
       useClone: null
     };
   });
@@ -6225,22 +6225,22 @@ const lr = {
       const u = i.critical;
       if (!_t(d, u))
         return t;
-      const g = dr(u, i.dimensions), m = q(i.impact) === a;
-      return r(a, p, m, m, g, l);
+      const f = dr(u, i.dimensions), m = q(i.impact) === a;
+      return r(a, p, m, m, f, l);
     }
     if (i.phase === "DROP_ANIMATING") {
       const u = i.completed;
       if (!_t(d, u.critical))
         return t;
-      const g = dr(u.critical, i.dimensions);
-      return r(a, p, So(u.result) === a, q(u.impact) === a, g, l);
+      const f = dr(u.critical, i.dimensions);
+      return r(a, p, So(u.result) === a, q(u.impact) === a, f, l);
     }
     if (i.phase === "IDLE" && i.completed && !i.shouldFlush) {
       const u = i.completed;
       if (!_t(d, u.critical))
         return t;
-      const g = q(u.impact) === a, m = !!(u.impact.at && u.impact.at.type === "COMBINE"), b = u.critical.droppable.id === a;
-      return g ? m ? e : t : b ? e : t;
+      const f = q(u.impact) === a, m = !!(u.impact.at && u.impact.at.type === "COMBINE"), b = u.critical.droppable.id === a;
+      return f ? m ? e : t : b ? e : t;
     }
     return t;
   };
@@ -6253,7 +6253,7 @@ const lr = {
 }), {
   context: ln,
   areStatePropsEqual: wo
-})(hd), Dd = () => /* @__PURE__ */ L(
+})(hd), Dd = () => /* @__PURE__ */ V(
   "svg",
   {
     width: "16",
@@ -6264,12 +6264,13 @@ const lr = {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
+    style: { flexShrink: 0 },
     children: [
       /* @__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(
+), Nd = () => /* @__PURE__ */ V(
   "svg",
   {
     width: "16",
@@ -6280,12 +6281,13 @@ const lr = {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
+    style: { flexShrink: 0 },
     children: [
       /* @__PURE__ */ O("circle", { cx: "12", cy: "12", r: "10" }),
       /* @__PURE__ */ O("polyline", { points: "12 6 12 12 16 14" })
     ]
   }
-), xd = () => /* @__PURE__ */ L(
+), xd = () => /* @__PURE__ */ V(
   "svg",
   {
     width: "20",
@@ -6303,7 +6305,7 @@ const lr = {
       /* @__PURE__ */ O("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
     ]
   }
-), Id = () => /* @__PURE__ */ L(
+), Id = () => /* @__PURE__ */ V(
   "svg",
   {
     width: "16",
@@ -6321,7 +6323,7 @@ const lr = {
       /* @__PURE__ */ O("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
     ]
   }
-), Od = () => /* @__PURE__ */ L(
+), Od = () => /* @__PURE__ */ V(
   "svg",
   {
     width: "16",
@@ -6357,24 +6359,25 @@ const lr = {
     });
   }), t;
 }, wd = ({ order: e, pathPeriod: t, isFirst: n, isDone: r, renderOrderExtraData: o }) => {
-  var c, a;
-  const [i, s] = Te(!1);
-  return /* @__PURE__ */ L(
+  var a, d, p, l, u, f;
+  const [i, s] = Te(!1), c = (d = (a = e.customer) == null ? void 0 : a.address) != null && d.lat && ((l = (p = e.customer) == null ? void 0 : p.address) != null && l.long) ? `https://maps.google.com/?q=${e.customer.address.lat},${e.customer.address.long}` : "#";
+  return /* @__PURE__ */ V(
     "div",
     {
       style: {
-        ...A.orderBlock,
-        borderTop: n ? "none" : "1px solid #f3f4f6"
+        ...S.orderBlock,
+        borderTop: n ? "none" : "1px solid #f3f4f6",
+        backgroundColor: r ? "#fafafa" : "transparent"
       },
       children: [
-        /* @__PURE__ */ L("div", { style: A.orderHeader, children: [
-          /* @__PURE__ */ L("div", { style: A.gridItem, children: [
-            /* @__PURE__ */ L("div", { style: A.gridLabel, children: [
+        /* @__PURE__ */ V("div", { style: S.orderHeader, children: [
+          /* @__PURE__ */ V("div", { style: S.gridItem, children: [
+            /* @__PURE__ */ V("div", { style: S.gridLabel, children: [
               "ORDER",
               " ",
               r && /* @__PURE__ */ O("span", { style: { color: "#16a34a", marginLeft: "4px" }, children: "✓ DONE" })
             ] }),
-            /* @__PURE__ */ L("div", { style: A.gridValue, children: [
+            /* @__PURE__ */ V("div", { style: S.gridValue, children: [
               "#",
               e.order_id
             ] })
@@ -6383,30 +6386,38 @@ const lr = {
             "button",
             {
               onClick: () => s(!i),
-              style: A.expandButton,
+              style: S.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__ */ V("div", { style: S.detailsGrid, children: [
+          /* @__PURE__ */ V("div", { style: S.gridItem, children: [
+            /* @__PURE__ */ O("div", { style: S.gridLabel, children: "LOCATION" }),
+            /* @__PURE__ */ V("div", { style: S.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__ */ O(
+                "a",
+                {
+                  href: c,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: S.addressLink,
+                  children: ((f = (u = e.customer) == null ? void 0 : u.address) == null ? void 0 : f.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__ */ V("div", { style: S.gridItem, children: [
+            /* @__PURE__ */ O("div", { style: S.gridLabel, children: "PERIOD" }),
+            /* @__PURE__ */ O("div", { style: S.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__ */ V("div", { style: S.gridItem, children: [
+            /* @__PURE__ */ O("div", { style: S.gridLabel, children: "TIME WINDOW" }),
+            /* @__PURE__ */ V("div", { style: S.gridValueWithIcon, children: [
               /* @__PURE__ */ O(Nd, {}),
               " ",
-              /* @__PURE__ */ L("span", { children: [
+              /* @__PURE__ */ V("span", { children: [
                 ur(e.eta_start),
                 " - ",
                 ur(e.eta_end)
@@ -6414,7 +6425,7 @@ const lr = {
             ] })
           ] })
         ] }),
-        i && o && /* @__PURE__ */ O("div", { style: A.extraDataContainer, children: o(e) })
+        i && o && /* @__PURE__ */ O("div", { style: S.extraDataContainer, children: o(e) })
       ]
     }
   );
@@ -6423,60 +6434,77 @@ const lr = {
   index: t,
   pathType: n,
   pathPeriod: r,
-  renderStopActions: o,
-  renderOrderExtraData: i
+  canEditPath: o,
+  isPathCompleted: i,
+  renderStopActions: s,
+  renderOrderExtraData: c
 }) => {
-  const s = e.orders.every(fr);
+  const a = e.orders.every(fr), d = !o || i || a;
   return /* @__PURE__ */ O(
     ql,
     {
       draggableId: e.stop_id.toString(),
       index: t,
-      isDragDisabled: s,
-      children: (c) => {
-        var a, d;
-        return /* @__PURE__ */ L(
+      isDragDisabled: d,
+      children: (p) => {
+        var l, u;
+        return /* @__PURE__ */ V(
           "div",
           {
-            ref: c.innerRef,
-            ...c.draggableProps,
-            style: { ...A.timelineItem, ...c.draggableProps.style },
+            ref: p.innerRef,
+            ...p.draggableProps,
+            style: { ...S.timelineItem, ...p.draggableProps.style },
             children: [
               /* @__PURE__ */ O(
                 "div",
                 {
                   style: {
-                    ...A.bubble,
-                    ...s ? A.bubbleCompleted : A.bubblePending
+                    ...S.bubble,
+                    ...a ? S.bubbleCompleted : S.bubblePending
                   },
                   children: t + 1
                 }
               ),
-              /* @__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__ */ V("div", { style: S.card, children: [
+                /* @__PURE__ */ V("div", { style: S.cardHeader, children: [
+                  /* @__PURE__ */ V(
+                    "div",
+                    {
+                      style: { display: "flex", alignItems: "center", gap: "8px" },
+                      children: [
+                        /* @__PURE__ */ V("span", { style: S.title, children: [
+                          n,
+                          " #",
+                          e.sequence_rank
+                        ] }),
+                        /* @__PURE__ */ O(
+                          "span",
+                          {
+                            style: a ? S.badgeCompleted : S.badgePending,
+                            children: a ? "Completed" : "Pending"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  !d && /* @__PURE__ */ O("div", { ...p.dragHandleProps, children: /* @__PURE__ */ O(xd, {}) })
                 ] }),
-                /* @__PURE__ */ L("div", { style: A.customerName, children: [
+                /* @__PURE__ */ V("div", { style: S.customerName, children: [
                   "Customer: ",
-                  (d = (a = e.orders[0]) == null ? void 0 : a.customer) == null ? void 0 : d.name
+                  (u = (l = e.orders[0]) == null ? void 0 : l.customer) == null ? void 0 : u.name
                 ] }),
-                /* @__PURE__ */ O("div", { style: A.ordersList, children: e.orders.map((p, l) => /* @__PURE__ */ O(
+                /* @__PURE__ */ O("div", { style: S.ordersList, children: e.orders.map((f, m) => /* @__PURE__ */ O(
                   wd,
                   {
-                    order: p,
+                    order: f,
                     pathPeriod: r,
-                    isFirst: l === 0,
-                    isDone: fr(p),
-                    renderOrderExtraData: i
+                    isFirst: m === 0,
+                    isDone: fr(f),
+                    renderOrderExtraData: c
                   },
-                  p.id
+                  f.id
                 )) }),
-                o && /* @__PURE__ */ O("div", { style: A.actionsSlot, children: o(e) })
+                s && /* @__PURE__ */ O("div", { style: S.actionsSlot, children: s(e) })
               ] })
             ]
           }
@@ -6488,28 +6516,33 @@ const lr = {
   path: e,
   onReorder: t,
   renderStopActions: n,
-  renderOrderExtraData: r
+  renderOrderExtraData: r,
+  canEditPath: o = !0
+  // Default to true so you don't break previous implementations
 }) => {
-  const [o, i] = Te([]);
+  var d, p;
+  const [i, s] = Te([]);
   te(() => {
-    e != null && e.path_orders && i(Cd(e.path_orders));
+    e != null && e.path_orders && s(Cd(e.path_orders));
   }, [e]);
-  const s = (c) => {
-    if (!c.destination) return;
-    const a = Array.from(o), [d] = a.splice(c.source.index, 1);
-    a.splice(c.destination.index, 0, d), i(a), t && t(
+  const c = (l) => {
+    if (!l.destination) return;
+    const u = Array.from(i), [f] = u.splice(l.source.index, 1);
+    u.splice(l.destination.index, 0, f), s(u), t && t(
       e.id,
-      a.map((p) => p.stop_id)
+      u.map((m) => m.stop_id)
     );
   };
-  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(
+  if (!e || !i.length) return /* @__PURE__ */ O("div", { children: "No Path Data" });
+  const a = typeof e.status == "string" ? e.status.toLowerCase() === "completed" : ((p = (d = e.status) == null ? void 0 : d.code) == null ? void 0 : p.toLowerCase()) === "completed";
+  return /* @__PURE__ */ O("div", { style: S.container, children: /* @__PURE__ */ O(Cl, { onDragEnd: c, children: /* @__PURE__ */ O(Ed, { droppableId: "path-list", children: (l) => /* @__PURE__ */ V(
     "div",
     {
-      ref: c.innerRef,
-      ...c.droppableProps,
-      style: A.timelineWrapper,
+      ref: l.innerRef,
+      ...l.droppableProps,
+      style: S.timelineWrapper,
       children: [
-        /* @__PURE__ */ O("div", { style: A.verticalLine }),
+        /* @__PURE__ */ O("div", { style: S.verticalLine }),
         /* @__PURE__ */ O(
           "div",
           {
@@ -6518,25 +6551,27 @@ const lr = {
               flexDirection: "column",
               gap: "24px"
             },
-            children: o.map((a, d) => /* @__PURE__ */ O(
+            children: i.map((u, f) => /* @__PURE__ */ O(
               Sd,
               {
-                stopGroup: a,
-                index: d,
+                stopGroup: u,
+                index: f,
                 pathType: pr(e.type),
                 pathPeriod: pr(e.period),
+                canEditPath: o,
+                isPathCompleted: a,
                 renderStopActions: n,
                 renderOrderExtraData: r
               },
-              a.stop_id
+              u.stop_id
             ))
           }
         ),
-        c.placeholder
+        l.placeholder
       ]
     }
   ) }) }) });
-}, A = {
+}, S = {
   container: { fontFamily: "sans-serif", maxWidth: "800px", margin: "0 auto" },
   timelineWrapper: { position: "relative", padding: "20px 0" },
   verticalLine: {
@@ -6563,7 +6598,8 @@ const lr = {
     justifyContent: "center",
     fontWeight: "bold",
     backgroundColor: "#fff",
-    border: "2px solid"
+    border: "2px solid",
+    flexShrink: 0
   },
   bubblePending: { borderColor: "#f3f4f6", color: "#9ca3af" },
   bubbleCompleted: {
@@ -6582,16 +6618,33 @@ const lr = {
   cardHeader: {
     display: "flex",
     justifyContent: "space-between",
-    marginBottom: "8px"
+    marginBottom: "8px",
+    alignItems: "center"
   },
   title: { fontSize: "16px", fontWeight: "bold" },
+  badgePending: {
+    fontSize: "11px",
+    padding: "2px 8px",
+    borderRadius: "12px",
+    backgroundColor: "#f3f4f6",
+    color: "#4b5563",
+    fontWeight: "600"
+  },
+  badgeCompleted: {
+    fontSize: "11px",
+    padding: "2px 8px",
+    borderRadius: "12px",
+    backgroundColor: "#dcfce7",
+    color: "#16a34a",
+    fontWeight: "600"
+  },
   customerName: { fontSize: "14px", color: "#6b7280", marginBottom: "12px" },
   ordersList: {
     backgroundColor: "#f9fafb",
     borderRadius: "8px",
     overflow: "hidden"
   },
-  orderBlock: { padding: "12px" },
+  orderBlock: { padding: "12px", transition: "background-color 0.2s" },
   orderHeader: {
     display: "flex",
     justifyContent: "space-between",
@@ -6605,28 +6658,31 @@ const lr = {
   gridValueWithIcon: {
     fontSize: "13px",
     display: "flex",
-    alignItems: "center",
+    alignItems: "flex-start",
     gap: "4px",
     color: "#374151"
   },
+  addressLink: {
+    color: "#3b82f6",
+    textDecoration: "underline",
+    wordBreak: "break-word",
+    lineHeight: "1.4"
+  },
   expandButton: {
     background: "none",
     border: "none",
     cursor: "pointer",
-    color: "#6b7280"
+    color: "#6b7280",
+    padding: "4px"
   },
   extraDataContainer: {
     marginTop: "12px",
     padding: "12px",
-    borderTop: "1px dashed #e5e7eb"
+    borderTop: "1px dashed #e5e7eb",
+    backgroundColor: "#fff",
+    borderRadius: "4px"
   },
-  actionsSlot: { marginTop: "16px" },
-  truncate: {
-    whiteSpace: "nowrap",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    maxWidth: "150px"
-  }
+  actionsSlot: { marginTop: "16px" }
 };
 export {
   Td as LogisticsDashboard