@devalok/shilp-sutra-karm 0.6.2 → 0.8.0

package/dist/tasks/task-properties.js

@@ -1,30 +1,30 @@
 "use client";
-import { jsxs as l, jsx as t, Fragment as z } from "react/jsx-runtime";
+import { jsxs as l, jsx as t, Fragment as q } from "react/jsx-runtime";
 import * as c from "react";
-import { cn as i } from "@devalok/shilp-sutra/ui";
-import { Avatar as C, AvatarImage as R, AvatarFallback as D } from "@devalok/shilp-sutra/ui";
-import { Popover as P, PopoverTrigger as T, PopoverContent as L } from "@devalok/shilp-sutra/ui";
-import { IconColumns3 as F, IconChevronDown as J, IconCheck as Q, IconUser as Z, IconUsers as $, IconX as x, IconPlus as S, IconFlag as U, IconCalendarEvent as k, IconTag as ee, IconEye as te } from "@tabler/icons-react";
-import { getInitials as O } from "@devalok/shilp-sutra/composed";
-import { MemberPicker as A } from "@devalok/shilp-sutra/composed";
+import { cn as i } from "@devalok/shilp-sutra/ui/lib/utils";
+import { Avatar as C, AvatarImage as R, AvatarFallback as D } from "@devalok/shilp-sutra/ui/avatar";
+import { Popover as P, PopoverTrigger as T, PopoverContent as L } from "@devalok/shilp-sutra/ui/popover";
+import { IconColumns3 as z, IconChevronDown as F, IconCheck as J, IconUser as Q, IconUsers as Z, IconX as x, IconPlus as S, IconFlag as U, IconCalendarEvent as k, IconTag as ee, IconEye as te } from "@tabler/icons-react";
+import { getInitials as A } from "@devalok/shilp-sutra/composed/lib/string-utils";
+import { MemberPicker as O } from "@devalok/shilp-sutra/composed/member-picker";
 import { PRIORITY_DOT_COLORS as se, PRIORITY_LABELS as le } from "./task-constants.js";
