@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.28.1 → 0.5.0-beta.29.1

package/dist/components/ui/data-table/data-table.js

@@ -0,0 +1,293 @@
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { useSensors as xe, useSensor as A, PointerSensor as ye, KeyboardSensor as Ce, DndContext as we, closestCenter as De, DragOverlay as Te } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as _e } from "@dnd-kit/modifiers";
+import { sortableKeyboardCoordinates as Ne, arrayMove as Ie, SortableContext as Re, horizontalListSortingStrategy as He, useSortable as Me } from "@dnd-kit/sortable";
+import { CSS as Oe } from "@dnd-kit/utilities";
+import { useReactTable as ke, getPaginationRowModel as ze, getSortedRowModel as Ve, getCoreRowModel as Ee, flexRender as B } from "@tanstack/react-table";
+import { GripVerticalIcon as Ae, ArrowUpIcon as Le, ArrowDownIcon as Ke, ArrowUpDownIcon as Pe } from "lucide-react";
+import * as s from "react";
+import { DataTablePagination as je } from "./data-table-pagination.js";
+import { Table as L, TableHeader as K, TableRow as D, TableBody as P, TableHead as G, TableCell as j } from "../table.js";
+import { cn as S } from "../../../lib/utils.js";
+const X = s.createContext(null);
+function tt() {
+  const o = s.useContext(X);
+  if (!o)
+    throw new Error("useDataTable must be used within a <DataTable>");
+  return o;
+}
+function Fe({
+  header: o,
+  children: a,
+  position: l,
+  numeric: i
+}) {
+  const {
+    attributes: n,
+    listeners: g,
+    setNodeRef: v,
+    transform: m,
+    transition: T,
+    isDragging: f
+  } = Me({ id: o.column.id }), _ = {
+    transform: Oe.Transform.toString(
+      m ? { ...m, scaleX: 1, scaleY: 1 } : null
+    ),
+    transition: T,
+    position: "relative"
+  };
+  return /* @__PURE__ */ t(
+    G,
+    {
+      ref: v,
+      style: _,
+      variant: i ? "numeric" : void 0,
+      className: S(
+        "group/header transition-shadow duration-150",
+        !f && l === "first" && "hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",
+        !f && l === "last" && "hover:shadow-[inset_1px_0_0_0_var(--color-border)]",
+        !f && l === "middle" && "hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",
+        f && "opacity-40"
+      ),
+      children: /* @__PURE__ */ b("div", { className: S("flex items-center gap-1", i && "flex-row-reverse"), children: [
+        /* @__PURE__ */ t("div", { className: "flex-1", children: a }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            "data-drag-handle": "",
+            className: "cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity",
+            ...n,
+            ...g,
+            children: /* @__PURE__ */ t(Ae, { className: "size-3.5" })
+          }
+        )
+      ] })
+    }
+  );
+}
+function F({
+  header: o,
+  enableSorting: a,
+  numericColumns: l,
+  columnLabels: i
+}) {
+  if (o.isPlaceholder) return null;
+  const n = a && o.column.getCanSort(), g = o.column.getIsSorted(), v = l.has(o.column.id);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: S(
+        "flex items-center gap-1",
+        n && "group/sort cursor-pointer select-none",
+        v && "flex-row-reverse"
+      ),
+      onClick: n ? o.column.getToggleSortingHandler() : void 0,
+      onKeyDown: (m) => {
+        (m.key === "Enter" || m.key === " ") && n && o.column.getToggleSortingHandler();
+      },
+      children: [
+        i[o.column.id] ?? B(o.column.columnDef.header, o.getContext()),
+        n && /* @__PURE__ */ t(
+          "span",
+          {
+            className: S(
+              !g && "opacity-0 group-hover/sort:opacity-100 transition-opacity"
+            ),
+            children: g === "asc" ? /* @__PURE__ */ t(Le, { className: "size-3.5 text-foreground" }) : g === "desc" ? /* @__PURE__ */ t(Ke, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ t(Pe, { className: "size-3.5 text-muted-foreground" })
+          }
+        )
+      ]
+    }
+  );
+}
+function U({
+  table: o,
+  columns: a,
+  numericColumns: l
+}) {
+  return o.getRowModel().rows.length === 0 ? /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(j, { colSpan: a.length, className: "h-24 text-center text-muted-foreground", children: "No results." }) }) : o.getRowModel().rows.map((i) => /* @__PURE__ */ t(D, { "data-state": i.getIsSelected() ? "selected" : void 0, children: i.getVisibleCells().map((n) => /* @__PURE__ */ t(j, { variant: l.has(n.column.id) ? "numeric" : void 0, children: B(n.column.columnDef.cell, n.getContext()) }, n.id)) }, i.id));
+}
+function Ue(o) {
+  const a = [], l = [], i = [];
+  return s.Children.forEach(o, (n) => {
+    s.isValidElement(n) && n.type === Be ? a.push(n) : s.isValidElement(n) && n.type === je ? l.push(n) : i.push(n);
+  }), { toolbarSlots: a, paginationSlots: l, restSlots: i };
+}
+function ot({
+  columns: o,
+  data: a,
+  toolbar: l,
+  enableSorting: i = !1,
+  enableColumnVisibility: n = !1,
+  children: g,
+  columnOrder: v,
+  onColumnOrderChange: m,
+  columnVisibility: T,
+  onColumnVisibilityChange: f,
+  columnLabels: _,
+  onColumnLabelChange: H,
+  enablePagination: y = !1,
+  defaultPageSize: Y = 10,
+  pagination: N,
+  onPaginationChange: I,
+  enableColumnReorder: q = !1,
+  density: M = "default",
+  className: J,
+  variant: O = "card",
+  containerClassName: k
+}) {
+  const [Q, W] = s.useState([]), [Z, $] = s.useState({}), [ee, te] = s.useState([]), [oe, ne] = s.useState({}), [re, se] = s.useState({
+    pageIndex: 0,
+    pageSize: Y
+  }), ie = N ?? re, R = T ?? Z, p = v ?? ee, C = _ ?? oe, ae = s.useMemo(() => {
+    if (y)
+      return I ? (e) => {
+        const r = typeof e == "function" ? e(N) : e;
+        I(r);
+      } : se;
+  }, [y, I, N]), le = s.useMemo(() => {
+    if (n)
+      return (e) => {
+        const r = typeof e == "function" ? e(R) : e;
+        (f ?? $)(r);
+      };
+  }, [n, R, f]), ce = s.useCallback(
+    (e) => {
+      const r = typeof e == "function" ? e(p) : e;
+      (m ?? te)(r);
+    },
+    [p, m]
+  ), d = ke({
+    data: a,
+    columns: o,
+    state: {
+      sorting: i ? Q : void 0,
+      columnVisibility: n ? R : void 0,
+      columnOrder: p.length > 0 ? p : void 0,
+      ...y ? { pagination: ie } : {}
+    },
+    onSortingChange: i ? W : void 0,
+    onPaginationChange: ae,
+    onColumnVisibilityChange: le,
+    onColumnOrderChange: ce,
+    getCoreRowModel: Ee(),
+    getSortedRowModel: i ? Ve() : void 0,
+    getPaginationRowModel: y ? ze() : void 0
+  }), de = s.useCallback(
+    (e, r) => {
+      (H ?? ((c, u) => ne((w) => ({ ...w, [c]: u }))))(e, r);
+    },
+    [H]
+  ), ue = xe(
+    A(ye, { activationConstraint: { distance: 5 } }),
+    A(Ce, { coordinateGetter: Ne })
+  ), [z, V] = s.useState(null), me = s.useCallback(
+    (e) => {
+      V(String(e.active.id));
+    },
+    []
+  ), ge = s.useCallback(
+    (e) => {
+      V(null);
+      const { active: r, over: c } = e;
+      if (!c || r.id === c.id) return;
+      const u = p.length > 0 ? p : d.getAllLeafColumns().map((ve) => ve.id), w = u.indexOf(String(r.id)), E = u.indexOf(String(c.id));
+      if (w === -1 || E === -1) return;
+      const Se = Ie(u, w, E);
+      d.setColumnOrder(Se);
+    },
+    [p, d]
+  ), x = z ? d.getFlatHeaders().find((e) => e.column.id === z) : null, h = s.useMemo(() => {
+    if (a.length === 0) return /* @__PURE__ */ new Set();
+    const e = a[0], r = /* @__PURE__ */ new Set();
+    for (const c of o) {
+      const u = "accessorKey" in c ? String(c.accessorKey) : "";
+      u && typeof e[u] == "number" && r.add(u);
+    }
+    return r;
+  }, [a, o]), fe = {
+    table: d,
+    columnLabels: C,
+    setColumnLabel: de
+  }, { toolbarSlots: pe, paginationSlots: he, restSlots: be } = Ue(g);
+  return /* @__PURE__ */ t(X.Provider, { value: fe, children: /* @__PURE__ */ b("div", { "data-slot": "data-table", className: S("w-full space-y-2", J), children: [
+    l,
+    pe,
+    q ? /* @__PURE__ */ b(
+      we,
+      {
+        sensors: ue,
+        collisionDetection: De,
+        modifiers: [_e],
+        onDragStart: me,
+        onDragEnd: ge,
+        children: [
+          /* @__PURE__ */ t(
+            Re,
+            {
+              items: d.getFlatHeaders().map((e) => e.column.id),
+              strategy: He,
+              children: /* @__PURE__ */ b(L, { "data-density": M, variant: O, containerClassName: k, children: [
+                /* @__PURE__ */ t(K, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ t(D, { children: e.headers.map((r, c) => /* @__PURE__ */ t(
+                  Fe,
+                  {
+                    header: r,
+                    position: c === 0 ? "first" : c === e.headers.length - 1 ? "last" : "middle",
+                    numeric: h.has(r.column.id),
+                    children: /* @__PURE__ */ t(
+                      F,
+                      {
+                        header: r,
+                        enableSorting: i,
+                        numericColumns: h,
+                        columnLabels: C
+                      }
+                    )
+                  },
+                  r.id
+                )) }, e.id)) }),
+                /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(U, { table: d, columns: o, numericColumns: h }) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ t(Te, { dropAnimation: null, children: x && /* @__PURE__ */ t("div", { className: "rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg", children: C[x.column.id] ?? (typeof x.column.columnDef.header == "string" ? x.column.columnDef.header : x.column.id) }) })
+        ]
+      }
+    ) : /* @__PURE__ */ b(L, { "data-density": M, variant: O, containerClassName: k, children: [
+      /* @__PURE__ */ t(K, { children: d.getHeaderGroups().map((e) => /* @__PURE__ */ t(D, { children: e.headers.map((r) => /* @__PURE__ */ t(G, { variant: h.has(r.column.id) ? "numeric" : void 0, children: /* @__PURE__ */ t(
+        F,
+        {
+          header: r,
+          enableSorting: i,
+          numericColumns: h,
+          columnLabels: C
+        }
+      ) }, r.id)) }, e.id)) }),
+      /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(U, { table: d, columns: o, numericColumns: h }) })
+    ] }),
+    he,
+    be
+  ] }) });
+}
+function Be({
+  className: o,
+  children: a,
+  ...l
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "table-toolbar",
+      className: S("flex items-center gap-2", o),
+      ...l,
+      children: a
+    }
+  );
+}
+export {
+  ot as DataTable,
+  Be as TableToolbar,
+  tt as useDataTable
+};
+//# sourceMappingURL=data-table.js.map

