@jaeungkim/gantt-chart 0.1.5 → 0.1.7

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as Ue from "react";
-import Ce, { useState as de, useMemo as _e, useEffect as xe, useRef as X } from "react";
+import Ae, { useState as de, useMemo as _e, useEffect as xe, useRef as V } from "react";
 function te(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
@@ -17,23 +17,23 @@ var He;
 function lt() {
   if (He) return ge;
   He = 1;
-  var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function a(i, o, e) {
+  var n = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function a(i, s, e) {
     var f = null;
-    if (e !== void 0 && (f = "" + e), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+    if (e !== void 0 && (f = "" + e), s.key !== void 0 && (f = "" + s.key), "key" in s) {
       e = {};
-      for (var u in o)
-        u !== "key" && (e[u] = o[u]);
-    } else e = o;
-    return o = e.ref, {
+      for (var u in s)
+        u !== "key" && (e[u] = s[u]);
+    } else e = s;
+    return s = e.ref, {
       $$typeof: n,
       type: i,
       key: f,
-      ref: o !== void 0 ? o : null,
+      ref: s !== void 0 ? s : null,
       props: e
     };
   }
-  return ge.Fragment = s, ge.jsx = a, ge.jsxs = a, ge;
+  return ge.Fragment = o, ge.jsx = a, ge.jsxs = a, ge;
 }
 var ve = {};
 /**
@@ -54,9 +54,9 @@ function ft() {
         return t.$$typeof === x ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case T:
+        case O:
           return "Fragment";
-        case E:
+        case k:
           return "Portal";
         case Y:
           return "Profiler";
@@ -64,7 +64,7 @@ function ft() {
           return "StrictMode";
         case B:
           return "Suspense";
-        case he:
+        case pe:
           return "SuspenseList";
       }
       if (typeof t == "object")
@@ -78,7 +78,7 @@ function ft() {
           case I:
             var b = t.render;
             return t = t.displayName, t || (t = b.displayName || b.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case L:
+          case F:
             return b = t.displayName || null, b !== null ? b : n(t.type) || "Memo";
           case S:
             b = t._payload, t = t._init;
@@ -89,29 +89,29 @@ function ft() {
         }
       return null;
     }
-    function s(t) {
+    function o(t) {
       return "" + t;
     }
     function a(t) {
       try {
-        s(t);
+        o(t);
         var b = !1;
       } catch {
         b = !0;
       }
       if (b) {
         b = console;
-        var w = b.error, A = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        var w = b.error, C = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return w.call(
           b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          A
-        ), s(t);
+          C
+        ), o(t);
       }
     }
     function i() {
     }
-    function o() {
+    function s() {
       if (z === 0) {
         J = console.log, ae = console.info, ne = console.warn, ue = console.error, re = console.group, G = console.groupCollapsed, ee = console.groupEnd;
         var t = {
@@ -136,13 +136,13 @@ function ft() {
       if (z--, z === 0) {
         var t = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: C({}, t, { value: J }),
-          info: C({}, t, { value: ae }),
-          warn: C({}, t, { value: ne }),
-          error: C({}, t, { value: ue }),
-          group: C({}, t, { value: re }),
-          groupCollapsed: C({}, t, { value: G }),
-          groupEnd: C({}, t, { value: ee })
+          log: A({}, t, { value: J }),
+          info: A({}, t, { value: ae }),
+          warn: A({}, t, { value: ne }),
+          error: A({}, t, { value: ue }),
+          group: A({}, t, { value: re }),
+          groupCollapsed: A({}, t, { value: G }),
+          groupEnd: A({}, t, { value: ee })
         });
       }
       0 > z && console.error(
@@ -150,26 +150,26 @@ function ft() {
       );
     }
     function f(t) {
-      if (se === void 0)
+      if (oe === void 0)
         try {
           throw Error();
         } catch (w) {
           var b = w.stack.trim().match(/\n( *(at )?)/);
-          se = b && b[1] || "", le = -1 < w.stack.indexOf(`
+          oe = b && b[1] || "", le = -1 < w.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < w.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + se + t + le;
+` + oe + t + le;
     }
     function u(t, b) {
       if (!t || je) return "";
       var w = Ze.get(t);
       if (w !== void 0) return w;
       je = !0, w = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var A = null;
-      A = F.H, F.H = null, o();
+      var C = null;
+      C = L.H, L.H = null, s();
       try {
-        var V = {
+        var X = {
           DetermineComponentFrameRoot: function() {
             try {
               if (b) {
@@ -184,14 +184,14 @@ function ft() {
                   try {
                     Reflect.construct(ce, []);
                   } catch (ie) {
-                    var ye = ie;
+                    var De = ie;
                   }
                   Reflect.construct(t, [], ce);
                 } else {
                   try {
                     ce.call();
                   } catch (ie) {
-                    ye = ie;
+                    De = ie;
                   }
                   t.call(ce.prototype);
                 }
@@ -199,32 +199,32 @@ function ft() {
                 try {
                   throw Error();
                 } catch (ie) {
-                  ye = ie;
+                  De = ie;
                 }
                 (ce = t()) && typeof ce.catch == "function" && ce.catch(function() {
                 });
               }
             } catch (ie) {
-              if (ie && ye && typeof ie.stack == "string")
-                return [ie.stack, ye.stack];
+              if (ie && De && typeof ie.stack == "string")
+                return [ie.stack, De.stack];
             }
             return [null, null];
           }
         };
-        V.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        X.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
         var U = Object.getOwnPropertyDescriptor(
-          V.DetermineComponentFrameRoot,
+          X.DetermineComponentFrameRoot,
           "name"
         );
         U && U.configurable && Object.defineProperty(
-          V.DetermineComponentFrameRoot,
+          X.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var _ = V.DetermineComponentFrameRoot(), oe = _[0], me = _[1];
-        if (oe && me) {
-          var Q = oe.split(`
-`), fe = me.split(`
+        var _ = X.DetermineComponentFrameRoot(), se = _[0], he = _[1];
+        if (se && he) {
+          var Q = se.split(`
+`), fe = he.split(`
 `);
           for (_ = U = 0; U < Q.length && !Q[U].includes(
             "DetermineComponentFrameRoot"
@@ -254,11 +254,11 @@ function ft() {
             }
         }
       } finally {
-        je = !1, F.H = A, e(), Error.prepareStackTrace = w;
+        je = !1, L.H = C, e(), Error.prepareStackTrace = w;
       }
       return Q = (Q = t ? t.displayName || t.name : "") ? f(Q) : "", typeof t == "function" && Ze.set(t, Q), Q;
     }
-    function h(t) {
+    function p(t) {
       if (t == null) return "";
       if (typeof t == "function") {
         var b = t.prototype;
@@ -271,29 +271,29 @@ function ft() {
       switch (t) {
         case B:
           return f("Suspense");
-        case he:
+        case pe:
           return f("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case I:
             return t = u(t.render, !1), t;
-          case L:
-            return h(t.type);
+          case F:
+            return p(t.type);
           case S:
             b = t._payload, t = t._init;
             try {
-              return h(t(b));
+              return p(t(b));
             } catch {
             }
         }
       return "";
     }
-    function p() {
-      var t = F.A;
+    function m() {
+      var t = L.A;
       return t === null ? null : t.getOwner();
     }
-    function m(t) {
+    function h(t) {
       if (Z.call(t, "key")) {
         var b = Object.getOwnPropertyDescriptor(t, "key").get;
         if (b && b.isReactWarning) return !1;
@@ -302,7 +302,7 @@ function ft() {
     }
     function r(t, b) {
       function w() {
-        Ne || (Ne = !0, console.error(
+        Ce || (Ce = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           b
         ));
@@ -314,17 +314,17 @@ function ft() {
     }
     function c() {
       var t = n(this.type);
-      return Ae[t] || (Ae[t] = !0, console.error(
+      return qe[t] || (qe[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function v(t, b, w, A, V, U) {
+    function y(t, b, w, C, X, U) {
       return w = U.ref, t = {
         $$typeof: R,
         type: t,
         key: b,
         props: U,
-        _owner: V
+        _owner: X
       }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: c
@@ -340,14 +340,14 @@ function ft() {
         value: null
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function g(t, b, w, A, V, U) {
-      if (typeof t == "string" || typeof t == "function" || t === T || t === Y || t === P || t === B || t === he || t === D || typeof t == "object" && t !== null && (t.$$typeof === S || t.$$typeof === L || t.$$typeof === d || t.$$typeof === $ || t.$$typeof === I || t.$$typeof === W || t.getModuleId !== void 0)) {
+    function g(t, b, w, C, X, U) {
+      if (typeof t == "string" || typeof t == "function" || t === O || t === Y || t === P || t === B || t === pe || t === v || typeof t == "object" && t !== null && (t.$$typeof === S || t.$$typeof === F || t.$$typeof === d || t.$$typeof === $ || t.$$typeof === I || t.$$typeof === N || t.getModuleId !== void 0)) {
         var _ = b.children;
         if (_ !== void 0)
-          if (A)
+          if (C)
             if (H(_)) {
-              for (A = 0; A < _.length; A++)
-                l(_[A], t);
+              for (C = 0; C < _.length; C++)
+                l(_[C], t);
               Object.freeze && Object.freeze(_);
             } else
               console.error(
@@ -355,95 +355,95 @@ function ft() {
               );
           else l(_, t);
       } else
-        _ = "", (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), t === null ? A = "null" : H(t) ? A = "array" : t !== void 0 && t.$$typeof === R ? (A = "<" + (n(t.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : A = typeof t, console.error(
+        _ = "", (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), t === null ? C = "null" : H(t) ? C = "array" : t !== void 0 && t.$$typeof === R ? (C = "<" + (n(t.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : C = typeof t, console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          A,
+          C,
           _
         );
       if (Z.call(b, "key")) {
         _ = n(t);
-        var oe = Object.keys(b).filter(function(Q) {
+        var se = Object.keys(b).filter(function(Q) {
           return Q !== "key";
         });
-        A = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", qe[_ + A] || (oe = 0 < oe.length ? "{" + oe.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < se.length ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}", We[_ + C] || (se = 0 < se.length ? "{" + se.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          A,
+          C,
           _,
-          oe,
+          se,
           _
-        ), qe[_ + A] = !0);
+        ), We[_ + C] = !0);
       }
-      if (_ = null, w !== void 0 && (a(w), _ = "" + w), m(b) && (a(b.key), _ = "" + b.key), "key" in b) {
+      if (_ = null, w !== void 0 && (a(w), _ = "" + w), h(b) && (a(b.key), _ = "" + b.key), "key" in b) {
         w = {};
-        for (var me in b)
-          me !== "key" && (w[me] = b[me]);
+        for (var he in b)
+          he !== "key" && (w[he] = b[he]);
       } else w = b;
       return _ && r(
         w,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), v(t, _, U, V, p(), w);
+      ), y(t, _, U, X, m(), w);
     }
     function l(t, b) {
       if (typeof t == "object" && t && t.$$typeof !== dt) {
         if (H(t))
           for (var w = 0; w < t.length; w++) {
-            var A = t[w];
-            y(A) && M(A, b);
+            var C = t[w];
+            D(C) && E(C, b);
           }
-        else if (y(t))
+        else if (D(t))
           t._store && (t._store.validated = 1);
-        else if (t === null || typeof t != "object" ? w = null : (w = k && t[k] || t["@@iterator"], w = typeof w == "function" ? w : null), typeof w == "function" && w !== t.entries && (w = w.call(t), w !== t))
+        else if (t === null || typeof t != "object" ? w = null : (w = T && t[T] || t["@@iterator"], w = typeof w == "function" ? w : null), typeof w == "function" && w !== t.entries && (w = w.call(t), w !== t))
           for (; !(t = w.next()).done; )
-            y(t.value) && M(t.value, b);
+            D(t.value) && E(t.value, b);
       }
     }
-    function y(t) {
+    function D(t) {
       return typeof t == "object" && t !== null && t.$$typeof === R;
     }
-    function M(t, b) {
-      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, b = j(b), !We[b])) {
-        We[b] = !0;
+    function E(t, b) {
+      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, b = j(b), !Ne[b])) {
+        Ne[b] = !0;
         var w = "";
-        t && t._owner != null && t._owner !== p() && (w = null, typeof t._owner.tag == "number" ? w = n(t._owner.type) : typeof t._owner.name == "string" && (w = t._owner.name), w = " It was passed a child from " + w + ".");
-        var A = F.getCurrentStack;
-        F.getCurrentStack = function() {
-          var V = h(t.type);
-          return A && (V += A() || ""), V;
+        t && t._owner != null && t._owner !== m() && (w = null, typeof t._owner.tag == "number" ? w = n(t._owner.type) : typeof t._owner.name == "string" && (w = t._owner.name), w = " It was passed a child from " + w + ".");
+        var C = L.getCurrentStack;
+        L.getCurrentStack = function() {
+          var X = p(t.type);
+          return C && (X += C() || ""), X;
         }, console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           b,
           w
-        ), F.getCurrentStack = A;
+        ), L.getCurrentStack = C;
       }
     }
     function j(t) {
-      var b = "", w = p();
+      var b = "", w = m();
       return w && (w = n(w.type)) && (b = `
 
 Check the render method of \`` + w + "`."), b || (t = n(t)) && (b = `
 
 Check the top-level render call using <` + t + ">."), b;
     }
-    var O = Ce, R = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), d = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), he = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), k = Symbol.iterator, x = Symbol.for("react.client.reference"), F = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, C = Object.assign, W = Symbol.for("react.client.reference"), H = Array.isArray, z = 0, J, ae, ne, ue, re, G, ee;
+    var M = Ae, R = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), d = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), pe = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), T = Symbol.iterator, x = Symbol.for("react.client.reference"), L = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, A = Object.assign, N = Symbol.for("react.client.reference"), H = Array.isArray, z = 0, J, ae, ne, ue, re, G, ee;
     i.__reactDisabledLog = !0;
-    var se, le, je = !1, Ze = new (typeof WeakMap == "function" ? WeakMap : Map)(), dt = Symbol.for("react.client.reference"), Ne, Ae = {}, qe = {}, We = {};
-    ve.Fragment = T, ve.jsx = function(t, b, w, A, V) {
-      return g(t, b, w, !1, A, V);
-    }, ve.jsxs = function(t, b, w, A, V) {
-      return g(t, b, w, !0, A, V);
+    var oe, le, je = !1, Ze = new (typeof WeakMap == "function" ? WeakMap : Map)(), dt = Symbol.for("react.client.reference"), Ce, qe = {}, We = {}, Ne = {};
+    ve.Fragment = O, ve.jsx = function(t, b, w, C, X) {
+      return g(t, b, w, !1, C, X);
+    }, ve.jsxs = function(t, b, w, C, X) {
+      return g(t, b, w, !0, C, X);
     };
   }()), ve;
 }
 var Ye;
-function ht() {
+function pt() {
   return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? Se.exports = lt() : Se.exports = ft()), Se.exports;
 }
-var N = ht();
+var q = pt();
 const ut = 2.375 * 16, Be = 3, K = {
   day: {
     labelUnit: "day",
@@ -494,169 +494,169 @@ const ut = 2.375 * 16, Be = 3, K = {
     // 2024
   }
 };
-var be = { exports: {} }, mt = be.exports, Ge;
-function pt() {
-  return Ge || (Ge = 1, function(n, s) {
+var be = { exports: {} }, ht = be.exports, Ge;
+function mt() {
+  return Ge || (Ge = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
-    })(mt, function() {
-      var a = 1e3, i = 6e4, o = 36e5, e = "millisecond", f = "second", u = "minute", h = "hour", p = "day", m = "week", r = "month", c = "quarter", v = "year", g = "date", l = "Invalid Date", y = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, M = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, j = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(L) {
-        var S = ["th", "st", "nd", "rd"], D = L % 100;
-        return "[" + L + (S[(D - 20) % 10] || S[D] || S[0]) + "]";
-      } }, O = function(L, S, D) {
-        var k = String(L);
-        return !k || k.length >= S ? L : "" + Array(S + 1 - k.length).join(D) + L;
-      }, R = { s: O, z: function(L) {
-        var S = -L.utcOffset(), D = Math.abs(S), k = Math.floor(D / 60), x = D % 60;
-        return (S <= 0 ? "+" : "-") + O(k, 2, "0") + ":" + O(x, 2, "0");
-      }, m: function L(S, D) {
-        if (S.date() < D.date()) return -L(D, S);
-        var k = 12 * (D.year() - S.year()) + (D.month() - S.month()), x = S.clone().add(k, r), F = D - x < 0, Z = S.clone().add(k + (F ? -1 : 1), r);
-        return +(-(k + (D - x) / (F ? x - Z : Z - x)) || 0);
-      }, a: function(L) {
-        return L < 0 ? Math.ceil(L) || 0 : Math.floor(L);
-      }, p: function(L) {
-        return { M: r, y: v, w: m, d: p, D: g, h, m: u, s: f, ms: e, Q: c }[L] || String(L || "").toLowerCase().replace(/s$/, "");
-      }, u: function(L) {
-        return L === void 0;
-      } }, E = "en", T = {};
-      T[E] = j;
-      var P = "$isDayjsObject", Y = function(L) {
-        return L instanceof B || !(!L || !L[P]);
-      }, $ = function L(S, D, k) {
+    })(ht, function() {
+      var a = 1e3, i = 6e4, s = 36e5, e = "millisecond", f = "second", u = "minute", p = "hour", m = "day", h = "week", r = "month", c = "quarter", y = "year", g = "date", l = "Invalid Date", D = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, E = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, j = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(F) {
+        var S = ["th", "st", "nd", "rd"], v = F % 100;
+        return "[" + F + (S[(v - 20) % 10] || S[v] || S[0]) + "]";
+      } }, M = function(F, S, v) {
+        var T = String(F);
+        return !T || T.length >= S ? F : "" + Array(S + 1 - T.length).join(v) + F;
+      }, R = { s: M, z: function(F) {
+        var S = -F.utcOffset(), v = Math.abs(S), T = Math.floor(v / 60), x = v % 60;
+        return (S <= 0 ? "+" : "-") + M(T, 2, "0") + ":" + M(x, 2, "0");
+      }, m: function F(S, v) {
+        if (S.date() < v.date()) return -F(v, S);
+        var T = 12 * (v.year() - S.year()) + (v.month() - S.month()), x = S.clone().add(T, r), L = v - x < 0, Z = S.clone().add(T + (L ? -1 : 1), r);
+        return +(-(T + (v - x) / (L ? x - Z : Z - x)) || 0);
+      }, a: function(F) {
+        return F < 0 ? Math.ceil(F) || 0 : Math.floor(F);
+      }, p: function(F) {
+        return { M: r, y, w: h, d: m, D: g, h: p, m: u, s: f, ms: e, Q: c }[F] || String(F || "").toLowerCase().replace(/s$/, "");
+      }, u: function(F) {
+        return F === void 0;
+      } }, k = "en", O = {};
+      O[k] = j;
+      var P = "$isDayjsObject", Y = function(F) {
+        return F instanceof B || !(!F || !F[P]);
+      }, $ = function F(S, v, T) {
         var x;
-        if (!S) return E;
+        if (!S) return k;
         if (typeof S == "string") {
-          var F = S.toLowerCase();
-          T[F] && (x = F), D && (T[F] = D, x = F);
+          var L = S.toLowerCase();
+          O[L] && (x = L), v && (O[L] = v, x = L);
           var Z = S.split("-");
-          if (!x && Z.length > 1) return L(Z[0]);
+          if (!x && Z.length > 1) return F(Z[0]);
         } else {
-          var C = S.name;
-          T[C] = S, x = C;
+          var A = S.name;
+          O[A] = S, x = A;
         }
-        return !k && x && (E = x), x || !k && E;
-      }, d = function(L, S) {
-        if (Y(L)) return L.clone();
-        var D = typeof S == "object" ? S : {};
-        return D.date = L, D.args = arguments, new B(D);
+        return !T && x && (k = x), x || !T && k;
+      }, d = function(F, S) {
+        if (Y(F)) return F.clone();
+        var v = typeof S == "object" ? S : {};
+        return v.date = F, v.args = arguments, new B(v);
       }, I = R;
-      I.l = $, I.i = Y, I.w = function(L, S) {
-        return d(L, { locale: S.$L, utc: S.$u, x: S.$x, $offset: S.$offset });
+      I.l = $, I.i = Y, I.w = function(F, S) {
+        return d(F, { locale: S.$L, utc: S.$u, x: S.$x, $offset: S.$offset });
       };
       var B = function() {
-        function L(D) {
-          this.$L = $(D.locale, null, !0), this.parse(D), this.$x = this.$x || D.x || {}, this[P] = !0;
+        function F(v) {
+          this.$L = $(v.locale, null, !0), this.parse(v), this.$x = this.$x || v.x || {}, this[P] = !0;
         }
-        var S = L.prototype;
-        return S.parse = function(D) {
-          this.$d = function(k) {
-            var x = k.date, F = k.utc;
+        var S = F.prototype;
+        return S.parse = function(v) {
+          this.$d = function(T) {
+            var x = T.date, L = T.utc;
             if (x === null) return /* @__PURE__ */ new Date(NaN);
             if (I.u(x)) return /* @__PURE__ */ new Date();
             if (x instanceof Date) return new Date(x);
             if (typeof x == "string" && !/Z$/i.test(x)) {
-              var Z = x.match(y);
+              var Z = x.match(D);
               if (Z) {
-                var C = Z[2] - 1 || 0, W = (Z[7] || "0").substring(0, 3);
-                return F ? new Date(Date.UTC(Z[1], C, Z[3] || 1, Z[4] || 0, Z[5] || 0, Z[6] || 0, W)) : new Date(Z[1], C, Z[3] || 1, Z[4] || 0, Z[5] || 0, Z[6] || 0, W);
+                var A = Z[2] - 1 || 0, N = (Z[7] || "0").substring(0, 3);
+                return L ? new Date(Date.UTC(Z[1], A, Z[3] || 1, Z[4] || 0, Z[5] || 0, Z[6] || 0, N)) : new Date(Z[1], A, Z[3] || 1, Z[4] || 0, Z[5] || 0, Z[6] || 0, N);
               }
             }
             return new Date(x);
-          }(D), this.init();
+          }(v), this.init();
         }, S.init = function() {
-          var D = this.$d;
-          this.$y = D.getFullYear(), this.$M = D.getMonth(), this.$D = D.getDate(), this.$W = D.getDay(), this.$H = D.getHours(), this.$m = D.getMinutes(), this.$s = D.getSeconds(), this.$ms = D.getMilliseconds();
+          var v = this.$d;
+          this.$y = v.getFullYear(), this.$M = v.getMonth(), this.$D = v.getDate(), this.$W = v.getDay(), this.$H = v.getHours(), this.$m = v.getMinutes(), this.$s = v.getSeconds(), this.$ms = v.getMilliseconds();
         }, S.$utils = function() {
           return I;
         }, S.isValid = function() {
           return this.$d.toString() !== l;
-        }, S.isSame = function(D, k) {
-          var x = d(D);
-          return this.startOf(k) <= x && x <= this.endOf(k);
-        }, S.isAfter = function(D, k) {
-          return d(D) < this.startOf(k);
-        }, S.isBefore = function(D, k) {
-          return this.endOf(k) < d(D);
-        }, S.$g = function(D, k, x) {
-          return I.u(D) ? this[k] : this.set(x, D);
+        }, S.isSame = function(v, T) {
+          var x = d(v);
+          return this.startOf(T) <= x && x <= this.endOf(T);
+        }, S.isAfter = function(v, T) {
+          return d(v) < this.startOf(T);
+        }, S.isBefore = function(v, T) {
+          return this.endOf(T) < d(v);
+        }, S.$g = function(v, T, x) {
+          return I.u(v) ? this[T] : this.set(x, v);
         }, S.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, S.valueOf = function() {
           return this.$d.getTime();
-        }, S.startOf = function(D, k) {
-          var x = this, F = !!I.u(k) || k, Z = I.p(D), C = function(re, G) {
+        }, S.startOf = function(v, T) {
+          var x = this, L = !!I.u(T) || T, Z = I.p(v), A = function(re, G) {
             var ee = I.w(x.$u ? Date.UTC(x.$y, G, re) : new Date(x.$y, G, re), x);
-            return F ? ee : ee.endOf(p);
-          }, W = function(re, G) {
-            return I.w(x.toDate()[re].apply(x.toDate("s"), (F ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(G)), x);
+            return L ? ee : ee.endOf(m);
+          }, N = function(re, G) {
+            return I.w(x.toDate()[re].apply(x.toDate("s"), (L ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(G)), x);
           }, H = this.$W, z = this.$M, J = this.$D, ae = "set" + (this.$u ? "UTC" : "");
           switch (Z) {
-            case v:
-              return F ? C(1, 0) : C(31, 11);
+            case y:
+              return L ? A(1, 0) : A(31, 11);
             case r:
-              return F ? C(1, z) : C(0, z + 1);
-            case m:
+              return L ? A(1, z) : A(0, z + 1);
+            case h:
               var ne = this.$locale().weekStart || 0, ue = (H < ne ? H + 7 : H) - ne;
-              return C(F ? J - ue : J + (6 - ue), z);
-            case p:
+              return A(L ? J - ue : J + (6 - ue), z);
+            case m:
             case g:
-              return W(ae + "Hours", 0);
-            case h:
-              return W(ae + "Minutes", 1);
+              return N(ae + "Hours", 0);
+            case p:
+              return N(ae + "Minutes", 1);
             case u:
-              return W(ae + "Seconds", 2);
+              return N(ae + "Seconds", 2);
             case f:
-              return W(ae + "Milliseconds", 3);
+              return N(ae + "Milliseconds", 3);
             default:
               return this.clone();
           }
-        }, S.endOf = function(D) {
-          return this.startOf(D, !1);
-        }, S.$set = function(D, k) {
-          var x, F = I.p(D), Z = "set" + (this.$u ? "UTC" : ""), C = (x = {}, x[p] = Z + "Date", x[g] = Z + "Date", x[r] = Z + "Month", x[v] = Z + "FullYear", x[h] = Z + "Hours", x[u] = Z + "Minutes", x[f] = Z + "Seconds", x[e] = Z + "Milliseconds", x)[F], W = F === p ? this.$D + (k - this.$W) : k;
-          if (F === r || F === v) {
+        }, S.endOf = function(v) {
+          return this.startOf(v, !1);
+        }, S.$set = function(v, T) {
+          var x, L = I.p(v), Z = "set" + (this.$u ? "UTC" : ""), A = (x = {}, x[m] = Z + "Date", x[g] = Z + "Date", x[r] = Z + "Month", x[y] = Z + "FullYear", x[p] = Z + "Hours", x[u] = Z + "Minutes", x[f] = Z + "Seconds", x[e] = Z + "Milliseconds", x)[L], N = L === m ? this.$D + (T - this.$W) : T;
+          if (L === r || L === y) {
             var H = this.clone().set(g, 1);
-            H.$d[C](W), H.init(), this.$d = H.set(g, Math.min(this.$D, H.daysInMonth())).$d;
-          } else C && this.$d[C](W);
+            H.$d[A](N), H.init(), this.$d = H.set(g, Math.min(this.$D, H.daysInMonth())).$d;
+          } else A && this.$d[A](N);
           return this.init(), this;
-        }, S.set = function(D, k) {
-          return this.clone().$set(D, k);
-        }, S.get = function(D) {
-          return this[I.p(D)]();
-        }, S.add = function(D, k) {
-          var x, F = this;
-          D = Number(D);
-          var Z = I.p(k), C = function(z) {
-            var J = d(F);
-            return I.w(J.date(J.date() + Math.round(z * D)), F);
+        }, S.set = function(v, T) {
+          return this.clone().$set(v, T);
+        }, S.get = function(v) {
+          return this[I.p(v)]();
+        }, S.add = function(v, T) {
+          var x, L = this;
+          v = Number(v);
+          var Z = I.p(T), A = function(z) {
+            var J = d(L);
+            return I.w(J.date(J.date() + Math.round(z * v)), L);
           };
-          if (Z === r) return this.set(r, this.$M + D);
-          if (Z === v) return this.set(v, this.$y + D);
-          if (Z === p) return C(1);
-          if (Z === m) return C(7);
-          var W = (x = {}, x[u] = i, x[h] = o, x[f] = a, x)[Z] || 1, H = this.$d.getTime() + D * W;
+          if (Z === r) return this.set(r, this.$M + v);
+          if (Z === y) return this.set(y, this.$y + v);
+          if (Z === m) return A(1);
+          if (Z === h) return A(7);
+          var N = (x = {}, x[u] = i, x[p] = s, x[f] = a, x)[Z] || 1, H = this.$d.getTime() + v * N;
           return I.w(H, this);
-        }, S.subtract = function(D, k) {
-          return this.add(-1 * D, k);
-        }, S.format = function(D) {
-          var k = this, x = this.$locale();
+        }, S.subtract = function(v, T) {
+          return this.add(-1 * v, T);
+        }, S.format = function(v) {
+          var T = this, x = this.$locale();
           if (!this.isValid()) return x.invalidDate || l;
-          var F = D || "YYYY-MM-DDTHH:mm:ssZ", Z = I.z(this), C = this.$H, W = this.$m, H = this.$M, z = x.weekdays, J = x.months, ae = x.meridiem, ne = function(G, ee, se, le) {
-            return G && (G[ee] || G(k, F)) || se[ee].slice(0, le);
+          var L = v || "YYYY-MM-DDTHH:mm:ssZ", Z = I.z(this), A = this.$H, N = this.$m, H = this.$M, z = x.weekdays, J = x.months, ae = x.meridiem, ne = function(G, ee, oe, le) {
+            return G && (G[ee] || G(T, L)) || oe[ee].slice(0, le);
           }, ue = function(G) {
-            return I.s(C % 12 || 12, G, "0");
-          }, re = ae || function(G, ee, se) {
+            return I.s(A % 12 || 12, G, "0");
+          }, re = ae || function(G, ee, oe) {
             var le = G < 12 ? "AM" : "PM";
-            return se ? le.toLowerCase() : le;
+            return oe ? le.toLowerCase() : le;
           };
-          return F.replace(M, function(G, ee) {
-            return ee || function(se) {
-              switch (se) {
+          return L.replace(E, function(G, ee) {
+            return ee || function(oe) {
+              switch (oe) {
                 case "YY":
-                  return String(k.$y).slice(-2);
+                  return String(T.$y).slice(-2);
                 case "YYYY":
-                  return I.s(k.$y, 4, "0");
+                  return I.s(T.$y, 4, "0");
                 case "M":
                   return H + 1;
                 case "MM":
@@ -666,39 +666,39 @@ function pt() {
                 case "MMMM":
                   return ne(J, H);
                 case "D":
-                  return k.$D;
+                  return T.$D;
                 case "DD":
-                  return I.s(k.$D, 2, "0");
+                  return I.s(T.$D, 2, "0");
                 case "d":
-                  return String(k.$W);
+                  return String(T.$W);
                 case "dd":
-                  return ne(x.weekdaysMin, k.$W, z, 2);
+                  return ne(x.weekdaysMin, T.$W, z, 2);
                 case "ddd":
-                  return ne(x.weekdaysShort, k.$W, z, 3);
+                  return ne(x.weekdaysShort, T.$W, z, 3);
                 case "dddd":
-                  return z[k.$W];
+                  return z[T.$W];
                 case "H":
-                  return String(C);
+                  return String(A);
                 case "HH":
-                  return I.s(C, 2, "0");
+                  return I.s(A, 2, "0");
                 case "h":
                   return ue(1);
                 case "hh":
                   return ue(2);
                 case "a":
-                  return re(C, W, !0);
+                  return re(A, N, !0);
                 case "A":
-                  return re(C, W, !1);
+                  return re(A, N, !1);
                 case "m":
-                  return String(W);
+                  return String(N);
                 case "mm":
-                  return I.s(W, 2, "0");
+                  return I.s(N, 2, "0");
                 case "s":
-                  return String(k.$s);
+                  return String(T.$s);
                 case "ss":
-                  return I.s(k.$s, 2, "0");
+                  return I.s(T.$s, 2, "0");
                 case "SSS":
-                  return I.s(k.$ms, 3, "0");
+                  return I.s(T.$ms, 3, "0");
                 case "Z":
                   return Z;
               }
@@ -707,47 +707,47 @@ function pt() {
           });
         }, S.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, S.diff = function(D, k, x) {
-          var F, Z = this, C = I.p(k), W = d(D), H = (W.utcOffset() - this.utcOffset()) * i, z = this - W, J = function() {
-            return I.m(Z, W);
+        }, S.diff = function(v, T, x) {
+          var L, Z = this, A = I.p(T), N = d(v), H = (N.utcOffset() - this.utcOffset()) * i, z = this - N, J = function() {
+            return I.m(Z, N);
           };
-          switch (C) {
-            case v:
-              F = J() / 12;
+          switch (A) {
+            case y:
+              L = J() / 12;
               break;
             case r:
-              F = J();
+              L = J();
               break;
             case c:
-              F = J() / 3;
+              L = J() / 3;
+              break;
+            case h:
+              L = (z - H) / 6048e5;
               break;
             case m:
-              F = (z - H) / 6048e5;
+              L = (z - H) / 864e5;
               break;
             case p:
-              F = (z - H) / 864e5;
-              break;
-            case h:
-              F = z / o;
+              L = z / s;
               break;
             case u:
-              F = z / i;
+              L = z / i;
               break;
             case f:
-              F = z / a;
+              L = z / a;
               break;
             default:
-              F = z;
+              L = z;
           }
-          return x ? F : I.a(F);
+          return x ? L : I.a(L);
         }, S.daysInMonth = function() {
           return this.endOf(r).$D;
         }, S.$locale = function() {
-          return T[this.$L];
-        }, S.locale = function(D, k) {
-          if (!D) return this.$L;
-          var x = this.clone(), F = $(D, k, !0);
-          return F && (x.$L = F), x;
+          return O[this.$L];
+        }, S.locale = function(v, T) {
+          if (!v) return this.$L;
+          var x = this.clone(), L = $(v, T, !0);
+          return L && (x.$L = L), x;
         }, S.clone = function() {
           return I.w(this.$d, this);
         }, S.toDate = function() {
@@ -758,186 +758,252 @@ function pt() {
           return this.$d.toISOString();
         }, S.toString = function() {
           return this.$d.toUTCString();
-        }, L;
-      }(), he = B.prototype;
-      return d.prototype = he, [["$ms", e], ["$s", f], ["$m", u], ["$H", h], ["$W", p], ["$M", r], ["$y", v], ["$D", g]].forEach(function(L) {
-        he[L[1]] = function(S) {
-          return this.$g(S, L[0], L[1]);
+        }, F;
+      }(), pe = B.prototype;
+      return d.prototype = pe, [["$ms", e], ["$s", f], ["$m", u], ["$H", p], ["$W", m], ["$M", r], ["$y", y], ["$D", g]].forEach(function(F) {
+        pe[F[1]] = function(S) {
+          return this.$g(S, F[0], F[1]);
         };
-      }), d.extend = function(L, S) {
-        return L.$i || (L(S, B, d), L.$i = !0), d;
-      }, d.locale = $, d.isDayjs = Y, d.unix = function(L) {
-        return d(1e3 * L);
-      }, d.en = T[E], d.Ls = T, d.p = {}, d;
+      }), d.extend = function(F, S) {
+        return F.$i || (F(S, B, d), F.$i = !0), d;
+      }, d.locale = $, d.isDayjs = Y, d.unix = function(F) {
+        return d(1e3 * F);
+      }, d.en = O[k], d.Ls = O, d.p = {}, d;
     });
   }(be)), be.exports;
 }
-var $t = pt();
-const q = /* @__PURE__ */ te($t);
-function gt(n, s, a, i) {
+var $t = mt();
+const W = /* @__PURE__ */ te($t);
+function gt(n, o, a, i) {
   if (!a.length)
     return { barMarginLeftAmount: 0, barWidthSize: 0 };
-  const { tickUnit: o, unitPerTick: e } = K[i], f = a.reduce((l, y) => l + y.widthPx, 0), u = a[0].startDate, h = a[a.length - 1].startDate, p = q(h).add(e, o).diff(u), m = f / p, r = n.diff(u), c = s.diff(u), v = r * m, g = Math.max(c - r, 1) * m;
-  return { barMarginLeftAmount: v, barWidthSize: g };
+  const { tickUnit: s, unitPerTick: e } = K[i], f = a.reduce((l, D) => l + D.widthPx, 0), u = a[0].startDate, p = a[a.length - 1].startDate, m = W(p).add(e, s).diff(u), h = f / m, r = n.diff(u), c = o.diff(u), y = r * h, g = Math.max(c - r, 1) * h;
+  return { barMarginLeftAmount: y, barWidthSize: g };
 }
 function vt(n) {
-  let s = 1 / 0, a = -1 / 0;
-  for (const { startDate: i, endDate: o } of Object.values(n)) {
-    const e = q(i).valueOf(), f = q(o).valueOf();
-    Number.isNaN(e) || (s = Math.min(s, e)), Number.isNaN(f) || (a = Math.max(a, f));
+  let o = 1 / 0, a = -1 / 0;
+  for (const { startDate: i, endDate: s } of Object.values(n)) {
+    const e = W(i).valueOf(), f = W(s).valueOf();
+    Number.isNaN(e) || (o = Math.min(o, e)), Number.isNaN(f) || (a = Math.max(a, f));
   }
-  return { minDate: q(s), maxDate: q(a) };
+  return { minDate: W(o), maxDate: W(a) };
 }
-function Dt(n, s, a) {
-  const { tickUnit: i, unitPerTick: o } = K[a];
+function yt(n, o, a) {
+  const { tickUnit: i, unitPerTick: s } = K[a];
   return {
     paddedMinDate: n.subtract(
-      Be * o,
+      Be * s,
       i
     ),
-    paddedMaxDate: s.add(Be * o, i)
+    paddedMaxDate: o.add(Be * s, i)
   };
 }
-function yt(n, s, a) {
-  const { tickUnit: i, unitPerTick: o, basePxPerDragStep: e, dragStepUnit: f, dragStepAmount: u } = K[a], h = [];
-  let p = n.startOf(i);
-  for (; p.isBefore(s); ) {
-    const m = q(p).add(o, i).diff(p, f) / u;
-    h.push({
-      startDate: p,
-      widthPx: m * e
-    }), p = p.add(o, i);
+function Dt(n, o, a) {
+  const { tickUnit: i, unitPerTick: s, basePxPerDragStep: e, dragStepUnit: f, dragStepAmount: u } = K[a], p = [];
+  let m = n.startOf(i);
+  for (; m.isBefore(o); ) {
+    const h = W(m).add(s, i).diff(m, f) / u;
+    p.push({
+      startDate: m,
+      widthPx: h * e
+    }), m = m.add(s, i);
   }
-  return h;
+  return p;
 }
-function ct(n, s) {
-  const { labelUnit: a, formatHeaderLabel: i } = K[s], o = [];
-  let e = null, f = "", u = 0, h = null;
-  return n.forEach((p, m) => {
-    const r = p.startDate.startOf(a), c = r.valueOf(), v = (i == null ? void 0 : i(r)) ?? r.format();
-    c === e ? u += p.widthPx : (e !== null && o.push({
+function ct(n, o) {
+  const { labelUnit: a, formatHeaderLabel: i } = K[o], s = [];
+  let e = null, f = "", u = 0, p = null;
+  return n.forEach((m, h) => {
+    const r = m.startDate.startOf(a), c = r.valueOf(), y = (i == null ? void 0 : i(r)) ?? r.format();
+    c === e ? u += m.widthPx : (e !== null && s.push({
       label: f,
       widthPx: u,
-      startDate: h
-    }), e = c, f = v, u = p.widthPx, h = r), m === n.length - 1 && o.push({
+      startDate: p
+    }), e = c, f = y, u = m.widthPx, p = r), h === n.length - 1 && s.push({
       label: f,
       widthPx: u,
-      startDate: h
+      startDate: p
     });
-  }), o;
+  }), s;
 }
-function St(n, s, a, i, o, e) {
+function St(n, o, a, i, s, e) {
   const { minDate: f, maxDate: u } = vt(n);
   a(f), i(u);
-  const { paddedMinDate: h, paddedMaxDate: p } = Dt(
+  const { paddedMinDate: p, paddedMaxDate: m } = yt(
     f,
     u,
-    s
-  ), m = yt(
-    h,
+    o
+  ), h = Dt(
     p,
-    s
-  ), r = ct(m, s);
-  o(m), e(r);
+    m,
+    o
+  ), r = ct(h, o);
+  s(h), e(r);
 }
 const xt = ({
   bottomRowCells: n,
-  selectedScale: s,
+  selectedScale: o,
   scrollRef: a
 }) => {
-  var m;
-  const i = K[s], [o, e] = de(0), f = _e(
-    () => ct(n, s),
-    [n, s]
+  var h;
+  const i = K[o], [s, e] = de(0), f = _e(
+    () => ct(n, o),
+    [n, o]
   ), u = _e(() => {
     const r = [];
     for (const c of f) {
-      const v = r[r.length - 1];
-      v && v.label === c.label ? v.widthPx += c.widthPx : r.push({ ...c });
+      const y = r[r.length - 1];
+      y && y.label === c.label ? y.widthPx += c.widthPx : r.push({ ...c });
     }
     return r;
-  }, [f]), h = _e(() => {
+  }, [f]), p = _e(() => {
     let r = 0;
     return u.map((c) => {
-      const v = { ...c, left: r };
-      return r += c.widthPx, v;
+      const y = { ...c, left: r };
+      return r += c.widthPx, y;
     });
   }, [u]);
   xe(() => {
     const r = a.current;
     if (!r) return;
     const c = () => {
-      const v = r.scrollLeft;
-      for (let g = h.length - 1; g >= 0; g--)
-        if (v >= h[g].left) {
+      const y = r.scrollLeft;
+      for (let g = p.length - 1; g >= 0; g--)
+        if (y >= p[g].left) {
           e(g);
           break;
         }
     };
     return r.addEventListener("scroll", c), c(), () => r.removeEventListener("scroll", c);
-  }, [h]);
-  const p = ((m = h[o]) == null ? void 0 : m.label) ?? "";
-  return /* @__PURE__ */ N.jsx(
+  }, [p]);
+  const m = ((h = p[s]) == null ? void 0 : h.label) ?? "";
+  return /* @__PURE__ */ q.jsx(
     "div",
     {
-      className: "sticky top-0 z-30",
       style: {
+        position: "sticky",
+        top: 0,
+        zIndex: 30,
         backgroundColor: "#F0F1F2"
       },
-      children: /* @__PURE__ */ N.jsxs("div", { className: "flex min-w-max flex-col", children: [
-        /* @__PURE__ */ N.jsxs("div", { className: "relative flex h-8", children: [
-          /* @__PURE__ */ N.jsx(
-            "div",
-            {
-              className: "sticky left-0 z-40 flex w-24 shrink-0 items-center justify-center border-b border-solid text-sm font-bold",
-              style: {
-                backgroundColor: "#F0F1F2",
-                borderColor: "#D6D6D8"
-              },
-              children: p
-            }
-          ),
-          /* @__PURE__ */ N.jsx("div", { className: "flex", children: h.map((r, c) => /* @__PURE__ */ N.jsx(
-            "div",
-            {
-              className: "border-b border-solid py-2 pr-4 text-left text-sm font-bold",
-              style: {
-                width: `${r.widthPx}px`,
-                borderColor: "#D6D6D8",
-                backgroundColor: "#F0F1F2"
-              },
-              children: /* @__PURE__ */ N.jsx("p", { className: "px-4", children: c === 0 ? "" : r.label })
-            },
-            c
-          )) })
-        ] }),
-        /* @__PURE__ */ N.jsx("div", { className: "flex", children: n.map((r, c) => {
-          var g;
-          const v = ((g = i.formatTickLabel) == null ? void 0 : g.call(i, r.startDate)) || "";
-          return /* @__PURE__ */ N.jsx(
-            "div",
-            {
-              className: "relative p-1 text-center text-xs",
-              style: { width: `${r.widthPx}px` },
-              children: v
-            },
-            c
-          );
-        }) })
-      ] })
+      children: /* @__PURE__ */ q.jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            minWidth: "max-content",
+            flexDirection: "column"
+            // backgroundColor: '#F0F1F2',
+          },
+          children: [
+            /* @__PURE__ */ q.jsxs(
+              "div",
+              {
+                style: {
+                  position: "relative",
+                  display: "flex",
+                  height: "32px"
+                  // backgroundColor: '#F0F1F2',
+                },
+                children: [
+                  /* @__PURE__ */ q.jsx(
+                    "div",
+                    {
+                      style: {
+                        position: "sticky",
+                        left: 0,
+                        zIndex: 40,
+                        display: "flex",
+                        width: "96px",
+                        flexShrink: 0,
+                        alignItems: "center",
+                        justifyContent: "center",
+                        backgroundColor: "#F0F1F2",
+                        borderBottom: "1px solid #D6D6D8",
+                        fontSize: "0.875rem",
+                        fontWeight: "bold"
+                      },
+                      children: m
+                    }
+                  ),
+                  /* @__PURE__ */ q.jsx(
+                    "div",
+                    {
+                      style: {
+                        display: "flex"
+                      },
+                      children: p.map((r, c) => /* @__PURE__ */ q.jsx(
+                        "div",
+                        {
+                          style: {
+                            padding: "8px 16px",
+                            fontSize: "0.875rem",
+                            fontWeight: "bold",
+                            textAlign: "left",
+                            width: `${r.widthPx}px`,
+                            borderBottom: "1px solid #D6D6D8",
+                            backgroundColor: "#F0F1F2"
+                          },
+                          children: /* @__PURE__ */ q.jsx(
+                            "p",
+                            {
+                              style: {
+                                margin: 0,
+                                padding: "0 16px"
+                              },
+                              children: c === 0 ? "" : r.label
+                            }
+                          )
+                        },
+                        c
+                      ))
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ q.jsx(
+              "div",
+              {
+                style: {
+                  display: "flex"
+                },
+                children: n.map((r, c) => {
+                  var g;
+                  const y = ((g = i.formatTickLabel) == null ? void 0 : g.call(i, r.startDate)) || "";
+                  return /* @__PURE__ */ q.jsx(
+                    "div",
+                    {
+                      style: {
+                        position: "relative",
+                        padding: "4px",
+                        textAlign: "center",
+                        fontSize: "0.75rem",
+                        width: `${r.widthPx}px`
+                      },
+                      children: y
+                    },
+                    c
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
     }
   );
 };
-var we = { exports: {} }, bt = we.exports, Ve;
+var we = { exports: {} }, bt = we.exports, Xe;
 function wt() {
-  return Ve || (Ve = 1, function(n, s) {
+  return Xe || (Xe = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(bt, function() {
-      return function(a, i, o) {
-        i.prototype.isBetween = function(e, f, u, h) {
-          var p = o(e), m = o(f), r = (h = h || "()")[0] === "(", c = h[1] === ")";
-          return (r ? this.isAfter(p, u) : !this.isBefore(p, u)) && (c ? this.isBefore(m, u) : !this.isAfter(m, u)) || (r ? this.isBefore(p, u) : !this.isAfter(p, u)) && (c ? this.isAfter(m, u) : !this.isBefore(m, u));
+      return function(a, i, s) {
+        i.prototype.isBetween = function(e, f, u, p) {
+          var m = s(e), h = s(f), r = (p = p || "()")[0] === "(", c = p[1] === ")";
+          return (r ? this.isAfter(m, u) : !this.isBefore(m, u)) && (c ? this.isBefore(h, u) : !this.isAfter(h, u)) || (r ? this.isBefore(m, u) : !this.isAfter(m, u)) && (c ? this.isAfter(h, u) : !this.isBefore(h, u));
         };
       };
     });
@@ -945,30 +1011,30 @@ function wt() {
 }
 var Tt = wt();
 const kt = /* @__PURE__ */ te(Tt);
-var Te = { exports: {} }, Et = Te.exports, Xe;
+var Te = { exports: {} }, Et = Te.exports, Ve;
 function Mt() {
-  return Xe || (Xe = 1, function(n, s) {
+  return Ve || (Ve = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(Et, function() {
       var a = "day";
-      return function(i, o, e) {
-        var f = function(p) {
-          return p.add(4 - p.isoWeekday(), a);
-        }, u = o.prototype;
+      return function(i, s, e) {
+        var f = function(m) {
+          return m.add(4 - m.isoWeekday(), a);
+        }, u = s.prototype;
         u.isoWeekYear = function() {
           return f(this).year();
-        }, u.isoWeek = function(p) {
-          if (!this.$utils().u(p)) return this.add(7 * (p - this.isoWeek()), a);
-          var m, r, c, v, g = f(this), l = (m = this.isoWeekYear(), r = this.$u, c = (r ? e.utc : e)().year(m).startOf("year"), v = 4 - c.isoWeekday(), c.isoWeekday() > 4 && (v += 7), c.add(v, a));
+        }, u.isoWeek = function(m) {
+          if (!this.$utils().u(m)) return this.add(7 * (m - this.isoWeek()), a);
+          var h, r, c, y, g = f(this), l = (h = this.isoWeekYear(), r = this.$u, c = (r ? e.utc : e)().year(h).startOf("year"), y = 4 - c.isoWeekday(), c.isoWeekday() > 4 && (y += 7), c.add(y, a));
           return g.diff(l, "week") + 1;
-        }, u.isoWeekday = function(p) {
-          return this.$utils().u(p) ? this.day() || 7 : this.day(this.day() % 7 ? p : p - 7);
+        }, u.isoWeekday = function(m) {
+          return this.$utils().u(m) ? this.day() || 7 : this.day(this.day() % 7 ? m : m - 7);
         };
-        var h = u.startOf;
-        u.startOf = function(p, m) {
-          var r = this.$utils(), c = !!r.u(m) || m;
-          return r.p(p) === "isoweek" ? c ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : h.bind(this)(p, m);
+        var p = u.startOf;
+        u.startOf = function(m, h) {
+          var r = this.$utils(), c = !!r.u(h) || h;
+          return r.p(m) === "isoweek" ? c ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : p.bind(this)(m, h);
         };
       };
     });
@@ -977,81 +1043,81 @@ function Mt() {
 var Ot = Mt();
 const It = /* @__PURE__ */ te(Ot);
 var ke = { exports: {} }, Rt = ke.exports, Je;
-function Ft() {
-  return Je || (Je = 1, function(n, s) {
+function Lt() {
+  return Je || (Je = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(Rt, function() {
       return function(a, i) {
-        i.prototype.isSameOrAfter = function(o, e) {
-          return this.isSame(o, e) || this.isAfter(o, e);
+        i.prototype.isSameOrAfter = function(s, e) {
+          return this.isSame(s, e) || this.isAfter(s, e);
         };
       };
     });
   }(ke)), ke.exports;
 }
-var Lt = Ft();
-const jt = /* @__PURE__ */ te(Lt);
+var Ft = Lt();
+const jt = /* @__PURE__ */ te(Ft);
 var Ee = { exports: {} }, Zt = Ee.exports, Qe;
 function _t() {
-  return Qe || (Qe = 1, function(n, s) {
+  return Qe || (Qe = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(Zt, function() {
       return function(a, i) {
-        i.prototype.isSameOrBefore = function(o, e) {
-          return this.isSame(o, e) || this.isBefore(o, e);
+        i.prototype.isSameOrBefore = function(s, e) {
+          return this.isSame(s, e) || this.isBefore(s, e);
         };
       };
     });
   }(Ee)), Ee.exports;
 }
 var Pt = _t();
-const Ct = /* @__PURE__ */ te(Pt);
-var Me = { exports: {} }, Nt = Me.exports, Ke;
-function At() {
-  return Ke || (Ke = 1, function(n, s) {
+const At = /* @__PURE__ */ te(Pt);
+var Me = { exports: {} }, Ct = Me.exports, Ke;
+function qt() {
+  return Ke || (Ke = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
-    })(Nt, function() {
-      return function(a, i, o) {
+    })(Ct, function() {
+      return function(a, i, s) {
         i.prototype.isToday = function() {
-          var e = "YYYY-MM-DD", f = o();
+          var e = "YYYY-MM-DD", f = s();
           return this.format(e) === f.format(e);
         };
       };
     });
   }(Me)), Me.exports;
 }
-var qt = At();
-const Wt = /* @__PURE__ */ te(qt);
+var Wt = qt();
+const Nt = /* @__PURE__ */ te(Wt);
 var Oe = { exports: {} }, Ut = Oe.exports, et;
 function Ht() {
-  return et || (et = 1, function(n, s) {
+  return et || (et = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(Ut, function() {
-      return function(a, i, o) {
+      return function(a, i, s) {
         var e = i.prototype, f = function(r) {
           return r && (r.indexOf ? r : r.s);
-        }, u = function(r, c, v, g, l) {
-          var y = r.name ? r : r.$locale(), M = f(y[c]), j = f(y[v]), O = M || j.map(function(E) {
-            return E.slice(0, g);
+        }, u = function(r, c, y, g, l) {
+          var D = r.name ? r : r.$locale(), E = f(D[c]), j = f(D[y]), M = E || j.map(function(k) {
+            return k.slice(0, g);
           });
-          if (!l) return O;
-          var R = y.weekStart;
-          return O.map(function(E, T) {
-            return O[(T + (R || 0)) % 7];
+          if (!l) return M;
+          var R = D.weekStart;
+          return M.map(function(k, O) {
+            return M[(O + (R || 0)) % 7];
           });
-        }, h = function() {
-          return o.Ls[o.locale()];
-        }, p = function(r, c) {
-          return r.formats[c] || function(v) {
-            return v.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(g, l, y) {
-              return l || y.slice(1);
+        }, p = function() {
+          return s.Ls[s.locale()];
+        }, m = function(r, c) {
+          return r.formats[c] || function(y) {
+            return y.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(g, l, D) {
+              return l || D.slice(1);
             });
           }(r.formats[c.toUpperCase()]);
-        }, m = function() {
+        }, h = function() {
           var r = this;
           return { months: function(c) {
             return c ? c.format("MMMM") : u(r, "months");
@@ -1066,38 +1132,38 @@ function Ht() {
           }, weekdaysShort: function(c) {
             return c ? c.format("ddd") : u(r, "weekdaysShort", "weekdays", 3);
           }, longDateFormat: function(c) {
-            return p(r.$locale(), c);
+            return m(r.$locale(), c);
           }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
         };
         e.localeData = function() {
-          return m.bind(this)();
-        }, o.localeData = function() {
-          var r = h();
+          return h.bind(this)();
+        }, s.localeData = function() {
+          var r = p();
           return { firstDayOfWeek: function() {
             return r.weekStart || 0;
           }, weekdays: function() {
-            return o.weekdays();
+            return s.weekdays();
           }, weekdaysShort: function() {
-            return o.weekdaysShort();
+            return s.weekdaysShort();
           }, weekdaysMin: function() {
-            return o.weekdaysMin();
+            return s.weekdaysMin();
           }, months: function() {
-            return o.months();
+            return s.months();
           }, monthsShort: function() {
-            return o.monthsShort();
+            return s.monthsShort();
           }, longDateFormat: function(c) {
-            return p(r, c);
+            return m(r, c);
           }, meridiem: r.meridiem, ordinal: r.ordinal };
-        }, o.months = function() {
-          return u(h(), "months");
-        }, o.monthsShort = function() {
-          return u(h(), "monthsShort", "months", 3);
-        }, o.weekdays = function(r) {
-          return u(h(), "weekdays", null, null, r);
-        }, o.weekdaysShort = function(r) {
-          return u(h(), "weekdaysShort", "weekdays", 3, r);
-        }, o.weekdaysMin = function(r) {
-          return u(h(), "weekdaysMin", "weekdays", 2, r);
+        }, s.months = function() {
+          return u(p(), "months");
+        }, s.monthsShort = function() {
+          return u(p(), "monthsShort", "months", 3);
+        }, s.weekdays = function(r) {
+          return u(p(), "weekdays", null, null, r);
+        }, s.weekdaysShort = function(r) {
+          return u(p(), "weekdaysShort", "weekdays", 3, r);
+        }, s.weekdaysMin = function(r) {
+          return u(p(), "weekdaysMin", "weekdays", 2, r);
         };
       };
     });
@@ -1107,58 +1173,58 @@ var zt = Ht();
 const Yt = /* @__PURE__ */ te(zt);
 var Ie = { exports: {} }, Bt = Ie.exports, tt;
 function Gt() {
-  return tt || (tt = 1, function(n, s) {
+  return tt || (tt = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(Bt, function() {
       var a = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, i = {};
-      return function(o, e, f) {
-        var u, h = function(c, v, g) {
+      return function(s, e, f) {
+        var u, p = function(c, y, g) {
           g === void 0 && (g = {});
-          var l = new Date(c), y = function(M, j) {
+          var l = new Date(c), D = function(E, j) {
             j === void 0 && (j = {});
-            var O = j.timeZoneName || "short", R = M + "|" + O, E = i[R];
-            return E || (E = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: M, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: O }), i[R] = E), E;
-          }(v, g);
-          return y.formatToParts(l);
-        }, p = function(c, v) {
-          for (var g = h(c, v), l = [], y = 0; y < g.length; y += 1) {
-            var M = g[y], j = M.type, O = M.value, R = a[j];
-            R >= 0 && (l[R] = parseInt(O, 10));
+            var M = j.timeZoneName || "short", R = E + "|" + M, k = i[R];
+            return k || (k = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: E, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: M }), i[R] = k), k;
+          }(y, g);
+          return D.formatToParts(l);
+        }, m = function(c, y) {
+          for (var g = p(c, y), l = [], D = 0; D < g.length; D += 1) {
+            var E = g[D], j = E.type, M = E.value, R = a[j];
+            R >= 0 && (l[R] = parseInt(M, 10));
           }
-          var E = l[3], T = E === 24 ? 0 : E, P = l[0] + "-" + l[1] + "-" + l[2] + " " + T + ":" + l[4] + ":" + l[5] + ":000", Y = +c;
+          var k = l[3], O = k === 24 ? 0 : k, P = l[0] + "-" + l[1] + "-" + l[2] + " " + O + ":" + l[4] + ":" + l[5] + ":000", Y = +c;
           return (f.utc(P).valueOf() - (Y -= Y % 1e3)) / 6e4;
-        }, m = e.prototype;
-        m.tz = function(c, v) {
+        }, h = e.prototype;
+        h.tz = function(c, y) {
           c === void 0 && (c = u);
-          var g, l = this.utcOffset(), y = this.toDate(), M = y.toLocaleString("en-US", { timeZone: c }), j = Math.round((y - new Date(M)) / 1e3 / 60), O = 15 * -Math.round(y.getTimezoneOffset() / 15) - j;
-          if (!Number(O)) g = this.utcOffset(0, v);
-          else if (g = f(M, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(O, !0), v) {
+          var g, l = this.utcOffset(), D = this.toDate(), E = D.toLocaleString("en-US", { timeZone: c }), j = Math.round((D - new Date(E)) / 1e3 / 60), M = 15 * -Math.round(D.getTimezoneOffset() / 15) - j;
+          if (!Number(M)) g = this.utcOffset(0, y);
+          else if (g = f(E, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(M, !0), y) {
             var R = g.utcOffset();
             g = g.add(l - R, "minute");
           }
           return g.$x.$timezone = c, g;
-        }, m.offsetName = function(c) {
-          var v = this.$x.$timezone || f.tz.guess(), g = h(this.valueOf(), v, { timeZoneName: c }).find(function(l) {
+        }, h.offsetName = function(c) {
+          var y = this.$x.$timezone || f.tz.guess(), g = p(this.valueOf(), y, { timeZoneName: c }).find(function(l) {
             return l.type.toLowerCase() === "timezonename";
           });
           return g && g.value;
         };
-        var r = m.startOf;
-        m.startOf = function(c, v) {
-          if (!this.$x || !this.$x.$timezone) return r.call(this, c, v);
+        var r = h.startOf;
+        h.startOf = function(c, y) {
+          if (!this.$x || !this.$x.$timezone) return r.call(this, c, y);
           var g = f(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-          return r.call(g, c, v).tz(this.$x.$timezone, !0);
-        }, f.tz = function(c, v, g) {
-          var l = g && v, y = g || v || u, M = p(+f(), y);
-          if (typeof c != "string") return f(c).tz(y);
-          var j = function(T, P, Y) {
-            var $ = T - 60 * P * 1e3, d = p($, Y);
+          return r.call(g, c, y).tz(this.$x.$timezone, !0);
+        }, f.tz = function(c, y, g) {
+          var l = g && y, D = g || y || u, E = m(+f(), D);
+          if (typeof c != "string") return f(c).tz(D);
+          var j = function(O, P, Y) {
+            var $ = O - 60 * P * 1e3, d = m($, Y);
             if (P === d) return [$, P];
-            var I = p($ -= 60 * (d - P) * 1e3, Y);
-            return d === I ? [$, d] : [T - 60 * Math.min(d, I) * 1e3, Math.max(d, I)];
-          }(f.utc(c, l).valueOf(), M, y), O = j[0], R = j[1], E = f(O).utcOffset(R);
-          return E.$x.$timezone = y, E;
+            var I = m($ -= 60 * (d - P) * 1e3, Y);
+            return d === I ? [$, d] : [O - 60 * Math.min(d, I) * 1e3, Math.max(d, I)];
+          }(f.utc(c, l).valueOf(), E, D), M = j[0], R = j[1], k = f(M).utcOffset(R);
+          return k.$x.$timezone = D, k;
         }, f.tz.guess = function() {
           return Intl.DateTimeFormat().resolvedOptions().timeZone;
         }, f.tz.setDefault = function(c) {
@@ -1168,19 +1234,19 @@ function Gt() {
     });
   }(Ie)), Ie.exports;
 }
-var Vt = Gt();
-const Xt = /* @__PURE__ */ te(Vt);
+var Xt = Gt();
+const Vt = /* @__PURE__ */ te(Xt);
 var Re = { exports: {} }, Jt = Re.exports, nt;
 function Qt() {
-  return nt || (nt = 1, function(n, s) {
+  return nt || (nt = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(Jt, function() {
-      return function(a, i, o) {
-        o.updateLocale = function(e, f) {
-          var u = o.Ls[e];
-          if (u) return (f ? Object.keys(f) : []).forEach(function(h) {
-            u[h] = f[h];
+      return function(a, i, s) {
+        s.updateLocale = function(e, f) {
+          var u = s.Ls[e];
+          if (u) return (f ? Object.keys(f) : []).forEach(function(p) {
+            u[p] = f[p];
           }), u;
         };
       };
@@ -1189,116 +1255,116 @@ function Qt() {
 }
 var Kt = Qt();
 const en = /* @__PURE__ */ te(Kt);
-var Fe = { exports: {} }, tn = Fe.exports, rt;
+var Le = { exports: {} }, tn = Le.exports, rt;
 function nn() {
-  return rt || (rt = 1, function(n, s) {
+  return rt || (rt = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
     })(tn, function() {
-      var a = "minute", i = /[+-]\d\d(?::?\d\d)?/g, o = /([+-]|\d\d)/g;
+      var a = "minute", i = /[+-]\d\d(?::?\d\d)?/g, s = /([+-]|\d\d)/g;
       return function(e, f, u) {
-        var h = f.prototype;
+        var p = f.prototype;
         u.utc = function(l) {
-          var y = { date: l, utc: !0, args: arguments };
-          return new f(y);
-        }, h.utc = function(l) {
-          var y = u(this.toDate(), { locale: this.$L, utc: !0 });
-          return l ? y.add(this.utcOffset(), a) : y;
-        }, h.local = function() {
+          var D = { date: l, utc: !0, args: arguments };
+          return new f(D);
+        }, p.utc = function(l) {
+          var D = u(this.toDate(), { locale: this.$L, utc: !0 });
+          return l ? D.add(this.utcOffset(), a) : D;
+        }, p.local = function() {
           return u(this.toDate(), { locale: this.$L, utc: !1 });
         };
-        var p = h.parse;
-        h.parse = function(l) {
-          l.utc && (this.$u = !0), this.$utils().u(l.$offset) || (this.$offset = l.$offset), p.call(this, l);
+        var m = p.parse;
+        p.parse = function(l) {
+          l.utc && (this.$u = !0), this.$utils().u(l.$offset) || (this.$offset = l.$offset), m.call(this, l);
         };
-        var m = h.init;
-        h.init = function() {
+        var h = p.init;
+        p.init = function() {
           if (this.$u) {
             var l = this.$d;
             this.$y = l.getUTCFullYear(), this.$M = l.getUTCMonth(), this.$D = l.getUTCDate(), this.$W = l.getUTCDay(), this.$H = l.getUTCHours(), this.$m = l.getUTCMinutes(), this.$s = l.getUTCSeconds(), this.$ms = l.getUTCMilliseconds();
-          } else m.call(this);
+          } else h.call(this);
         };
-        var r = h.utcOffset;
-        h.utcOffset = function(l, y) {
-          var M = this.$utils().u;
-          if (M(l)) return this.$u ? 0 : M(this.$offset) ? r.call(this) : this.$offset;
-          if (typeof l == "string" && (l = function(E) {
-            E === void 0 && (E = "");
-            var T = E.match(i);
-            if (!T) return null;
-            var P = ("" + T[0]).match(o) || ["-", 0, 0], Y = P[0], $ = 60 * +P[1] + +P[2];
+        var r = p.utcOffset;
+        p.utcOffset = function(l, D) {
+          var E = this.$utils().u;
+          if (E(l)) return this.$u ? 0 : E(this.$offset) ? r.call(this) : this.$offset;
+          if (typeof l == "string" && (l = function(k) {
+            k === void 0 && (k = "");
+            var O = k.match(i);
+            if (!O) return null;
+            var P = ("" + O[0]).match(s) || ["-", 0, 0], Y = P[0], $ = 60 * +P[1] + +P[2];
             return $ === 0 ? 0 : Y === "+" ? $ : -$;
           }(l), l === null)) return this;
-          var j = Math.abs(l) <= 16 ? 60 * l : l, O = this;
-          if (y) return O.$offset = j, O.$u = l === 0, O;
+          var j = Math.abs(l) <= 16 ? 60 * l : l, M = this;
+          if (D) return M.$offset = j, M.$u = l === 0, M;
           if (l !== 0) {
             var R = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-            (O = this.local().add(j + R, a)).$offset = j, O.$x.$localOffset = R;
-          } else O = this.utc();
-          return O;
+            (M = this.local().add(j + R, a)).$offset = j, M.$x.$localOffset = R;
+          } else M = this.utc();
+          return M;
         };
-        var c = h.format;
-        h.format = function(l) {
-          var y = l || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
-          return c.call(this, y);
-        }, h.valueOf = function() {
+        var c = p.format;
+        p.format = function(l) {
+          var D = l || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return c.call(this, D);
+        }, p.valueOf = function() {
           var l = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
           return this.$d.valueOf() - 6e4 * l;
-        }, h.isUTC = function() {
+        }, p.isUTC = function() {
           return !!this.$u;
-        }, h.toISOString = function() {
+        }, p.toISOString = function() {
           return this.toDate().toISOString();
-        }, h.toString = function() {
+        }, p.toString = function() {
           return this.toDate().toUTCString();
         };
-        var v = h.toDate;
-        h.toDate = function(l) {
-          return l === "s" && this.$offset ? u(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : v.call(this);
+        var y = p.toDate;
+        p.toDate = function(l) {
+          return l === "s" && this.$offset ? u(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : y.call(this);
         };
-        var g = h.diff;
-        h.diff = function(l, y, M) {
-          if (l && this.$u === l.$u) return g.call(this, l, y, M);
-          var j = this.local(), O = u(l).local();
-          return g.call(j, O, y, M);
+        var g = p.diff;
+        p.diff = function(l, D, E) {
+          if (l && this.$u === l.$u) return g.call(this, l, D, E);
+          var j = this.local(), M = u(l).local();
+          return g.call(j, M, D, E);
         };
       };
     });
-  }(Fe)), Fe.exports;
+  }(Le)), Le.exports;
 }
 var rn = nn();
 const an = /* @__PURE__ */ te(rn);
-var Le = { exports: {} }, sn = Le.exports, at;
-function on() {
-  return at || (at = 1, function(n, s) {
+var Fe = { exports: {} }, on = Fe.exports, at;
+function sn() {
+  return at || (at = 1, function(n, o) {
     (function(a, i) {
       n.exports = i();
-    })(sn, function() {
+    })(on, function() {
       return function(a, i) {
-        i.prototype.weekday = function(o) {
+        i.prototype.weekday = function(s) {
           var e = this.$locale().weekStart || 0, f = this.$W, u = (f < e ? f + 7 : f) - e;
-          return this.$utils().u(o) ? u : this.subtract(u, "day").add(o, "day");
+          return this.$utils().u(s) ? u : this.subtract(u, "day").add(s, "day");
         };
       };
     });
-  }(Le)), Le.exports;
+  }(Fe)), Fe.exports;
 }
-var un = on();
+var un = sn();
 const cn = /* @__PURE__ */ te(un);
-q.extend(cn);
-q.extend(Wt);
-q.extend(an);
-q.extend(Xt);
-q.extend(jt);
-q.extend(Ct);
-q.extend(kt);
-q.extend(Yt);
-q.extend(en);
-q.extend(It);
+W.extend(cn);
+W.extend(Nt);
+W.extend(an);
+W.extend(Vt);
+W.extend(jt);
+W.extend(At);
+W.extend(kt);
+W.extend(Yt);
+W.extend(en);
+W.extend(It);
 function dn(n) {
-  return [...n].sort((s, a) => {
-    const i = s.sequence.split(".").map(Number), o = a.sequence.split(".").map(Number);
-    for (let e = 0; e < Math.max(i.length, o.length); e++) {
-      const f = i[e] || 0, u = o[e] || 0;
+  return [...n].sort((o, a) => {
+    const i = o.sequence.split(".").map(Number), s = a.sequence.split(".").map(Number);
+    for (let e = 0; e < Math.max(i.length, s.length); e++) {
+      const f = i[e] || 0, u = s[e] || 0;
       if (f !== u) return f - u;
     }
     return 0;
@@ -1307,68 +1373,68 @@ function dn(n) {
 function ln(n) {
   return n.split(".").length - 1;
 }
-function Pe(n, s, a) {
+function Pe(n, o, a) {
   const i = dn(n);
-  let o = 0;
+  let s = 0;
   return i.map((e) => {
-    o++;
-    const f = ln(e.sequence), { barMarginLeftAmount: u, barWidthSize: h } = gt(
-      q(e.startDate),
-      q(e.endDate),
-      s,
+    s++;
+    const f = ln(e.sequence), { barMarginLeftAmount: u, barWidthSize: p } = gt(
+      W(e.startDate),
+      W(e.endDate),
+      o,
       a
     );
     return {
       ...e,
       barLeft: u,
-      barWidth: h,
+      barWidth: p,
       depth: f,
-      order: o,
-      originalOrder: o
+      order: s,
+      originalOrder: s
     };
   });
 }
-const st = (n) => {
-  let s;
-  const a = /* @__PURE__ */ new Set(), i = (p, m) => {
-    const r = typeof p == "function" ? p(s) : p;
-    if (!Object.is(r, s)) {
-      const c = s;
-      s = m ?? (typeof r != "object" || r === null) ? r : Object.assign({}, s, r), a.forEach((v) => v(s, c));
+const ot = (n) => {
+  let o;
+  const a = /* @__PURE__ */ new Set(), i = (m, h) => {
+    const r = typeof m == "function" ? m(o) : m;
+    if (!Object.is(r, o)) {
+      const c = o;
+      o = h ?? (typeof r != "object" || r === null) ? r : Object.assign({}, o, r), a.forEach((y) => y(o, c));
     }
-  }, o = () => s, u = { setState: i, getState: o, getInitialState: () => h, subscribe: (p) => (a.add(p), () => a.delete(p)) }, h = s = n(i, o, u);
+  }, s = () => o, u = { setState: i, getState: s, getInitialState: () => p, subscribe: (m) => (a.add(m), () => a.delete(m)) }, p = o = n(i, s, u);
   return u;
-}, fn = (n) => n ? st(n) : st, hn = (n) => n;
-function mn(n, s = hn) {
-  const a = Ce.useSyncExternalStore(
+}, fn = (n) => n ? ot(n) : ot, pn = (n) => n;
+function hn(n, o = pn) {
+  const a = Ae.useSyncExternalStore(
     n.subscribe,
-    () => s(n.getState()),
-    () => s(n.getInitialState())
+    () => o(n.getState()),
+    () => o(n.getInitialState())
   );
-  return Ce.useDebugValue(a), a;
+  return Ae.useDebugValue(a), a;
 }
-const ot = (n) => {
-  const s = fn(n), a = (i) => mn(s, i);
-  return Object.assign(a, s), a;
-}, pn = (n) => n ? ot(n) : ot, De = pn((n, s) => ({
+const st = (n) => {
+  const o = fn(n), a = (i) => hn(o, i);
+  return Object.assign(a, o), a;
+}, mn = (n) => n ? st(n) : st, ye = mn((n, o) => ({
   rawTasks: [],
   transformedTasks: [],
   bottomRowCells: [],
   topHeaderGroups: [],
   selectedScale: "month",
-  minDate: q(),
-  maxDate: q(),
+  minDate: W(),
+  maxDate: W(),
   draggingTaskMeta: null,
   setSelectedScale: (a) => {
-    const { rawTasks: i, bottomRowCells: o } = s(), e = Pe(i, o, a);
+    const { rawTasks: i, bottomRowCells: s } = o(), e = Pe(i, s, a);
     n({ selectedScale: a, transformedTasks: e });
   },
   setRawTasks: (a) => {
-    const { bottomRowCells: i, selectedScale: o } = s(), e = Pe(a, i, o);
+    const { bottomRowCells: i, selectedScale: s } = o(), e = Pe(a, i, s);
     n({ rawTasks: a, transformedTasks: e });
   },
   setBottomRowCells: (a) => {
-    const { rawTasks: i, selectedScale: o } = s(), e = Pe(i, a, o);
+    const { rawTasks: i, selectedScale: s } = o(), e = Pe(i, a, s);
     n({ bottomRowCells: a, transformedTasks: e });
   },
   setTopHeaderGroups: (a) => n({ topHeaderGroups: a }),
@@ -1377,118 +1443,118 @@ const ot = (n) => {
   setDraggingTaskMeta: (a) => n({ draggingTaskMeta: a }),
   clearDraggingTaskMeta: () => n({ draggingTaskMeta: null })
 })), $n = [{ id: "1", name: "Project Kickoff", startDate: "2024-06-01T09:00:00Z", endDate: "2024-06-01T11:00:00Z", parentId: null, sequence: "1", dependencies: [] }, { id: "2", name: "Requirement Gathering", startDate: "2024-06-02T09:00:00Z", endDate: "2024-06-05T17:00:00Z", parentId: null, sequence: "2", dependencies: [{ targetId: "1", type: "FS" }] }, { id: "3", name: "Stakeholder Interviews", startDate: "2024-06-02T10:00:00Z", endDate: "2024-06-03T17:00:00Z", parentId: "2", sequence: "2.1", dependencies: [{ targetId: "1", type: "SF" }] }, { id: "4", name: "Market Analysis", startDate: "2024-06-06T09:00:00Z", endDate: "2024-06-07T17:00:00Z", parentId: null, sequence: "3", dependencies: [{ targetId: "2", type: "FS" }] }, { id: "5", name: "Design System Creation", startDate: "2024-06-08T09:00:00Z", endDate: "2024-06-12T17:00:00Z", parentId: null, sequence: "4", dependencies: [{ targetId: "2", type: "FS" }, { targetId: "3", type: "SS" }] }, { id: "6", name: "UI/UX Design", startDate: "2024-06-13T09:00:00Z", endDate: "2024-06-16T17:00:00Z", parentId: "5", sequence: "4.1", dependencies: [{ targetId: "5", type: "FS" }] }, { id: "7", name: "Prototyping", startDate: "2024-06-17T09:00:00Z", endDate: "2024-06-20T17:00:00Z", parentId: "6", sequence: "4.1.1", dependencies: [{ targetId: "6", type: "FS" }] }, { id: "8", name: "Frontend Development", startDate: "2024-06-21T09:00:00Z", endDate: "2024-06-30T17:00:00Z", parentId: null, sequence: "5", dependencies: [{ targetId: "7", type: "FS" }] }, { id: "9", name: "Backend Development", startDate: "2024-07-01T09:00:00Z", endDate: "2024-07-10T17:00:00Z", parentId: null, sequence: "6", dependencies: [{ targetId: "7", type: "FS" }] }, { id: "10", name: "API Integration", startDate: "2024-07-11T09:00:00Z", endDate: "2024-07-15T17:00:00Z", parentId: "9", sequence: "6.1", dependencies: [{ targetId: "9", type: "FS" }] }, { id: "11", name: "Module Development", startDate: "2024-07-16T09:00:00Z", endDate: "2024-07-20T17:00:00Z", parentId: "8", sequence: "5.1", dependencies: [{ targetId: "8", type: "FS" }] }, { id: "12", name: "Unit Testing", startDate: "2024-07-21T09:00:00Z", endDate: "2024-07-25T17:00:00Z", parentId: "8", sequence: "5.2", dependencies: [{ targetId: "8", type: "FS" }] }, { id: "13", name: "Integration Testing", startDate: "2024-07-26T09:00:00Z", endDate: "2024-07-30T17:00:00Z", parentId: "10", sequence: "6.1.1", dependencies: [{ targetId: "10", type: "FS" }] }, { id: "14", name: "Code Review", startDate: "2024-07-31T09:00:00Z", endDate: "2024-08-04T17:00:00Z", parentId: "10", sequence: "6.1.2", dependencies: [{ targetId: "13", type: "FS" }] }, { id: "15", name: "Community Feedback", startDate: "2024-08-05T09:00:00Z", endDate: "2024-08-08T17:00:00Z", parentId: null, sequence: "7", dependencies: [{ targetId: "14", type: "FS" }] }, { id: "16", name: "Documentation Drafting", startDate: "2024-08-09T09:00:00Z", endDate: "2024-08-12T17:00:00Z", parentId: null, sequence: "8", dependencies: [{ targetId: "14", type: "FS" }] }, { id: "17", name: "Documentation Finalization", startDate: "2024-08-13T09:00:00Z", endDate: "2024-08-16T17:00:00Z", parentId: "16", sequence: "8.1", dependencies: [{ targetId: "16", type: "FS" }] }, { id: "18", name: "Pre-release Demo", startDate: "2024-08-17T09:00:00Z", endDate: "2024-08-20T17:00:00Z", parentId: null, sequence: "9", dependencies: [{ targetId: "15", type: "FS" }] }, { id: "19", name: "Bug Fixing", startDate: "2024-08-21T09:00:00Z", endDate: "2024-08-25T17:00:00Z", parentId: null, sequence: "10", dependencies: [{ targetId: "15", type: "FS" }] }, { id: "20", name: "Release Candidate", startDate: "2024-08-26T09:00:00Z", endDate: "2024-08-30T17:00:00Z", parentId: null, sequence: "11", dependencies: [{ targetId: "18", type: "FS" }] }, { id: "21", name: "Final Release", startDate: "2024-08-31T09:00:00Z", endDate: "2024-09-02T17:00:00Z", parentId: null, sequence: "12", dependencies: [{ targetId: "20", type: "FS" }] }, { id: "22", name: "Post-release Monitoring", startDate: "2024-09-03T09:00:00Z", endDate: "2024-09-04T17:00:00Z", parentId: null, sequence: "13", dependencies: [{ targetId: "21", type: "FS" }] }, { id: "23", name: "Community Engagement", startDate: "2024-09-05T09:00:00Z", endDate: "2024-09-06T17:00:00Z", parentId: null, sequence: "14", dependencies: [{ targetId: "21", type: "FS" }] }, { id: "24", name: "Feature Iteration Planning", startDate: "2024-09-07T09:00:00Z", endDate: "2024-09-08T17:00:00Z", parentId: null, sequence: "15", dependencies: [{ targetId: "22", type: "FS" }] }, { id: "25", name: "Additional Module Development", startDate: "2024-09-09T09:00:00Z", endDate: "2024-09-10T17:00:00Z", parentId: "24", sequence: "15.1", dependencies: [{ targetId: "24", type: "FS" }] }, { id: "26", name: "Additional Testing", startDate: "2024-09-11T09:00:00Z", endDate: "2024-09-12T17:00:00Z", parentId: "25", sequence: "15.1.1", dependencies: [{ targetId: "25", type: "FS" }] }, { id: "27", name: "Code Refactoring", startDate: "2024-09-13T09:00:00Z", endDate: "2024-09-14T17:00:00Z", parentId: null, sequence: "16", dependencies: [{ targetId: "26", type: "FS" }] }, { id: "28", name: "Performance Optimization", startDate: "2024-09-15T09:00:00Z", endDate: "2024-09-16T17:00:00Z", parentId: "27", sequence: "16.1", dependencies: [{ targetId: "27", type: "FS" }] }, { id: "29", name: "Security Audit", startDate: "2024-09-17T09:00:00Z", endDate: "2024-09-18T17:00:00Z", parentId: null, sequence: "17", dependencies: [{ targetId: "28", type: "FS" }] }, { id: "30", name: "Final QA", startDate: "2024-09-19T09:00:00Z", endDate: "2024-09-20T17:00:00Z", parentId: null, sequence: "18", dependencies: [{ targetId: "29", type: "FS" }] }, { id: "31", name: "Launch Webinar", startDate: "2024-09-21T09:00:00Z", endDate: "2024-09-22T17:00:00Z", parentId: null, sequence: "19", dependencies: [{ targetId: "21", type: "SS" }] }, { id: "32", name: "Marketing Campaign", startDate: "2024-09-23T09:00:00Z", endDate: "2024-09-24T17:00:00Z", parentId: null, sequence: "20", dependencies: [{ targetId: "21", type: "SF" }] }, { id: "33", name: "Post-release Bug Fixing", startDate: "2024-09-25T09:00:00Z", endDate: "2024-09-26T17:00:00Z", parentId: null, sequence: "21", dependencies: [{ targetId: "22", type: "SS" }] }, { id: "34", name: "Version 1.1 Planning", startDate: "2024-09-27T09:00:00Z", endDate: "2024-09-28T17:00:00Z", parentId: null, sequence: "22", dependencies: [{ targetId: "24", type: "FS" }] }, { id: "35", name: "Feature Implementation", startDate: "2024-09-29T09:00:00Z", endDate: "2024-09-30T17:00:00Z", parentId: "34", sequence: "22.1", dependencies: [{ targetId: "34", type: "FS" }] }, { id: "36", name: "Beta Testing", startDate: "2024-10-01T09:00:00Z", endDate: "2024-10-02T17:00:00Z", parentId: "35", sequence: "22.1.1", dependencies: [{ targetId: "35", type: "FS" }] }, { id: "37", name: "Community Beta Feedback", startDate: "2024-10-03T09:00:00Z", endDate: "2024-10-04T17:00:00Z", parentId: "36", sequence: "22.1.2", dependencies: [{ targetId: "36", type: "FS" }] }, { id: "38", name: "Final Beta Fixes", startDate: "2024-10-05T09:00:00Z", endDate: "2024-10-06T17:00:00Z", parentId: "37", sequence: "22.1.3", dependencies: [{ targetId: "37", type: "FS" }] }, { id: "39", name: "Documentation Update", startDate: "2024-10-07T09:00:00Z", endDate: "2024-10-08T17:00:00Z", parentId: "17", sequence: "8.1.1", dependencies: [{ targetId: "17", type: "FS" }] }, { id: "40", name: "Final Release Version 1.1", startDate: "2024-10-09T09:00:00Z", endDate: "2024-10-10T17:00:00Z", parentId: null, sequence: "23", dependencies: [{ targetId: "38", type: "FS" }] }, { id: "41", name: "Project Retrospective", startDate: "2024-10-11T09:00:00Z", endDate: "2024-10-12T17:00:00Z", parentId: null, sequence: "24", dependencies: [{ targetId: "40", type: "FS" }] }], it = (n) => /* @__PURE__ */ Ue.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ Ue.createElement("path", { d: "M10.2 4L10.2 20L7.8 20L7.8 4L10.2 4ZM15 4L15 20L12.6 20L12.6 4L15 4ZM5.4 15.0999L5.4 7.8999L1.8 11.4999L5.4 15.0999ZM17.4 7.8999L17.4 15.0999L21 11.4999L17.4 7.8999Z" }));
-function pe(n, s) {
-  const { basePxPerDragStep: a } = K[s];
+function me(n, o) {
+  const { basePxPerDragStep: a } = K[o];
   return Math.round(n / a);
 }
-function gn(n, s, a) {
+function gn(n, o, a) {
   const {
     rawTasks: i,
-    selectedScale: o,
+    selectedScale: s,
     setRawTasks: e,
     setDraggingTaskMeta: f,
     clearDraggingTaskMeta: u
-  } = De(), [h, p] = de(s), m = X(s), r = X(null), c = X(s), v = X(n.startDate), g = X(n.endDate), l = (j) => {
-    r.current = j.clientX, c.current = s, v.current = n.startDate, g.current = n.endDate, p(s), m.current = s, f({ taskId: n.id, type: "bar" }), document.addEventListener("mousemove", y), document.addEventListener("mouseup", M);
-  }, y = (j) => {
+  } = ye(), [p, m] = de(o), h = V(o), r = V(null), c = V(o), y = V(n.startDate), g = V(n.endDate), l = (j) => {
+    r.current = j.clientX, c.current = o, y.current = n.startDate, g.current = n.endDate, m(o), h.current = o, f({ taskId: n.id, type: "bar" }), document.addEventListener("mousemove", D), document.addEventListener("mouseup", E);
+  }, D = (j) => {
     if (r.current === null) return;
-    const O = j.clientX - r.current, E = pe(O, o) * K[o].basePxPerDragStep, T = c.current + E;
-    p(T), m.current = T;
-  }, M = () => {
-    document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", M);
-    const j = m.current - c.current, O = pe(j, o), { dragStepUnit: R, dragStepAmount: E } = K[o], T = i.map(
+    const M = j.clientX - r.current, k = me(M, s) * K[s].basePxPerDragStep, O = c.current + k;
+    m(O), h.current = O;
+  }, E = () => {
+    document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", E);
+    const j = h.current - c.current, M = me(j, s), { dragStepUnit: R, dragStepAmount: k } = K[s], O = i.map(
       (P) => P.id === n.id ? {
         ...P,
-        startDate: q(v.current).add(O * E, R).toISOString(),
-        endDate: q(g.current).add(O * E, R).toISOString()
+        startDate: W(y.current).add(M * k, R).toISOString(),
+        endDate: W(g.current).add(M * k, R).toISOString()
       } : P
     );
-    e(T), a == null || a(T), u(), r.current = null;
+    e(O), a == null || a(O), u(), r.current = null;
   };
-  return { onDragStart: l, tempLeft: h };
+  return { onDragStart: l, tempLeft: p };
 }
-function vn(n, s, a, i) {
+function vn(n, o, a, i) {
   const {
-    rawTasks: o,
+    rawTasks: s,
     selectedScale: e,
     setRawTasks: f,
     setDraggingTaskMeta: u,
-    clearDraggingTaskMeta: h
-  } = De(), [p, m] = de(s), [r, c] = de(a), v = X(s), g = X(a), l = X(null), y = X(s), M = X(a), j = X(n.startDate), O = (T) => {
-    T.stopPropagation(), l.current = T.clientX, y.current = s, M.current = a, j.current = n.startDate, m(s), c(a), v.current = s, g.current = a, u({ taskId: n.id, type: "left" }), document.addEventListener("mousemove", R), document.addEventListener("mouseup", E);
-  }, R = (T) => {
+    clearDraggingTaskMeta: p
+  } = ye(), [m, h] = de(o), [r, c] = de(a), y = V(o), g = V(a), l = V(null), D = V(o), E = V(a), j = V(n.startDate), M = (O) => {
+    O.stopPropagation(), l.current = O.clientX, D.current = o, E.current = a, j.current = n.startDate, h(o), c(a), y.current = o, g.current = a, u({ taskId: n.id, type: "left" }), document.addEventListener("mousemove", R), document.addEventListener("mouseup", k);
+  }, R = (O) => {
     if (l.current == null) return;
-    const P = T.clientX - l.current, $ = pe(P, e) * K[e].basePxPerDragStep, d = y.current + $, I = M.current - $;
-    I < 1 || (m(d), c(I), v.current = d, g.current = I);
-  }, E = () => {
-    document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", E);
-    const T = v.current - y.current, P = pe(T, e), { dragStepUnit: Y, dragStepAmount: $ } = K[e], d = o.map((I) => {
+    const P = O.clientX - l.current, $ = me(P, e) * K[e].basePxPerDragStep, d = D.current + $, I = E.current - $;
+    I < 1 || (h(d), c(I), y.current = d, g.current = I);
+  }, k = () => {
+    document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", k);
+    const O = y.current - D.current, P = me(O, e), { dragStepUnit: Y, dragStepAmount: $ } = K[e], d = s.map((I) => {
       if (I.id !== n.id) return I;
-      const B = q(j.current).add(
+      const B = W(j.current).add(
         P * $,
         Y
       );
-      return B.isAfter(q(I.endDate)) ? I : { ...I, startDate: B.toISOString() };
+      return B.isAfter(W(I.endDate)) ? I : { ...I, startDate: B.toISOString() };
     });
-    f(d), i == null || i(d), h(), l.current = null;
+    f(d), i == null || i(d), p(), l.current = null;
   };
-  return { onDragStart: O, tempLeft: p, tempWidth: r };
+  return { onDragStart: M, tempLeft: m, tempWidth: r };
 }
-function Dn(n, s, a) {
+function yn(n, o, a) {
   const {
     rawTasks: i,
-    selectedScale: o,
+    selectedScale: s,
     setRawTasks: e,
     setDraggingTaskMeta: f,
     clearDraggingTaskMeta: u
-  } = De(), [h, p] = de(s), m = X(s), r = X(null), c = X(s), v = X(n.endDate), g = (M) => {
-    M.stopPropagation(), r.current = M.clientX, c.current = s, v.current = n.endDate, p(s), m.current = s, f({ taskId: n.id, type: "right" }), document.addEventListener("mousemove", l), document.addEventListener("mouseup", y);
-  }, l = (M) => {
+  } = ye(), [p, m] = de(o), h = V(o), r = V(null), c = V(o), y = V(n.endDate), g = (E) => {
+    E.stopPropagation(), r.current = E.clientX, c.current = o, y.current = n.endDate, m(o), h.current = o, f({ taskId: n.id, type: "right" }), document.addEventListener("mousemove", l), document.addEventListener("mouseup", D);
+  }, l = (E) => {
     if (r.current === null) return;
-    const j = M.clientX - r.current, R = pe(j, o) * K[o].basePxPerDragStep, E = c.current + R;
-    E < 1 || (p(E), m.current = E);
-  }, y = () => {
-    document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", y);
-    const M = m.current - c.current, j = pe(M, o), { dragStepUnit: O, dragStepAmount: R } = K[o], E = i.map((T) => {
-      if (T.id !== n.id) return T;
-      const P = q(v.current).add(
+    const j = E.clientX - r.current, R = me(j, s) * K[s].basePxPerDragStep, k = c.current + R;
+    k < 1 || (m(k), h.current = k);
+  }, D = () => {
+    document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", D);
+    const E = h.current - c.current, j = me(E, s), { dragStepUnit: M, dragStepAmount: R } = K[s], k = i.map((O) => {
+      if (O.id !== n.id) return O;
+      const P = W(y.current).add(
         j * R,
-        O
+        M
       );
-      return P.isBefore(q(T.startDate)) ? T : { ...T, endDate: P.toISOString() };
+      return P.isBefore(W(O.startDate)) ? O : { ...O, endDate: P.toISOString() };
     });
-    e(E), a == null || a(E), u(), r.current = null;
+    e(k), a == null || a(k), u(), r.current = null;
   };
-  return { onDragStart: g, tempWidth: h };
+  return { onDragStart: g, tempWidth: p };
 }
-function yn(n, s, a, i, o) {
-  if (a < 0 || o < 0)
-    return `M ${s} ${a} h ${(i - s) / 2}`;
-  const e = 7, f = 11, u = 25, h = 20, p = `M ${s} ${a}`, m = i - s, r = o - a, c = Math.abs(m), v = Math.abs(r), g = o <= a, l = o >= a, y = i >= s, M = i <= s, j = c > h, O = Math.abs(m / 2), R = Math.abs(r / 2);
-  function E() {
+function Dn(n, o, a, i, s) {
+  if (a < 0 || s < 0)
+    return `M ${o} ${a} h ${(i - o) / 2}`;
+  const e = 7, f = 11, u = 25, p = 20, m = `M ${o} ${a}`, h = i - o, r = s - a, c = Math.abs(h), y = Math.abs(r), g = s <= a, l = s >= a, D = i >= o, E = i <= o, j = c > p, M = Math.abs(h / 2), R = Math.abs(r / 2);
+  function k() {
     function $() {
-      return (y || M) && l && !j ? "downSmallHorizontal" : (y || M) && g && !j ? "upSmallHorizontal" : l && M ? "downLeft" : l && y ? "downRight" : g && M ? "upLeft" : g && y ? "upRight" : "";
+      return (D || E) && l && !j ? "downSmallHorizontal" : (D || E) && g && !j ? "upSmallHorizontal" : l && E ? "downLeft" : l && D ? "downRight" : g && E ? "upLeft" : g && D ? "upRight" : "";
     }
-    let d = p;
+    let d = m;
     switch ($()) {
       case "downRight": {
-        d += ` h ${O - e}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${r - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${O - e}`;
+        d += ` h ${M - e}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${r - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${M - e}`;
         break;
       }
       case "upRight": {
-        d += ` h ${O - e}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v -${v - e * 2}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${O - e}`;
+        d += ` h ${M - e}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v -${y - e * 2}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${M - e}`;
         break;
       }
       case "downLeft":
       case "downSmallHorizontal": {
         const B = a + r / 2;
-        d += ` h ${f}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${B - a - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += ` h ${m - 2 * f}`, d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${B - a - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${f}`;
+        d += ` h ${f}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${B - a - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += ` h ${h - 2 * f}`, d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${B - a - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${f}`;
         break;
       }
       case "upLeft":
       case "upSmallHorizontal": {
         const B = a + r / 2;
-        d += ` h ${f}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v -${a - B - e * 2}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += ` h ${m - 2 * f}`, d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v -${a - B - e * 2}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${f}`;
+        d += ` h ${f}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v -${a - B - e * 2}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += ` h ${h - 2 * f}`, d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v -${a - B - e * 2}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${f}`;
         break;
       }
       default:
@@ -1496,32 +1562,32 @@ function yn(n, s, a, i, o) {
     }
     return d;
   }
-  function T() {
-    let $ = p;
-    return l && M ? ($ += ` h ${u - f}`, $ += ` a ${e} ${e} 0 0 1 ${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 1 -${e} ${e}`, $ += ` h ${m - e * 2}`) : l && y ? ($ += ` h ${m + u - f}`, $ += ` a ${e} ${e} 0 0 1 ${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 1 -${e} ${e}`, $ += ` h -${u - f}`) : g && M ? ($ += ` h ${u - f}`, $ += ` a ${e} ${e} 0 0 0 ${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 0 -${e} -${e}`, $ += ` h ${m - u + f}`) : g && y && ($ += ` h ${m + u - f}`, $ += ` a ${e} ${e} 0 0 0 ${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 0 -${e} -${e}`, $ += ` h -${u - f}`), $;
+  function O() {
+    let $ = m;
+    return l && E ? ($ += ` h ${u - f}`, $ += ` a ${e} ${e} 0 0 1 ${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 1 -${e} ${e}`, $ += ` h ${h - e * 2}`) : l && D ? ($ += ` h ${h + u - f}`, $ += ` a ${e} ${e} 0 0 1 ${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 1 -${e} ${e}`, $ += ` h -${u - f}`) : g && E ? ($ += ` h ${u - f}`, $ += ` a ${e} ${e} 0 0 0 ${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 0 -${e} -${e}`, $ += ` h ${h - u + f}`) : g && D && ($ += ` h ${h + u - f}`, $ += ` a ${e} ${e} 0 0 0 ${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 0 -${e} -${e}`, $ += ` h -${u - f}`), $;
   }
   function P() {
     function $() {
-      return (y || M) && l && !j ? "downSmallHorizontal" : (y || M) && g && !j ? "upSmallHorizontal" : l && M ? "downLeft" : l && y ? "downRight" : g && M ? "upLeft" : g && y ? "upRight" : "";
+      return (D || E) && l && !j ? "downSmallHorizontal" : (D || E) && g && !j ? "upSmallHorizontal" : l && E ? "downLeft" : l && D ? "downRight" : g && E ? "upLeft" : g && D ? "upRight" : "";
     }
-    let d = p;
+    let d = m;
     switch ($()) {
       case "downRight":
       case "downSmallHorizontal": {
-        d += " h -11", d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${R - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${f * 2 + m}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${R - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += " h -11";
+        d += " h -11", d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${R - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${f * 2 + h}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${R - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += " h -11";
         break;
       }
       case "upRight":
       case "upSmallHorizontal": {
-        d += " h -11", d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v ${-(R - e * 2)}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${f * 2 + m}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v ${-(R - e * 2)}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += " h -11";
+        d += " h -11", d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v ${-(R - e * 2)}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${f * 2 + h}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v ${-(R - e * 2)}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += " h -11";
         break;
       }
       case "downLeft": {
-        d += ` h ${-O + e}`, d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${v - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += ` h ${-O + e}`;
+        d += ` h ${-M + e}`, d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${y - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += ` h ${-M + e}`;
         break;
       }
       case "upLeft": {
-        d += ` h ${-(O - e)}`, d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v ${-(v - e * 2)}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += ` h ${-O + e}`;
+        d += ` h ${-(M - e)}`, d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v ${-(y - e * 2)}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += ` h ${-M + e}`;
         break;
       }
       default:
@@ -1530,74 +1596,87 @@ function yn(n, s, a, i, o) {
     return d;
   }
   function Y() {
-    let $ = p;
-    return l && M ? ($ += ` h ${m - u}`, $ += ` a ${e} ${e} 0 0 0 -${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 0 ${e} ${e}`, $ += ` h ${u}`) : l && y ? ($ += " h -25", $ += ` a ${e} ${e} 0 0 0 -${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 0 ${e} ${e}`, $ += ` h ${m + u}`) : g && M ? ($ += ` h ${m - u}`, $ += ` a ${e} ${e} 0 0 1 -${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 1 ${e} -${e}`, $ += ` h ${u}`) : g && y && ($ += " h -25", $ += ` a ${e} ${e} 0 0 1 -${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 1 ${e} -${e}`, $ += ` h ${m + u}`), $;
+    let $ = m;
+    return l && E ? ($ += ` h ${h - u}`, $ += ` a ${e} ${e} 0 0 0 -${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 0 ${e} ${e}`, $ += ` h ${u}`) : l && D ? ($ += " h -25", $ += ` a ${e} ${e} 0 0 0 -${e} ${e}`, $ += ` v ${r - e * 2}`, $ += ` a ${e} ${e} 0 0 0 ${e} ${e}`, $ += ` h ${h + u}`) : g && E ? ($ += ` h ${h - u}`, $ += ` a ${e} ${e} 0 0 1 -${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 1 ${e} -${e}`, $ += ` h ${u}`) : g && D && ($ += " h -25", $ += ` a ${e} ${e} 0 0 1 -${e} -${e}`, $ += ` v ${r + e * 2}`, $ += ` a ${e} ${e} 0 0 1 ${e} -${e}`, $ += ` h ${h + u}`), $;
   }
   switch (n) {
     case "FS":
-      return E();
+      return k();
     case "FF":
-      return T();
+      return O();
     case "SF":
       return P();
     case "SS":
       return Y();
     default:
-      return `${p} L ${i} ${o}`;
+      return `${m} L ${i} ${s}`;
   }
 }
-function Sn({ allTasks: n, currentTask: s, onTasksChange: a }) {
-  const { onDragStart: i, tempLeft: o } = gn(s, s.barLeft, a), {
+function Sn({ allTasks: n, currentTask: o, onTasksChange: a }) {
+  const { onDragStart: i, tempLeft: s } = gn(o, o.barLeft, a), {
     onDragStart: e,
     tempLeft: f,
     tempWidth: u
   } = vn(
-    s,
-    s.barLeft,
-    s.barWidth,
+    o,
+    o.barLeft,
+    o.barWidth,
     a
-  ), { onDragStart: h, tempWidth: p } = Dn(
-    s,
-    s.barWidth,
+  ), { onDragStart: p, tempWidth: m } = yn(
+    o,
+    o.barWidth,
     a
-  ), { draggingTaskMeta: m } = De(), r = (m == null ? void 0 : m.taskId) === s.id;
-  let c = !1, v = !1, g = !1;
-  r && ((m == null ? void 0 : m.type) === "left" ? c = !0 : (m == null ? void 0 : m.type) === "right" ? v = !0 : (m == null ? void 0 : m.type) === "bar" && (g = !0));
-  let l = s.barLeft, y = s.barWidth;
-  c ? (l = f, y = u) : v ? y = p : g && (l = o);
-  const M = () => /* @__PURE__ */ N.jsx(
+  ), { draggingTaskMeta: h } = ye(), r = (h == null ? void 0 : h.taskId) === o.id;
+  let c = !1, y = !1, g = !1;
+  r && ((h == null ? void 0 : h.type) === "left" ? c = !0 : (h == null ? void 0 : h.type) === "right" ? y = !0 : (h == null ? void 0 : h.type) === "bar" && (g = !0));
+  let l = o.barLeft, D = o.barWidth;
+  c ? (l = f, D = u) : y ? D = m : g && (l = s);
+  const E = () => /* @__PURE__ */ q.jsx(
     "button",
     {
       type: "button",
       onMouseDown: e,
-      className: "absolute top-0 flex h-full cursor-w-resize items-center justify-center opacity-0 hover:opacity-100",
       style: {
+        position: "absolute",
+        top: 0,
+        display: "flex",
+        cursor: "w-resize",
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: 100,
         left: "-1.15rem",
         width: "2rem",
         height: "100%"
       },
-      children: /* @__PURE__ */ N.jsx(
+      children: /* @__PURE__ */ q.jsx(
         it,
         {
-          className: "size-6",
           style: {
+            height: "1.5rem",
+            width: "1.5rem",
             fill: "#919294"
           }
         }
       )
     }
-  ), j = () => /* @__PURE__ */ N.jsx(
+  ), j = () => /* @__PURE__ */ q.jsx(
     "button",
     {
       type: "button",
-      onMouseDown: h,
-      className: "absolute top-0 flex h-full cursor-w-resize items-center justify-center opacity-0 hover:opacity-100",
+      onMouseDown: p,
       style: {
+        position: "absolute",
+        top: 0,
+        display: "flex",
+        cursor: "w-resize",
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: 100,
         right: "-1.15rem",
         width: "2rem",
         height: "100%"
       },
-      children: /* @__PURE__ */ N.jsx(
+      children: /* @__PURE__ */ q.jsx(
         it,
         {
           className: "size-6",
@@ -1607,23 +1686,23 @@ function Sn({ allTasks: n, currentTask: s, onTasksChange: a }) {
         }
       )
     }
-  ), O = (s.dependencies || []).map((R) => {
-    const E = n.find((I) => I.id === R.targetId);
-    if (!E) return null;
-    const T = ut, P = (E.order - 1) * T + T / 2, Y = (s.order - 1) * T + T / 2;
+  ), M = (o.dependencies || []).map((R) => {
+    const k = n.find((I) => I.id === R.targetId);
+    if (!k) return null;
+    const O = ut, P = (k.order - 1) * O + O / 2, Y = (o.order - 1) * O + O / 2;
     let $, d;
     switch (R.type) {
       case "FS":
-        $ = E.barLeft + E.barWidth, d = s.barLeft;
+        $ = k.barLeft + k.barWidth, d = o.barLeft;
         break;
       case "SS":
-        $ = E.barLeft, d = s.barLeft;
+        $ = k.barLeft, d = o.barLeft;
         break;
       case "FF":
-        $ = E.barLeft + E.barWidth, d = s.barLeft + s.barWidth;
+        $ = k.barLeft + k.barWidth, d = o.barLeft + o.barWidth;
         break;
       case "SF":
-        $ = E.barLeft, d = s.barLeft + s.barWidth;
+        $ = k.barLeft, d = o.barLeft + o.barWidth;
         break;
       default:
         return console.warn(`Unknown dependency type: ${R.type}`), null;
@@ -1636,173 +1715,213 @@ function Sn({ allTasks: n, currentTask: s, onTasksChange: a }) {
       toY: Y
     };
   }).filter(Boolean);
-  return /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-    /* @__PURE__ */ N.jsxs(
+  return /* @__PURE__ */ q.jsxs(q.Fragment, { children: [
+    /* @__PURE__ */ q.jsxs(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        className: "relative flex items-center",
         onMouseDown: i,
         style: {
+          position: "relative",
+          display: "flex",
+          alignItems: "center",
           backgroundColor: "#D6D6D8",
           marginLeft: `${l}px`,
-          width: `${y}px`,
+          width: `${D}px`,
           height: "1rem"
         },
         children: [
-          M(),
+          E(),
           j()
         ]
       }
     ),
-    /* @__PURE__ */ N.jsxs("svg", { className: "pointer-events-none absolute top-0 left-0 z-10 size-full", children: [
-      /* @__PURE__ */ N.jsx("defs", { children: /* @__PURE__ */ N.jsx(
-        "marker",
-        {
-          id: "arrowhead",
-          markerWidth: "6",
-          markerHeight: "6",
-          refX: "5.25",
-          refY: "3",
-          orient: "auto",
-          children: /* @__PURE__ */ N.jsx("polygon", { points: "0 0, 6 3, 0 6", fill: "#000" })
-        }
-      ) }),
-      O.map((R, E) => /* @__PURE__ */ N.jsx(
-        "path",
-        {
-          d: yn(
-            R.type,
-            R.fromX,
-            R.fromY,
-            R.toX,
-            R.toY
-          ),
-          fill: "none",
-          markerEnd: "url(#arrowhead)",
-          style: { stroke: "#000", strokeWidth: 0.75 }
+    /* @__PURE__ */ q.jsxs(
+      "svg",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          zIndex: 10,
+          width: "100%",
+          height: "100%",
+          pointerEvents: "none"
         },
-        E
-      ))
-    ] })
+        children: [
+          /* @__PURE__ */ q.jsx("defs", { children: /* @__PURE__ */ q.jsx(
+            "marker",
+            {
+              id: "arrowhead",
+              markerWidth: "6",
+              markerHeight: "6",
+              refX: "5.25",
+              refY: "3",
+              orient: "auto",
+              children: /* @__PURE__ */ q.jsx("polygon", { points: "0 0, 6 3, 0 6", fill: "#000" })
+            }
+          ) }),
+          M.map((R, k) => /* @__PURE__ */ q.jsx(
+            "path",
+            {
+              d: Dn(
+                R.type,
+                R.fromX,
+                R.fromY,
+                R.toX,
+                R.toY
+              ),
+              fill: "none",
+              markerEnd: "url(#arrowhead)",
+              style: { stroke: "#000", strokeWidth: 0.75 }
+            },
+            k
+          ))
+        ]
+      }
+    )
   ] });
 }
-function bn({ tasks: n, onTasksChange: s, ganttHeight: a, columnWidth: i }) {
-  const [o, e] = de(a || 500), [f, u] = de(i || 1e3), [h, p] = de(n || []), m = X(null), {
+function bn({ tasks: n, onTasksChange: o, ganttHeight: a, columnWidth: i }) {
+  const [s, e] = de(a || 500), [f, u] = de(i || 1e3), [p, m] = de(n || []), h = V(null), {
     rawTasks: r,
     transformedTasks: c,
-    selectedScale: v,
+    selectedScale: y,
     setSelectedScale: g,
     bottomRowCells: l,
-    topHeaderGroups: y,
-    setRawTasks: M,
+    topHeaderGroups: D,
+    setRawTasks: E,
     setBottomRowCells: j,
-    setTopHeaderGroups: O,
+    setTopHeaderGroups: M,
     setMinDate: R,
-    setMaxDate: E
-  } = De();
+    setMaxDate: k
+  } = ye();
   return xe(() => {
-    n.length === 0 ? p($n) : p(n);
+    n.length === 0 ? m($n) : m(n);
   }, [n]), xe(() => {
-    if (!h.length) return;
-    const T = Object.fromEntries(
-      h.map((P) => [
+    if (!p.length) return;
+    const O = Object.fromEntries(
+      p.map((P) => [
         P.id,
         { startDate: P.startDate, endDate: P.endDate }
       ])
     );
     St(
-      T,
-      v,
+      O,
+      y,
       R,
-      E,
+      k,
       j,
-      O
+      M
     );
-  }, [h, v]), xe(() => {
-    !l.length || !h.length || r.length === 0 && M(h);
-  }, [l, h]), /* @__PURE__ */ N.jsx(
+  }, [p, y]), xe(() => {
+    !l.length || !p.length || r.length === 0 && E(p);
+  }, [l, p]), /* @__PURE__ */ q.jsx(
     "section",
     {
       style: {
         position: "relative",
         overflow: "auto",
-        height: `${o}px`,
-        width: `${f}px`,
+        height: `${s}px`,
+        width: "100%",
+        // let parent control width
         backgroundColor: "#FFF"
       },
-      children: /* @__PURE__ */ N.jsx(
+      children: /* @__PURE__ */ q.jsx(
         "div",
         {
-          className: "h-full w-full overflow-hidden",
           style: {
+            width: "100%",
+            height: "100%",
+            overflow: "hidden",
             backgroundColor: "#FFF"
           },
-          children: /* @__PURE__ */ N.jsxs("section", { className: "relative flex h-full w-full flex-col", children: [
-            /* @__PURE__ */ N.jsx(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "flex-end",
-                  alignItems: "center",
-                  padding: "4px 8px",
-                  backgroundColor: "#FFF",
-                  borderBottom: "1px solid #E6E7E9"
-                },
-                children: /* @__PURE__ */ N.jsx(
-                  "select",
-                  {
-                    style: {
-                      backgroundColor: "#FFF",
-                      padding: "4px 8px",
-                      fontSize: "0.875rem",
-                      borderRadius: "6px",
-                      border: "1px solid #E6E7E9"
-                    },
-                    value: v,
-                    onChange: (T) => {
-                      const P = T.target.value;
-                      g(P);
-                    },
-                    children: Object.keys(K).map((T) => /* @__PURE__ */ N.jsx("option", { value: T, children: K[T].labelUnit }, T))
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ N.jsx("div", { ref: m, className: "grow overflow-x-auto", children: /* @__PURE__ */ N.jsxs("div", { className: "flex min-w-max flex-col", children: [
-              /* @__PURE__ */ N.jsx(
-                xt,
-                {
-                  topHeaderGroups: y,
-                  bottomRowCells: l,
-                  selectedScale: v,
-                  scrollRef: m
-                }
-              ),
-              /* @__PURE__ */ N.jsx("div", { className: "relative flex", children: /* @__PURE__ */ N.jsx("div", { className: "flex grow flex-col", children: c.map((T) => /* @__PURE__ */ N.jsx(
+          children: /* @__PURE__ */ q.jsx(
+            "section",
+            {
+              style: {
+                position: "relative",
+                display: "flex",
+                height: "100%",
+                width: "100%",
+                flexDirection: "column"
+              },
+              children: /* @__PURE__ */ q.jsx(
                 "div",
                 {
-                  className: "flex w-full items-center border-b border-solid",
+                  ref: h,
                   style: {
-                    height: `${ut}px`,
-                    backgroundColor: "#FFF",
-                    borderColor: "#E6E7E9"
+                    flexGrow: 1,
+                    overflowX: "auto"
                   },
-                  children: /* @__PURE__ */ N.jsx(
-                    Sn,
+                  children: /* @__PURE__ */ q.jsxs(
+                    "div",
                     {
-                      allTasks: c,
-                      currentTask: T,
-                      onTasksChange: s
+                      style: {
+                        display: "flex",
+                        minWidth: "max-content",
+                        flexDirection: "column"
+                        // backgroundColor: '#FFF',
+                      },
+                      children: [
+                        /* @__PURE__ */ q.jsx(
+                          xt,
+                          {
+                            topHeaderGroups: D,
+                            bottomRowCells: l,
+                            selectedScale: y,
+                            scrollRef: h
+                          }
+                        ),
+                        /* @__PURE__ */ q.jsx(
+                          "div",
+                          {
+                            style: {
+                              position: "relative",
+                              display: "flex"
+                            },
+                            children: /* @__PURE__ */ q.jsx(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexGrow: 1,
+                                  flexDirection: "column"
+                                },
+                                children: c.map((O) => /* @__PURE__ */ q.jsx(
+                                  "div",
+                                  {
+                                    style: {
+                                      display: "flex",
+                                      width: "100%",
+                                      alignItems: "center",
+                                      borderBottom: "1px solid #E6E7E9",
+                                      height: `${ut}px`,
+                                      backgroundColor: "#FFF"
+                                    },
+                                    children: /* @__PURE__ */ q.jsx(
+                                      Sn,
+                                      {
+                                        allTasks: c,
+                                        currentTask: O,
+                                        onTasksChange: o
+                                      }
+                                    )
+                                  },
+                                  O.id
+                                ))
+                              }
+                            )
+                          }
+                        )
+                      ]
                     }
                   )
-                },
-                T.id
-              )) }) })
-            ] }) })
-          ] })
+                }
+              )
+            }
+          )
         }
       )
     }