@devalok/shilp-sutra-karm 0.1.0

package/dist/admin/adjustments/approved-adjustments.d.ts

@@ -0,0 +1,10 @@
+import { Adjustment } from '../types';
+import * as React from 'react';
+export interface ApprovedAdjustmentsProps {
+    adjustments: Adjustment[];
+    /** Current admin user ID — used to show "You" for self-approved items */
+    adminId: string;
+}
+declare const ApprovedAdjustments: React.ForwardRefExoticComponent<ApprovedAdjustmentsProps & React.RefAttributes<HTMLDivElement>>;
+export { ApprovedAdjustments };
+//# sourceMappingURL=approved-adjustments.d.ts.map

package/dist/admin/adjustments/approved-adjustments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approved-adjustments.d.ts","sourceRoot":"","sources":["../../../src/admin/adjustments/approved-adjustments.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAM1C,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAA;CAChB;AAMD,QAAA,MAAM,mBAAmB,iGA4DxB,CAAA;AAID,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/admin/adjustments/approved-adjustments.js

@@ -0,0 +1,42 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as p from "react";
+import { formatDate as c } from "../utils/date-utils.js";
+const i = p.forwardRef(
+  function({
+    adjustments: r,
+    adminId: o
+  }, t) {
+    return /* @__PURE__ */ e("div", { ref: t, className: "no-scrollbar w-full overflow-auto border border-border-subtle sm:rounded-ds-lg max-md:rounded-ds-none max-md:border-0", children: /* @__PURE__ */ e("div", { className: "bg-layer-02 pb-ds-06 pl-ds-05 pt-ds-03 md:p-ds-05", children: /* @__PURE__ */ e("div", { className: "no-scrollbar w-full overflow-x-auto overflow-y-auto", children: /* @__PURE__ */ s("div", { className: "min-w-[800px] max-md:w-[max-content]", children: [
+      /* @__PURE__ */ s("div", { className: "text-ds-sm font-semibold uppercase tracking-wider sticky top-0 grid grid-cols-[200px_160px_80px_1fr_1fr_1fr] gap-ds-05 py-ds-03  text-text-placeholder sm:px-ds-06", children: [
+        /* @__PURE__ */ e("div", { className: "p-ds-03 pl-ds-04", children: "User" }),
+        /* @__PURE__ */ e("div", { className: "p-ds-03 pl-ds-04", children: "Date" }),
+        /* @__PURE__ */ e("div", { className: "p-ds-03 text-center", children: "Days" }),
+        /* @__PURE__ */ e("div", { className: "p-ds-03 pl-ds-04", children: "Type" }),
+        /* @__PURE__ */ e("div", { className: "p-ds-03", children: "Reason" }),
+        /* @__PURE__ */ e("div", { className: "p-ds-03", children: "Approved By" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "text-ds-md no-scrollbar overflow-y-auto md:max-h-[414px] max-md:h-[calc(100dvh-366px)] max-md:max-h-[calc(100dvh-366px)] max-md:overflow-visible max-md:overflow-y-auto max-md:overflow-x-visible", children: r.length === 0 ? /* @__PURE__ */ e("div", { className: "flex justify-center p-ds-05 text-text-tertiary", children: "No approved adjustments found" }) : r.map((d) => {
+        var a, l;
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "grid grid-cols-[200px_160px_80px_1fr_1fr_1fr] gap-ds-05 bg-layer-02 py-ds-03 sm:px-ds-06",
+            children: [
+              /* @__PURE__ */ e("div", { className: "p-ds-03 pl-ds-04 text-text-secondary", children: ((a = d.user) == null ? void 0 : a.name) || "Unknown User" }),
+              /* @__PURE__ */ e("div", { className: "w-[160px] p-ds-03 text-text-secondary", children: c(new Date(d.createdAt)) }),
+              /* @__PURE__ */ e("div", { className: "w-[80px] p-ds-03 text-center text-text-secondary", children: d.numberOfDays }),
+              /* @__PURE__ */ e("div", { className: "max-w-[350px] p-ds-03 pl-ds-04 text-text-tertiary", children: d.type }),
+              /* @__PURE__ */ e("div", { className: "max-w-[350px] p-ds-03 text-text-secondary", children: d.reason || "-" }),
+              /* @__PURE__ */ e("div", { className: "p-ds-03 text-text-secondary", children: ((l = d.approver) == null ? void 0 : l.name) || (d.approvedBy === o ? "You" : "Unknown") })
+            ]
+          },
+          d.id
+        );
+      }) })
+    ] }) }) }) });
+  }
+);
+i.displayName = "ApprovedAdjustments";
+export {
+  i as ApprovedAdjustments
+};

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

@@ -0,0 +1,2 @@
+export { ApprovedAdjustments, type ApprovedAdjustmentsProps, } from './approved-adjustments';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/adjustments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,wBAAwB,CAAA"}

package/dist/admin/break/break-admin-skeleton.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const BreakAdminSkeleton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=break-admin-skeleton.d.ts.map

package/dist/admin/break/break-admin-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"break-admin-skeleton.d.ts","sourceRoot":"","sources":["../../../src/admin/break/break-admin-skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,kBAAkB,sEAiE9B,CAAA"}

package/dist/admin/break/break-admin-skeleton.js

@@ -0,0 +1,58 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as r from "react";
+import { Skeleton as s } from "@devalok/shilp-sutra/ui";
+const m = r.forwardRef(
+  function(c, l) {
+    return /* @__PURE__ */ d("div", { ref: l, className: "z-base h-fit w-full max-w-layout-body overflow-hidden border-[1px] border-border-subtle bg-field sm:rounded-ds-lg", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-end bg-field px-ds-06 py-ds-05b", children: /* @__PURE__ */ e("header", { className: "flex items-center", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", children: [
+        /* @__PURE__ */ e(s, { className: "h-ds-sm-plus w-32 rounded-ds-md" }),
+        /* @__PURE__ */ e(s, { className: "h-ds-sm-plus w-32 rounded-ds-md" })
+      ] }) }) }),
+      /* @__PURE__ */ d("div", { className: "flex h-fit flex-col border-t-[1px] border-border-subtle bg-layer-02 shadow-transparent", children: [
+        /* @__PURE__ */ d("div", { className: "flex w-full gap-ds-03 border-b-[1px] border-border px-ds-06 pt-ds-03", children: [
+          /* @__PURE__ */ e(s, { className: "h-ds-md w-20" }),
+          /* @__PURE__ */ e(s, { className: "h-ds-md w-24" }),
+          /* @__PURE__ */ e(s, { className: "h-ds-md w-24" })
+        ] }),
+        /* @__PURE__ */ d("div", { className: "h-[400px] border-0 px-ds-06 py-ds-05", children: [
+          /* @__PURE__ */ d("div", { className: "mb-ds-05 ml-ds-06 grid grid-cols-6 items-center gap-ds-05 py-ds-03", children: [
+            /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-05", children: Array.from({ length: 5 }).map((f, a) => /* @__PURE__ */ d(
+            "div",
+            {
+              className: "ml-ds-06 grid grid-cols-6 items-center gap-ds-05 rounded-ds-lg py-ds-03",
+              children: [
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
+                  /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm rounded-ds-full bg-field" }),
+                  /* @__PURE__ */ e(s, { className: "h-5 w-24 bg-field" })
+                ] }),
+                /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+                /* @__PURE__ */ e(s, { className: "h-5 w-16 bg-field" }),
+                /* @__PURE__ */ e(s, { className: "h-5 w-full bg-field" }),
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
+                  /* @__PURE__ */ e(s, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-field" }),
+                  /* @__PURE__ */ e(s, { className: "h-5 w-16 bg-field" })
+                ] }),
+                /* @__PURE__ */ d("div", { className: "flex items-center justify-end gap-ds-03", children: [
+                  /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm rounded-ds-full bg-field" }),
+                  /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm rounded-ds-full bg-field" })
+                ] })
+              ]
+            },
+            a
+          )) })
+        ] })
+      ] })
+    ] });
+  }
+);
+m.displayName = "BreakAdminSkeleton";
+export {
+  m as BreakAdminSkeleton
+};

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

