@taskmark/ui 0.1.0 → 0.2.1

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/parent-tag-badge.tsx

@@ -1,46 +0,0 @@
-"use client"
-
-import { Badge } from "@/components/ui/badge"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-import { typeBadgeClass } from "@/components/board/status-badge"
-import { cn } from "@/lib/utils"
-
-type ParentTagBadgeProps = {
-  id: string
-  title: string
-  kind?: "epic" | "story"
-}
-
-/** UI parent badge: shows id; tooltip shows title. */
-export function ParentTagBadge({
-  id,
-  title,
-  kind = "epic",
-}: ParentTagBadgeProps) {
-  return (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger
-          render={
-            <Badge
-              variant="outline"
-              className={cn(
-                "cursor-default font-mono text-xs",
-                typeBadgeClass(kind)
-              )}
-              title={title || id}
-            />
-          }
-        >
-          {id}
-        </TooltipTrigger>
-        <TooltipContent>{title || id}</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/project-contributors-panel.tsx

@@ -1,86 +0,0 @@
-"use client"
-
-import {
-  Avatar,
-  AvatarFallback,
-} from "@/components/ui/avatar"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-import { cn } from "@/lib/utils"
-import type { ContributorIdentity } from "@/lib/taskmark/identity"
-import { identityBackgroundColor } from "@/lib/taskmark/identity"
-
-type ProjectContributorsPanelProps = {
-  contributors: ContributorIdentity[]
-  className?: string
-}
-
-export function ProjectContributorsPanel({
-  contributors,
-  className,
-}: ProjectContributorsPanelProps) {
-  if (contributors.length === 0) {
-    return (
-      <p className={cn("text-sm text-muted-foreground", className)}>
-        No contributors yet.
-      </p>
-    )
-  }
-
-  return (
-    <TooltipProvider delay={200}>
-      <ul
-        className={cn(
-          "grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3",
-          className
-        )}
-        aria-label="Project contributors"
-      >
-        {contributors.map((person) => {
-          const name = person.name || "Unknown"
-          const label = person.email ? `${name} · ${person.email}` : name
-          const backgroundColor = identityBackgroundColor(person)
-          return (
-            <li
-              key={`${person.email}|${person.name}`}
-              className="flex min-w-0 items-center gap-2.5"
-            >
-              <Tooltip>
-                <TooltipTrigger
-                  render={<span className="inline-flex shrink-0 cursor-default" />}
-                  aria-label={label}
-                >
-                  <Avatar size="default">
-                    <AvatarFallback
-                      className={cn(
-                        "bg-transparent font-semibold tracking-wide text-white !text-[7px]"
-                      )}
-                      style={{ backgroundColor }}
-                    >
-                      {person.initials || "?"}
-                    </AvatarFallback>
-                  </Avatar>
-                </TooltipTrigger>
-                <TooltipContent side="top">{label}</TooltipContent>
-              </Tooltip>
-              <div className="min-w-0 flex-1">
-                <p className="truncate text-sm font-medium leading-tight">
-                  {name}
-                </p>
-                {person.email ? (
-                  <p className="truncate font-mono text-xs text-muted-foreground">
-                    {person.email}
-                  </p>
-                ) : null}
-              </div>
-            </li>
-          )
-        })}
-      </ul>
-    </TooltipProvider>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/project-status-metrics-strip.tsx

@@ -1,88 +0,0 @@
-import {
-  CalendarDays,
-  CheckSquare,
-  Layers,
-  TrendingUp,
-  Users,
-} from "lucide-react"
-
-import { MetricStatCard } from "@/components/board/metric-stat-card"
-import { ProjectContributorsPanel } from "@/components/board/project-contributors-panel"
-import type { ProjectStatusMetrics } from "@/lib/taskmark/project-metrics"
-import { formatSpeedPtsPerWeek } from "@/lib/taskmark/project-metrics"
-
-type ProjectStatusMetricsStripProps = {
-  metrics: ProjectStatusMetrics
-}
-
-export function ProjectStatusMetricsStrip({
-  metrics,
-}: ProjectStatusMetricsStripProps) {
-  const speedLabel = formatSpeedPtsPerWeek(metrics.currentSpeedPtsPerWeek)
-
-  return (
-    <section
-      className="flex flex-col gap-4"
-      aria-label="Project status metrics"
-    >
-      <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4">
-        <MetricStatCard
-          title="Total work items"
-          value={metrics.totalWorkItems}
-          subtitle="Stories, bugs, and tasks"
-          accentClassName="bg-violet-400"
-          icon={<Layers className="size-4" strokeWidth={2.5} />}
-        />
-        <MetricStatCard
-          title="Complete work items"
-          value={metrics.completeWorkItems}
-          subtitle="Status done"
-          accentClassName="bg-pink-400"
-          icon={<CheckSquare className="size-4" strokeWidth={2.5} />}
-        />
-        <MetricStatCard
-          title="Current week"
-          value={metrics.currentWeekPointsDone}
-          subtitle={
-            metrics.currentWeekPointsDone > 0
-              ? "pts done this ISO week"
-              : "No completed points this week"
-          }
-          accentClassName="bg-emerald-400"
-          icon={<CalendarDays className="size-4" strokeWidth={2.5} />}
-        />
-        <MetricStatCard
-          title="Current speed"
-          value={speedLabel}
-          subtitle={
-            metrics.currentSpeedPtsPerWeek == null
-              ? "No completed tasks yet"
-              : `pts/week · ${metrics.speedWeekCount} active weeks (90d)`
-          }
-          accentClassName="bg-sky-400"
-          icon={<TrendingUp className="size-4" strokeWidth={2.5} />}
-        />
-      </div>
-
-      <div className="border-2 border-black bg-white p-4">
-        <div className="mb-3 flex items-center gap-2">
-          <div
-            className="flex size-8 items-center justify-center border-2 border-black bg-amber-300 text-black shadow-[3px_3px_0_0_#000]"
-            aria-hidden
-          >
-            <Users className="size-4" strokeWidth={2.5} />
-          </div>
-          <div>
-            <h2 className="text-sm font-medium text-neutral-800">
-              Contributors
-            </h2>
-            <p className="text-xs text-muted-foreground">
-              People who reported or resolved work on this board
-            </p>
-          </div>
-        </div>
-        <ProjectContributorsPanel contributors={metrics.contributors} />
-      </div>
-    </section>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/sortable-table-head.tsx

@@ -1,69 +0,0 @@
-"use client"
-
-import { ArrowDownIcon, ArrowUpIcon } from "lucide-react"
-
-import { TableHead } from "@/components/ui/table"
-import { cn } from "@/lib/utils"
-import type { TableSortDirection, TableSortKey } from "@/lib/taskmark/table-sort"
-
-type SortableTableHeadProps = {
-  label: string
-  sortKey: TableSortKey
-  activeKey: TableSortKey | null
-  direction: TableSortDirection | null
-  onSort: (key: TableSortKey) => void
-  className?: string
-  /** Header label alignment (default start / left). */
-  align?: "start" | "center" | "end"
-}
-
-export function SortableTableHead({
-  label,
-  sortKey,
-  activeKey,
-  direction,
-  onSort,
-  className,
-  align = "start",
-}: SortableTableHeadProps) {
-  const active = activeKey === sortKey
-  const ariaSort = active
-    ? direction === "asc"
-      ? "ascending"
-      : "descending"
-    : "none"
-
-  return (
-    <TableHead
-      aria-sort={ariaSort}
-      className={cn("p-0", className)}
-    >
-      <button
-        type="button"
-        onClick={() => onSort(sortKey)}
-        className={cn(
-          "inline-flex h-10 w-full items-center gap-1.5 px-2 font-medium whitespace-nowrap",
-          "rounded-sm hover:bg-muted/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-          active ? "text-foreground" : "text-foreground/80",
-          align === "center" && "justify-center text-center",
-          align === "end" && "justify-end text-right",
-          align === "start" && "justify-start text-left"
-        )}
-      >
-        <span>{label}</span>
-        {active && direction === "asc" ? (
-          <ArrowUpIcon className="size-3.5 shrink-0 text-foreground" aria-hidden />
-        ) : active && direction === "desc" ? (
-          <ArrowDownIcon className="size-3.5 shrink-0 text-foreground" aria-hidden />
-        ) : null}
-        <span className="sr-only">
-          {!active
-            ? "activate to sort ascending"
-            : direction === "asc"
-              ? "sorted ascending; activate to sort descending"
-              : "sorted descending; activate to clear sort"}
-        </span>
-      </button>
-    </TableHead>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/status-badge.tsx

@@ -1,82 +0,0 @@
-import { Badge } from "@/components/ui/badge"
-import { cn } from "@/lib/utils"
-
-export function formatStatusLabel(status: string): string {
-  return status.replaceAll("_", " ")
-}
-
-export function statusBadgeClass(status: string): string {
-  switch (status) {
-    case "done":
-      return "border-black bg-[var(--chart-4)] text-black"
-    case "in_progress":
-      return "border-black bg-[var(--chart-1)] text-black"
-    case "blocked":
-      return "border-black bg-destructive text-destructive-foreground"
-    case "cancelled":
-      return "border-black bg-muted text-muted-foreground line-through"
-    case "backlog":
-      return "border-black bg-[var(--chart-3)] text-black"
-    default:
-      return "border-black bg-card text-foreground"
-  }
-}
-
-export function typeBadgeClass(type: string): string {
-  if (type === "bug") {
-    return "border-black bg-destructive/15 text-destructive"
-  }
-  if (type === "epic") {
-    return "border-black bg-[var(--chart-1)]/40 text-black"
-  }
-  if (type === "story") {
-    return "border-black bg-[var(--chart-3)]/50 text-black"
-  }
-  return "border-black bg-[var(--chart-2)] text-black"
-}
-
-export function formatPriorityLabel(priority: string): string {
-  return priority.replaceAll("_", " ")
-}
-
-export function priorityBadgeClass(priority: string): string {
-  switch (priority.toLowerCase()) {
-    case "critical":
-      return "border-black bg-destructive text-destructive-foreground"
-    case "high":
-      return "border-black bg-[var(--chart-1)] text-black"
-    case "medium":
-      return "border-black bg-[var(--chart-3)] text-black"
-    case "low":
-      return "border-black bg-muted text-muted-foreground"
-    default:
-      return "border-black bg-card text-foreground"
-  }
-}
-
-export function StatusBadge({ status }: { status: string }) {
-  return (
-    <Badge variant="outline" className={cn(statusBadgeClass(status))}>
-      {formatStatusLabel(status)}
-    </Badge>
-  )
-}
-
-export function TypeBadge({ type }: { type: string }) {
-  return (
-    <Badge variant="outline" className={cn(typeBadgeClass(type))}>
-      {type}
-    </Badge>
-  )
-}
-
-export function PriorityBadge({ priority }: { priority: string }) {
-  return (
-    <Badge
-      variant="outline"
-      className={cn("capitalize", priorityBadgeClass(priority))}
-    >
-      {formatPriorityLabel(priority)}
-    </Badge>
-  )
-}