@devalok/shilp-sutra-karm 0.7.0 → 0.8.0

package/dist/board/kanban-board.js

@@ -1,28 +1,29 @@
 "use client";
 import { jsxs as C, jsx as p } from "react/jsx-runtime";
-import * as Z from "react";
-import { useState as B, useRef as _, useCallback as v, useEffect as P, useMemo as R } from "react";
-import { createPortal as V } from "react-dom";
-import { useSensors as T, useSensor as N, PointerSensor as M, TouchSensor as tt, KeyboardSensor as nt, DndContext as rt, closestCorners as et, DragOverlay as st } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as ot, SortableContext as it, horizontalListSortingStrategy as at } from "@dnd-kit/sortable";
+import * as Y from "react";
+import { useState as D, useRef as Z, useEffect as O, useMemo as _, useCallback as g } from "react";
+import { useComposedRef as V } from "../utils/use-composed-ref.js";
+import { createPortal as T } from "react-dom";
+import { useSensors as M, useSensor as B, PointerSensor as tt, TouchSensor as et, KeyboardSensor as rt, DndContext as nt, closestCorners as st, DragOverlay as ot } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as it, SortableContext as at, horizontalListSortingStrategy as dt } from "@dnd-kit/sortable";
 import { BoardColumn as ct } from "./board-column.js";