package/dist/components/ui/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  DragOverlay,\n  type DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToHorizontalAxis } from \"@dnd-kit/modifiers\"\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport {\n  type ColumnDef,\n  type ColumnOrderState,\n  type Header,\n  type PaginationState,\n  type SortingState,\n  type Table as TanStackTable,\n  type VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\"\nimport { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, GripVerticalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { DataTablePagination } from \"./data-table-pagination\"\n\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface TableContextValue<TData> {\n  table: TanStackTable<TData>\n  columnLabels: Record<string, string>\n  setColumnLabel: (columnId: string, label: string) => void\n}\n\nconst TableContext = React.createContext<TableContextValue<unknown> | null>(null)\n\nfunction useDataTable<TData = unknown>() {\n  const ctx = React.useContext(TableContext) as TableContextValue<TData> | null\n  if (!ctx) {\n    throw new Error(\"useDataTable must be used within a <DataTable>\")\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DraggableHeader\n// ---------------------------------------------------------------------------\n\nfunction DraggableHeader<TData>({\n  header,\n  children,\n  position,\n  numeric,\n}: {\n  header: Header<TData, unknown>\n  children: React.ReactNode\n  position?: \"first\" | \"last\" | \"middle\"\n  numeric?: boolean\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: header.column.id })\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(\n      transform ? { ...transform, scaleX: 1, scaleY: 1 } : null,\n    ),\n    transition,\n    position: \"relative\",\n  }\n\n  return (\n    <TableHead\n      ref={setNodeRef}\n      style={style}\n      variant={numeric ? \"numeric\" : undefined}\n      className={cn(\n        \"group/header transition-shadow duration-150\",\n        !isDragging && position === \"first\" && \"hover:shadow-[inset_-1px_0_0_0_var(--color-border)]\",\n        !isDragging && position === \"last\" && \"hover:shadow-[inset_1px_0_0_0_var(--color-border)]\",\n        !isDragging && position === \"middle\" && \"hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]\",\n        isDragging && \"opacity-40\",\n      )}\n    >\n      <div className={cn(\"flex items-center gap-1\", numeric && \"flex-row-reverse\")}>\n        <div className=\"flex-1\">{children}</div>\n        <button\n          type=\"button\"\n          data-drag-handle=\"\"\n          className=\"cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity\"\n          {...attributes}\n          {...listeners}\n        >\n          <GripVerticalIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    </TableHead>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Shared header / body renderers (extracted to reduce cognitive complexity)\n// ---------------------------------------------------------------------------\n\ninterface SortableHeaderContentProps {\n  header: Header<unknown, unknown>\n  enableSorting: boolean\n  numericColumns: Set<string>\n  columnLabels: Record<string, string>\n}\n\nfunction SortableHeaderContent({\n  header,\n  enableSorting,\n  numericColumns,\n  columnLabels,\n}: SortableHeaderContentProps) {\n  if (header.isPlaceholder) return null\n  const canSort = enableSorting && header.column.getCanSort()\n  const sorted = header.column.getIsSorted()\n  const isNumeric = numericColumns.has(header.column.id)\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-1\",\n        canSort && \"group/sort cursor-pointer select-none\",\n        isNumeric && \"flex-row-reverse\",\n      )}\n      onClick={canSort ? header.column.getToggleSortingHandler() : undefined}\n      onKeyDown={(e) => {\n        if ((e.key === \"Enter\" || e.key === \" \") && canSort) {\n          header.column.getToggleSortingHandler()\n        }\n      }}\n    >\n      {columnLabels[header.column.id] ??\n        flexRender(header.column.columnDef.header, header.getContext())}\n      {canSort && (\n        <span\n          className={cn(\n            !sorted && \"opacity-0 group-hover/sort:opacity-100 transition-opacity\",\n          )}\n        >\n          {sorted === \"asc\" ? (\n            <ArrowUpIcon className=\"size-3.5 text-foreground\" />\n          ) : sorted === \"desc\" ? (\n            <ArrowDownIcon className=\"size-3.5 text-foreground\" />\n          ) : (\n            <ArrowUpDownIcon className=\"size-3.5 text-muted-foreground\" />\n          )}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction DataTableRows<TData>({\n  table,\n  columns,\n  numericColumns,\n}: {\n  table: TanStackTable<TData>\n  columns: ColumnDef<TData, unknown>[]\n  numericColumns: Set<string>\n}) {\n  if (table.getRowModel().rows.length === 0) {\n    return (\n      <TableRow>\n        <TableCell colSpan={columns.length} className=\"h-24 text-center text-muted-foreground\">\n          No results.\n        </TableCell>\n      </TableRow>\n    )\n  }\n\n  return table.getRowModel().rows.map((row) => (\n    <TableRow key={row.id} data-state={row.getIsSelected() ? \"selected\" : undefined}>\n      {row.getVisibleCells().map((cell) => (\n        <TableCell key={cell.id} variant={numericColumns.has(cell.column.id) ? \"numeric\" : undefined}>\n          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n        </TableCell>\n      ))}\n    </TableRow>\n  ))\n}\n\n// ---------------------------------------------------------------------------\n// Slot categorization\n// ---------------------------------------------------------------------------\n\nfunction categorizeSlots(children: React.ReactNode) {\n  const toolbarSlots: React.ReactNode[] = []\n  const paginationSlots: React.ReactNode[] = []\n  const restSlots: React.ReactNode[] = []\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child) && child.type === TableToolbar) {\n      toolbarSlots.push(child)\n    } else if (React.isValidElement(child) && child.type === DataTablePagination) {\n      paginationSlots.push(child)\n    } else {\n      restSlots.push(child)\n    }\n  })\n  return { toolbarSlots, paginationSlots, restSlots }\n}\n\n// ---------------------------------------------------------------------------\n// DataTable\n// ---------------------------------------------------------------------------\n\ninterface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n  /** @deprecated Use `<TableToolbar>` as a child instead */\n  toolbar?: React.ReactNode\n  enableSorting?: boolean\n  enableColumnVisibility?: boolean\n  columnOrder?: ColumnOrderState\n  onColumnOrderChange?: (order: ColumnOrderState) => void\n  columnVisibility?: VisibilityState\n  onColumnVisibilityChange?: (vis: VisibilityState) => void\n  columnLabels?: Record<string, string>\n  onColumnLabelChange?: (columnId: string, label: string) => void\n  enablePagination?: boolean\n  defaultPageSize?: number\n  pagination?: PaginationState\n  onPaginationChange?: (pagination: PaginationState) => void\n  enableColumnReorder?: boolean\n  density?: \"compact\" | \"default\" | \"relaxed\"\n  children?: React.ReactNode\n  className?: string\n  /** Variant passed to the base Table component */\n  variant?: React.ComponentProps<typeof Table>[\"variant\"]\n  /** className passed to the base Table's container div */\n  containerClassName?: React.ComponentProps<typeof Table>[\"containerClassName\"]\n}\n\nfunction DataTable<TData, TValue>({\n  columns,\n  data,\n  toolbar,\n  enableSorting = false,\n  enableColumnVisibility = false,\n  children,\n  columnOrder: controlledColumnOrder,\n  onColumnOrderChange,\n  columnVisibility: controlledColumnVisibility,\n  onColumnVisibilityChange,\n  columnLabels: controlledColumnLabels,\n  onColumnLabelChange,\n  enablePagination = false,\n  defaultPageSize = 10,\n  pagination: controlledPagination,\n  onPaginationChange,\n  enableColumnReorder = false,\n  density = \"default\",\n  className,\n  variant = \"card\",\n  containerClassName,\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = React.useState<SortingState>([])\n  const [internalColumnVisibility, setInternalColumnVisibility] =\n    React.useState<VisibilityState>({})\n  const [internalColumnOrder, setInternalColumnOrder] =\n    React.useState<ColumnOrderState>([])\n  const [internalColumnLabels, setInternalColumnLabels] = React.useState<\n    Record<string, string>\n  >({})\n  const [internalPagination, setInternalPagination] =\n    React.useState<PaginationState>({\n      pageIndex: 0,\n      pageSize: defaultPageSize,\n    })\n\n  const pagination = controlledPagination ?? internalPagination\n\n  const columnVisibility =\n    controlledColumnVisibility ?? internalColumnVisibility\n  const columnOrder = controlledColumnOrder ?? internalColumnOrder\n  const columnLabels = controlledColumnLabels ?? internalColumnLabels\n\n  const handlePaginationChange = React.useMemo(() => {\n    if (!enablePagination) return\n    if (onPaginationChange) {\n      return (updater: PaginationState | ((prev: PaginationState) => PaginationState)) => {\n        const next = typeof updater === \"function\" ? updater(controlledPagination!) : updater\n        onPaginationChange(next)\n      }\n    }\n    return setInternalPagination\n  }, [enablePagination, onPaginationChange, controlledPagination])\n\n  const handleVisibilityChange = React.useMemo(() => {\n    if (!enableColumnVisibility) return\n    return (updater: VisibilityState | ((prev: VisibilityState) => VisibilityState)) => {\n      const next = typeof updater === \"function\" ? updater(columnVisibility) : updater\n      ;(onColumnVisibilityChange ?? setInternalColumnVisibility)(next)\n    }\n  }, [enableColumnVisibility, columnVisibility, onColumnVisibilityChange])\n\n  const handleColumnOrderChange = React.useCallback(\n    (updater: ColumnOrderState | ((prev: ColumnOrderState) => ColumnOrderState)) => {\n      const next = typeof updater === \"function\" ? updater(columnOrder) : updater\n      ;(onColumnOrderChange ?? setInternalColumnOrder)(next)\n    },\n    [columnOrder, onColumnOrderChange],\n  )\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      sorting: enableSorting ? sorting : undefined,\n      columnVisibility: enableColumnVisibility ? columnVisibility : undefined,\n      columnOrder: columnOrder.length > 0 ? columnOrder : undefined,\n      ...(enablePagination ? { pagination } : {}),\n    },\n    onSortingChange: enableSorting ? setSorting : undefined,\n    onPaginationChange: handlePaginationChange,\n    onColumnVisibilityChange: handleVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n    getPaginationRowModel: enablePagination ? getPaginationRowModel() : undefined,\n  })\n\n  const setColumnLabel = React.useCallback(\n    (columnId: string, label: string) => {\n      ;(onColumnLabelChange ?? ((id: string, l: string) => setInternalColumnLabels((prev) => ({ ...prev, [id]: l }))))(columnId, label)\n    },\n    [onColumnLabelChange],\n  )\n\n  const reorderSensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  )\n\n  const [draggingColumnId, setDraggingColumnId] = React.useState<string | null>(null)\n\n  const handleColumnDragStart = React.useCallback(\n    (event: DragStartEvent) => {\n      setDraggingColumnId(String(event.active.id))\n    },\n    [],\n  )\n\n  const handleColumnDragEnd = React.useCallback(\n    (event: DragEndEvent) => {\n      setDraggingColumnId(null)\n      const { active, over } = event\n      if (!over || active.id === over.id) return\n      const currentOrder =\n        columnOrder.length > 0 ? columnOrder : table.getAllLeafColumns().map((column) => column.id)\n      const oldIdx = currentOrder.indexOf(String(active.id))\n      const newIdx = currentOrder.indexOf(String(over.id))\n      if (oldIdx === -1 || newIdx === -1) return\n      const newOrder = arrayMove(currentOrder, oldIdx, newIdx)\n      table.setColumnOrder(newOrder)\n    },\n    [columnOrder, table],\n  )\n\n  const draggingHeader = draggingColumnId\n    ? table.getFlatHeaders().find((h) => h.column.id === draggingColumnId)\n    : null\n\n  // Infer which columns are numeric from the first data row\n  const numericColumns = React.useMemo(() => {\n    if (data.length === 0) return new Set<string>()\n    const first = data[0] as Record<string, unknown>\n    const ids = new Set<string>()\n    for (const col of columns) {\n      const key = \"accessorKey\" in col ? String(col.accessorKey) : \"\"\n      if (key && typeof first[key] === \"number\") ids.add(key)\n    }\n    return ids\n  }, [data, columns])\n\n  // Not memoized: TanStack's table instance is a stable reference that mutates\n  // internally, so children reading table.getState() need fresh context on each render.\n  const ctx = {\n    table,\n    columnLabels,\n    setColumnLabel,\n  } as TableContextValue<unknown>\n\n  const { toolbarSlots, paginationSlots, restSlots } = categorizeSlots(children)\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div data-slot=\"data-table\" className={cn(\"w-full space-y-2\", className)}>\n        {toolbar}\n        {toolbarSlots}\n        {enableColumnReorder ? (\n          <DndContext\n            sensors={reorderSensors}\n            collisionDetection={closestCenter}\n            modifiers={[restrictToHorizontalAxis]}\n            onDragStart={handleColumnDragStart}\n            onDragEnd={handleColumnDragEnd}\n          >\n            <SortableContext\n              items={table.getFlatHeaders().map((h) => h.column.id)}\n              strategy={horizontalListSortingStrategy}\n            >\n              <Table data-density={density} variant={variant} containerClassName={containerClassName}>\n                <TableHeader>\n                  {table.getHeaderGroups().map((headerGroup) => (\n                    <TableRow key={headerGroup.id}>\n                      {headerGroup.headers.map((header, headerIdx) => (\n                        <DraggableHeader\n                          key={header.id}\n                          header={header}\n                          position={headerIdx === 0 ? \"first\" : headerIdx === headerGroup.headers.length - 1 ? \"last\" : \"middle\"}\n                          numeric={numericColumns.has(header.column.id)}\n                        >\n                          <SortableHeaderContent\n                            header={header as Header<unknown, unknown>}\n                            enableSorting={enableSorting}\n                            numericColumns={numericColumns}\n                            columnLabels={columnLabels}\n                          />\n                        </DraggableHeader>\n                      ))}\n                    </TableRow>\n                  ))}\n                </TableHeader>\n                <TableBody>\n                  <DataTableRows table={table} columns={columns} numericColumns={numericColumns} />\n                </TableBody>\n              </Table>\n            </SortableContext>\n            <DragOverlay dropAnimation={null}>\n              {draggingHeader && (\n                <div className=\"rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg\">\n                  {columnLabels[draggingHeader.column.id] ??\n                    (typeof draggingHeader.column.columnDef.header === \"string\"\n                      ? draggingHeader.column.columnDef.header\n                      : draggingHeader.column.id)}\n                </div>\n              )}\n            </DragOverlay>\n          </DndContext>\n        ) : (\n          <Table data-density={density} variant={variant} containerClassName={containerClassName}>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableRow key={headerGroup.id}>\n                  {headerGroup.headers.map((header) => (\n                    <TableHead key={header.id} variant={numericColumns.has(header.column.id) ? \"numeric\" : undefined}>\n                      <SortableHeaderContent\n                        header={header as Header<unknown, unknown>}\n                        enableSorting={enableSorting}\n                        numericColumns={numericColumns}\n                        columnLabels={columnLabels}\n                      />\n                    </TableHead>\n                  ))}\n                </TableRow>\n              ))}\n            </TableHeader>\n            <TableBody>\n              <DataTableRows table={table} columns={columns} numericColumns={numericColumns} />\n            </TableBody>\n          </Table>\n        )}\n        {paginationSlots}\n        {restSlots}\n      </div>\n    </TableContext.Provider>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// TableToolbar\n// ---------------------------------------------------------------------------\n\nfunction TableToolbar({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"table-toolbar\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport { DataTable, TableToolbar, useDataTable }\nexport type { DataTableProps }\n"],"names":["TableContext","React","useDataTable","ctx","DraggableHeader","header","children","position","numeric","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","TableHead","cn","GripVerticalIcon","SortableHeaderContent","enableSorting","numericColumns","columnLabels","canSort","sorted","isNumeric","jsxs","e","flexRender","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","DataTableRows","table","columns","TableRow","TableCell","row","cell","categorizeSlots","toolbarSlots","paginationSlots","restSlots","child","TableToolbar","DataTablePagination","DataTable","data","toolbar","enableColumnVisibility","controlledColumnOrder","onColumnOrderChange","controlledColumnVisibility","onColumnVisibilityChange","controlledColumnLabels","onColumnLabelChange","enablePagination","defaultPageSize","controlledPagination","onPaginationChange","enableColumnReorder","density","className","variant","containerClassName","sorting","setSorting","internalColumnVisibility","setInternalColumnVisibility","internalColumnOrder","setInternalColumnOrder","internalColumnLabels","setInternalColumnLabels","internalPagination","setInternalPagination","pagination","columnVisibility","columnOrder","handlePaginationChange","updater","next","handleVisibilityChange","handleColumnOrderChange","useReactTable","getCoreRowModel","getSortedRowModel","getPaginationRowModel","setColumnLabel","columnId","label","id","l","prev","reorderSensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","draggingColumnId","setDraggingColumnId","handleColumnDragStart","event","handleColumnDragEnd","active","over","currentOrder","column","oldIdx","newIdx","newOrder","arrayMove","draggingHeader","h","first","ids","col","key","DndContext","closestCenter","restrictToHorizontalAxis","SortableContext","horizontalListSortingStrategy","Table","TableHeader","headerGroup","headerIdx","TableBody","DragOverlay","props"],"mappings":"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"}

