@devalok/shilp-sutra-karm 0.1.0

package/dist/admin/dashboard/attendance-overview.js

@@ -0,0 +1,137 @@
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import * as k from "react";
+import { useRef as N, useCallback as O, useState as g } from "react";
+import { cn as j } from "@devalok/shilp-sutra/ui";
+import { AvatarGroup as w } from "@devalok/shilp-sutra/composed";
+function A(l, u, m) {
+  const c = [];
+  if (!(l != null && l.length)) return { onBreak: c };
+  const d = new Date(m), f = new Date(d);
+  f.setHours(0, 0, 0, 0);
+  const a = new Date(d);
+  a.setHours(23, 59, 59, 999);
+  const n = /* @__PURE__ */ new Map();
+  return u.forEach((r) => {
+    const p = new Date(r.date);
+    p >= f && p <= a && n.set(r.userId, r.status);
+  }), l.forEach((r) => {
+    n.get(r.id) === "BREAK" && c.push(r);
+  }), { onBreak: c };
+}
+const B = k.forwardRef(
+  function({
+    isFutureDate: u,
+    users: m,
+    groupedAttendance: c,
+    userImages: d,
+    selectedDate: f
+  }, a) {
+    var v;
+    const n = N(null), r = O((t) => {
+      n.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
+    }, [a]), [p, h] = g(!1), [M, b] = g(0), [y, D] = g(0);
+    return (
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- drag-to-scroll UX enhancement on scrollable container
+      /* @__PURE__ */ s(
+        "div",
+        {
+          ref: r,
+          className: "hide-scrollbar w-full cursor-grab overflow-x-auto active:cursor-grabbing max-md:pb-ds-05",
+          onMouseDown: (t) => {
+            var o, e;
+            h(!0), b(t.pageX - (((o = n.current) == null ? void 0 : o.offsetLeft) || 0)), D(((e = n.current) == null ? void 0 : e.scrollLeft) || 0);
+          },
+          onMouseMove: (t) => {
+            var i;
+            if (!p) return;
+            t.preventDefault();
+            const e = (t.pageX - (((i = n.current) == null ? void 0 : i.offsetLeft) || 0) - M) * 2;
+            n.current && (n.current.scrollLeft = y - e);
+          },
+          onMouseUp: () => {
+            h(!1);
+          },
+          onMouseLeave: () => {
+            h(!1);
+          },
+          style: {
+            scrollbarWidth: "none",
+            msOverflowStyle: "none"
+          },
+          children: /* @__PURE__ */ s(
+            "div",
+            {
+              className: "items-flex-start flex flex-row justify-start gap-ds-04 px-0 pt-ds-03 md:gap-0 md:px-ds-06",
+              style: { minWidth: "max-content" },
+              children: u ? /* @__PURE__ */ s("div", { className: "min-h-28", children: m && ((v = Object.entries(
+                A(
+                  m,
+                  [],
+                  f
+                )
+              )) == null ? void 0 : v.map(([t, o]) => {
+                const e = o;
+                return /* @__PURE__ */ x(
+                  "div",
+                  {
+                    className: "flex w-full flex-col gap-ds-04 rounded-ds-md bg-layer-02 p-ds-06 md:rounded-ds-lg",
+                    children: [
+                      (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ s("h2", { className: "text-ds-sm font-semibold uppercase tracking-wider capitalize text-text-tertiary", children: `On Break (${(e == null ? void 0 : e.length) || 0})` }),
+                      /* @__PURE__ */ s("div", { className: "flex w-full flex-wrap items-center", children: (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ s(
+                        w,
+                        {
+                          users: e == null ? void 0 : e.map((i) => ({
+                            image: d[i.id],
+                            name: i.name || "User"
+                          })),
+                          max: 4,
+                          showTooltip: !1
+                        }
+                      ) })
+                    ]
+                  },
+                  t
+                );
+              })) }) : Object.entries(c || {}).map(
+                ([t, o]) => /* @__PURE__ */ x(
+                  "div",
+                  {
+                    className: j("flex w-full flex-col gap-ds-04 rounded-ds-md bg-layer-02 p-ds-06 md:rounded-ds-lg md:p-ds-05", t !== "yetToMark" ? "border-r border-border" : "", "max-md:border-0 max-md:p-ds-05"),
+                    style: { minWidth: "200px" },
+                    children: [
+                      /* @__PURE__ */ x("h2", { className: "text-ds-sm font-semibold uppercase tracking-wider capitalize text-text-tertiary", children: [
+                        t === "yetToMark" ? "Yet to Mark" : t.replace(/([A-Z])/g, " $1").toLowerCase(),
+                        " ",
+                        "(",
+                        o.length,
+                        ")"
+                      ] }),
+                      /* @__PURE__ */ s("div", { className: "flex cursor-pointer flex-wrap items-center", children: /* @__PURE__ */ s(
+                        w,
+                        {
+                          users: o.map(
+                            ({ user: e }) => ({
+                              image: d[e.id],
+                              name: e.name
+                            })
+                          ),
+                          max: 4,
+                          showTooltip: !1
+                        }
+                      ) })
+                    ]
+                  },
+                  t
+                )
+              )
+            }
+          )
+        }
+      )
+    );
+  }
+);
+B.displayName = "AttendanceOverview";
+export {
+  B as AttendanceOverview
+};

package/dist/admin/dashboard/break-request.d.ts

@@ -0,0 +1,25 @@
+import { BreakRequest as BreakRequestType } from '../types';
+import * as React from 'react';
+export interface BreakRequestProps {
+    /** The currently selected date */
+    selectedDate: string | Date;
+    /** The user ID whose break is displayed */
+    userId: string;
+    /** The break request data to display (pre-fetched) */
+    breakRequest?: BreakRequestType | null;
+    /** Optional base URL for static assets */
+    assetsBaseUrl?: string;
+    /** Callback to cancel a break */
+    onCancelBreak?: (params: {
+        requestId: string;
+        deleteSingleDay: boolean;
+        dateToCancel: string | Date;
+        userId: string;
+    }) => void | Promise<void>;
+    /** Callback invoked after a successful cancel to refresh the selected user's attendance */
+    onRefreshAttendance?: () => void | Promise<void>;
+    /** Callback invoked after a successful cancel to refresh grouped attendance data */
+    onRefreshGroupedAttendance?: () => void | Promise<void>;
+}
+export declare const BreakRequestCard: React.ForwardRefExoticComponent<BreakRequestProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=break-request.d.ts.map

package/dist/admin/dashboard/break-request.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"break-request.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/break-request.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAMhE,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,sDAAsD;IACtD,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACtC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,eAAe,EAAE,OAAO,CAAA;QACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,MAAM,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,2FAA2F;IAC3F,mBAAmB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,oFAAoF;IACpF,0BAA0B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACxD;AAMD,eAAO,MAAM,gBAAgB,0FAqP5B,CAAA"}

package/dist/admin/dashboard/break-request.js

@@ -0,0 +1,174 @@
+import { jsxs as s, jsx as e, Fragment as f } from "react/jsx-runtime";
+import * as F from "react";
+import { useState as v, useEffect as M } from "react";
+import { Button as h } from "@devalok/shilp-sutra/ui";
+import { Checkbox as D } from "@devalok/shilp-sutra/ui";
+import { Dialog as w, DialogTrigger as C, DialogContent as j, DialogHeader as E, DialogFooter as k, DialogClose as S } from "@devalok/shilp-sutra/ui";
+import { cn as T } from "@devalok/shilp-sutra/ui";
+import { formatDate as B, getDaySuffix as p } from "../utils/date-utils.js";
+import { removeAllEmojis as W } from "../utils/emoji-utils.js";
+import { renderStatus as $ } from "../utils/render-status.js";
+import { format as I, startOfDay as O, isSameDay as J, isAfter as L } from "date-fns";
+import { IconX as V } from "@tabler/icons-react";
+const z = F.forwardRef(
+  function({
+    selectedDate: i,
+    userId: P,
+    breakRequest: t,
+    assetsBaseUrl: u = "",
+    onCancelBreak: a,
+    onRefreshAttendance: n,
+    onRefreshGroupedAttendance: c
+  }, Y) {
+    const [o, y] = v(!0), [r, d] = v(!1);
+    M(() => {
+      d(!1);
+    }, [i]);
+    const g = t && t.numberOfDays === 1, m = () => {
+      if (!t) return !1;
+      const l = O(/* @__PURE__ */ new Date()), N = O(new Date(t.endDate));
+      return J(N, l) || L(N, l);
+    }, x = async () => {
+      !t || !a || (await a({
+        requestId: t.id,
+        deleteSingleDay: o,
+        dateToCancel: i,
+        userId: P
+      }), d(!1), n == null || n(), c == null || c());
+    }, b = (l) => I(new Date(l), "dd/MM/yyyy");
+    return !t || t.status === "CANCELLED" ? null : /* @__PURE__ */ s("div", { ref: Y, className: "relative flex w-full flex-col gap-ds-06 rounded-ds-lg bg-layer-accent-subtle", children: [
+      u && /* @__PURE__ */ e(
+        "img",
+        {
+          src: `${u}/break-background.svg`,
+          alt: "Break Background",
+          className: "absolute bottom-0 z-0 h-full min-h-[236px] rounded-ds-lg object-cover"
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: "relative flex min-h-[236px] flex-col items-center justify-between rounded-ds-lg md:flex-row", children: [
+        r && g ? /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center px-ds-04 pt-[17px]", children: /* @__PURE__ */ s("div", { className: "w-full gap-ds-05 rounded-ds-md bg-layer-01 shadow-01 px-ds-06 py-ds-07 md:hidden", children: [
+          /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-ds-04", children: [
+            /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-center text-text-primary", children: "Cancel this break?" }),
+            /* @__PURE__ */ s("div", { className: "text-ds-base max-w-[240px] text-center text-text-tertiary max-md:leading-[100%]", children: [
+              "You're about to cancel the break scheduled for",
+              " ",
+              /* @__PURE__ */ e("span", { className: "font-semibold text-text-secondary", children: b(t.startDate) })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "mt-ds-05 flex w-full flex-col gap-ds-04", children: /* @__PURE__ */ e(h, { variant: "primary", className: "w-full rounded-ds-full", onClick: x, children: "Yes, cancel" }) }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "absolute right-ds-05 top-ds-05 rounded-ds-sm p-ds-04 text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none",
+              onClick: () => d(!1),
+              children: /* @__PURE__ */ e(V, { className: "h-ico-lg w-ico-lg" })
+            }
+          )
+        ] }) }) : /* @__PURE__ */ s("div", { className: "flex h-full w-full flex-col items-center justify-center gap-ds-06 p-ds-06 px-ds-06 py-ds-07 md:w-1/2 md:p-ds-07", children: [
+          /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-end gap-ds-05", children: [
+            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Reason" }),
+            /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-text-primary", children: W((t == null ? void 0 : t.reason) || " ") })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-end gap-ds-05", children: [
+            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Break Period" }),
+            /* @__PURE__ */ s("div", { className: "text-ds-lg font-semibold text-text-primary", children: [
+              B(new Date(t.startDate)),
+              " ",
+              t.numberOfDays > 1 && /* @__PURE__ */ s(f, { children: [
+                "- ",
+                B(new Date(t.endDate)),
+                " "
+              ] }),
+              /* @__PURE__ */ e("span", { className: "text-ds-lg text-text-placeholder", children: `(${t.numberOfDays} day${t.numberOfDays > 1 ? "s" : ""})` })
+            ] })
+          ] })
+        ] }),
+        !r && /* @__PURE__ */ s(f, { children: [
+          /* @__PURE__ */ e("div", { className: "h-[1px] w-[329px] bg-border-subtle md:hidden max-md:w-[90%]" }),
+          /* @__PURE__ */ e("div", { className: "hidden h-[170px] w-[2px] bg-border-subtle md:block" })
+        ] }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: T("flex w-full flex-col items-center justify-center px-ds-05", r || t.status === "APPROVED" || t.status === "REJECTED" ? "pb-ds-06 pt-[9px]" : "py-ds-06", "md:w-1/2 md:px-ds-06 md:py-ds-05 max-md:pt-[34px]"),
+            children: [
+              /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06  text-text-tertiary max-md:mb-ds-05", children: "Break Status" }),
+              /* @__PURE__ */ s("div", { className: "mb-ds-04 flex w-full flex-col items-center justify-start gap-ds-04 rounded-ds-2xl border border-border-subtle bg-layer-01 shadow-01 px-ds-05 py-ds-04 text-center font-semibold text-text-primary", children: [
+                $(t.status, !1),
+                t.status === "APPROVED" && t.adminComment,
+                t.status === "REJECTED" && t.adminComment
+              ] }),
+              g ? /* @__PURE__ */ s(f, { children: [
+                m() && a && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: "text-ds-sm cursor-pointer border-none bg-transparent text-interactive-hover underline md:hidden",
+                    onClick: () => d(!r),
+                    children: "Want to cancel this break?"
+                  }
+                ),
+                /* @__PURE__ */ s(w, { children: [
+                  m() && a && /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "text-ds-sm hidden cursor-pointer border-none bg-transparent text-interactive-hover underline md:block", children: "Want to cancel this break?" }) }),
+                  /* @__PURE__ */ s(j, { className: "max-w-[329px] gap-ds-04 rounded-ds-xl", children: [
+                    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-center text-text-primary", children: "Cancel this break?" }) }),
+                    /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-start", children: /* @__PURE__ */ s("div", { className: "text-ds-base max-w-[241px] text-center text-text-tertiary", children: [
+                      "You're about to cancel the break scheduled for",
+                      " ",
+                      /* @__PURE__ */ e("span", { className: "font-semibold text-text-secondary", children: b(t.startDate) })
+                    ] }) }),
+                    /* @__PURE__ */ e(k, { className: "mt-ds-04 sm:justify-start", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "primary", className: "w-full rounded-ds-full", onClick: x, children: "Yes, cancel" }) }) })
+                  ] })
+                ] })
+              ] }) : /* @__PURE__ */ s(w, { children: [
+                m() && a && /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "text-ds-sm cursor-pointer border-none bg-transparent text-interactive-hover underline", children: "Want to cancel this break?" }) }),
+                /* @__PURE__ */ s(j, { className: "max-w-[329px] gap-ds-04 rounded-ds-xl", children: [
+                  /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold flex text-center text-text-primary", children: "Cancel your break" }) }),
+                  /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-start", children: /* @__PURE__ */ s("div", { className: "flex w-full flex-col items-start", children: [
+                    /* @__PURE__ */ s("label", { className: "breakRequest-checkbox flex items-center space-x-ds-03", children: [
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          checked: o,
+                          onCheckedChange: (l) => y(l === !0)
+                        }
+                      ),
+                      /* @__PURE__ */ s("span", { className: "text-text-secondary", children: [
+                        p(new Date(i).getDate()),
+                        " break only"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ s("label", { className: "breakRequest-checkbox mt-ds-03 flex items-center space-x-ds-03", children: [
+                      /* @__PURE__ */ e(
+                        D,
+                        {
+                          checked: !o,
+                          onCheckedChange: (l) => y(l !== !0)
+                        }
+                      ),
+                      /* @__PURE__ */ s("span", { className: "text-text-secondary", children: [
+                        p(
+                          new Date(t.startDate).getDate()
+                        ),
+                        " ",
+                        "to",
+                        " ",
+                        p(new Date(t.endDate).getDate()),
+                        " ",
+                        "breaks"
+                      ] })
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ e(k, { className: "mt-ds-04 sm:justify-start", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "primary", className: "w-full rounded-ds-full", onClick: x, children: "Yes, cancel" }) }) })
+                ] })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+z.displayName = "BreakRequestCard";
+export {
+  z as BreakRequestCard
+};

package/dist/admin/dashboard/calendar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface CalendarProps {
+    onDateSelect: (date: Date) => void;
+    hasCorrection?: (date: Date) => boolean;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/admin/dashboard/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;CACxC;AAMD,eAAO,MAAM,QAAQ,sFA+JpB,CAAA"}

package/dist/admin/dashboard/calendar.js

@@ -0,0 +1,140 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import * as v from "react";
+import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as b, DropdownMenuItem as w } from "@devalok/shilp-sutra/ui";
+import { SegmentedControl as D } from "@devalok/shilp-sutra/ui";
+import { cn as s } from "@devalok/shilp-sutra/ui";
+import { isSameDay as N } from "../utils/date-utils.js";
+import { useCalendarNavigation as M } from "./use-calendar-navigation.js";
+import { format as o } from "date-fns";
+import { IconChevronDown as T, IconChevronLeft as C, IconChevronRight as k } from "@tabler/icons-react";
+const F = v.forwardRef(
+  function({ onDateSelect: m, hasCorrection: i }, u) {
+    const t = M(), c = (e) => {
+      t.navigateDate(e);
+    }, f = (e) => {
+      t.selectMonth(e);
+    }, p = () => {
+      const e = [], d = new Date(t.currentDate).getFullYear();
+      for (let n = 0; n < 12; n++) {
+        const x = new Date(d, n, 1);
+        e.push(`${o(x, "MMMM")} ${d}`);
+      }
+      return e;
+    }, h = (e, l) => {
+      t.activeTimeFrame === "weekly" ? t.selectDate(e, l) : t.selectDayMonthly(l), m(l);
+    };
+    return /* @__PURE__ */ a("div", { ref: u, className: "w-full", children: [
+      /* @__PURE__ */ a("div", { className: "mb-ds-06 flex w-full items-center justify-start", children: [
+        /* @__PURE__ */ a(g, { children: [
+          /* @__PURE__ */ a(y, { className: "text-ds-xl flex items-center gap-ds-03 text-text-secondary", children: [
+            t.selectedMonth,
+            /* @__PURE__ */ r(T, {})
+          ] }),
+          /* @__PURE__ */ r(b, { children: p().map((e) => /* @__PURE__ */ r(
+            w,
+            {
+              onSelect: () => f(e),
+              children: e
+            },
+            e
+          )) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ml-auto flex items-center gap-ds-05", children: [
+          /* @__PURE__ */ r(
+            D,
+            {
+              size: "md",
+              color: "tonal",
+              options: [
+                { id: "weekly", text: "Weekly" },
+                { id: "monthly", text: "Monthly" }
+              ],
+              selectedId: t.activeTimeFrame,
+              onSelect: (e) => t.setActiveTimeFrame(e)
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "flex gap-0", children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                "aria-label": "Previous",
+                onClick: () => c("prev"),
+                className: "rounded-ds-full p-ds-02 hover:bg-layer-02",
+                children: /* @__PURE__ */ r(C, { className: "h-ico-md w-ico-md text-text-secondary" })
+              }
+            ),
+            /* @__PURE__ */ r(
+              "button",
+              {
+                "aria-label": "Next",
+                onClick: () => c("next"),
+                className: "rounded-ds-full p-ds-02 hover:bg-layer-02",
+                children: /* @__PURE__ */ r(k, { className: "h-ico-md w-ico-md text-text-secondary" })
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: s(
+            "calendar",
+            t.activeTimeFrame === "weekly" ? "flex" : "grid grid-cols-7 gap-0",
+            "w-full items-center overflow-hidden"
+          ),
+          children: [
+            t.activeTimeFrame === "monthly" && ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"].map((e) => /* @__PURE__ */ r("div", { className: "pb-ds-03 pt-ds-05 text-center", children: /* @__PURE__ */ r("span", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-tertiary", children: e }) }, e)),
+            t.days.map((e, l) => /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                tabIndex: e.isPadding ? -1 : 0,
+                "aria-label": e.isPadding ? void 0 : o(e.fullDate, "MMMM d, yyyy"),
+                className: s(
+                  t.activeTimeFrame === "weekly" ? "w-full rounded-t-ds-lg pb-ds-04 pt-ds-05" : "pb-0 pt-0",
+                  "flex cursor-pointer flex-col items-center text-center",
+                  t.activeTimeFrame === "weekly" && t.activeIndex === l && "bg-layer-02",
+                  e.isPadding && "opacity-50"
+                ),
+                onClick: () => h(l, e.fullDate),
+                children: [
+                  t.activeTimeFrame === "weekly" && /* @__PURE__ */ r("span", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-03  text-text-tertiary", children: e.day }),
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: s(
+                        "mx-ds-02 my-ds-02 flex-col",
+                        "flex h-ds-md w-ds-md items-center justify-center",
+                        t.activeTimeFrame === "monthly" && N(e.fullDate, new Date(t.selectedDate)) && "rounded-ds-full bg-interactive-subtle ring-2 ring-inset ring-interactive"
+                      ),
+                      children: [
+                        /* @__PURE__ */ r(
+                          "span",
+                          {
+                            className: s(
+                              "text-ds-base flex h-ds-md w-ds-md items-center justify-center rounded-ds-full",
+                              e.isToday ? "bg-interactive-hover p-ds-03 text-text-on-color" : "text-text-secondary",
+                              e.isActive && !e.isToday && "bg-field"
+                            ),
+                            children: e.date
+                          }
+                        ),
+                        i && i(e.fullDate) && /* @__PURE__ */ r("div", { className: "absolute z-raised mt-ds-06 h-ds-02b w-ds-02b translate-y-[5px] rounded-ds-full bg-text-error" })
+                      ]
+                    }
+                  )
+                ]
+              },
+              l
+            ))
+          ]
+        }
+      )
+    ] });
+  }
+);
+F.displayName = "Calendar";
+export {
+  F as Calendar
+};

package/dist/admin/dashboard/correction-list.d.ts

@@ -0,0 +1,21 @@
+import { AdminUser, CorrectionStatus } from '../types';
+import * as React from 'react';
+export interface AttendanceCorrection {
+    id: string;
+    date: string;
+    reason?: string;
+    requestedDate?: string;
+    correctionStatus: CorrectionStatus;
+    user?: AdminUser;
+}
+export interface CorrectionListProps {
+    corrections: AttendanceCorrection[];
+    currentUserId: string;
+    userImages: Record<string, string>;
+    assetsBaseUrl: string;
+    activeTimeFrame: string;
+    onApproveCorrection?: (correctionId: string) => void | Promise<void>;
+    onRejectCorrection?: (correctionId: string) => void | Promise<void>;
+}
+export declare const CorrectionList: React.ForwardRefExoticComponent<CorrectionListProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=correction-list.d.ts.map

package/dist/admin/dashboard/correction-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"correction-list.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/correction-list.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAM3D,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,oBAAoB,EAAE,CAAA;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACpE;AAMD,eAAO,MAAM,cAAc,4FAyI1B,CAAA"}

package/dist/admin/dashboard/correction-list.js

@@ -0,0 +1,99 @@
+import { jsx as d, jsxs as s } from "react/jsx-runtime";
+import * as j from "react";
+import { Fragment as q } from "react";
+import { Avatar as A, AvatarImage as O, AvatarFallback as V } from "@devalok/shilp-sutra/ui";
+import { Tooltip as E, TooltipTrigger as F, TooltipContent as P } from "@devalok/shilp-sutra/ui";
+import { cn as C } from "@devalok/shilp-sutra/ui";
+import { formatDateWithWeekday as W } from "../utils/date-utils.js";
+import { IconX as Y, IconCheck as G } from "@tabler/icons-react";
+const J = j.forwardRef(
+  function({
+    corrections: p,
+    currentUserId: l,
+    userImages: L,
+    assetsBaseUrl: u,
+    activeTimeFrame: X,
+    onApproveCorrection: x,
+    onRejectCorrection: h
+  }, f) {
+    const t = async (a, e) => {
+      e === "APPROVED" ? await (x == null ? void 0 : x(a.id)) : await (h == null ? void 0 : h(a.id));
+    };
+    return p.length === 0 ? /* @__PURE__ */ d("div", { ref: f, className: "p-ds-05 text-center", children: "No pending corrections" }) : /* @__PURE__ */ d(
+      "div",
+      {
+        ref: f,
+        className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-layer-01 px-ds-06 max-md:flex-1 max-md:max-h-none max-md:min-h-[372px] max-md:p-0",
+        children: p.map((a) => {
+          var e, i, y, N, g, b, w, v, D, T, k;
+          return /* @__PURE__ */ d(q, { children: /* @__PURE__ */ s("div", { className: "max-md:border-1 flex items-center justify-between px-ds-03 py-ds-04 max-md:rounded-ds-lg max-md:border-border", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04", children: [
+              /* @__PURE__ */ s(A, { className: "h-ds-md w-ds-md border-2 max-md:mb-[auto]", children: [
+                /* @__PURE__ */ d(
+                  O,
+                  {
+                    src: L[((e = a == null ? void 0 : a.user) == null ? void 0 : e.id) || ""] || (u ? u + "/Goutham.png" : ""),
+                    alt: `${(i = a == null ? void 0 : a.user) == null ? void 0 : i.name}'s Icon`
+                  }
+                ),
+                /* @__PURE__ */ d(V, { children: ((N = (y = a == null ? void 0 : a.user) == null ? void 0 : y.name) == null ? void 0 : N[0]) || "U" })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
+                /* @__PURE__ */ d("p", { className: "text-ds-sm text-text-secondary", children: (g = a == null ? void 0 : a.user) == null ? void 0 : g.name }),
+                /* @__PURE__ */ s("div", { className: "flex w-full flex-wrap items-center gap-ds-03", children: [
+                  /* @__PURE__ */ d("p", { className: "text-ds-base font-semibold text-text-primary", children: a == null ? void 0 : a.reason }),
+                  a != null && a.reason ? /* @__PURE__ */ d("p", { className: "text-ds-base font-semibold text-text-tertiary", children: "•" }) : null,
+                  /* @__PURE__ */ d("p", { className: "text-ds-base text-text-tertiary", children: W(
+                    new Date(a == null ? void 0 : a.date)
+                  ) })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "ml-auto flex items-center gap-ds-04 max-md:flex-col max-md:justify-center max-md:gap-0", children: [
+              /* @__PURE__ */ d("div", { className: "p-ds-02", children: /* @__PURE__ */ s(E, { delayDuration: 0, children: [
+                /* @__PURE__ */ d(F, { asChild: !0, children: /* @__PURE__ */ d(
+                  "button",
+                  {
+                    className: C("rounded-ds-full p-ds-03 text-text-tertiary hover:text-text-secondary", ((b = a == null ? void 0 : a.user) == null ? void 0 : b.id) === l ? "cursor-not-allowed opacity-[0.38]" : ""),
+                    onClick: () => {
+                      var m;
+                      return ((m = a == null ? void 0 : a.user) == null ? void 0 : m.id) !== l && t(
+                        a,
+                        "REJECTED"
+                      );
+                    },
+                    disabled: ((w = a == null ? void 0 : a.user) == null ? void 0 : w.id) === l,
+                    children: /* @__PURE__ */ d(Y, { className: "h-ico-lg w-ico-lg" })
+                  }
+                ) }),
+                ((v = a == null ? void 0 : a.user) == null ? void 0 : v.id) === l && /* @__PURE__ */ d(P, { children: /* @__PURE__ */ d("p", { children: "You cannot approve/reject your own correction request" }) })
+              ] }) }),
+              /* @__PURE__ */ d("div", { className: "p-ds-02", children: /* @__PURE__ */ s(E, { delayDuration: 0, children: [
+                /* @__PURE__ */ d(F, { asChild: !0, children: /* @__PURE__ */ d(
+                  "button",
+                  {
+                    className: C("rounded-ds-full p-ds-03", ((D = a == null ? void 0 : a.user) == null ? void 0 : D.id) === l ? "cursor-not-allowed opacity-[0.38]" : ""),
+                    onClick: () => {
+                      var m;
+                      return ((m = a == null ? void 0 : a.user) == null ? void 0 : m.id) !== l && t(
+                        a,
+                        "APPROVED"
+                      );
+                    },
+                    disabled: ((T = a == null ? void 0 : a.user) == null ? void 0 : T.id) === l,
+                    children: /* @__PURE__ */ d(G, { className: "h-ico-lg w-ico-lg text-text-success" })
+                  }
+                ) }),
+                ((k = a == null ? void 0 : a.user) == null ? void 0 : k.id) === l && /* @__PURE__ */ d(P, { children: /* @__PURE__ */ d("p", { children: "You cannot approve/reject your own correction request" }) })
+              ] }) })
+            ] })
+          ] }) }, a.id);
+        })
+      }
+    );
+  }
+);
+J.displayName = "CorrectionList";
+export {
+  J as CorrectionList
+};

package/dist/admin/dashboard/dashboard-header.d.ts

@@ -0,0 +1,18 @@
+import { AdminUser } from '../types';
+import * as React from 'react';
+export interface DashboardHeaderProps {
+    selectedMonth: string;
+    yearsList: string[];
+    isTodaySelected: boolean;
+    selectedAssociate: AdminUser | null;
+    users: AdminUser[];
+    userImages: Record<string, string>;
+    activeTimeFrame: string;
+    onMonthSelection: (monthYear: string) => void;
+    onTodayClick: () => void;
+    onSelectAssociate: (user: AdminUser | null) => void;
+    onTimeFrameChange: (id: string) => void;
+    onDateChange: (direction: 'prev' | 'next') => void;
+}
+export declare const DashboardHeader: React.ForwardRefExoticComponent<DashboardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dashboard-header.d.ts.map

package/dist/admin/dashboard/dashboard-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-header.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/dashboard-header.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAMzC,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,eAAe,EAAE,OAAO,CAAA;IACxB,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAA;IACnC,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,iBAAiB,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACnD;AAMD,eAAO,MAAM,eAAe,6FAiK3B,CAAA"}