@wilow_app/design-system 0.0.7 → 0.0.9

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as O, jsxs as V } from "react/jsx-runtime";
+import { jsx as C, jsxs as V } from "react/jsx-runtime";
 import * as w 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";
@@ -166,7 +166,7 @@ function In(e, t) {
     return t(e.apply(this, n));
   };
 }
-function On(e, t) {
+function Cn(e, t) {
   if (typeof e == "function")
     return In(e, t);
   if (typeof e != "object" || e === null)
@@ -207,10 +207,10 @@ var pt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Cn;
+var On;
 function zo() {
-  if (Cn) return pt;
-  Cn = 1;
+  if (On) return pt;
+  On = 1;
   var e = L;
   function t(a, d) {
     return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
@@ -442,7 +442,7 @@ function si(e) {
     n = Object.getPrototypeOf(n);
   return t === n;
 }
-function Or(e, t, n) {
+function Cr(e, t, n) {
   si(e) || Ht(
     `${n}() in ${t} must return a plain object. Instead received ${e}.`
   );
@@ -459,7 +459,7 @@ function Rt(e) {
 function Sn(e) {
   return e.dependsOnOwnProps ? !!e.dependsOnOwnProps : e.length !== 1;
 }
-function Cr(e, t) {
+function Or(e, t) {
   return function(r, { displayName: o }) {
     const i = function(c, a) {
       return i.dependsOnOwnProps ? i.mapToProps(c, a) : i.mapToProps(c, void 0);
@@ -467,7 +467,7 @@ function Cr(e, t) {
     return i.dependsOnOwnProps = !0, i.mapToProps = function(c, a) {
       i.mapToProps = e, i.dependsOnOwnProps = Sn(e);
       let d = i(c, a);
-      return typeof d == "function" && (i.mapToProps = d, i.dependsOnOwnProps = Sn(d), d = i(c, a)), process.env.NODE_ENV !== "production" && Or(d, o, t), d;
+      return typeof d == "function" && (i.mapToProps = d, i.dependsOnOwnProps = Sn(d), d = i(c, a)), process.env.NODE_ENV !== "production" && Cr(d, o, t), d;
     }, i;
   };
 }
@@ -486,7 +486,7 @@ function ci(e) {
     )
   ) : e ? typeof e == "function" ? (
     // @ts-ignore
-    Cr(e, "mapDispatchToProps")
+    Or(e, "mapDispatchToProps")
   ) : zt(e, "mapDispatchToProps") : Rt((t) => ({
     dispatch: t
   }));
@@ -494,7 +494,7 @@ function ci(e) {
 function ai(e) {
   return e ? typeof e == "function" ? (
     // @ts-ignore
-    Cr(e, "mapStateToProps")
+    Or(e, "mapStateToProps")
   ) : zt(e, "mapStateToProps") : Rt(() => ({}));
 }
 function li(e, t, n) {
@@ -505,7 +505,7 @@ function di(e) {
     let i = !1, s;
     return function(a, d, p) {
       const l = e(a, d, p);
-      return i ? o(l, s) || (s = l) : (i = !0, s = l, process.env.NODE_ENV !== "production" && Or(s, r, "mergeProps")), s;
+      return i ? o(l, s) || (s = l) : (i = !0, s = l, process.env.NODE_ENV !== "production" && Cr(s, r, "mergeProps")), s;
     };
   };
 }
@@ -650,11 +650,11 @@ var yi = {
 function Pn(e) {
   return ti(e) ? Sr : Ni[e.$$typeof] || yi;
 }
-var xi = Object.defineProperty, Ii = Object.getOwnPropertyNames, Rn = Object.getOwnPropertySymbols, Oi = Object.getOwnPropertyDescriptor, Ci = Object.getPrototypeOf, Tn = Object.prototype;
+var xi = Object.defineProperty, Ii = Object.getOwnPropertyNames, Rn = Object.getOwnPropertySymbols, Ci = Object.getOwnPropertyDescriptor, Oi = Object.getPrototypeOf, Tn = Object.prototype;
 function Tt(e, t) {
   if (typeof t != "string") {
     if (Tn) {
-      const i = Ci(t);
+      const i = Oi(t);
       i && i !== Tn && Tt(e, i);
     }
     let n = Ii(t);
@@ -663,7 +663,7 @@ function Tt(e, t) {
     for (let i = 0; i < n.length; ++i) {
       const s = n[i];
       if (!Ei[s] && !(o && o[s]) && !(r && r[s])) {
-        const c = Oi(t, s);
+        const c = Ci(t, s);
         try {
           xi(e, s, c);
         } catch {
@@ -1057,13 +1057,13 @@ function K(e, t, n) {
   };
 }
 const qi = process.env.NODE_ENV === "production", $n = "Invariant failed";
-class Oe extends Error {
+class Ce extends Error {
 }
-Oe.prototype.toString = function() {
+Ce.prototype.toString = function() {
   return this.message;
 };
 function g(e, t) {
-  throw qi ? new Oe($n) : new Oe(`${$n}: ${t || ""}`);
+  throw qi ? new Ce($n) : new Ce(`${$n}: ${t || ""}`);
 }
 class Yi extends L.Component {
   constructor(...t) {
@@ -1074,7 +1074,7 @@ class Yi extends L.Component {
         The active drag has been aborted.
       `));
       const o = n.error;
-      o instanceof Oe && (n.preventDefault(), process.env.NODE_ENV !== "production" && Bt(o.message));
+      o instanceof Ce && (n.preventDefault(), process.env.NODE_ENV !== "production" && Bt(o.message));
     }, this.getCallbacks = () => {
       if (!this.callbacks)
         throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");
@@ -1090,7 +1090,7 @@ class Yi extends L.Component {
     }]);
   }
   componentDidCatch(t) {
-    if (t instanceof Oe) {
+    if (t instanceof Ce) {
       process.env.NODE_ENV !== "production" && Bt(t.message), this.setState({});
       return;
     }
@@ -1170,7 +1170,7 @@ function Lr(e, t) {
       return !1;
   return !0;
 }
-function C(e, t) {
+function O(e, t) {
   const n = Te(() => ({
     inputs: t,
     result: e()
@@ -1183,7 +1183,7 @@ function C(e, t) {
   }, [s]), s.result;
 }
 function D(e, t) {
-  return C(() => e, t);
+  return O(() => e, t);
 }
 const G = {
   x: 0,
@@ -1203,7 +1203,7 @@ const G = {
 } : {
   x: n,
   y: t
-}, Ce = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Fn = (e, t) => Math.min(...t.map((n) => Ce(e, n))), Mr = (e) => (t) => ({
+}, Oe = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Fn = (e, t) => Math.min(...t.map((n) => Oe(e, n))), Mr = (e) => (t) => ({
   x: e(t.x),
   y: e(t.y)
 });
@@ -1646,7 +1646,7 @@ const Hr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, xs = (e, t) =>
   moveInto: t,
   isMoving: n
 }) => ae(e.line, t.contentBox[e.start] + Hr(e, n), Zt(e, t.contentBox, n));
-var Os = ({
+var Cs = ({
   impact: e,
   draggable: t,
   draggables: n,
@@ -1699,7 +1699,7 @@ var Os = ({
   const n = e.frame;
   return n ? F(t, n.scroll.diff.displacement) : t;
 };
-const Cs = ({
+const Os = ({
   impact: e,
   draggable: t,
   droppable: n,
@@ -1707,7 +1707,7 @@ const Cs = ({
   afterCritical: o
 }) => {
   const i = t.page.borderBox.center, s = e.at;
-  return !n || !s ? i : s.type === "REORDER" ? Os({
+  return !n || !s ? i : s.type === "REORDER" ? Cs({
     impact: e,
     draggable: t,
     draggables: r,
@@ -1720,7 +1720,7 @@ const Cs = ({
   });
 };
 var rt = (e) => {
-  const t = Cs(e), n = e.droppable;
+  const t = Os(e), n = e.droppable;
   return n ? Vt(n, t) : t;
 }, zr = (e, t) => {
   const n = j(t, e.scroll.initial), r = me(n);
@@ -1934,7 +1934,7 @@ var Ts = ({
   viewport: t.frame,
   withDroppableDisplacement: !0
 })).sort((s, c) => {
-  const a = Ce(e, Vt(n, jn(s, o))), d = Ce(e, Vt(n, jn(c, o)));
+  const a = Oe(e, Vt(n, jn(s, o))), d = Oe(e, Vt(n, jn(c, o)));
   return a < d ? -1 : d < a ? 1 : s.descriptor.index - c.descriptor.index;
 })[0] || null, Ve = $(function(t, n) {
   const r = n[t.line];
@@ -2182,7 +2182,7 @@ function ks({
     const s = i.axis, c = ae(i.axis.line, e.center[s.line], i.page.borderBox.center[s.crossAxisLine]);
     return {
       id: i.descriptor.id,
-      distance: Ce(r, c)
+      distance: Oe(r, c)
     };
   }).sort((i, s) => s.distance - i.distance);
   return o[0] ? o[0].id : null;
@@ -3007,18 +3007,18 @@ const rn = {
 }, {
   minDropTime: $t,
   maxDropTime: co
-} = so, Ic = co - $t, Xn = 1500, Oc = 0.6;
-var Cc = ({
+} = so, Ic = co - $t, Xn = 1500, Cc = 0.6;
+var Oc = ({
   current: e,
   destination: t,
   reason: n
 }) => {
-  const r = Ce(e, t);
+  const r = Oe(e, t);
   if (r <= 0)
     return $t;
   if (r >= Xn)
     return co;
-  const o = r / Xn, i = $t + Ic * o, s = n === "CANCEL" ? i * Oc : i;
+  const o = r / Xn, i = $t + Ic * o, s = n === "CANCEL" ? i * Cc : i;
   return Number(s.toFixed(2));
 }, wc = ({
   impact: e,
@@ -3123,7 +3123,7 @@ const Ac = ({
     }));
     return;
   }
-  const I = Cc({
+  const I = Oc({
     current: o.current.client.offset,
     destination: h,
     reason: i
@@ -4101,7 +4101,7 @@ const Y = typeof window < "u" && typeof window.document < "u" && typeof window.d
   return e && t.setAttribute("nonce", e), t.type = "text/css", t;
 };
 function Da(e, t) {
-  const n = C(() => Ea(e), [e]), r = B(null), o = B(null), i = D($((l) => {
+  const n = O(() => Ea(e), [e]), r = B(null), o = B(null), i = D($((l) => {
     const u = o.current;
     u || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot set dynamic style element if it is not set") : g()), u.textContent = l;
   }), []), s = D((l) => {
@@ -4128,7 +4128,7 @@ function Da(e, t) {
   }, [i, n.dropAnimating, n.userCancel]), d = D(() => {
     o.current && i(n.resting);
   }, [i, n.resting]);
-  return C(() => ({
+  return O(() => ({
     dragging: c,
     dropping: a,
     resting: d
@@ -4178,7 +4178,7 @@ function Na(e) {
     o.current = !1;
     const u = r.current;
     u && cancelAnimationFrame(u);
-  }), []), C(() => ({
+  }), []), O(() => ({
     register: i,
     tryRecordFocus: d,
     tryRestoreFocusRecorded: a,
@@ -4260,7 +4260,7 @@ function xa() {
   };
 }
 function Ia() {
-  const e = C(xa, []);
+  const e = O(xa, []);
   return te(() => function() {
     e.clean();
   }, [e]), e;
@@ -4269,7 +4269,7 @@ var ln = L.createContext(null), Pe = () => {
   const e = document.body;
   return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find document.body") : g()), e;
 };
-const Oa = {
+const Ca = {
   position: "absolute",
   width: "1px",
   height: "1px",
@@ -4279,12 +4279,12 @@ const Oa = {
   overflow: "hidden",
   clip: "rect(0 0 0 0)",
   "clip-path": "inset(100%)"
-}, Ca = (e) => `rfd-announcement-${e}`;
+}, Oa = (e) => `rfd-announcement-${e}`;
 function wa(e) {
-  const t = C(() => Ca(e), [e]), n = B(null);
+  const t = O(() => Oa(e), [e]), n = B(null);
   return te(function() {
     const i = document.createElement("div");
-    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Xe(i.style, Oa), Pe().appendChild(i), function() {
+    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Xe(i.style, Ca), Pe().appendChild(i), function() {
       setTimeout(function() {
         const a = Pe();
         a.contains(i) && a.removeChild(i), i === n.current && (n.current = null);
@@ -4313,7 +4313,7 @@ const Sa = {
 };
 function dn(e, t = Sa) {
   const n = L.useId();
-  return C(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
+  return O(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
 }
 function Aa({
   contextId: e,
@@ -4327,7 +4327,7 @@ function _a({
 }) {
   const n = dn("hidden-text", {
     separator: "-"
-  }), r = C(() => Aa({
+  }), r = O(() => Aa({
     contextId: e,
     uniqueId: n
   }), [n, e]);
@@ -4362,7 +4362,7 @@ var Ba = (e, t) => {
     This can result in run time bugs, and even fatal crashes
   `);
 };
-const Ot = `
+const Ct = `
   We expect a html5 doctype: <!doctype html>
   This is to ensure consistent browser layout and measurement
 
@@ -4374,19 +4374,19 @@ var Va = (e) => {
     process.env.NODE_ENV !== "production" && R(`
       No <!doctype html> found.
 
-      ${Ot}
+      ${Ct}
     `);
     return;
   }
   t.name.toLowerCase() !== "html" && process.env.NODE_ENV !== "production" && R(`
       Unexpected <!doctype> found: (${t.name})
 
-      ${Ot}
+      ${Ct}
     `), t.publicId !== "" && process.env.NODE_ENV !== "production" && R(`
       Unexpected <!doctype> publicId found: (${t.publicId})
       A html5 doctype does not have a publicId
 
-      ${Ot}
+      ${Ct}
     `);
 };
 function un(e) {
@@ -4560,7 +4560,7 @@ function Ka({
   }];
 }
 function Ja(e) {
-  const t = B(or), n = B(re), r = C(() => ({
+  const t = B(or), n = B(re), r = O(() => ({
     eventName: "mousedown",
     fn: function(l) {
       if (l.defaultPrevented || l.button !== No || l.ctrlKey || l.metaKey || l.shiftKey || l.altKey)
@@ -4580,7 +4580,7 @@ function Ja(e) {
       };
       n.current(), d(f, m);
     }
-  }), [e]), o = C(() => ({
+  }), [e]), o = O(() => ({
     eventName: "webkitmouseforcewillbegin",
     fn: (p) => {
       if (p.defaultPrevented)
@@ -4705,7 +4705,7 @@ function el(e, t) {
   }];
 }
 function tl(e) {
-  const t = B(Za), n = C(() => ({
+  const t = B(Za), n = O(() => ({
     eventName: "keydown",
     fn: function(i) {
       if (i.defaultPrevented || i.keyCode !== Eo)
@@ -4743,7 +4743,7 @@ function tl(e) {
     };
   }, [r]);
 }
-const Ct = {
+const Ot = {
   type: "IDLE"
 }, nl = 120, rl = 0.15;
 function ol({
@@ -4851,11 +4851,11 @@ function il({
   }];
 }
 function sl(e) {
-  const t = B(Ct), n = B(re), r = D(function() {
+  const t = B(Ot), n = B(re), r = D(function() {
     return t.current;
   }, []), o = D(function(f) {
     t.current = f;
-  }, []), i = C(() => ({
+  }, []), i = O(() => ({
     eventName: "touchstart",
     fn: function(f) {
       if (f.defaultPrevented)
@@ -4885,7 +4885,7 @@ function sl(e) {
     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());
+    u.type !== "IDLE" && (u.type === "PENDING" && clearTimeout(u.longPressTimerId), o(Ot), n.current(), s());
   }, [s, o]), a = D(() => {
     const u = t.current;
     c(), u.type === "DRAGGING" && u.actions.cancel({
@@ -4926,7 +4926,7 @@ function sl(e) {
     return s(), function() {
       n.current();
       const m = r();
-      m.type === "PENDING" && (clearTimeout(m.longPressTimerId), o(Ct));
+      m.type === "PENDING" && (clearTimeout(m.longPressTimerId), o(Ot));
     };
   }, [r, s, o]), Y(function() {
     return K(window, [{
@@ -5022,7 +5022,7 @@ function Ue({
         - Check actions.isActive() if you really need to
       `), !1);
 }
-function Oo({
+function Co({
   lockAPI: e,
   store: t,
   registry: n,
@@ -5042,7 +5042,7 @@ function yl({
   forceSensorStop: i,
   sourceEvent: s
 }) {
-  if (!Oo({
+  if (!Co({
     lockAPI: e,
     store: n,
     registry: r,
@@ -5185,7 +5185,7 @@ function Dl({
       c(h, v), h = v;
     });
   }, [s, t, c]), Y(() => s.tryAbandon, [s.tryAbandon]);
-  const a = D((b) => Oo({
+  const a = D((b) => Co({
     lockAPI: s,
     registry: n,
     store: t,
@@ -5203,7 +5203,7 @@ 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]), f = D(() => s.isClaimed(), [s]), m = C(() => ({
+  }, [s, t]), f = D(() => s.isClaimed(), [s]), m = O(() => ({
     canGetLock: a,
     tryGetLock: d,
     findClosestDraggableId: p,
@@ -5250,20 +5250,20 @@ function Il(e) {
     text: i
   }), u = Da(t, o), f = D((T) => {
     De(s).dispatch(T);
-  }, []), m = C(() => On({
+  }, []), m = O(() => Cn({
     publishWhileDragging: cc,
     updateDroppableScroll: lc,
     updateDroppableIsEnabled: dc,
     updateDroppableIsCombineEnabled: uc,
     collectionStarting: ac
-  }, f), [f]), b = Ia(), h = C(() => Qc(b, m), [b, m]), y = C(() => ha({
+  }, f), [f]), b = Ia(), h = O(() => Qc(b, m), [b, m]), y = O(() => ha({
     scrollWindow: ea,
     scrollDroppable: h.scrollDroppable,
     getAutoScrollerOptions: d,
-    ...On({
+    ...Cn({
       move: ro
     }, f)
-  }), [h.scrollDroppable, f, d]), v = Na(t), I = C(() => Xc({
+  }), [h.scrollDroppable, f, d]), v = Na(t), I = O(() => Xc({
     announce: p,
     autoScroller: y,
     dimensionMarshal: h,
@@ -5278,12 +5278,12 @@ function Il(e) {
   }, []), E = D(() => {
     const T = De(s).getState();
     return T.phase === "DROP_ANIMATING" ? !0 : T.phase === "IDLE" ? !1 : T.isDragging;
-  }, []), x = C(() => ({
+  }, []), x = O(() => ({
     isDragging: E,
     tryAbort: N
   }), [E, N]);
   n(x);
-  const A = 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 = O(() => ({
     marshal: h,
     focus: v,
     contextId: t,
@@ -5305,11 +5305,11 @@ function Il(e) {
     store: I
   }, e.children));
 }
-function Ol() {
+function Cl() {
   return L.useId();
 }
-function Cl(e) {
-  const t = Ol(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
+function Ol(e) {
+  const t = Cl(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
   return L.createElement(Yi, null, (r) => L.createElement(Il, {
     nonce: e.nonce,
     contextId: t,
@@ -5386,14 +5386,14 @@ function Bl(e) {
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
-  } = e, a = C(() => ({
+  } = e, a = O(() => ({
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
   }), [i, c, s]), d = D((f) => {
     const m = o();
     return m || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get dimension when no ref is set") : g()), Tl(n, m, f);
-  }, [n, o]), p = C(() => ({
+  }, [n, o]), p = O(() => ({
     uniqueId: t,
     descriptor: n,
     options: a,
@@ -5409,7 +5409,7 @@ function Bl(e) {
   }, [p, r.draggable]);
 }
 var gn = L.createContext(null);
-function Co(e) {
+function Oo(e) {
   e && $e(e) || (process.env.NODE_ENV !== "production" ? g(!1, `
     provided.innerRef has not been provided with a HTMLElement.
 
@@ -5424,7 +5424,7 @@ function Vl(e, t, n) {
     }
     const o = e.draggableId;
     o || (process.env.NODE_ENV !== "production" ? g(!1, "Draggable requires a draggableId") : g(!1)), typeof o != "string" && (process.env.NODE_ENV !== "production" ? g(!1, `Draggable requires a [string] draggableId.
-      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (Co(n()), e.isEnabled && (yo(t, o) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} Unable to find drag handle`) : g(!1))));
+      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (Oo(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) {
@@ -5452,7 +5452,7 @@ const $l = (e) => {
   } = Ze(ot), {
     type: c,
     droppableId: a
-  } = Ze(gn), d = C(() => ({
+  } = Ze(gn), d = O(() => ({
     id: e.draggableId,
     index: e.index,
     type: c,
@@ -5468,7 +5468,7 @@ const $l = (e) => {
     dropAnimationFinished: y
   } = e;
   if (Vl(e, o, r), Ll(b), !b) {
-    const x = C(() => ({
+    const x = O(() => ({
       descriptor: d,
       registry: s,
       getDraggableRef: r,
@@ -5478,7 +5478,7 @@ const $l = (e) => {
     }), [d, s, r, m, f, u]);
     Bl(x);
   }
-  const v = C(() => u ? {
+  const v = O(() => u ? {
     tabIndex: 0,
     role: "button",
     "aria-describedby": i,
@@ -5488,7 +5488,7 @@ const $l = (e) => {
     onDragStart: Ml
   } : null, [o, i, l, u]), I = D((x) => {
     h.type === "DRAGGING" && h.dropping && x.propertyName === "transform" && mr(y);
-  }, [y, h]), N = C(() => {
+  }, [y, h]), N = O(() => {
     const x = Rl(h), A = h.type === "DRAGGING" && h.dropping ? I : void 0;
     return {
       innerRef: n,
@@ -5500,7 +5500,7 @@ const $l = (e) => {
       },
       dragHandleProps: v
     };
-  }, [o, v, l, h, I, n]), E = C(() => ({
+  }, [o, v, l, h, I, n]), E = O(() => ({
     draggableId: d.id,
     type: d.type,
     source: {
@@ -5823,11 +5823,11 @@ function sd(e) {
   const t = B(null), n = Ze(ot), r = dn("droppable"), {
     registry: o,
     marshal: i
-  } = n, s = pn(e), c = C(() => ({
+  } = n, s = pn(e), c = O(() => ({
     id: e.droppableId,
     type: e.type,
     mode: e.mode
-  }), [e.droppableId, e.mode, e.type]), a = B(c), d = C(() => $((N, E) => {
+  }), [e.droppableId, e.mode, e.type]), a = B(c), d = O(() => $((N, E) => {
     t.current || (process.env.NODE_ENV !== "production" ? g(!1, "Can only update scroll when dragging") : g());
     const x = {
       x: N,
@@ -5840,7 +5840,7 @@ function sd(e) {
   }, []), l = D(() => {
     const N = p();
     d(N.x, N.y);
-  }, [p, d]), u = C(() => Ie(l), [l]), f = D(() => {
+  }, [p, d]), u = O(() => Ie(l), [l]), f = D(() => {
     const N = t.current, E = He(N);
     if (N && E || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find scroll options while scrolling") : g()), N.scrollOptions.shouldPublishImmediately) {
       l();
@@ -5882,12 +5882,12 @@ function sd(e) {
     E || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll when there is no drag") : g());
     const x = He(E);
     x || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll a droppable with no closest scrollable") : g()), x.scrollTop += N.y, x.scrollLeft += N.x;
-  }, []), v = C(() => ({
+  }, []), v = O(() => ({
     getDimensionAndWatchScroll: m,
     getScrollWhileDragging: b,
     dragStopped: h,
     scroll: y
-  }), [h, m, b, y]), I = C(() => ({
+  }), [h, m, b, y]), I = O(() => ({
     uniqueId: r,
     descriptor: c,
     callbacks: v
@@ -5982,7 +5982,7 @@ const ud = [function({
 }, function({
   getDroppableRef: t
 }) {
-  Co(t());
+  Oo(t());
 }], pd = [function({
   props: t,
   getPlaceholderRef: n
@@ -6094,7 +6094,7 @@ const hd = (e) => {
     ignoreContainerClipping: l,
     getDroppableRef: v
   });
-  const A = C(() => L.createElement(md, {
+  const A = O(() => L.createElement(md, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
   }, ({
@@ -6108,14 +6108,14 @@ const hd = (e) => {
     animate: de,
     contextId: n,
     onTransitionEnd: x
-  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), P = C(() => ({
+  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), P = O(() => ({
     innerRef: I,
     placeholder: A,
     droppableProps: {
       "data-rfd-droppable-id": c,
       "data-rfd-droppable-context-id": n
     }
-  }), [n, c, A, I]), U = b ? b.dragging.draggableId : null, T = C(() => ({
+  }), [n, c, A, I]), U = b ? b.dragging.draggableId : null, T = O(() => ({
     droppableId: c,
     type: a,
     isUsingCloneFor: U
@@ -6266,8 +6266,8 @@ const lr = {
     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" })
+      /* @__PURE__ */ C("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
+      /* @__PURE__ */ C("circle", { cx: "12", cy: "10", r: "3" })
     ]
   }
 ), Nd = () => /* @__PURE__ */ V(
@@ -6283,8 +6283,8 @@ const lr = {
     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" })
+      /* @__PURE__ */ C("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ C("polyline", { points: "12 6 12 12 16 14" })
     ]
   }
 ), xd = () => /* @__PURE__ */ V(
@@ -6300,16 +6300,16 @@ const lr = {
     strokeLinejoin: "round",
     style: { cursor: "grab" },
     children: [
-      /* @__PURE__ */ O("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-      /* @__PURE__ */ O("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-      /* @__PURE__ */ O("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+      /* @__PURE__ */ C("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+      /* @__PURE__ */ C("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+      /* @__PURE__ */ C("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
     ]
   }
 ), Id = () => /* @__PURE__ */ V(
   "svg",
   {
-    width: "16",
-    height: "16",
+    width: "25",
+    height: "25",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -6317,17 +6317,17 @@ const lr = {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ O("polyline", { points: "15 3 21 3 21 9" }),
-      /* @__PURE__ */ O("polyline", { points: "9 21 3 21 3 15" }),
-      /* @__PURE__ */ O("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
-      /* @__PURE__ */ O("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+      /* @__PURE__ */ C("polyline", { points: "15 3 21 3 21 9" }),
+      /* @__PURE__ */ C("polyline", { points: "9 21 3 21 3 15" }),
+      /* @__PURE__ */ C("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
+      /* @__PURE__ */ C("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
     ]
   }
-), Od = () => /* @__PURE__ */ V(
+), Cd = () => /* @__PURE__ */ V(
   "svg",
   {
-    width: "16",
-    height: "16",
+    width: "25",
+    height: "25",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -6335,20 +6335,23 @@ const lr = {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ O("polyline", { points: "4 14 10 14 10 20" }),
-      /* @__PURE__ */ O("polyline", { points: "20 10 14 10 14 4" }),
-      /* @__PURE__ */ O("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
-      /* @__PURE__ */ O("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+      /* @__PURE__ */ C("polyline", { points: "4 14 10 14 10 20" }),
+      /* @__PURE__ */ C("polyline", { points: "20 10 14 10 14 4" }),
+      /* @__PURE__ */ C("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
+      /* @__PURE__ */ C("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
     ]
   }
-), ur = (e) => e ? new Date(e).toLocaleTimeString("en-US", {
-  hour: "numeric",
-  minute: "2-digit",
-  hour12: !0
-}) : "--:--", pr = (e) => typeof e == "object" && (e != null && e.name) ? e.name : e, fr = (e) => {
+), ur = (e) => {
+  var s;
+  if (!e) return "--:--";
+  const t = (s = e.split("T")[1]) == null ? void 0 : s.slice(0, 5);
+  if (!t) return "--:--";
+  const [n, r] = t.split(":").map(Number), o = n >= 12 ? "PM" : "AM";
+  return `${n % 12 || 12}:${r.toString().padStart(2, "0")} ${o}`;
+}, pr = (e) => typeof e == "object" && (e != null && e.name) ? e.name : e, fr = (e) => {
   var t, n;
   return typeof e.status == "string" ? e.status.toLowerCase() === "completed" : ((n = (t = e.status) == null ? void 0 : t.code) == null ? void 0 : n.toLowerCase()) === "completed";
-}, Cd = (e) => {
+}, Od = (e) => {
   const t = [];
   return [...e].sort((r, o) => r.sequence_rank - o.sequence_rank).forEach((r) => {
     const o = t[t.length - 1];
@@ -6375,28 +6378,28 @@ const lr = {
             /* @__PURE__ */ V("div", { style: S.gridLabel, children: [
               "ORDER",
               " ",
-              r && /* @__PURE__ */ O("span", { style: { color: "#16a34a", marginLeft: "4px" }, children: "✓ DONE" })
+              r && /* @__PURE__ */ C("span", { style: { color: "#16a34a", marginLeft: "4px" }, children: "✓ DONE" })
             ] }),
             /* @__PURE__ */ V("div", { style: S.gridValue, children: [
               "#",
               e.order_id
             ] })
           ] }),
-          o && /* @__PURE__ */ O(
+          o && /* @__PURE__ */ C(
             "button",
             {
               onClick: () => s(!i),
               style: S.expandButton,
-              children: i ? /* @__PURE__ */ O(Od, {}) : /* @__PURE__ */ O(Id, {})
+              children: i ? /* @__PURE__ */ C(Cd, {}) : /* @__PURE__ */ C(Id, {})
             }
           )
         ] }),
         /* @__PURE__ */ V("div", { style: S.detailsGrid, children: [
           /* @__PURE__ */ V("div", { style: S.gridItem, children: [
-            /* @__PURE__ */ O("div", { style: S.gridLabel, children: "LOCATION" }),
+            /* @__PURE__ */ C("div", { style: S.gridLabel, children: "LOCATION" }),
             /* @__PURE__ */ V("div", { style: S.gridValueWithIcon, children: [
-              /* @__PURE__ */ O(Dd, {}),
-              /* @__PURE__ */ O(
+              /* @__PURE__ */ C(Dd, {}),
+              /* @__PURE__ */ C(
                 "a",
                 {
                   href: c,
@@ -6409,13 +6412,13 @@ const lr = {
             ] })
           ] }),
           /* @__PURE__ */ V("div", { style: S.gridItem, children: [
-            /* @__PURE__ */ O("div", { style: S.gridLabel, children: "PERIOD" }),
-            /* @__PURE__ */ O("div", { style: S.gridValue, children: t })
+            /* @__PURE__ */ C("div", { style: S.gridLabel, children: "PERIOD" }),
+            /* @__PURE__ */ C("div", { style: S.gridValue, children: t })
           ] }),
           /* @__PURE__ */ V("div", { style: S.gridItem, children: [
-            /* @__PURE__ */ O("div", { style: S.gridLabel, children: "TIME WINDOW" }),
+            /* @__PURE__ */ C("div", { style: S.gridLabel, children: "TIME WINDOW" }),
             /* @__PURE__ */ V("div", { style: S.gridValueWithIcon, children: [
-              /* @__PURE__ */ O(Nd, {}),
+              /* @__PURE__ */ C(Nd, {}),
               " ",
               /* @__PURE__ */ V("span", { children: [
                 ur(e.eta_start),
@@ -6425,7 +6428,7 @@ const lr = {
             ] })
           ] })
         ] }),
-        i && o && /* @__PURE__ */ O("div", { style: S.extraDataContainer, children: o(e) })
+        i && o && /* @__PURE__ */ C("div", { style: S.extraDataContainer, children: o(e) })
       ]
     }
   );
@@ -6440,7 +6443,7 @@ const lr = {
   renderOrderExtraData: c
 }) => {
   const a = e.orders.every(fr), d = !o || i || a;
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ C(
     ql,
     {
       draggableId: e.stop_id.toString(),
@@ -6455,7 +6458,7 @@ const lr = {
             ...p.draggableProps,
             style: { ...S.timelineItem, ...p.draggableProps.style },
             children: [
-              /* @__PURE__ */ O(
+              /* @__PURE__ */ C(
                 "div",
                 {
                   style: {
@@ -6477,7 +6480,7 @@ const lr = {
                           " #",
                           e.sequence_rank
                         ] }),
-                        /* @__PURE__ */ O(
+                        /* @__PURE__ */ C(
                           "span",
                           {
                             style: a ? S.badgeCompleted : S.badgePending,
@@ -6487,13 +6490,13 @@ const lr = {
                       ]
                     }
                   ),
-                  !d && /* @__PURE__ */ O("div", { ...p.dragHandleProps, children: /* @__PURE__ */ O(xd, {}) })
+                  !d && /* @__PURE__ */ C("div", { ...p.dragHandleProps, children: /* @__PURE__ */ C(xd, {}) })
                 ] }),
                 /* @__PURE__ */ V("div", { style: S.customerName, children: [
                   "Customer: ",
                   (u = (l = e.orders[0]) == null ? void 0 : l.customer) == null ? void 0 : u.name
                 ] }),
-                /* @__PURE__ */ O("div", { style: S.ordersList, children: e.orders.map((f, m) => /* @__PURE__ */ O(
+                /* @__PURE__ */ C("div", { style: S.ordersList, children: e.orders.map((f, m) => /* @__PURE__ */ C(
                   wd,
                   {
                     order: f,
@@ -6504,7 +6507,7 @@ const lr = {
                   },
                   f.id
                 )) }),
-                s && /* @__PURE__ */ O("div", { style: S.actionsSlot, children: s(e) })
+                s && /* @__PURE__ */ C("div", { style: S.actionsSlot, children: s(e) })
               ] })
             ]
           }
@@ -6523,7 +6526,7 @@ const lr = {
   var d, p;
   const [i, s] = Te([]);
   te(() => {
-    e != null && e.path_orders && s(Cd(e.path_orders));
+    e != null && e.path_orders && s(Od(e.path_orders));
   }, [e]);
   const c = (l) => {
     if (!l.destination) return;
@@ -6533,17 +6536,17 @@ const lr = {
       u.map((m) => m.stop_id)
     );
   };
-  if (!e || !i.length) return /* @__PURE__ */ O("div", { children: "No Path Data" });
+  if (!e || !i.length) return /* @__PURE__ */ C("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(
+  return /* @__PURE__ */ C("div", { style: S.container, children: /* @__PURE__ */ C(Ol, { onDragEnd: c, children: /* @__PURE__ */ C(Ed, { droppableId: "path-list", children: (l) => /* @__PURE__ */ V(
     "div",
     {
       ref: l.innerRef,
       ...l.droppableProps,
       style: S.timelineWrapper,
       children: [
-        /* @__PURE__ */ O("div", { style: S.verticalLine }),
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ C("div", { style: S.verticalLine }),
+        /* @__PURE__ */ C(
           "div",
           {
             style: {
@@ -6551,7 +6554,7 @@ const lr = {
               flexDirection: "column",
               gap: "24px"
             },
-            children: i.map((u, f) => /* @__PURE__ */ O(
+            children: i.map((u, f) => /* @__PURE__ */ C(
               Sd,
               {
                 stopGroup: u,
@@ -6669,10 +6672,11 @@ const lr = {
     lineHeight: "1.4"
   },
   expandButton: {
-    background: "none",
+    color: "#fff",
     border: "none",
     cursor: "pointer",
-    color: "#6b7280",
+    backgroundColor: "#d1d1d1",
+    borderRadius: "5px",
     padding: "4px"
   },
   extraDataContainer: {

package/dist/index.umd.js

@@ -181,4 +181,4 @@ ${fn.current.stack}
 
       Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
       More information: https://github.com/hello-pangea/dnd/blob/main/docs/api/droppable.md
-    `)}],od=[function({props:t}){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"?g(!1,"Expected virtual list to not have a placeholder"):g())}];function id(e){Te(()=>{cn(e,nd),e.props.mode==="standard"&&cn(e,rd),e.props.mode==="virtual"&&cn(e,od)})}class sd extends D.PureComponent{constructor(...t){super(...t),this.state={isVisible:!!this.props.on,data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{this.state.animate==="close"&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(t,n){return t.shouldAnimate?t.on?{isVisible:!0,data:t.on,animate:"open"}:n.isVisible?{isVisible:!0,data:n.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!t.on,data:t.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const t={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(t)}}const cd=e=>{const t=D.useContext(Ke);t||(process.env.NODE_ENV!=="production"?g(!1,"Could not find app context"):g());const{contextId:n,isMovementAllowed:r}=t,o=D.useRef(null),i=D.useRef(null),{children:s,droppableId:c,type:a,mode:d,direction:p,ignoreContainerClipping:l,isDropDisabled:u,isCombineEnabled:f,snapshot:m,useClone:b,updateViewportMaxScroll:h,getContainerForClone:E}=e,v=x(()=>o.current,[]),C=x((L=null)=>{o.current=L},[]),I=x(()=>i.current,[]),N=x((L=null)=>{i.current=L},[]);id({props:e,getDroppableRef:v,getPlaceholderRef:I});const O=x(()=>{r()&&h({maxScroll:Gr()})},[r,h]);Jl({droppableId:c,type:a,mode:d,direction:p,isDropDisabled:u,isCombineEnabled:f,ignoreContainerClipping:l,getDroppableRef:v});const _=S(()=>D.createElement(sd,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},({onClose:L,data:J,animate:fe})=>D.createElement(td,{placeholder:J,onClose:L,innerRef:N,animate:fe,contextId:n,onTransitionEnd:O})),[n,O,e.placeholder,e.shouldAnimatePlaceholder,N]),T=S(()=>({innerRef:C,placeholder:_,droppableProps:{"data-rfd-droppable-id":c,"data-rfd-droppable-context-id":n}}),[n,c,_,C]),H=b?b.dragging.draggableId:null,V=S(()=>({droppableId:c,type:a,isUsingCloneFor:H}),[c,H,a]);function j(){if(!b)return null;const{dragging:L,render:J}=b,fe=D.createElement(go,{draggableId:L.draggableId,index:L.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(Z,tt)=>J(Z,tt,L));return rt.createPortal(fe,E())}return D.createElement(en.Provider,{value:V},s(T,m),j())};function ad(){return document.body||(process.env.NODE_ENV!=="production"?g(!1,"document.body is not ready"):g()),document.body}const Eo={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ad},Do=e=>{let t={...e},n;for(n in Eo)e[n]===void 0&&(t={...t,[n]:Eo[n]});return t},an=(e,t)=>e===t.droppable.type,No=(e,t)=>t.draggables[e.draggable.id],ld=Un(()=>{const e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t={...e,shouldAnimatePlaceholder:!1},n=M(i=>({draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}})),r=M((i,s,c,a,d,p)=>{const l=d.descriptor.id;if(d.descriptor.droppableId===i){const m=p?{render:p,dragging:n(d.descriptor)}:null,b={isDraggingOver:c,draggingOverWith:c?l:null,draggingFromThisWith:l,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:m}}if(!s)return t;if(!a)return e;const f={isDraggingOver:c,draggingOverWith:l,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!0,snapshot:f,useClone:null}});return(i,s)=>{const c=Do(s),a=c.droppableId,d=c.type,p=!c.isDropDisabled,l=c.renderClone;if(Be(i)){const u=i.critical;if(!an(d,u))return t;const f=No(u,i.dimensions),m=W(i.impact)===a;return r(a,p,m,m,f,l)}if(i.phase==="DROP_ANIMATING"){const u=i.completed;if(!an(d,u.critical))return t;const f=No(u.critical,i.dimensions);return r(a,p,po(u.result)===a,W(u.impact)===a,f,l)}if(i.phase==="IDLE"&&i.completed&&!i.shouldFlush){const u=i.completed;if(!an(d,u.critical))return t;const f=W(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}},{updateViewportMaxScroll:sc},(e,t,n)=>({...Do(n),...e,...t}),{context:qt,areStatePropsEqual:uo})(cd),dd=()=>y.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[y.jsx("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),y.jsx("circle",{cx:"12",cy:"10",r:"3"})]}),ud=()=>y.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[y.jsx("circle",{cx:"12",cy:"12",r:"10"}),y.jsx("polyline",{points:"12 6 12 12 16 14"})]}),pd=()=>y.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{cursor:"grab"},children:[y.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),y.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),y.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),fd=()=>y.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[y.jsx("polyline",{points:"15 3 21 3 21 9"}),y.jsx("polyline",{points:"9 21 3 21 3 15"}),y.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),y.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),gd=()=>y.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[y.jsx("polyline",{points:"4 14 10 14 10 20"}),y.jsx("polyline",{points:"20 10 14 10 14 4"}),y.jsx("line",{x1:"14",y1:"10",x2:"21",y2:"3"}),y.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),xo=e=>e?new Date(e).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}):"--:--",Io=e=>typeof e=="object"&&(e!=null&&e.name)?e.name:e,Oo=e=>{var t,n;return typeof e.status=="string"?e.status.toLowerCase()==="completed":((n=(t=e.status)==null?void 0:t.code)==null?void 0:n.toLowerCase())==="completed"},md=e=>{const t=[];return[...e].sort((r,o)=>r.sequence_rank-o.sequence_rank).forEach(r=>{const o=t[t.length-1];o&&o.stop_id===r.stop_id?o.orders.push(r):t.push({stop_id:r.stop_id,sequence_rank:r.sequence_rank,orders:[r]})}),t},hd=({order:e,pathPeriod:t,isFirst:n,isDone:r,renderOrderExtraData:o})=>{var a,d,p,l,u,f;const[i,s]=D.useState(!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 y.jsxs("div",{style:{...A.orderBlock,borderTop:n?"none":"1px solid #f3f4f6",backgroundColor:r?"#fafafa":"transparent"},children:[y.jsxs("div",{style:A.orderHeader,children:[y.jsxs("div",{style:A.gridItem,children:[y.jsxs("div",{style:A.gridLabel,children:["ORDER"," ",r&&y.jsx("span",{style:{color:"#16a34a",marginLeft:"4px"},children:"✓ DONE"})]}),y.jsxs("div",{style:A.gridValue,children:["#",e.order_id]})]}),o&&y.jsx("button",{onClick:()=>s(!i),style:A.expandButton,children:i?y.jsx(gd,{}):y.jsx(fd,{})})]}),y.jsxs("div",{style:A.detailsGrid,children:[y.jsxs("div",{style:A.gridItem,children:[y.jsx("div",{style:A.gridLabel,children:"LOCATION"}),y.jsxs("div",{style:A.gridValueWithIcon,children:[y.jsx(dd,{}),y.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",style:A.addressLink,children:((f=(u=e.customer)==null?void 0:u.address)==null?void 0:f.street_area)||"N/A"})]})]}),y.jsxs("div",{style:A.gridItem,children:[y.jsx("div",{style:A.gridLabel,children:"PERIOD"}),y.jsx("div",{style:A.gridValue,children:t})]}),y.jsxs("div",{style:A.gridItem,children:[y.jsx("div",{style:A.gridLabel,children:"TIME WINDOW"}),y.jsxs("div",{style:A.gridValueWithIcon,children:[y.jsx(ud,{})," ",y.jsxs("span",{children:[xo(e.eta_start)," - ",xo(e.eta_end)]})]})]})]}),i&&o&&y.jsx("div",{style:A.extraDataContainer,children:o(e)})]})},bd=({stopGroup:e,index:t,pathType:n,pathPeriod:r,canEditPath:o,isPathCompleted:i,renderStopActions:s,renderOrderExtraData:c})=>{const a=e.orders.every(Oo),d=!o||i||a;return y.jsx($l,{draggableId:e.stop_id.toString(),index:t,isDragDisabled:d,children:p=>{var l,u;return y.jsxs("div",{ref:p.innerRef,...p.draggableProps,style:{...A.timelineItem,...p.draggableProps.style},children:[y.jsx("div",{style:{...A.bubble,...a?A.bubbleCompleted:A.bubblePending},children:t+1}),y.jsxs("div",{style:A.card,children:[y.jsxs("div",{style:A.cardHeader,children:[y.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[y.jsxs("span",{style:A.title,children:[n," #",e.sequence_rank]}),y.jsx("span",{style:a?A.badgeCompleted:A.badgePending,children:a?"Completed":"Pending"})]}),!d&&y.jsx("div",{...p.dragHandleProps,children:y.jsx(pd,{})})]}),y.jsxs("div",{style:A.customerName,children:["Customer: ",(u=(l=e.orders[0])==null?void 0:l.customer)==null?void 0:u.name]}),y.jsx("div",{style:A.ordersList,children:e.orders.map((f,m)=>y.jsx(hd,{order:f,pathPeriod:r,isFirst:m===0,isDone:Oo(f),renderOrderExtraData:c},f.id))}),s&&y.jsx("div",{style:A.actionsSlot,children:s(e)})]})]})}})},vd=({path:e,onReorder:t,renderStopActions:n,renderOrderExtraData:r,canEditPath:o=!0})=>{var d,p;const[i,s]=D.useState([]);D.useEffect(()=>{e!=null&&e.path_orders&&s(md(e.path_orders))},[e]);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,u.map(m=>m.stop_id))};if(!e||!i.length)return y.jsx("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 y.jsx("div",{style:A.container,children:y.jsx(yl,{onDragEnd:c,children:y.jsx(ld,{droppableId:"path-list",children:l=>y.jsxs("div",{ref:l.innerRef,...l.droppableProps,style:A.timelineWrapper,children:[y.jsx("div",{style:A.verticalLine}),y.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:i.map((u,f)=>y.jsx(bd,{stopGroup:u,index:f,pathType:Io(e.type),pathPeriod:Io(e.period),canEditPath:o,isPathCompleted:a,renderStopActions:n,renderOrderExtraData:r},u.stop_id))}),l.placeholder]})})})})},A={container:{fontFamily:"sans-serif",maxWidth:"800px",margin:"0 auto"},timelineWrapper:{position:"relative",padding:"20px 0"},verticalLine:{position:"absolute",left:"19px",top:"40px",bottom:"40px",width:"2px",backgroundColor:"#f3f4f6"},timelineItem:{display:"flex",gap:"16px",marginBottom:"24px",position:"relative",zIndex:1},bubble:{width:"40px",height:"40px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",backgroundColor:"#fff",border:"2px solid",flexShrink:0},bubblePending:{borderColor:"#f3f4f6",color:"#9ca3af"},bubbleCompleted:{borderColor:"#dcfce7",color:"#16a34a",backgroundColor:"#f0fdf4"},card:{flex:1,backgroundColor:"#fff",border:"1px solid #f3f4f6",borderRadius:"12px",padding:"16px",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"},cardHeader:{display:"flex",justifyContent:"space-between",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",transition:"background-color 0.2s"},orderHeader:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"8px"},detailsGrid:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"},gridItem:{display:"flex",flexDirection:"column"},gridLabel:{fontSize:"10px",color:"#9ca3af",fontWeight:"bold"},gridValue:{fontSize:"13px",fontWeight:"600"},gridValueWithIcon:{fontSize:"13px",display:"flex",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",padding:"4px"},extraDataContainer:{marginTop:"12px",padding:"12px",borderTop:"1px dashed #e5e7eb",backgroundColor:"#fff",borderRadius:"4px"},actionsSlot:{marginTop:"16px"}};Q.LogisticsDashboard=vd,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});
+    `)}],od=[function({props:t}){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"?g(!1,"Expected virtual list to not have a placeholder"):g())}];function id(e){Te(()=>{cn(e,nd),e.props.mode==="standard"&&cn(e,rd),e.props.mode==="virtual"&&cn(e,od)})}class sd extends D.PureComponent{constructor(...t){super(...t),this.state={isVisible:!!this.props.on,data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{this.state.animate==="close"&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(t,n){return t.shouldAnimate?t.on?{isVisible:!0,data:t.on,animate:"open"}:n.isVisible?{isVisible:!0,data:n.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!t.on,data:t.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const t={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(t)}}const cd=e=>{const t=D.useContext(Ke);t||(process.env.NODE_ENV!=="production"?g(!1,"Could not find app context"):g());const{contextId:n,isMovementAllowed:r}=t,o=D.useRef(null),i=D.useRef(null),{children:s,droppableId:c,type:a,mode:d,direction:p,ignoreContainerClipping:l,isDropDisabled:u,isCombineEnabled:f,snapshot:m,useClone:b,updateViewportMaxScroll:h,getContainerForClone:E}=e,v=x(()=>o.current,[]),C=x((L=null)=>{o.current=L},[]),I=x(()=>i.current,[]),N=x((L=null)=>{i.current=L},[]);id({props:e,getDroppableRef:v,getPlaceholderRef:I});const O=x(()=>{r()&&h({maxScroll:Gr()})},[r,h]);Jl({droppableId:c,type:a,mode:d,direction:p,isDropDisabled:u,isCombineEnabled:f,ignoreContainerClipping:l,getDroppableRef:v});const _=S(()=>D.createElement(sd,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},({onClose:L,data:J,animate:fe})=>D.createElement(td,{placeholder:J,onClose:L,innerRef:N,animate:fe,contextId:n,onTransitionEnd:O})),[n,O,e.placeholder,e.shouldAnimatePlaceholder,N]),T=S(()=>({innerRef:C,placeholder:_,droppableProps:{"data-rfd-droppable-id":c,"data-rfd-droppable-context-id":n}}),[n,c,_,C]),H=b?b.dragging.draggableId:null,V=S(()=>({droppableId:c,type:a,isUsingCloneFor:H}),[c,H,a]);function j(){if(!b)return null;const{dragging:L,render:J}=b,fe=D.createElement(go,{draggableId:L.draggableId,index:L.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(Z,tt)=>J(Z,tt,L));return rt.createPortal(fe,E())}return D.createElement(en.Provider,{value:V},s(T,m),j())};function ad(){return document.body||(process.env.NODE_ENV!=="production"?g(!1,"document.body is not ready"):g()),document.body}const Eo={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ad},Do=e=>{let t={...e},n;for(n in Eo)e[n]===void 0&&(t={...t,[n]:Eo[n]});return t},an=(e,t)=>e===t.droppable.type,No=(e,t)=>t.draggables[e.draggable.id],ld=Un(()=>{const e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t={...e,shouldAnimatePlaceholder:!1},n=M(i=>({draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}})),r=M((i,s,c,a,d,p)=>{const l=d.descriptor.id;if(d.descriptor.droppableId===i){const m=p?{render:p,dragging:n(d.descriptor)}:null,b={isDraggingOver:c,draggingOverWith:c?l:null,draggingFromThisWith:l,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:m}}if(!s)return t;if(!a)return e;const f={isDraggingOver:c,draggingOverWith:l,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!0,snapshot:f,useClone:null}});return(i,s)=>{const c=Do(s),a=c.droppableId,d=c.type,p=!c.isDropDisabled,l=c.renderClone;if(Be(i)){const u=i.critical;if(!an(d,u))return t;const f=No(u,i.dimensions),m=W(i.impact)===a;return r(a,p,m,m,f,l)}if(i.phase==="DROP_ANIMATING"){const u=i.completed;if(!an(d,u.critical))return t;const f=No(u.critical,i.dimensions);return r(a,p,po(u.result)===a,W(u.impact)===a,f,l)}if(i.phase==="IDLE"&&i.completed&&!i.shouldFlush){const u=i.completed;if(!an(d,u.critical))return t;const f=W(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}},{updateViewportMaxScroll:sc},(e,t,n)=>({...Do(n),...e,...t}),{context:qt,areStatePropsEqual:uo})(cd),dd=()=>y.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[y.jsx("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),y.jsx("circle",{cx:"12",cy:"10",r:"3"})]}),ud=()=>y.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[y.jsx("circle",{cx:"12",cy:"12",r:"10"}),y.jsx("polyline",{points:"12 6 12 12 16 14"})]}),pd=()=>y.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{cursor:"grab"},children:[y.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),y.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),y.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),fd=()=>y.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[y.jsx("polyline",{points:"15 3 21 3 21 9"}),y.jsx("polyline",{points:"9 21 3 21 3 15"}),y.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),y.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),gd=()=>y.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[y.jsx("polyline",{points:"4 14 10 14 10 20"}),y.jsx("polyline",{points:"20 10 14 10 14 4"}),y.jsx("line",{x1:"14",y1:"10",x2:"21",y2:"3"}),y.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),xo=e=>{var s;if(!e)return"--:--";const t=(s=e.split("T")[1])==null?void 0:s.slice(0,5);if(!t)return"--:--";const[n,r]=t.split(":").map(Number),o=n>=12?"PM":"AM";return`${n%12||12}:${r.toString().padStart(2,"0")} ${o}`},Io=e=>typeof e=="object"&&(e!=null&&e.name)?e.name:e,Oo=e=>{var t,n;return typeof e.status=="string"?e.status.toLowerCase()==="completed":((n=(t=e.status)==null?void 0:t.code)==null?void 0:n.toLowerCase())==="completed"},md=e=>{const t=[];return[...e].sort((r,o)=>r.sequence_rank-o.sequence_rank).forEach(r=>{const o=t[t.length-1];o&&o.stop_id===r.stop_id?o.orders.push(r):t.push({stop_id:r.stop_id,sequence_rank:r.sequence_rank,orders:[r]})}),t},hd=({order:e,pathPeriod:t,isFirst:n,isDone:r,renderOrderExtraData:o})=>{var a,d,p,l,u,f;const[i,s]=D.useState(!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 y.jsxs("div",{style:{...A.orderBlock,borderTop:n?"none":"1px solid #f3f4f6",backgroundColor:r?"#fafafa":"transparent"},children:[y.jsxs("div",{style:A.orderHeader,children:[y.jsxs("div",{style:A.gridItem,children:[y.jsxs("div",{style:A.gridLabel,children:["ORDER"," ",r&&y.jsx("span",{style:{color:"#16a34a",marginLeft:"4px"},children:"✓ DONE"})]}),y.jsxs("div",{style:A.gridValue,children:["#",e.order_id]})]}),o&&y.jsx("button",{onClick:()=>s(!i),style:A.expandButton,children:i?y.jsx(gd,{}):y.jsx(fd,{})})]}),y.jsxs("div",{style:A.detailsGrid,children:[y.jsxs("div",{style:A.gridItem,children:[y.jsx("div",{style:A.gridLabel,children:"LOCATION"}),y.jsxs("div",{style:A.gridValueWithIcon,children:[y.jsx(dd,{}),y.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",style:A.addressLink,children:((f=(u=e.customer)==null?void 0:u.address)==null?void 0:f.street_area)||"N/A"})]})]}),y.jsxs("div",{style:A.gridItem,children:[y.jsx("div",{style:A.gridLabel,children:"PERIOD"}),y.jsx("div",{style:A.gridValue,children:t})]}),y.jsxs("div",{style:A.gridItem,children:[y.jsx("div",{style:A.gridLabel,children:"TIME WINDOW"}),y.jsxs("div",{style:A.gridValueWithIcon,children:[y.jsx(ud,{})," ",y.jsxs("span",{children:[xo(e.eta_start)," - ",xo(e.eta_end)]})]})]})]}),i&&o&&y.jsx("div",{style:A.extraDataContainer,children:o(e)})]})},bd=({stopGroup:e,index:t,pathType:n,pathPeriod:r,canEditPath:o,isPathCompleted:i,renderStopActions:s,renderOrderExtraData:c})=>{const a=e.orders.every(Oo),d=!o||i||a;return y.jsx($l,{draggableId:e.stop_id.toString(),index:t,isDragDisabled:d,children:p=>{var l,u;return y.jsxs("div",{ref:p.innerRef,...p.draggableProps,style:{...A.timelineItem,...p.draggableProps.style},children:[y.jsx("div",{style:{...A.bubble,...a?A.bubbleCompleted:A.bubblePending},children:t+1}),y.jsxs("div",{style:A.card,children:[y.jsxs("div",{style:A.cardHeader,children:[y.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[y.jsxs("span",{style:A.title,children:[n," #",e.sequence_rank]}),y.jsx("span",{style:a?A.badgeCompleted:A.badgePending,children:a?"Completed":"Pending"})]}),!d&&y.jsx("div",{...p.dragHandleProps,children:y.jsx(pd,{})})]}),y.jsxs("div",{style:A.customerName,children:["Customer: ",(u=(l=e.orders[0])==null?void 0:l.customer)==null?void 0:u.name]}),y.jsx("div",{style:A.ordersList,children:e.orders.map((f,m)=>y.jsx(hd,{order:f,pathPeriod:r,isFirst:m===0,isDone:Oo(f),renderOrderExtraData:c},f.id))}),s&&y.jsx("div",{style:A.actionsSlot,children:s(e)})]})]})}})},vd=({path:e,onReorder:t,renderStopActions:n,renderOrderExtraData:r,canEditPath:o=!0})=>{var d,p;const[i,s]=D.useState([]);D.useEffect(()=>{e!=null&&e.path_orders&&s(md(e.path_orders))},[e]);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,u.map(m=>m.stop_id))};if(!e||!i.length)return y.jsx("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 y.jsx("div",{style:A.container,children:y.jsx(yl,{onDragEnd:c,children:y.jsx(ld,{droppableId:"path-list",children:l=>y.jsxs("div",{ref:l.innerRef,...l.droppableProps,style:A.timelineWrapper,children:[y.jsx("div",{style:A.verticalLine}),y.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:i.map((u,f)=>y.jsx(bd,{stopGroup:u,index:f,pathType:Io(e.type),pathPeriod:Io(e.period),canEditPath:o,isPathCompleted:a,renderStopActions:n,renderOrderExtraData:r},u.stop_id))}),l.placeholder]})})})})},A={container:{fontFamily:"sans-serif",maxWidth:"800px",margin:"0 auto"},timelineWrapper:{position:"relative",padding:"20px 0"},verticalLine:{position:"absolute",left:"19px",top:"40px",bottom:"40px",width:"2px",backgroundColor:"#f3f4f6"},timelineItem:{display:"flex",gap:"16px",marginBottom:"24px",position:"relative",zIndex:1},bubble:{width:"40px",height:"40px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",backgroundColor:"#fff",border:"2px solid",flexShrink:0},bubblePending:{borderColor:"#f3f4f6",color:"#9ca3af"},bubbleCompleted:{borderColor:"#dcfce7",color:"#16a34a",backgroundColor:"#f0fdf4"},card:{flex:1,backgroundColor:"#fff",border:"1px solid #f3f4f6",borderRadius:"12px",padding:"16px",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"},cardHeader:{display:"flex",justifyContent:"space-between",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",transition:"background-color 0.2s"},orderHeader:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"8px"},detailsGrid:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"},gridItem:{display:"flex",flexDirection:"column"},gridLabel:{fontSize:"10px",color:"#9ca3af",fontWeight:"bold"},gridValue:{fontSize:"13px",fontWeight:"600"},gridValueWithIcon:{fontSize:"13px",display:"flex",alignItems:"flex-start",gap:"4px",color:"#374151"},addressLink:{color:"#3b82f6",textDecoration:"underline",wordBreak:"break-word",lineHeight:"1.4"},expandButton:{color:"#fff",border:"none",cursor:"pointer",backgroundColor:"#d1d1d1",borderRadius:"5px",padding:"4px"},extraDataContainer:{marginTop:"12px",padding:"12px",borderTop:"1px dashed #e5e7eb",backgroundColor:"#fff",borderRadius:"4px"},actionsSlot:{marginTop:"16px"}};Q.LogisticsDashboard=vd,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wilow_app/design-system",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "files": [
     "dist"