@devalok/shilp-sutra-karm 0.19.0 → 0.20.1

package/dist/_chunks/chat-panel.js

@@ -156,7 +156,7 @@ const U = w.forwardRef(
       },
       [y]
     );
-    return /* @__PURE__ */ s("div", { ref: m, className: x("border-t border-surface-border-strong bg-surface-1 p-ds-04", u), ...o, children: [
+    return /* @__PURE__ */ s("div", { ref: m, className: x("border-t border-surface-border-strong bg-surface-2 p-ds-04", u), ...o, children: [
       /* @__PURE__ */ s("div", { className: "flex items-end gap-ds-03 rounded-ds-xl border border-surface-border-strong bg-surface-3 px-ds-04 py-ds-03", children: [
         /* @__PURE__ */ e(
           "textarea",
@@ -299,7 +299,7 @@ const fe = [
       {
         ref: B,
         side: "right",
-        className: x("flex w-full flex-col gap-0 border-l border-surface-border-strong bg-surface-1 p-0 sm:max-w-[480px] [&>button]:hidden", V),
+        className: x("flex w-full flex-col gap-0 border-l border-surface-border-strong bg-surface-2 p-0 sm:max-w-[480px] [&>button]:hidden", V),
         ...q,
         children: [
           /* @__PURE__ */ e(Q, { className: "sr-only", children: "AI Chat" }),
@@ -308,7 +308,7 @@ const fe = [
               /* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
                 {
-                  className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b transition-colors hover:bg-surface-2",
+                  className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b transition-colors hover:bg-surface-3",
                   children: [
                     /* @__PURE__ */ e("span", { className: "text-ds-base text-surface-fg", children: b == null ? void 0 : b.name }),
                     /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: b == null ? void 0 : b.desc }),
@@ -320,7 +320,7 @@ const fe = [
                 me,
                 {
                   onClick: () => N == null ? void 0 : N(p.id),
-                  className: u === p.id ? "bg-surface-2" : "",
+                  className: u === p.id ? "bg-surface-3" : "",
                   children: /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg", children: p.name }),
                     /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: p.desc })
@@ -335,7 +335,7 @@ const fe = [
                 onClick: () => {
                   r == null || r(), j(!1);
                 },
-                className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-2",
+                className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-3",
                 "aria-label": "New chat",
                 children: /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm" })
               }
@@ -345,8 +345,8 @@ const fe = [
               {
                 onClick: () => j(!M),
                 className: x(
-                  "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-surface-2",
-                  M ? "bg-surface-2 text-surface-fg" : "text-surface-fg-muted"
+                  "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-surface-3",
+                  M ? "bg-surface-3 text-surface-fg" : "text-surface-fg-muted"
                 ),
                 "aria-label": "Conversation history",
                 children: /* @__PURE__ */ e(ie, { className: "h-ico-sm w-ico-sm" })
@@ -356,7 +356,7 @@ const fe = [
               "button",
               {
                 onClick: () => d(!1),
-                className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-2",
+                className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-3",
                 "aria-label": "Close chat",
                 children: /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm" })
               }

package/dist/_chunks/project-card.js

@@ -83,7 +83,7 @@ const w = {
       {
         ref: o,
         className: p(
-          "group cursor-pointer rounded-ds-lg border border-surface-border bg-surface-1 p-ds-05b shadow-01 transition-shadow duration-200 hover:shadow-02",
+          "group cursor-pointer rounded-ds-lg border border-surface-border bg-surface-2 p-ds-05b shadow-01 transition-shadow duration-200 hover:shadow-02",
           c
         ),
         ...n,

package/dist/_chunks/render-adjustment-type.js

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as a, Fragment as Q } from "react/jsx-runtime";
 import * as _ from "react";
 import Ee, { useState as B, useEffect as se, useRef as Pe, useCallback as $, Fragment as bs, useReducer as qs, useMemo as Be, createContext as gs, useContext as ws } from "react";
-import { g as Us, i as et, j as He, k as st, l as Z, m as O, n as tt, o as Re, p as at, q as Ns, r as Je, t as ys, c as rt, w as ee, x as dt, y as Ds, z as lt, A as ls, B as nt } from "./vendor.js";
+import { j as Us, k as et, l as He, m as st, n as Z, o as O, p as tt, q as Re, r as at, t as Ns, w as Je, x as ys, c as rt, y as ee, z as dt, A as Ds, B as lt, E as ls, F as nt } from "./vendor.js";
 import { cn as D } from "@devalok/shilp-sutra/ui/lib/utils";
 import { Skeleton as R } from "@devalok/shilp-sutra/ui/skeleton";
 import { DropdownMenu as ge, DropdownMenuTrigger as we, DropdownMenuContent as Te, DropdownMenuItem as be } from "@devalok/shilp-sutra/ui/dropdown-menu";
@@ -88,12 +88,12 @@ const Cs = _.forwardRef(
             ))
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-1 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
+        /* @__PURE__ */ e("div", { className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-2 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
           /* @__PURE__ */ a("div", { className: "flex w-full items-start border-b-[1px] border-b-surface-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-accent-9 px-ds-03 py-ds-04 font-semibold  text-surface-fg", children: "REQUESTS(1)" }),
             /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer px-ds-03 py-ds-04  text-surface-fg-subtle", children: "ATTENDANCE CORRECTION(1)" })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-surface-1 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((i, o) => /* @__PURE__ */ a(
+          /* @__PURE__ */ e("div", { className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-surface-2 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((i, o) => /* @__PURE__ */ a(
             "div",
             {
               className: "flex items-center justify-between px-ds-03 py-ds-04",
@@ -700,7 +700,7 @@ const ze = _.forwardRef(
         }
       ),
       /* @__PURE__ */ a("div", { className: "relative flex min-h-[236px] flex-col items-center justify-between rounded-ds-lg md:flex-row", children: [
-        m && n ? /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center px-ds-04 pt-[17px]", children: /* @__PURE__ */ a("div", { className: "w-full gap-ds-05 rounded-ds-md bg-surface-1 shadow-01 px-ds-06 py-ds-07 md:hidden", children: [
+        m && n ? /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center px-ds-04 pt-[17px]", children: /* @__PURE__ */ a("div", { className: "w-full gap-ds-05 rounded-ds-md bg-surface-2 shadow-01 px-ds-06 py-ds-07 md:hidden", children: [
           /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-ds-04", children: [
             /* @__PURE__ */ e("div", { className: "text-ds-lg font-semibold text-center text-surface-fg", children: "Cancel this break?" }),
             /* @__PURE__ */ a("div", { className: "text-ds-base max-w-[240px] text-center text-surface-fg-subtle max-md:leading-[100%]", children: [
@@ -748,7 +748,7 @@ const ze = _.forwardRef(
             className: D("flex w-full flex-col items-center justify-center px-ds-05", m || t.status === "APPROVED" || t.status === "REJECTED" ? "pb-ds-06 pt-[9px]" : "py-ds-06", "md:w-1/2 md:px-ds-06 md:py-ds-05 max-md:pt-[34px]"),
             children: [
               /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06  text-surface-fg-subtle max-md:mb-ds-05", children: "Break Status" }),
-              /* @__PURE__ */ a("div", { className: "mb-ds-04 flex w-full flex-col items-center justify-start gap-ds-04 rounded-ds-2xl border border-surface-border bg-surface-1 shadow-01 px-ds-05 py-ds-04 text-center font-semibold text-surface-fg", children: [
+              /* @__PURE__ */ a("div", { className: "mb-ds-04 flex w-full flex-col items-center justify-start gap-ds-04 rounded-ds-2xl border border-surface-border bg-surface-2 shadow-01 px-ds-05 py-ds-04 text-center font-semibold text-surface-fg", children: [
                 Bs(t.status, !1),
                 t.status === "APPROVED" && t.adminComment,
                 t.status === "REJECTED" && t.adminComment
@@ -954,7 +954,7 @@ const Rs = _.forwardRef(
         Re(/* @__PURE__ */ new Date())
       ) ? /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-center justify-center p-ds-06", children: [
         /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-05  text-surface-fg-subtle", children: "COMMENT" }),
-        /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-surface-border-strong bg-surface-1 px-ds-05 max-md:h-ds-lg", children: [
+        /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-surface-border-strong bg-surface-2 px-ds-05 max-md:h-ds-lg", children: [
           /* @__PURE__ */ e(
             "input",
             {
@@ -982,54 +982,56 @@ const Rs = _.forwardRef(
       ] }) : /* @__PURE__ */ a("div", { className: "mb-auto flex w-full flex-col md:pr-ds-06", children: [
         /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-06  text-accent-11", children: "Tasks for the day" }),
         i && /* @__PURE__ */ a(Q, { children: [
-          /* @__PURE__ */ e("div", { role: "listbox", "aria-label": "Tasks for the day", className: "no-scrollbar mb-ds-03 flex max-h-[250px] flex-col gap-ds-03 overflow-y-auto", children: i.map((E, j) => /* @__PURE__ */ a(
-            "div",
-            {
-              role: "option",
-              "aria-selected": A === j,
-              "aria-label": `Task ${j + 1} of ${i.length}: ${E.title}. Use Alt+Arrow keys to reorder.`,
-              tabIndex: 0,
-              className: D("task-item mb-ds-03 flex items-center gap-ds-02", A === j ? "dragging" : ""),
-              draggable: !0,
-              onDragStart: (P) => K(P, j),
-              onDragOver: (P) => P.preventDefault(),
-              onDrop: (P) => z(P, j),
-              onDragEnter: () => C(j),
-              onDragLeave: () => C(null),
-              onDragEnd: (P) => {
-                P.target instanceof HTMLElement && P.target.classList.remove("dragging");
-              },
-              onKeyDown: (P) => {
-                P.altKey && P.key === "ArrowUp" && j > 0 ? (P.preventDefault(), x == null || x(E.id, i[j - 1].id)) : P.altKey && P.key === "ArrowDown" && j < i.length - 1 && (P.preventDefault(), x == null || x(E.id, i[j + 1].id));
+          /* @__PURE__ */ e("div", { role: "list", "aria-label": "Tasks for the day", className: "no-scrollbar mb-ds-03 flex max-h-[250px] flex-col gap-ds-03 overflow-y-auto", children: i.map((E, j) => (
+            // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- listitem is interactive (draggable reorder)
+            /* @__PURE__ */ a(
+              "div",
+              {
+                role: "listitem",
+                "aria-label": `Task ${j + 1} of ${i.length}: ${E.title}. Use Alt+Arrow keys to reorder.`,
+                tabIndex: 0,
+                className: D("task-item mb-ds-03 flex items-center gap-ds-02", A === j ? "dragging" : ""),
+                draggable: !0,
+                onDragStart: (P) => K(P, j),
+                onDragOver: (P) => P.preventDefault(),
+                onDrop: (P) => z(P, j),
+                onDragEnter: () => C(j),
+                onDragLeave: () => C(null),
+                onDragEnd: (P) => {
+                  P.target instanceof HTMLElement && P.target.classList.remove("dragging");
+                },
+                onKeyDown: (P) => {
+                  P.altKey && P.key === "ArrowUp" && j > 0 ? (P.preventDefault(), x == null || x(E.id, i[j - 1].id)) : P.altKey && P.key === "ArrowDown" && j < i.length - 1 && (P.preventDefault(), x == null || x(E.id, i[j + 1].id));
+                },
+                children: [
+                  k === j && /* @__PURE__ */ e("div", { className: "drop-indicator" }),
+                  E.status === "COMPLETED" ? /* @__PURE__ */ e(ns, { className: "" }) : /* @__PURE__ */ e(ns, {}),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        r == null || r(
+                          E.id,
+                          E.status === "COMPLETED" ? "TODO" : "COMPLETED"
+                        );
+                      },
+                      "aria-label": E.status === "COMPLETED" ? `Mark "${E.title}" as incomplete` : `Mark "${E.title}" as complete`,
+                      className: "cursor-pointer",
+                      children: E.status === "COMPLETED" ? /* @__PURE__ */ e(it, { className: "text-accent-12" }) : /* @__PURE__ */ e(ct, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "p",
+                    {
+                      className: D("text-ds-md flex-1 overflow-hidden hyphens-auto break-all pr-ds-05 break-words min-w-0", E.status === "COMPLETED" ? "text-disabled line-through" : "text-surface-fg-muted"),
+                      children: E.title
+                    }
+                  )
+                ]
               },
-              children: [
-                k === j && /* @__PURE__ */ e("div", { className: "drop-indicator" }),
-                E.status === "COMPLETED" ? /* @__PURE__ */ e(ns, { className: "" }) : /* @__PURE__ */ e(ns, {}),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      r == null || r(
-                        E.id,
-                        E.status === "COMPLETED" ? "TODO" : "COMPLETED"
-                      );
-                    },
-                    "aria-label": E.status === "COMPLETED" ? `Mark "${E.title}" as incomplete` : `Mark "${E.title}" as complete`,
-                    className: "cursor-pointer",
-                    children: E.status === "COMPLETED" ? /* @__PURE__ */ e(it, { className: "text-accent-12" }) : /* @__PURE__ */ e(ct, {})
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "p",
-                  {
-                    className: D("text-ds-md flex-1 overflow-hidden hyphens-auto break-all pr-ds-05 break-words min-w-0", E.status === "COMPLETED" ? "text-disabled line-through" : "text-surface-fg-muted"),
-                    children: E.title
-                  }
-                )
-              ]
-            },
-            E.id
+              E.id
+            )
           )) }),
           q(new Date(l), /* @__PURE__ */ new Date()) && /* @__PURE__ */ a(
             "form",
@@ -1797,7 +1799,7 @@ const fs = rt(
   const p = (S) => {
     N(S);
   };
-  return w.length === 0 && s.length === 0 ? null : /* @__PURE__ */ e("div", { ref: r, className: D("w-full p-0 md:p-ds-06", h), ...b, children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-1 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
+  return w.length === 0 && s.length === 0 ? null : /* @__PURE__ */ e("div", { ref: r, className: D("w-full p-0 md:p-ds-06", h), ...b, children: /* @__PURE__ */ a("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-surface-border bg-surface-2 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
     /* @__PURE__ */ a("div", { className: "flex w-full items-start border-b-[1px] border-b-surface-border px-ds-06 md:border-b max-md:border-0 max-md:px-0", children: [
       s.length > 0 && /* @__PURE__ */ a(
         "button",