@devalok/shilp-sutra-karm 0.1.0 → 0.2.0

package/dist/admin/break/header.js

@@ -1,9 +1,9 @@
-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 { jsxs as a, jsx as e, Fragment as M } from "react/jsx-runtime";
+import * as C from "react";
+import { Fragment as F } 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 { Button as j } from "@devalok/shilp-sutra/ui";
+import { IconButton as l } 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" },
@@ -18,16 +18,16 @@ const b = [
   { id: 10, name: "October" },
   { id: 11, name: "November" },
   { id: 12, name: "December" }
-], S = F.forwardRef(
+], S = C.forwardRef(
   function({
-    filters: a,
+    filters: s,
     onFilterChange: y,
     breakBalance: n,
-    userImages: r,
-    users: c
+    userImages: c,
+    users: r
   }, w) {
     const d = (t) => {
-      y(t(a));
+      y(t(s));
     }, g = () => {
       d((t) => ({
         ...t,
@@ -46,33 +46,34 @@ const b = [
         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: [
+    return /* @__PURE__ */ a("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: s.selectedAssociate && /* @__PURE__ */ a(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__ */ a("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: [
+          /* @__PURE__ */ a("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(
+      /* @__PURE__ */ a("header", { className: "flex items-center gap-ds-04", children: [
+        s.selectedAssociate ? /* @__PURE__ */ a("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__ */ a("div", { className: "flex items-center justify-start gap-ds-01", children: [
+            c[s.selectedAssociate.id] ? /* @__PURE__ */ e(
               "img",
               {
-                src: r[a.selectedAssociate.id],
-                alt: `${a.selectedAssociate.name}'s avatar`,
+                src: c[s.selectedAssociate.id],
+                alt: `${s.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("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: s.selectedAssociate.name.charAt(0) }) }),
+            /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-01 text-text-on-color", children: s.selectedAssociate.name })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
+              "aria-label": "Clear filter",
               onClick: () => d((t) => ({
                 ...t,
                 selectedAssociate: null
@@ -81,27 +82,27 @@ const b = [
               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__ */ a(m, { children: [
+          /* @__PURE__ */ a(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__ */ a("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(
+          /* @__PURE__ */ e(x, { className: "custom-scrollbar max-h-[400px] w-64 overflow-y-auto p-ds-03", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ e(h, { disabled: !0, children: "No users available" }) : r == null ? void 0 : r.map((t) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ a(
             h,
             {
-              onSelect: () => d((l) => ({
-                ...l,
+              onSelect: () => d((i) => ({
+                ...i,
                 selectedAssociate: t
               })),
               className: "flex items-center gap-ds-03 p-ds-03",
               children: [
-                r[t.id] ? /* @__PURE__ */ e(
+                c[t.id] ? /* @__PURE__ */ e(
                   "img",
                   {
-                    src: r[t.id],
+                    src: c[t.id],
                     alt: `${t.name}'s avatar`,
                     className: "h-ds-xs w-ds-xs rounded-ds-full"
                   }
@@ -112,18 +113,19 @@ const b = [
             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: [
+        s.dateFilterEnd && /* @__PURE__ */ a("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__ */ a("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__ */ a("span", { className: "ml-ds-01 mr-ds-02", children: [
+              b[new Date(s.dateFilterStart).getMonth()].name,
               ","
             ] }),
-            /* @__PURE__ */ e("span", { className: "mr-ds-02", children: new Date(a.dateFilterStart).getFullYear() })
+            /* @__PURE__ */ e("span", { className: "mr-ds-02", children: new Date(s.dateFilterStart).getFullYear() })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
+              "aria-label": "Clear filter",
               onClick: () => {
                 d((t) => ({
                   ...t,
@@ -136,25 +138,25 @@ const b = [
             }
           )
         ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           m,
           {
-            open: a.isOpen,
+            open: s.isOpen,
             onOpenChange: (t) => {
-              d((l) => ({ ...l, isOpen: t }));
+              d((i) => ({ ...i, 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__ */ a(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__ */ a("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(x, { className: "mr-32 p-ds-04", children: /* @__PURE__ */ a("div", { className: "flex w-[140px] flex-col items-center justify-start", children: [
+                /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
                   /* @__PURE__ */ e(
-                    i,
+                    l,
                     {
                       size: "sm",
                       icon: /* @__PURE__ */ e(N, {}),
@@ -162,9 +164,9 @@ const b = [
                       onClick: g
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: b[a.currMonth].name }),
+                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: b[s.currMonth].name }),
                   /* @__PURE__ */ e(
-                    i,
+                    l,
                     {
                       size: "sm",
                       icon: /* @__PURE__ */ e(f, {}),
@@ -173,9 +175,9 @@ const b = [
                     }
                   )
                 ] }),
-                /* @__PURE__ */ s("div", { className: "mt-ds-04 flex w-full items-center justify-between", children: [
+                /* @__PURE__ */ a("div", { className: "mt-ds-04 flex w-full items-center justify-between", children: [
                   /* @__PURE__ */ e(
-                    i,
+                    l,
                     {
                       size: "sm",
                       icon: /* @__PURE__ */ e(N, {}),
@@ -188,9 +190,9 @@ const b = [
                       }
                     }
                   ),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: a.currYear }),
+                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: s.currYear }),
                   /* @__PURE__ */ e(
-                    i,
+                    l,
                     {
                       size: "sm",
                       icon: /* @__PURE__ */ e(f, {}),
@@ -205,7 +207,7 @@ const b = [
                   )
                 ] }),
                 /* @__PURE__ */ e(
-                  C,
+                  j,
                   {
                     className: "mt-ds-05",
                     variant: "secondary",

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

@@ -1,17 +1,15 @@
 import { MouseEvent } from 'react';
 import { BreakRequest } from '../types';
+import * as React from 'react';
 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;
+    handleRejectRequest: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | undefined, id: string, comment?: string) => void;
+    handleApproveRequest: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | undefined, 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;
-}
+export declare const LeaveRequest: React.ForwardRefExoticComponent<LeaveRequestProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=leave-request.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"leave-request.d.ts","sourceRoot":"","sources":["../../../src/admin/break/leave-request.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,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,GAAG,SAAS,EACvE,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,GAAG,SAAS,EACvE,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,eAAO,MAAM,YAAY,0FA2KvB,CAAA"}

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

@@ -1,65 +1,67 @@
-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 { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
+import * as S from "react";
+import { useState as O } from "react";
+import { Dialog as W, DialogContent as Y, DialogHeader as B, DialogTitle as E, DialogDescription as H } from "@devalok/shilp-sutra/ui";
+import { Textarea as V } from "@devalok/shilp-sutra/ui";
+import { formatDateWithWeekday as h } from "../utils/date-utils.js";
+import { Avatar as X, AvatarImage as G, AvatarFallback as J } 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({
+import { isSameDay as K } from "date-fns";
+import { Tooltip as s, TooltipTrigger as d, TooltipContent as n } from "@devalok/shilp-sutra/ui";
+import { IconX as M, IconCheck as P } from "@tabler/icons-react";
+const Q = S.forwardRef(function({
   request: a,
-  userImages: z,
+  userImages: R,
   handleRejectRequest: f,
   handleApproveRequest: b,
-  commentBoxOpen: A,
-  onCommentBoxClose: E,
+  commentBoxOpen: z,
+  onCommentBoxClose: A,
   clickedAction: o,
-  userId: l
-}) {
+  userId: t
+}, F) {
   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: [
+  const [c, g] = O(""), m = new Date(a.startDate), v = new Date(a.endDate), L = K(m, v);
+  return /* @__PURE__ */ r(p, { children: [
     /* @__PURE__ */ r(
       "div",
       {
+        ref: F,
         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(X, { className: "h-ds-md w-ds-md", children: [
+              /* @__PURE__ */ e(G, { src: R[((N = a.user) == null ? void 0 : N.id) || ""], alt: ((y = a.user) == null ? void 0 : y.name) || "" }),
+              /* @__PURE__ */ e(J, { 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: [
+                a.correction && /* @__PURE__ */ r(p, { 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__ */ e("div", { className: "flex w-full flex-wrap items-center gap-ds-04", children: L ? /* @__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__ */ e(d, { 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(n, { children: a.reason })
                 ] }),
                 /* @__PURE__ */ r("p", { className: "text-ds-base text-text-tertiary", children: [
                   "• ",
-                  p(m)
+                  h(m)
                 ] })
-              ] }) : /* @__PURE__ */ r(h, { children: [
+              ] }) : /* @__PURE__ */ r(p, { 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__ */ e(d, { 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(n, { children: a.reason })
                 ] }),
                 /* @__PURE__ */ r("p", { className: "text-ds-base text-text-tertiary", children: [
-                  p(m),
+                  h(m),
                   " to",
                   " ",
-                  p(v),
+                  h(v),
                   ",",
                   /* @__PURE__ */ r("span", { className: "text-interactive-hover", children: [
                     " ",
@@ -72,38 +74,38 @@ function K({
           ] }),
           /* @__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(
+              /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
                 x,
                 {
                   variant: "ghost",
                   size: "icon-sm",
-                  onClick: (t) => {
+                  onClick: (l) => {
                     var i;
-                    return ((i = a.user) == null ? void 0 : i.id) !== l && f(t, a.id);
+                    return ((i = a.user) == null ? void 0 : i.id) !== t && f(l, a.id);
                   },
-                  disabled: ((D = a.user) == null ? void 0 : D.id) === l,
+                  disabled: ((D = a.user) == null ? void 0 : D.id) === t,
                   "aria-label": "Reject break request",
-                  children: /* @__PURE__ */ e(G, { className: "h-ico-lg w-ico-lg" })
+                  children: /* @__PURE__ */ e(M, { 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" }) })
+              ((C = a.user) == null ? void 0 : C.id) === t && /* @__PURE__ */ e(n, { 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(
+              /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
                 x,
                 {
                   variant: "ghost",
                   size: "icon-sm",
-                  onClick: (t) => {
+                  onClick: (l) => {
                     var i;
-                    return ((i = a.user) == null ? void 0 : i.id) !== l && b(t, a.id);
+                    return ((i = a.user) == null ? void 0 : i.id) !== t && b(l, a.id);
                   },
-                  disabled: ((k = a.user) == null ? void 0 : k.id) === l,
+                  disabled: ((k = a.user) == null ? void 0 : k.id) === t,
                   "aria-label": "Approve break request",
-                  children: /* @__PURE__ */ e(J, { className: "h-ico-lg w-ico-lg" })
+                  children: /* @__PURE__ */ e(P, { 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" }) })
+              ((j = a.user) == null ? void 0 : j.id) === t && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("p", { children: "You cannot approve/reject your own break request" }) })
             ] })
           ] })
         ]
@@ -111,26 +113,26 @@ function K({
       a.id
     ),
     /* @__PURE__ */ e(
-      L,
+      W,
       {
-        open: A,
+        open: z,
         onOpenChange: () => {
-          E(), g("");
+          A(), 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 })
+        children: /* @__PURE__ */ r(Y, { children: [
+          /* @__PURE__ */ r(B, { children: [
+            /* @__PURE__ */ e(E, { className: "text-ds-xl", children: (T = a.user) == null ? void 0 : T.name }),
+            /* @__PURE__ */ e(H, { 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,
+                V,
                 {
                   id: "comment",
                   defaultValue: c,
-                  onChange: (t) => g(t.target.value),
+                  onChange: (l) => g(l.target.value),
                   placeholder: "Enjoy your break",
                   className: "resize-none border-none px-0 shadow-none placeholder:font-accent"
                 }
@@ -142,10 +144,7 @@ function K({
                 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);
+                  o === "approve" ? b(void 0, a.id, c) : o === "reject" && f(void 0, a.id, c);
                 },
                 children: o === "approve" ? "Approve" : "Reject"
               }
@@ -155,8 +154,8 @@ function K({
       }
     )
   ] });
-}
-K.displayName = "LeaveRequest";
+});
+Q.displayName = "LeaveRequest";
 export {
-  K as LeaveRequest
+  Q as LeaveRequest
 };

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

@@ -135,7 +135,7 @@ const M = A.forwardRef(function({
                 e.activeTimeFrame === "weekly" ? "w-full rounded-t-ds-lg pb-ds-04 pt-ds-05 max-md:rounded-ds-lg" : "pb-0 pt-0",
                 "flex cursor-pointer flex-col items-center text-center",
                 e.activeTimeFrame === "weekly" && e.activeIndex === v ? (d == null ? void 0 : d.status) === "BREAK" ? "bg-layer-accent-subtle" : "bg-layer-02" : "",
-                t.isPadding && "opacity-50"
+                t.isPadding && "opacity-[0.5]"
               ),
               onClick: () => D(v, t.fullDate),
               children: [
@@ -238,7 +238,7 @@ const k = C(
   const y = (D) => {
     c(D);
   };
-  return o.length === 0 && s.length === 0 ? null : /* @__PURE__ */ r("div", { ref: e, className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ p("div", { className: "max-md:pt[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-border-subtle bg-layer-01 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
+  return o.length === 0 && s.length === 0 ? null : /* @__PURE__ */ r("div", { ref: e, className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ p("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-border-subtle bg-layer-01 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
     /* @__PURE__ */ p("div", { className: "flex w-full items-start border-b-[1px] border-b-border px-ds-06 md:border-b max-md:border-0 max-md:px-0", children: [
       s.length > 0 && /* @__PURE__ */ p(
         "button",

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

@@ -1 +1 @@
-{"version":3,"file":"associate-detail.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/associate-detail.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyB9B,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,YAAY,EACb,MAAM,UAAU,CAAA;AAMjB,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/C,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,oBAAoB,EAAE,YAAY,GAAG,IAAI,CAAA;IACzC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE;QAClC,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,kBAAkB,CAAC,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,KACd,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvE,cAAc,CAAC,EAAE,CACf,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,KACjB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,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,+BAA+B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,uBAAuB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACrD;AAsHD,eAAO,MAAM,eAAe,6FAwO3B,CAAA"}
+{"version":3,"file":"associate-detail.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/associate-detail.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyB9B,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,YAAY,EACb,MAAM,UAAU,CAAA;AAMjB,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/C,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,oBAAoB,EAAE,YAAY,GAAG,IAAI,CAAA;IACzC,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE;QAClC,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,EAAE,OAAO,CAAA;KACnB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,kBAAkB,CAAC,EAAE,CACnB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,KACd,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvE,cAAc,CAAC,EAAE,CACf,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,KACjB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzB,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,+BAA+B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,uBAAuB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACrD;AA+GD,eAAO,MAAM,eAAe,6FAuO3B,CAAA"}