package/dist/components/ui/table.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("../../lib/utils.cjs");function o({className:e,...t}){return a.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:a.jsx("table",{"data-slot":"table",className:l.cn("w-full caption-bottom text-sm",e),...t})})}function r({className:e,...t}){return a.jsx("thead",{"data-slot":"table-header",className:l.cn("[&_tr]:border-b",e),...t})}function n({className:e,...t}){return a.jsx("tbody",{"data-slot":"table-body",className:l.cn("[&_tr:last-child]:border-0",e),...t})}function s({className:e,...t}){return a.jsx("tfoot",{"data-slot":"table-footer",className:l.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t})}function d({className:e,...t}){return a.jsx("tr",{"data-slot":"table-row",className:l.cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t})}function b({className:e,...t}){return a.jsx("th",{"data-slot":"table-head",className:l.cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",e),...t})}function c({className:e,...t}){return a.jsx("td",{"data-slot":"table-cell",className:l.cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",e),...t})}function i({className:e,...t}){return a.jsx("caption",{"data-slot":"table-caption",className:l.cn("mt-4 text-sm text-muted-foreground",e),...t})}exports.Table=o;exports.TableBody=n;exports.TableCaption=i;exports.TableCell=c;exports.TableFooter=s;exports.TableHead=b;exports.TableHeader=r;exports.TableRow=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../lib/utils.cjs");function n({className:e,containerClassName:t,variant:r,...l}){return a.jsx("div",{"data-slot":"table-container","data-variant":r,className:o.cn("relative w-full overflow-auto",r==="card"&&"rounded-lg border bg-card",t),children:a.jsx("table",{"data-slot":"table",className:o.cn("w-full caption-bottom text-sm",e),...l})})}function d({className:e,variant:t,...r}){return a.jsx("thead",{"data-slot":"table-header",className:o.cn("bg-muted/50 [&_tr]:border-b",t==="sticky"&&"sticky top-0 z-10 bg-background",e),...r})}function s({className:e,...t}){return a.jsx("tbody",{"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",e),...t})}function c({className:e,...t}){return a.jsx("tfoot",{"data-slot":"table-footer",className:o.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t})}function i({className:e,...t}){return a.jsx("tr",{"data-slot":"table-row",className:o.cn("group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50",e),...t})}function b({className:e,variant:t,...r}){return a.jsx("th",{"data-slot":"table-head",className:o.cn("h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",t==="numeric"&&"text-right",t==="action"&&"w-10",e),...r})}function u({className:e,variant:t,...r}){return a.jsx("td",{"data-slot":"table-cell",className:o.cn("p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",t==="numeric"&&"text-right tabular-nums",t==="action"&&"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",e),...r})}function m({className:e,...t}){return a.jsx("caption",{"data-slot":"table-caption",className:o.cn("mt-4 text-sm text-muted-foreground",e),...t})}exports.Table=n;exports.TableBody=s;exports.TableCaption=m;exports.TableCell=u;exports.TableFooter=c;exports.TableHead=b;exports.TableHeader=d;exports.TableRow=i;
 //# sourceMappingURL=table.cjs.map