-import { TaskCardOverlay as dt } from "./task-card.js";
-import { IconPlus as lt } from "@tabler/icons-react";
-import { Button as ut } from "@devalok/shilp-sutra/ui";
-function ft() {
+import { TaskCardOverlay as lt } from "./task-card.js";
+import { IconPlus as ut } from "@tabler/icons-react";
+import { Button as ft } from "@devalok/shilp-sutra/ui/button";
+function mt() {
   return {
     onDragStart({ active: h }) {
-      const d = h.data.current;
-      return (d == null ? void 0 : d.type) === "task" ? `Picked up task: ${d.task.title}` : "Picked up item";
+      const c = h.data.current;
+      return (c == null ? void 0 : c.type) === "task" ? `Picked up task: ${c.task.title}` : "Picked up item";
     },
-    onDragOver({ active: h, over: d }) {
-      if (!d) return;
+    onDragOver({ active: h, over: c }) {
+      if (!c) return;
       const a = h.data.current;
       if ((a == null ? void 0 : a.type) === "task")
-        return `Task ${a.task.title} is over ${d.id}`;
+        return `Task ${a.task.title} is over ${c.id}`;
     },
-    onDragEnd({ active: h, over: d }) {
-      if (!d) return "Dropped item";
+    onDragEnd({ active: h, over: c }) {
+      if (!c) return "Dropped item";
       const a = h.data.current;
       return (a == null ? void 0 : a.type) === "task" ? `Dropped task: ${a.task.title}` : "Dropped item";
     },
@@ -31,172 +32,170 @@ function ft() {
     }
   };
 }
-const mt = Z.forwardRef(
+const pt = Y.forwardRef(
   function({
-    initialData: d,
+    initialData: c,
     onTaskMove: a,
-    onTaskAdd: I,
-    onColumnRename: y,
-    onColumnDelete: S,
-    onColumnToggleVisibility: D,
-    onClickTask: $,
-    onAddColumn: E
-  }, g) {
-    const [j, x] = B(d), [O, K] = B(null), [w, A] = B(!1), W = _(null), z = v((t) => {
-      W.current = t, typeof g == "function" ? g(t) : g && (g.current = t);
-    }, [g]);
-    P(() => {
-      x(d);
-    }, [d]), P(() => {
-      A(!0);
+    onTaskAdd: b,
+    onColumnRename: I,
+    onColumnDelete: y,
+    onColumnToggleVisibility: S,
+    onClickTask: K,
+    onAddColumn: P
+  }, $) {
+    const [E, v] = D(c), [w, N] = D(null), [R, j] = D(!1), A = Z(null), W = V(A, $);
+    O(() => {
+      v(c);
+    }, [c]), O(() => {
+      j(!0);
     }, []);
-    const G = T(
-      N(M, {
+    const z = M(
+      B(tt, {
         activationConstraint: {
           distance: 5
         }
       }),
-      N(tt, {
+      B(et, {
         activationConstraint: {
           delay: 200,
           tolerance: 5
         }
       }),
-      N(nt, {
-        coordinateGetter: ot
+      B(rt, {
+        coordinateGetter: it
       })
-    ), L = R(() => ft(), []), m = j.columns, q = m.map((t) => `column-${t.id}`), k = v(
+    ), G = _(() => mt(), []), m = E.columns, L = m.map((t) => `column-${t.id}`), k = g(
       (t) => {
-        for (const n of m)
-          if (n.tasks.some((i) => i.id === t))
-            return n.id;
+        for (const e of m)
+          if (e.tasks.some((i) => i.id === t))
+            return e.id;
         return null;
       },
       [m]
-    ), b = v(
-      (t, n, i, o) => {
-        x((l) => {
-          const u = l.columns.map((c) => ({
-            ...c,
-            tasks: [...c.tasks]
-          })), e = u.find((c) => c.id === n), f = u.find((c) => c.id === i);
-          if (!e || !f) return l;
-          const r = e.tasks.findIndex((c) => c.id === t);
+    ), x = g(
+      (t, e, i, o) => {
+        v((l) => {
+          const u = l.columns.map((d) => ({
+            ...d,
+            tasks: [...d.tasks]
+          })), n = u.find((d) => d.id === e), f = u.find((d) => d.id === i);
+          if (!n || !f) return l;
+          const r = n.tasks.findIndex((d) => d.id === t);
           if (r === -1) return l;
-          const [s] = e.tasks.splice(r, 1);
+          const [s] = n.tasks.splice(r, 1);
           return f.tasks.splice(o, 0, s), { columns: u };
         });
       },
       []
-    ), F = v((t) => {
-      const n = t.active.data.current;
-      (n == null ? void 0 : n.type) === "task" && K(n.task);
-    }, []), H = v(
+    ), q = g((t) => {
+      const e = t.active.data.current;
+      (e == null ? void 0 : e.type) === "task" && N(e.task);
+    }, []), F = g(
       (t) => {
-        const { active: n, over: i } = t;
+        const { active: e, over: i } = t;
         if (!i) return;
-        const o = n.id, l = i.id, u = k(o);
+        const o = e.id, l = i.id, u = k(o);
         if (!u) return;
-        let e = null, f = 0;
+        let n = null, f = 0;
         if (l.startsWith("column-")) {
-          e = l.replace("column-", "");
-          const r = m.find((s) => s.id === e);
+          n = l.replace("column-", "");
+          const r = m.find((s) => s.id === n);
           f = (r == null ? void 0 : r.tasks.length) ?? 0;
-        } else if (e = k(l), e) {
-          const r = m.find((s) => s.id === e);
+        } else if (n = k(l), n) {
+          const r = m.find((s) => s.id === n);
           f = (r == null ? void 0 : r.tasks.findIndex((s) => s.id === l)) ?? 0;
         }
-        !e || u === e || b(o, u, e, f);
+        !n || u === n || x(o, u, n, f);
       },
-      [m, k, b]
-    ), J = v(
+      [m, k, x]
+    ), H = g(
       (t) => {
-        const { active: n, over: i } = t;
-        if (K(null), !i) return;
-        const o = n.id, l = i.id, u = k(o);
+        const { active: e, over: i } = t;
+        if (N(null), !i) return;
+        const o = e.id, l = i.id, u = k(o);
         if (!u) return;
-        let e, f;
+        let n, f;
         if (l.startsWith("column-")) {
-          e = l.replace("column-", "");
-          const r = m.find((s) => s.id === e);
-          if (f = (r == null ? void 0 : r.tasks.length) ?? 0, u === e) {
-            const s = r == null ? void 0 : r.tasks.findIndex((c) => c.id === o);
+          n = l.replace("column-", "");
+          const r = m.find((s) => s.id === n);
+          if (f = (r == null ? void 0 : r.tasks.length) ?? 0, u === n) {
+            const s = r == null ? void 0 : r.tasks.findIndex((d) => d.id === o);
             s !== void 0 && s >= 0 && (f = s);
           }
         } else {
-          e = k(l) ?? u;
-          const r = m.find((s) => s.id === e);
+          n = k(l) ?? u;
+          const r = m.find((s) => s.id === n);
           f = (r == null ? void 0 : r.tasks.findIndex((s) => s.id === l)) ?? 0;
         }
-        if (u === e) {
-          const r = m.find((c) => c.id === e), s = r == null ? void 0 : r.tasks.findIndex((c) => c.id === o);
-          s !== void 0 && s !== f && b(o, u, e, f);
+        if (u === n) {
+          const r = m.find((d) => d.id === n), s = r == null ? void 0 : r.tasks.findIndex((d) => d.id === o);
+          s !== void 0 && s !== f && x(o, u, n, f);
         }
-        a == null || a(o, e, f);
+        a == null || a(o, n, f);
       },
-      [m, k, b, a]
-    ), Q = (t, n) => {
-      I == null || I(t, n);
-    }, U = (t, n) => {
-      x((i) => ({
+      [m, k, x, a]
+    ), J = (t, e) => {
+      b == null || b(t, e);
+    }, Q = (t, e) => {
+      v((i) => ({
         columns: i.columns.map(
-          (o) => o.id === t ? { ...o, name: n } : o
+          (o) => o.id === t ? { ...o, name: e } : o
         )
-      })), y == null || y(t, n);
-    }, X = (t) => {
-      x((n) => ({
-        columns: n.columns.filter((i) => i.id !== t)
-      })), S == null || S(t);
-    }, Y = (t, n) => {
-      x((i) => ({
+      })), I == null || I(t, e);
+    }, U = (t) => {
+      v((e) => ({
+        columns: e.columns.filter((i) => i.id !== t)
+      })), y == null || y(t);
+    }, X = (t, e) => {
+      v((i) => ({
         columns: i.columns.map(
-          (o) => o.id === t ? { ...o, isClientVisible: n } : o
+          (o) => o.id === t ? { ...o, isClientVisible: e } : o
         )
-      })), D == null || D(t, n);
+      })), S == null || S(t, e);
     };
     return /* @__PURE__ */ C(
-      rt,
+      nt,
       {
-        sensors: G,
-        collisionDetection: et,
-        onDragStart: F,
-        onDragOver: H,
-        onDragEnd: J,
-        accessibility: { announcements: L },
+        sensors: z,
+        collisionDetection: st,
+        onDragStart: q,
+        onDragOver: F,
+        onDragEnd: H,
+        accessibility: { announcements: G },
         children: [
           /* @__PURE__ */ C(
             "div",
             {
-              ref: z,
+              ref: W,
               className: "no-scrollbar flex h-full gap-ds-05 overflow-x-auto pb-ds-05",
               children: [
                 /* @__PURE__ */ p(
-                  it,
+                  at,
                   {
-                    items: q,
-                    strategy: at,
-                    children: m.map((t, n) => /* @__PURE__ */ p("div", { className: "group flex-shrink-0", children: /* @__PURE__ */ p(
+                    items: L,
+                    strategy: dt,
+                    children: m.map((t, e) => /* @__PURE__ */ p("div", { className: "group flex-shrink-0", children: /* @__PURE__ */ p(
                       ct,
                       {
                         column: t,
-                        index: n,
-                        onAddTask: Q,
-                        onClickTask: $,
-                        onRenameColumn: U,
-                        onDeleteColumn: X,
-                        onToggleVisibility: Y
+                        index: e,
+                        onAddTask: J,
+                        onClickTask: K,
+                        onRenameColumn: Q,
+                        onDeleteColumn: U,
+                        onToggleVisibility: X
                       }
                     ) }, t.id))
                   }
                 ),
                 /* @__PURE__ */ p("div", { className: "flex-shrink-0", children: /* @__PURE__ */ C(
-                  ut,
+                  ft,
                   {
                     variant: "ghost",
-                    onClick: E,
+                    onClick: P,
                     className: "h-ds-md w-[300px] justify-start gap-ds-03 rounded-ds-xl border border-dashed border-border/60 bg-layer-02 text-text-tertiary hover:border-border-interactive hover:bg-interactive-subtle/50 hover:text-interactive",
                     children: [
-                      /* @__PURE__ */ p(lt, { className: "h-ico-sm w-ico-sm" }),
+                      /* @__PURE__ */ p(ut, { className: "h-ico-sm w-ico-sm" }),
                       "Add column"
                     ]
                   }
@@ -204,8 +203,8 @@ const mt = Z.forwardRef(
               ]
             }
           ),
-          w && V(
-            /* @__PURE__ */ p(st, { dropAnimation: null, children: O ? /* @__PURE__ */ p(dt, { task: O }) : null }),
+          R && T(
+            /* @__PURE__ */ p(ot, { dropAnimation: null, children: w ? /* @__PURE__ */ p(lt, { task: w }) : null }),
             document.body
           )
         ]
@@ -213,7 +212,7 @@ const mt = Z.forwardRef(
     );
   }
 );
-mt.displayName = "KanbanBoard";
+pt.displayName = "KanbanBoard";
 export {
-  mt as KanbanBoard
+  pt as KanbanBoard
 };

package/dist/board/task-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task-card.d.ts","sourceRoot":"","sources":["../../src/board/task-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE,CAAA;CAChE;AAqKD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,QAAA,MAAM,QAAQ,sFA6Cb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA;AAMnB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,eAAO,MAAM,eAAe,6FAQ3B,CAAA"}
+{"version":3,"file":"task-card.d.ts","sourceRoot":"","sources":["../../src/board/task-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE,CAAA;CAChE;AA4KD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,QAAA,MAAM,QAAQ,sFAmCb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA;AAMnB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,eAAO,MAAM,eAAe,6FAQ3B,CAAA"}

package/dist/board/task-card.js

@@ -1,22 +1,23 @@
 "use client";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import * as m from "react";
-import { useSortable as x } from "@dnd-kit/sortable";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as c from "react";
+import { useComposedRef as x } from "../utils/use-composed-ref.js";
+import { useSortable as g } from "@dnd-kit/sortable";
 import { CSS as v } from "@dnd-kit/utilities";
 import { cva as y } from "class-variance-authority";
-import { cn as c } from "@devalok/shilp-sutra/ui";
+import { cn as d } from "@devalok/shilp-sutra/ui/lib/utils";
 import { Badge as N } from "@devalok/shilp-sutra/ui";
-import { AvatarGroup as w } from "@devalok/shilp-sutra/composed";
-import { IconGripVertical as T, IconCalendar as D } from "@tabler/icons-react";
-import { PRIORITY_LABELS as C, PRIORITY_DOT_COLORS as R } from "../tasks/task-constants.js";
-function O(e) {
-  const a = new Date(e), s = /* @__PURE__ */ new Date(), r = a.getTime() - s.getTime(), i = Math.ceil(r / (1e3 * 60 * 60 * 24));
-  return i < 0 ? { label: "Overdue", className: "text-text-error" } : i === 0 ? { label: "Today", className: "text-text-warning" } : i === 1 ? { label: "Tomorrow", className: "text-text-warning" } : {
+import { AvatarGroup as w } from "@devalok/shilp-sutra/composed/avatar-group";
+import { IconGripVertical as D, IconCalendar as R } from "@tabler/icons-react";
+import { PRIORITY_LABELS as I, PRIORITY_DOT_COLORS as O } from "../tasks/task-constants.js";
+function S(e) {
+  const a = new Date(e), s = /* @__PURE__ */ new Date(), o = a.getTime() - s.getTime(), t = Math.ceil(o / (1e3 * 60 * 60 * 24));
+  return t < 0 ? { label: "Overdue", className: "text-text-error" } : t === 0 ? { label: "Today", className: "text-text-warning" } : t === 1 ? { label: "Tomorrow", className: "text-text-warning" } : {
     label: a.toLocaleDateString("en-IN", { month: "short", day: "numeric" }),
     className: "text-text-tertiary"
   };
 }
-const I = y(
+const T = y(
   "group/card relative rounded-ds-lg border border-border/60 bg-layer-01 p-ds-04 shadow-01 transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard hover:shadow-02 hover:border-border cursor-pointer",
   {
     variants: {
@@ -36,135 +37,132 @@ const I = y(
     }
   }
 );
-function f({
+function m({
   task: e,
   isDragging: a,
   isDragOverlay: s,
-  dragHandleProps: r,
-  onClickTask: i
+  dragHandleProps: o,
+  onClickTask: t
 }) {
-  const n = e.dueDate ? O(e.dueDate) : null;
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: I({
-          state: s ? "overlay" : a ? "dragging" : "default",
-          blocked: e.isBlocked
-        }),
-        onClick: () => i == null ? void 0 : i(e.id),
-        children: [
-          /* @__PURE__ */ l("div", { className: "flex items-start gap-ds-02b", children: [
-            /* @__PURE__ */ t(
-              "button",
-              {
-                className: c(
-                  "mt-ds-01 flex-shrink-0 cursor-grab rounded p-ds-01 opacity-0 transition-opacity",
-                  "group-hover/card:opacity-[0.38] hover:!opacity-100",
-                  "active:cursor-grabbing",
-                  s && "opacity-[0.38]"
-                ),
-                ...(r == null ? void 0 : r.attributes) ?? {},
-                ...(r == null ? void 0 : r.listeners) ?? {},
-                "aria-label": `Drag handle for task: ${e.title}`,
-                "aria-roledescription": "sortable",
-                onClick: (o) => o.stopPropagation(),
-                children: /* @__PURE__ */ t(T, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ t("p", { className: "text-ds-md font-medium text-text-primary line-clamp-2", children: e.title }) })
+  const l = e.dueDate ? S(e.dueDate) : null;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      className: T({
+        state: s ? "overlay" : a ? "dragging" : "default",
+        blocked: e.isBlocked
+      }),
+      onClick: () => t == null ? void 0 : t(e.id),
+      onKeyDown: (i) => {
+        (i.key === "Enter" || i.key === " ") && (i.preventDefault(), t == null || t(e.id));
+      },
+      children: [
+        /* @__PURE__ */ n("div", { className: "flex items-start gap-ds-02b", children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              className: d(
+                "mt-ds-01 flex-shrink-0 cursor-grab rounded p-ds-01 opacity-0 transition-opacity",
+                "group-hover/card:opacity-[0.38] hover:!opacity-100",
+                "active:cursor-grabbing",
+                s && "opacity-[0.38]"
+              ),
+              ...(o == null ? void 0 : o.attributes) ?? {},
+              ...(o == null ? void 0 : o.listeners) ?? {},
+              "aria-label": `Drag handle for task: ${e.title}`,
+              "aria-roledescription": "sortable",
+              onClick: (i) => i.stopPropagation(),
+              children: /* @__PURE__ */ r(D, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ r("p", { className: "text-ds-md font-medium text-text-primary line-clamp-2", children: e.title }) })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: d(
+                "h-2 w-2 rounded-ds-full flex-shrink-0",
+                O[e.priority]
+              ),
+              title: I[e.priority]
+            }
+          ),
+          e.labels.length > 0 && /* @__PURE__ */ n("div", { className: "flex items-center gap-ds-02 overflow-hidden", children: [
+            e.labels.slice(0, 2).map((i) => /* @__PURE__ */ r(N, { size: "sm", className: "max-w-[80px] truncate", children: i }, i)),
+            e.labels.length > 2 && /* @__PURE__ */ n("span", { className: "text-ds-xs text-text-tertiary", children: [
+              "+",
+              e.labels.length - 2
+            ] })
           ] }),
-          /* @__PURE__ */ l("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
-            /* @__PURE__ */ t(
-              "div",
-              {
-                className: c(
-                  "h-2 w-2 rounded-ds-full flex-shrink-0",
-                  R[e.priority]
-                ),
-                title: C[e.priority]
-              }
-            ),
-            e.labels.length > 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02 overflow-hidden", children: [
-              e.labels.slice(0, 2).map((o) => /* @__PURE__ */ t(N, { size: "sm", className: "max-w-[80px] truncate", children: o }, o)),
-              e.labels.length > 2 && /* @__PURE__ */ l("span", { className: "text-ds-xs text-text-tertiary", children: [
-                "+",
-                e.labels.length - 2
-              ] })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex-1" }),
-            n && /* @__PURE__ */ l(
-              "div",
-              {
-                className: c(
-                  "flex items-center gap-ds-01 text-ds-xs leading-tight",
-                  n.className
-                ),
-                children: [
-                  /* @__PURE__ */ t(D, { className: "h-2.5 w-2.5" }),
-                  /* @__PURE__ */ t("span", { children: n.label })
-                ]
-              }
-            ),
-            e.assignees.length > 0 && /* @__PURE__ */ t(
-              w,
-              {
-                users: e.assignees,
-                size: "sm",
-                max: 2,
-                showTooltip: !1
-              }
-            )
-          ] })
-        ]
-      }
-    )
+          /* @__PURE__ */ r("div", { className: "flex-1" }),
+          l && /* @__PURE__ */ n(
+            "div",
+            {
+              className: d(
+                "flex items-center gap-ds-01 text-ds-xs leading-tight",
+                l.className
+              ),
+              children: [
+                /* @__PURE__ */ r(R, { className: "h-2.5 w-2.5" }),
+                /* @__PURE__ */ r("span", { children: l.label })
+              ]
+            }
+          ),
+          e.assignees.length > 0 && /* @__PURE__ */ r(
+            w,
+            {
+              users: e.assignees,
+              size: "sm",
+              max: 2,
+              showTooltip: !1
+            }
+          )
+        ] })
+      ]
+    }
   );
 }
-const S = m.forwardRef(
-  function({ task: a, onClickTask: s }, r) {
+const C = c.forwardRef(
+  function({ task: a, onClickTask: s }, o) {
     const {
-      attributes: i,
-      listeners: n,
-      setNodeRef: o,
-      transform: u,
-      transition: p,
-      isDragging: h
-    } = x({
+      attributes: t,
+      listeners: l,
+      setNodeRef: i,
+      transform: f,
+      transition: u,
+      isDragging: p
+    } = g({
       id: a.id,
       data: {
         type: "task",
         task: a
       }
-    }), b = m.useCallback(
-      (d) => {
-        o(d), typeof r == "function" ? r(d) : r && (r.current = d);
-      },
-      [r, o]
-    ), g = {
-      transform: v.Transform.toString(u),
-      transition: p
+    }), h = x(i, o), b = {
+      transform: v.Transform.toString(f),
+      transition: u
     };
-    return /* @__PURE__ */ t("div", { ref: b, style: g, children: /* @__PURE__ */ t(
-      f,
+    return /* @__PURE__ */ r("div", { ref: h, style: b, children: /* @__PURE__ */ r(
+      m,
       {
         task: a,
-        isDragging: h,
-        dragHandleProps: { attributes: i, listeners: n },
+        isDragging: p,
+        dragHandleProps: { attributes: t, listeners: l },
         onClickTask: s
       }
     ) });
   }
 );
-S.displayName = "TaskCard";
-const L = m.forwardRef(
+C.displayName = "TaskCard";
+const L = c.forwardRef(
   function({ task: a }, s) {
-    return /* @__PURE__ */ t("div", { ref: s, children: /* @__PURE__ */ t(f, { task: a, isDragOverlay: !0 }) });
+    return /* @__PURE__ */ r("div", { ref: s, children: /* @__PURE__ */ r(m, { task: a, isDragOverlay: !0 }) });
   }
 );
 L.displayName = "TaskCardOverlay";
 export {
-  S as TaskCard,
+  C as TaskCard,
   L as TaskCardOverlay
 };

package/dist/chat/chat-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../src/chat/chat-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,uFAyErB,CAAA"}
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../src/chat/chat-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,uFA0ErB,CAAA"}

package/dist/chat/chat-input.js

@@ -3,7 +3,7 @@ import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import * as b from "react";
 import { useState as y, useRef as g, useCallback as n } from "react";
 import { IconSquare as N, IconSend as w } from "@tabler/icons-react";
-import { Button as m } from "@devalok/shilp-sutra/ui";
+import { Button as m } from "@devalok/shilp-sutra/ui/button";
 const k = b.forwardRef(
   function({
     onSubmit: l,
@@ -36,6 +36,7 @@ const k = b.forwardRef(
             },
             onKeyDown: x,
             placeholder: p,
+            "aria-label": "Type a message",
             disabled: s,
             rows: 1,
             className: "text-ds-md no-scrollbar max-h-[160px] min-h-ds-xs flex-1 resize-none bg-transparent text-text-primary placeholder:text-text-placeholder focus:outline-none disabled:opacity-[0.38]"