@devalok/shilp-sutra-karm 0.1.0

package/dist/admin/break/header.js

@@ -0,0 +1,228 @@
+import { jsxs as s, jsx as e, Fragment as M } from "react/jsx-runtime";
+import * as F from "react";
+import { Fragment as j } from "react";
+import { DropdownMenu as m, DropdownMenuTrigger as o, DropdownMenuContent as x, DropdownMenuItem as h } from "@devalok/shilp-sutra/ui";
+import { Button as C } from "@devalok/shilp-sutra/ui";
+import { IconButton as i } from "@devalok/shilp-sutra/ui";
+import { IconX as u, IconUser as D, IconChevronDown as p, IconCalendar as Y, IconCalendarEvent as I, IconChevronLeft as N, IconChevronRight as f } from "@tabler/icons-react";
+const b = [
+  { id: 1, name: "January" },
+  { id: 2, name: "February" },
+  { id: 3, name: "March" },
+  { id: 4, name: "April" },
+  { id: 5, name: "May" },
+  { id: 6, name: "June" },
+  { id: 7, name: "July" },
+  { id: 8, name: "August" },
+  { id: 9, name: "September" },
+  { id: 10, name: "October" },
+  { id: 11, name: "November" },
+  { id: 12, name: "December" }
+], S = F.forwardRef(
+  function({
+    filters: a,
+    onFilterChange: y,
+    breakBalance: n,
+    userImages: r,
+    users: c
+  }, w) {
+    const d = (t) => {
+      y(t(a));
+    }, g = () => {
+      d((t) => ({
+        ...t,
+        currMonth: t.currMonth === 0 ? 11 : t.currMonth - 1
+      }));
+    }, v = () => {
+      d((t) => ({
+        ...t,
+        currMonth: t.currMonth === 11 ? 0 : t.currMonth + 1
+      }));
+    }, A = () => {
+      d((t) => ({
+        ...t,
+        dateFilterStart: new Date(t.currYear, t.currMonth, 1),
+        dateFilterEnd: new Date(t.currYear, t.currMonth + 1, 0),
+        isOpen: !1
+      }));
+    };
+    return /* @__PURE__ */ s("div", { ref: w, className: "flex min-w-[800px] items-center justify-between bg-field px-ds-06 py-ds-05b max-md:justify-start max-md:gap-ds-05b max-lg:min-w-[100%]", children: [
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-05", children: a.selectedAssociate && /* @__PURE__ */ s(M, { children: [
+        /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Break Balance" }),
+        /* @__PURE__ */ s("div", { className: "flex items-end", children: [
+          /* @__PURE__ */ e("p", { className: "text-ds-5xl font-semibold mr-ds-02 text-interactive", children: (n == null ? void 0 : n.remainingDays) || 0 }),
+          /* @__PURE__ */ s("p", { className: "text-ds-2xl translate-y-[-5px] text-text-placeholder", children: [
+            "/ ",
+            (n == null ? void 0 : n.breakBalance) || 0
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ s("header", { className: "flex items-center gap-ds-04", children: [
+        a.selectedAssociate ? /* @__PURE__ */ s("div", { className: "text-ds-md flex flex-row items-center justify-start gap-ds-02 rounded-ds-md bg-interactive p-ds-02b text-text-on-color", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-start gap-ds-01", children: [
+            r[a.selectedAssociate.id] ? /* @__PURE__ */ e(
+              "img",
+              {
+                src: r[a.selectedAssociate.id],
+                alt: `${a.selectedAssociate.name}'s avatar`,
+                className: "h-ico-md w-ico-md rounded-ds-full"
+              }
+            ) : /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-layer-02", children: /* @__PURE__ */ e("span", { className: "text-interactive", children: a.selectedAssociate.name.charAt(0) }) }),
+            /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-01 text-text-on-color", children: a.selectedAssociate.name })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => d((t) => ({
+                ...t,
+                selectedAssociate: null
+              })),
+              className: "border-0 p-0",
+              children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm text-text-on-color" })
+            }
+          )
+        ] }) : /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ s(o, { className: "text-ds-md flex flex-row items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 px-ds-03 py-ds-02b", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ e(D, { className: "h-ico-sm w-ico-sm" }),
+              /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-03 text-text-secondary max-lg:mx-0 max-lg:text-ds-sm", children: "Associate" })
+            ] }),
+            /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
+          ] }),
+          /* @__PURE__ */ e(x, { className: "custom-scrollbar max-h-[400px] w-64 overflow-y-auto p-ds-03", children: (c == null ? void 0 : c.length) === 0 ? /* @__PURE__ */ e(h, { disabled: !0, children: "No users available" }) : c == null ? void 0 : c.map((t) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ s(
+            h,
+            {
+              onSelect: () => d((l) => ({
+                ...l,
+                selectedAssociate: t
+              })),
+              className: "flex items-center gap-ds-03 p-ds-03",
+              children: [
+                r[t.id] ? /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: r[t.id],
+                    alt: `${t.name}'s avatar`,
+                    className: "h-ds-xs w-ds-xs rounded-ds-full"
+                  }
+                ) : /* @__PURE__ */ e("div", { className: "flex h-ds-xs w-ds-xs items-center justify-center rounded-ds-full bg-layer-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-interactive", children: t.name.charAt(0) }) }),
+                /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: t.name })
+              ]
+            },
+            t.id
+          ) }, t.id)) })
+        ] }),
+        a.dateFilterEnd && /* @__PURE__ */ s("div", { className: "text-ds-md flex items-center justify-between rounded-ds-md bg-interactive px-ds-03 py-ds-02b text-text-on-color", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ e(Y, {}),
+            /* @__PURE__ */ s("span", { className: "ml-ds-01 mr-ds-02", children: [
+              b[new Date(a.dateFilterStart).getMonth()].name,
+              ","
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mr-ds-02", children: new Date(a.dateFilterStart).getFullYear() })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => {
+                d((t) => ({
+                  ...t,
+                  dateFilterStart: null,
+                  dateFilterEnd: null
+                }));
+              },
+              className: "border-0 bg-transparent p-0",
+              children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(
+          m,
+          {
+            open: a.isOpen,
+            onOpenChange: (t) => {
+              d((l) => ({ ...l, isOpen: t }));
+            },
+            children: [
+              /* @__PURE__ */ s(o, { className: "text-ds-md flex items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 p-ds-02b", children: [
+                /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ e(I, {}),
+                  /* @__PURE__ */ e("span", { className: "mx-ds-03 text-text-secondary", children: "Date" })
+                ] }),
+                /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
+              ] }),
+              /* @__PURE__ */ e(x, { className: "mr-32 p-ds-04", children: /* @__PURE__ */ s("div", { className: "flex w-[140px] flex-col items-center justify-start", children: [
+                /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between", children: [
+                  /* @__PURE__ */ e(
+                    i,
+                    {
+                      size: "sm",
+                      icon: /* @__PURE__ */ e(N, {}),
+                      "aria-label": "Previous month",
+                      onClick: g
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: b[a.currMonth].name }),
+                  /* @__PURE__ */ e(
+                    i,
+                    {
+                      size: "sm",
+                      icon: /* @__PURE__ */ e(f, {}),
+                      "aria-label": "Next month",
+                      onClick: v
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ s("div", { className: "mt-ds-04 flex w-full items-center justify-between", children: [
+                  /* @__PURE__ */ e(
+                    i,
+                    {
+                      size: "sm",
+                      icon: /* @__PURE__ */ e(N, {}),
+                      "aria-label": "Previous year",
+                      onClick: () => {
+                        d((t) => ({
+                          ...t,
+                          currYear: t.currYear - 1
+                        }));
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: a.currYear }),
+                  /* @__PURE__ */ e(
+                    i,
+                    {
+                      size: "sm",
+                      icon: /* @__PURE__ */ e(f, {}),
+                      "aria-label": "Next year",
+                      onClick: () => {
+                        d((t) => ({
+                          ...t,
+                          currYear: t.currYear + 1
+                        }));
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  C,
+                  {
+                    className: "mt-ds-05",
+                    variant: "secondary",
+                    fullWidth: !0,
+                    onClick: A,
+                    children: "Filter"
+                  }
+                )
+              ] }) })
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+S.displayName = "BreakAdminHeader";
+export {
+  S as BreakAdminHeader
+};

package/dist/admin/break/index.d.ts

@@ -0,0 +1,18 @@
+export { BreakAdmin } from './break-admin';
+export type { BreakAdminProps } from './break-admin';
+export { BreakAdminHeader } from './header';
+export type { BreakAdminHeaderProps, BreakAdminFilters } from './header';
+export { Breaks } from './breaks';
+export type { BreaksProps } from './breaks';
+export { LeaveRequest } from './leave-request';
+export type { LeaveRequestProps } from './leave-request';
+export { BreakBalance } from './break-balance';
+export type { BreakBalanceProps } from './break-balance';
+export { EditBreak } from './edit-break';
+export type { EditBreakProps } from './edit-break';
+export { EditBreakBalance } from './edit-break-balance';
+export type { EditBreakBalanceProps } from './edit-break-balance';
+export { DeleteBreak } from './delete-break';
+export type { DeleteBreakProps } from './delete-break';
+export { BreakAdminSkeleton } from './break-admin-skeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/break/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/break/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}

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

@@ -0,0 +1,17 @@
+import { MouseEvent } from 'react';
+import { BreakRequest } from '../types';
+export interface LeaveRequestProps {
+    request: BreakRequest;
+    userImages: Record<string, string>;
+    handleRejectRequest: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, id: string, comment?: string) => void;
+    handleApproveRequest: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, id: string, comment?: string) => void;
+    commentBoxOpen: boolean;
+    onCommentBoxClose: () => void;
+    clickedAction: 'approve' | 'reject' | null;
+    userId: string;
+}
+export declare function LeaveRequest({ request, userImages, handleRejectRequest, handleApproveRequest, commentBoxOpen, onCommentBoxClose, clickedAction, userId, }: LeaveRequestProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace LeaveRequest {
+    var displayName: string;
+}
+//# sourceMappingURL=leave-request.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"leave-request.d.ts","sourceRoot":"","sources":["../../../src/admin/break/leave-request.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAmBjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAM5C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,YAAY,CAAA;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,mBAAmB,EAAE,CACnB,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,UAAU,CAAC,EAC3D,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAA;IACT,oBAAoB,EAAE,CACpB,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,UAAU,CAAC,EAC3D,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,CAAA;IACT,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,aAAa,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAA;IAC1C,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,MAAM,GACP,EAAE,iBAAiB,2CAqKnB;yBA9Ke,YAAY"}

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

@@ -0,0 +1,162 @@
+import { jsxs as r, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { Dialog as L, DialogContent as O, DialogHeader as W, DialogTitle as Y, DialogDescription as B } from "@devalok/shilp-sutra/ui";
+import { Textarea as H } from "@devalok/shilp-sutra/ui";
+import { formatDateWithWeekday as p } from "../utils/date-utils.js";
+import { Avatar as M, AvatarImage as R, AvatarFallback as V } from "@devalok/shilp-sutra/ui";
+import { Button as x } from "@devalok/shilp-sutra/ui";
+import { isSameDay as X } from "date-fns";
+import { Tooltip as s, TooltipTrigger as n, TooltipContent as d } from "@devalok/shilp-sutra/ui";
+import { IconX as G, IconCheck as J } from "@tabler/icons-react";
+function K({
+  request: a,
+  userImages: z,
+  handleRejectRequest: f,
+  handleApproveRequest: b,
+  commentBoxOpen: A,
+  onCommentBoxClose: E,
+  clickedAction: o,
+  userId: l
+}) {
+  var N, y, w, u, D, C, k, j, T;
+  const [c, g] = S(""), m = new Date(a.startDate), v = new Date(a.endDate), F = X(m, v);
+  return /* @__PURE__ */ r(h, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "flex justify-between border-b border-border px-ds-03 py-ds-04 last:border-b-0",
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-ds-04", children: [
+            /* @__PURE__ */ r(M, { className: "h-ds-md w-ds-md", children: [
+              /* @__PURE__ */ e(R, { src: z[((N = a.user) == null ? void 0 : N.id) || ""], alt: ((y = a.user) == null ? void 0 : y.name) || "" }),
+              /* @__PURE__ */ e(V, { children: (((w = a.user) == null ? void 0 : w.name) || "?")[0] })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex w-auto max-w-[75%] flex-col items-start gap-ds-02b", children: [
+              /* @__PURE__ */ e("div", { className: "flex flex-row gap-ds-02b", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
+                /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-secondary", children: (u = a.user) == null ? void 0 : u.name }),
+                a.correction && /* @__PURE__ */ r(h, { children: [
+                  /* @__PURE__ */ e("div", { className: "block h-3 w-[1px] bg-border-subtle" }),
+                  " ",
+                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-interactive", children: "Attendance Corrections" }),
+                  " "
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e("div", { className: "flex w-full flex-wrap items-center gap-ds-04", children: F ? /* @__PURE__ */ r("div", { className: "flex w-full flex-wrap items-center gap-ds-03", children: [
+                /* @__PURE__ */ r(s, { children: [
+                  /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("p", { className: "text-ds-base font-semibold line-clamp-2 cursor-default text-text-primary", children: a.reason }) }),
+                  /* @__PURE__ */ e(d, { children: a.reason })
+                ] }),
+                /* @__PURE__ */ r("p", { className: "text-ds-base text-text-tertiary", children: [
+                  "• ",
+                  p(m)
+                ] })
+              ] }) : /* @__PURE__ */ r(h, { children: [
+                /* @__PURE__ */ r(s, { children: [
+                  /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("p", { className: "text-ds-base font-semibold line-clamp-2 cursor-default text-text-primary", children: a.reason }) }),
+                  /* @__PURE__ */ e(d, { children: a.reason })
+                ] }),
+                /* @__PURE__ */ r("p", { className: "text-ds-base text-text-tertiary", children: [
+                  p(m),
+                  " to",
+                  " ",
+                  p(v),
+                  ",",
+                  /* @__PURE__ */ r("span", { className: "text-interactive-hover", children: [
+                    " ",
+                    a.numberOfDays,
+                    " days"
+                  ] })
+                ] })
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04", children: [
+            /* @__PURE__ */ r(s, { delayDuration: 0, children: [
+              /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
+                x,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: (t) => {
+                    var i;
+                    return ((i = a.user) == null ? void 0 : i.id) !== l && f(t, a.id);
+                  },
+                  disabled: ((D = a.user) == null ? void 0 : D.id) === l,
+                  "aria-label": "Reject break request",
+                  children: /* @__PURE__ */ e(G, { className: "h-ico-lg w-ico-lg" })
+                }
+              ) }),
+              ((C = a.user) == null ? void 0 : C.id) === l && /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e("p", { children: "You cannot approve/reject your own break request" }) })
+            ] }),
+            /* @__PURE__ */ r(s, { delayDuration: 0, children: [
+              /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
+                x,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: (t) => {
+                    var i;
+                    return ((i = a.user) == null ? void 0 : i.id) !== l && b(t, a.id);
+                  },
+                  disabled: ((k = a.user) == null ? void 0 : k.id) === l,
+                  "aria-label": "Approve break request",
+                  children: /* @__PURE__ */ e(J, { className: "h-ico-lg w-ico-lg" })
+                }
+              ) }),
+              ((j = a.user) == null ? void 0 : j.id) === l && /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e("p", { children: "You cannot approve/reject your own break request" }) })
+            ] })
+          ] })
+        ]
+      },
+      a.id
+    ),
+    /* @__PURE__ */ e(
+      L,
+      {
+        open: A,
+        onOpenChange: () => {
+          E(), g("");
+        },
+        children: /* @__PURE__ */ r(O, { children: [
+          /* @__PURE__ */ r(W, { children: [
+            /* @__PURE__ */ e(Y, { className: "text-ds-xl", children: (T = a.user) == null ? void 0 : T.name }),
+            /* @__PURE__ */ e(B, { className: "text-ds-lg", children: a.reason })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ r("div", { className: "text-ds-md flex flex-col items-start justify-center gap-ds-03 rounded-ds-lg border border-border-subtle bg-layer-01 shadow-01 px-ds-05 pb-ds-01 pt-ds-03 text-text-primary", children: [
+              /* @__PURE__ */ e("label", { className: "text-ds-xs font-semibold uppercase tracking-wider text-text-helper", htmlFor: "comment", children: "Comment" }),
+              /* @__PURE__ */ e(
+                H,
+                {
+                  id: "comment",
+                  defaultValue: c,
+                  onChange: (t) => g(t.target.value),
+                  placeholder: "Enjoy your break",
+                  className: "resize-none border-none px-0 shadow-none placeholder:font-accent"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              x,
+              {
+                className: "mt-ds-06",
+                variant: "primary",
+                onClick: () => {
+                  const t = new window.MouseEvent(
+                    "click"
+                  );
+                  o === "approve" ? b(t, a.id, c) : o === "reject" && f(t, a.id, c);
+                },
+                children: o === "approve" ? "Approve" : "Reject"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+K.displayName = "LeaveRequest";
+export {
+  K as LeaveRequest
+};

package/dist/admin/break/use-break-date-picker.d.ts

@@ -0,0 +1,25 @@
+export interface BreakDatePickerState {
+    showCalendar: boolean;
+    activeDate: 'start' | 'end' | null;
+    currentMonth: number;
+    currentYear: number;
+    selectedStartDate: string | null;
+    selectedEndDate: string | null;
+}
+export declare function useBreakDatePicker(): {
+    showCalendar: boolean;
+    activeDate: "end" | "start" | null;
+    currentMonth: number;
+    currentYear: number;
+    selectedStartDate: string | null;
+    selectedEndDate: string | null;
+    setShowCalendar: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    setActiveDate: import('react').Dispatch<import('react').SetStateAction<"end" | "start" | null>>;
+    setCurrentMonth: import('react').Dispatch<import('react').SetStateAction<number>>;
+    setCurrentYear: import('react').Dispatch<import('react').SetStateAction<number>>;
+    setSelectedStartDate: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    setSelectedEndDate: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+    navigateMonth: (direction: "prev" | "next") => void;
+    resetDates: () => void;
+};
+//# sourceMappingURL=use-break-date-picker.d.ts.map

package/dist/admin/break/use-break-date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-break-date-picker.d.ts","sourceRoot":"","sources":["../../../src/admin/break/use-break-date-picker.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B;AAMD,wBAAgB,kBAAkB;;;;;;;;;;;;;+BAelB,MAAM,GAAG,MAAM;;EAmD9B"}

package/dist/admin/break/use-break-date-picker.js

@@ -0,0 +1,42 @@
+import { useState as t, useCallback as w } from "react";
+function m() {
+  const [i, u] = t(!1), [M, D] = t(null), [s, a] = t((/* @__PURE__ */ new Date()).getMonth()), [o, c] = t((/* @__PURE__ */ new Date()).getFullYear()), [S, d] = t(
+    null
+  ), [f, h] = t(null), C = w(
+    (g) => {
+      const e = s, n = o;
+      if (g === "next") {
+        const l = e === 11 ? 0 : e + 1, r = e === 11 ? n + 1 : n;
+        a(l), c(r);
+      } else {
+        const l = e === 0 ? 11 : e - 1, r = e === 0 ? n - 1 : n;
+        a(l), c(r);
+      }
+    },
+    [s, o]
+  ), Y = w(() => {
+    u(!1), D(null), d(null), h(null);
+  }, []);
+  return {
+    // State
+    showCalendar: i,
+    activeDate: M,
+    currentMonth: s,
+    currentYear: o,
+    selectedStartDate: S,
+    selectedEndDate: f,
+    // Setters (for cases needing direct access)
+    setShowCalendar: u,
+    setActiveDate: D,
+    setCurrentMonth: a,
+    setCurrentYear: c,
+    setSelectedStartDate: d,
+    setSelectedEndDate: h,
+    // Helpers
+    navigateMonth: C,
+    resetDates: Y
+  };
+}
+export {
+  m as useBreakDatePicker
+};

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

@@ -0,0 +1,109 @@
+import { default as React, ReactNode } from 'react';
+import { DateAttendanceInfo } from './render-date';
+import { TaskItem } from './associate-detail';
+import { AttendanceCorrection } from './correction-list';
+import { AdminUser, AttendanceRecord, BreakRequest, GroupedAttendance, UserRole } from '../types';
+export type { TaskItem } from './associate-detail';
+export type { AttendanceCorrection } from './correction-list';
+export interface AdminDashboardRootProps {
+    /** Current authenticated user's ID */
+    currentUserId: string;
+    /** Current user's role */
+    currentUserRole: UserRole;
+    /** Current authenticated user object */
+    currentUser?: AdminUser;
+    /** Base URL for static assets (e.g. break-background.svg) */
+    assetsBaseUrl?: string;
+    /** Map of userId -> image URL */
+    userImages?: Record<string, string>;
+    /** Whether data is still loading */
+    isLoading?: boolean;
+    /** Called when the selected associate changes */
+    onAssociateChange?: (user: AdminUser | null) => void;
+    /** Children (compound sub-components) */
+    children: ReactNode;
+}
+export interface AdminDashboardCalendarProps {
+    /** Map of date string (YYYY-MM-DD) -> attendance info */
+    dateAttendanceMap?: Map<string, DateAttendanceInfo> | null;
+    /** Called when the selected date changes */
+    onDateChange?: (date: string) => void;
+    /** Called when time frame changes */
+    onTimeFrameChange?: (timeFrame: string) => void;
+    /** Full list of users (for the associate dropdown in header) */
+    users?: AdminUser[];
+    /** Attendance record for selected user (used for break-bg styling) */
+    selectedUserAttendance?: AttendanceRecord | null;
+}
+export interface AdminDashboardAttendanceOverviewProps {
+    /** Grouped attendance data for the selected date */
+    groupedAttendance?: GroupedAttendance | null;
+    /** Full list of users */
+    users?: AdminUser[];
+}
+export interface AdminDashboardAssociateDetailProps {
+    /** Attendance record for the selected associate + date */
+    attendance?: AttendanceRecord | null;
+    /** Tasks for the selected associate */
+    tasks?: TaskItem[];
+    /** Break request for the selected associate's selected date */
+    breakRequest?: BreakRequest | null;
+    /** Called to update attendance status (mark present/absent) */
+    onUpdateAttendanceStatus?: (params: {
+        userId: string;
+        date: string;
+        isPresent: boolean;
+    }) => void | Promise<void>;
+    /** Called to toggle a task's status */
+    onToggleTaskStatus?: (taskId: string, newStatus: string) => void | Promise<void>;
+    /** Called to create a new task */
+    onAddTask?: (title: string, assigneeId: string) => void | Promise<void>;
+    /** Called to reorder tasks via drag-and-drop */
+    onReorderTasks?: (draggedTaskId: string, targetTaskId: string) => void | Promise<void>;
+    /** Called to cancel a break */
+    onCancelBreak?: (params: {
+        requestId: string;
+        deleteSingleDay: boolean;
+        dateToCancel: string | Date;
+        userId: string;
+    }) => void | Promise<void>;
+    /** Called when selected user attendance needs refresh */
+    onRefreshSelectedUserAttendance?: () => void | Promise<void>;
+    /** Called when attendance data refresh is needed (after batch ops) */
+    onRefreshAttendanceData?: () => void | Promise<void>;
+}
+export interface AdminDashboardLeaveRequestsProps {
+    /** Pending break/leave requests */
+    requests?: BreakRequest[];
+    /** Pending attendance corrections */
+    corrections?: AttendanceCorrection[];
+    /** Called to approve a break request */
+    onApproveBreak?: (params: {
+        requestId: string;
+        adminComment: string;
+        userId: string;
+    }) => void | Promise<void>;
+    /** Called to reject a break request */
+    onRejectBreak?: (params: {
+        requestId: string;
+        adminComment: string;
+        userId: string;
+    }) => void | Promise<void>;
+    /** Called to approve an attendance correction */
+    onApproveCorrection?: (correctionId: string) => void | Promise<void>;
+    /** Called to reject an attendance correction */
+    onRejectCorrection?: (correctionId: string) => void | Promise<void>;
+}
+export interface AdminDashboardContentProps {
+    /** Children (AttendanceOverview, AssociateDetail, LeaveRequests) */
+    children: ReactNode;
+}
+export declare const AdminDashboard: React.ForwardRefExoticComponent<AdminDashboardRootProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<AdminDashboardRootProps & React.RefAttributes<HTMLDivElement>>;
+    Calendar: React.ForwardRefExoticComponent<AdminDashboardCalendarProps & React.RefAttributes<HTMLDivElement>>;
+    AttendanceOverview: React.ForwardRefExoticComponent<AdminDashboardAttendanceOverviewProps & React.RefAttributes<HTMLDivElement>>;
+    AssociateDetail: React.ForwardRefExoticComponent<AdminDashboardAssociateDetailProps & React.RefAttributes<HTMLDivElement>>;
+    LeaveRequests: React.ForwardRefExoticComponent<AdminDashboardLeaveRequestsProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<AdminDashboardContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=admin-dashboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin-dashboard.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/admin-dashboard.tsx"],"names":[],"mappings":"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"}