@devalok/shilp-sutra-karm 0.18.1 → 0.20.0

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";
@@ -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",