package/dist/components/ui/table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.cjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"sJAIA,SAASA,EAAM,CAAE,UAAAC,EAAW,GAAGC,GAAwC,CACrE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,UAAU,kCAEV,SAAAA,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,gCAAiCH,CAAS,EACvD,GAAGC,CAAA,CAAA,CACN,CAAA,CAGN,CAEA,SAASG,EAAY,CAAE,UAAAJ,EAAW,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,kBAAmBH,CAAS,EACzC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAwC,CACzE,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EACpD,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAN,EAAW,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0DACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAS,CAAE,UAAAP,EAAW,GAAGC,GAAqC,CACrE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,8EACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAU,CAAE,UAAAR,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,+GACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAU,CAAE,UAAAT,EAAW,GAAGC,GAAqC,CACtE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,mEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASS,EAAa,CACpB,UAAAV,EACA,GAAGC,CACL,EAAoC,CAClC,OACEC,EAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"table.cjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n  className,\n  containerClassName,\n  variant,\n  ...props\n}: React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n  variant?: \"default\" | \"card\"\n}) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      data-variant={variant}\n      className={cn(\n        \"relative w-full overflow-auto\",\n        variant === \"card\" && \"rounded-lg border bg-card\",\n        containerClassName,\n      )}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"thead\"> & {\n  variant?: \"default\" | \"sticky\"\n}) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        \"bg-muted/50 [&_tr]:border-b\",\n        variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"th\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n        variant === \"numeric\" && \"text-right\",\n        variant === \"action\" && \"w-10\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"td\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n        variant === \"numeric\" && \"text-right tabular-nums\",\n        variant === \"action\" &&\n          \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"sJAIA,SAASA,EAAM,CACb,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAGG,CACD,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,eAAcF,EACd,UAAWG,EAAAA,GACT,gCACAH,IAAY,QAAU,4BACtBD,CAAA,EAGF,SAAAG,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGG,CAAA,CAAA,CACN,CAAA,CAGN,CAEA,SAASG,EAAY,CACnB,UAAAN,EACA,QAAAE,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,8BACAH,IAAY,UAAY,kCACxBF,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAP,EAAW,GAAGG,GAAwC,CACzE,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BL,CAAS,EACpD,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAR,EAAW,GAAGG,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0DACAL,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASM,EAAS,CAAE,UAAAT,EAAW,GAAGG,GAAqC,CACrE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,+JACAL,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASO,EAAU,CACjB,UAAAV,EACA,QAAAE,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,+GACA,+DACAH,IAAY,WAAa,aACzBA,IAAY,UAAY,OACxBF,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAU,CACjB,UAAAX,EACA,QAAAE,EACA,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,mEACA,gEACAH,IAAY,WAAa,0BACzBA,IAAY,UACV,uHACFF,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,CAEA,SAASS,EAAa,CACpB,UAAAZ,EACA,GAAGG,CACL,EAAoC,CAClC,OACEC,EAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,qCAAsCL,CAAS,EAC5D,GAAGG,CAAA,CAAA,CAGV"}

