@jaeungkim/gantt-chart 0.1.2 → 0.1.4

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as Ue from "react";
-import Ne, { useState as he, useMemo as Pe, useEffect as xe, useRef as X } from "react";
+import Ce, { useState as de, useMemo as _e, useEffect as xe, useRef as X } from "react";
 function te(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
@@ -13,27 +13,27 @@ var Se = { exports: {} }, ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
+var He;
 function lt() {
-  if (ze) return ge;
-  ze = 1;
+  if (He) return ge;
+  He = 1;
   var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function r(u, i, e) {
-    var l = null;
-    if (e !== void 0 && (l = "" + e), i.key !== void 0 && (l = "" + i.key), "key" in i) {
+  function a(i, o, e) {
+    var f = null;
+    if (e !== void 0 && (f = "" + e), o.key !== void 0 && (f = "" + o.key), "key" in o) {
       e = {};
-      for (var o in i)
-        o !== "key" && (e[o] = i[o]);
-    } else e = i;
-    return i = e.ref, {
+      for (var u in o)
+        u !== "key" && (e[u] = o[u]);
+    } else e = o;
+    return o = e.ref, {
       $$typeof: n,
-      type: u,
-      key: l,
-      ref: i !== void 0 ? i : null,
+      type: i,
+      key: f,
+      ref: o !== void 0 ? o : null,
       props: e
     };
   }
-  return ge.Fragment = s, ge.jsx = r, ge.jsxs = r, ge;
+  return ge.Fragment = s, ge.jsx = a, ge.jsxs = a, ge;
 }
 var ve = {};
 /**
@@ -45,26 +45,26 @@ var ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
+var ze;
 function ft() {
-  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
     function n(t) {
       if (t == null) return null;
       if (typeof t == "function")
         return t.$$typeof === x ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case j:
+        case T:
           return "Fragment";
         case E:
           return "Portal";
         case Y:
           return "Profiler";
-        case A:
+        case P:
           return "StrictMode";
         case B:
           return "Suspense";
-        case fe:
+        case me:
           return "SuspenseList";
       }
       if (typeof t == "object")
@@ -73,12 +73,12 @@ function ft() {
         ), t.$$typeof) {
           case d:
             return (t.displayName || "Context") + ".Provider";
-          case g:
+          case $:
             return (t._context.displayName || "Context") + ".Consumer";
-          case O:
+          case I:
             var b = t.render;
             return t = t.displayName, t || (t = b.displayName || b.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case R:
+          case L:
             return b = t.displayName || null, b !== null ? b : n(t.type) || "Memo";
           case S:
             b = t._payload, t = t._init;
@@ -92,7 +92,7 @@ function ft() {
     function s(t) {
       return "" + t;
     }
-    function r(t) {
+    function a(t) {
       try {
         s(t);
         var b = !1;
@@ -101,23 +101,23 @@ function ft() {
       }
       if (b) {
         b = console;
-        var w = b.error, q = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        var w = b.error, A = 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.",
-          q
+          A
         ), s(t);
       }
     }
-    function u() {
-    }
     function i() {
-      if (H === 0) {
+    }
+    function o() {
+      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 = {
           configurable: !0,
           enumerable: !0,
-          value: u,
+          value: i,
           writable: !0
         };
         Object.defineProperties(console, {
@@ -130,44 +130,44 @@ function ft() {
           groupEnd: t
         });
       }
-      H++;
+      z++;
     }
     function e() {
-      if (H--, H === 0) {
+      if (z--, z === 0) {
         var t = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: F({}, t, { value: J }),
-          info: F({}, t, { value: ae }),
-          warn: F({}, t, { value: ne }),
-          error: F({}, t, { value: ue }),
-          group: F({}, t, { value: re }),
-          groupCollapsed: F({}, t, { value: G }),
-          groupEnd: F({}, t, { value: ee })
+          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 })
         });
       }
-      0 > H && console.error(
+      0 > z && console.error(
         "disabledDepth fell below zero. This is a bug in React. Please file an issue."
       );
     }
-    function l(t) {
+    function f(t) {
       if (se === void 0)
         try {
           throw Error();
         } catch (w) {
           var b = w.stack.trim().match(/\n( *(at )?)/);
-          se = b && b[1] || "", de = -1 < w.stack.indexOf(`
+          se = b && b[1] || "", le = -1 < w.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < w.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + se + t + de;
+` + se + t + le;
     }
-    function o(t, b) {
-      if (!t || Ze) return "";
-      var w = _e.get(t);
+    function u(t, b) {
+      if (!t || je) return "";
+      var w = Ze.get(t);
       if (w !== void 0) return w;
-      Ze = !0, w = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var q = null;
-      q = I.H, I.H = null, i();
+      je = !0, w = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      var A = null;
+      A = F.H, F.H = null, o();
       try {
         var V = {
           DetermineComponentFrameRoot: function() {
@@ -221,88 +221,88 @@ function ft() {
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var P = V.DetermineComponentFrameRoot(), oe = P[0], me = P[1];
-        if (oe && me) {
+        var _ = V.DetermineComponentFrameRoot(), oe = _[0], he = _[1];
+        if (oe && he) {
           var Q = oe.split(`
-`), le = me.split(`
+`), fe = he.split(`
 `);
-          for (P = U = 0; U < Q.length && !Q[U].includes(
+          for (_ = U = 0; U < Q.length && !Q[U].includes(
             "DetermineComponentFrameRoot"
           ); )
             U++;
-          for (; P < le.length && !le[P].includes(
+          for (; _ < fe.length && !fe[_].includes(
             "DetermineComponentFrameRoot"
           ); )
-            P++;
-          if (U === Q.length || P === le.length)
-            for (U = Q.length - 1, P = le.length - 1; 1 <= U && 0 <= P && Q[U] !== le[P]; )
-              P--;
-          for (; 1 <= U && 0 <= P; U--, P--)
-            if (Q[U] !== le[P]) {
-              if (U !== 1 || P !== 1)
+            _++;
+          if (U === Q.length || _ === fe.length)
+            for (U = Q.length - 1, _ = fe.length - 1; 1 <= U && 0 <= _ && Q[U] !== fe[_]; )
+              _--;
+          for (; 1 <= U && 0 <= _; U--, _--)
+            if (Q[U] !== fe[_]) {
+              if (U !== 1 || _ !== 1)
                 do
-                  if (U--, P--, 0 > P || Q[U] !== le[P]) {
+                  if (U--, _--, 0 > _ || Q[U] !== fe[_]) {
                     var $e = `
 ` + Q[U].replace(
                       " at new ",
                       " at "
                     );
-                    return t.displayName && $e.includes("<anonymous>") && ($e = $e.replace("<anonymous>", t.displayName)), typeof t == "function" && _e.set(t, $e), $e;
+                    return t.displayName && $e.includes("<anonymous>") && ($e = $e.replace("<anonymous>", t.displayName)), typeof t == "function" && Ze.set(t, $e), $e;
                   }
-                while (1 <= U && 0 <= P);
+                while (1 <= U && 0 <= _);
               break;
             }
         }
       } finally {
-        Ze = !1, I.H = q, e(), Error.prepareStackTrace = w;
+        je = !1, F.H = A, e(), Error.prepareStackTrace = w;
       }
-      return Q = (Q = t ? t.displayName || t.name : "") ? l(Q) : "", typeof t == "function" && _e.set(t, Q), Q;
+      return Q = (Q = t ? t.displayName || t.name : "") ? f(Q) : "", typeof t == "function" && Ze.set(t, Q), Q;
     }
-    function p(t) {
+    function m(t) {
       if (t == null) return "";
       if (typeof t == "function") {
         var b = t.prototype;
-        return o(
+        return u(
           t,
           !(!b || !b.isReactComponent)
         );
       }
-      if (typeof t == "string") return l(t);
+      if (typeof t == "string") return f(t);
       switch (t) {
         case B:
-          return l("Suspense");
-        case fe:
-          return l("SuspenseList");
+          return f("Suspense");
+        case me:
+          return f("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case O:
-            return t = o(t.render, !1), t;
-          case R:
-            return p(t.type);
+          case I:
+            return t = u(t.render, !1), t;
+          case L:
+            return m(t.type);
           case S:
             b = t._payload, t = t._init;
             try {
-              return p(t(b));
+              return m(t(b));
             } catch {
             }
         }
       return "";
     }
-    function h() {
-      var t = I.A;
+    function p() {
+      var t = F.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;
       }
       return t.key !== void 0;
     }
-    function a(t, b) {
+    function r(t, b) {
       function w() {
-        Ae || (Ae = !0, console.error(
+        Ne || (Ne = !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,13 +314,13 @@ function ft() {
     }
     function c() {
       var t = n(this.type);
-      return qe[t] || (qe[t] = !0, console.error(
+      return Ae[t] || (Ae[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 y(t, b, w, q, V, U) {
+    function v(t, b, w, A, V, U) {
       return w = U.ref, t = {
-        $$typeof: L,
+        $$typeof: R,
         type: t,
         key: b,
         props: U,
@@ -340,102 +340,102 @@ function ft() {
         value: null
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function v(t, b, w, q, V, U) {
-      if (typeof t == "string" || typeof t == "function" || t === j || t === Y || t === A || t === B || t === fe || t === D || typeof t == "object" && t !== null && (t.$$typeof === S || t.$$typeof === R || t.$$typeof === d || t.$$typeof === g || t.$$typeof === O || t.$$typeof === W || t.getModuleId !== void 0)) {
-        var P = b.children;
-        if (P !== void 0)
-          if (q)
-            if (z(P)) {
-              for (q = 0; q < P.length; q++)
-                f(P[q], t);
-              Object.freeze && Object.freeze(P);
+    function g(t, b, w, A, V, U) {
+      if (typeof t == "string" || typeof t == "function" || t === T || t === Y || t === P || t === B || t === me || 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)) {
+        var _ = b.children;
+        if (_ !== void 0)
+          if (A)
+            if (H(_)) {
+              for (A = 0; A < _.length; A++)
+                l(_[A], t);
+              Object.freeze && Object.freeze(_);
             } else
               console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
-          else f(P, t);
+          else l(_, t);
       } else
-        P = "", (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (P += " 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 ? q = "null" : z(t) ? q = "array" : t !== void 0 && t.$$typeof === L ? (q = "<" + (n(t.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : q = 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 ? 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(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          q,
-          P
+          A,
+          _
         );
       if (Z.call(b, "key")) {
-        P = n(t);
+        _ = n(t);
         var oe = Object.keys(b).filter(function(Q) {
           return Q !== "key";
         });
-        q = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", Ce[P + q] || (oe = 0 < oe.length ? "{" + oe.join(": ..., ") + ": ...}" : "{}", console.error(
+        A = 0 < oe.length ? "{key: someKey, " + oe.join(": ..., ") + ": ...}" : "{key: someKey}", qe[_ + A] || (oe = 0 < oe.length ? "{" + oe.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} />`,
-          q,
-          P,
+          A,
+          _,
           oe,
-          P
-        ), Ce[P + q] = !0);
+          _
+        ), qe[_ + A] = !0);
       }
-      if (P = null, w !== void 0 && (r(w), P = "" + w), m(b) && (r(b.key), P = "" + 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 P && a(
+      return _ && r(
         w,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), y(t, P, U, V, h(), w);
+      ), v(t, _, U, V, p(), w);
     }
-    function f(t, b) {
+    function l(t, b) {
       if (typeof t == "object" && t && t.$$typeof !== dt) {
-        if (z(t))
+        if (H(t))
           for (var w = 0; w < t.length; w++) {
-            var q = t[w];
-            $(q) && T(q, b);
+            var A = t[w];
+            y(A) && M(A, b);
           }
-        else if ($(t))
+        else if (y(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))
           for (; !(t = w.next()).done; )
-            $(t.value) && T(t.value, b);
+            y(t.value) && M(t.value, b);
       }
     }
-    function $(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === L;
+    function y(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === R;
     }
-    function T(t, b) {
-      if (t._store && !t._store.validated && t.key == null && (t._store.validated = 1, b = _(b), !We[b])) {
+    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;
         var w = "";
-        t && t._owner != null && t._owner !== h() && (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 q = I.getCurrentStack;
-        I.getCurrentStack = function() {
-          var V = p(t.type);
-          return q && (V += q() || ""), V;
+        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 = m(t.type);
+          return A && (V += A() || ""), V;
         }, 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
-        ), I.getCurrentStack = q;
+        ), F.getCurrentStack = A;
       }
     }
-    function _(t) {
-      var b = "", w = h();
+    function j(t) {
+      var b = "", w = p();
       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 M = Ne, L = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), d = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), fe = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), k = Symbol.iterator, x = Symbol.for("react.client.reference"), I = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, F = Object.assign, W = Symbol.for("react.client.reference"), z = Array.isArray, H = 0, J, ae, ne, ue, re, G, ee;
-    u.__reactDisabledLog = !0;
-    var se, de, Ze = !1, _e = new (typeof WeakMap == "function" ? WeakMap : Map)(), dt = Symbol.for("react.client.reference"), Ae, qe = {}, Ce = {}, We = {};
-    ve.Fragment = j, ve.jsx = function(t, b, w, q, V) {
-      return v(t, b, w, !1, q, V);
-    }, ve.jsxs = function(t, b, w, q, V) {
-      return v(t, b, w, !0, q, V);
+    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"), me = 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;
+    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);
     };
   }()), ve;
 }
@@ -497,69 +497,69 @@ const ut = 2.375 * 16, Be = 3, K = {
 var be = { exports: {} }, ht = be.exports, Ge;
 function pt() {
   return Ge || (Ge = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(ht, function() {
-      var r = 1e3, u = 6e4, i = 36e5, e = "millisecond", l = "second", o = "minute", p = "hour", h = "day", m = "week", a = "month", c = "quarter", y = "year", v = "date", f = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, T = /\[([^\]]+)]|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, _ = { 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(R) {
-        var S = ["th", "st", "nd", "rd"], D = R % 100;
-        return "[" + R + (S[(D - 20) % 10] || S[D] || S[0]) + "]";
-      } }, M = function(R, S, D) {
-        var k = String(R);
-        return !k || k.length >= S ? R : "" + Array(S + 1 - k.length).join(D) + R;
-      }, L = { s: M, z: function(R) {
-        var S = -R.utcOffset(), D = Math.abs(S), k = Math.floor(D / 60), x = D % 60;
-        return (S <= 0 ? "+" : "-") + M(k, 2, "0") + ":" + M(x, 2, "0");
-      }, m: function R(S, D) {
-        if (S.date() < D.date()) return -R(D, S);
-        var k = 12 * (D.year() - S.year()) + (D.month() - S.month()), x = S.clone().add(k, a), I = D - x < 0, Z = S.clone().add(k + (I ? -1 : 1), a);
-        return +(-(k + (D - x) / (I ? x - Z : Z - x)) || 0);
-      }, a: function(R) {
-        return R < 0 ? Math.ceil(R) || 0 : Math.floor(R);
-      }, p: function(R) {
-        return { M: a, y, w: m, d: h, D: v, h: p, m: o, s: l, ms: e, Q: c }[R] || String(R || "").toLowerCase().replace(/s$/, "");
-      }, u: function(R) {
-        return R === void 0;
-      } }, E = "en", j = {};
-      j[E] = _;
-      var A = "$isDayjsObject", Y = function(R) {
-        return R instanceof B || !(!R || !R[A]);
-      }, g = function R(S, D, k) {
+      var a = 1e3, i = 6e4, o = 36e5, e = "millisecond", f = "second", u = "minute", m = "hour", p = "day", h = "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: h, d: p, D: g, h: m, 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) {
         var x;
         if (!S) return E;
         if (typeof S == "string") {
-          var I = S.toLowerCase();
-          j[I] && (x = I), D && (j[I] = D, x = I);
+          var F = S.toLowerCase();
+          T[F] && (x = F), D && (T[F] = D, x = F);
           var Z = S.split("-");
-          if (!x && Z.length > 1) return R(Z[0]);
+          if (!x && Z.length > 1) return L(Z[0]);
         } else {
-          var F = S.name;
-          j[F] = S, x = F;
+          var C = S.name;
+          T[C] = S, x = C;
         }
         return !k && x && (E = x), x || !k && E;
-      }, d = function(R, S) {
-        if (Y(R)) return R.clone();
+      }, d = function(L, S) {
+        if (Y(L)) return L.clone();
         var D = typeof S == "object" ? S : {};
-        return D.date = R, D.args = arguments, new B(D);
-      }, O = L;
-      O.l = g, O.i = Y, O.w = function(R, S) {
-        return d(R, { locale: S.$L, utc: S.$u, x: S.$x, $offset: S.$offset });
+        return D.date = L, D.args = arguments, new B(D);
+      }, 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 });
       };
       var B = function() {
-        function R(D) {
-          this.$L = g(D.locale, null, !0), this.parse(D), this.$x = this.$x || D.x || {}, this[A] = !0;
+        function L(D) {
+          this.$L = $(D.locale, null, !0), this.parse(D), this.$x = this.$x || D.x || {}, this[P] = !0;
         }
-        var S = R.prototype;
+        var S = L.prototype;
         return S.parse = function(D) {
           this.$d = function(k) {
-            var x = k.date, I = k.utc;
+            var x = k.date, F = k.utc;
             if (x === null) return /* @__PURE__ */ new Date(NaN);
-            if (O.u(x)) return /* @__PURE__ */ new Date();
+            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($);
+              var Z = x.match(y);
               if (Z) {
-                var F = Z[2] - 1 || 0, W = (Z[7] || "0").substring(0, 3);
-                return I ? new Date(Date.UTC(Z[1], F, Z[3] || 1, Z[4] || 0, Z[5] || 0, Z[6] || 0, W)) : new Date(Z[1], F, Z[3] || 1, Z[4] || 0, Z[5] || 0, Z[6] || 0, W);
+                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);
               }
             }
             return new Date(x);
@@ -568,9 +568,9 @@ function pt() {
           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();
         }, S.$utils = function() {
-          return O;
+          return I;
         }, S.isValid = function() {
-          return this.$d.toString() !== f;
+          return this.$d.toString() !== l;
         }, S.isSame = function(D, k) {
           var x = d(D);
           return this.startOf(k) <= x && x <= this.endOf(k);
@@ -579,34 +579,34 @@ function pt() {
         }, S.isBefore = function(D, k) {
           return this.endOf(k) < d(D);
         }, S.$g = function(D, k, x) {
-          return O.u(D) ? this[k] : this.set(x, D);
+          return I.u(D) ? this[k] : this.set(x, D);
         }, S.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, S.valueOf = function() {
           return this.$d.getTime();
         }, S.startOf = function(D, k) {
-          var x = this, I = !!O.u(k) || k, Z = O.p(D), F = function(re, G) {
-            var ee = O.w(x.$u ? Date.UTC(x.$y, G, re) : new Date(x.$y, G, re), x);
-            return I ? ee : ee.endOf(h);
+          var x = this, F = !!I.u(k) || k, Z = I.p(D), C = 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 O.w(x.toDate()[re].apply(x.toDate("s"), (I ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(G)), x);
-          }, z = this.$W, H = this.$M, J = this.$D, ae = "set" + (this.$u ? "UTC" : "");
+            return I.w(x.toDate()[re].apply(x.toDate("s"), (F ? [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 y:
-              return I ? F(1, 0) : F(31, 11);
-            case a:
-              return I ? F(1, H) : F(0, H + 1);
-            case m:
-              var ne = this.$locale().weekStart || 0, ue = (z < ne ? z + 7 : z) - ne;
-              return F(I ? J - ue : J + (6 - ue), H);
-            case h:
             case v:
-              return W(ae + "Hours", 0);
+              return F ? C(1, 0) : C(31, 11);
+            case r:
+              return F ? C(1, z) : C(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:
+            case g:
+              return W(ae + "Hours", 0);
+            case m:
               return W(ae + "Minutes", 1);
-            case o:
+            case u:
               return W(ae + "Seconds", 2);
-            case l:
+            case f:
               return W(ae + "Milliseconds", 3);
             default:
               return this.clone();
@@ -614,91 +614,91 @@ function pt() {
         }, S.endOf = function(D) {
           return this.startOf(D, !1);
         }, S.$set = function(D, k) {
-          var x, I = O.p(D), Z = "set" + (this.$u ? "UTC" : ""), F = (x = {}, x[h] = Z + "Date", x[v] = Z + "Date", x[a] = Z + "Month", x[y] = Z + "FullYear", x[p] = Z + "Hours", x[o] = Z + "Minutes", x[l] = Z + "Seconds", x[e] = Z + "Milliseconds", x)[I], W = I === h ? this.$D + (k - this.$W) : k;
-          if (I === a || I === y) {
-            var z = this.clone().set(v, 1);
-            z.$d[F](W), z.init(), this.$d = z.set(v, Math.min(this.$D, z.daysInMonth())).$d;
-          } else F && this.$d[F](W);
+          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[m] = 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) {
+            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);
           return this.init(), this;
         }, S.set = function(D, k) {
           return this.clone().$set(D, k);
         }, S.get = function(D) {
-          return this[O.p(D)]();
+          return this[I.p(D)]();
         }, S.add = function(D, k) {
-          var x, I = this;
+          var x, F = this;
           D = Number(D);
-          var Z = O.p(k), F = function(H) {
-            var J = d(I);
-            return O.w(J.date(J.date() + Math.round(H * D)), I);
+          var Z = I.p(k), C = function(z) {
+            var J = d(F);
+            return I.w(J.date(J.date() + Math.round(z * D)), F);
           };
-          if (Z === a) return this.set(a, this.$M + D);
-          if (Z === y) return this.set(y, this.$y + D);
-          if (Z === h) return F(1);
-          if (Z === m) return F(7);
-          var W = (x = {}, x[o] = u, x[p] = i, x[l] = r, x)[Z] || 1, z = this.$d.getTime() + D * W;
-          return O.w(z, this);
+          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 === h) return C(7);
+          var W = (x = {}, x[u] = i, x[m] = o, x[f] = a, x)[Z] || 1, H = this.$d.getTime() + D * W;
+          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();
-          if (!this.isValid()) return x.invalidDate || f;
-          var I = D || "YYYY-MM-DDTHH:mm:ssZ", Z = O.z(this), F = this.$H, W = this.$m, z = this.$M, H = x.weekdays, J = x.months, ae = x.meridiem, ne = function(G, ee, se, de) {
-            return G && (G[ee] || G(k, I)) || se[ee].slice(0, de);
+          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);
           }, ue = function(G) {
-            return O.s(F % 12 || 12, G, "0");
+            return I.s(C % 12 || 12, G, "0");
           }, re = ae || function(G, ee, se) {
-            var de = G < 12 ? "AM" : "PM";
-            return se ? de.toLowerCase() : de;
+            var le = G < 12 ? "AM" : "PM";
+            return se ? le.toLowerCase() : le;
           };
-          return I.replace(T, function(G, ee) {
+          return F.replace(M, function(G, ee) {
             return ee || function(se) {
               switch (se) {
                 case "YY":
                   return String(k.$y).slice(-2);
                 case "YYYY":
-                  return O.s(k.$y, 4, "0");
+                  return I.s(k.$y, 4, "0");
                 case "M":
-                  return z + 1;
+                  return H + 1;
                 case "MM":
-                  return O.s(z + 1, 2, "0");
+                  return I.s(H + 1, 2, "0");
                 case "MMM":
-                  return ne(x.monthsShort, z, J, 3);
+                  return ne(x.monthsShort, H, J, 3);
                 case "MMMM":
-                  return ne(J, z);
+                  return ne(J, H);
                 case "D":
                   return k.$D;
                 case "DD":
-                  return O.s(k.$D, 2, "0");
+                  return I.s(k.$D, 2, "0");
                 case "d":
                   return String(k.$W);
                 case "dd":
-                  return ne(x.weekdaysMin, k.$W, H, 2);
+                  return ne(x.weekdaysMin, k.$W, z, 2);
                 case "ddd":
-                  return ne(x.weekdaysShort, k.$W, H, 3);
+                  return ne(x.weekdaysShort, k.$W, z, 3);
                 case "dddd":
-                  return H[k.$W];
+                  return z[k.$W];
                 case "H":
-                  return String(F);
+                  return String(C);
                 case "HH":
-                  return O.s(F, 2, "0");
+                  return I.s(C, 2, "0");
                 case "h":
                   return ue(1);
                 case "hh":
                   return ue(2);
                 case "a":
-                  return re(F, W, !0);
+                  return re(C, W, !0);
                 case "A":
-                  return re(F, W, !1);
+                  return re(C, W, !1);
                 case "m":
                   return String(W);
                 case "mm":
-                  return O.s(W, 2, "0");
+                  return I.s(W, 2, "0");
                 case "s":
                   return String(k.$s);
                 case "ss":
-                  return O.s(k.$s, 2, "0");
+                  return I.s(k.$s, 2, "0");
                 case "SSS":
-                  return O.s(k.$ms, 3, "0");
+                  return I.s(k.$ms, 3, "0");
                 case "Z":
                   return Z;
               }
@@ -708,48 +708,48 @@ function pt() {
         }, S.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, S.diff = function(D, k, x) {
-          var I, Z = this, F = O.p(k), W = d(D), z = (W.utcOffset() - this.utcOffset()) * u, H = this - W, J = function() {
-            return O.m(Z, W);
+          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);
           };
-          switch (F) {
-            case y:
-              I = J() / 12;
+          switch (C) {
+            case v:
+              F = J() / 12;
               break;
-            case a:
-              I = J();
+            case r:
+              F = J();
               break;
             case c:
-              I = J() / 3;
-              break;
-            case m:
-              I = (H - z) / 6048e5;
+              F = J() / 3;
               break;
             case h:
-              I = (H - z) / 864e5;
+              F = (z - H) / 6048e5;
               break;
             case p:
-              I = H / i;
+              F = (z - H) / 864e5;
               break;
-            case o:
-              I = H / u;
+            case m:
+              F = z / o;
+              break;
+            case u:
+              F = z / i;
               break;
-            case l:
-              I = H / r;
+            case f:
+              F = z / a;
               break;
             default:
-              I = H;
+              F = z;
           }
-          return x ? I : O.a(I);
+          return x ? F : I.a(F);
         }, S.daysInMonth = function() {
-          return this.endOf(a).$D;
+          return this.endOf(r).$D;
         }, S.$locale = function() {
-          return j[this.$L];
+          return T[this.$L];
         }, S.locale = function(D, k) {
           if (!D) return this.$L;
-          var x = this.clone(), I = g(D, k, !0);
-          return I && (x.$L = I), x;
+          var x = this.clone(), F = $(D, k, !0);
+          return F && (x.$L = F), x;
         }, S.clone = function() {
-          return O.w(this.$d, this);
+          return I.w(this.$d, this);
         }, S.toDate = function() {
           return new Date(this.valueOf());
         }, S.toJSON = function() {
@@ -758,163 +758,186 @@ function pt() {
           return this.$d.toISOString();
         }, S.toString = function() {
           return this.$d.toUTCString();
-        }, R;
-      }(), fe = B.prototype;
-      return d.prototype = fe, [["$ms", e], ["$s", l], ["$m", o], ["$H", p], ["$W", h], ["$M", a], ["$y", y], ["$D", v]].forEach(function(R) {
-        fe[R[1]] = function(S) {
-          return this.$g(S, R[0], R[1]);
+        }, L;
+      }(), me = B.prototype;
+      return d.prototype = me, [["$ms", e], ["$s", f], ["$m", u], ["$H", m], ["$W", p], ["$M", r], ["$y", v], ["$D", g]].forEach(function(L) {
+        me[L[1]] = function(S) {
+          return this.$g(S, L[0], L[1]);
         };
-      }), d.extend = function(R, S) {
-        return R.$i || (R(S, B, d), R.$i = !0), d;
-      }, d.locale = g, d.isDayjs = Y, d.unix = function(R) {
-        return d(1e3 * R);
-      }, d.en = j[E], d.Ls = j, d.p = {}, d;
+      }), 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;
     });
   }(be)), be.exports;
 }
 var $t = pt();
-const C = /* @__PURE__ */ te($t);
-function gt(n, s, r, u) {
-  if (!r.length)
+const q = /* @__PURE__ */ te($t);
+function gt(n, s, a, i) {
+  if (!a.length)
     return { barMarginLeftAmount: 0, barWidthSize: 0 };
-  const { tickUnit: i, unitPerTick: e } = K[u], l = r.reduce((f, $) => f + $.widthPx, 0), o = r[0].startDate, p = r[r.length - 1].startDate, h = C(p).add(e, i).diff(o), m = l / h, a = n.diff(o), c = s.diff(o), y = a * m, v = Math.max(c - a, 1) * m;
-  return { barMarginLeftAmount: y, barWidthSize: v };
+  const { tickUnit: o, unitPerTick: e } = K[i], f = a.reduce((l, y) => l + y.widthPx, 0), u = a[0].startDate, m = a[a.length - 1].startDate, p = q(m).add(e, o).diff(u), h = f / p, r = n.diff(u), c = s.diff(u), v = r * h, g = Math.max(c - r, 1) * h;
+  return { barMarginLeftAmount: v, barWidthSize: g };
 }
 function vt(n) {
-  let s = 1 / 0, r = -1 / 0;
-  for (const { startDate: u, endDate: i } of Object.values(n)) {
-    const e = C(u).valueOf(), l = C(i).valueOf();
-    Number.isNaN(e) || (s = Math.min(s, e)), Number.isNaN(l) || (r = Math.max(r, l));
+  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));
   }
-  return { minDate: C(s), maxDate: C(r) };
+  return { minDate: q(s), maxDate: q(a) };
 }
-function Dt(n, s, r) {
-  const { tickUnit: u, unitPerTick: i } = K[r];
+function Dt(n, s, a) {
+  const { tickUnit: i, unitPerTick: o } = K[a];
   return {
     paddedMinDate: n.subtract(
-      Be * i,
-      u
+      Be * o,
+      i
     ),
-    paddedMaxDate: s.add(Be * i, u)
+    paddedMaxDate: s.add(Be * o, i)
   };
 }
-function yt(n, s, r) {
-  const { tickUnit: u, unitPerTick: i, basePxPerDragStep: e, dragStepUnit: l, dragStepAmount: o } = K[r], p = [];
-  let h = n.startOf(u);
-  for (; h.isBefore(s); ) {
-    const m = C(h).add(i, u).diff(h, l) / o;
-    p.push({
-      startDate: h,
-      widthPx: m * e
-    }), h = h.add(i, u);
+function yt(n, s, a) {
+  const { tickUnit: i, unitPerTick: o, basePxPerDragStep: e, dragStepUnit: f, dragStepAmount: u } = K[a], m = [];
+  let p = n.startOf(i);
+  for (; p.isBefore(s); ) {
+    const h = q(p).add(o, i).diff(p, f) / u;
+    m.push({
+      startDate: p,
+      widthPx: h * e
+    }), p = p.add(o, i);
   }
-  return p;
+  return m;
 }
 function ct(n, s) {
-  const { labelUnit: r, formatHeaderLabel: u } = K[s], i = [];
-  let e = null, l = "", o = 0, p = null;
-  return n.forEach((h, m) => {
-    const a = h.startDate.startOf(r), c = a.valueOf(), y = (u == null ? void 0 : u(a)) ?? a.format();
-    c === e ? o += h.widthPx : (e !== null && i.push({
-      label: l,
-      widthPx: o,
-      startDate: p
-    }), e = c, l = y, o = h.widthPx, p = a), m === n.length - 1 && i.push({
-      label: l,
-      widthPx: o,
-      startDate: p
+  const { labelUnit: a, formatHeaderLabel: i } = K[s], o = [];
+  let e = null, f = "", u = 0, m = null;
+  return n.forEach((p, h) => {
+    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({
+      label: f,
+      widthPx: u,
+      startDate: m
+    }), e = c, f = v, u = p.widthPx, m = r), h === n.length - 1 && o.push({
+      label: f,
+      widthPx: u,
+      startDate: m
     });
-  }), i;
+  }), o;
 }
-function St(n, s, r, u, i, e) {
-  const { minDate: l, maxDate: o } = vt(n);
-  r(l), u(o);
-  const { paddedMinDate: p, paddedMaxDate: h } = Dt(
-    l,
-    o,
+function St(n, s, a, i, o, e) {
+  const { minDate: f, maxDate: u } = vt(n);
+  a(f), i(u);
+  const { paddedMinDate: m, paddedMaxDate: p } = Dt(
+    f,
+    u,
     s
-  ), m = yt(
+  ), h = yt(
+    m,
     p,
-    h,
     s
-  ), a = ct(m, s);
-  i(m), e(a);
+  ), r = ct(h, s);
+  o(h), e(r);
 }
 const xt = ({
   bottomRowCells: n,
   selectedScale: s,
-  scrollRef: r
+  scrollRef: a
 }) => {
-  var m;
-  const u = K[s], [i, e] = he(0), l = Pe(
+  var h;
+  const i = K[s], [o, e] = de(0), f = _e(
     () => ct(n, s),
     [n, s]
-  ), o = Pe(() => {
-    const a = [];
-    for (const c of l) {
-      const y = a[a.length - 1];
-      y && y.label === c.label ? y.widthPx += c.widthPx : a.push({ ...c });
+  ), 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 });
     }
-    return a;
-  }, [l]), p = Pe(() => {
-    let a = 0;
-    return o.map((c) => {
-      const y = { ...c, left: a };
-      return a += c.widthPx, y;
+    return r;
+  }, [f]), m = _e(() => {
+    let r = 0;
+    return u.map((c) => {
+      const v = { ...c, left: r };
+      return r += c.widthPx, v;
     });
-  }, [o]);
+  }, [u]);
   xe(() => {
-    const a = r.current;
-    if (!a) return;
+    const r = a.current;
+    if (!r) return;
     const c = () => {
-      const y = a.scrollLeft;
-      for (let v = p.length - 1; v >= 0; v--)
-        if (y >= p[v].left) {
-          e(v);
+      const v = r.scrollLeft;
+      for (let g = m.length - 1; g >= 0; g--)
+        if (v >= m[g].left) {
+          e(g);
           break;
         }
     };
-    return a.addEventListener("scroll", c), c(), () => a.removeEventListener("scroll", c);
-  }, [p]);
-  const h = ((m = p[i]) == null ? void 0 : m.label) ?? "";
-  return /* @__PURE__ */ N.jsx("div", { className: "bg-base-200 sticky top-0 z-30", 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: "bg-base-200 border-base-400 sticky left-0 z-40 flex w-24 shrink-0 items-center justify-center border-b border-solid text-sm font-bold", children: h }),
-      /* @__PURE__ */ N.jsx("div", { className: "flex", children: p.map((a, c) => /* @__PURE__ */ N.jsx(
-        "div",
-        {
-          className: "border-base-400 bg-base-200 border-b border-solid py-2 pr-4 text-left text-sm font-bold",
-          style: { width: `${a.widthPx}px` },
-          children: /* @__PURE__ */ N.jsx("p", { className: "px-4", children: c === 0 ? "" : a.label })
-        },
-        c
-      )) })
-    ] }),
-    /* @__PURE__ */ N.jsx("div", { className: "flex", children: n.map((a, c) => {
-      var v;
-      const y = ((v = u.formatTickLabel) == null ? void 0 : v.call(u, a.startDate)) || "";
-      return /* @__PURE__ */ N.jsx(
-        "div",
-        {
-          className: "relative p-1 text-center text-xs",
-          style: { width: `${a.widthPx}px` },
-          children: y
-        },
-        c
-      );
-    }) })
-  ] }) });
+    return r.addEventListener("scroll", c), c(), () => r.removeEventListener("scroll", c);
+  }, [m]);
+  const p = ((h = m[o]) == null ? void 0 : h.label) ?? "";
+  return /* @__PURE__ */ N.jsx(
+    "div",
+    {
+      className: "sticky top-0 z-30",
+      style: {
+        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: m.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
+          );
+        }) })
+      ] })
+    }
+  );
 };
 var we = { exports: {} }, bt = we.exports, Ve;
 function wt() {
   return Ve || (Ve = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(bt, function() {
-      return function(r, u, i) {
-        u.prototype.isBetween = function(e, l, o, p) {
-          var h = i(e), m = i(l), a = (p = p || "()")[0] === "(", c = p[1] === ")";
-          return (a ? this.isAfter(h, o) : !this.isBefore(h, o)) && (c ? this.isBefore(m, o) : !this.isAfter(m, o)) || (a ? this.isBefore(h, o) : !this.isAfter(h, o)) && (c ? this.isAfter(m, o) : !this.isBefore(m, o));
+      return function(a, i, o) {
+        i.prototype.isBetween = function(e, f, u, m) {
+          var p = o(e), h = o(f), r = (m = m || "()")[0] === "(", c = m[1] === ")";
+          return (r ? this.isAfter(p, u) : !this.isBefore(p, u)) && (c ? this.isBefore(h, u) : !this.isAfter(h, u)) || (r ? this.isBefore(p, u) : !this.isAfter(p, u)) && (c ? this.isAfter(h, u) : !this.isBefore(h, u));
         };
       };
     });
@@ -925,27 +948,27 @@ const kt = /* @__PURE__ */ te(Tt);
 var Te = { exports: {} }, Et = Te.exports, Xe;
 function Mt() {
   return Xe || (Xe = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(Et, function() {
-      var r = "day";
-      return function(u, i, e) {
-        var l = function(h) {
-          return h.add(4 - h.isoWeekday(), r);
-        }, o = i.prototype;
-        o.isoWeekYear = function() {
-          return l(this).year();
-        }, o.isoWeek = function(h) {
-          if (!this.$utils().u(h)) return this.add(7 * (h - this.isoWeek()), r);
-          var m, a, c, y, v = l(this), f = (m = this.isoWeekYear(), a = this.$u, c = (a ? e.utc : e)().year(m).startOf("year"), y = 4 - c.isoWeekday(), c.isoWeekday() > 4 && (y += 7), c.add(y, r));
-          return v.diff(f, "week") + 1;
-        }, o.isoWeekday = function(h) {
-          return this.$utils().u(h) ? this.day() || 7 : this.day(this.day() % 7 ? h : h - 7);
+      var a = "day";
+      return function(i, o, e) {
+        var f = function(p) {
+          return p.add(4 - p.isoWeekday(), a);
+        }, u = o.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 h, r, c, v, g = f(this), l = (h = this.isoWeekYear(), r = this.$u, c = (r ? e.utc : e)().year(h).startOf("year"), v = 4 - c.isoWeekday(), c.isoWeekday() > 4 && (v += 7), c.add(v, 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);
         };
-        var p = o.startOf;
-        o.startOf = function(h, m) {
-          var a = this.$utils(), c = !!a.u(m) || m;
-          return a.p(h) === "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)(h, m);
+        var m = u.startOf;
+        u.startOf = function(p, h) {
+          var r = this.$utils(), c = !!r.u(h) || h;
+          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") : m.bind(this)(p, h);
         };
       };
     });
@@ -954,192 +977,192 @@ function Mt() {
 var Ot = Mt();
 const It = /* @__PURE__ */ te(Ot);
 var ke = { exports: {} }, Rt = ke.exports, Je;
-function Lt() {
+function Ft() {
   return Je || (Je = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(Rt, function() {
-      return function(r, u) {
-        u.prototype.isSameOrAfter = function(i, e) {
-          return this.isSame(i, e) || this.isAfter(i, e);
+      return function(a, i) {
+        i.prototype.isSameOrAfter = function(o, e) {
+          return this.isSame(o, e) || this.isAfter(o, e);
         };
       };
     });
   }(ke)), ke.exports;
 }
-var jt = Lt();
-const Zt = /* @__PURE__ */ te(jt);
-var Ee = { exports: {} }, _t = Ee.exports, Qe;
-function Pt() {
+var Lt = Ft();
+const jt = /* @__PURE__ */ te(Lt);
+var Ee = { exports: {} }, Zt = Ee.exports, Qe;
+function _t() {
   return Qe || (Qe = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
-    })(_t, function() {
-      return function(r, u) {
-        u.prototype.isSameOrBefore = function(i, e) {
-          return this.isSame(i, e) || this.isBefore(i, e);
+    (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);
         };
       };
     });
   }(Ee)), Ee.exports;
 }
-var Ft = Pt();
-const Nt = /* @__PURE__ */ te(Ft);
-var Me = { exports: {} }, At = Me.exports, Ke;
-function qt() {
+var Pt = _t();
+const Ct = /* @__PURE__ */ te(Pt);
+var Me = { exports: {} }, Nt = Me.exports, Ke;
+function At() {
   return Ke || (Ke = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
-    })(At, function() {
-      return function(r, u, i) {
-        u.prototype.isToday = function() {
-          var e = "YYYY-MM-DD", l = i();
-          return this.format(e) === l.format(e);
+    (function(a, i) {
+      n.exports = i();
+    })(Nt, function() {
+      return function(a, i, o) {
+        i.prototype.isToday = function() {
+          var e = "YYYY-MM-DD", f = o();
+          return this.format(e) === f.format(e);
         };
       };
     });
   }(Me)), Me.exports;
 }
-var Ct = qt();
-const Wt = /* @__PURE__ */ te(Ct);
+var qt = At();
+const Wt = /* @__PURE__ */ te(qt);
 var Oe = { exports: {} }, Ut = Oe.exports, et;
-function zt() {
+function Ht() {
   return et || (et = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(Ut, function() {
-      return function(r, u, i) {
-        var e = u.prototype, l = function(a) {
-          return a && (a.indexOf ? a : a.s);
-        }, o = function(a, c, y, v, f) {
-          var $ = a.name ? a : a.$locale(), T = l($[c]), _ = l($[y]), M = T || _.map(function(E) {
-            return E.slice(0, v);
+      return function(a, i, o) {
+        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);
           });
-          if (!f) return M;
-          var L = $.weekStart;
-          return M.map(function(E, j) {
-            return M[(j + (L || 0)) % 7];
+          if (!l) return O;
+          var R = y.weekStart;
+          return O.map(function(E, T) {
+            return O[(T + (R || 0)) % 7];
           });
-        }, p = function() {
-          return i.Ls[i.locale()];
-        }, h = function(a, c) {
-          return a.formats[c] || function(y) {
-            return y.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(v, f, $) {
-              return f || $.slice(1);
-            });
-          }(a.formats[c.toUpperCase()]);
         }, m = function() {
-          var a = this;
+          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);
+            });
+          }(r.formats[c.toUpperCase()]);
+        }, h = function() {
+          var r = this;
           return { months: function(c) {
-            return c ? c.format("MMMM") : o(a, "months");
+            return c ? c.format("MMMM") : u(r, "months");
           }, monthsShort: function(c) {
-            return c ? c.format("MMM") : o(a, "monthsShort", "months", 3);
+            return c ? c.format("MMM") : u(r, "monthsShort", "months", 3);
           }, firstDayOfWeek: function() {
-            return a.$locale().weekStart || 0;
+            return r.$locale().weekStart || 0;
           }, weekdays: function(c) {
-            return c ? c.format("dddd") : o(a, "weekdays");
+            return c ? c.format("dddd") : u(r, "weekdays");
           }, weekdaysMin: function(c) {
-            return c ? c.format("dd") : o(a, "weekdaysMin", "weekdays", 2);
+            return c ? c.format("dd") : u(r, "weekdaysMin", "weekdays", 2);
           }, weekdaysShort: function(c) {
-            return c ? c.format("ddd") : o(a, "weekdaysShort", "weekdays", 3);
+            return c ? c.format("ddd") : u(r, "weekdaysShort", "weekdays", 3);
           }, longDateFormat: function(c) {
-            return h(a.$locale(), c);
+            return p(r.$locale(), c);
           }, meridiem: this.$locale().meridiem, ordinal: this.$locale().ordinal };
         };
         e.localeData = function() {
-          return m.bind(this)();
-        }, i.localeData = function() {
-          var a = p();
+          return h.bind(this)();
+        }, o.localeData = function() {
+          var r = m();
           return { firstDayOfWeek: function() {
-            return a.weekStart || 0;
+            return r.weekStart || 0;
           }, weekdays: function() {
-            return i.weekdays();
+            return o.weekdays();
           }, weekdaysShort: function() {
-            return i.weekdaysShort();
+            return o.weekdaysShort();
           }, weekdaysMin: function() {
-            return i.weekdaysMin();
+            return o.weekdaysMin();
           }, months: function() {
-            return i.months();
+            return o.months();
           }, monthsShort: function() {
-            return i.monthsShort();
+            return o.monthsShort();
           }, longDateFormat: function(c) {
-            return h(a, c);
-          }, meridiem: a.meridiem, ordinal: a.ordinal };
-        }, i.months = function() {
-          return o(p(), "months");
-        }, i.monthsShort = function() {
-          return o(p(), "monthsShort", "months", 3);
-        }, i.weekdays = function(a) {
-          return o(p(), "weekdays", null, null, a);
-        }, i.weekdaysShort = function(a) {
-          return o(p(), "weekdaysShort", "weekdays", 3, a);
-        }, i.weekdaysMin = function(a) {
-          return o(p(), "weekdaysMin", "weekdays", 2, a);
+            return p(r, c);
+          }, meridiem: r.meridiem, ordinal: r.ordinal };
+        }, o.months = function() {
+          return u(m(), "months");
+        }, o.monthsShort = function() {
+          return u(m(), "monthsShort", "months", 3);
+        }, o.weekdays = function(r) {
+          return u(m(), "weekdays", null, null, r);
+        }, o.weekdaysShort = function(r) {
+          return u(m(), "weekdaysShort", "weekdays", 3, r);
+        }, o.weekdaysMin = function(r) {
+          return u(m(), "weekdaysMin", "weekdays", 2, r);
         };
       };
     });
   }(Oe)), Oe.exports;
 }
-var Ht = zt();
-const Yt = /* @__PURE__ */ te(Ht);
+var zt = Ht();
+const Yt = /* @__PURE__ */ te(zt);
 var Ie = { exports: {} }, Bt = Ie.exports, tt;
 function Gt() {
   return tt || (tt = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(Bt, function() {
-      var r = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, u = {};
-      return function(i, e, l) {
-        var o, p = function(c, y, v) {
-          v === void 0 && (v = {});
-          var f = new Date(c), $ = function(T, _) {
-            _ === void 0 && (_ = {});
-            var M = _.timeZoneName || "short", L = T + "|" + M, E = u[L];
-            return E || (E = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: T, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: M }), u[L] = E), E;
-          }(y, v);
-          return $.formatToParts(f);
-        }, h = function(c, y) {
-          for (var v = p(c, y), f = [], $ = 0; $ < v.length; $ += 1) {
-            var T = v[$], _ = T.type, M = T.value, L = r[_];
-            L >= 0 && (f[L] = parseInt(M, 10));
+      var a = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, i = {};
+      return function(o, e, f) {
+        var u, m = function(c, v, g) {
+          g === void 0 && (g = {});
+          var l = new Date(c), y = function(M, 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 = m(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 E = f[3], j = E === 24 ? 0 : E, A = f[0] + "-" + f[1] + "-" + f[2] + " " + j + ":" + f[4] + ":" + f[5] + ":000", Y = +c;
-          return (l.utc(A).valueOf() - (Y -= Y % 1e3)) / 6e4;
-        }, m = e.prototype;
-        m.tz = function(c, y) {
-          c === void 0 && (c = o);
-          var v, f = this.utcOffset(), $ = this.toDate(), T = $.toLocaleString("en-US", { timeZone: c }), _ = Math.round(($ - new Date(T)) / 1e3 / 60), M = 15 * -Math.round($.getTimezoneOffset() / 15) - _;
-          if (!Number(M)) v = this.utcOffset(0, y);
-          else if (v = l(T, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(M, !0), y) {
-            var L = v.utcOffset();
-            v = v.add(f - L, "minute");
+          var E = l[3], T = E === 24 ? 0 : E, P = l[0] + "-" + l[1] + "-" + l[2] + " " + T + ":" + l[4] + ":" + l[5] + ":000", Y = +c;
+          return (f.utc(P).valueOf() - (Y -= Y % 1e3)) / 6e4;
+        }, h = e.prototype;
+        h.tz = function(c, v) {
+          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 R = g.utcOffset();
+            g = g.add(l - R, "minute");
           }
-          return v.$x.$timezone = c, v;
-        }, m.offsetName = function(c) {
-          var y = this.$x.$timezone || l.tz.guess(), v = p(this.valueOf(), y, { timeZoneName: c }).find(function(f) {
-            return f.type.toLowerCase() === "timezonename";
+          return g.$x.$timezone = c, g;
+        }, h.offsetName = function(c) {
+          var v = this.$x.$timezone || f.tz.guess(), g = m(this.valueOf(), v, { timeZoneName: c }).find(function(l) {
+            return l.type.toLowerCase() === "timezonename";
           });
-          return v && v.value;
+          return g && g.value;
         };
-        var a = m.startOf;
-        m.startOf = function(c, y) {
-          if (!this.$x || !this.$x.$timezone) return a.call(this, c, y);
-          var v = l(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-          return a.call(v, c, y).tz(this.$x.$timezone, !0);
-        }, l.tz = function(c, y, v) {
-          var f = v && y, $ = v || y || o, T = h(+l(), $);
-          if (typeof c != "string") return l(c).tz($);
-          var _ = function(j, A, Y) {
-            var g = j - 60 * A * 1e3, d = h(g, Y);
-            if (A === d) return [g, A];
-            var O = h(g -= 60 * (d - A) * 1e3, Y);
-            return d === O ? [g, d] : [j - 60 * Math.min(d, O) * 1e3, Math.max(d, O)];
-          }(l.utc(c, f).valueOf(), T, $), M = _[0], L = _[1], E = l(M).utcOffset(L);
-          return E.$x.$timezone = $, E;
-        }, l.tz.guess = function() {
+        var r = h.startOf;
+        h.startOf = function(c, v) {
+          if (!this.$x || !this.$x.$timezone) return r.call(this, c, v);
+          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);
+            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;
+        }, f.tz.guess = function() {
           return Intl.DateTimeFormat().resolvedOptions().timeZone;
-        }, l.tz.setDefault = function(c) {
-          o = c;
+        }, f.tz.setDefault = function(c) {
+          u = c;
         };
       };
     });
@@ -1150,15 +1173,15 @@ const Xt = /* @__PURE__ */ te(Vt);
 var Re = { exports: {} }, Jt = Re.exports, nt;
 function Qt() {
   return nt || (nt = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(Jt, function() {
-      return function(r, u, i) {
-        i.updateLocale = function(e, l) {
-          var o = i.Ls[e];
-          if (o) return (l ? Object.keys(l) : []).forEach(function(p) {
-            o[p] = l[p];
-          }), o;
+      return function(a, i, o) {
+        o.updateLocale = function(e, f) {
+          var u = o.Ls[e];
+          if (u) return (f ? Object.keys(f) : []).forEach(function(m) {
+            u[m] = f[m];
+          }), u;
         };
       };
     });
@@ -1166,117 +1189,117 @@ function Qt() {
 }
 var Kt = Qt();
 const en = /* @__PURE__ */ te(Kt);
-var Le = { exports: {} }, tn = Le.exports, rt;
+var Fe = { exports: {} }, tn = Fe.exports, rt;
 function nn() {
   return rt || (rt = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(tn, function() {
-      var r = "minute", u = /[+-]\d\d(?::?\d\d)?/g, i = /([+-]|\d\d)/g;
-      return function(e, l, o) {
-        var p = l.prototype;
-        o.utc = function(f) {
-          var $ = { date: f, utc: !0, args: arguments };
-          return new l($);
-        }, p.utc = function(f) {
-          var $ = o(this.toDate(), { locale: this.$L, utc: !0 });
-          return f ? $.add(this.utcOffset(), r) : $;
-        }, p.local = function() {
-          return o(this.toDate(), { locale: this.$L, utc: !1 });
+      var a = "minute", i = /[+-]\d\d(?::?\d\d)?/g, o = /([+-]|\d\d)/g;
+      return function(e, f, u) {
+        var m = f.prototype;
+        u.utc = function(l) {
+          var y = { date: l, utc: !0, args: arguments };
+          return new f(y);
+        }, m.utc = function(l) {
+          var y = u(this.toDate(), { locale: this.$L, utc: !0 });
+          return l ? y.add(this.utcOffset(), a) : y;
+        }, m.local = function() {
+          return u(this.toDate(), { locale: this.$L, utc: !1 });
         };
-        var h = p.parse;
-        p.parse = function(f) {
-          f.utc && (this.$u = !0), this.$utils().u(f.$offset) || (this.$offset = f.$offset), h.call(this, f);
+        var p = m.parse;
+        m.parse = function(l) {
+          l.utc && (this.$u = !0), this.$utils().u(l.$offset) || (this.$offset = l.$offset), p.call(this, l);
         };
-        var m = p.init;
-        p.init = function() {
+        var h = m.init;
+        m.init = function() {
           if (this.$u) {
-            var f = this.$d;
-            this.$y = f.getUTCFullYear(), this.$M = f.getUTCMonth(), this.$D = f.getUTCDate(), this.$W = f.getUTCDay(), this.$H = f.getUTCHours(), this.$m = f.getUTCMinutes(), this.$s = f.getUTCSeconds(), this.$ms = f.getUTCMilliseconds();
-          } else m.call(this);
+            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 h.call(this);
         };
-        var a = p.utcOffset;
-        p.utcOffset = function(f, $) {
-          var T = this.$utils().u;
-          if (T(f)) return this.$u ? 0 : T(this.$offset) ? a.call(this) : this.$offset;
-          if (typeof f == "string" && (f = function(E) {
+        var r = m.utcOffset;
+        m.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 j = E.match(u);
-            if (!j) return null;
-            var A = ("" + j[0]).match(i) || ["-", 0, 0], Y = A[0], g = 60 * +A[1] + +A[2];
-            return g === 0 ? 0 : Y === "+" ? g : -g;
-          }(f), f === null)) return this;
-          var _ = Math.abs(f) <= 16 ? 60 * f : f, M = this;
-          if ($) return M.$offset = _, M.$u = f === 0, M;
-          if (f !== 0) {
-            var L = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-            (M = this.local().add(_ + L, r)).$offset = _, M.$x.$localOffset = L;
-          } else M = this.utc();
-          return M;
+            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];
+            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;
+          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;
         };
-        var c = p.format;
-        p.format = function(f) {
-          var $ = f || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
-          return c.call(this, $);
-        }, p.valueOf = function() {
-          var f = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
-          return this.$d.valueOf() - 6e4 * f;
-        }, p.isUTC = function() {
+        var c = m.format;
+        m.format = function(l) {
+          var y = l || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return c.call(this, y);
+        }, m.valueOf = function() {
+          var l = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * l;
+        }, m.isUTC = function() {
           return !!this.$u;
-        }, p.toISOString = function() {
+        }, m.toISOString = function() {
           return this.toDate().toISOString();
-        }, p.toString = function() {
+        }, m.toString = function() {
           return this.toDate().toUTCString();
         };
-        var y = p.toDate;
-        p.toDate = function(f) {
-          return f === "s" && this.$offset ? o(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : y.call(this);
+        var v = m.toDate;
+        m.toDate = function(l) {
+          return l === "s" && this.$offset ? u(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : v.call(this);
         };
-        var v = p.diff;
-        p.diff = function(f, $, T) {
-          if (f && this.$u === f.$u) return v.call(this, f, $, T);
-          var _ = this.local(), M = o(f).local();
-          return v.call(_, M, $, T);
+        var g = m.diff;
+        m.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);
         };
       };
     });
-  }(Le)), Le.exports;
+  }(Fe)), Fe.exports;
 }
 var rn = nn();
 const an = /* @__PURE__ */ te(rn);
-var je = { exports: {} }, sn = je.exports, at;
+var Le = { exports: {} }, sn = Le.exports, at;
 function on() {
   return at || (at = 1, function(n, s) {
-    (function(r, u) {
-      n.exports = u();
+    (function(a, i) {
+      n.exports = i();
     })(sn, function() {
-      return function(r, u) {
-        u.prototype.weekday = function(i) {
-          var e = this.$locale().weekStart || 0, l = this.$W, o = (l < e ? l + 7 : l) - e;
-          return this.$utils().u(i) ? o : this.subtract(o, "day").add(i, "day");
+      return function(a, i) {
+        i.prototype.weekday = function(o) {
+          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");
         };
       };
     });
-  }(je)), je.exports;
+  }(Le)), Le.exports;
 }
 var un = on();
 const cn = /* @__PURE__ */ te(un);
-C.extend(cn);
-C.extend(Wt);
-C.extend(an);
-C.extend(Xt);
-C.extend(Zt);
-C.extend(Nt);
-C.extend(kt);
-C.extend(Yt);
-C.extend(en);
-C.extend(It);
+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);
 function dn(n) {
-  return [...n].sort((s, r) => {
-    const u = s.sequence.split(".").map(Number), i = r.sequence.split(".").map(Number);
-    for (let e = 0; e < Math.max(u.length, i.length); e++) {
-      const l = u[e] || 0, o = i[e] || 0;
-      if (l !== o) return l - o;
+  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;
+      if (f !== u) return f - u;
     }
     return 0;
   });
@@ -1284,188 +1307,188 @@ function dn(n) {
 function ln(n) {
   return n.split(".").length - 1;
 }
-function Fe(n, s, r) {
-  const u = dn(n);
-  let i = 0;
-  return u.map((e) => {
-    i++;
-    const l = ln(e.sequence), { barMarginLeftAmount: o, barWidthSize: p } = gt(
-      C(e.startDate),
-      C(e.endDate),
+function Pe(n, s, a) {
+  const i = dn(n);
+  let o = 0;
+  return i.map((e) => {
+    o++;
+    const f = ln(e.sequence), { barMarginLeftAmount: u, barWidthSize: m } = gt(
+      q(e.startDate),
+      q(e.endDate),
       s,
-      r
+      a
     );
     return {
       ...e,
-      barLeft: o,
-      barWidth: p,
-      depth: l,
-      order: i,
-      originalOrder: i
+      barLeft: u,
+      barWidth: m,
+      depth: f,
+      order: o,
+      originalOrder: o
     };
   });
 }
 const st = (n) => {
   let s;
-  const r = /* @__PURE__ */ new Set(), u = (h, m) => {
-    const a = typeof h == "function" ? h(s) : h;
-    if (!Object.is(a, s)) {
+  const a = /* @__PURE__ */ new Set(), i = (p, h) => {
+    const r = typeof p == "function" ? p(s) : p;
+    if (!Object.is(r, s)) {
       const c = s;
-      s = m ?? (typeof a != "object" || a === null) ? a : Object.assign({}, s, a), r.forEach((y) => y(s, c));
+      s = h ?? (typeof r != "object" || r === null) ? r : Object.assign({}, s, r), a.forEach((v) => v(s, c));
     }
-  }, i = () => s, o = { setState: u, getState: i, getInitialState: () => p, subscribe: (h) => (r.add(h), () => r.delete(h)) }, p = s = n(u, i, o);
-  return o;
+  }, o = () => s, u = { setState: i, getState: o, getInitialState: () => m, subscribe: (p) => (a.add(p), () => a.delete(p)) }, m = s = n(i, o, u);
+  return u;
 }, fn = (n) => n ? st(n) : st, mn = (n) => n;
 function hn(n, s = mn) {
-  const r = Ne.useSyncExternalStore(
+  const a = Ce.useSyncExternalStore(
     n.subscribe,
     () => s(n.getState()),
     () => s(n.getInitialState())
   );
-  return Ne.useDebugValue(r), r;
+  return Ce.useDebugValue(a), a;
 }
 const ot = (n) => {
-  const s = fn(n), r = (u) => hn(s, u);
-  return Object.assign(r, s), r;
+  const s = fn(n), a = (i) => hn(s, i);
+  return Object.assign(a, s), a;
 }, pn = (n) => n ? ot(n) : ot, De = pn((n, s) => ({
   rawTasks: [],
   transformedTasks: [],
   bottomRowCells: [],
   topHeaderGroups: [],
-  selectedScale: "day",
-  minDate: C(),
-  maxDate: C(),
+  selectedScale: "month",
+  minDate: q(),
+  maxDate: q(),
   draggingTaskMeta: null,
-  setSelectedScale: (r) => {
-    const { rawTasks: u, bottomRowCells: i } = s(), e = Fe(u, i, r);
-    n({ selectedScale: r, transformedTasks: e });
+  setSelectedScale: (a) => {
+    const { rawTasks: i, bottomRowCells: o } = s(), e = Pe(i, o, a);
+    n({ selectedScale: a, transformedTasks: e });
   },
-  setRawTasks: (r) => {
-    const { bottomRowCells: u, selectedScale: i } = s(), e = Fe(r, u, i);
-    n({ rawTasks: r, transformedTasks: e });
+  setRawTasks: (a) => {
+    const { bottomRowCells: i, selectedScale: o } = s(), e = Pe(a, i, o);
+    n({ rawTasks: a, transformedTasks: e });
   },
-  setBottomRowCells: (r) => {
-    const { rawTasks: u, selectedScale: i } = s(), e = Fe(u, r, i);
-    n({ bottomRowCells: r, transformedTasks: e });
+  setBottomRowCells: (a) => {
+    const { rawTasks: i, selectedScale: o } = s(), e = Pe(i, a, o);
+    n({ bottomRowCells: a, transformedTasks: e });
   },
-  setTopHeaderGroups: (r) => n({ topHeaderGroups: r }),
-  setMinDate: (r) => n({ minDate: r }),
-  setMaxDate: (r) => n({ maxDate: r }),
-  setDraggingTaskMeta: (r) => n({ draggingTaskMeta: r }),
+  setTopHeaderGroups: (a) => n({ topHeaderGroups: a }),
+  setMinDate: (a) => n({ minDate: a }),
+  setMaxDate: (a) => n({ maxDate: a }),
+  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: r } = K[s];
-  return Math.round(n / r);
+  const { basePxPerDragStep: a } = K[s];
+  return Math.round(n / a);
 }
-function gn(n, s, r) {
+function gn(n, s, a) {
   const {
-    rawTasks: u,
-    selectedScale: i,
+    rawTasks: i,
+    selectedScale: o,
     setRawTasks: e,
-    setDraggingTaskMeta: l,
-    clearDraggingTaskMeta: o
-  } = De(), [p, h] = he(s), m = X(s), a = X(null), c = X(s), y = X(n.startDate), v = X(n.endDate), f = (_) => {
-    a.current = _.clientX, c.current = s, y.current = n.startDate, v.current = n.endDate, h(s), m.current = s, l({ taskId: n.id, type: "bar" }), document.addEventListener("mousemove", $), document.addEventListener("mouseup", T);
-  }, $ = (_) => {
-    if (a.current === null) return;
-    const M = _.clientX - a.current, E = pe(M, i) * K[i].basePxPerDragStep, j = c.current + E;
-    h(j), m.current = j;
-  }, T = () => {
-    document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", T);
-    const _ = m.current - c.current, M = pe(_, i), { dragStepUnit: L, dragStepAmount: E } = K[i], j = u.map(
-      (A) => A.id === n.id ? {
-        ...A,
-        startDate: C(y.current).add(M * E, L).toISOString(),
-        endDate: C(v.current).add(M * E, L).toISOString()
-      } : A
+    setDraggingTaskMeta: f,
+    clearDraggingTaskMeta: u
+  } = De(), [m, p] = de(s), h = 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), h.current = s, f({ taskId: n.id, type: "bar" }), document.addEventListener("mousemove", y), document.addEventListener("mouseup", M);
+  }, y = (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), h.current = T;
+  }, M = () => {
+    document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", M);
+    const j = h.current - c.current, O = pe(j, o), { dragStepUnit: R, dragStepAmount: E } = K[o], T = 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()
+      } : P
     );
-    e(j), r == null || r(j), o(), a.current = null;
+    e(T), a == null || a(T), u(), r.current = null;
   };
-  return { onDragStart: f, tempLeft: p };
+  return { onDragStart: l, tempLeft: m };
 }
-function vn(n, s, r, u) {
+function vn(n, s, a, i) {
   const {
-    rawTasks: i,
+    rawTasks: o,
     selectedScale: e,
-    setRawTasks: l,
-    setDraggingTaskMeta: o,
-    clearDraggingTaskMeta: p
-  } = De(), [h, m] = he(s), [a, c] = he(r), y = X(s), v = X(r), f = X(null), $ = X(s), T = X(r), _ = X(n.startDate), M = (j) => {
-    j.stopPropagation(), f.current = j.clientX, $.current = s, T.current = r, _.current = n.startDate, m(s), c(r), y.current = s, v.current = r, o({ taskId: n.id, type: "left" }), document.addEventListener("mousemove", L), document.addEventListener("mouseup", E);
-  }, L = (j) => {
-    if (f.current == null) return;
-    const A = j.clientX - f.current, g = pe(A, e) * K[e].basePxPerDragStep, d = $.current + g, O = T.current - g;
-    O < 1 || (m(d), c(O), y.current = d, v.current = O);
+    setRawTasks: f,
+    setDraggingTaskMeta: u,
+    clearDraggingTaskMeta: m
+  } = De(), [p, h] = 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, h(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) => {
+    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 || (h(d), c(I), v.current = d, g.current = I);
   }, E = () => {
-    document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", E);
-    const j = y.current - $.current, A = pe(j, e), { dragStepUnit: Y, dragStepAmount: g } = K[e], d = i.map((O) => {
-      if (O.id !== n.id) return O;
-      const B = C(_.current).add(
-        A * g,
+    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) => {
+      if (I.id !== n.id) return I;
+      const B = q(j.current).add(
+        P * $,
         Y
       );
-      return B.isAfter(C(O.endDate)) ? O : { ...O, startDate: B.toISOString() };
+      return B.isAfter(q(I.endDate)) ? I : { ...I, startDate: B.toISOString() };
     });
-    l(d), u == null || u(d), p(), f.current = null;
+    f(d), i == null || i(d), m(), l.current = null;
   };
-  return { onDragStart: M, tempLeft: h, tempWidth: a };
+  return { onDragStart: O, tempLeft: p, tempWidth: r };
 }
-function Dn(n, s, r) {
+function Dn(n, s, a) {
   const {
-    rawTasks: u,
-    selectedScale: i,
+    rawTasks: i,
+    selectedScale: o,
     setRawTasks: e,
-    setDraggingTaskMeta: l,
-    clearDraggingTaskMeta: o
-  } = De(), [p, h] = he(s), m = X(s), a = X(null), c = X(s), y = X(n.endDate), v = (T) => {
-    T.stopPropagation(), a.current = T.clientX, c.current = s, y.current = n.endDate, h(s), m.current = s, l({ taskId: n.id, type: "right" }), document.addEventListener("mousemove", f), document.addEventListener("mouseup", $);
-  }, f = (T) => {
-    if (a.current === null) return;
-    const _ = T.clientX - a.current, L = pe(_, i) * K[i].basePxPerDragStep, E = c.current + L;
-    E < 1 || (h(E), m.current = E);
-  }, $ = () => {
-    document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", $);
-    const T = m.current - c.current, _ = pe(T, i), { dragStepUnit: M, dragStepAmount: L } = K[i], E = u.map((j) => {
-      if (j.id !== n.id) return j;
-      const A = C(y.current).add(
-        _ * L,
-        M
+    setDraggingTaskMeta: f,
+    clearDraggingTaskMeta: u
+  } = De(), [m, p] = de(s), h = 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), h.current = s, f({ taskId: n.id, type: "right" }), document.addEventListener("mousemove", l), document.addEventListener("mouseup", y);
+  }, l = (M) => {
+    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), h.current = E);
+  }, y = () => {
+    document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", y);
+    const M = h.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(
+        j * R,
+        O
       );
-      return A.isBefore(C(j.startDate)) ? j : { ...j, endDate: A.toISOString() };
+      return P.isBefore(q(T.startDate)) ? T : { ...T, endDate: P.toISOString() };
     });
-    e(E), r == null || r(E), o(), a.current = null;
+    e(E), a == null || a(E), u(), r.current = null;
   };
-  return { onDragStart: v, tempWidth: p };
+  return { onDragStart: g, tempWidth: m };
 }
-function yn(n, s, r, u, i) {
-  if (r < 0 || i < 0)
-    return `M ${s} ${r} h ${(u - s) / 2}`;
-  const e = 7, l = 11, o = 25, p = 20, h = `M ${s} ${r}`, m = u - s, a = i - r, c = Math.abs(m), y = Math.abs(a), v = i <= r, f = i >= r, $ = u >= s, T = u <= s, _ = c > p, M = Math.abs(m / 2), L = Math.abs(a / 2);
+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, m = 20, p = `M ${s} ${a}`, h = i - s, r = o - a, c = Math.abs(h), v = Math.abs(r), g = o <= a, l = o >= a, y = i >= s, M = i <= s, j = c > m, O = Math.abs(h / 2), R = Math.abs(r / 2);
   function E() {
-    function g() {
-      return ($ || T) && f && !_ ? "downSmallHorizontal" : ($ || T) && v && !_ ? "upSmallHorizontal" : f && T ? "downLeft" : f && $ ? "downRight" : v && T ? "upLeft" : v && $ ? "upRight" : "";
+    function $() {
+      return (y || M) && l && !j ? "downSmallHorizontal" : (y || M) && g && !j ? "upSmallHorizontal" : l && M ? "downLeft" : l && y ? "downRight" : g && M ? "upLeft" : g && y ? "upRight" : "";
     }
-    let d = h;
-    switch (g()) {
+    let d = p;
+    switch ($()) {
       case "downRight": {
-        d += ` h ${M - e}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${a - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${M - e}`;
+        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}`;
         break;
       }
       case "upRight": {
-        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}`;
+        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}`;
         break;
       }
       case "downLeft":
       case "downSmallHorizontal": {
-        const B = r + a / 2;
-        d += ` h ${l}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${B - r - e * 2}`, d += ` a ${e} ${e} 0 0 1 -${e} ${e}`, d += ` h ${m - 2 * l}`, d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${B - r - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${l}`;
+        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 ${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 = r + a / 2;
-        d += ` h ${l}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v -${r - B - e * 2}`, d += ` a ${e} ${e} 0 0 0 -${e} -${e}`, d += ` h ${m - 2 * l}`, d += ` a ${e} ${e} 0 0 1 -${e} -${e}`, d += ` v -${r - B - e * 2}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${l}`;
+        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 ${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:
@@ -1473,32 +1496,32 @@ function yn(n, s, r, u, i) {
     }
     return d;
   }
-  function j() {
-    let g = h;
-    return f && T ? (g += ` h ${o - l}`, g += ` a ${e} ${e} 0 0 1 ${e} ${e}`, g += ` v ${a - e * 2}`, g += ` a ${e} ${e} 0 0 1 -${e} ${e}`, g += ` h ${m - e * 2}`) : f && $ ? (g += ` h ${m + o - l}`, g += ` a ${e} ${e} 0 0 1 ${e} ${e}`, g += ` v ${a - e * 2}`, g += ` a ${e} ${e} 0 0 1 -${e} ${e}`, g += ` h -${o - l}`) : v && T ? (g += ` h ${o - l}`, g += ` a ${e} ${e} 0 0 0 ${e} -${e}`, g += ` v ${a + e * 2}`, g += ` a ${e} ${e} 0 0 0 -${e} -${e}`, g += ` h ${m - o + l}`) : v && $ && (g += ` h ${m + o - l}`, g += ` a ${e} ${e} 0 0 0 ${e} -${e}`, g += ` v ${a + e * 2}`, g += ` a ${e} ${e} 0 0 0 -${e} -${e}`, g += ` h -${o - l}`), g;
+  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 ${h - e * 2}`) : l && y ? ($ += ` 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 && 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 ${h - u + f}`) : g && y && ($ += ` 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 A() {
-    function g() {
-      return ($ || T) && f && !_ ? "downSmallHorizontal" : ($ || T) && v && !_ ? "upSmallHorizontal" : f && T ? "downLeft" : f && $ ? "downRight" : v && T ? "upLeft" : v && $ ? "upRight" : "";
+  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" : "";
     }
-    let d = h;
-    switch (g()) {
+    let d = p;
+    switch ($()) {
       case "downRight":
       case "downSmallHorizontal": {
-        d += " h -11", d += ` a ${e} ${e} 0 0 0 -${e} ${e}`, d += ` v ${L - e * 2}`, d += ` a ${e} ${e} 0 0 0 ${e} ${e}`, d += ` h ${l * 2 + m}`, d += ` a ${e} ${e} 0 0 1 ${e} ${e}`, d += ` v ${L - 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 ${-(L - e * 2)}`, d += ` a ${e} ${e} 0 0 1 ${e} -${e}`, d += ` h ${l * 2 + m}`, d += ` a ${e} ${e} 0 0 0 ${e} -${e}`, d += ` v ${-(L - 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 ${-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}`;
+        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}`;
         break;
       }
       case "upLeft": {
-        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}`;
+        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}`;
         break;
       }
       default:
@@ -1507,42 +1530,42 @@ function yn(n, s, r, u, i) {
     return d;
   }
   function Y() {
-    let g = h;
-    return f && T ? (g += ` h ${m - o}`, g += ` a ${e} ${e} 0 0 0 -${e} ${e}`, g += ` v ${a - e * 2}`, g += ` a ${e} ${e} 0 0 0 ${e} ${e}`, g += ` h ${o}`) : f && $ ? (g += " h -25", g += ` a ${e} ${e} 0 0 0 -${e} ${e}`, g += ` v ${a - e * 2}`, g += ` a ${e} ${e} 0 0 0 ${e} ${e}`, g += ` h ${m + o}`) : v && T ? (g += ` h ${m - o}`, g += ` a ${e} ${e} 0 0 1 -${e} -${e}`, g += ` v ${a + e * 2}`, g += ` a ${e} ${e} 0 0 1 ${e} -${e}`, g += ` h ${o}`) : v && $ && (g += " h -25", g += ` a ${e} ${e} 0 0 1 -${e} -${e}`, g += ` v ${a + e * 2}`, g += ` a ${e} ${e} 0 0 1 ${e} -${e}`, g += ` h ${m + o}`), g;
+    let $ = p;
+    return l && M ? ($ += ` 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 && y ? ($ += " 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 && M ? ($ += ` 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 && y && ($ += " 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();
     case "FF":
-      return j();
+      return T();
     case "SF":
-      return A();
+      return P();
     case "SS":
       return Y();
     default:
-      return `${h} L ${u} ${i}`;
+      return `${p} L ${i} ${o}`;
   }
 }
-function Sn({ allTasks: n, currentTask: s, onTasksChange: r }) {
-  const { onDragStart: u, tempLeft: i } = gn(s, s.barLeft, r), {
+function Sn({ allTasks: n, currentTask: s, onTasksChange: a }) {
+  const { onDragStart: i, tempLeft: o } = gn(s, s.barLeft, a), {
     onDragStart: e,
-    tempLeft: l,
-    tempWidth: o
+    tempLeft: f,
+    tempWidth: u
   } = vn(
     s,
     s.barLeft,
     s.barWidth,
-    r
-  ), { onDragStart: p, tempWidth: h } = Dn(
+    a
+  ), { onDragStart: m, tempWidth: p } = Dn(
     s,
     s.barWidth,
-    r
-  ), { draggingTaskMeta: m } = De(), a = (m == null ? void 0 : m.taskId) === s.id;
-  let c = !1, y = !1, v = !1;
-  a && ((m == null ? void 0 : m.type) === "left" ? c = !0 : (m == null ? void 0 : m.type) === "right" ? y = !0 : (m == null ? void 0 : m.type) === "bar" && (v = !0));
-  let f = s.barLeft, $ = s.barWidth;
-  c ? (f = l, $ = o) : y ? $ = h : v && (f = i);
-  const T = () => /* @__PURE__ */ N.jsx(
+    a
+  ), { draggingTaskMeta: h } = De(), r = (h == null ? void 0 : h.taskId) === s.id;
+  let c = !1, v = !1, g = !1;
+  r && ((h == null ? void 0 : h.type) === "left" ? c = !0 : (h == null ? void 0 : h.type) === "right" ? v = !0 : (h == null ? void 0 : h.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(
     "button",
     {
       type: "button",
@@ -1553,46 +1576,62 @@ function Sn({ allTasks: n, currentTask: s, onTasksChange: r }) {
         width: "2rem",
         height: "100%"
       },
-      children: /* @__PURE__ */ N.jsx(it, { className: "fill-base-500 size-6" })
+      children: /* @__PURE__ */ N.jsx(
+        it,
+        {
+          className: "size-6",
+          style: {
+            fill: "#919294"
+          }
+        }
+      )
     }
-  ), _ = () => /* @__PURE__ */ N.jsx(
+  ), j = () => /* @__PURE__ */ N.jsx(
     "button",
     {
       type: "button",
-      onMouseDown: p,
+      onMouseDown: m,
       className: "absolute top-0 flex h-full cursor-w-resize items-center justify-center opacity-0 hover:opacity-100",
       style: {
         right: "-1.15rem",
         width: "2rem",
         height: "100%"
       },
-      children: /* @__PURE__ */ N.jsx(it, { className: "fill-base-500 size-6" })
+      children: /* @__PURE__ */ N.jsx(
+        it,
+        {
+          className: "size-6",
+          style: {
+            fill: "#919294"
+          }
+        }
+      )
     }
-  ), M = (s.dependencies || []).map((L) => {
-    const E = n.find((O) => O.id === L.targetId);
+  ), O = (s.dependencies || []).map((R) => {
+    const E = n.find((I) => I.id === R.targetId);
     if (!E) return null;
-    const j = ut, A = (E.order - 1) * j + j / 2, Y = (s.order - 1) * j + j / 2;
-    let g, d;
-    switch (L.type) {
+    const T = ut, P = (E.order - 1) * T + T / 2, Y = (s.order - 1) * T + T / 2;
+    let $, d;
+    switch (R.type) {
       case "FS":
-        g = E.barLeft + E.barWidth, d = s.barLeft;
+        $ = E.barLeft + E.barWidth, d = s.barLeft;
         break;
       case "SS":
-        g = E.barLeft, d = s.barLeft;
+        $ = E.barLeft, d = s.barLeft;
         break;
       case "FF":
-        g = E.barLeft + E.barWidth, d = s.barLeft + s.barWidth;
+        $ = E.barLeft + E.barWidth, d = s.barLeft + s.barWidth;
         break;
       case "SF":
-        g = E.barLeft, d = s.barLeft + s.barWidth;
+        $ = E.barLeft, d = s.barLeft + s.barWidth;
         break;
       default:
-        return console.warn(`Unknown dependency type: ${L.type}`), null;
+        return console.warn(`Unknown dependency type: ${R.type}`), null;
     }
     return {
-      ...L,
-      fromX: g,
-      fromY: A,
+      ...R,
+      fromX: $,
+      fromY: P,
       toX: d,
       toY: Y
     };
@@ -1603,16 +1642,17 @@ function Sn({ allTasks: n, currentTask: s, onTasksChange: r }) {
       {
         role: "button",
         tabIndex: 0,
-        className: "bg-base-400 relative flex items-center",
-        onMouseDown: u,
+        className: "relative flex items-center",
+        onMouseDown: i,
         style: {
-          marginLeft: `${f}px`,
-          width: `${$}px`,
+          backgroundColor: "#D6D6D8",
+          marginLeft: `${l}px`,
+          width: `${y}px`,
           height: "1rem"
         },
         children: [
-          T(),
-          _()
+          M(),
+          j()
         ]
       }
     ),
@@ -1629,15 +1669,15 @@ function Sn({ allTasks: n, currentTask: s, onTasksChange: r }) {
           children: /* @__PURE__ */ N.jsx("polygon", { points: "0 0, 6 3, 0 6", fill: "#000" })
         }
       ) }),
-      M.map((L, E) => /* @__PURE__ */ N.jsx(
+      O.map((R, E) => /* @__PURE__ */ N.jsx(
         "path",
         {
           d: yn(
-            L.type,
-            L.fromX,
-            L.fromY,
-            L.toX,
-            L.toY
+            R.type,
+            R.fromX,
+            R.fromY,
+            R.toX,
+            R.toY
           ),
           fill: "none",
           markerEnd: "url(#arrowhead)",
@@ -1648,81 +1688,126 @@ function Sn({ allTasks: n, currentTask: s, onTasksChange: r }) {
     ] })
   ] });
 }
-function bn({ tasks: n, onTasksChange: s }) {
-  const [r, u] = he(n || []), i = X(null), {
-    rawTasks: e,
-    transformedTasks: l,
-    selectedScale: o,
-    setSelectedScale: p,
-    bottomRowCells: h,
-    topHeaderGroups: m,
-    setRawTasks: a,
-    setBottomRowCells: c,
-    setTopHeaderGroups: y,
-    setMinDate: v,
-    setMaxDate: f
+function bn({ tasks: n, onTasksChange: s, ganttHeight: a, columnWidth: i }) {
+  const [o, e] = de(a || 500), [f, u] = de(i || 1e3), [m, p] = de(n || []), h = X(null), {
+    rawTasks: r,
+    transformedTasks: c,
+    selectedScale: v,
+    setSelectedScale: g,
+    bottomRowCells: l,
+    topHeaderGroups: y,
+    setRawTasks: M,
+    setBottomRowCells: j,
+    setTopHeaderGroups: O,
+    setMinDate: R,
+    setMaxDate: E
   } = De();
   return xe(() => {
-    n.length === 0 ? u($n) : u(n);
+    n.length === 0 ? p($n) : p(n);
   }, [n]), xe(() => {
-    if (!r.length) return;
-    const $ = Object.fromEntries(
-      r.map((T) => [
-        T.id,
-        { startDate: T.startDate, endDate: T.endDate }
+    if (!m.length) return;
+    const T = Object.fromEntries(
+      m.map((P) => [
+        P.id,
+        { startDate: P.startDate, endDate: P.endDate }
       ])
     );
     St(
-      $,
-      o,
+      T,
       v,
-      f,
-      c,
-      y
+      R,
+      E,
+      j,
+      O
     );
-  }, [r, o]), xe(() => {
-    !h.length || !r.length || e.length === 0 && a(r);
-  }, [h, r]), /* @__PURE__ */ N.jsx("div", { className: "bg-base-50 h-full w-full overflow-hidden", children: /* @__PURE__ */ N.jsxs("section", { className: "relative flex h-full w-full flex-col", children: [
-    /* @__PURE__ */ N.jsx("div", { className: "fixed top-0.75 right-4 z-40", children: /* @__PURE__ */ N.jsx(
-      "select",
-      {
-        className: "bg-base-50 rounded-md px-2 py-0.5 text-sm font-medium",
-        value: o,
-        onChange: ($) => {
-          const T = $.target.value;
-          p(T);
-        },
-        children: Object.keys(K).map(($) => /* @__PURE__ */ N.jsx("option", { value: $, children: K[$].labelUnit }, $))
-      }
-    ) }),
-    /* @__PURE__ */ N.jsx("div", { ref: i, className: "grow overflow-x-auto", children: /* @__PURE__ */ N.jsxs("div", { className: "flex min-w-max flex-col", children: [
-      /* @__PURE__ */ N.jsx(
-        xt,
-        {
-          topHeaderGroups: m,
-          bottomRowCells: h,
-          selectedScale: o,
-          scrollRef: i
-        }
-      ),
-      /* @__PURE__ */ N.jsx("div", { className: "relative flex", children: /* @__PURE__ */ N.jsx("div", { className: "flex grow flex-col", children: l.map(($) => /* @__PURE__ */ N.jsx(
+  }, [m, v]), xe(() => {
+    !l.length || !m.length || r.length === 0 && M(m);
+  }, [l, m]), /* @__PURE__ */ N.jsx(
+    "section",
+    {
+      style: {
+        position: "relative",
+        overflow: "auto",
+        height: `${o}px`,
+        width: `${f}px`,
+        backgroundColor: "#FFF",
+        fontFamily: "sans-serif"
+      },
+      children: /* @__PURE__ */ N.jsx(
         "div",
         {
-          className: "border-base-300 bg-base-100 flex w-full items-center border-b border-solid",
-          style: { height: `${ut}px` },
-          children: /* @__PURE__ */ N.jsx(
-            Sn,
-            {
-              allTasks: l,
-              currentTask: $,
-              onTasksChange: s
-            }
-          )
-        },
-        $.id
-      )) }) })
-    ] }) })
-  ] }) });
+          className: "size-full",
+          style: {
+            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: h, 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: h
+                }
+              ),
+              /* @__PURE__ */ N.jsx("div", { className: "relative flex", children: /* @__PURE__ */ N.jsx("div", { className: "flex grow flex-col", children: c.map((T) => /* @__PURE__ */ N.jsx(
+                "div",
+                {
+                  className: "flex w-full items-center border-b border-solid",
+                  style: {
+                    height: `${ut}px`,
+                    backgroundColor: "#FFF",
+                    borderColor: "#E6E7E9"
+                  },
+                  children: /* @__PURE__ */ N.jsx(
+                    Sn,
+                    {
+                      allTasks: c,
+                      currentTask: T,
+                      onTasksChange: s
+                    }
+                  )
+                },
+                T.id
+              )) }) })
+            ] }) })
+          ] })
+        }
+      )
+    }
+  );
 }
 export {
   bn as ReactGanttChart