@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-5J5OL4IV.js

@@ -0,0 +1,529 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Filter, X, ChevronUp, ChevronDown, Check } from 'lucide-react';
+import { useState, useMemo, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var taskListVariants = cva(["flex flex-col"], {
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  },
+  variants: {
+    size: {
+      default: "gap-3",
+      lg: "gap-4",
+      sm: "gap-2"
+    },
+    variant: {
+      compact: "gap-2",
+      default: "gap-3",
+      grouped: "divide-y divide-border gap-0"
+    }
+  }
+});
+var taskListHeaderVariants = cva(
+  ["flex items-center justify-between mb-4"],
+  {
+    defaultVariants: {
+      size: "default"
+    },
+    variants: {
+      size: {
+        default: "mb-4",
+        lg: "mb-6",
+        sm: "mb-3"
+      }
+    }
+  }
+);
+var taskListTitleVariants = cva(["font-semibold text-foreground"], {
+  defaultVariants: {
+    size: "default"
+  },
+  variants: {
+    size: {
+      default: "text-lg",
+      lg: "text-xl",
+      sm: "text-base"
+    }
+  }
+});
+var taskListItemVariants = cva(
+  [
+    "relative flex items-start gap-3 rounded-lg border transition-all duration-200",
+    "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+    "hover:shadow-sm cursor-pointer"
+  ],
+  {
+    compoundVariants: [
+      {
+        class: "py-3",
+        size: "default",
+        variant: "grouped"
+      },
+      {
+        class: "py-2",
+        size: "sm",
+        variant: "grouped"
+      },
+      {
+        class: "py-4",
+        size: "lg",
+        variant: "grouped"
+      }
+    ],
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    },
+    variants: {
+      size: {
+        default: "p-4 gap-3",
+        lg: "p-6 gap-4",
+        sm: "p-3 gap-2"
+      },
+      variant: {
+        compact: "p-2 gap-2 border-transparent hover:bg-muted/50",
+        default: "bg-card border-border",
+        grouped: "border-x-0 border-t-0 rounded-none first:rounded-t-lg last:rounded-b-lg last:border-b-0"
+      }
+    }
+  }
+);
+var priorityStyles = {
+  high: "bg-[color:var(--priority-high-bg)] text-[color:var(--priority-high-text)]",
+  low: "bg-[color:var(--priority-low-bg)] text-[color:var(--priority-low-text)]",
+  medium: "bg-[color:var(--priority-medium-bg)] text-[color:var(--priority-medium-text)]",
+  urgent: "bg-[color:var(--priority-urgent-bg)] text-[color:var(--priority-urgent-text)]"
+};
+var statusStyles = {
+  done: "bg-[color:var(--task-status-done-dot)]",
+  "in-progress": "bg-[color:var(--task-status-in-progress-dot)]",
+  todo: "bg-[color:var(--task-status-todo-dot)]"
+};
+var emptyStateStyles = "text-center py-8 text-muted-foreground";
+var loadingStyles = "animate-pulse";
+var selectedItemStyles = "bg-primary/10 border-primary";
+var groupHeaderStyles = "text-sm font-medium text-muted-foreground uppercase tracking-wide py-2 px-1";
+var PRIORITY_LABELS = {
+  high: "High",
+  low: "Low",
+  medium: "Medium",
+  urgent: "Urgent"
+};
+var STATUS_LABELS = {
+  done: "Done",
+  "in-progress": "In Progress",
+  todo: "To Do"
+};
+function groupTasks(tasks, groupBy) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const task of tasks) {
+    let key;
+    switch (groupBy) {
+      case "assignee":
+        key = task.assignee?.name ?? "Unassigned";
+        break;
+      case "priority":
+        key = task.priority ? PRIORITY_LABELS[task.priority] : "No Priority";
+        break;
+      case "status":
+        key = task.status ? STATUS_LABELS[task.status] : "No Status";
+        break;
+      default:
+        key = "Default";
+    }
+    const existing = groups.get(key) ?? [];
+    groups.set(key, [...existing, task]);
+  }
+  return groups;
+}
+function sortTasks(tasks, sortField, sortDirection) {
+  return [...tasks].sort((a, b) => {
+    let comparison = 0;
+    switch (sortField) {
+      case "title":
+        comparison = a.title.localeCompare(b.title);
+        break;
+      case "priority": {
+        const priorityOrder = {
+          urgent: 0,
+          high: 1,
+          medium: 2,
+          low: 3
+        };
+        const aPriority = a.priority ? priorityOrder[a.priority] : 4;
+        const bPriority = b.priority ? priorityOrder[b.priority] : 4;
+        comparison = aPriority - bPriority;
+        break;
+      }
+      case "status": {
+        const statusOrder = {
+          "in-progress": 0,
+          todo: 1,
+          done: 2
+        };
+        const aStatus = a.status ? statusOrder[a.status] : 3;
+        const bStatus = b.status ? statusOrder[b.status] : 3;
+        comparison = aStatus - bStatus;
+        break;
+      }
+      case "dueDate": {
+        const aDate = a.dueDate?.getTime() ?? Infinity;
+        const bDate = b.dueDate?.getTime() ?? Infinity;
+        comparison = aDate - bDate;
+        break;
+      }
+    }
+    return sortDirection === "desc" ? -comparison : comparison;
+  });
+}
+function TaskListItem({
+  isSelected,
+  onKeyDown,
+  onSelect,
+  onTaskClick,
+  selectable,
+  size,
+  task,
+  variant
+}) {
+  const handleClick = () => {
+    if (selectable) {
+      onSelect(task);
+    }
+    onTaskClick?.(task);
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown(event, task);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        taskListItemVariants({ size, variant }),
+        isSelected && selectedItemStyles
+      ),
+      "aria-selected": selectable ? isSelected : void 0,
+      "data-slot": "task-list-item",
+      role: "listitem",
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      children: [
+        selectable && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex h-5 w-5 shrink-0 items-center justify-center rounded border",
+              isSelected ? "bg-primary border-primary text-primary-foreground" : "border-input"
+            ),
+            "data-slot": "task-list-checkbox",
+            children: isSelected && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" })
+          }
+        ),
+        task.status && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-2 w-2 shrink-0 rounded-full", statusStyles[task.status]),
+            "data-slot": "task-list-status",
+            title: STATUS_LABELS[task.status]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", "data-slot": "task-list-content", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "font-medium text-foreground",
+                  task.status === "done" && "line-through opacity-70"
+                ),
+                "data-slot": "task-list-title",
+                children: task.title
+              }
+            ),
+            task.priority && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "shrink-0 rounded px-1.5 py-0.5 text-xs font-medium",
+                  priorityStyles[task.priority]
+                ),
+                "data-slot": "task-list-priority",
+                children: PRIORITY_LABELS[task.priority]
+              }
+            )
+          ] }),
+          task.description && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "mt-1 text-sm text-muted-foreground line-clamp-2",
+              "data-slot": "task-list-description",
+              children: task.description
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
+            task.tags && task.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", "data-slot": "task-list-tags", children: task.tags.map((tag) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
+                children: tag
+              },
+              tag
+            )) }),
+            task.dueDate && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "text-xs text-muted-foreground",
+                "data-slot": "task-list-due-date",
+                children: [
+                  "Due: ",
+                  task.dueDate.toLocaleDateString()
+                ]
+              }
+            ),
+            task.assignee && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-center gap-1",
+                "data-slot": "task-list-assignee",
+                children: [
+                  task.assignee.avatar ? /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      alt: task.assignee.name,
+                      className: "h-5 w-5 rounded-full",
+                      src: task.assignee.avatar
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted text-xs", children: task.assignee.name.charAt(0).toUpperCase() }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: task.assignee.name })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function TaskListSkeleton({ count = 3 }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(taskListItemVariants({}), loadingStyles),
+      "data-slot": "task-list-skeleton",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "h-2 w-2 shrink-0 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-muted" })
+        ] })
+      ]
+    },
+    `skeleton-${String(index)}`
+  )) });
+}
+function TaskList({
+  className,
+  empty,
+  filterable = false,
+  groupBy,
+  loading = false,
+  onSelect,
+  onTaskClick,
+  selectable = false,
+  size = "default",
+  sortable = false,
+  tasks = [],
+  title,
+  variant = "default",
+  ...props
+}) {
+  const [selectedIds, setSelectedIds] = useState(() => /* @__PURE__ */ new Set());
+  const [sortField, setSortField] = useState("title");
+  const [sortDirection, setSortDirection] = useState("asc");
+  const [filterStatus, setFilterStatus] = useState(null);
+  const filteredTasks = useMemo(() => {
+    if (!filterStatus) return tasks;
+    return tasks.filter((task) => task.status === filterStatus);
+  }, [tasks, filterStatus]);
+  const sortedTasks = useMemo(() => {
+    if (!sortable) return filteredTasks;
+    return sortTasks(filteredTasks, sortField, sortDirection);
+  }, [filteredTasks, sortable, sortField, sortDirection]);
+  const groupedTasks = useMemo(() => {
+    if (!groupBy) return null;
+    return groupTasks(sortedTasks, groupBy);
+  }, [sortedTasks, groupBy]);
+  const handleSelect = useCallback(
+    (task) => {
+      if (!selectable) return;
+      const newSelected = new Set(selectedIds);
+      if (newSelected.has(task.id)) {
+        newSelected.delete(task.id);
+      } else {
+        newSelected.add(task.id);
+      }
+      setSelectedIds(newSelected);
+      if (onSelect) {
+        const selectedTasks = tasks.filter((t) => newSelected.has(t.id));
+        onSelect(selectedTasks);
+      }
+    },
+    [selectable, selectedIds, tasks, onSelect]
+  );
+  const handleKeyDown = useCallback(
+    (event, task) => {
+      if (event.key === " " || event.key === "Spacebar") {
+        event.preventDefault();
+        if (selectable) {
+          handleSelect(task);
+        }
+      } else if (event.key === "Enter") {
+        onTaskClick?.(task);
+      }
+    },
+    [selectable, handleSelect, onTaskClick]
+  );
+  const toggleSort = (field) => {
+    if (sortField === field) {
+      setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
+    } else {
+      setSortField(field);
+      setSortDirection("asc");
+    }
+  };
+  const renderTaskItems = (tasksToRender) => tasksToRender.map((task) => /* @__PURE__ */ jsx(
+    TaskListItem,
+    {
+      isSelected: selectedIds.has(task.id),
+      selectable,
+      size: size ?? "default",
+      task,
+      variant: variant ?? "default",
+      onKeyDown: handleKeyDown,
+      onSelect: handleSelect,
+      onTaskClick
+    },
+    task.id
+  ));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": title ?? "Task list",
+      "aria-live": "polite",
+      className: cn(taskListVariants({ size, variant }), className),
+      "data-slot": "task-list",
+      role: "list",
+      ...props,
+      children: [
+        (title || filterable || sortable) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: taskListHeaderVariants({ size }),
+            "data-slot": "task-list-header",
+            children: [
+              title && /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: taskListTitleVariants({ size }),
+                  "data-slot": "task-list-title",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-slot": "task-list-controls", children: [
+                filterable && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      "aria-label": "Filter by status",
+                      className: "rounded border border-input bg-background px-2 py-1 text-sm",
+                      value: filterStatus ?? "",
+                      onChange: (e) => {
+                        setFilterStatus(
+                          e.target.value ? e.target.value : null
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "", children: "All" }),
+                        /* @__PURE__ */ jsx("option", { value: "todo", children: "To Do" }),
+                        /* @__PURE__ */ jsx("option", { value: "in-progress", children: "In Progress" }),
+                        /* @__PURE__ */ jsx("option", { value: "done", children: "Done" })
+                      ]
+                    }
+                  ),
+                  filterStatus && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      "aria-label": "Clear filter",
+                      className: "rounded p-1 hover:bg-muted",
+                      type: "button",
+                      onClick: () => {
+                        setFilterStatus(null);
+                      },
+                      children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                    }
+                  )
+                ] }),
+                sortable && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      "aria-label": "Sort by",
+                      className: "rounded border border-input bg-background px-2 py-1 text-sm",
+                      value: sortField,
+                      onChange: (e) => {
+                        setSortField(
+                          e.target.value
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "title", children: "Title" }),
+                        /* @__PURE__ */ jsx("option", { value: "priority", children: "Priority" }),
+                        /* @__PURE__ */ jsx("option", { value: "status", children: "Status" }),
+                        /* @__PURE__ */ jsx("option", { value: "dueDate", children: "Due Date" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      "aria-label": `Sort ${sortDirection === "asc" ? "descending" : "ascending"}`,
+                      className: "rounded p-1 hover:bg-muted",
+                      type: "button",
+                      onClick: () => {
+                        toggleSort(sortField);
+                      },
+                      children: sortDirection === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { "data-slot": "task-list-items", children: [
+          loading && /* @__PURE__ */ jsx(TaskListSkeleton, {}),
+          !loading && sortedTasks.length === 0 && /* @__PURE__ */ jsx("div", { className: emptyStateStyles, "data-slot": "task-list-empty", children: empty ?? "No tasks to display" }),
+          !loading && groupedTasks && sortedTasks.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: [...groupedTasks.entries()].map(([group, groupTasks2]) => /* @__PURE__ */ jsxs("div", { "data-slot": "task-list-group", children: [
+            /* @__PURE__ */ jsxs("div", { className: groupHeaderStyles, "data-slot": "task-list-group-header", children: [
+              group,
+              " (",
+              groupTasks2.length,
+              ")"
+            ] }),
+            renderTaskItems(groupTasks2)
+          ] }, group)) }),
+          !loading && !groupedTasks && sortedTasks.length > 0 && renderTaskItems(sortedTasks)
+        ] })
+      ]
+    }
+  );
+}
+
+export { TaskList, emptyStateStyles, groupHeaderStyles, loadingStyles, selectedItemStyles, taskListHeaderVariants, taskListItemVariants, taskListTitleVariants, taskListVariants };
+//# sourceMappingURL=chunk-5J5OL4IV.js.map
+//# sourceMappingURL=chunk-5J5OL4IV.js.map

