react-fill-calendar 0.2.1 → 0.2.3

package/dist/index.js

@@ -1,32 +1,32 @@
 import re, { useMemo as B } from "react";
-var M = { exports: {} }, D = {};
+var I = { exports: {} }, C = {};
 var H;
 function te() {
-  if (H) return D;
+  if (H) return C;
   H = 1;
-  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.fragment");
-  function p(E, f, u) {
+  var c = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.fragment");
+  function b(v, l, i) {
     var d = null;
-    if (u !== void 0 && (d = "" + u), f.key !== void 0 && (d = "" + f.key), "key" in f) {
-      u = {};
-      for (var R in f)
-        R !== "key" && (u[R] = f[R]);
-    } else u = f;
-    return f = u.ref, {
-      $$typeof: l,
-      type: E,
+    if (i !== void 0 && (d = "" + i), l.key !== void 0 && (d = "" + l.key), "key" in l) {
+      i = {};
+      for (var y in l)
+        y !== "key" && (i[y] = l[y]);
+    } else i = l;
+    return l = i.ref, {
+      $$typeof: c,
+      type: v,
       key: d,
-      ref: f !== void 0 ? f : null,
-      props: u
+      ref: l !== void 0 ? l : null,
+      props: i
     };
   }
-  return D.Fragment = g, D.jsx = p, D.jsxs = p, D;
+  return C.Fragment = m, C.jsx = b, C.jsxs = b, C;
 }
-var Y = {};
+var D = {};
 var Z;
 function ne() {
   return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
-    function l(e) {
+    function c(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === T ? null : e.displayName || e.name || null;
@@ -36,13 +36,13 @@ function ne() {
           return "Fragment";
         case P:
           return "Profiler";
-        case v:
+        case p:
           return "StrictMode";
-        case y:
+        case j:
           return "Suspense";
-        case _:
+        case g:
           return "SuspenseList";
-        case m:
+        case x:
           return "Activity";
       }
       if (typeof e == "object")
@@ -51,60 +51,60 @@ function ne() {
         ), e.$$typeof) {
           case O:
             return "Portal";
-          case I:
+          case L:
             return e.displayName || "Context";
-          case C:
+          case Y:
             return (e._context.displayName || "Context") + ".Consumer";
-          case i:
+          case f:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case n:
-            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
-          case c:
+          case t:
+            return r = e.displayName || null, r !== null ? r : c(e.type) || "Memo";
+          case u:
             r = e._payload, e = e._init;
             try {
-              return l(e(r));
+              return c(e(r));
             } catch {
             }
         }
       return null;
     }
-    function g(e) {
+    function m(e) {
       return "" + e;
     }
-    function p(e) {
+    function b(e) {
       try {
-        g(e);
+        m(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var o = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
+        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), g(e);
+          o
+        ), m(e);
       }
     }
-    function E(e) {
+    function v(e) {
       if (e === A) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === c)
+      if (typeof e == "object" && e !== null && e.$$typeof === u)
         return "<...>";
       try {
-        var r = l(e);
+        var r = c(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function f() {
-      var e = b.A;
+    function l() {
+      var e = k.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function i() {
       return Error("react-stack-top-frame");
     }
     function d(e) {
@@ -114,32 +114,32 @@ function ne() {
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function o() {
+    function y(e, r) {
+      function n() {
         z || (z = !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)",
           r
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
         configurable: !0
       });
     }
     function S() {
-      var e = l(this.type);
+      var e = c(this.type);
       return J[e] || (J[e] = !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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function k(e, r, o, a, L, U) {
-      var s = o.ref;
+    function R(e, r, n, o, M, q) {
+      var s = n.ref;
       return e = {
-        $$typeof: j,
+        $$typeof: E,
         type: e,
         key: r,
-        props: o,
-        _owner: a
+        props: n,
+        _owner: o
       }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: S
@@ -157,21 +157,21 @@ function ne() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
+        value: M
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: q
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function w(e, r, o, a, L, U) {
+    function w(e, r, n, o, M, q) {
       var s = r.children;
       if (s !== void 0)
-        if (a)
+        if (o)
           if (K(s)) {
-            for (a = 0; a < s.length; a++)
-              h(s[a]);
+            for (o = 0; o < s.length; o++)
+              h(s[o]);
             Object.freeze && Object.freeze(s);
           } else
             console.error(
@@ -179,278 +179,305 @@ function ne() {
             );
         else h(s);
       if (F.call(r, "key")) {
-        s = l(e);
+        s = c(e);
         var $ = Object.keys(r).filter(function(ee) {
           return ee !== "key";
         });
-        a = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", X[s + a] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
+        o = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", X[s + o] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          a,
+          o,
           s,
           $,
           s
-        ), X[s + a] = !0);
+        ), X[s + o] = !0);
       }
-      if (s = null, o !== void 0 && (p(o), s = "" + o), d(r) && (p(r.key), s = "" + r.key), "key" in r) {
-        o = {};
+      if (s = null, n !== void 0 && (b(n), s = "" + n), d(r) && (b(r.key), s = "" + r.key), "key" in r) {
+        n = {};
         for (var W in r)
-          W !== "key" && (o[W] = r[W]);
-      } else o = r;
-      return s && R(
-        o,
+          W !== "key" && (n[W] = r[W]);
+      } else n = r;
+      return s && y(
+        n,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), k(
+      ), R(
         e,
         s,
-        o,
-        f(),
-        L,
-        U
+        n,
+        l(),
+        M,
+        q
       );
     }
     function h(e) {
-      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === c && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === u && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
     function N(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === j;
+      return typeof e == "object" && e !== null && e.$$typeof === E;
     }
-    var x = re, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), O = /* @__PURE__ */ Symbol.for("react.portal"), A = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), I = /* @__PURE__ */ Symbol.for("react.context"), i = /* @__PURE__ */ Symbol.for("react.forward_ref"), y = /* @__PURE__ */ Symbol.for("react.suspense"), _ = /* @__PURE__ */ Symbol.for("react.suspense_list"), n = /* @__PURE__ */ Symbol.for("react.memo"), c = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.activity"), T = /* @__PURE__ */ Symbol.for("react.client.reference"), b = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, K = Array.isArray, q = console.createTask ? console.createTask : function() {
+    var _ = re, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), O = /* @__PURE__ */ Symbol.for("react.portal"), A = /* @__PURE__ */ Symbol.for("react.fragment"), p = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), Y = /* @__PURE__ */ Symbol.for("react.consumer"), L = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), g = /* @__PURE__ */ Symbol.for("react.suspense_list"), t = /* @__PURE__ */ Symbol.for("react.memo"), u = /* @__PURE__ */ Symbol.for("react.lazy"), x = /* @__PURE__ */ Symbol.for("react.activity"), T = /* @__PURE__ */ Symbol.for("react.client.reference"), k = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, K = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    _ = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var z, J = {}, V = x.react_stack_bottom_frame.bind(
-      x,
-      u
-    )(), G = q(E(u)), X = {};
-    Y.Fragment = A, Y.jsx = function(e, r, o) {
-      var a = 1e4 > b.recentlyCreatedOwnerStacks++;
+    var z, J = {}, V = _.react_stack_bottom_frame.bind(
+      _,
+      i
+    )(), G = U(v(i)), X = {};
+    D.Fragment = A, D.jsx = function(e, r, n) {
+      var o = 1e4 > k.recentlyCreatedOwnerStacks++;
       return w(
         e,
         r,
-        o,
+        n,
         !1,
-        a ? Error("react-stack-top-frame") : V,
-        a ? q(E(e)) : G
+        o ? Error("react-stack-top-frame") : V,
+        o ? U(v(e)) : G
       );
-    }, Y.jsxs = function(e, r, o) {
-      var a = 1e4 > b.recentlyCreatedOwnerStacks++;
+    }, D.jsxs = function(e, r, n) {
+      var o = 1e4 > k.recentlyCreatedOwnerStacks++;
       return w(
         e,
         r,
-        o,
+        n,
         !0,
-        a ? Error("react-stack-top-frame") : V,
-        a ? q(E(e)) : G
+        o ? Error("react-stack-top-frame") : V,
+        o ? U(v(e)) : G
       );
     };
-  })()), Y;
+  })()), D;
 }
 var Q;
-function oe() {
-  return Q || (Q = 1, process.env.NODE_ENV === "production" ? M.exports = te() : M.exports = ne()), M.exports;
+function ae() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? I.exports = te() : I.exports = ne()), I.exports;
 }
-var t = oe();
-const ae = ({
-  fillingColor: l,
-  borderfillColor: g,
-  hoverborderColor: p,
-  cellBorderColor: E,
-  cellColor: f,
-  day: u,
+var a = ae();
+const oe = ({
+  fillingColor: c,
+  borderfillColor: m,
+  hoverborderColor: b,
+  cellBorderColor: v,
+  cellColor: l,
+  day: i,
   isSelected: d = !1,
-  cellShape: R,
+  cellShape: y,
   href: S
 }) => {
-  const k = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+  const R = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
     month: "long",
     day: "numeric",
     year: "numeric"
-  }), w = R === "square" ? "fc-rounded-square" : "fc-rounded-circle", h = u === k, N = `fc-day-button ${w} ${!h && !d && p ? "hover-border-var" : ""}`, x = !!(S && d), j = (v = "", P) => /* @__PURE__ */ t.jsx(
+  }), w = y === "square" ? "rounded-md" : "rounded-full", h = i === R, N = `
+    flex items-center justify-center
+    ${w} border-2 transition-colors duration-150 hover:scale-150
+    ${!h && !d && b ? "hover-border-var" : ""}
+  `, _ = !!(S && d), E = (p = "", P) => /* @__PURE__ */ a.jsx(
     "button",
     {
       type: "button",
-      className: `${N} ${v} ${x ? "fc-cursor-pointer" : ""}`,
+      className: `${N} ${p} ${_ ? "cursor-pointer" : ""}`,
       style: P
     }
-  ), O = (v) => x ? /* @__PURE__ */ t.jsx("a", { href: S, className: "contents", children: v }) : v;
+  ), O = (p) => _ ? /* @__PURE__ */ a.jsx("a", { href: S, className: "contents", children: p }) : p;
   if (h) {
-    const v = /* @__PURE__ */ t.jsxs("div", { className: "fc-today-wrap", children: [
-      /* @__PURE__ */ t.jsx(
+    const p = /* @__PURE__ */ a.jsxs("div", { className: "relative flex items-center justify-center w-4 h-4", children: [
+      /* @__PURE__ */ a.jsx(
         "div",
         {
-          className: "rainbow-spin fc-rainbow",
+          className: "absolute inset-0 rounded-md rainbow-spin",
           style: {
             background: "conic-gradient(from 0deg, #ff0000 0deg, #ff4000 20deg, #ff8000 40deg, #ffbf00 60deg, #ffff00 80deg, #bfff00 100deg, #80ff00 120deg, #40ff00 140deg, #00ff00 160deg, #00ff40 180deg, #00ff80 200deg, #00ffbf 220deg, #00ffff 240deg, #00bfff 260deg, #0080ff 280deg, #0040ff 300deg, #0000ff 320deg, #4000ff 340deg, #8000ff 360deg)",
             padding: "2px",
             boxShadow: "0 0 8px rgba(255,0,255,0.35), 0 0 14px rgba(0,255,255,0.25)",
-            borderRadius: "50%"
+            borderRadius: "0.5rem"
           }
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: "fc-color-inner", children: /* @__PURE__ */ t.jsx("div", { className: `fc-today-inner ${w}`, children: j("today-cell-btn fc-full", {
-        "--border-fill-color": d ? g : E,
-        backgroundColor: d ? l : f
-      }) }) })
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          className: `relative flex items-center justify-center w-4 h-4 ${w} p-[2px]`,
+          children: E(
+            "today-cell-btn w-full h-full rounded-md border-transparent",
+            {
+              "--border-fill-color": d ? m : v,
+              backgroundColor: d ? c : l
+            }
+          )
+        }
+      )
     ] });
-    return O(v);
+    return O(p);
   }
-  return O(j("w-4 h-4", d && !h ? {
-    backgroundColor: l,
-    borderColor: g,
-    "--hover-border-color": p
+  return O(E("w-4 h-4", d && !h ? {
+    backgroundColor: c,
+    borderColor: m,
+    "--hover-border-color": b
   } : h ? void 0 : {
-    backgroundColor: f,
-    "--border-color": E,
-    "--hover-border-color": p
+    backgroundColor: l,
+    "--border-color": v,
+    "--hover-border-color": b
   }));
 }, se = ({
-  fillingColor: l = "#50C878",
-  borderfillColor: g = "#27592D",
-  hoverborderColor: p = "#FFCCCB",
-  cellBorderColor: E = "#808080",
-  cellColor: f = "#ADADAD",
-  legend: u = !0,
+  fillingColor: c = "#50C878",
+  borderfillColor: m = "#27592D",
+  hoverborderColor: b = "#FFCCCB",
+  cellBorderColor: v = "#808080",
+  cellColor: l = "#ADADAD",
+  legend: i = !0,
   mainBorder: d = !0,
-  borderColor: R = "#708090",
+  borderColor: y = "#708090",
   textColor: S = "#708090",
-  selectedDates: k = [],
+  selectedDates: R = [],
   title: w = "Calendar",
-  cellShape: h = "circle",
+  cellShape: h = "square",
   column: N = 15,
-  legendColumn: x = !1
+  legendColumn: _ = !1
 }) => {
-  const j = /* @__PURE__ */ new Date(), { selectedSet: O, hrefMap: A } = B(() => {
-    const i = (n) => {
-      if (!n) return "";
-      if (typeof n == "string") {
-        const c = n.split("-");
-        if (c.length === 3) {
-          const m = c[0], T = String(Number(c[1])).padStart(2, "0"), b = String(Number(c[2])).padStart(2, "0");
-          return `${m}-${T}-${b}`;
+  const E = /* @__PURE__ */ new Date(), { selectedSet: O, hrefMap: A } = B(() => {
+    const f = (t) => {
+      if (!t) return "";
+      if (typeof t == "string") {
+        const u = t.split("-");
+        if (u.length === 3) {
+          const x = u[0], T = String(Number(u[1])).padStart(2, "0"), k = String(Number(u[2])).padStart(2, "0");
+          return `${x}-${T}-${k}`;
         }
-        return n;
+        return t;
       }
-      return typeof n == "object" && n.day ? i(n.day) : "";
-    }, y = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Map();
-    for (const n of k || []) {
-      const c = n && typeof n == "object" && n.day ? i(n.day) : i(n);
-      c && (y.add(c), n && typeof n == "object" && n.href && _.set(c, n.href));
+      return typeof t == "object" && t.day ? f(t.day) : "";
+    }, j = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map();
+    for (const t of R || []) {
+      const u = t && typeof t == "object" && t.day ? f(t.day) : f(t);
+      u && (j.add(u), t && typeof t == "object" && t.href && g.set(u, t.href));
     }
-    return { selectedSet: y, hrefMap: _ };
-  }, [k]), v = B(() => {
-    const i = j.getFullYear(), y = j.getMonth(), _ = new Date(i, y - 1, 1), n = new Date(i, y + 2, 0), c = [], m = new Date(_);
-    for (; m <= n; ) {
-      const T = `${m.getFullYear()}-${String(m.getMonth() + 1).padStart(2, "0")}-${String(
-        m.getDate()
-      ).padStart(2, "0")}`, b = O.has(T), F = A.get(T);
-      c.push({
+    return { selectedSet: j, hrefMap: g };
+  }, [R]), p = B(() => {
+    const f = E.getFullYear(), j = E.getMonth(), g = new Date(f, j - 1, 1), t = new Date(f, j + 2, 0), u = [], x = new Date(g);
+    for (; x <= t; ) {
+      const T = `${x.getFullYear()}-${String(x.getMonth() + 1).padStart(2, "0")}-${String(
+        x.getDate()
+      ).padStart(2, "0")}`, k = O.has(T), F = A.get(T);
+      u.push({
         key: T,
-        isSelected: b,
+        isSelected: k,
         href: F,
         // keep a Date copy in case you want to use it later
-        dateObj: new Date(m)
-      }), m.setDate(m.getDate() + 1);
+        dateObj: new Date(x)
+      }), x.setDate(x.getDate() + 1);
     }
-    return c;
-  }, [k, j]), P = [], C = N;
-  for (let i = 0; i < v.length; i += C)
-    P.push(v.slice(i, i + C));
-  const I = h === "square" ? "fc-rounded-square" : "fc-rounded-circle";
-  return /* @__PURE__ */ t.jsxs(
+    return u;
+  }, [R, E]), P = [], Y = N;
+  for (let f = 0; f < p.length; f += Y)
+    P.push(p.slice(f, f + Y));
+  const L = h === "square" ? "rounded-md" : "rounded-full";
+  return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: `fc-calendar ${d ? "fc-main-border" : ""}`,
+      className: `inline-flex flex-col gap-2 p-3 rounded-xl ${d ? "border shadow-sm" : ""} `,
       style: {
-        borderColor: d ? R : void 0,
-        color: S
+        borderColor: d ? y : void 0
       },
       children: [
-        u && /* @__PURE__ */ t.jsxs("div", { className: `fc-legend ${x ? "fc-legend-col" : ""}`, children: [
-          /* @__PURE__ */ t.jsx("strong", { children: w }),
-          /* @__PURE__ */ t.jsxs("div", { className: "fc-legend", children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "fc-legend-indicator", children: [
-              /* @__PURE__ */ t.jsxs("div", { className: "fc-color-box", children: [
-                /* @__PURE__ */ t.jsx(
-                  "div",
-                  {
-                    className: "rainbow-spin fc-rainbow",
-                    style: {
-                      background: "conic-gradient(from 0deg, #ff0000 0deg, #ff4000 20deg, #ff8000 40deg, #ffbf00 60deg, #ffff00 80deg, #bfff00 100deg, #80ff00 120deg, #40ff00 140deg, #00ff00 160deg, #00ff40 180deg, #00ff80 200deg, #00ffbf 220deg, #00ffff 240deg, #00bfff 260deg, #0080ff 280deg, #0040ff 300deg, #0000ff 320deg, #4000ff 340deg, #8000ff 360deg)",
-                      padding: "2px",
-                      boxShadow: "0 0 8px rgba(255,0,255,0.35), 0 0 14px rgba(0,255,255,0.25)",
-                      borderRadius: "50%"
+        i && /* @__PURE__ */ a.jsxs(
+          "div",
+          {
+            className: `flex ${_ ? "flex-col items-start" : "justify-between"}  text-sm`,
+            style: { color: S },
+            children: [
+              /* @__PURE__ */ a.jsx("strong", { children: w }),
+              /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 font-semibold", children: [
+                /* @__PURE__ */ a.jsxs("div", { className: "relative flex items-center justify-center w-4 h-4", children: [
+                  /* @__PURE__ */ a.jsx(
+                    "div",
+                    {
+                      className: "absolute inset-0 rounded-md rainbow-spin",
+                      style: {
+                        background: "conic-gradient(from 0deg, #ff0000 0deg, #ff4000 20deg, #ff8000 40deg, #ffbf00 60deg, #ffff00 80deg, #bfff00 100deg, #80ff00 120deg, #40ff00 140deg, #00ff00 160deg, #00ff40 180deg, #00ff80 200deg, #00ffbf 220deg, #00ffff 240deg, #00bfff 260deg, #0080ff 280deg, #0040ff 300deg, #0000ff 320deg, #4000ff 340deg, #8000ff 360deg)",
+                        padding: "2px",
+                        boxShadow: "0 0 8px rgba(255,0,255,0.35), 0 0 14px rgba(0,255,255,0.25)",
+                        borderRadius: "0.5rem"
+                      }
                     }
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("div", { className: "fc-color-inner", children: /* @__PURE__ */ t.jsx(
+                  ),
+                  /* @__PURE__ */ a.jsx(
+                    "div",
+                    {
+                      className: "relative flex items-center justify-center w-4 h-4 rounded-md p-[2px]",
+                      children: /* @__PURE__ */ a.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          className: "flex items-center justify-center w-full h-full rounded-md border-2 border-transparent transition-colors duration-150",
+                          style: {
+                            "--border-fill-color": m,
+                            backgroundColor: l
+                          }
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ a.jsx("span", { children: "Today" })
+              ] }),
+              /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 font-semibold", children: [
+                /* @__PURE__ */ a.jsx(
                   "button",
                   {
                     type: "button",
-                    className: "fc-base-button",
+                    className: `flex items-center justify-center w-4 h-4 ${L} border-2 border-emerald-600 transition-colors duration-150`,
                     style: {
-                      "--border-fill-color": g,
-                      backgroundColor: f
+                      backgroundColor: c,
+                      borderColor: m
                     }
                   }
-                ) })
-              ] }),
-              /* @__PURE__ */ t.jsx("span", { children: "Today" })
-            ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: "fc-legend-completed", children: [
-              /* @__PURE__ */ t.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: `fc-base-button ${I}`,
-                  style: {
-                    backgroundColor: l,
-                    borderColor: g
-                  }
-                }
-              ),
-              /* @__PURE__ */ t.jsx("span", { children: "Completed" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "fc-rows", children: P.map((i, y) => /* @__PURE__ */ t.jsx("div", { className: "fc-row", children: i.map((_, n) => {
-          const c = _.dateObj.toLocaleDateString("en-US", {
+                ),
+                /* @__PURE__ */ a.jsx("span", { children: "Completed" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-1", children: P.map((f, j) => /* @__PURE__ */ a.jsx("div", { className: "flex gap-1", children: f.map((g) => {
+          const t = g.dateObj.toLocaleDateString("en-US", {
             month: "long",
             day: "numeric",
             year: "numeric"
-          }), m = n < 3, T = n >= C - 3;
-          let b = "fc-tooltip-top";
-          return m ? b = "fc-tooltip-right" : T ? b = "fc-tooltip-left" : y === 0 && (b = "fc-tooltip-bottom"), /* @__PURE__ */ t.jsxs("div", { className: `fc-tooltip ${b}`, children: [
-            /* @__PURE__ */ t.jsx(
-              ae,
-              {
-                fillingColor: l,
-                borderfillColor: g,
-                hoverborderColor: p,
-                cellBorderColor: E,
-                cellColor: f,
-                isSelected: _.isSelected,
-                day: c,
-                href: _.href,
-                cellShape: h
-              }
-            ),
-            /* @__PURE__ */ t.jsx("div", { className: "fc-tooltip-text", role: "tooltip", children: c })
-          ] }, _.key);
-        }) }, y)) })
+          });
+          return /* @__PURE__ */ a.jsx(
+            "div",
+            {
+              className: "tooltip tooltip-top",
+              "data-tip": t,
+              children: /* @__PURE__ */ a.jsx(
+                oe,
+                {
+                  fillingColor: c,
+                  borderfillColor: m,
+                  hoverborderColor: b,
+                  cellBorderColor: v,
+                  cellColor: l,
+                  isSelected: g.isSelected,
+                  day: t,
+                  href: g.href,
+                  cellShape: h
+                }
+              )
+            },
+            g.key
+          );
+        }) }, j)) })
       ]
     }
   );
-}, fe = (l) => /* @__PURE__ */ t.jsx(se, { ...l });
+}, ce = (c) => /* @__PURE__ */ a.jsx(se, { ...c });
 export {
   se as Calendar,
-  fe as default
+  ce as default
 };