npm - react-attendance-calendar - Versions diffs - 1.0.0 - Mend

react-attendance-calendar 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,182 @@
+# Attendance Calendar
+A highly customizable and developer-friendly React attendance calendar component with TypeScript support. This component provides a clean, modern interface for displaying attendance data with interactive features and full theme customization.
+## ✨ Features
+- 📅 **Responsive Design**: Automatically adjusts between 7 and 14 columns based on container width
+- 🎨 **Full Theme Customization**: Customize all colors, borders, and styling
+- 🖱️ **Interactive Dates**: Click on dates to trigger custom actions
+- 📱 **Mobile Friendly**: Responsive design that works on all screen sizes
+- 🔧 **TypeScript Support**: Full TypeScript definitions included
+- ⚡ **Lightweight**: Minimal dependencies, only requires React
+- 🎯 **Accessible**: Includes proper ARIA labels and semantic HTML
+- 🎛️ **Developer Friendly**: Extensive props for customization
+- 🎭 **Pure Tailwind CSS**: No external CSS dependencies
+## Installation
+```bash
+npm install react-attendance-calendar
+```
+## Usage
+### Basic Usage
+```tsx
+import React, { useState } from "react";
+import { AttendanceCalendar, MonthView } from "react-attendance-calendar";
+function App() {
+  const [view, setView] = useState<MonthView>({
+    year: 2024,
+    monthIndex: 0, // January
+  });
+  return (
+    <div className="max-w-4xl mx-auto p-4">
+      <AttendanceCalendar view={view} onChangeView={setView} />
+    </div>
+  );
+}
+```
+### With Attendance Data & Custom Theme
+```tsx
+import React, { useState } from "react";
+import {
+  AttendanceCalendar,
+  MonthView,
+  AttendanceData,
+  CalendarTheme,
+} from "react-attendance-calendar";
+function App() {
+  const [view, setView] = useState<MonthView>({
+    year: 2024,
+    monthIndex: 0, // January
+  });
+  // Sample attendance data
+  const attendanceData: AttendanceData = {
+    year: 2024,
+    monthIndex: 0,
+    presentDays: new Set([
+      1, 2, 3, 5, 8, 9, 10, 12, 15, 16, 17, 19, 22, 23, 24, 26, 29, 30, 31,
+    ]),
+    absentDays: new Set([4, 11, 18, 25]),
+  };
+  // Custom theme
+  const customTheme: CalendarTheme = {
+    primaryColor: "#10b981", // Green for present
+    absentColor: "#f59e0b", // Orange for absent
+    textColor: "#1f2937",
+    borderColor: "#d1d5db",
+    mutedTextColor: "#9ca3af",
+    hoverColor: "#f3f4f6",
+    backgroundColor: "#ffffff",
+  };
+  const handleDateClick = (day: number, month: number, year: number) => {
+    console.log(`Clicked on ${day}/${month + 1}/${year}`);
+    // Your custom logic here
+  };
+  return (
+    <div className="max-w-4xl mx-auto p-4">
+      <AttendanceCalendar
+        view={view}
+        onChangeView={setView}
+        attendanceData={attendanceData}
+        theme={customTheme}
+        onDateClick={handleDateClick}
+        showNavigation={true}
+        showWeekdayHeaders={true}
+        className="border border-gray-200 rounded-lg p-4"
+      />
+    </div>
+  );
+}
+```
+## Props
+### AttendanceCalendar
+| Prop                 | Type                                                 | Required | Description                                     |
+| -------------------- | ---------------------------------------------------- | -------- | ----------------------------------------------- |
+| `view`               | `MonthView`                                          | ✅       | Current month view with year and month index    |
+| `onChangeView`       | `(view: MonthView) => void`                          | ✅       | Callback when user navigates to different month |
+| `attendanceData`     | `AttendanceData`                                     | ❌       | Optional attendance data to display             |
+| `theme`              | `CalendarTheme`                                      | ❌       | Custom theme colors and styling                 |
+| `onDateClick`        | `(day: number, month: number, year: number) => void` | ❌       | Callback when a date is clicked                 |
+| `showNavigation`     | `boolean`                                            | ❌       | Show/hide month navigation (default: true)      |
+| `showWeekdayHeaders` | `boolean`                                            | ❌       | Show/hide weekday headers (default: true)       |
+| `className`          | `string`                                             | ❌       | Additional CSS classes                          |
+### Types
+```tsx
+type MonthView = {
+  year: number;
+  monthIndex: number; // 0-11 (0 = January, 11 = December)
+};
+type AttendanceData = {
+  year: number;
+  monthIndex: number; // 0-11
+  presentDays: Set<number>; // Set of day numbers (1-31)
+  absentDays: Set<number>; // Set of day numbers (1-31)
+};
+type CalendarTheme = {
+  primaryColor?: string; // Color for present days (default: "#3b82f6")
+  absentColor?: string; // Color for absent days (default: "#ef4444")
+  textColor?: string; // Main text color (default: "#1f2937")
+  borderColor?: string; // Border color (default: "#e5e7eb")
+  mutedTextColor?: string; // Muted text color (default: "#6b7280")
+  hoverColor?: string; // Hover background color (default: "#f3f4f6")
+  backgroundColor?: string; // Background color (default: "#ffffff")
+};
+```
+## Styling
+The component uses Tailwind CSS classes. Make sure you have Tailwind CSS installed and configured in your project. The component uses these standard Tailwind classes:
+- Layout: `w-full`, `flex`, `grid`, `gap-3`, `gap-4`, `items-center`, `justify-center`
+- Sizing: `size-8`, `size-10`, `size-12`, `size-14`
+- Colors: `bg-emerald-500`, `bg-amber-500`, `text-slate-900`, `text-slate-600`
+- Borders: `border`, `border-slate-200`, `rounded-xl`, `rounded-2xl`
+- Spacing: `mb-4`, `mb-6`, `mb-8`, `p-6`, `p-8`
+- Typography: `text-xl`, `text-2xl`, `font-semibold`, `font-bold`
+### Custom Styling
+You can customize the appearance using the `theme` prop or by adding custom CSS classes:
+```tsx
+// Example with custom styling
+<AttendanceCalendar
+  view={view}
+  onChangeView={setView}
+  attendanceData={attendanceData}
+  theme={{
+    primaryColor: "#3b82f6",
+    absentColor: "#ef4444",
+    textColor: "#1f2937",
+  }}
+  className="my-custom-calendar"
+/>
+```
+## License
+MIT
+## Contributing
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/index.js ADDED Viewed