-const ne = ["LOW", "MEDIUM", "HIGH", "URGENT"];
+const re = ["LOW", "MEDIUM", "HIGH", "URGENT"];
 function d({
-  icon: o,
+  icon: a,
   label: s,
   children: m,
-  className: a
+  className: o
 }) {
   return /* @__PURE__ */ l(
     "div",
     {
       className: i(
         "flex items-center gap-ds-04 py-ds-03",
-        a
+        o
       ),
       children: [
         /* @__PURE__ */ l("div", { className: "flex w-[120px] shrink-0 items-center gap-ds-03 text-text-placeholder", children: [
-          /* @__PURE__ */ t(o, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+          /* @__PURE__ */ t(a, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
           /* @__PURE__ */ t("span", { className: "text-ds-sm", children: s })
         ] }),
         /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: m })
@@ -32,55 +32,55 @@ function d({
     }
   );
 }
-function re({ priority: o }) {
+function ne({ priority: a }) {
   return /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02b", children: [
-    /* @__PURE__ */ t("div", { className: i("h-2 w-2 rounded-ds-full", se[o]) }),
-    /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: le[o] || o })
+    /* @__PURE__ */ t("div", { className: i("h-2 w-2 rounded-ds-full", se[a]) }),
+    /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: le[a] || a })
   ] });
 }
 const de = c.forwardRef(
   function({
     task: s,
     columns: m,
-    members: a,
-    onUpdate: r,
+    members: o,
+    onUpdate: n,
     onAssign: V,
     onUnassign: f,
     className: Y,
-    readOnly: n = !1,
+    readOnly: r = !1,
     editableFields: u,
     renderPriorityIndicator: M,
     renderDatePicker: g,
     onConfirmVisibilityChange: N
   }, j) {
-    const [y, p] = c.useState(""), [_, h] = c.useState(!1), v = s.assignees.map((e) => e.user.id), w = c.useMemo(
-      () => a.map((e) => ({ id: e.id, name: e.name, avatar: e.image ?? void 0 })),
-      [a]
+    const [y, p] = c.useState(""), [_, b] = c.useState(!1), v = s.assignees.map((e) => e.user.id), w = c.useMemo(
+      () => o.map((e) => ({ id: e.id, name: e.name, avatar: e.image ?? void 0 })),
+      [o]
     ), B = (e) => {
-      r("columnId", e);
+      n("columnId", e);
     }, G = (e) => {
-      r("ownerId", e === s.ownerId ? null : e);
+      n("ownerId", e === s.ownerId ? null : e);
     }, H = (e) => {
       v.includes(e) ? f(e) : V(e);
-    }, K = (e) => {
-      r("priority", e);
-    }, b = (e) => {
-      r("dueDate", e ? e.toISOString() : null);
+    }, $ = (e) => {
+      n("priority", e);
+    }, h = (e) => {
+      n("dueDate", e ? e.toISOString() : null);
     }, I = () => {
       const e = y.trim();
-      e && !s.labels.includes(e) && r("labels", [...s.labels, e]), p(""), h(!1);
-    }, W = (e) => {
-      r("labels", s.labels.filter((q) => q !== e));
-    }, X = () => {
+      e && !s.labels.includes(e) && n("labels", [...s.labels, e]), p(""), b(!1);
+    }, K = (e) => {
+      n("labels", s.labels.filter((X) => X !== e));
+    }, W = () => {
       const e = s.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
       if (e === "EVERYONE" && N) {
         N();
         return;
       }
-      r("visibility", e);
-    }, E = M || re;
+      n("visibility", e);
+    }, E = M || ne;
     return /* @__PURE__ */ l("div", { ref: j, className: i("space-y-ds-01", Y), children: [
-      /* @__PURE__ */ t(d, { icon: F, label: "Column", children: n && !(u != null && u.includes("columnId")) ? /* @__PURE__ */ t("span", { className: "px-ds-03 py-ds-02 text-ds-md text-text-primary", children: s.column.name }) : /* @__PURE__ */ l(P, { children: [
+      /* @__PURE__ */ t(d, { icon: z, label: "Column", children: r && !(u != null && u.includes("columnId")) ? /* @__PURE__ */ t("span", { className: "px-ds-03 py-ds-02 text-ds-md text-text-primary", children: s.column.name }) : /* @__PURE__ */ l(P, { children: [
         /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ l(
           "button",
           {
@@ -88,7 +88,7 @@ const de = c.forwardRef(
             className: "inline-flex items-center gap-ds-02b rounded-ds-md px-ds-03 py-ds-02 text-ds-md text-text-primary transition-colors hover:bg-field",
             children: [
               /* @__PURE__ */ t("span", { children: s.column.name }),
-              /* @__PURE__ */ t(J, { className: "h-3 w-3 text-text-placeholder" })
+              /* @__PURE__ */ t(F, { className: "h-3 w-3 text-text-placeholder" })
             ]
           }
         ) }),
@@ -110,7 +110,7 @@ const de = c.forwardRef(
                 ),
                 children: [
                   e.name,
-                  e.id === s.columnId && /* @__PURE__ */ t(Q, { className: "ml-auto h-ico-sm w-ico-sm" })
+                  e.id === s.columnId && /* @__PURE__ */ t(J, { className: "ml-auto h-ico-sm w-ico-sm" })
                 ]
               },
               e.id
@@ -118,8 +118,8 @@ const de = c.forwardRef(
           }
         )
       ] }) }),
-      !n && /* @__PURE__ */ t(d, { icon: Z, label: "Owner", children: /* @__PURE__ */ t(
-        A,
+      !r && /* @__PURE__ */ t(d, { icon: Q, label: "Owner", children: /* @__PURE__ */ t(
+        O,
         {
           members: w,
           selectedIds: s.ownerId ? [s.ownerId] : [],
@@ -129,10 +129,10 @@ const de = c.forwardRef(
             {
               type: "button",
               className: "inline-flex items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-field",
-              children: s.owner ? /* @__PURE__ */ l(z, { children: [
+              children: s.owner ? /* @__PURE__ */ l(q, { children: [
                 /* @__PURE__ */ l(C, { className: "h-ico-md w-ico-md", children: [
                   s.owner.image && /* @__PURE__ */ t(R, { src: s.owner.image, alt: s.owner.name }),
-                  /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: O(s.owner.name) })
+                  /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: A(s.owner.name) })
                 ] }),
                 /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: s.owner.name })
               ] }) : /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "No owner" })
@@ -140,7 +140,7 @@ const de = c.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ t(d, { icon: $, label: "Assignees", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
+      /* @__PURE__ */ t(d, { icon: Z, label: "Assignees", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
         s.assignees.map((e) => /* @__PURE__ */ l(
           "div",
           {
@@ -148,15 +148,16 @@ const de = c.forwardRef(
             children: [
               /* @__PURE__ */ l(C, { className: "h-ico-sm w-ico-sm", children: [
                 e.user.image && /* @__PURE__ */ t(R, { src: e.user.image, alt: e.user.name }),
-                /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: O(e.user.name) })
+                /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: A(e.user.name) })
               ] }),
               /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-secondary", children: e.user.name.split(" ")[0] }),
-              !n && /* @__PURE__ */ t(
+              !r && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   onClick: () => f(e.user.id),
                   className: "ml-ds-01 rounded-ds-full p-ds-01 transition-colors hover:bg-field",
+                  "aria-label": `Remove ${e.user.name}`,
                   children: /* @__PURE__ */ t(x, { className: "h-ds-03 w-ds-03 text-text-placeholder" })
                 }
               )
@@ -164,8 +165,8 @@ const de = c.forwardRef(
           },
           e.user.id
         )),
-        !n && /* @__PURE__ */ t(
-          A,
+        !r && /* @__PURE__ */ t(
+          O,
           {
             members: w,
             selectedIds: v,
@@ -176,12 +177,13 @@ const de = c.forwardRef(
               {
                 type: "button",
                 className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
+                "aria-label": "Add assignee",
                 children: /* @__PURE__ */ t(S, { className: "h-3 w-3 text-text-placeholder" })
               }
             )
           }
         ),
-        n && s.assignees.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
+        r && s.assignees.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
       ] }) }),
       /* @__PURE__ */ t(d, { icon: U, label: "Priority", children: /* @__PURE__ */ l(P, { children: [
         /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ t(
@@ -198,11 +200,11 @@ const de = c.forwardRef(
             className: "w-[160px] border-border bg-layer-01 p-ds-02",
             align: "start",
             sideOffset: 4,
-            children: ne.map((e) => /* @__PURE__ */ t(
+            children: re.map((e) => /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => K(e),
+                onClick: () => $(e),
                 className: i(
                   "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b transition-colors",
                   "hover:bg-field",
@@ -218,7 +220,7 @@ const de = c.forwardRef(
       /* @__PURE__ */ t(d, { icon: k, label: "Due Date", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02", children: [
         g ? g({
           value: s.dueDate ? new Date(s.dueDate) : null,
-          onChange: b,
+          onChange: h,
           placeholder: "No due date",
           className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md hover:bg-field"
         }) : /* @__PURE__ */ t(
@@ -226,7 +228,8 @@ const de = c.forwardRef(
           {
             type: "date",
             value: s.dueDate ? new Date(s.dueDate).toISOString().split("T")[0] : "",
-            onChange: (e) => b(e.target.value ? new Date(e.target.value) : null),
+            onChange: (e) => h(e.target.value ? new Date(e.target.value) : null),
+            "aria-label": "Due date",
             className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md text-text-primary outline-none hover:bg-field rounded-ds-md"
           }
         ),
@@ -234,8 +237,9 @@ const de = c.forwardRef(
           "button",
           {
             type: "button",
-            onClick: () => b(null),
+            onClick: () => h(null),
             className: "rounded-ds-md p-ds-02 transition-colors hover:bg-field",
+            "aria-label": "Clear due date",
             children: /* @__PURE__ */ t(x, { className: "h-3 w-3 text-text-placeholder" })
           }
         )
@@ -247,12 +251,13 @@ const de = c.forwardRef(
             className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-interactive/10 px-ds-03 py-ds-01 text-ds-sm font-medium text-interactive",
             children: [
               e,
-              !n && /* @__PURE__ */ t(
+              !r && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => W(e),
+                  onClick: () => K(e),
                   className: "rounded-ds-full p-ds-01 transition-colors hover:bg-field",
+                  "aria-label": `Remove label ${e}`,
                   children: /* @__PURE__ */ t(x, { className: "h-ds-03 w-ds-03" })
                 }
               )
@@ -260,14 +265,15 @@ const de = c.forwardRef(
           },
           e
         )),
-        !n && (_ ? /* @__PURE__ */ t("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ t(
+        !r && (_ ? /* @__PURE__ */ t("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             value: y,
             onChange: (e) => p(e.target.value),
+            "aria-label": "New label name",
             onKeyDown: (e) => {
-              e.key === "Enter" && I(), e.key === "Escape" && (h(!1), p(""));
+              e.key === "Enter" && I(), e.key === "Escape" && (b(!1), p(""));
             },
             onBlur: I,
             placeholder: "Label name",
@@ -278,18 +284,19 @@ const de = c.forwardRef(
           "button",
           {
             type: "button",
-            onClick: () => h(!0),
+            onClick: () => b(!0),
             className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
+            "aria-label": "Add label",
             children: /* @__PURE__ */ t(S, { className: "h-3 w-3 text-text-placeholder" })
           }
         )),
-        n && s.labels.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
+        r && s.labels.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
       ] }) }),
-      !n && /* @__PURE__ */ t(d, { icon: te, label: "Visibility", children: /* @__PURE__ */ l(
+      !r && /* @__PURE__ */ t(d, { icon: te, label: "Visibility", children: /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          onClick: X,
+          onClick: W,
           className: i(
             "inline-flex items-center gap-ds-02b rounded-ds-full px-ds-03 py-ds-01 text-ds-sm font-semibold tracking-wide transition-colors",
             s.visibility === "EVERYONE" ? "bg-success-surface text-text-success" : "bg-layer-02 text-text-tertiary"

package/dist/utils/use-composed-ref.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function useComposedRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
+//# sourceMappingURL=use-composed-ref.d.ts.map

package/dist/utils/use-composed-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-composed-ref.d.ts","sourceRoot":"","sources":["../../src/utils/use-composed-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,wBAAgB,cAAc,CAAC,CAAC,EAC9B,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GACvC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAWtB"}

package/dist/utils/use-composed-ref.js

@@ -0,0 +1,12 @@
+"use client";
+import * as u from "react";
+function c(...o) {
+  return u.useCallback((e) => {
+    o.forEach((t) => {
+      t && (typeof t == "function" ? t(e) : t.current = e);
+    });
+  }, o);
+}
+export {
+  c as useComposedRef
+};

package/llms.txt

@@ -22,7 +22,7 @@ import { KanbanBoard, TaskDetailPanel, ChatPanel } from '@devalok/shilp-sutra-ka
 ## Module Reference
 
 ### Board (`/board`)
-- KanbanBoard: initialData(BoardData), onTaskMove, onTaskAdd, onColumnRename, onColumnDelete, onClickTask, onAddColumn
+- KanbanBoard: initialData(BoardData), onTaskMove, onTaskAdd, onColumnRename, onColumnDelete, onColumnToggleVisibility, onClickTask, onAddColumn
 - BoardColumn: column(BoardColumnData), index, onAddTask, onClickTask, onRenameColumn, onDeleteColumn
 - TaskCard: task(BoardTask), onClickTask
 - TaskCardOverlay: task(BoardTask) — drag overlay variant
@@ -32,6 +32,21 @@ BoardData shape: { columns: [{ id, name, isClientVisible, tasks[] }] }
 
 Uses dnd-kit for drag-and-drop. KanbanBoard manages all DnD state internally.
 
+Column management callbacks: `onColumnRename`, `onColumnDelete`, `onColumnToggleVisibility`, and `onAddColumn`
+are fire-and-forget — the board renders an "Add column" button and column header menus only when the
+corresponding callbacks are provided. The consumer must build their own confirmation UI (e.g., ConfirmDialog)
+and state updates. Example wiring a custom column header action:
+
+  <KanbanBoard
+    initialData={boardData}
+    onColumnRename={(columnId, name) => updateColumn(columnId, { name })}
+    onColumnDelete={(columnId) => {
+      setColumnToDelete(columnId)   // open your own ConfirmDialog
+    }}
+    onColumnToggleVisibility={(columnId, visible) => updateColumn(columnId, { isClientVisible: visible })}
+    onAddColumn={() => setShowNewColumnDialog(true)}
+  />
+
 ### Tasks (`/tasks`)
 - TaskDetailPanel: task(FullTask|null), open, onOpenChange, columns[], members[], activities[], clientMode?, onTitleUpdate, onPropertyUpdate, onAssign, onUnassign, onCreateSubtask, onToggleSubtask, onRequestReview, onUpdateReviewStatus + more callbacks
 - TaskProperties: task, columns[], members[], onUpdate, onAssign, onUnassign, readOnly?, editableFields?, renderPriorityIndicator?, renderDatePicker?

package/package.json

@@ -1,69 +1,73 @@
-{
-  "name": "@devalok/shilp-sutra-karm",
-  "version": "0.6.2",
-  "description": "Domain components for Karm — board, tasks, chat, dashboard, client, and admin",
-  "license": "MIT",
-  "type": "module",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./board": {
-      "import": "./dist/board/index.js",
-      "types": "./dist/board/index.d.ts"
-    },
-    "./tasks": {
-      "import": "./dist/tasks/index.js",
-      "types": "./dist/tasks/index.d.ts"
-    },
-    "./chat": {
-      "import": "./dist/chat/index.js",
-      "types": "./dist/chat/index.d.ts"
-    },
-    "./dashboard": {
-      "import": "./dist/dashboard/index.js",
-      "types": "./dist/dashboard/index.d.ts"
-    },
-    "./client": {
-      "import": "./dist/client/index.js",
-      "types": "./dist/client/index.d.ts"
-    },
-    "./admin": {
-      "import": "./dist/admin/index.js",
-      "types": "./dist/admin/index.d.ts"
-    }
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "llms.txt"
-  ],
-  "scripts": {
-    "build": "vite build && node scripts/inject-use-client.mjs",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint src/"
-  },
-  "peerDependencies": {
-    "@devalok/shilp-sutra": ">=0.3.0",
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  },
-  "devDependencies": {
-    "@devalok/shilp-sutra": "workspace:*"
-  },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@tabler/icons-react": "^3.37.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "react-markdown": "^10.1.0",
-    "tailwind-merge": "^3.0.1"
-  }
-}
+{
+  "name": "@devalok/shilp-sutra-karm",
+  "version": "0.8.0",
+  "description": "Domain components for Karm — board, tasks, chat, dashboard, client, and admin",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./board": {
+      "import": "./dist/board/index.js",
+      "types": "./dist/board/index.d.ts"
+    },
+    "./tasks": {
+      "import": "./dist/tasks/index.js",
+      "types": "./dist/tasks/index.d.ts"
+    },
+    "./chat": {
+      "import": "./dist/chat/index.js",
+      "types": "./dist/chat/index.d.ts"
+    },
+    "./dashboard": {
+      "import": "./dist/dashboard/index.js",
+      "types": "./dist/dashboard/index.d.ts"
+    },
+    "./client": {
+      "import": "./dist/client/index.js",
+      "types": "./dist/client/index.d.ts"
+    },
+    "./admin": {
+      "import": "./dist/admin/index.js",
+      "types": "./dist/admin/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "llms.txt"
+  ],
+  "scripts": {
+    "build": "vite build && node scripts/inject-use-client.mjs",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "@devalok/shilp-sutra": ">=0.7.0",
+    "@tabler/icons-react": "^3.0.0",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@devalok/shilp-sutra": "workspace:*"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "react-markdown": "^10.1.0",
+    "tailwind-merge": "^3.0.1"
+  }
+}