@devalok/shilp-sutra-karm 0.16.0 → 0.17.0

package/dist/_chunks/kanban-board.js

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