@@ -0,0 +1,489 @@
+import re, { useRef as te, useState as oe, useEffect as ne, useMemo as L } from "react";
+var M = { exports: {} }, g = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var H;
+function se() {
+  if (H) return g;
+  H = 1;
+  var t = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
+  function m(E, c, f) {
+    var p = null;
+    if (f !== void 0 && (p = "" + f), c.key !== void 0 && (p = "" + c.key), "key" in c) {
+      f = {};
+      for (var b in c)
+        b !== "key" && (f[b] = c[b]);
+    } else f = c;
+    return c = f.ref, {
+      $$typeof: t,
+      type: E,
+      key: p,
+      ref: c !== void 0 ? c : null,
+      props: f
+    };
+  }
+  return g.Fragment = d, g.jsx = m, g.jsxs = m, g;
+}
+var k = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Z;
+function ae() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === D ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case y:
+          return "Fragment";
+        case s:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case T:
+          return "Suspense";
+        case O:
+          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 $:
+            return "Portal";
+          case o:
+            return e.displayName || "Context";
+          case I:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case h:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case P:
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case C:
+            r = e._payload, e = e._init;
+            try {
+              return t(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function d(e) {
+      return "" + e;
+    }
+    function m(e) {
+      try {
+        d(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, a = 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
+        ), d(e);
+      }
+    }
+    function E(e) {
+      if (e === y) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === C)
+        return "<...>";
+      try {
+        var r = t(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = Y.A;
+      return e === null ? null : e.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function p(e) {
+      if (q.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function b(e, r) {
+      function n() {
+        G || (G = !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 _() {
+      var e = t(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 i(e, r, n, a, w, F) {
+      var l = n.ref;
+      return e = {
+        $$typeof: N,
+        type: e,
+        key: r,
+        props: n,
+        _owner: a
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: _
+      }) : 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: w
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: F
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function j(e, r, n, a, w, F) {
+      var l = r.children;
+      if (l !== void 0)
+        if (a)
+          if (K(l)) {
+            for (a = 0; a < l.length; a++)
+              A(l[a]);
+            Object.freeze && Object.freeze(l);
+          } 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 A(l);
+      if (q.call(r, "key")) {
+        l = t(e);
+        var R = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        a = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", X[l + a] || (R = 0 < R.length ? "{" + R.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,
+          l,
+          R,
+          l
+        ), X[l + a] = !0);
+      }
+      if (l = null, n !== void 0 && (m(n), l = "" + n), p(r) && (m(r.key), l = "" + r.key), "key" in r) {
+        n = {};
+        for (var z in r)
+          z !== "key" && (n[z] = r[z]);
+      } else n = r;
+      return l && b(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), i(
+        e,
+        l,
+        n,
+        c(),
+        w,
+        F
+      );
+    }
+    function A(e) {
+      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === C && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function S(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === N;
+    }
+    var v = re, N = Symbol.for("react.transitional.element"), $ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), o = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), x = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), Y = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, K = Array.isArray, W = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    v = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var G, J = {}, B = v.react_stack_bottom_frame.bind(
+      v,
+      f
+    )(), V = W(E(f)), X = {};
+    k.Fragment = y, k.jsx = function(e, r, n) {
+      var a = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return j(
+        e,
+        r,
+        n,
+        !1,
+        a ? Error("react-stack-top-frame") : B,
+        a ? W(E(e)) : V
+      );
+    }, k.jsxs = function(e, r, n) {
+      var a = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return j(
+        e,
+        r,
+        n,
+        !0,
+        a ? Error("react-stack-top-frame") : B,
+        a ? W(E(e)) : V
+      );
+    };
+  })()), k;
+}
+var Q;
+function le() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? M.exports = se() : M.exports = ae()), M.exports;
+}
+var u = le();
+const ce = [
+  "Sun",
+  "Mon",
+  "Tue",
+  "Wed",
+  "Thu",
+  "Fri",
+  "Sat"
+];
+function ie({ year: t, monthIndex: d }, m) {
+  const c = new Date(t, d, 1).getDay(), f = new Date(t, d + 1, 0).getDate(), p = new Date(t, d, 0).getDate(), b = [];
+  for (let i = 0; i < c; i++)
+    b.push({
+      day: p - c + 1 + i,
+      inCurrentMonth: !1
+    });
+  for (let i = 1; i <= f; i++)
+    b.push({ day: i, inCurrentMonth: !0 });
+  let _ = 1;
+  for (; b.length % m !== 0; )
+    b.push({ day: _, inCurrentMonth: !1 }), _++;
+  return b;
+}
+function fe({
+  view: t,
+  onChangeView: d,
+  attendanceData: m,
+  theme: E = {},
+  onDateClick: c,
+  showNavigation: f = !0,
+  showWeekdayHeaders: p = !0,
+  className: b = ""
+}) {
+  const _ = te(null), [i, j] = oe(7);
+  ne(() => {
+    if (!_.current) return;
+    const o = _.current, h = new ResizeObserver((T) => {
+      const x = (T[0]?.contentRect.width ?? o.clientWidth) >= 8 * 64 + 156;
+      j(x ? 14 : 7);
+    });
+    return h.observe(o), () => h.disconnect();
+  }, []);
+  const A = L(() => ie(t, i), [t, i]), S = L(() => Array.from({ length: i }).map((o, h) => ce[h % 7]), [i]), v = L(
+    () => new Date(t.year, t.monthIndex).toLocaleString("en-US", {
+      month: "long"
+    }),
+    [t]
+  ), N = () => {
+    const o = t.monthIndex - 1;
+    o < 0 ? d({ year: t.year - 1, monthIndex: 11 }) : d({ ...t, monthIndex: o });
+  }, $ = () => {
+    const o = t.monthIndex + 1;
+    o > 11 ? d({ year: t.year + 1, monthIndex: 0 }) : d({ ...t, monthIndex: o });
+  }, y = m !== void 0 && t.year === m.year && t.monthIndex === m.monthIndex, s = { ...{
+    primaryColor: "#10b981",
+    // Modern emerald
+    absentColor: "#f59e0b",
+    // Modern amber
+    textColor: "#0f172a",
+    // Slate 900
+    borderColor: "#e2e8f0",
+    // Slate 200
+    mutedTextColor: "#64748b",
+    // Slate 500
+    hoverColor: "#f1f5f9",
+    // Slate 100
+    backgroundColor: "#ffffff"
+  }, ...E }, I = (o) => {
+    c && y && c(o, t.monthIndex, t.year);
+  };
+  return /* @__PURE__ */ u.jsxs(
+    "div",
+    {
+      className: `w-full ${b}`,
+      style: { backgroundColor: s.backgroundColor },
+      children: [
+        f && /* @__PURE__ */ u.jsxs("div", { className: "flex items-center justify-between mb-8", children: [
+          /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ u.jsx(
+              "button",
+              {
+                onClick: N,
+                className: "size-10 rounded-xl border-2 grid place-items-center",
+                style: {
+                  borderColor: s.borderColor,
+                  color: s.textColor,
+                  backgroundColor: s.hoverColor
+                },
+                "aria-label": "Previous month",
+                children: /* @__PURE__ */ u.jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ u.jsx("polyline", { points: "15,18 9,12 15,6" })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ u.jsx(
+              "button",
+              {
+                onClick: $,
+                className: "size-10 rounded-xl border-2 grid place-items-center",
+                style: {
+                  borderColor: s.borderColor,
+                  color: s.textColor,
+                  backgroundColor: s.hoverColor
+                },
+                "aria-label": "Next month",
+                children: /* @__PURE__ */ u.jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ u.jsx("polyline", { points: "9,18 15,12 9,6" })
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ u.jsxs(
+            "h2",
+            {
+              className: "text-2xl font-bold",
+              style: { color: s.textColor },
+              children: [
+                v,
+                " ",
+                t.year
+              ]
+            }
+          ),
+          /* @__PURE__ */ u.jsx("div", { className: "w-20" }),
+          " "
+        ] }),
+        p && /* @__PURE__ */ u.jsx(
+          "div",
+          {
+            className: "grid gap-4 text-center mb-6",
+            style: { gridTemplateColumns: `repeat(${i}, minmax(0, 1fr))` },
+            children: S.map((o, h) => /* @__PURE__ */ u.jsx(
+              "div",
+              {
+                className: "text-sm font-semibold uppercase tracking-wide py-2",
+                style: {
+                  color: s.mutedTextColor,
+                  backgroundColor: s.hoverColor,
+                  borderRadius: "12px"
+                },
+                children: o
+              },
+              h
+            ))
+          }
+        ),
+        /* @__PURE__ */ u.jsx(
+          "div",
+          {
+            ref: _,
+            className: "grid gap-4",
+            style: { gridTemplateColumns: `repeat(${i}, minmax(0, 1fr))` },
+            children: A.map((o, h) => {
+              const T = y && o.inCurrentMonth && m?.presentDays.has(o.day), O = y && o.inCurrentMonth && m?.absentDays.has(o.day), P = i >= 14 ? "size-8 sm:size-12 rounded-2xl grid place-items-center text-sm font-semibold cursor-pointer" : "size-12 sm:size-14 rounded-2xl grid place-items-center text-base font-semibold cursor-pointer", C = c && o.inCurrentMonth && y;
+              let x = {}, D = P;
+              return o.inCurrentMonth ? T ? x = {
+                backgroundColor: s.primaryColor,
+                color: "#ffffff",
+                border: `2px solid ${s.primaryColor}`
+              } : O ? x = {
+                backgroundColor: s.absentColor,
+                color: "#ffffff",
+                border: `2px solid ${s.absentColor}`
+              } : x = {
+                color: s.textColor,
+                backgroundColor: "transparent",
+                border: `2px solid ${s.borderColor}`
+              } : x = {
+                color: s.mutedTextColor,
+                backgroundColor: s.hoverColor,
+                border: `2px solid ${s.borderColor}`
+              }, /* @__PURE__ */ u.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ u.jsx(
+                "div",
+                {
+                  className: D,
+                  style: x,
+                  onClick: () => C && I(o.day),
+                  title: C ? `Click to interact with ${o.day}` : void 0,
+                  children: o.day
+                }
+              ) }, h);
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  fe as AttendanceCalendar
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/AttendanceCalendar.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n var key = null;\n void 0 !== maybeKey && (key = \"\" + maybeKey);\n void 0 !== config.key && (key = \"\" + config.key);\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n config = maybeKey.ref;\n return {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n ref: void 0 !== config ? config : null,\n props: maybeKey\n };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n function getComponentNameFromType(type) {\n if (null == type) return null;\n if (\"function\" === typeof type)\n return type.$$typeof === REACT_CLIENT_REFERENCE\n ? null\n : type.displayName || type.name || null;\n if (\"string\" === typeof type) return type;\n switch (type) {\n case REACT_FRAGMENT_TYPE:\n return \"Fragment\";\n case REACT_PROFILER_TYPE:\n return \"Profiler\";\n case REACT_STRICT_MODE_TYPE:\n return \"StrictMode\";\n case REACT_SUSPENSE_TYPE:\n return \"Suspense\";\n case REACT_SUSPENSE_LIST_TYPE:\n return \"SuspenseList\";\n case REACT_ACTIVITY_TYPE:\n return \"Activity\";\n }\n if (\"object\" === typeof type)\n switch (\n (\"number\" === typeof type.tag &&\n console.error(\n \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n ),\n type.$$typeof)\n ) {\n case REACT_PORTAL_TYPE:\n return \"Portal\";\n case REACT_CONTEXT_TYPE:\n return type.displayName || \"Context\";\n case REACT_CONSUMER_TYPE:\n return (type._context.displayName || \"Context\") + \".Consumer\";\n case REACT_FORWARD_REF_TYPE:\n var innerType = type.render;\n type = type.displayName;\n type ||\n ((type = innerType.displayName || innerType.name || \"\"),\n (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n return type;\n case REACT_MEMO_TYPE:\n return (\n (innerType = type.displayName || null),\n null !== innerType\n ? innerType\n : getComponentNameFromType(type.type) || \"Memo\"\n );\n case REACT_LAZY_TYPE:\n innerType = type._payload;\n type = type._init;\n try {\n return getComponentNameFromType(type(innerType));\n } catch (x) {}\n }\n return null;\n }\n function testStringCoercion(value) {\n return \"\" + value;\n }\n function checkKeyStringCoercion(value) {\n try {\n testStringCoercion(value);\n var JSCompiler_inline_result = !1;\n } catch (e) {\n JSCompiler_inline_result = !0;\n }\n if (JSCompiler_inline_result) {\n JSCompiler_inline_result = console;\n var JSCompiler_temp_const = JSCompiler_inline_result.error;\n var JSCompiler_inline_result$jscomp$0 =\n (\"function\" === typeof Symbol &&\n Symbol.toStringTag &&\n value[Symbol.toStringTag]) ||\n value.constructor.name ||\n \"Object\";\n JSCompiler_temp_const.call(\n JSCompiler_inline_result,\n \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n JSCompiler_inline_result$jscomp$0\n );\n return testStringCoercion(value);\n }\n }\n function getTaskName(type) {\n if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n if (\n \"object\" === typeof type &&\n null !== type &&\n type.$$typeof === REACT_LAZY_TYPE\n )\n return \"<...>\";\n try {\n var name = getComponentNameFromType(type);\n return name ? \"<\" + name + \">\" : \"<...>\";\n } catch (x) {\n return \"<...>\";\n }\n }\n function getOwner() {\n var dispatcher = ReactSharedInternals.A;\n return null === dispatcher ? null : dispatcher.getOwner();\n }\n function UnknownOwner() {\n return Error(\"react-stack-top-frame\");\n }\n function hasValidKey(config) {\n if (hasOwnProperty.call(config, \"key\")) {\n var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n if (getter && getter.isReactWarning) return !1;\n }\n return void 0 !== config.key;\n }\n function defineKeyPropWarningGetter(props, displayName) {\n function warnAboutAccessingKey() {\n specialPropKeyWarningShown ||\n ((specialPropKeyWarningShown = !0),\n console.error(\n \"%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)\",\n displayName\n ));\n }\n warnAboutAccessingKey.isReactWarning = !0;\n Object.defineProperty(props, \"key\", {\n get: warnAboutAccessingKey,\n configurable: !0\n });\n }\n function elementRefGetterWithDeprecationWarning() {\n var componentName = getComponentNameFromType(this.type);\n didWarnAboutElementRef[componentName] ||\n ((didWarnAboutElementRef[componentName] = !0),\n console.error(\n \"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.\"\n ));\n componentName = this.props.ref;\n return void 0 !== componentName ? componentName : null;\n }\n function ReactElement(type, key, props, owner, debugStack, debugTask) {\n var refProp = props.ref;\n type = {\n $$typeof: REACT_ELEMENT_TYPE,\n type: type,\n key: key,\n props: props,\n _owner: owner\n };\n null !== (void 0 !== refProp ? refProp : null)\n ? Object.defineProperty(type, \"ref\", {\n enumerable: !1,\n get: elementRefGetterWithDeprecationWarning\n })\n : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n type._store = {};\n Object.defineProperty(type._store, \"validated\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: 0\n });\n Object.defineProperty(type, \"_debugInfo\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: null\n });\n Object.defineProperty(type, \"_debugStack\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugStack\n });\n Object.defineProperty(type, \"_debugTask\", {\n configurable: !1,\n enumerable: !1,\n writable: !0,\n value: debugTask\n });\n Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n return type;\n }\n function jsxDEVImpl(\n type,\n config,\n maybeKey,\n isStaticChildren,\n debugStack,\n debugTask\n ) {\n var children = config.children;\n if (void 0 !== children)\n if (isStaticChildren)\n if (isArrayImpl(children)) {\n for (\n isStaticChildren = 0;\n isStaticChildren < children.length;\n isStaticChildren++\n )\n validateChildKeys(children[isStaticChildren]);\n Object.freeze && Object.freeze(children);\n } else\n console.error(\n \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n );\n else validateChildKeys(children);\n if (hasOwnProperty.call(config, \"key\")) {\n children = getComponentNameFromType(type);\n var keys = Object.keys(config).filter(function (k) {\n return \"key\" !== k;\n });\n isStaticChildren =\n 0 < keys.length\n ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n : \"{key: someKey}\";\n didWarnAboutKeySpread[children + isStaticChildren] ||\n ((keys =\n 0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n console.error(\n 'A props object containing a \"key\" prop is being spread into JSX:\\n let props = %s;\\n <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n let props = %s;\\n <%s key={someKey} {...props} />',\n isStaticChildren,\n children,\n keys,\n children\n ),\n (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n }\n children = null;\n void 0 !== maybeKey &&\n (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n hasValidKey(config) &&\n (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n if (\"key\" in config) {\n maybeKey = {};\n for (var propName in config)\n \"key\" !== propName && (maybeKey[propName] = config[propName]);\n } else maybeKey = config;\n children &&\n defineKeyPropWarningGetter(\n maybeKey,\n \"function\" === typeof type\n ? type.displayName || type.name || \"Unknown\"\n : type\n );\n return ReactElement(\n type,\n children,\n maybeKey,\n getOwner(),\n debugStack,\n debugTask\n );\n }\n function validateChildKeys(node) {\n isValidElement(node)\n ? node._store && (node._store.validated = 1)\n : \"object\" === typeof node &&\n null !== node &&\n node.$$typeof === REACT_LAZY_TYPE &&\n (\"fulfilled\" === node._payload.status\n ? isValidElement(node._payload.value) &&\n node._payload.value._store &&\n (node._payload.value._store.validated = 1)\n : node._store && (node._store.validated = 1));\n }\n function isValidElement(object) {\n return (\n \"object\" === typeof object &&\n null !== object &&\n object.$$typeof === REACT_ELEMENT_TYPE\n );\n }\n var React = require(\"react\"),\n REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n ReactSharedInternals =\n React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n hasOwnProperty = Object.prototype.hasOwnProperty,\n isArrayImpl = Array.isArray,\n createTask = console.createTask\n ? console.createTask\n : function () {\n return null;\n };\n React = {\n react_stack_bottom_frame: function (callStackForError) {\n return callStackForError();\n }\n };\n var specialPropKeyWarningShown;\n var didWarnAboutElementRef = {};\n var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n React,\n UnknownOwner\n )();\n var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n var didWarnAboutKeySpread = {};\n exports.Fragment = REACT_FRAGMENT_TYPE;\n exports.jsx = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !1,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n exports.jsxs = function (type, config, maybeKey) {\n var trackActualOwner =\n 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n return jsxDEVImpl(\n type,\n config,\n maybeKey,\n !0,\n trackActualOwner\n ? Error(\"react-stack-top-frame\")\n : unknownOwnerDebugStack,\n trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n );\n };\n })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { useEffect, useMemo, useRef, useState } from \"react\";\r\n\r\nexport type MonthView = {\r\n year: number;\r\n monthIndex: number; // 0-11\r\n};\r\n\r\nexport type AttendanceData = {\r\n year: number;\r\n monthIndex: number; // 0-11\r\n presentDays: Set<number>;\r\n absentDays: Set<number>;\r\n};\r\n\r\nexport type CalendarTheme = {\r\n primaryColor?: string;\r\n absentColor?: string;\r\n textColor?: string;\r\n borderColor?: string;\r\n mutedTextColor?: string;\r\n hoverColor?: string;\r\n backgroundColor?: string;\r\n};\r\n\r\nexport type CalendarProps = {\r\n view: MonthView;\r\n onChangeView: (next: MonthView) => void;\r\n attendanceData?: AttendanceData;\r\n theme?: CalendarTheme;\r\n onDateClick?: (day: number, month: number, year: number) => void;\r\n showNavigation?: boolean;\r\n showWeekdayHeaders?: boolean;\r\n className?: string;\r\n};\r\n\r\nconst WEEKDAY_LABELS = [\r\n \"Sun\",\r\n \"Mon\",\r\n \"Tue\",\r\n \"Wed\",\r\n \"Thu\",\r\n \"Fri\",\r\n \"Sat\",\r\n] as const;\r\n\r\nfunction getMonthMatrix({ year, monthIndex }: MonthView, columns: number) {\r\n const firstOfMonth = new Date(year, monthIndex, 1);\r\n const startDay = firstOfMonth.getDay();\r\n const daysInMonth = new Date(year, monthIndex + 1, 0).getDate();\r\n\r\n const prevMonthDays = new Date(year, monthIndex, 0).getDate();\r\n\r\n const cells: { day: number; inCurrentMonth: boolean }[] = [];\r\n\r\n for (let i = 0; i < startDay; i++) {\r\n cells.push({\r\n day: prevMonthDays - startDay + 1 + i,\r\n inCurrentMonth: false,\r\n });\r\n }\r\n for (let d = 1; d <= daysInMonth; d++) {\r\n cells.push({ day: d, inCurrentMonth: true });\r\n }\r\n let nextMonthDay = 1;\r\n while (cells.length % columns !== 0) {\r\n cells.push({ day: nextMonthDay, inCurrentMonth: false });\r\n nextMonthDay++;\r\n }\r\n\r\n return cells;\r\n}\r\n\r\nexport default function AttendanceCalendar({\r\n view,\r\n onChangeView,\r\n attendanceData,\r\n theme = {},\r\n onDateClick,\r\n showNavigation = true,\r\n showWeekdayHeaders = true,\r\n className = \"\",\r\n}: CalendarProps) {\r\n const containerRef = useRef<HTMLDivElement | null>(null);\r\n const [columns, setColumns] = useState<number>(7);\r\n\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n const el = containerRef.current;\r\n const ro = new ResizeObserver((entries) => {\r\n const width = entries[0]?.contentRect.width ?? el.clientWidth;\r\n const minCellWidth = 64;\r\n const minGaps = (14 - 1) * 12; // gap-3\r\n const canFit14 = width >= 8 * minCellWidth + minGaps;\r\n setColumns(canFit14 ? 14 : 7);\r\n });\r\n ro.observe(el);\r\n return () => ro.disconnect();\r\n }, []);\r\n\r\n const cells = useMemo(() => getMonthMatrix(view, columns), [view, columns]);\r\n\r\n // Generate weekday headers that match the calendar grid structure\r\n const weekdayHeaders = useMemo(() => {\r\n return Array.from({ length: columns }).map((_, i) => {\r\n // Always use standard week order for headers\r\n return WEEKDAY_LABELS[i % 7];\r\n });\r\n }, [columns]);\r\n\r\n const monthName = useMemo(\r\n () =>\r\n new Date(view.year, view.monthIndex).toLocaleString(\"en-US\", {\r\n month: \"long\",\r\n }),\r\n [view]\r\n );\r\n\r\n const goPrev = () => {\r\n const m = view.monthIndex - 1;\r\n if (m < 0) onChangeView({ year: view.year - 1, monthIndex: 11 });\r\n else onChangeView({ ...view, monthIndex: m });\r\n };\r\n\r\n const goNext = () => {\r\n const m = view.monthIndex + 1;\r\n if (m > 11) onChangeView({ year: view.year + 1, monthIndex: 0 });\r\n else onChangeView({ ...view, monthIndex: m });\r\n };\r\n\r\n const isAttendanceMonth =\r\n attendanceData !== undefined &&\r\n view.year === attendanceData.year &&\r\n view.monthIndex === attendanceData.monthIndex;\r\n\r\n // Default theme colors - Modern design\r\n const defaultTheme: Required<CalendarTheme> = {\r\n primaryColor: \"#10b981\", // Modern emerald\r\n absentColor: \"#f59e0b\", // Modern amber\r\n textColor: \"#0f172a\", // Slate 900\r\n borderColor: \"#e2e8f0\", // Slate 200\r\n mutedTextColor: \"#64748b\", // Slate 500\r\n hoverColor: \"#f1f5f9\", // Slate 100\r\n backgroundColor: \"#ffffff\",\r\n };\r\n\r\n const finalTheme = { ...defaultTheme, ...theme };\r\n\r\n const handleDateClick = (day: number) => {\r\n if (onDateClick && isAttendanceMonth) {\r\n onDateClick(day, view.monthIndex, view.year);\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n className={`w-full ${className}`}\r\n style={{ backgroundColor: finalTheme.backgroundColor }}\r\n >\r\n {/* Month header */}\r\n {showNavigation && (\r\n <div className=\"flex items-center justify-between mb-8\">\r\n <div className=\"flex items-center gap-3\">\r\n <button\r\n onClick={goPrev}\r\n className=\"size-10 rounded-xl border-2 grid place-items-center\"\r\n style={{\r\n borderColor: finalTheme.borderColor,\r\n color: finalTheme.textColor,\r\n backgroundColor: finalTheme.hoverColor,\r\n }}\r\n aria-label=\"Previous month\"\r\n >\r\n <svg\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"2\"\r\n >\r\n <polyline points=\"15,18 9,12 15,6\"></polyline>\r\n </svg>\r\n </button>\r\n <button\r\n onClick={goNext}\r\n className=\"size-10 rounded-xl border-2 grid place-items-center\"\r\n style={{\r\n borderColor: finalTheme.borderColor,\r\n color: finalTheme.textColor,\r\n backgroundColor: finalTheme.hoverColor,\r\n }}\r\n aria-label=\"Next month\"\r\n >\r\n <svg\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n strokeWidth=\"2\"\r\n >\r\n <polyline points=\"9,18 15,12 9,6\"></polyline>\r\n </svg>\r\n </button>\r\n </div>\r\n <h2\r\n className=\"text-2xl font-bold\"\r\n style={{ color: finalTheme.textColor }}\r\n >\r\n {monthName} {view.year}\r\n </h2>\r\n <div className=\"w-20\"></div> {/* Spacer for centering */}\r\n </div>\r\n )}\r\n\r\n {/* Weekday headers */}\r\n {showWeekdayHeaders && (\r\n <div\r\n className=\"grid gap-4 text-center mb-6\"\r\n style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\r\n >\r\n {weekdayHeaders.map((weekday, i) => (\r\n <div\r\n key={i}\r\n className=\"text-sm font-semibold uppercase tracking-wide py-2\"\r\n style={{\r\n color: finalTheme.mutedTextColor,\r\n backgroundColor: finalTheme.hoverColor,\r\n borderRadius: \"12px\",\r\n }}\r\n >\r\n {weekday}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n\r\n {/* Calendar grid */}\r\n <div\r\n ref={containerRef}\r\n className=\"grid gap-4\"\r\n style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\r\n >\r\n {cells.map((cell, idx) => {\r\n const isPresent =\r\n isAttendanceMonth &&\r\n cell.inCurrentMonth &&\r\n attendanceData?.presentDays.has(cell.day);\r\n const isAbsent =\r\n isAttendanceMonth &&\r\n cell.inCurrentMonth &&\r\n attendanceData?.absentDays.has(cell.day);\r\n\r\n const baseCircle =\r\n columns >= 14\r\n ? \"size-8 sm:size-12 rounded-2xl grid place-items-center text-sm font-semibold cursor-pointer\"\r\n : \"size-12 sm:size-14 rounded-2xl grid place-items-center text-base font-semibold cursor-pointer\";\r\n\r\n const isClickable =\r\n onDateClick && cell.inCurrentMonth && isAttendanceMonth;\r\n\r\n let cellStyle: React.CSSProperties = {};\r\n let cellClassName = baseCircle;\r\n\r\n if (!cell.inCurrentMonth) {\r\n cellStyle = {\r\n color: finalTheme.mutedTextColor,\r\n backgroundColor: finalTheme.hoverColor,\r\n border: `2px solid ${finalTheme.borderColor}`,\r\n };\r\n } else if (isPresent) {\r\n cellStyle = {\r\n backgroundColor: finalTheme.primaryColor,\r\n color: \"#ffffff\",\r\n border: `2px solid ${finalTheme.primaryColor}`,\r\n };\r\n } else if (isAbsent) {\r\n cellStyle = {\r\n backgroundColor: finalTheme.absentColor,\r\n color: \"#ffffff\",\r\n border: `2px solid ${finalTheme.absentColor}`,\r\n };\r\n } else {\r\n cellStyle = {\r\n color: finalTheme.textColor,\r\n backgroundColor: \"transparent\",\r\n border: `2px solid ${finalTheme.borderColor}`,\r\n };\r\n }\r\n\r\n return (\r\n <div key={idx} className=\"flex items-center justify-center\">\r\n <div\r\n className={cellClassName}\r\n style={cellStyle}\r\n onClick={() => isClickable && handleDateClick(cell.day)}\r\n title={\r\n isClickable ? `Click to interact with ${cell.day}` : undefined\r\n }\r\n >\r\n {cell.day}\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","WEEKDAY_LABELS","getMonthMatrix","year","monthIndex","columns","startDay","daysInMonth","prevMonthDays","cells","d","nextMonthDay","AttendanceCalendar","view","onChangeView","attendanceData","theme","onDateClick","showNavigation","showWeekdayHeaders","className","containerRef","useRef","setColumns","useState","useEffect","el","ro","entries","canFit14","useMemo","weekdayHeaders","_","i","monthName","goPrev","m","goNext","isAttendanceMonth","finalTheme","handleDateClick","day","jsxs","jsx","weekday","cell","idx","isPresent","isAbsent","baseCircle","isClickable","cellStyle","cellClassName"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/vite.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json ADDED Viewed

@@ -0,0 +1,66 @@
+{
+  "name": "react-attendance-calendar",
+  "version": "1.0.0",
+  "description": "A responsive React attendance calendar component with TypeScript support",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "calendar",
+    "attendance",
+    "typescript",
+    "component",
+    "ui"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alamincodes/attendance-calendar"
+  },
+  "homepage": "https://github.com/alamincodes/attendance-calendar#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --project tsconfig.lib.json && vite build --mode library",
+    "build:types": "tsc --emitDeclarationOnly",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.14",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "tailwindcss": "^4.1.14"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.36.0",
+    "@types/node": "^24.7.2",
+    "@types/react": "^19.1.16",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.36.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.1.7"
+  }
+}