@devalok/shilp-sutra-karm 0.8.2 → 0.10.0

package/dist/_chunks/kanban-board.js

@@ -0,0 +1,1984 @@
+"use client";
+import { jsx as e, jsxs as r, Fragment as se } from "react/jsx-runtime";
+import * as j from "react";
+import { useMemo as ne, useState as A, useEffect as oe, useCallback as E, useContext as Qe, createContext as je, useRef as ae } from "react";
+import { createPortal as Ye } from "react-dom";
+import { u as ke, C as Ce, c as Ne, a as qe, S as Ie, v as Xe, b as Je, d as me, D as Ze, e as et, h as tt, f as st, s as nt, K as at, T as rt, P as it } from "./vendor.js";
+import { cn as I } from "@devalok/shilp-sutra/ui/lib/utils";
+import { Input as re } from "@devalok/shilp-sutra/ui/input";
+import { Button as O } from "@devalok/shilp-sutra/ui/button";
+import { Badge as ot } from "@devalok/shilp-sutra/ui/badge";
+import { DropdownMenu as z, DropdownMenuTrigger as V, DropdownMenuContent as F, DropdownMenuLabel as Q, DropdownMenuSeparator as G, DropdownMenuCheckboxItem as he, DropdownMenuRadioGroup as lt, DropdownMenuRadioItem as ct, DropdownMenuItem as W } from "@devalok/shilp-sutra/ui/dropdown-menu";
+import { SegmentedControl as dt } from "@devalok/shilp-sutra/ui/segmented-control";
+import { IconX as ie, IconSearch as ut, IconFilter as mt, IconUser as q, IconLayoutGrid as ht, IconLayoutList as gt, IconArrowRight as ge, IconAlertTriangle as le, IconEye as X, IconTrash as fe, IconPlus as pe, IconDots as ft, IconPencil as pt, IconGauge as xt, IconEyeOff as De, IconCalendar as xe, IconCheck as yt, IconArrowUp as Te, IconArrowDown as Se, IconGripVertical as wt, IconSubtask as vt, IconLock as bt, IconTag as kt } from "@tabler/icons-react";
+import { AvatarGroup as Ct } from "@devalok/shilp-sutra/composed/avatar-group";
+import { u as Re } from "./use-composed-ref.js";
+import { Checkbox as Ae } from "@devalok/shilp-sutra/ui";
+import { Avatar as Nt, AvatarImage as It, AvatarFallback as Dt } from "@devalok/shilp-sutra/ui/avatar";
+import { ContextMenu as Tt, ContextMenuTrigger as St, ContextMenuContent as Rt, ContextMenuSub as Z, ContextMenuSubTrigger as ee, ContextMenuSubContent as te, ContextMenuItem as H, ContextMenuSeparator as At } from "@devalok/shilp-sutra/ui/context-menu";
+const Mt = 320, ye = [
+  "bg-category-cyan",
+  "bg-category-amber",
+  "bg-category-teal",
+  "bg-category-indigo",
+  "bg-category-orange",
+  "bg-category-emerald",
+  "bg-category-slate",
+  "bg-accent"
+], ws = {
+  LOW: "IconArrowDown",
+  MEDIUM: "IconArrowRight",
+  HIGH: "IconArrowUp",
+  URGENT: "IconAlertTriangle"
+}, ce = {
+  LOW: "text-text-tertiary",
+  MEDIUM: "text-warning",
+  HIGH: "text-error",
+  URGENT: "text-error"
+}, we = {
+  search: "",
+  assignees: [],
+  priorities: [],
+  labels: [],
+  dueDateRange: null
+};
+function Lt(s, t) {
+  if (t.search) {
+    const n = t.search.toLowerCase();
+    if (!s.title.toLowerCase().includes(n) && !s.taskId.toLowerCase().includes(n))
+      return !1;
+  }
+  if (t.priorities.length > 0 && !t.priorities.includes(s.priority))
+    return !1;
+  if (t.assignees.length > 0) {
+    const n = [
+      ...s.owner ? [s.owner.id] : [],
+      ...s.assignees.map((a) => a.id)
+    ];
+    if (!t.assignees.some((a) => n.includes(a))) return !1;
+  }
+  if (t.labels.length > 0 && !t.labels.some((n) => s.labels.includes(n)))
+    return !1;
+  if (t.dueDateRange && t.dueDateRange !== "none") {
+    if (!s.dueDate) return !1;
+    const n = new Date(s.dueDate), a = /* @__PURE__ */ new Date();
+    a.setHours(0, 0, 0, 0);
+    const o = new Date(a);
+    switch (o.setHours(23, 59, 59, 999), t.dueDateRange) {
+      case "overdue":
+        if (n >= a) return !1;
+        break;
+      case "today":
+        if (n < a || n > o) return !1;
+        break;
+      case "this-week": {
+        const l = new Date(a);
+        if (l.setDate(a.getDate() + (7 - a.getDay())), l.setHours(23, 59, 59, 999), n > l) return !1;
+        break;
+      }
+    }
+  }
+  return !0;
+}
+function Et(s, t) {
+  return ne(() => t.search !== "" || t.priorities.length > 0 || t.assignees.length > 0 || t.labels.length > 0 || t.dueDateRange != null && t.dueDateRange !== "none" ? s.map((a) => ({
+    ...a,
+    tasks: a.tasks.filter((o) => Lt(o, t))
+  })) : s, [s, t]);
+}
+const Me = je(null);
+function U() {
+  const s = Qe(Me);
+  if (!s) throw new Error("useBoardContext must be used within <BoardProvider>");
+  return s;
+}
+const L = () => {
+};
+function Ot({
+  initialData: s,
+  currentUserId: t = null,
+  children: n,
+  ...a
+}) {
+  const [o, l] = A(s.columns);
+  oe(() => {
+    l(s.columns);
+  }, [s]);
+  const [b, w] = A("default"), [u, d] = A(we), x = E(($) => {
+    d((_) => ({ ..._, ...$ }));
+  }, []), T = E(() => d(we), []), y = ne(
+    () => u.search !== "" || u.priorities.length > 0 || u.assignees.length > 0 || u.labels.length > 0 || u.dueDateRange != null && u.dueDateRange !== "none",
+    [u]
+  ), g = Et(o, u), [R, h] = A(/* @__PURE__ */ new Set()), k = E(($) => {
+    h((_) => {
+      const B = new Set(_);
+      return B.has($) ? B.delete($) : B.add($), B;
+    });
+  }, []), c = E(
+    ($, _) => {
+      const B = o.flatMap((P) => P.tasks), Y = B.findIndex((P) => P.id === $), K = B.findIndex((P) => P.id === _);
+      if (Y === -1 || K === -1) return;
+      const [J, de] = Y < K ? [Y, K] : [K, Y], ue = B.slice(J, de + 1).map((P) => P.id);
+      h((P) => {
+        const v = new Set(P);
+        return ue.forEach((He) => v.add(He)), v;
+      });
+    },
+    [o]
+  ), p = E(() => {
+    const $ = g.flatMap((_) => _.tasks.map((B) => B.id));
+    h(new Set($));
+  }, [g]), m = E(() => h(/* @__PURE__ */ new Set()), []), [C, i] = A(null), [f, D] = A(!1), [M, N] = A(null), S = ne(
+    () => ({
+      columns: g,
+      rawColumns: o,
+      viewMode: b,
+      setViewMode: w,
+      filters: u,
+      setFilters: x,
+      clearFilters: T,
+      hasActiveFilters: y,
+      selectedTaskIds: R,
+      toggleTaskSelection: k,
+      selectRange: c,
+      selectAll: p,
+      clearSelection: m,
+      focusedTaskId: C,
+      setFocusedTaskId: i,
+      currentUserId: t,
+      highlightMyTasks: f,
+      setHighlightMyTasks: D,
+      activeTask: M,
+      setActiveTask: N,
+      onTaskMove: a.onTaskMove ?? L,
+      onTaskAdd: a.onTaskAdd ?? L,
+      onBulkAction: a.onBulkAction ?? L,
+      onColumnReorder: a.onColumnReorder ?? L,
+      onColumnRename: a.onColumnRename ?? L,
+      onColumnDelete: a.onColumnDelete ?? L,
+      onColumnToggleVisibility: a.onColumnToggleVisibility ?? L,
+      onColumnWipLimitChange: a.onColumnWipLimitChange ?? L,
+      onClickTask: a.onClickTask ?? L,
+      onAddColumn: a.onAddColumn ?? L,
+      onQuickPriorityChange: a.onQuickPriorityChange ?? L,
+      onQuickAssign: a.onQuickAssign ?? L,
+      onQuickDueDateChange: a.onQuickDueDateChange ?? L,
+      onQuickLabelAdd: a.onQuickLabelAdd ?? L,
+      onQuickVisibilityChange: a.onQuickVisibilityChange ?? L,
+      onQuickDelete: a.onQuickDelete ?? L
+    }),
+    [
+      g,
+      o,
+      b,
+      u,
+      x,
+      T,
+      y,
+      R,
+      k,
+      c,
+      p,
+      m,
+      C,
+      t,
+      f,
+      M,
+      a
+    ]
+  );
+  return /* @__PURE__ */ e(Me.Provider, { value: S, children: n });
+}
+const $t = ["LOW", "MEDIUM", "HIGH", "URGENT"], ve = [
+  { value: "overdue", label: "Overdue" },
+  { value: "today", label: "Today" },
+  { value: "this-week", label: "This week" }
+];
+function Bt(s) {
+  const t = /* @__PURE__ */ new Set(), n = [];
+  for (const a of s)
+    for (const o of a.tasks) {
+      o.owner && !t.has(o.owner.id) && (t.add(o.owner.id), n.push(o.owner));
+      for (const l of o.assignees)
+        t.has(l.id) || (t.add(l.id), n.push(l));
+    }
+  return n;
+}
+function Pt(s) {
+  const t = /* @__PURE__ */ new Set();
+  for (const n of s)
+    for (const a of n.tasks)
+      for (const o of a.labels) t.add(o);
+  return Array.from(t).sort();
+}
+function Le() {
+  const {
+    rawColumns: s,
+    filters: t,
+    setFilters: n,
+    clearFilters: a,
+    hasActiveFilters: o,
+    viewMode: l,
+    setViewMode: b,
+    highlightMyTasks: w,
+    setHighlightMyTasks: u
+  } = U(), [d, x] = A(t.search), T = ae(null), y = E(
+    (i) => {
+      const f = i.target.value;
+      x(f), T.current && clearTimeout(T.current), T.current = setTimeout(() => {
+        n({ search: f });
+      }, 200);
+    },
+    [n]
+  );
+  oe(() => {
+    x(t.search);
+  }, [t.search]);
+  const g = Bt(s), R = Pt(s), h = (i) => {
+    const f = t.priorities;
+    n({
+      priorities: f.includes(i) ? f.filter((D) => D !== i) : [...f, i]
+    });
+  }, k = (i) => {
+    const f = t.assignees;
+    n({
+      assignees: f.includes(i) ? f.filter((D) => D !== i) : [...f, i]
+    });
+  }, c = (i) => {
+    const f = t.labels;
+    n({
+      labels: f.includes(i) ? f.filter((D) => D !== i) : [...f, i]
+    });
+  }, p = (i) => {
+    n({
+      dueDateRange: i === t.dueDateRange ? null : i
+    });
+  }, m = [
+    { id: "default", text: "Board", icon: ht },
+    { id: "compact", text: "Compact", icon: gt }
+  ], C = [];
+  for (const i of t.priorities)
+    C.push({
+      key: `priority-${i}`,
+      label: i.charAt(0) + i.slice(1).toLowerCase(),
+      onRemove: () => h(i)
+    });
+  for (const i of t.assignees) {
+    const f = g.find((D) => D.id === i);
+    C.push({
+      key: `assignee-${i}`,
+      label: (f == null ? void 0 : f.name) ?? i,
+      onRemove: () => k(i)
+    });
+  }
+  for (const i of t.labels)
+    C.push({
+      key: `label-${i}`,
+      label: i,
+      onRemove: () => c(i)
+    });
+  if (t.dueDateRange && t.dueDateRange !== "none") {
+    const i = ve.find((f) => f.value === t.dueDateRange);
+    C.push({
+      key: "due-date",
+      label: (i == null ? void 0 : i.label) ?? t.dueDateRange,
+      onRemove: () => n({ dueDateRange: null })
+    });
+  }
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-ds-02", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
+      /* @__PURE__ */ e("div", { className: "relative flex-1 max-w-xs", children: /* @__PURE__ */ e(
+        re,
+        {
+          value: d,
+          onChange: y,
+          placeholder: "Search tasks...",
+          "aria-label": "Search tasks",
+          size: "sm",
+          startIcon: /* @__PURE__ */ e(ut, { className: "h-ico-sm w-ico-sm" }),
+          endIcon: d ? /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => {
+                x(""), n({ search: "" });
+              },
+              className: "pointer-events-auto cursor-pointer text-text-tertiary hover:text-text-primary",
+              "aria-label": "Clear search",
+              children: /* @__PURE__ */ e(ie, { className: "h-3 w-3" })
+            }
+          ) : void 0
+        }
+      ) }),
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-01", children: [
+        /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(
+            O,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: I(
+                t.priorities.length > 0 && "text-interactive"
+              ),
+              title: "Filter by priority",
+              children: [
+                /* @__PURE__ */ e(mt, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+                "Priority",
+                t.priorities.length > 0 && /* @__PURE__ */ r("span", { className: "ml-ds-01 text-ds-xs", children: [
+                  "(",
+                  t.priorities.length,
+                  ")"
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-44", children: [
+            /* @__PURE__ */ e(Q, { children: "Priority" }),
+            /* @__PURE__ */ e(G, {}),
+            $t.map((i) => /* @__PURE__ */ e(
+              he,
+              {
+                checked: t.priorities.includes(i),
+                onCheckedChange: () => h(i),
+                children: i.charAt(0) + i.slice(1).toLowerCase()
+              },
+              i
+            ))
+          ] })
+        ] }),
+        g.length > 0 && /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(
+            O,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: I(
+                t.assignees.length > 0 && "text-interactive"
+              ),
+              title: "Filter by assignee",
+              children: [
+                /* @__PURE__ */ e(q, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+                "Assignee",
+                t.assignees.length > 0 && /* @__PURE__ */ r("span", { className: "ml-ds-01 text-ds-xs", children: [
+                  "(",
+                  t.assignees.length,
+                  ")"
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-48 max-h-56 overflow-y-auto", children: [
+            /* @__PURE__ */ e(Q, { children: "Assignee" }),
+            /* @__PURE__ */ e(G, {}),
+            g.map((i) => /* @__PURE__ */ e(
+              he,
+              {
+                checked: t.assignees.includes(i.id),
+                onCheckedChange: () => k(i.id),
+                children: i.name
+              },
+              i.id
+            ))
+          ] })
+        ] }),
+        R.length > 0 && /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(
+            O,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: I(
+                t.labels.length > 0 && "text-interactive"
+              ),
+              title: "Filter by label",
+              children: [
+                "Label",
+                t.labels.length > 0 && /* @__PURE__ */ r("span", { className: "ml-ds-01 text-ds-xs", children: [
+                  "(",
+                  t.labels.length,
+                  ")"
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-44 max-h-56 overflow-y-auto", children: [
+            /* @__PURE__ */ e(Q, { children: "Label" }),
+            /* @__PURE__ */ e(G, {}),
+            R.map((i) => /* @__PURE__ */ e(
+              he,
+              {
+                checked: t.labels.includes(i),
+                onCheckedChange: () => c(i),
+                children: i
+              },
+              i
+            ))
+          ] })
+        ] }),
+        /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+            O,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: I(
+                t.dueDateRange && t.dueDateRange !== "none" && "text-interactive"
+              ),
+              title: "Filter by due date",
+              children: "Due date"
+            }
+          ) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-40", children: [
+            /* @__PURE__ */ e(Q, { children: "Due date" }),
+            /* @__PURE__ */ e(G, {}),
+            /* @__PURE__ */ e(
+              lt,
+              {
+                value: t.dueDateRange ?? "",
+                onValueChange: p,
+                children: ve.map((i) => /* @__PURE__ */ e(ct, { value: i.value, children: i.label }, i.value))
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex-1" }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          variant: w ? "outline" : "ghost",
+          size: "sm",
+          onClick: () => u(!w),
+          title: "Highlight my tasks",
+          "aria-label": "Highlight my tasks",
+          "aria-pressed": w,
+          className: I(w && "text-interactive"),
+          children: /* @__PURE__ */ e(q, { className: "h-ico-sm w-ico-sm" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        dt,
+        {
+          size: "sm",
+          variant: "tonal",
+          options: m,
+          selectedId: l,
+          onSelect: (i) => b(i)
+        }
+      )
+    ] }),
+    C.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02 flex-wrap", children: [
+      C.map((i, f) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: "animate-scale-in delay-stagger",
+          style: { "--stagger-index": f },
+          children: /* @__PURE__ */ e(
+            ot,
+            {
+              variant: "subtle",
+              size: "sm",
+              onDismiss: i.onRemove,
+              children: i.label
+            }
+          )
+        },
+        i.key
+      )),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: a,
+          className: "text-ds-xs text-text-tertiary hover:text-interactive transition-colors",
+          "aria-label": "Clear all filters",
+          children: "Clear all"
+        }
+      )
+    ] })
+  ] });
+}
+Le.displayName = "BoardToolbar";
+const Wt = ["LOW", "MEDIUM", "HIGH", "URGENT"];
+function _t(s) {
+  const t = /* @__PURE__ */ new Set(), n = [];
+  for (const a of s)
+    for (const o of a.tasks) {
+      o.owner && !t.has(o.owner.id) && (t.add(o.owner.id), n.push(o.owner));
+      for (const l of o.assignees)
+        t.has(l.id) || (t.add(l.id), n.push(l));
+    }
+  return n;
+}
+function Ee() {
+  const {
+    rawColumns: s,
+    columns: t,
+    selectedTaskIds: n,
+    clearSelection: a,
+    onBulkAction: o
+  } = U(), l = n.size, b = Array.from(n), w = _t(s), u = (d, x) => {
+    o({ type: d, taskIds: b, value: x }), a();
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: I(
+        "grid transition-[grid-template-rows,opacity] duration-moderate-02 ease-expressive-entrance",
+        l > 0 ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+      ),
+      "aria-live": "polite",
+      children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03 py-ds-02", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02", children: [
+          /* @__PURE__ */ r("span", { className: "text-ds-sm font-medium text-text-primary", children: [
+            l,
+            " selected"
+          ] }),
+          /* @__PURE__ */ e(
+            O,
+            {
+              variant: "ghost",
+              size: "icon-md",
+              onClick: a,
+              "aria-label": "Clear selection",
+              title: "Clear selection",
+              className: "h-6 w-6",
+              children: /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border-subtle" }),
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 0 }, children: /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(O, { variant: "ghost", size: "sm", title: "Move to column", tabIndex: l > 0 ? 0 : -1, children: [
+            /* @__PURE__ */ e(ge, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+            "Move"
+          ] }) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-44", children: [
+            /* @__PURE__ */ e(Q, { children: "Move to" }),
+            /* @__PURE__ */ e(G, {}),
+            t.map((d) => /* @__PURE__ */ e(
+              W,
+              {
+                onClick: () => u("move", d.id),
+                children: d.name
+              },
+              d.id
+            ))
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 1 }, children: /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(O, { variant: "ghost", size: "sm", title: "Set priority", tabIndex: l > 0 ? 0 : -1, children: [
+            /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+            "Priority"
+          ] }) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-40", children: [
+            /* @__PURE__ */ e(Q, { children: "Set priority" }),
+            /* @__PURE__ */ e(G, {}),
+            Wt.map((d) => /* @__PURE__ */ e(
+              W,
+              {
+                onClick: () => u("priority", d),
+                className: ce[d],
+                children: d.charAt(0) + d.slice(1).toLowerCase()
+              },
+              d
+            ))
+          ] })
+        ] }) }),
+        w.length > 0 && /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 2 }, children: /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(O, { variant: "ghost", size: "sm", title: "Assign", tabIndex: l > 0 ? 0 : -1, children: [
+            /* @__PURE__ */ e(q, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+            "Assign"
+          ] }) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
+            /* @__PURE__ */ e(Q, { children: "Assign to" }),
+            /* @__PURE__ */ e(G, {}),
+            w.map((d) => /* @__PURE__ */ e(
+              W,
+              {
+                onClick: () => u("assign", d.id),
+                children: d.name
+              },
+              d.id
+            ))
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 3 }, children: /* @__PURE__ */ r(z, { children: [
+          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ r(O, { variant: "ghost", size: "sm", title: "Set visibility", tabIndex: l > 0 ? 0 : -1, children: [
+            /* @__PURE__ */ e(X, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+            "Visibility"
+          ] }) }),
+          /* @__PURE__ */ r(F, { align: "start", className: "w-40", children: [
+            /* @__PURE__ */ e(W, { onClick: () => u("visibility", "INTERNAL"), children: "Internal only" }),
+            /* @__PURE__ */ e(W, { onClick: () => u("visibility", "EVERYONE"), children: "Visible to all" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: "flex-1" }),
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 4 }, children: /* @__PURE__ */ r(
+          O,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "text-error hover:text-error",
+            onClick: () => u("delete"),
+            title: "Delete selected tasks",
+            tabIndex: l > 0 ? 0 : -1,
+            children: [
+              /* @__PURE__ */ e(fe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+              "Delete"
+            ]
+          }
+        ) })
+      ] }) })
+    }
+  );
+}
+Ee.displayName = "BulkActionBar";
+function zt(s) {
+  const t = /* @__PURE__ */ new Set(), n = [];
+  for (const a of s.tasks) {
+    a.owner && !t.has(a.owner.id) && (t.add(a.owner.id), n.push(a.owner));
+    for (const o of a.assignees)
+      t.has(o.id) || (t.add(o.id), n.push(o));
+  }
+  return n;
+}
+function Vt({ columnId: s, currentLimit: t, onClose: n }) {
+  const { onColumnWipLimitChange: a } = U(), [o, l] = A(t != null ? String(t) : ""), b = E(() => {
+    const u = o.trim();
+    if (u === "")
+      a(s, null);
+    else {
+      const d = parseInt(u, 10);
+      !isNaN(d) && d > 0 && a(s, d);
+    }
+    n();
+  }, [o, s, a, n]);
+  return (
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: input opens after user selects "Set WIP Limit"
+    /* @__PURE__ */ e(
+      re,
+      {
+        type: "number",
+        min: 1,
+        value: o,
+        onChange: (u) => l(u.target.value),
+        onBlur: b,
+        onKeyDown: (u) => {
+          u.key === "Enter" && b(), u.key === "Escape" && n();
+        },
+        placeholder: "Limit...",
+        "aria-label": "WIP limit",
+        size: "sm",
+        className: "w-16 text-center",
+        autoFocus: !0
+      }
+    )
+  );
+}
+function Ft(s) {
+  const t = /* @__PURE__ */ new Set(), n = [];
+  for (const a of s)
+    for (const o of a.tasks) {
+      o.owner && !t.has(o.owner.id) && (t.add(o.owner.id), n.push(o.owner));
+      for (const l of o.assignees)
+        t.has(l.id) || (t.add(l.id), n.push(l));
+    }
+  return n;
+}
+function Oe({ column: s, index: t }) {
+  var P;
+  const {
+    rawColumns: n,
+    onColumnRename: a,
+    onColumnDelete: o,
+    onColumnToggleVisibility: l,
+    onTaskAdd: b
+  } = U(), [w, u] = A(!1), [d, x] = A(s.name), [T, y] = A(!1), [g, R] = A(!1), [h, k] = A(""), [c, p] = A(null), [m, C] = A(""), i = ae(null), f = Ft(n), D = ye[t % ye.length], M = s.tasks.length, N = s.wipLimit ?? null, S = N != null && M > N, $ = zt(s), _ = () => {
+    x(s.name), u(!0);
+  }, B = () => {
+    const v = d.trim();
+    v && v !== s.name && a(s.id, v), u(!1);
+  }, Y = (v) => {
+    v.key === "Enter" && B(), v.key === "Escape" && (x(s.name), u(!1));
+  }, K = () => {
+    k(""), p(null), C(""), R(!1);
+  }, J = () => {
+    const v = h.trim();
+    v && (b(s.id, {
+      title: v,
+      ownerId: c,
+      dueDate: m || null
+    }), K());
+  }, de = (v) => {
+    v.key === "Enter" && J(), v.key === "Escape" && K();
+  }, ue = () => {
+    g ? K() : (R(!0), setTimeout(() => {
+      var v;
+      return (v = i.current) == null ? void 0 : v.focus();
+    }, 50));
+  };
+  return /* @__PURE__ */ r("div", { className: "group/header flex flex-col gap-ds-02", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02 px-ds-04 pt-ds-03 pb-ds-02", children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: I("h-2.5 w-2.5 flex-shrink-0 rounded-full", D),
+          "aria-hidden": "true",
+          title: s.name
+        }
+      ),
+      w ? (
+        // eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: input appears after user double-clicks to rename
+        /* @__PURE__ */ e(
+          re,
+          {
+            value: d,
+            onChange: (v) => x(v.target.value),
+            onBlur: B,
+            onKeyDown: Y,
+            "aria-label": "Column name",
+            size: "sm",
+            className: "h-ds-xs flex-1 text-ds-sm font-semibold",
+            autoFocus: !0
+          }
+        )
+      ) : /* @__PURE__ */ r(
+        "h3",
+        {
+          className: "flex-1 truncate text-ds-sm font-semibold text-text-primary",
+          onDoubleClick: _,
+          title: s.name,
+          "aria-label": N != null ? `${s.name}, ${M} of ${N} tasks${S ? ", WIP limit exceeded" : ""}` : `${s.name}, ${M} tasks`,
+          children: [
+            s.name,
+            /* @__PURE__ */ r("span", { className: "ml-ds-02 text-ds-xs font-normal text-text-tertiary", children: [
+              "(",
+              M,
+              ")"
+            ] })
+          ]
+        }
+      ),
+      T ? /* @__PURE__ */ e(
+        Vt,
+        {
+          columnId: s.id,
+          currentLimit: N,
+          onClose: () => y(!1)
+        }
+      ) : N != null ? /* @__PURE__ */ r(
+        "span",
+        {
+          className: I(
+            "flex-shrink-0 text-ds-xs tabular-nums",
+            S ? "font-semibold text-error" : "text-text-tertiary"
+          ),
+          "aria-label": `WIP limit: ${N}${S ? ", exceeded" : ""}`,
+          children: [
+            "/ ",
+            N
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ e(
+        O,
+        {
+          variant: "ghost",
+          size: "icon-md",
+          className: I(
+            "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity",
+            "group-hover/header:opacity-100 focus:opacity-100",
+            "hover:bg-interactive-subtle hover:text-interactive"
+          ),
+          "aria-label": "Add task",
+          title: "Add task",
+          onClick: ue,
+          children: /* @__PURE__ */ e(pe, { className: "h-ico-sm w-ico-sm" })
+        }
+      ),
+      /* @__PURE__ */ r(z, { children: [
+        /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+          O,
+          {
+            variant: "ghost",
+            size: "icon-md",
+            className: I(
+              "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity",
+              "group-hover/header:opacity-100 focus:opacity-100"
+            ),
+            "aria-label": "Column options",
+            title: "Column options",
+            children: /* @__PURE__ */ e(ft, { className: "h-ico-sm w-ico-sm" })
+          }
+        ) }),
+        /* @__PURE__ */ r(F, { align: "end", className: "w-48", children: [
+          /* @__PURE__ */ r(W, { onClick: _, children: [
+            /* @__PURE__ */ e(pt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            "Rename"
+          ] }),
+          /* @__PURE__ */ r(W, { onClick: () => y(!0), children: [
+            /* @__PURE__ */ e(xt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            "Set WIP Limit"
+          ] }),
+          /* @__PURE__ */ e(
+            W,
+            {
+              onClick: () => l(s.id, !(s.isClientVisible ?? !1)),
+              children: s.isClientVisible ? /* @__PURE__ */ r(se, { children: [
+                /* @__PURE__ */ e(De, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                "Hide from client"
+              ] }) : /* @__PURE__ */ r(se, { children: [
+                /* @__PURE__ */ e(X, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                "Show to client"
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(G, {}),
+          /* @__PURE__ */ r(
+            W,
+            {
+              className: "text-error focus:text-error",
+              onClick: () => o(s.id),
+              children: [
+                /* @__PURE__ */ e(fe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                "Delete column"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    $.length > 0 && /* @__PURE__ */ e("div", { className: "px-ds-04 pb-ds-02", children: /* @__PURE__ */ e(
+      Ct,
+      {
+        users: $,
+        max: 3,
+        size: "sm",
+        showTooltip: !0
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: I(
+          "grid transition-[grid-template-rows,opacity] duration-moderate-02 ease-expressive-entrance",
+          g ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+        ),
+        children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "px-ds-04 pb-ds-03 flex flex-col gap-ds-02", children: [
+          /* @__PURE__ */ e(
+            re,
+            {
+              ref: i,
+              value: h,
+              onChange: (v) => k(v.target.value),
+              onKeyDown: de,
+              placeholder: "Task title...",
+              "aria-label": "New task title",
+              size: "sm",
+              tabIndex: g ? 0 : -1,
+              autoFocus: g
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-01", children: [
+            /* @__PURE__ */ r(z, { children: [
+              /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+                "button",
+                {
+                  className: I(
+                    "flex items-center justify-center h-6 w-6 rounded-ds-md transition-colors",
+                    c ? "text-interactive bg-interactive-subtle" : "text-text-tertiary hover:text-text-primary hover:bg-layer-active"
+                  ),
+                  title: c ? `Lead: ${(P = f.find((v) => v.id === c)) == null ? void 0 : P.name}` : "Assign task lead",
+                  "aria-label": "Assign task lead",
+                  tabIndex: g ? 0 : -1,
+                  children: /* @__PURE__ */ e(q, { className: "h-3.5 w-3.5" })
+                }
+              ) }),
+              /* @__PURE__ */ r(F, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
+                f.length === 0 && /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-text-tertiary", children: "No members found" }),
+                c && /* @__PURE__ */ r(se, { children: [
+                  /* @__PURE__ */ r(W, { onClick: () => p(null), children: [
+                    /* @__PURE__ */ e(ie, { className: "mr-ds-02 h-3 w-3 text-text-tertiary" }),
+                    "Clear lead"
+                  ] }),
+                  /* @__PURE__ */ e(G, {})
+                ] }),
+                f.map((v) => /* @__PURE__ */ e(
+                  W,
+                  {
+                    onClick: () => p(v.id),
+                    className: I(c === v.id && "bg-interactive-subtle"),
+                    children: v.name
+                  },
+                  v.id
+                ))
+              ] })
+            ] }),
+            /* @__PURE__ */ r(
+              "label",
+              {
+                className: I(
+                  "relative flex items-center justify-center h-6 w-6 rounded-ds-md cursor-pointer transition-colors",
+                  m ? "text-interactive bg-interactive-subtle" : "text-text-tertiary hover:text-text-primary hover:bg-layer-active"
+                ),
+                title: m ? `Due: ${m}` : "Set due date",
+                "aria-label": "Set due date",
+                children: [
+                  /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "date",
+                      value: m,
+                      onChange: (v) => C(v.target.value),
+                      className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full",
+                      "aria-label": "Due date",
+                      tabIndex: g ? 0 : -1
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "flex-1" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: J,
+                disabled: !h.trim(),
+                className: I(
+                  "flex items-center justify-center h-6 w-6 rounded-ds-md transition-colors",
+                  h.trim() ? "text-success hover:bg-success-surface" : "text-text-quaternary cursor-not-allowed"
+                ),
+                title: "Confirm add task",
+                "aria-label": "Confirm add task",
+                tabIndex: g ? 0 : -1,
+                children: /* @__PURE__ */ e(yt, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: K,
+                className: "flex items-center justify-center h-6 w-6 rounded-ds-md text-text-tertiary hover:text-text-primary hover:bg-layer-active transition-colors",
+                title: "Cancel",
+                "aria-label": "Cancel adding task",
+                tabIndex: g ? 0 : -1,
+                children: /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] }) })
+      }
+    )
+  ] });
+}
+Oe.displayName = "ColumnHeader";
+function Ut() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ e("rect", { x: "10", y: "12", width: "28", height: "32", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e("rect", { x: "18", y: "8", width: "12", height: "8", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e("line", { x1: "16", y1: "24", x2: "32", y2: "24", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ e("line", { x1: "16", y1: "30", x2: "28", y2: "30", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ e("line", { x1: "16", y1: "36", x2: "24", y2: "36", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function Kt() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ e("rect", { x: "14", y: "10", width: "26", height: "16", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e("rect", { x: "10", y: "19", width: "26", height: "16", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e("rect", { x: "6", y: "28", width: "26", height: "16", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "35", x2: "26", y2: "35", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function Gt() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "24", cy: "24", r: "14", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e(
+          "polyline",
+          {
+            points: "17,24 22,30 31,18",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function Ht() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ e("rect", { x: "8", y: "26", width: "32", height: "16", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8 26 L14 14 H34 L40 26",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ e("line", { x1: "24", y1: "8", x2: "24", y2: "22", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ e(
+          "polyline",
+          {
+            points: "19,17 24,22 29,17",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+const be = [
+  Ut,
+  Kt,
+  Gt,
+  Ht
+];
+function $e({ index: s, onAddTask: t, isDropTarget: n = !1, className: a }) {
+  const o = be[s % be.length];
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: I(
+        "flex flex-col items-center justify-center gap-ds-03 py-ds-07 text-center",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ e("span", { className: "text-text-quaternary", children: /* @__PURE__ */ e(o, {}) }),
+        n ? /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-tertiary", children: "Drop tasks here" }) : /* @__PURE__ */ r(se, { children: [
+          /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-tertiary", children: "No tasks yet" }),
+          /* @__PURE__ */ r(
+            O,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: t,
+              children: [
+                /* @__PURE__ */ e(pe, { className: "h-ico-sm w-ico-sm" }),
+                "Add a task"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+$e.displayName = "ColumnEmpty";
+function Qt(s) {
+  const t = new Date(s), n = /* @__PURE__ */ new Date(), a = t.getTime() - n.getTime(), o = Math.ceil(a / (1e3 * 60 * 60 * 24));
+  return o < 0 ? { label: "Overdue", className: "text-error" } : o === 0 ? { label: "Today", className: "text-warning" } : o === 1 ? { label: "Tomorrow", className: "text-warning" } : {
+    label: t.toLocaleDateString("en-IN", { month: "short", day: "numeric" }),
+    className: "text-text-tertiary"
+  };
+}
+const Be = {
+  LOW: Se,
+  MEDIUM: ge,
+  HIGH: Te,
+  URGENT: le
+}, jt = Ne(
+  "group/card relative rounded-ds-lg border border-transparent bg-layer-01 pl-3 pr-ds-03 py-ds-03 transition-all duration-fast-02 ease-productive-standard cursor-pointer",
+  {
+    variants: {
+      state: {
+        default: "shadow-01 hover:shadow-02 hover:-translate-y-px hover:border-border",
+        dragging: "opacity-[0.38]",
+        overlay: "rotate-[2deg] shadow-03 backdrop-blur-sm ring-1 ring-interactive/40"
+      },
+      blocked: {
+        true: "border-l-2 border-l-error",
+        false: ""
+      },
+      selected: {
+        true: "ring-1 ring-accent/50 shadow-[0_0_6px_rgba(var(--accent-rgb,99,102,241),0.15)] animate-glow-pulse",
+        false: ""
+      },
+      dimmed: {
+        true: "opacity-40",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      blocked: !1,
+      selected: !1,
+      dimmed: !1
+    }
+  }
+);
+function Pe(s) {
+  const t = s.trim();
+  if (!t) return "";
+  const n = t.split(/\s+/);
+  return n.length >= 2 ? (n[0][0] + n[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
+}
+function We({
+  task: s,
+  isDragging: t,
+  isDragOverlay: n,
+  dragHandleProps: a
+}) {
+  var p;
+  const {
+    selectedTaskIds: o,
+    toggleTaskSelection: l,
+    focusedTaskId: b,
+    currentUserId: w,
+    highlightMyTasks: u,
+    onClickTask: d
+  } = U(), x = o.has(s.id), T = o.size > 0, y = b === s.id, g = s.dueDate ? Qt(s.dueDate) : null, R = Be[s.priority], h = ce[s.priority], k = u && w != null && ((p = s.owner) == null ? void 0 : p.id) !== w && !s.assignees.some((m) => m.id === w), c = [];
+  s.owner && c.push({ name: s.owner.name, image: s.owner.image, isOwner: !0 });
+  for (const m of s.assignees)
+    s.owner && m.id === s.owner.id || c.push({ name: m.name, image: m.image, isOwner: !1 });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "group",
+      tabIndex: 0,
+      "aria-label": `Task ${s.taskId}: ${s.title}`,
+      className: I(
+        jt({
+          state: n ? "overlay" : t ? "dragging" : "default",
+          blocked: s.isBlocked,
+          selected: x,
+          dimmed: k
+        }),
+        n && "scale-[1.03] rotate-[1.5deg] shadow-03",
+        t && "opacity-40",
+        y && "ring-1 ring-focus"
+      ),
+      onClick: () => d(s.id),
+      onKeyDown: (m) => {
+        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), d(s.id));
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: I(
+              "absolute -top-2 -left-2 z-10 transition-opacity",
+              T || x ? "opacity-100 animate-scale-bounce" : "opacity-0 group-hover/card:opacity-100"
+            ),
+            children: /* @__PURE__ */ e(
+              Ae,
+              {
+                checked: x,
+                onCheckedChange: () => l(s.id),
+                onClick: (m) => m.stopPropagation(),
+                "aria-label": `Select task ${s.taskId}`,
+                className: "rounded-full bg-layer-01 shadow-01"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02", children: [
+          /* @__PURE__ */ e("span", { className: "text-ds-xs font-mono leading-none text-text-tertiary", children: s.taskId }),
+          /* @__PURE__ */ e(R, { className: I("h-3 w-3 flex-shrink-0", h), title: `Priority: ${s.priority}` }),
+          /* @__PURE__ */ e("div", { className: "flex-1" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: I(
+                "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",
+                n && "opacity-[0.38]"
+              ),
+              ...(a == null ? void 0 : a.attributes) ?? {},
+              ...(a == null ? void 0 : a.listeners) ?? {},
+              "aria-label": `Drag handle for task: ${s.title}`,
+              "aria-roledescription": "sortable",
+              onClick: (m) => m.stopPropagation(),
+              children: /* @__PURE__ */ e(wt, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("p", { className: "mt-ds-02 text-ds-sm font-medium text-text-primary line-clamp-2", children: s.title }),
+        /* @__PURE__ */ r("div", { className: "mt-ds-03 flex items-center gap-ds-02", children: [
+          g && /* @__PURE__ */ r(
+            "div",
+            {
+              className: I(
+                "flex items-center gap-ds-01 text-ds-xs leading-tight",
+                g.className
+              ),
+              title: `Due: ${g.label}`,
+              children: [
+                /* @__PURE__ */ e(xe, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e("span", { children: g.label })
+              ]
+            }
+          ),
+          s.subtaskCount > 0 && /* @__PURE__ */ r(
+            "div",
+            {
+              className: "flex items-center gap-ds-01 text-ds-xs text-text-tertiary",
+              title: `Subtasks: ${s.subtasksDone} of ${s.subtaskCount} done`,
+              children: [
+                /* @__PURE__ */ e(vt, { className: "h-3 w-3" }),
+                /* @__PURE__ */ r("span", { children: [
+                  s.subtasksDone,
+                  "/",
+                  s.subtaskCount
+                ] })
+              ]
+            }
+          ),
+          s.visibility === "EVERYONE" && /* @__PURE__ */ e("span", { className: "flex items-center text-text-tertiary", "aria-label": "Client visible", title: "Visible to client", children: /* @__PURE__ */ e(X, { className: "h-3 w-3" }) }),
+          s.isBlocked && /* @__PURE__ */ e("span", { className: "flex items-center text-error", "aria-label": "Blocked", title: "Blocked", children: /* @__PURE__ */ e(bt, { className: "h-3 w-3" }) }),
+          /* @__PURE__ */ e("div", { className: "flex-1" }),
+          c.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center flex-shrink-0", children: [
+            c.slice(0, 3).map((m, C) => /* @__PURE__ */ r(
+              Nt,
+              {
+                size: "xs",
+                className: I(
+                  "text-ds-xs border-2 border-layer-01",
+                  C > 0 && "-ml-ds-02b",
+                  m.isOwner && "shadow-[0_0_0_1.5px_rgba(var(--accent-rgb,99,102,241),0.35),0_0_6px_rgba(var(--accent-rgb,99,102,241),0.2)]"
+                ),
+                style: { zIndex: c.length - C },
+                title: m.name,
+                children: [
+                  m.image && /* @__PURE__ */ e(It, { src: m.image, alt: m.name }),
+                  /* @__PURE__ */ e(Dt, { className: "font-body font-semibold", children: Pe(m.name) })
+                ]
+              },
+              C
+            )),
+            c.length > 3 && /* @__PURE__ */ r("span", { className: "ml-ds-01 text-ds-xs text-text-tertiary", children: [
+              "+",
+              c.length - 3
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const _e = j.forwardRef(
+  function({ task: t }, n) {
+    const {
+      attributes: a,
+      listeners: o,
+      setNodeRef: l,
+      transform: b,
+      transition: w,
+      isDragging: u
+    } = ke({
+      id: t.id,
+      data: {
+        type: "task",
+        task: t
+      }
+    }), d = Re(l, n), x = {
+      transform: Ce.Transform.toString(b),
+      transition: w
+    };
+    return /* @__PURE__ */ e("div", { ref: d, style: x, children: /* @__PURE__ */ e(
+      We,
+      {
+        task: t,
+        isDragging: u,
+        dragHandleProps: { attributes: a, listeners: o }
+      }
+    ) });
+  }
+);
+_e.displayName = "TaskCard";
+const Yt = Ne(
+  "group/card flex items-center gap-ds-02 py-2 pl-3 pr-ds-03 border border-transparent rounded-ds-lg bg-layer-01 transition-all duration-fast-02 ease-productive-standard cursor-pointer hover:bg-layer-active hover:shadow-02 hover:-translate-y-px",
+  {
+    variants: {
+      selected: {
+        true: "ring-1 ring-accent/50 shadow-[0_0_6px_rgba(var(--accent-rgb,99,102,241),0.15)] animate-glow-pulse",
+        false: ""
+      },
+      dimmed: {
+        true: "opacity-40",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      selected: !1,
+      dimmed: !1
+    }
+  }
+);
+function ze({
+  task: s,
+  isDragging: t,
+  isDragOverlay: n
+}) {
+  var k;
+  const {
+    selectedTaskIds: a,
+    toggleTaskSelection: o,
+    focusedTaskId: l,
+    currentUserId: b,
+    highlightMyTasks: w,
+    onClickTask: u
+  } = U(), d = a.has(s.id), x = a.size > 0, T = l === s.id, y = Be[s.priority], g = ce[s.priority], R = w && b != null && ((k = s.owner) == null ? void 0 : k.id) !== b && !s.assignees.some((c) => c.id === b), h = s.owner ?? s.assignees[0] ?? null;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "group",
+      tabIndex: 0,
+      "aria-label": `Task ${s.taskId}: ${s.title}`,
+      className: I(
+        "relative",
+        Yt({
+          selected: d,
+          dimmed: R
+        }),
+        t && "opacity-40",
+        n && "scale-[1.03] rotate-[1.5deg] shadow-03",
+        T && "ring-1 ring-focus"
+      ),
+      onClick: () => u(s.id),
+      onKeyDown: (c) => {
+        (c.key === "Enter" || c.key === " ") && (c.preventDefault(), u(s.id));
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: I(
+              "absolute -top-1.5 -left-1.5 z-10 transition-opacity",
+              x || d ? "opacity-100 animate-scale-bounce" : "opacity-0 group-hover/card:opacity-100"
+            ),
+            children: /* @__PURE__ */ e(
+              Ae,
+              {
+                checked: d,
+                onCheckedChange: () => o(s.id),
+                onClick: (c) => c.stopPropagation(),
+                "aria-label": `Select task ${s.taskId}`,
+                className: "rounded-full bg-layer-01 shadow-01"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(y, { className: I("h-3.5 w-3.5 flex-shrink-0", g), title: `Priority: ${s.priority}` }),
+        /* @__PURE__ */ e("span", { className: "text-ds-xs font-mono text-text-tertiary flex-shrink-0", children: s.taskId }),
+        /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-primary line-clamp-1 flex-1 min-w-0", children: s.title }),
+        s.subtaskCount > 0 && /* @__PURE__ */ r("span", { className: "text-ds-xs text-text-tertiary flex-shrink-0", children: [
+          s.subtasksDone,
+          "/",
+          s.subtaskCount
+        ] }),
+        h && /* @__PURE__ */ e(
+          "div",
+          {
+            className: I(
+              "flex h-[14px] w-[14px] shrink-0 items-center justify-center rounded-full border border-layer-01 bg-interactive-subtle text-[6px] font-semibold leading-none text-interactive overflow-hidden",
+              s.owner && "shadow-[0_0_0_1px_rgba(var(--accent-rgb,99,102,241),0.35),0_0_4px_rgba(var(--accent-rgb,99,102,241),0.2)]"
+            ),
+            title: h.name,
+            children: h.image ? /* @__PURE__ */ e("img", { src: h.image, alt: h.name, className: "h-full w-full object-cover" }) : Pe(h.name)
+          }
+        )
+      ]
+    }
+  );
+}
+const Ve = j.forwardRef(
+  function({ task: t }, n) {
+    const {
+      attributes: a,
+      listeners: o,
+      setNodeRef: l,
+      transform: b,
+      transition: w,
+      isDragging: u
+    } = ke({
+      id: t.id,
+      data: {
+        type: "task",
+        task: t
+      }
+    }), d = Re(l, n), x = {
+      transform: Ce.Transform.toString(b),
+      transition: w
+    };
+    return /* @__PURE__ */ e("div", { ref: d, style: x, children: /* @__PURE__ */ e(
+      ze,
+      {
+        task: t,
+        isDragging: u,
+        dragHandleProps: { attributes: a, listeners: o }
+      }
+    ) });
+  }
+);
+Ve.displayName = "TaskCardCompact";
+const Fe = j.forwardRef(function({ task: t }, n) {
+  return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(ze, { task: t, isDragOverlay: !0 }) });
+});
+Fe.displayName = "TaskCardCompactOverlay";
+const Ue = j.forwardRef(
+  function({ task: t }, n) {
+    return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(We, { task: t, isDragOverlay: !0 }) });
+  }
+);
+Ue.displayName = "TaskCardOverlay";
+const qt = [
+  { value: "LOW", label: "Low", icon: Se },
+  { value: "MEDIUM", label: "Medium", icon: ge },
+  { value: "HIGH", label: "High", icon: Te },
+  { value: "URGENT", label: "Urgent", icon: le }
+];
+function Xt(s) {
+  const t = /* @__PURE__ */ new Set(), n = [];
+  for (const a of s)
+    for (const o of a.tasks) {
+      o.owner && !t.has(o.owner.id) && (t.add(o.owner.id), n.push(o.owner));
+      for (const l of o.assignees)
+        t.has(l.id) || (t.add(l.id), n.push(l));
+    }
+  return n;
+}
+function Jt(s) {
+  const t = /* @__PURE__ */ new Set();
+  for (const n of s)
+    for (const a of n.tasks)
+      for (const o of a.labels) t.add(o);
+  return Array.from(t).sort();
+}
+function Ke({ taskId: s, children: t }) {
+  const {
+    rawColumns: n,
+    onQuickPriorityChange: a,
+    onQuickAssign: o,
+    onQuickLabelAdd: l,
+    onQuickDueDateChange: b,
+    onQuickVisibilityChange: w,
+    onQuickDelete: u
+  } = U(), d = Xt(n), x = Jt(n), T = j.useRef(null);
+  return /* @__PURE__ */ r(Tt, { children: [
+    /* @__PURE__ */ e(St, { children: t }),
+    /* @__PURE__ */ r(Rt, { className: "w-52 animate-scale-in", children: [
+      /* @__PURE__ */ r(Z, { children: [
+        /* @__PURE__ */ r(ee, { children: [
+          /* @__PURE__ */ e(le, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          "Set Priority"
+        ] }),
+        /* @__PURE__ */ e(te, { className: "w-40", children: qt.map((y) => {
+          const g = y.icon;
+          return /* @__PURE__ */ r(
+            H,
+            {
+              onSelect: () => a(s, y.value),
+              children: [
+                /* @__PURE__ */ e(
+                  g,
+                  {
+                    className: I(
+                      "mr-ds-03 h-ico-sm w-ico-sm",
+                      ce[y.value]
+                    )
+                  }
+                ),
+                y.label
+              ]
+            },
+            y.value
+          );
+        }) })
+      ] }),
+      d.length > 0 && /* @__PURE__ */ r(Z, { children: [
+        /* @__PURE__ */ r(ee, { children: [
+          /* @__PURE__ */ e(q, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          "Assign"
+        ] }),
+        /* @__PURE__ */ e(te, { className: "w-44 max-h-48 overflow-y-auto", children: d.map((y) => /* @__PURE__ */ e(
+          H,
+          {
+            onSelect: () => o(s, y.id),
+            children: y.name
+          },
+          y.id
+        )) })
+      ] }),
+      /* @__PURE__ */ r(Z, { children: [
+        /* @__PURE__ */ r(ee, { children: [
+          /* @__PURE__ */ e(kt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          "Add Label"
+        ] }),
+        /* @__PURE__ */ e(te, { className: "w-40 max-h-48 overflow-y-auto", children: x.length > 0 ? x.map((y) => /* @__PURE__ */ e(
+          H,
+          {
+            onSelect: () => l(s, y),
+            children: y
+          },
+          y
+        )) : /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-text-tertiary", children: "No labels found" }) })
+      ] }),
+      /* @__PURE__ */ r(
+        H,
+        {
+          onSelect: (y) => {
+            var g;
+            y.preventDefault(), (g = T.current) == null || g.showPicker();
+          },
+          children: [
+            /* @__PURE__ */ e(xe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            "Set Due Date",
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: T,
+                type: "date",
+                className: "absolute opacity-0 pointer-events-none w-0 h-0",
+                onChange: (y) => {
+                  b(s, y.target.value || null);
+                },
+                tabIndex: -1
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(Z, { children: [
+        /* @__PURE__ */ r(ee, { children: [
+          /* @__PURE__ */ e(X, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          "Visibility"
+        ] }),
+        /* @__PURE__ */ r(te, { className: "w-44", children: [
+          /* @__PURE__ */ r(
+            H,
+            {
+              onSelect: () => w(s, "INTERNAL"),
+              children: [
+                /* @__PURE__ */ e(De, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                "Internal only"
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            H,
+            {
+              onSelect: () => w(s, "EVERYONE"),
+              children: [
+                /* @__PURE__ */ e(X, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                "Visible to all"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e(At, {}),
+      /* @__PURE__ */ r(
+        H,
+        {
+          className: "text-error focus:text-error",
+          onSelect: () => u(s),
+          children: [
+            /* @__PURE__ */ e(fe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            "Delete"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+Ke.displayName = "TaskContextMenu";
+const Ge = j.forwardRef(
+  function({ column: t, index: n, isOverlay: a }, o) {
+    const { viewMode: l } = U(), { setNodeRef: b, isOver: w } = qe({
+      id: `column-${t.id}`,
+      data: {
+        type: "column",
+        column: t
+      }
+    }), u = t.tasks.map((x) => x.id), d = t.wipLimit != null && t.tasks.length > t.wipLimit;
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: o,
+        className: I(
+          "flex h-full flex-shrink-0 flex-col rounded-ds-xl bg-layer-01/40 backdrop-blur-[2px] border border-border-subtle/20 hover:border-border-subtle/40 transition-colors p-1",
+          a && "shadow-04",
+          d && "bg-error-surface/50"
+        ),
+        style: { width: Mt },
+        children: [
+          /* @__PURE__ */ e(Oe, { column: t, index: n }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              ref: b,
+              className: I(
+                "no-scrollbar flex flex-1 flex-col gap-ds-02 overflow-y-auto px-ds-03 pt-2.5 pb-ds-03 transition-colors duration-fast-02 ease-productive-standard",
+                w && "bg-interactive-subtle/30"
+              ),
+              children: [
+                /* @__PURE__ */ e(Ie, { items: u, strategy: Xe, children: t.tasks.map((x, T) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "animate-slide-up delay-stagger",
+                    style: { "--stagger-index": T },
+                    children: /* @__PURE__ */ e(Ke, { taskId: x.id, children: l === "compact" ? /* @__PURE__ */ e(Ve, { task: x }) : /* @__PURE__ */ e(_e, { task: x }) })
+                  },
+                  x.id
+                )) }),
+                t.tasks.length === 0 && /* @__PURE__ */ e(
+                  $e,
+                  {
+                    index: n,
+                    isDropTarget: w
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ge.displayName = "BoardColumn";
+function Zt(s) {
+  const {
+    columns: t,
+    focusedTaskId: n,
+    setFocusedTaskId: a,
+    selectedTaskIds: o,
+    toggleTaskSelection: l,
+    selectRange: b,
+    clearSelection: w,
+    clearFilters: u,
+    hasActiveFilters: d,
+    onClickTask: x
+  } = U(), T = E(
+    (h) => {
+      for (let k = 0; k < t.length; k++)
+        for (let c = 0; c < t[k].tasks.length; c++)
+          if (t[k].tasks[c].id === h)
+            return { columnIndex: k, taskIndex: c, taskId: h };
+      return null;
+    },
+    [t]
+  ), y = E(
+    (h, k) => {
+      const c = t[h];
+      if (!c) return null;
+      const p = c.tasks[k];
+      return (p == null ? void 0 : p.id) ?? null;
+    },
+    [t]
+  ), g = E((h) => {
+    const k = document.querySelector(`[aria-label*="${h}"]`) ?? document.querySelector(`[data-task-id="${h}"]`);
+    k && k.scrollIntoView({ block: "nearest", behavior: "smooth" });
+  }, []), R = E(
+    (h) => {
+      const k = h.target;
+      if (!(k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.isContentEditable))
+        switch (h.key) {
+          case "ArrowDown":
+          case "ArrowUp": {
+            h.preventDefault();
+            const c = h.key === "ArrowDown" ? 1 : -1;
+            if (!n) {
+              for (const i of t)
+                if (i.tasks.length > 0) {
+                  const f = i.tasks[0].id;
+                  a(f), g(f);
+                  break;
+                }
+              return;
+            }
+            const p = T(n);
+            if (!p) return;
+            const m = p.taskIndex + c, C = y(p.columnIndex, m);
+            C && (a(C), g(C), h.shiftKey && n && b(n, C));
+            return;
+          }
+          case "ArrowLeft":
+          case "ArrowRight": {
+            h.preventDefault();
+            const c = h.key === "ArrowRight" ? 1 : -1;
+            if (!n) return;
+            const p = T(n);
+            if (!p) return;
+            let m = p.columnIndex + c;
+            for (; m >= 0 && m < t.length; ) {
+              if (t[m].tasks.length > 0) {
+                const C = Math.min(p.taskIndex, t[m].tasks.length - 1), i = t[m].tasks[C].id;
+                a(i), g(i);
+                return;
+              }
+              m += c;
+            }
+            return;
+          }
+          case "Enter": {
+            n && (h.preventDefault(), x(n));
+            return;
+          }
+          case " ": {
+            n && (h.preventDefault(), l(n));
+            return;
+          }
+          case "Escape": {
+            h.preventDefault(), o.size > 0 ? w() : d && u();
+            return;
+          }
+        }
+    },
+    [
+      n,
+      t,
+      o,
+      d,
+      T,
+      y,
+      a,
+      g,
+      l,
+      b,
+      w,
+      u,
+      x
+    ]
+  );
+  oe(() => {
+    const h = s.current;
+    if (h)
+      return h.addEventListener("keydown", R), () => h.removeEventListener("keydown", R);
+  }, [s, R]);
+}
+function es() {
+  return {
+    onDragStart({ active: s }) {
+      const t = s.data.current;
+      return (t == null ? void 0 : t.type) === "task" ? `Picked up task: ${t.task.title}` : "Picked up item";
+    },
+    onDragOver({ active: s, over: t }) {
+      if (!t) return;
+      const n = s.data.current;
+      if ((n == null ? void 0 : n.type) === "task")
+        return `Task ${n.task.title} is over ${t.id}`;
+    },
+    onDragEnd({ active: s, over: t }) {
+      if (!t) return "Dropped item";
+      const n = s.data.current;
+      return (n == null ? void 0 : n.type) === "task" ? `Dropped task: ${n.task.title}` : "Dropped item";
+    },
+    onDragCancel() {
+      return "Dragging cancelled";
+    }
+  };
+}
+function ts({ className: s }) {
+  const {
+    columns: t,
+    viewMode: n,
+    activeTask: a,
+    setActiveTask: o,
+    onTaskMove: l,
+    onAddColumn: b
+  } = U(), [w, u] = A(!1);
+  ae(null);
+  const d = ae(null);
+  Zt(d), oe(() => {
+    u(!0);
+  }, []);
+  const x = Je(
+    me(it, {
+      activationConstraint: { distance: 5 }
+    }),
+    me(rt, {
+      activationConstraint: { delay: 200, tolerance: 5 }
+    }),
+    me(at, {
+      coordinateGetter: nt
+    })
+  ), T = ne(() => es(), []), y = t.map((c) => `column-${c.id}`), g = E(
+    (c) => {
+      for (const p of t)
+        if (p.tasks.some((m) => m.id === c))
+          return p.id;
+      return null;
+    },
+    [t]
+  ), R = E(
+    (c) => {
+      const p = c.active.data.current;
+      (p == null ? void 0 : p.type) === "task" && o(p.task);
+    },
+    [o]
+  ), h = E(
+    (c) => {
+      const { active: p, over: m } = c;
+      if (!m) return;
+      const C = p.id, i = m.id, f = g(C);
+      if (!f) return;
+      let D = null, M = 0;
+      if (i.startsWith("column-")) {
+        D = i.replace("column-", "");
+        const N = t.find((S) => S.id === D);
+        M = (N == null ? void 0 : N.tasks.length) ?? 0;
+      } else if (D = g(i), D) {
+        const N = t.find((S) => S.id === D);
+        M = (N == null ? void 0 : N.tasks.findIndex((S) => S.id === i)) ?? 0;
+      }
+      !D || f === D || l(C, D, M);
+    },
+    [t, g, l]
+  ), k = E(
+    (c) => {
+      const { active: p, over: m } = c;
+      if (o(null), !m) return;
+      const C = p.id, i = m.id, f = g(C);
+      if (!f) return;
+      let D, M;
+      if (i.startsWith("column-")) {
+        D = i.replace("column-", "");
+        const N = t.find((S) => S.id === D);
+        if (M = (N == null ? void 0 : N.tasks.length) ?? 0, f === D) {
+          const S = N == null ? void 0 : N.tasks.findIndex(($) => $.id === C);
+          S !== void 0 && S >= 0 && (M = S);
+        }
+      } else {
+        D = g(i) ?? f;
+        const N = t.find((S) => S.id === D);
+        M = (N == null ? void 0 : N.tasks.findIndex((S) => S.id === i)) ?? 0;
+      }
+      l(C, D, M);
+    },
+    [t, g, o, l]
+  );
+  return /* @__PURE__ */ r(
+    Ze,
+    {
+      sensors: x,
+      collisionDetection: et,
+      onDragStart: R,
+      onDragOver: h,
+      onDragEnd: k,
+      accessibility: { announcements: T },
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: d,
+            tabIndex: 0,
+            className: "no-scrollbar flex h-full gap-ds-05 overflow-x-auto pb-ds-05 outline-none",
+            children: [
+              /* @__PURE__ */ e(
+                Ie,
+                {
+                  items: y,
+                  strategy: tt,
+                  children: t.map((c, p) => /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "flex-shrink-0 animate-slide-right delay-stagger-50",
+                      style: { "--stagger-index": p },
+                      children: /* @__PURE__ */ e(Ge, { column: c, index: p })
+                    },
+                    c.id
+                  ))
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ r(
+                O,
+                {
+                  variant: "ghost",
+                  onClick: b,
+                  className: "h-ds-md w-[320px] 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__ */ e(pe, { className: "h-ico-sm w-ico-sm" }),
+                    "Add column"
+                  ]
+                }
+              ) })
+            ]
+          }
+        ),
+        w && Ye(
+          /* @__PURE__ */ e(st, { dropAnimation: { duration: 240, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: a ? n === "compact" ? /* @__PURE__ */ e(Fe, { task: a }) : /* @__PURE__ */ e(Ue, { task: a }) : null }),
+          document.body
+        )
+      ]
+    }
+  );
+}
+const ss = j.forwardRef(
+  function({ className: t, ...n }, a) {
+    return /* @__PURE__ */ e("div", { ref: a, className: t, children: /* @__PURE__ */ e(Ot, { ...n, children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-ds-03", children: [
+      /* @__PURE__ */ e(Le, {}),
+      /* @__PURE__ */ e(Ee, {}),
+      /* @__PURE__ */ e(ts, {})
+    ] }) }) });
+  }
+);
+ss.displayName = "KanbanBoard";
+export {
+  Ge as B,
+  ye as C,
+  we as D,
+  ss as K,
+  ce as P,
+  _e as T,
+  Ot as a,
+  Le as b,
+  Ee as c,
+  Mt as d,
+  $e as e,
+  Oe as f,
+  ws as g,
+  Ve as h,
+  Fe as i,
+  Ue as j,
+  Ke as k,
+  Zt as l,
+  U as u
+};