@@ -0,0 +1,79 @@
+import { BreakAdminFilters } from './header';
+import { AdminUser, BreakRequest, BreakBalanceData, RealtimeCallbacks } from '../types';
+import * as React from 'react';
+export interface BreakAdminProps {
+    /** Current admin user */
+    currentUser: Pick<AdminUser, 'id' | 'name' | 'role'>;
+    /** All breaks data */
+    breaks: BreakRequest[];
+    /** Pending break requests */
+    pendingRequests: BreakRequest[];
+    /** Pending cashout requests */
+    cashoutRequests?: BreakRequest[];
+    /** Break balance data for all users */
+    breakBalanceData: BreakBalanceData[];
+    /** Current selected user's break balance summary */
+    breakBalance?: {
+        remainingDays: number;
+        breakBalance: number;
+    } | null;
+    /** User images map */
+    userImages: Record<string, string>;
+    /** List of all users for the associate filter */
+    users: AdminUser[];
+    /** Whether data is still loading */
+    isLoading?: boolean;
+    /** Loading states for individual sections */
+    isLoadingBreaks?: boolean;
+    isLoadingRequests?: boolean;
+    isLoadingBalance?: boolean;
+    /** Existing breaks for overlap checking in edit dialog */
+    existingBreaks?: BreakRequest[];
+    /** Current filter values */
+    filters?: BreakAdminFilters;
+    /** Callback when filters change */
+    onFilterChange?: (filters: BreakAdminFilters) => void;
+    /** Called when admin approves a break/correction request */
+    onApproveRequest?: (requestId: string, comment?: string, isCorrection?: boolean, request?: BreakRequest) => void;
+    /** Called when admin rejects a break/correction request */
+    onRejectRequest?: (requestId: string, comment?: string, isCorrection?: boolean, request?: BreakRequest) => void;
+    /** Called when admin approves a cashout request */
+    onApproveCashout?: (requestId: string) => void;
+    /** Called when admin rejects a cashout request */
+    onRejectCashout?: (requestId: string) => void;
+    /** Called when refreshing all data */
+    onRefresh?: () => void;
+    /** Called to save edited break details */
+    onSaveBreak?: (data: {
+        requestId: string;
+        userId: string;
+        status: string;
+        adminComment: string;
+        startDate: string;
+        endDate: string;
+        isEditing: boolean;
+    }) => void;
+    /** Called to delete a break */
+    onDeleteBreak?: () => void;
+    /** Called to save edited break balance */
+    onSaveBalance?: (data: {
+        userId: string;
+        cashOutDays: number;
+        carryForward: number;
+        year: number;
+    }) => void;
+    /** Called to fetch month breaks for overlap checking */
+    onFetchMonthBreaks?: (month: number, year: number) => Promise<BreakRequest[]>;
+    realtimeCallbacks?: RealtimeCallbacks;
+    /** Children — when provided, renders compound sub-components instead of default layout */
+    children?: React.ReactNode;
+}
+export declare const BreakAdmin: React.ForwardRefExoticComponent<BreakAdminProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<BreakAdminProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    TabBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    BreaksPanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    RequestsPanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    BalancePanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=break-admin.d.ts.map

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

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

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

