@devalok/shilp-sutra-karm 0.8.2 → 0.9.0

package/dist/admin/dashboard/calendar.js

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

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

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

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

@@ -1,155 +0,0 @@
-"use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as C from "react";
-import { DropdownMenu as x, DropdownMenuTrigger as h, DropdownMenuContent as f, DropdownMenuItem as o } from "@devalok/shilp-sutra/ui/dropdown-menu";
-import { Button as D } from "@devalok/shilp-sutra/ui/button";
-import { IconButton as p } from "@devalok/shilp-sutra/ui/icon-button";
-import { SegmentedControl as k } from "@devalok/shilp-sutra/ui/segmented-control";
-import { cn as b } from "@devalok/shilp-sutra/ui/lib/utils";
-import { IconChevronDown as N, IconX as I, IconUser as M, IconChevronLeft as z, IconChevronRight as H } from "@tabler/icons-react";
-const R = C.forwardRef(
-  function({
-    selectedMonth: m,
-    yearsList: s,
-    isTodaySelected: u,
-    selectedAssociate: a,
-    users: l,
-    userImages: n,
-    activeTimeFrame: w,
-    onMonthSelection: v,
-    onTodayClick: y,
-    onSelectAssociate: i,
-    onTimeFrameChange: g,
-    onDateChange: c
-  }, j) {
-    return /* @__PURE__ */ d("div", { ref: j, className: "mb-ds-06 flex w-full flex-col items-start justify-between md:flex-row md:items-center", children: [
-      /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-ds-05 md:w-auto md:justify-start", children: [
-        /* @__PURE__ */ d(x, { children: [
-          /* @__PURE__ */ d(h, { className: "text-ds-xl flex items-center gap-ds-03 text-text-secondary", children: [
-            m,
-            /* @__PURE__ */ e(N, {})
-          ] }),
-          /* @__PURE__ */ e(f, { className: "custom-scrollbar absolute ml-ds-08 max-h-[300px] overflow-y-auto rounded-ds-md border border-0 border-border p-0 shadow-brand", children: s.map((t, r) => /* @__PURE__ */ e(
-            o,
-            {
-              onSelect: () => {
-                v(t);
-              },
-              className: b("p-0", r !== s.length - 1 ? "border-b border-b-border" : ""),
-              children: /* @__PURE__ */ e(
-                "span",
-                {
-                  className: b("w-full py-ds-04 pl-ds-05 pr-ds-06", m === t ? "text-ds-md font-semibold bg-interactive text-text-on-color" : "text-ds-md text-text-secondary hover:bg-layer-02", r === 0 ? "rounded-t-[7px]" : r === s.length - 1 ? "rounded-b-[7px]" : ""),
-                  children: t.split(" ")[1]
-                }
-              )
-            },
-            t
-          )) })
-        ] }),
-        !u && /* @__PURE__ */ e(
-          D,
-          {
-            variant: "outline",
-            onClick: y,
-            children: "Today"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-ds-05 md:mt-0 md:w-auto md:justify-start max-md:mt-[17px] max-lg:gap-[0.5rem]", children: [
-        /* @__PURE__ */ e("div", { className: "hidden md:flex", children: a ? /* @__PURE__ */ d("div", { className: "text-ds-md flex items-center justify-start rounded-ds-md bg-interactive px-ds-03 py-ds-02b text-text-on-color", children: [
-          /* @__PURE__ */ d("div", { className: "flex items-center justify-start gap-0", children: [
-            n[a.id] ? /* @__PURE__ */ e(
-              "img",
-              {
-                src: n[a.id],
-                alt: `${a.name}'s avatar`,
-                className: "h-ico-md w-ico-md rounded-ds-full"
-              }
-            ) : /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md flex-shrink-0 items-center justify-center rounded-ds-full bg-layer-03", children: /* @__PURE__ */ e("span", { className: "text-interactive", children: a.name.charAt(0) }) }),
-            /* @__PURE__ */ e("span", { className: "text-ds-md ml-ds-01 mr-ds-02 text-text-on-color", children: a.name })
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear filter",
-              onClick: () => i(null),
-              className: "border-0 bg-transparent p-0",
-              children: /* @__PURE__ */ e(I, { className: "h-ico-sm w-ico-sm text-text-on-color" })
-            }
-          )
-        ] }) : /* @__PURE__ */ d(x, { children: [
-          /* @__PURE__ */ d(h, { className: "text-ds-md hidden items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 px-ds-03 py-ds-02b md:flex", children: [
-            /* @__PURE__ */ d("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ e(M, { className: "h-ico-md w-ico-md" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-md ml-ds-01 mr-ds-02 text-text-secondary max-lg:mx-0 max-lg:text-ds-sm", children: "Associate" })
-            ] }),
-            /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
-          ] }),
-          /* @__PURE__ */ e(f, { className: "custom-scrollbar max-h-[400px] w-64 overflow-y-auto p-ds-03", children: (l == null ? void 0 : l.length) === 0 ? /* @__PURE__ */ e(o, { disabled: !0, children: "No users available" }) : l == null ? void 0 : l.map((t) => /* @__PURE__ */ d(
-            o,
-            {
-              onSelect: () => {
-                const r = {
-                  ...t,
-                  createdAt: new Date(t.createdAt)
-                };
-                i(r);
-              },
-              className: "flex items-center gap-ds-03 p-ds-03",
-              children: [
-                n[t.id] ? /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: n[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
-          )) })
-        ] }) }),
-        /* @__PURE__ */ e(
-          k,
-          {
-            size: "md",
-            variant: "tonal",
-            options: [
-              { id: "weekly", text: "Weekly" },
-              { id: "monthly", text: "Monthly" }
-            ],
-            selectedId: w,
-            onSelect: g
-          }
-        ),
-        /* @__PURE__ */ d("div", { className: "flex gap-0", children: [
-          /* @__PURE__ */ e(
-            p,
-            {
-              icon: /* @__PURE__ */ e(z, {}),
-              size: "sm",
-              "aria-label": "Previous",
-              onClick: () => c("prev")
-            }
-          ),
-          /* @__PURE__ */ e(
-            p,
-            {
-              icon: /* @__PURE__ */ e(H, {}),
-              size: "sm",
-              "aria-label": "Next",
-              onClick: () => c("next")
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-);
-R.displayName = "DashboardHeader";
-export {
-  R as DashboardHeader
-};

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

@@ -1,109 +0,0 @@
-"use client";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as m } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Skeleton as s } from "@devalok/shilp-sutra/ui/skeleton";
-import { DropdownMenu as n, DropdownMenuTrigger as c } from "@devalok/shilp-sutra/ui/dropdown-menu";
-import { IconButton as t } from "@devalok/shilp-sutra/ui/icon-button";
-import { IconChevronDown as x, IconChevronLeft as f, IconChevronRight as p } from "@tabler/icons-react";
-const b = o.forwardRef(
-  function(h, i) {
-    return /* @__PURE__ */ e("div", { ref: i, className: "flex w-full max-w-layout flex-col items-center justify-center max-md:h-[100%] max-md:justify-start", children: /* @__PURE__ */ d("div", { className: "z-raised flex w-full flex-col items-start justify-start rounded-ds-lg border border-border bg-layer-02 p-ds-05 shadow-05 max-md:flex-1 max-md:min-h-0 max-md:overflow-y-auto max-md:border-0 max-md:px-ds-05 max-md:pb-0 max-md:pt-ds-06", children: [
-      /* @__PURE__ */ d("div", { className: "mb-ds-06 flex w-full flex-col items-start justify-between md:flex-row md:items-center", children: [
-        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ d(c, { className: "text-ds-xl flex items-center gap-ds-03 text-text-secondary", "aria-label": "Select period", children: [
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
-            /* @__PURE__ */ e(s, { className: "h-[25px] w-[50px] rounded-ds-md bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-[25px] w-[50px] rounded-ds-md bg-field" })
-          ] }),
-          /* @__PURE__ */ e(x, {})
-        ] }) }),
-        /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-ds-05 md:mt-0 md:w-auto md:justify-start max-md:mt-[17px] max-lg:gap-[0.5rem]", children: [
-          /* @__PURE__ */ e("div", { className: "hidden md:flex", children: /* @__PURE__ */ e(s, { className: "h-ds-sm w-[180px] rounded-ds-md" }) }),
-          /* @__PURE__ */ d("div", { className: "flex w-[200px] items-center justify-between overflow-clip rounded-ds-full border border-layer-03", children: [
-            /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-[100px] items-center justify-center rounded-r-none bg-field", children: /* @__PURE__ */ e(s, { className: "h-[20px] w-[40px] rounded-r-none bg-layer-03" }) }),
-            /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-[100px] items-center justify-center", children: /* @__PURE__ */ e(s, { className: "h-[20px] w-[40px] bg-layer-03" }) })
-          ] }),
-          /* @__PURE__ */ d("div", { className: "flex gap-0", children: [
-            /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(f, {}), size: "sm", "aria-label": "Previous" }),
-            /* @__PURE__ */ e(
-              t,
-              {
-                icon: /* @__PURE__ */ e(p, {}),
-                size: "sm",
-                "aria-label": "Next",
-                onClick: () => {
-                }
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex w-full items-center", children: Array.from({ length: 7 }).map((l, r) => /* @__PURE__ */ d(
-        "div",
-        {
-          className: "flex w-full flex-col items-center rounded-t-ds-lg pb-ds-04 pt-ds-05 max-md:rounded-ds-lg",
-          children: [
-            /* @__PURE__ */ e(s, { className: "mb-ds-03 h-[10px] w-[10px] rounded-ds-lg bg-field" }),
-            /* @__PURE__ */ e("div", { className: "mx-ds-02 my-ds-02 flex items-center justify-center", children: /* @__PURE__ */ e(s, { className: "h-ds-md w-ds-md rounded-ds-full bg-field" }) })
-          ]
-        },
-        r
-      )) }),
-      /* @__PURE__ */ d("div", { className: "flex w-full flex-col rounded-ds-lg bg-layer-02 md:p-ds-06 max-md:bg-transparent", children: [
-        /* @__PURE__ */ e("div", { className: "no-scrollbar w-full cursor-grab overflow-x-auto active:cursor-grabbing max-md:pb-ds-05", children: /* @__PURE__ */ e(
-          "div",
-          {
-            className: "flex items-start justify-start gap-ds-04 px-0 pt-ds-03 md:gap-0 md:px-ds-06 min-w-max",
-            children: Array.from({ length: 3 }).map((l, r) => /* @__PURE__ */ d(
-              "div",
-              {
-                className: m("flex w-full flex-col gap-ds-04 rounded-ds-md bg-layer-02 p-ds-06 md:rounded-ds-lg md:p-ds-05", r !== 2 ? "border-r border-border" : "", "max-md:border-0 max-md:p-ds-05", "min-w-[200px]"),
-                children: [
-                  /* @__PURE__ */ e(s, { className: "h-[20px] w-[120px] rounded-ds-md bg-field" }),
-                  /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-ds-03", children: Array.from({ length: 4 }).map((w, a) => /* @__PURE__ */ e(
-                    s,
-                    {
-                      className: m("h-ds-md w-ds-md rounded-ds-full bg-field", a > 0 ? "ml-[-5px]" : "")
-                    },
-                    a
-                  )) })
-                ]
-              },
-              r
-            ))
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ d("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__ */ d("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: [
-            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer border-b-[1.5px] border-b-interactive-hover px-ds-03 py-ds-04 font-semibold  text-text-primary", children: "REQUESTS(1)" }),
-            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer px-ds-03 py-ds-04  text-text-tertiary", children: "ATTENDANCE CORRECTION(1)" })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-layer-01 px-ds-06 max-md:flex-1 max-md:max-h-none max-md:min-h-[372px] max-md:p-0", children: Array.from({ length: 2 }).map((l, r) => /* @__PURE__ */ d(
-            "div",
-            {
-              className: "flex items-center justify-between px-ds-03 py-ds-04",
-              children: [
-                /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", children: [
-                  /* @__PURE__ */ e(s, { className: "h-ds-md w-ds-md rounded-ds-full bg-field" }),
-                  /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-02", children: [
-                    /* @__PURE__ */ e(s, { className: "h-[20px] w-[120px] rounded-ds-md bg-field" }),
-                    /* @__PURE__ */ e(s, { className: "h-[20px] w-[200px] rounded-ds-md bg-field" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", 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" })
-                ] })
-              ]
-            },
-            r
-          )) })
-        ] }) })
-      ] })
-    ] }) });
-  }
-);
-b.displayName = "DashboardSkeleton";
-export {
-  b as DashboardSkeleton
-};