package/dist/components/ui/table.js

@@ -1,115 +1,147 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cn as o } from "../../lib/utils.js";
-function n({ className: t, ...e }) {
+function i({
+  className: e,
+  containerClassName: t,
+  variant: r,
+  ...d
+}) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
+      "data-variant": r,
+      className: o(
+        "relative w-full overflow-auto",
+        r === "card" && "rounded-lg border bg-card",
+        t
+      ),
       children: /* @__PURE__ */ a(
         "table",
         {
           "data-slot": "table",
-          className: o("w-full caption-bottom text-sm", t),
-          ...e
+          className: o("w-full caption-bottom text-sm", e),
+          ...d
         }
       )
     }
   );
 }
-function d({ className: t, ...e }) {
+function c({
+  className: e,
+  variant: t,
+  ...r
+}) {
   return /* @__PURE__ */ a(
     "thead",
     {
       "data-slot": "table-header",
-      className: o("[&_tr]:border-b", t),
-      ...e
+      className: o(
+        "bg-muted/50 [&_tr]:border-b",
+        t === "sticky" && "sticky top-0 z-10 bg-background",
+        e
+      ),
+      ...r
     }
   );
 }
-function s({ className: t, ...e }) {
+function s({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
       "data-slot": "table-body",
-      className: o("[&_tr:last-child]:border-0", t),
-      ...e
+      className: o("[&_tr:last-child]:border-0", e),
+      ...t
     }
   );
 }
-function b({ className: t, ...e }) {
+function b({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tfoot",
     {
       "data-slot": "table-footer",
       className: o(
         "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-        t
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function c({ className: t, ...e }) {
+function u({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tr",
     {
       "data-slot": "table-row",
       className: o(
-        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-        t
+        "group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50",
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function i({ className: t, ...e }) {
+function m({
+  className: e,
+  variant: t,
+  ...r
+}) {
   return /* @__PURE__ */ a(
     "th",
     {
       "data-slot": "table-head",
       className: o(
-        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
-        t
+        "h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        "in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",
+        t === "numeric" && "text-right",
+        t === "action" && "w-10",
+        e
       ),
-      ...e
+      ...r
     }
   );
 }
-function m({ className: t, ...e }) {
+function p({
+  className: e,
+  variant: t,
+  ...r
+}) {
   return /* @__PURE__ */ a(
     "td",
     {
       "data-slot": "table-cell",
       className: o(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
-        t
+        "p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        "in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",
+        t === "numeric" && "text-right tabular-nums",
+        t === "action" && "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",
+        e
       ),
-      ...e
+      ...r
     }
   );
 }
-function u({
-  className: t,
-  ...e
+function f({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "caption",
     {
       "data-slot": "table-caption",
-      className: o("mt-4 text-sm text-muted-foreground", t),
-      ...e
+      className: o("mt-4 text-sm text-muted-foreground", e),
+      ...t
     }
   );
 }
 export {
-  n as Table,
+  i as Table,
   s as TableBody,
-  u as TableCaption,
-  m as TableCell,
+  f as TableCaption,
+  p as TableCell,
   b as TableFooter,
-  i as TableHead,
-  d as TableHeader,
-  c as TableRow
+  m as TableHead,
+  c as TableHeader,
+  u as TableRow
 };
 //# sourceMappingURL=table.js.map

package/dist/components/ui/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,UACvD,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mBAAmBH,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAN,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU,EAAE,WAAAT,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAa;AAAA,EACpB,WAAAV;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n  className,\n  containerClassName,\n  variant,\n  ...props\n}: React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n  variant?: \"default\" | \"card\"\n}) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      data-variant={variant}\n      className={cn(\n        \"relative w-full overflow-auto\",\n        variant === \"card\" && \"rounded-lg border bg-card\",\n        containerClassName,\n      )}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"thead\"> & {\n  variant?: \"default\" | \"sticky\"\n}) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        \"bg-muted/50 [&_tr]:border-b\",\n        variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"th\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n        variant === \"numeric\" && \"text-right\",\n        variant === \"action\" && \"w-10\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"td\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n}) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n        variant === \"numeric\" && \"text-right tabular-nums\",\n        variant === \"action\" &&\n          \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcF;AAAA,MACd,WAAWG;AAAA,QACT;AAAA,QACAH,MAAY,UAAU;AAAA,QACtBD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCL,CAAS;AAAA,UACvD,GAAGG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH,MAAY,YAAY;AAAA,QACxBF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAP,GAAW,GAAGG,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BL,CAAS;AAAA,MACpD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAR,GAAW,GAAGG,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAT,GAAW,GAAGG,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU;AAAA,EACjB,WAAAV;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAH,MAAY,aAAa;AAAA,QACzBA,MAAY,YAAY;AAAA,QACxBF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU;AAAA,EACjB,WAAAX;AAAA,EACA,SAAAE;AAAA,EACA,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAH,MAAY,aAAa;AAAA,QACzBA,MAAY,YACV;AAAA,QACFF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAa;AAAA,EACpB,WAAAZ;AAAA,EACA,GAAGG;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCL,CAAS;AAAA,MAC5D,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}