@@ -0,0 +1,346 @@
+import { jsxs as c, Fragment as T, jsx as e } from "react/jsx-runtime";
+import * as B from "react";
+import { useState as C, useMemo as se, useCallback as q, createContext as ie, useContext as le } from "react";
+import { cn as u } from "@devalok/shilp-sutra/ui";
+import { useToast as ce } from "@devalok/shilp-sutra/ui";
+import { BreakBalance as de } from "./break-balance.js";
+import { LeaveRequest as me } from "./leave-request.js";
+import { Breaks as ue } from "./breaks.js";
+import { BreakAdminHeader as fe } from "./header.js";
+import { BreakAdminSkeleton as pe } from "./break-admin-skeleton.js";
+const I = ie(null);
+function A() {
+  const d = le(I);
+  if (!d)
+    throw new Error(
+      "BreakAdmin compound components must be used within <BreakAdmin>"
+    );
+  return d;
+}
+const S = B.forwardRef(
+  function({
+    currentUser: o,
+    breaks: s,
+    pendingRequests: t,
+    cashoutRequests: a = [],
+    breakBalanceData: n,
+    breakBalance: i,
+    userImages: l,
+    users: f,
+    isLoading: h = !1,
+    isLoadingBreaks: k = !1,
+    isLoadingRequests: v = !1,
+    isLoadingBalance: _ = !1,
+    existingBreaks: R,
+    filters: m,
+    onFilterChange: N,
+    onApproveRequest: P,
+    onRejectRequest: j,
+    onApproveCashout: xe,
+    onRejectCashout: be,
+    onRefresh: U,
+    onSaveBreak: Y,
+    onDeleteBreak: $,
+    onSaveBalance: z,
+    onFetchMonthBreaks: Q,
+    realtimeCallbacks: Be,
+    children: V
+  }, G) {
+    const [J, W] = C("breaks"), [y, w] = C(!1), [X, H] = C(
+      null
+    ), [Z, O] = C(null), { toast: b } = ce(), ee = se(
+      () => ({
+        selectedAssociate: null,
+        dateFilterStart: null,
+        dateFilterEnd: null,
+        currMonth: (/* @__PURE__ */ new Date()).getMonth(),
+        currYear: (/* @__PURE__ */ new Date()).getFullYear(),
+        isOpen: !1
+      }),
+      []
+    ), re = m || ee, te = q(
+      (p) => {
+        N && N(p);
+      },
+      [N]
+    ), ae = q(
+      async (p, x, g) => {
+        if (!y) {
+          if (!g && (p.metaKey || p.ctrlKey)) {
+            H(x);
+            return;
+          }
+          try {
+            w(!0);
+            const r = t.find((E) => E.id === x);
+            if (!r)
+              throw new Error("Request not found");
+            P && P(x, g, r.correction, r), b({
+              description: /* @__PURE__ */ c(T, { children: [
+                /* @__PURE__ */ c("span", { children: [
+                  r.correction ? "Attendance correction" : "Break request",
+                  " "
+                ] }),
+                /* @__PURE__ */ e("span", { style: { color: "var(--color-success-text)" }, children: "approved successfully" })
+              ] }),
+              variant: "default",
+              style: { marginBottom: "16px", border: "None" }
+            });
+          } catch (r) {
+            console.error("Error approving request:", r), b({
+              title: "Error",
+              description: r instanceof Error ? r.message : "Failed to approve request",
+              variant: "error"
+            });
+          } finally {
+            w(!1);
+          }
+        }
+      },
+      [y, t, P, b]
+    ), ne = q(
+      async (p, x, g) => {
+        if (!y) {
+          if (!g && (p.metaKey || p.ctrlKey)) {
+            O(x);
+            return;
+          }
+          try {
+            w(!0);
+            const r = t.find((E) => E.id === x);
+            if (!r)
+              throw new Error("Request not found");
+            j && j(x, g, r.correction, r), b({
+              description: /* @__PURE__ */ c(T, { children: [
+                /* @__PURE__ */ c("span", { children: [
+                  r.correction ? "Attendance correction" : "Break request",
+                  " "
+                ] }),
+                /* @__PURE__ */ e("span", { style: { color: "var(--color-error-text)" }, children: "rejected" })
+              ] }),
+              variant: "default",
+              style: { marginBottom: "16px", border: "None" }
+            });
+          } catch (r) {
+            console.error("Error rejecting request:", r), b({
+              title: "Error",
+              description: r instanceof Error ? r.message : "Failed to reject request",
+              variant: "error"
+            });
+          } finally {
+            w(!1);
+          }
+        }
+      },
+      [y, t, j, b]
+    );
+    if (h)
+      return /* @__PURE__ */ e(pe, {});
+    const oe = {
+      currentUser: o,
+      activeTab: J,
+      setActiveTab: W,
+      isProcessing: y,
+      breaks: s,
+      pendingRequests: t,
+      cashoutRequests: a,
+      breakBalanceData: n,
+      breakBalance: i,
+      userImages: l,
+      users: f,
+      existingBreaks: R,
+      filters: re,
+      handleFilterChange: te,
+      handleApproveRequest: ae,
+      handleRejectRequest: ne,
+      acceptedCommentBox: X,
+      rejectedCommentBox: Z,
+      setAcceptedCommentBox: H,
+      setRejectedCommentBox: O,
+      onRefresh: U,
+      onSaveBreak: Y,
+      onDeleteBreak: $,
+      onSaveBalance: z,
+      onFetchMonthBreaks: Q
+    };
+    return /* @__PURE__ */ e(I.Provider, { value: oe, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: G,
+        className: "z-base flex w-full max-w-layout flex-col items-center justify-center md:pt-0",
+        children: /* @__PURE__ */ e("div", { className: "no-scrollbar w-full overflow-auto border border-border-subtle sm:rounded-ds-lg max-md:rounded-ds-none max-md:border-0", children: V ?? /* @__PURE__ */ c(T, { children: [
+          /* @__PURE__ */ e(F, {}),
+          /* @__PURE__ */ c("div", { className: "no-scrollbar flex h-fit min-w-[800px] flex-col border-t-[1px] border-border-subtle bg-layer-02 shadow-transparent max-lg:min-w-[100%] max-lg:overflow-x-auto", children: [
+            /* @__PURE__ */ e(K, {}),
+            /* @__PURE__ */ c("div", { className: "w-full border-0 max-lg:min-w-[800px]", children: [
+              /* @__PURE__ */ e(L, {}),
+              /* @__PURE__ */ e(M, {}),
+              /* @__PURE__ */ e(D, {})
+            ] })
+          ] })
+        ] }) })
+      }
+    ) });
+  }
+);
+S.displayName = "BreakAdmin";
+const F = B.forwardRef(function({ className: o, ...s }, t) {
+  const {
+    filters: a,
+    handleFilterChange: n,
+    breakBalance: i,
+    userImages: l,
+    users: f
+  } = A();
+  return /* @__PURE__ */ e("div", { ref: t, className: u(o), ...s, children: /* @__PURE__ */ e(
+    fe,
+    {
+      filters: a,
+      onFilterChange: n,
+      breakBalance: i,
+      userImages: l,
+      users: f
+    }
+  ) });
+});
+F.displayName = "BreakAdmin.Header";
+const K = B.forwardRef(function({ className: o, ...s }, t) {
+  const { activeTab: a, setActiveTab: n, pendingRequests: i, breakBalanceData: l } = A();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: t,
+      className: u(
+        "flex w-full gap-ds-03 border-b-[1px] border-border px-ds-06 pt-ds-03 max-lg:min-w-[800px]",
+        o
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: u("text-ds-sm font-semibold uppercase tracking-wider mb-[-1px] px-ds-03 py-ds-04", a === "breaks" ? "text-text-primary border-b-[1px] border-interactive-hover" : "text-text-tertiary"),
+            onClick: () => n("breaks"),
+            children: "BREAKS"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            className: u("text-ds-sm font-semibold uppercase tracking-wider mb-[-1px] flex items-center gap-ds-02 px-ds-03 py-ds-04", a === "requests" ? "border-b-[1px] border-interactive-hover text-text-primary" : "text-text-tertiary"),
+            onClick: () => n("requests"),
+            children: [
+              "REQUESTS",
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-interactive-hover", children: `(${i.length})` })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            className: u("text-ds-sm font-semibold uppercase tracking-wider mb-[-1px] flex items-center gap-ds-02 px-ds-03 py-ds-04", a === "balance" ? "border-b-[1px] border-interactive-hover text-text-primary" : "text-text-tertiary"),
+            onClick: () => n("balance"),
+            children: [
+              "BALANCE",
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-interactive-hover", children: `(${l.length})` })
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+K.displayName = "BreakAdmin.TabBar";
+const L = B.forwardRef(function({ className: o, ...s }, t) {
+  const {
+    activeTab: a,
+    breaks: n,
+    userImages: i,
+    existingBreaks: l,
+    onFetchMonthBreaks: f,
+    onSaveBreak: h,
+    onDeleteBreak: k,
+    onRefresh: v
+  } = A();
+  return a !== "breaks" ? null : /* @__PURE__ */ e("div", { ref: t, className: u(o), ...s, children: /* @__PURE__ */ e(
+    ue,
+    {
+      breaks: n,
+      userImages: i,
+      existingBreaks: l,
+      onFetchMonthBreaks: f,
+      onSave: h,
+      onDelete: k,
+      onRefresh: v
+    }
+  ) });
+});
+L.displayName = "BreakAdmin.BreaksPanel";
+const M = B.forwardRef(function({ className: o, ...s }, t) {
+  const {
+    activeTab: a,
+    currentUser: n,
+    pendingRequests: i,
+    userImages: l,
+    handleApproveRequest: f,
+    handleRejectRequest: h,
+    acceptedCommentBox: k,
+    rejectedCommentBox: v,
+    setAcceptedCommentBox: _,
+    setRejectedCommentBox: R
+  } = A();
+  return a !== "requests" ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      className: u(
+        /* intentional: h-[400px] is the fixed panel height for break tab content areas; mobile uses dvh for browser chrome */
+        "no-scrollbar flex h-[400px] flex-col gap-ds-02 overflow-y-auto border-t border-t-border px-ds-06 pb-ds-02 pt-ds-02 max-md:h-[calc(100dvh-317px)] max-md:border-0",
+        o
+      ),
+      ...s,
+      children: i.map((m) => /* @__PURE__ */ e(
+        me,
+        {
+          request: m,
+          userImages: l,
+          handleRejectRequest: h,
+          handleApproveRequest: f,
+          commentBoxOpen: k === m.id || v === m.id,
+          onCommentBoxClose: () => {
+            _(null), R(null);
+          },
+          clickedAction: k === m.id ? "approve" : v === m.id ? "reject" : null,
+          userId: n.id
+        },
+        m.id
+      ))
+    }
+  );
+});
+M.displayName = "BreakAdmin.RequestsPanel";
+const D = B.forwardRef(function({ className: o, ...s }, t) {
+  const { activeTab: a, breakBalanceData: n, userImages: i, onSaveBalance: l } = A();
+  return a !== "balance" ? null : /* @__PURE__ */ e("div", { ref: t, className: u(o), ...s, children: /* @__PURE__ */ e(
+    de,
+    {
+      breakBalanceData: n,
+      userImages: i,
+      onSaveBalance: l
+    }
+  ) });
+});
+D.displayName = "BreakAdmin.BalancePanel";
+const Ne = Object.assign(S, {
+  Root: S,
+  Header: F,
+  TabBar: K,
+  BreaksPanel: L,
+  RequestsPanel: M,
+  BalancePanel: D
+});
+export {
+  Ne as BreakAdmin
+};

package/dist/admin/break/break-balance.d.ts

@@ -0,0 +1,14 @@
+import { BreakBalanceData } from '../types';
+import * as React from 'react';
+export interface BreakBalanceProps {
+    breakBalanceData: BreakBalanceData[];
+    userImages: Record<string, string>;
+    onSaveBalance?: (data: {
+        userId: string;
+        cashOutDays: number;
+        carryForward: number;
+        year: number;
+    }) => void;
+}
+export declare const BreakBalance: React.ForwardRefExoticComponent<BreakBalanceProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=break-balance.d.ts.map

package/dist/admin/break/break-balance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"break-balance.d.ts","sourceRoot":"","sources":["../../../src/admin/break/break-balance.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAMhD,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;IACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,MAAM,EAAE,MAAM,CAAA;QACd,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,IAAI,CAAA;CACX;AAED,eAAO,MAAM,YAAY,0FA6CxB,CAAA"}

package/dist/admin/break/break-balance.js

@@ -0,0 +1,41 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import * as p from "react";
+import { Avatar as o, AvatarImage as f, AvatarFallback as u } from "@devalok/shilp-sutra/ui";
+const h = p.forwardRef(
+  function({
+    breakBalanceData: m,
+    userImages: n,
+    onSaveBalance: w
+  }, x) {
+    return /* @__PURE__ */ s("div", { ref: x, className: "m-0 flex h-[400px] flex-col items-start justify-start p-0 max-md:h-auto", children: [
+      /* @__PURE__ */ s("div", { className: "m-0 mx-[4%] mb-ds-05 mt-ds-04 flex w-[92%] items-start justify-start gap-ds-03 p-0 text-text-placeholder", children: [
+        /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider w-[16.4%] min-w-[120px] px-ds-04 py-ds-03 text-text-tertiary", children: "NAME" }),
+        /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider w-[16.4%] px-ds-04 py-ds-03 text-text-tertiary", children: "Total Balance" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "no-scrollbar mx-[4%] flex w-[92%] flex-col gap-ds-05 overflow-y-auto max-md:h-[calc(100dvh-373px)]", children: m.map((a) => {
+        var t, l, r, d, c, i;
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "flex w-full flex-row items-center justify-start gap-ds-03 !border-0 text-left hover:bg-field",
+            children: [
+              /* @__PURE__ */ s("div", { className: "flex w-1/6 min-w-[120px] items-center gap-ds-03 p-ds-04", children: [
+                /* @__PURE__ */ s(o, { className: "h-ds-xs-plus w-ds-xs-plus", children: [
+                  /* @__PURE__ */ e(f, { src: n[a.userId], alt: ((t = a.user) == null ? void 0 : t.name) || "" }),
+                  /* @__PURE__ */ e(u, { children: ((r = (l = a.user) == null ? void 0 : l.name) == null ? void 0 : r[0]) || "U" })
+                ] }),
+                /* @__PURE__ */ e("div", { className: "w-[calc(100%-36px)]", children: /* @__PURE__ */ e("span", { className: "text-ds-md block w-full cursor-default truncate text-text-primary", children: ((d = a.user) == null ? void 0 : d.firstName) ?? ((i = (c = a.user) == null ? void 0 : c.name) == null ? void 0 : i.split(" ")[0]) }) })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "text-ds-md w-[16.4%] p-ds-04 px-ds-04 text-interactive", children: a.totalDays })
+            ]
+          },
+          a.id
+        );
+      }) })
+    ] });
+  }
+);
+h.displayName = "BreakBalance";
+export {
+  h as BreakBalance
+};

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

@@ -0,0 +1,21 @@
+import { BreakRequest } from '../types';
+import * as React from 'react';
+export interface BreaksProps {
+    breaks: BreakRequest[];
+    userImages: Record<string, string>;
+    existingBreaks?: BreakRequest[];
+    onFetchMonthBreaks?: (month: number, year: number) => Promise<BreakRequest[]>;
+    onSave?: (data: {
+        requestId: string;
+        userId: string;
+        status: string;
+        adminComment: string;
+        startDate: string;
+        endDate: string;
+        isEditing: boolean;
+    }) => void;
+    onDelete?: () => void;
+    onRefresh?: () => void;
+}
+export declare const Breaks: React.ForwardRefExoticComponent<BreaksProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=breaks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breaks.d.ts","sourceRoot":"","sources":["../../../src/admin/break/breaks.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAM5C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,OAAO,CAAA;KACnB,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,eAAO,MAAM,MAAM,oFAiIlB,CAAA"}