react-fill-calendar 0.2.2 → 0.2.3

package/dist/index.css

@@ -0,0 +1 @@
+.today-cell-btn:hover{border-color:var(--border-fill-color)}.hover-border-var:hover{border-color:var(--hover-border-color)}.hover-border-var{border-color:var(--border-color, transparent)}.today-cell-btn{border-color:transparent}@keyframes rainbow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rainbow-spin{animation:rainbow-spin 4s linear infinite}

package/dist/index.js

@@ -0,0 +1,483 @@
+import re, { useMemo as B } from "react";
+var I = { exports: {} }, C = {};
+var H;
+function te() {
+  if (H) return C;
+  H = 1;
+  var c = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.fragment");
+  function b(v, l, i) {
+    var d = null;
+    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: l !== void 0 ? l : null,
+      props: i
+    };
+  }
+  return C.Fragment = m, C.jsx = b, C.jsxs = b, C;
+}
+var D = {};
+var Z;
+function ne() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
+    function c(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === T ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case A:
+          return "Fragment";
+        case P:
+          return "Profiler";
+        case p:
+          return "StrictMode";
+        case j:
+          return "Suspense";
+        case g:
+          return "SuspenseList";
+        case x:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case O:
+            return "Portal";
+          case L:
+            return e.displayName || "Context";
+          case Y:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case f:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case t:
+            return r = e.displayName || null, r !== null ? r : c(e.type) || "Memo";
+          case u:
+            r = e._payload, e = e._init;
+            try {
+              return c(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function m(e) {
+      return "" + e;
+    }
+    function b(e) {
+      try {
+        m(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        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.",
+          o
+        ), m(e);
+      }
+    }
+    function v(e) {
+      if (e === A) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === u)
+        return "<...>";
+      try {
+        var r = c(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (F.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    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
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function S() {
+      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 R(e, r, n, o, M, q) {
+      var s = n.ref;
+      return e = {
+        $$typeof: E,
+        type: e,
+        key: r,
+        props: n,
+        _owner: o
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: S
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: M
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: q
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, r, n, o, M, q) {
+      var s = r.children;
+      if (s !== void 0)
+        if (o)
+          if (K(s)) {
+            for (o = 0; o < s.length; o++)
+              h(s[o]);
+            Object.freeze && Object.freeze(s);
+          } 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 h(s);
+      if (F.call(r, "key")) {
+        s = c(e);
+        var $ = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        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} />`,
+          o,
+          s,
+          $,
+          s
+        ), X[s + o] = !0);
+      }
+      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" && (n[W] = r[W]);
+      } else n = r;
+      return s && y(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), R(
+        e,
+        s,
+        n,
+        l(),
+        M,
+        q
+      );
+    }
+    function h(e) {
+      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 === E;
+    }
+    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;
+    };
+    _ = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    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,
+        n,
+        !1,
+        o ? Error("react-stack-top-frame") : V,
+        o ? U(v(e)) : G
+      );
+    }, D.jsxs = function(e, r, n) {
+      var o = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        r,
+        n,
+        !0,
+        o ? Error("react-stack-top-frame") : V,
+        o ? U(v(e)) : G
+      );
+    };
+  })()), D;
+}
+var Q;
+function ae() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? I.exports = te() : I.exports = ne()), I.exports;
+}
+var a = ae();
+const oe = ({
+  fillingColor: c,
+  borderfillColor: m,
+  hoverborderColor: b,
+  cellBorderColor: v,
+  cellColor: l,
+  day: i,
+  isSelected: d = !1,
+  cellShape: y,
+  href: S
+}) => {
+  const R = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  }), 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} ${p} ${_ ? "cursor-pointer" : ""}`,
+      style: P
+    }
+  ), O = (p) => _ ? /* @__PURE__ */ a.jsx("a", { href: S, className: "contents", children: p }) : p;
+  if (h) {
+    const p = /* @__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__ */ 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(p);
+  }
+  return O(E("w-4 h-4", d && !h ? {
+    backgroundColor: c,
+    borderColor: m,
+    "--hover-border-color": b
+  } : h ? void 0 : {
+    backgroundColor: l,
+    "--border-color": v,
+    "--hover-border-color": b
+  }));
+}, se = ({
+  fillingColor: c = "#50C878",
+  borderfillColor: m = "#27592D",
+  hoverborderColor: b = "#FFCCCB",
+  cellBorderColor: v = "#808080",
+  cellColor: l = "#ADADAD",
+  legend: i = !0,
+  mainBorder: d = !0,
+  borderColor: y = "#708090",
+  textColor: S = "#708090",
+  selectedDates: R = [],
+  title: w = "Calendar",
+  cellShape: h = "square",
+  column: N = 15,
+  legendColumn: _ = !1
+}) => {
+  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 t;
+      }
+      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: 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: k,
+        href: F,
+        // keep a Date copy in case you want to use it later
+        dateObj: new Date(x)
+      }), x.setDate(x.getDate() + 1);
+    }
+    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: `inline-flex flex-col gap-2 p-3 rounded-xl ${d ? "border shadow-sm" : ""} `,
+      style: {
+        borderColor: d ? y : void 0
+      },
+      children: [
+        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__ */ 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: `flex items-center justify-center w-4 h-4 ${L} border-2 border-emerald-600 transition-colors duration-150`,
+                    style: {
+                      backgroundColor: c,
+                      borderColor: m
+                    }
+                  }
+                ),
+                /* @__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"
+          });
+          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)) })
+      ]
+    }
+  );
+}, ce = (c) => /* @__PURE__ */ a.jsx(se, { ...c });
+export {
+  se as Calendar,
+  ce as default
+};

package/dist/index.umd.cjs

@@ -0,0 +1,10 @@
+(function(R,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],T):(R=typeof globalThis<"u"?globalThis:R||self,T(R.FillCalendar={},R.React))})(this,(function(R,T){"use strict";var M={exports:{}},Y={};var V;function re(){if(V)return Y;V=1;var f=Symbol.for("react.transitional.element"),m=Symbol.for("react.fragment");function b(h,l,i){var d=null;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:f,type:h,key:d,ref:l!==void 0?l:null,props:i}}return Y.Fragment=m,Y.jsx=b,Y.jsxs=b,Y}var F={};var G;function te(){return G||(G=1,process.env.NODE_ENV!=="production"&&(function(){function f(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===S?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case D:return"Profiler";case p:return"StrictMode";case j:return"Suspense";case g:return"SuspenseList";case x:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case P:return"Portal";case W:return e.displayName||"Context";case I:return(e._context.displayName||"Context")+".Consumer";case c:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case t:return r=e.displayName||null,r!==null?r:f(e.type)||"Memo";case u:r=e._payload,e=e._init;try{return f(e(r))}catch{}}return null}function m(e){return""+e}function b(e){try{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(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),m(e)}}function h(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===u)return"<...>";try{var r=f(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function l(){var e=N.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function d(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function y(e,r){function o(){H||(H=!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,configurable:!0})}function O(){var e=f(this.type);return Z[e]||(Z[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 w(e,r,o,a,U,q){var s=o.ref;return e={$$typeof:E,type:e,key:r,props:o,_owner:a},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:O}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,o,a,U,q){var s=r.children;if(s!==void 0)if(a)if(se(s)){for(a=0;a<s.length;a++)v(s[a]);Object.freeze&&Object.freeze(s)}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 v(s);if(L.call(r,"key")){s=f(e);var $=Object.keys(r).filter(function(le){return le!=="key"});a=0<$.length?"{key: someKey, "+$.join(": ..., ")+": ...}":"{key: someKey}",ee[s+a]||($=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,s,$,s),ee[s+a]=!0)}if(s=null,o!==void 0&&(b(o),s=""+o),d(r)&&(b(r.key),s=""+r.key),"key"in r){o={};for(var J in r)J!=="key"&&(o[J]=r[J])}else o=r;return s&&y(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),w(e,s,o,l(),U,q)}function v(e){A(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===u&&(e._payload.status==="fulfilled"?A(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function A(e){return typeof e=="object"&&e!==null&&e.$$typeof===E}var _=T,E=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),W=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),t=Symbol.for("react.memo"),u=Symbol.for("react.lazy"),x=Symbol.for("react.activity"),S=Symbol.for("react.client.reference"),N=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,se=Array.isArray,z=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var H,Z={},Q=_.react_stack_bottom_frame.bind(_,i)(),K=z(h(i)),ee={};F.Fragment=C,F.jsx=function(e,r,o){var a=1e4>N.recentlyCreatedOwnerStacks++;return k(e,r,o,!1,a?Error("react-stack-top-frame"):Q,a?z(h(e)):K)},F.jsxs=function(e,r,o){var a=1e4>N.recentlyCreatedOwnerStacks++;return k(e,r,o,!0,a?Error("react-stack-top-frame"):Q,a?z(h(e)):K)}})()),F}var X;function ne(){return X||(X=1,process.env.NODE_ENV==="production"?M.exports=re():M.exports=te()),M.exports}var n=ne();const oe=({fillingColor:f,borderfillColor:m,hoverborderColor:b,cellBorderColor:h,cellColor:l,day:i,isSelected:d=!1,cellShape:y,href:O})=>{const w=new Date().toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),k=y==="square"?"rounded-md":"rounded-full",v=i===w,A=`
+    flex items-center justify-center
+    ${k} border-2 transition-colors duration-150 hover:scale-150
+    ${!v&&!d&&b?"hover-border-var":""}
+  `,_=!!(O&&d),E=(p="",D)=>n.jsx("button",{type:"button",className:`${A} ${p} ${_?"cursor-pointer":""}`,style:D}),P=p=>_?n.jsx("a",{href:O,className:"contents",children:p}):p;if(v){const p=n.jsxs("div",{className:"relative flex items-center justify-center w-4 h-4",children:[n.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"}}),n.jsx("div",{className:`relative flex items-center justify-center w-4 h-4 ${k} p-[2px]`,children:E("today-cell-btn w-full h-full rounded-md border-transparent",{"--border-fill-color":d?m:h,backgroundColor:d?f:l})})]});return P(p)}return P(E("w-4 h-4",d&&!v?{backgroundColor:f,borderColor:m,"--hover-border-color":b}:v?void 0:{backgroundColor:l,"--border-color":h,"--hover-border-color":b}))},B=({fillingColor:f="#50C878",borderfillColor:m="#27592D",hoverborderColor:b="#FFCCCB",cellBorderColor:h="#808080",cellColor:l="#ADADAD",legend:i=!0,mainBorder:d=!0,borderColor:y="#708090",textColor:O="#708090",selectedDates:w=[],title:k="Calendar",cellShape:v="square",column:A=15,legendColumn:_=!1})=>{const E=new Date,{selectedSet:P,hrefMap:C}=T.useMemo(()=>{const c=t=>{if(!t)return"";if(typeof t=="string"){const u=t.split("-");if(u.length===3){const x=u[0],S=String(Number(u[1])).padStart(2,"0"),N=String(Number(u[2])).padStart(2,"0");return`${x}-${S}-${N}`}return t}return typeof t=="object"&&t.day?c(t.day):""},j=new Set,g=new Map;for(const t of w||[]){const u=t&&typeof t=="object"&&t.day?c(t.day):c(t);u&&(j.add(u),t&&typeof t=="object"&&t.href&&g.set(u,t.href))}return{selectedSet:j,hrefMap:g}},[w]),p=T.useMemo(()=>{const c=E.getFullYear(),j=E.getMonth(),g=new Date(c,j-1,1),t=new Date(c,j+2,0),u=[],x=new Date(g);for(;x<=t;){const S=`${x.getFullYear()}-${String(x.getMonth()+1).padStart(2,"0")}-${String(x.getDate()).padStart(2,"0")}`,N=P.has(S),L=C.get(S);u.push({key:S,isSelected:N,href:L,dateObj:new Date(x)}),x.setDate(x.getDate()+1)}return u},[w,E]),D=[],I=A;for(let c=0;c<p.length;c+=I)D.push(p.slice(c,c+I));const W=v==="square"?"rounded-md":"rounded-full";return n.jsxs("div",{className:`inline-flex flex-col gap-2 p-3 rounded-xl ${d?"border shadow-sm":""} `,style:{borderColor:d?y:void 0},children:[i&&n.jsxs("div",{className:`flex ${_?"flex-col items-start":"justify-between"}  text-sm`,style:{color:O},children:[n.jsx("strong",{children:k}),n.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[n.jsxs("div",{className:"relative flex items-center justify-center w-4 h-4",children:[n.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"}}),n.jsx("div",{className:"relative flex items-center justify-center w-4 h-4 rounded-md p-[2px]",children:n.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}})})]}),n.jsx("span",{children:"Today"})]}),n.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[n.jsx("button",{type:"button",className:`flex items-center justify-center w-4 h-4 ${W} border-2 border-emerald-600 transition-colors duration-150`,style:{backgroundColor:f,borderColor:m}}),n.jsx("span",{children:"Completed"})]})]}),n.jsx("div",{className:"flex flex-col gap-1",children:D.map((c,j)=>n.jsx("div",{className:"flex gap-1",children:c.map(g=>{const t=g.dateObj.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"});return n.jsx("div",{className:"tooltip tooltip-top","data-tip":t,children:n.jsx(oe,{fillingColor:f,borderfillColor:m,hoverborderColor:b,cellBorderColor:h,cellColor:l,isSelected:g.isSelected,day:t,href:g.href,cellShape:v})},g.key)})},j))})]})},ae=f=>n.jsx(B,{...f});R.Calendar=B,R.default=ae,Object.defineProperties(R,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fill-calendar",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Fill dates on a calendar displaying boxes for dates. Customize colors and borders. Perfect for habit tracking or event marking in React applications.",
   "main": "dist/index.umd.cjs",
   "module": "dist/index.js",
@@ -36,7 +36,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/apmanager001/react-fill-calendar"
+    "url": "git+https://github.com/apmanager001/react-fill-calendar.git"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.18",
@@ -48,5 +48,9 @@
     "react-dom": ">=17.0.0 <20.0.0",
     "tailwindcss": "^4.1.18",
     "vite": "^7.3.1"
-  }
-}
+  },
+  "bugs": {
+    "url": "https://github.com/apmanager001/react-fill-calendar/issues"
+  },
+  "homepage": "https://github.com/apmanager001/react-fill-calendar#readme"
+}