package/dist/chunk-5J5OL4IV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workflow/TaskList/TaskList.variants.ts","../src/components/workflow/TaskList/TaskList.tsx"],"names":["groupTasks"],"mappings":"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","file":"chunk-5J5OL4IV.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * TaskList container variant styles using CVA\n */\nexport const taskListVariants = cva([\"flex flex-col\"], {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"gap-3\",\n      lg: \"gap-4\",\n      sm: \"gap-2\",\n    },\n    variant: {\n      compact: \"gap-2\",\n      default: \"gap-3\",\n      grouped: \"divide-y divide-border gap-0\",\n    },\n  },\n})\n\n/**\n * TaskList header styles\n */\nexport const taskListHeaderVariants = cva(\n  [\"flex items-center justify-between mb-4\"],\n  {\n    defaultVariants: {\n      size: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"mb-4\",\n        lg: \"mb-6\",\n        sm: \"mb-3\",\n      },\n    },\n  }\n)\n\n/**\n * TaskList title styles\n */\nexport const taskListTitleVariants = cva([\"font-semibold text-foreground\"], {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-lg\",\n      lg: \"text-xl\",\n      sm: \"text-base\",\n    },\n  },\n})\n\n/**\n * TaskList item wrapper styles\n */\nexport const taskListItemVariants = cva(\n  [\n    \"relative flex items-start gap-3 rounded-lg border transition-all duration-200\",\n    \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n    \"hover:shadow-sm cursor-pointer\",\n  ],\n  {\n    compoundVariants: [\n      {\n        class: \"py-3\",\n        size: \"default\",\n        variant: \"grouped\",\n      },\n      {\n        class: \"py-2\",\n        size: \"sm\",\n        variant: \"grouped\",\n      },\n      {\n        class: \"py-4\",\n        size: \"lg\",\n        variant: \"grouped\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n    variants: {\n      size: {\n        default: \"p-4 gap-3\",\n        lg: \"p-6 gap-4\",\n        sm: \"p-3 gap-2\",\n      },\n      variant: {\n        compact: \"p-2 gap-2 border-transparent hover:bg-muted/50\",\n        default: \"bg-card border-border\",\n        grouped: \"border-x-0 border-t-0 rounded-none first:rounded-t-lg last:rounded-b-lg last:border-b-0\",\n      },\n    },\n  }\n)\n\n/**\n * Priority badge color styles using semantic tokens\n */\nexport const priorityStyles: Record<string, string> = {\n  high: \"bg-[color:var(--priority-high-bg)] text-[color:var(--priority-high-text)]\",\n  low: \"bg-[color:var(--priority-low-bg)] text-[color:var(--priority-low-text)]\",\n  medium: \"bg-[color:var(--priority-medium-bg)] text-[color:var(--priority-medium-text)]\",\n  urgent: \"bg-[color:var(--priority-urgent-bg)] text-[color:var(--priority-urgent-text)]\",\n}\n\n/**\n * Status indicator color styles using semantic tokens\n */\nexport const statusStyles: Record<string, string> = {\n  done: \"bg-[color:var(--task-status-done-dot)]\",\n  \"in-progress\": \"bg-[color:var(--task-status-in-progress-dot)]\",\n  todo: \"bg-[color:var(--task-status-todo-dot)]\",\n}\n\n/**\n * Empty state styles\n */\nexport const emptyStateStyles = \"text-center py-8 text-muted-foreground\"\n\n/**\n * Loading state styles\n */\nexport const loadingStyles = \"animate-pulse\"\n\n/**\n * Selected item styles\n */\nexport const selectedItemStyles = \"bg-primary/10 border-primary\"\n\n/**\n * Group header styles\n */\nexport const groupHeaderStyles = \"text-sm font-medium text-muted-foreground uppercase tracking-wide py-2 px-1\"\n","import type {\n  TaskGroupBy,\n  TaskItem,\n  TaskListPriority,\n  TaskListProps,\n  TaskListStatus,\n} from \"./TaskList.types\"\nimport type { KeyboardEvent } from \"react\"\n\nimport { Check, ChevronDown, ChevronUp, Filter, X } from \"lucide-react\"\nimport { useCallback, useMemo, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  emptyStateStyles,\n  groupHeaderStyles,\n  loadingStyles,\n  priorityStyles,\n  selectedItemStyles,\n  statusStyles,\n  taskListHeaderVariants,\n  taskListItemVariants,\n  taskListTitleVariants,\n  taskListVariants,\n} from \"./TaskList.variants\"\n\n/**\n * Priority labels for display\n */\nconst PRIORITY_LABELS: Record<TaskListPriority, string> = {\n  high: \"High\",\n  low: \"Low\",\n  medium: \"Medium\",\n  urgent: \"Urgent\",\n}\n\n/**\n * Status labels for display\n */\nconst STATUS_LABELS: Record<TaskListStatus, string> = {\n  done: \"Done\",\n  \"in-progress\": \"In Progress\",\n  todo: \"To Do\",\n}\n\n/**\n * Group tasks by a specific field\n */\nfunction groupTasks(\n  tasks: TaskItem[],\n  groupBy: TaskGroupBy\n): Map<string, TaskItem[]> {\n  const groups = new Map<string, TaskItem[]>()\n\n  for (const task of tasks) {\n    let key: string\n\n    switch (groupBy) {\n      case \"assignee\":\n        key = task.assignee?.name ?? \"Unassigned\"\n        break\n      case \"priority\":\n        key = task.priority ? PRIORITY_LABELS[task.priority] : \"No Priority\"\n        break\n      case \"status\":\n        key = task.status ? STATUS_LABELS[task.status] : \"No Status\"\n        break\n      default:\n        key = \"Default\"\n    }\n\n    const existing = groups.get(key) ?? []\n    groups.set(key, [...existing, task])\n  }\n\n  return groups\n}\n\n/**\n * Sort tasks by field\n */\nfunction sortTasks(\n  tasks: TaskItem[],\n  sortField: \"dueDate\" | \"priority\" | \"status\" | \"title\",\n  sortDirection: \"asc\" | \"desc\"\n): TaskItem[] {\n  return [...tasks].sort((a, b) => {\n    let comparison = 0\n\n    switch (sortField) {\n      case \"title\":\n        comparison = a.title.localeCompare(b.title)\n        break\n      case \"priority\": {\n        const priorityOrder: Record<TaskListPriority, number> = {\n          urgent: 0,\n          high: 1,\n          medium: 2,\n          low: 3,\n        }\n        const aPriority = a.priority ? priorityOrder[a.priority] : 4\n        const bPriority = b.priority ? priorityOrder[b.priority] : 4\n        comparison = aPriority - bPriority\n        break\n      }\n      case \"status\": {\n        const statusOrder: Record<TaskListStatus, number> = {\n          \"in-progress\": 0,\n          todo: 1,\n          done: 2,\n        }\n        const aStatus = a.status ? statusOrder[a.status] : 3\n        const bStatus = b.status ? statusOrder[b.status] : 3\n        comparison = aStatus - bStatus\n        break\n      }\n      case \"dueDate\": {\n        const aDate = a.dueDate?.getTime() ?? Infinity\n        const bDate = b.dueDate?.getTime() ?? Infinity\n        comparison = aDate - bDate\n        break\n      }\n    }\n\n    return sortDirection === \"desc\" ? -comparison : comparison\n  })\n}\n\n/**\n * Individual task item component\n */\nfunction TaskListItem({\n  isSelected,\n  onKeyDown,\n  onSelect,\n  onTaskClick,\n  selectable,\n  size,\n  task,\n  variant,\n}: {\n  isSelected: boolean\n  onKeyDown: (event: KeyboardEvent<HTMLDivElement>, task: TaskItem) => void\n  onSelect: (task: TaskItem) => void\n  onTaskClick?: (task: TaskItem) => void\n  selectable: boolean\n  size: \"default\" | \"lg\" | \"sm\"\n  task: TaskItem\n  variant: \"compact\" | \"default\" | \"grouped\"\n}) {\n  const handleClick = () => {\n    if (selectable) {\n      onSelect(task)\n    }\n    onTaskClick?.(task)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown(event, task)\n  }\n\n  return (\n    <div\n      className={cn(\n        taskListItemVariants({ size, variant }),\n        isSelected && selectedItemStyles\n      )}\n      aria-selected={selectable ? isSelected : undefined}\n      data-slot=\"task-list-item\"\n      role=\"listitem\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      {/* Selection checkbox */}\n      {selectable && (\n        <div\n          className={cn(\n            \"flex h-5 w-5 shrink-0 items-center justify-center rounded border\",\n            isSelected\n              ? \"bg-primary border-primary text-primary-foreground\"\n              : \"border-input\"\n          )}\n          data-slot=\"task-list-checkbox\"\n        >\n          {isSelected && <Check className=\"h-3 w-3\" />}\n        </div>\n      )}\n\n      {/* Status indicator */}\n      {task.status && (\n        <div\n          className={cn(\"h-2 w-2 shrink-0 rounded-full\", statusStyles[task.status])}\n          data-slot=\"task-list-status\"\n          title={STATUS_LABELS[task.status]}\n        />\n      )}\n\n      {/* Task content */}\n      <div className=\"min-w-0 flex-1\" data-slot=\"task-list-content\">\n        <div className=\"flex items-start justify-between gap-2\">\n          <span\n            className={cn(\n              \"font-medium text-foreground\",\n              task.status === \"done\" && \"line-through opacity-70\"\n            )}\n            data-slot=\"task-list-title\"\n          >\n            {task.title}\n          </span>\n\n          {/* Priority badge */}\n          {task.priority && (\n            <span\n              className={cn(\n                \"shrink-0 rounded px-1.5 py-0.5 text-xs font-medium\",\n                priorityStyles[task.priority]\n              )}\n              data-slot=\"task-list-priority\"\n            >\n              {PRIORITY_LABELS[task.priority]}\n            </span>\n          )}\n        </div>\n\n        {/* Description */}\n        {task.description && (\n          <p\n            className=\"mt-1 text-sm text-muted-foreground line-clamp-2\"\n            data-slot=\"task-list-description\"\n          >\n            {task.description}\n          </p>\n        )}\n\n        {/* Tags and metadata */}\n        <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n          {/* Tags */}\n          {task.tags && task.tags.length > 0 && (\n            <div className=\"flex flex-wrap gap-1\" data-slot=\"task-list-tags\">\n              {task.tags.map((tag) => (\n                <span\n                  key={tag}\n                  className=\"rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground\"\n                >\n                  {tag}\n                </span>\n              ))}\n            </div>\n          )}\n\n          {/* Due date */}\n          {task.dueDate && (\n            <span\n              className=\"text-xs text-muted-foreground\"\n              data-slot=\"task-list-due-date\"\n            >\n              Due: {task.dueDate.toLocaleDateString()}\n            </span>\n          )}\n\n          {/* Assignee */}\n          {task.assignee && (\n            <div\n              className=\"flex items-center gap-1\"\n              data-slot=\"task-list-assignee\"\n            >\n              {task.assignee.avatar ? (\n                <img\n                  alt={task.assignee.name}\n                  className=\"h-5 w-5 rounded-full\"\n                  src={task.assignee.avatar}\n                />\n              ) : (\n                <div className=\"flex h-5 w-5 items-center justify-center rounded-full bg-muted text-xs\">\n                  {task.assignee.name.charAt(0).toUpperCase()}\n                </div>\n              )}\n              <span className=\"text-xs text-muted-foreground\">\n                {task.assignee.name}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Loading skeleton for task items\n */\nfunction TaskListSkeleton({ count = 3 }: { count?: number }) {\n  return (\n    <>\n      {Array.from({ length: count }).map((_, index) => (\n        <div\n          key={`skeleton-${String(index)}`}\n          className={cn(taskListItemVariants({}), loadingStyles)}\n          data-slot=\"task-list-skeleton\"\n        >\n          <div className=\"h-2 w-2 shrink-0 rounded-full bg-muted\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <div className=\"h-4 w-3/4 rounded bg-muted\" />\n            <div className=\"h-3 w-1/2 rounded bg-muted\" />\n          </div>\n        </div>\n      ))}\n    </>\n  )\n}\n\n/**\n * TaskList component displays a list of tasks with optional selection, filtering, and sorting.\n *\n * @example\n * ```tsx\n * const tasks = [\n *   { id: \"1\", title: \"Task 1\", status: \"todo\" },\n *   { id: \"2\", title: \"Task 2\", status: \"in-progress\" },\n *   { id: \"3\", title: \"Task 3\", status: \"done\" },\n * ]\n *\n * <TaskList tasks={tasks} title=\"My Tasks\" />\n * ```\n */\nfunction TaskList({\n  className,\n  empty,\n  filterable = false,\n  groupBy,\n  loading = false,\n  onSelect,\n  onTaskClick,\n  selectable = false,\n  size = \"default\",\n  sortable = false,\n  tasks = [],\n  title,\n  variant = \"default\",\n  ...props\n}: TaskListProps) {\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(() => new Set())\n  const [sortField, setSortField] = useState<\"dueDate\" | \"priority\" | \"status\" | \"title\">(\"title\")\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\")\n  const [filterStatus, setFilterStatus] = useState<null | TaskListStatus>(null)\n\n  // Filter tasks\n  const filteredTasks = useMemo(() => {\n    if (!filterStatus) return tasks\n    return tasks.filter((task) => task.status === filterStatus)\n  }, [tasks, filterStatus])\n\n  // Sort tasks\n  const sortedTasks = useMemo(() => {\n    if (!sortable) return filteredTasks\n    return sortTasks(filteredTasks, sortField, sortDirection)\n  }, [filteredTasks, sortable, sortField, sortDirection])\n\n  // Group tasks if groupBy is specified\n  const groupedTasks = useMemo(() => {\n    if (!groupBy) return null\n    return groupTasks(sortedTasks, groupBy)\n  }, [sortedTasks, groupBy])\n\n  // Handle selection\n  const handleSelect = useCallback(\n    (task: TaskItem) => {\n      if (!selectable) return\n\n      const newSelected = new Set(selectedIds)\n      if (newSelected.has(task.id)) {\n        newSelected.delete(task.id)\n      } else {\n        newSelected.add(task.id)\n      }\n      setSelectedIds(newSelected)\n\n      if (onSelect) {\n        const selectedTasks = tasks.filter((t) => newSelected.has(t.id))\n        onSelect(selectedTasks)\n      }\n    },\n    [selectable, selectedIds, tasks, onSelect]\n  )\n\n  // Handle keyboard navigation\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>, task: TaskItem) => {\n      if (event.key === \" \" || event.key === \"Spacebar\") {\n        event.preventDefault()\n        if (selectable) {\n          handleSelect(task)\n        }\n      } else if (event.key === \"Enter\") {\n        onTaskClick?.(task)\n      }\n    },\n    [selectable, handleSelect, onTaskClick]\n  )\n\n  // Toggle sort direction\n  const toggleSort = (field: \"dueDate\" | \"priority\" | \"status\" | \"title\") => {\n    if (sortField === field) {\n      setSortDirection((prev) => (prev === \"asc\" ? \"desc\" : \"asc\"))\n    } else {\n      setSortField(field)\n      setSortDirection(\"asc\")\n    }\n  }\n\n  // Render task items\n  const renderTaskItems = (tasksToRender: TaskItem[]) =>\n    tasksToRender.map((task) => (\n      <TaskListItem\n        key={task.id}\n        isSelected={selectedIds.has(task.id)}\n        selectable={selectable}\n        size={size ?? \"default\"}\n        task={task}\n        variant={variant ?? \"default\"}\n        onKeyDown={handleKeyDown}\n        onSelect={handleSelect}\n        onTaskClick={onTaskClick}\n      />\n    ))\n\n  return (\n    <div\n      aria-label={title ?? \"Task list\"}\n      aria-live=\"polite\"\n      className={cn(taskListVariants({ size, variant }), className)}\n      data-slot=\"task-list\"\n      role=\"list\"\n      {...props}\n    >\n      {/* Header - uses || intentionally for boolean truthiness check */}\n      {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}\n      {(title || filterable || sortable) && (\n        <div\n          className={taskListHeaderVariants({ size })}\n          data-slot=\"task-list-header\"\n        >\n          {title && (\n            <h2\n              className={taskListTitleVariants({ size })}\n              data-slot=\"task-list-title\"\n            >\n              {title}\n            </h2>\n          )}\n\n          <div className=\"flex items-center gap-2\" data-slot=\"task-list-controls\">\n            {/* Filter controls */}\n            {filterable && (\n              <div className=\"flex items-center gap-1\">\n                <Filter className=\"h-4 w-4 text-muted-foreground\" />\n                <select\n                  aria-label=\"Filter by status\"\n                  className=\"rounded border border-input bg-background px-2 py-1 text-sm\"\n                  value={filterStatus ?? \"\"}\n                  onChange={(e) =>\n                    { setFilterStatus(\n                      e.target.value ? (e.target.value as TaskListStatus) : null\n                    ); }\n                  }\n                >\n                  <option value=\"\">All</option>\n                  <option value=\"todo\">To Do</option>\n                  <option value=\"in-progress\">In Progress</option>\n                  <option value=\"done\">Done</option>\n                </select>\n                {filterStatus && (\n                  <button\n                    aria-label=\"Clear filter\"\n                    className=\"rounded p-1 hover:bg-muted\"\n                    type=\"button\"\n                    onClick={() => { setFilterStatus(null); }}\n                  >\n                    <X className=\"h-3 w-3\" />\n                  </button>\n                )}\n              </div>\n            )}\n\n            {/* Sort controls */}\n            {sortable && (\n              <div className=\"flex items-center gap-1\">\n                <select\n                  aria-label=\"Sort by\"\n                  className=\"rounded border border-input bg-background px-2 py-1 text-sm\"\n                  value={sortField}\n                  onChange={(e) =>\n                    { setSortField(\n                      e.target.value as \"dueDate\" | \"priority\" | \"status\" | \"title\"\n                    ); }\n                  }\n                >\n                  <option value=\"title\">Title</option>\n                  <option value=\"priority\">Priority</option>\n                  <option value=\"status\">Status</option>\n                  <option value=\"dueDate\">Due Date</option>\n                </select>\n                <button\n                  aria-label={`Sort ${sortDirection === \"asc\" ? \"descending\" : \"ascending\"}`}\n                  className=\"rounded p-1 hover:bg-muted\"\n                  type=\"button\"\n                  onClick={() => { toggleSort(sortField); }}\n                >\n                  {sortDirection === \"asc\" ? (\n                    <ChevronUp className=\"h-4 w-4\" />\n                  ) : (\n                    <ChevronDown className=\"h-4 w-4\" />\n                  )}\n                </button>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Items container */}\n      <div data-slot=\"task-list-items\">\n        {/* Loading state */}\n        {loading && <TaskListSkeleton />}\n\n        {/* Empty state */}\n        {!loading && sortedTasks.length === 0 && (\n          <div className={emptyStateStyles} data-slot=\"task-list-empty\">\n            {empty ?? \"No tasks to display\"}\n          </div>\n        )}\n\n        {/* Grouped tasks */}\n        {!loading && groupedTasks && sortedTasks.length > 0 && (\n          <>\n            {[...groupedTasks.entries()].map(([group, groupTasks]) => (\n              <div key={group} data-slot=\"task-list-group\">\n                <div className={groupHeaderStyles} data-slot=\"task-list-group-header\">\n                  {group} ({groupTasks.length})\n                </div>\n                {renderTaskItems(groupTasks)}\n              </div>\n            ))}\n          </>\n        )}\n\n        {/* Ungrouped tasks */}\n        {!loading && !groupedTasks && sortedTasks.length > 0 && renderTaskItems(sortedTasks)}\n      </div>\n    </div>\n  )\n}\n\nexport { TaskList }\nexport type { TaskItem, TaskListProps }\n"]}