@eifi1/ui-kit 0.4.0

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

@@ -0,0 +1,118 @@
+function resolveFilter(col) {
+  if (col.filter) return col.filter;
+  if (col.filterBy) return { type: "text", getValue: col.filterBy };
+  return null;
+}
+function isFilterActive(v) {
+  if (!v) return false;
+  switch (v.type) {
+    case "text":
+      return v.q.trim().length > 0;
+    case "select":
+      return v.values.length > 0;
+    case "date":
+      return !!v.from || !!v.to;
+    case "number":
+      return v.min !== "" || v.max !== "" || v.abs;
+  }
+}
+function rowMatches(col, row, state) {
+  const filter = resolveFilter(col);
+  if (!filter) return true;
+  switch (filter.type) {
+    case "text": {
+      if (state.type !== "text" || !state.q.trim()) return true;
+      return filter.getValue(row).toLowerCase().includes(state.q.trim().toLowerCase());
+    }
+    case "select": {
+      if (state.type !== "select" || state.values.length === 0) return true;
+      return state.values.includes(filter.getValue(row));
+    }
+    case "date": {
+      if (state.type !== "date") return true;
+      const raw = filter.getValue(row);
+      if (!raw) return !state.from && !state.to;
+      const v = raw.slice(0, 10);
+      if (state.from && v < state.from) return false;
+      if (state.to && v > state.to) return false;
+      return true;
+    }
+    case "number": {
+      if (state.type !== "number") return true;
+      const raw = filter.getValue(row);
+      if (raw == null || Number.isNaN(raw)) return !state.min && !state.max;
+      const x = state.abs ? Math.abs(raw) : raw;
+      if (state.min !== "" && x < Number(state.min)) return false;
+      if (state.max !== "" && x > Number(state.max)) return false;
+      return true;
+    }
+  }
+}
+function defaultFilterState(filter) {
+  switch (filter.type) {
+    case "text":
+      return { type: "text", q: "" };
+    case "select":
+      return { type: "select", values: [] };
+    case "date":
+      return { type: "date", from: "", to: "" };
+    case "number":
+      return { type: "number", min: "", max: "", abs: false };
+  }
+}
+function escapeSelectValue(v) {
+  return v.replace(/%/g, "%25").replace(/,/g, "%2C");
+}
+function unescapeSelectValue(v) {
+  return v.replace(/%2C/g, ",").replace(/%25/g, "%");
+}
+function encodeFilterValue(v) {
+  switch (v.type) {
+    case "text":
+      return v.q.trim() ? v.q : null;
+    case "select":
+      return v.values.length ? v.values.map(escapeSelectValue).join(",") : null;
+    case "date":
+      return v.from || v.to ? `${v.from}..${v.to}` : null;
+    case "number": {
+      const hasRange = v.min !== "" || v.max !== "";
+      if (!hasRange && !v.abs) return null;
+      return `${v.min}..${v.max}${v.abs ? "!" : ""}`;
+    }
+  }
+}
+function decodeFilterValueOfType(type, raw) {
+  switch (type) {
+    case "text":
+      return { type: "text", q: raw };
+    case "select":
+      return {
+        type: "select",
+        values: raw.split(",").filter((v) => v.length > 0).map(unescapeSelectValue)
+      };
+    case "date": {
+      const [from = "", to = ""] = raw.split("..");
+      return { type: "date", from, to };
+    }
+    case "number": {
+      let body = raw;
+      const abs = body.endsWith("!");
+      if (abs) body = body.slice(0, -1);
+      const [min = "", max = ""] = body.split("..");
+      return { type: "number", min, max, abs };
+    }
+  }
+}
+function decodeFilterValue(filter, raw) {
+  return decodeFilterValueOfType(filter.type, raw);
+}
+export {
+  decodeFilterValue,
+  decodeFilterValueOfType,
+  defaultFilterState,
+  encodeFilterValue,
+  isFilterActive,
+  resolveFilter,
+  rowMatches
+};
+//# sourceMappingURL=data-table-filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-table-filters.ts"],"sourcesContent":["import type { DataTableColumn } from \"./data-table\";\n\n/** How a column is filtered. `text`/`select`/`date`/`number` each read a value\n *  off the row and compare it against the user's {@link FilterValue}. */\nexport type ColumnFilter<T> =\n  | { type: \"text\"; getValue: (row: T) => string }\n  | { type: \"select\"; getValue: (row: T) => string; options?: { value: string; label?: string }[] }\n  | { type: \"date\"; getValue: (row: T) => string | null | undefined }\n  | { type: \"number\"; getValue: (row: T) => number | null | undefined };\n\n/** The current state of a column's filter (what the user has entered). */\nexport type FilterValue =\n  | { type: \"text\"; q: string }\n  | { type: \"select\"; values: string[] }\n  | { type: \"date\"; from: string; to: string }\n  | { type: \"number\"; min: string; max: string; abs: boolean };\n\n/** A column's filter config, falling back to a plain text filter over `filterBy`. */\nexport function resolveFilter<T>(col: DataTableColumn<T>): ColumnFilter<T> | null {\n  if (col.filter) return col.filter;\n  if (col.filterBy) return { type: \"text\", getValue: col.filterBy };\n  return null;\n}\n\n/** Whether a filter value is actually narrowing anything (vs its empty default). */\nexport function isFilterActive(v: FilterValue | undefined): boolean {\n  if (!v) return false;\n  switch (v.type) {\n    case \"text\":\n      return v.q.trim().length > 0;\n    case \"select\":\n      return v.values.length > 0;\n    case \"date\":\n      return !!v.from || !!v.to;\n    case \"number\":\n      return v.min !== \"\" || v.max !== \"\" || v.abs;\n  }\n}\n\n/** Whether `row` passes column `col`'s filter given the user's `state`. */\nexport function rowMatches<T>(col: DataTableColumn<T>, row: T, state: FilterValue): boolean {\n  const filter = resolveFilter(col);\n  if (!filter) return true;\n  switch (filter.type) {\n    case \"text\": {\n      if (state.type !== \"text\" || !state.q.trim()) return true;\n      return filter.getValue(row).toLowerCase().includes(state.q.trim().toLowerCase());\n    }\n    case \"select\": {\n      if (state.type !== \"select\" || state.values.length === 0) return true;\n      return state.values.includes(filter.getValue(row));\n    }\n    case \"date\": {\n      if (state.type !== \"date\") return true;\n      const raw = filter.getValue(row);\n      if (!raw) return !state.from && !state.to;\n      const v = raw.slice(0, 10);\n      if (state.from && v < state.from) return false;\n      if (state.to && v > state.to) return false;\n      return true;\n    }\n    case \"number\": {\n      if (state.type !== \"number\") return true;\n      const raw = filter.getValue(row);\n      if (raw == null || Number.isNaN(raw)) return !state.min && !state.max;\n      const x = state.abs ? Math.abs(raw) : raw;\n      if (state.min !== \"\" && x < Number(state.min)) return false;\n      if (state.max !== \"\" && x > Number(state.max)) return false;\n      return true;\n    }\n  }\n}\n\n/** The empty filter state for a column's filter type. */\nexport function defaultFilterState<T>(filter: ColumnFilter<T>): FilterValue {\n  switch (filter.type) {\n    case \"text\":\n      return { type: \"text\", q: \"\" };\n    case \"select\":\n      return { type: \"select\", values: [] };\n    case \"date\":\n      return { type: \"date\", from: \"\", to: \"\" };\n    case \"number\":\n      return { type: \"number\", min: \"\", max: \"\", abs: false };\n  }\n}\n\n/**\n * Escape the ONE character the select codec uses as its separator, plus the escape\n * marker itself so the transform is reversible.\n *\n * A minimal escape rather than `encodeURIComponent`, deliberately: these strings sit\n * inside a query-parameter value that `URLSearchParams` already encodes, so a full\n * percent-encode would double-encode every space into `%2520` and make shared links\n * unreadable for no gain. Only `,` can be misread here.\n *\n * Backwards compatible with every link written before this existed: a value with\n * neither `,` nor `%` passes through both directions untouched, and `%` on its own\n * never matched `%25` either.\n */\nfunction escapeSelectValue(v: string): string {\n  return v.replace(/%/g, \"%25\").replace(/,/g, \"%2C\");\n}\n\n/** Inverse of {@link escapeSelectValue}. The order matters and is the reverse of the\n *  escape: undoing `%2C` first cannot see the `2C` inside an escaped `%252C`. */\nfunction unescapeSelectValue(v: string): string {\n  return v.replace(/%2C/g, \",\").replace(/%25/g, \"%\");\n}\n\n/** URL-safe encoding of a filter value (`f.<column>` param), null when empty. */\nexport function encodeFilterValue(v: FilterValue): string | null {\n  switch (v.type) {\n    case \"text\":\n      return v.q.trim() ? v.q : null;\n    case \"select\":\n      // Escaped before joining: an option value may legitimately contain the\n      // separator (a free-text title, a payee or category name), and without this it\n      // came back as two values and the filter silently matched nothing.\n      return v.values.length ? v.values.map(escapeSelectValue).join(\",\") : null;\n    case \"date\":\n      return v.from || v.to ? `${v.from}..${v.to}` : null;\n    case \"number\": {\n      const hasRange = v.min !== \"\" || v.max !== \"\";\n      if (!hasRange && !v.abs) return null;\n      return `${v.min}..${v.max}${v.abs ? \"!\" : \"\"}`;\n    }\n  }\n}\n\n/** Inverse of {@link encodeFilterValue} given just the filter type — for\n *  callers that know a column's type without holding its full config. */\nexport function decodeFilterValueOfType(type: FilterValue[\"type\"], raw: string): FilterValue {\n  switch (type) {\n    case \"text\":\n      return { type: \"text\", q: raw };\n    case \"select\":\n      return {\n        type: \"select\",\n        values: raw\n          .split(\",\")\n          .filter((v) => v.length > 0)\n          .map(unescapeSelectValue),\n      };\n    case \"date\": {\n      const [from = \"\", to = \"\"] = raw.split(\"..\");\n      return { type: \"date\", from, to };\n    }\n    case \"number\": {\n      let body = raw;\n      const abs = body.endsWith(\"!\");\n      if (abs) body = body.slice(0, -1);\n      const [min = \"\", max = \"\"] = body.split(\"..\");\n      return { type: \"number\", min, max, abs };\n    }\n  }\n}\n\n/** Inverse of {@link encodeFilterValue}, typed by the column's filter config. */\nexport function decodeFilterValue<T>(filter: ColumnFilter<T>, raw: string): FilterValue {\n  return decodeFilterValueOfType(filter.type, raw);\n}\n"],"mappings":"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","names":[]}

package/dist/components/data-table-labels.d.ts

@@ -0,0 +1,33 @@
+interface DataTableLabels {
+    columns: string;
+    selectAllRows: string;
+    sortHint: string;
+    filter: string;
+    close: string;
+    selectRow: string;
+    autoSize: string;
+    loading: string;
+    filters: string;
+    clearAll: string;
+    done: string;
+    pageSize: string;
+    pageSizeAll: string;
+    prevPage: string;
+    nextPage: string;
+    clearFilter: string;
+    filterPlaceholder: string;
+    selectFilter: string;
+    selectAll: string;
+    selectNone: string;
+    dateFrom: string;
+    dateTo: string;
+    numberMin: string;
+    numberMax: string;
+    numberAbs: string;
+    presets: Record<string, string>;
+}
+declare const DEFAULT_DATA_TABLE_LABELS: DataTableLabels;
+/** Merge caller overrides onto the English defaults (presets merged too). */
+declare function resolveDataTableLabels(partial?: Partial<DataTableLabels>): DataTableLabels;
+
+export { DEFAULT_DATA_TABLE_LABELS, type DataTableLabels, resolveDataTableLabels };

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

@@ -0,0 +1,53 @@
+const DEFAULT_DATA_TABLE_LABELS = {
+  columns: "Columns",
+  selectAllRows: "Select all rows",
+  sortHint: "Click to sort \xB7 Shift-click to add a sort",
+  filter: "Filter",
+  close: "Close",
+  selectRow: "Select row",
+  autoSize: "Auto-size columns",
+  loading: "Loading\u2026",
+  filters: "Filters",
+  clearAll: "Clear all",
+  done: "Done",
+  pageSize: "Rows per page",
+  pageSizeAll: "All",
+  prevPage: "Previous page",
+  nextPage: "Next page",
+  clearFilter: "Clear filter",
+  filterPlaceholder: "Filter\u2026",
+  selectFilter: "Select",
+  selectAll: "All",
+  selectNone: "None",
+  dateFrom: "From",
+  dateTo: "To",
+  numberMin: "Min",
+  numberMax: "Max",
+  numberAbs: "Absolute value",
+  presets: {
+    today: "Today",
+    yesterday: "Yesterday",
+    this_week: "This week",
+    last_week: "Last week",
+    last_7_days: "Last 7 days",
+    last_30_days: "Last 30 days",
+    this_month: "This month",
+    last_month: "Last month",
+    last_3_months: "Last 3 months",
+    ytd: "Year to date",
+    last_year: "Last year"
+  }
+};
+function resolveDataTableLabels(partial) {
+  if (!partial) return DEFAULT_DATA_TABLE_LABELS;
+  return {
+    ...DEFAULT_DATA_TABLE_LABELS,
+    ...partial,
+    presets: { ...DEFAULT_DATA_TABLE_LABELS.presets, ...partial.presets ?? {} }
+  };
+}
+export {
+  DEFAULT_DATA_TABLE_LABELS,
+  resolveDataTableLabels
+};
+//# sourceMappingURL=data-table-labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-table-labels.ts"],"sourcesContent":["// All user-facing strings for the DataTable system, injected as props so the\n// package stays i18n-free. Consumers pass translated overrides; the English\n// defaults below make the table usable with no wiring.\n\nexport interface DataTableLabels {\n  // Table chrome\n  columns: string;\n  selectAllRows: string;\n  sortHint: string;\n  filter: string;\n  close: string;\n  selectRow: string;\n  autoSize: string;\n  loading: string;\n  filters: string;\n  clearAll: string;\n  done: string;\n  // Pagination\n  pageSize: string;\n  pageSizeAll: string;\n  prevPage: string;\n  nextPage: string;\n  // Filter popover\n  clearFilter: string;\n  filterPlaceholder: string;\n  selectFilter: string;\n  selectAll: string;\n  selectNone: string;\n  dateFrom: string;\n  dateTo: string;\n  numberMin: string;\n  numberMax: string;\n  numberAbs: string;\n  // Date-range preset labels, keyed by preset key (see dateRangePresets()).\n  presets: Record<string, string>;\n}\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n  columns: \"Columns\",\n  selectAllRows: \"Select all rows\",\n  sortHint: \"Click to sort · Shift-click to add a sort\",\n  filter: \"Filter\",\n  close: \"Close\",\n  selectRow: \"Select row\",\n  autoSize: \"Auto-size columns\",\n  loading: \"Loading…\",\n  filters: \"Filters\",\n  clearAll: \"Clear all\",\n  done: \"Done\",\n  pageSize: \"Rows per page\",\n  pageSizeAll: \"All\",\n  prevPage: \"Previous page\",\n  nextPage: \"Next page\",\n  clearFilter: \"Clear filter\",\n  filterPlaceholder: \"Filter…\",\n  selectFilter: \"Select\",\n  selectAll: \"All\",\n  selectNone: \"None\",\n  dateFrom: \"From\",\n  dateTo: \"To\",\n  numberMin: \"Min\",\n  numberMax: \"Max\",\n  numberAbs: \"Absolute value\",\n  presets: {\n    today: \"Today\",\n    yesterday: \"Yesterday\",\n    this_week: \"This week\",\n    last_week: \"Last week\",\n    last_7_days: \"Last 7 days\",\n    last_30_days: \"Last 30 days\",\n    this_month: \"This month\",\n    last_month: \"Last month\",\n    last_3_months: \"Last 3 months\",\n    ytd: \"Year to date\",\n    last_year: \"Last year\",\n  },\n};\n\n/** Merge caller overrides onto the English defaults (presets merged too). */\nexport function resolveDataTableLabels(partial?: Partial<DataTableLabels>): DataTableLabels {\n  if (!partial) return DEFAULT_DATA_TABLE_LABELS;\n  return {\n    ...DEFAULT_DATA_TABLE_LABELS,\n    ...partial,\n    presets: { ...DEFAULT_DATA_TABLE_LABELS.presets, ...(partial.presets ?? {}) },\n  };\n}\n"],"mappings":"AAqCO,MAAM,4BAA6C;AAAA,EACxD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AACF;AAGO,SAAS,uBAAuB,SAAqD;AAC1F,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,SAAS,EAAE,GAAG,0BAA0B,SAAS,GAAI,QAAQ,WAAW,CAAC,EAAG;AAAA,EAC9E;AACF;","names":[]}

package/dist/components/data-table-pagination.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { DataTableLabels } from './data-table-labels.js';
+
+declare const PAGE_SIZE_OPTIONS: readonly [10, 25, 50, 100, 200];
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    pageSize: number;
+    total: number;
+    onPage: (p: number) => void;
+    onPageSize: (n: number) => void;
+    labels?: DataTableLabels;
+}
+/** Footer for {@link DataTable}: range summary, page-size select, and a
+ *  windowed page-number strip (first/last + ±2 around the current page). */
+declare function Pagination({ page, totalPages, pageSize, total, onPage, onPageSize, labels, }: PaginationProps): react.JSX.Element;
+
+export { PAGE_SIZE_OPTIONS, Pagination };

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

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { cn } from "../lib/cn.js";
+import { DEFAULT_DATA_TABLE_LABELS } from "./data-table-labels.js";
+const PAGE_SIZE_OPTIONS = [10, 25, 50, 100, 200];
+function Pagination({
+  page,
+  totalPages,
+  pageSize,
+  total,
+  onPage,
+  onPageSize,
+  labels = DEFAULT_DATA_TABLE_LABELS
+}) {
+  const visible = useMemo(() => {
+    if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i);
+    const set = /* @__PURE__ */ new Set([0, totalPages - 1, page]);
+    for (let d = 1; d <= 2; d++) {
+      if (page - d >= 0) set.add(page - d);
+      if (page + d <= totalPages - 1) set.add(page + d);
+    }
+    return Array.from(set).sort((a, b) => a - b);
+  }, [page, totalPages]);
+  const items = [];
+  visible.forEach((p, idx) => {
+    if (idx > 0 && p - visible[idx - 1] > 1) items.push("ellipsis");
+    items.push(p);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-slate-100 dark:border-slate-800 px-3 py-2 text-xs text-slate-600 dark:text-slate-400", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { children: pageSize === Infinity ? `${total}` : `${page * pageSize + 1}\u2013${Math.min(total, (page + 1) * pageSize)} / ${total}` }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: pageSize === Infinity ? "all" : pageSize,
+          onChange: (e) => onPageSize(e.target.value === "all" ? Infinity : Number(e.target.value)),
+          className: "rounded border border-slate-200 bg-white px-1 py-0.5 text-xs dark:border-slate-700 dark:bg-slate-900",
+          "aria-label": labels.pageSize,
+          children: [
+            PAGE_SIZE_OPTIONS.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n)),
+            /* @__PURE__ */ jsx("option", { value: "all", children: labels.pageSizeAll })
+          ]
+        }
+      )
+    ] }),
+    pageSize !== Infinity && totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPage(Math.max(0, page - 1)),
+          disabled: page === 0,
+          className: "rounded p-1 hover:bg-slate-100 disabled:opacity-40 dark:hover:bg-slate-800",
+          "aria-label": labels.prevPage,
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+        }
+      ),
+      items.map(
+        (it, i) => it === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "px-1 text-slate-400 dark:text-slate-500", children: "\u2026" }, `e${i}`) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onPage(it),
+            className: cn(
+              "min-w-7 rounded px-2 py-0.5",
+              it === page ? "bg-slate-900 text-white dark:bg-slate-100 dark:text-slate-900" : "hover:bg-slate-100 dark:hover:bg-slate-800"
+            ),
+            children: it + 1
+          },
+          it
+        )
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPage(Math.min(totalPages - 1, page + 1)),
+          disabled: page >= totalPages - 1,
+          className: "rounded p-1 hover:bg-slate-100 disabled:opacity-40 dark:hover:bg-slate-800",
+          "aria-label": labels.nextPage,
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  PAGE_SIZE_OPTIONS,
+  Pagination
+};
+//# sourceMappingURL=data-table-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-table-pagination.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { DEFAULT_DATA_TABLE_LABELS, type DataTableLabels } from \"./data-table-labels\";\n\nexport const PAGE_SIZE_OPTIONS = [10, 25, 50, 100, 200] as const;\n\ninterface PaginationProps {\n  page: number;\n  totalPages: number;\n  pageSize: number;\n  total: number;\n  onPage: (p: number) => void;\n  onPageSize: (n: number) => void;\n  labels?: DataTableLabels;\n}\n\n/** Footer for {@link DataTable}: range summary, page-size select, and a\n *  windowed page-number strip (first/last + ±2 around the current page). */\nexport function Pagination({\n  page,\n  totalPages,\n  pageSize,\n  total,\n  onPage,\n  onPageSize,\n  labels = DEFAULT_DATA_TABLE_LABELS,\n}: PaginationProps) {\n  const visible = useMemo(() => {\n    if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i);\n    const set = new Set<number>([0, totalPages - 1, page]);\n    for (let d = 1; d <= 2; d++) {\n      if (page - d >= 0) set.add(page - d);\n      if (page + d <= totalPages - 1) set.add(page + d);\n    }\n    return Array.from(set).sort((a, b) => a - b);\n  }, [page, totalPages]);\n\n  const items: (number | \"ellipsis\")[] = [];\n  visible.forEach((p, idx) => {\n    if (idx > 0 && p - visible[idx - 1] > 1) items.push(\"ellipsis\");\n    items.push(p);\n  });\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-2 border-t border-slate-100 dark:border-slate-800 px-3 py-2 text-xs text-slate-600 dark:text-slate-400\">\n      <div className=\"flex items-center gap-2\">\n        <span>\n          {pageSize === Infinity\n            ? `${total}`\n            : `${page * pageSize + 1}–${Math.min(total, (page + 1) * pageSize)} / ${total}`}\n        </span>\n        <select\n          value={pageSize === Infinity ? \"all\" : pageSize}\n          onChange={(e) => onPageSize(e.target.value === \"all\" ? Infinity : Number(e.target.value))}\n          className=\"rounded border border-slate-200 bg-white px-1 py-0.5 text-xs dark:border-slate-700 dark:bg-slate-900\"\n          aria-label={labels.pageSize}\n        >\n          {PAGE_SIZE_OPTIONS.map((n) => (\n            <option key={n} value={n}>\n              {n}\n            </option>\n          ))}\n          <option value=\"all\">{labels.pageSizeAll}</option>\n        </select>\n      </div>\n      {pageSize !== Infinity && totalPages > 1 && (\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={() => onPage(Math.max(0, page - 1))}\n            disabled={page === 0}\n            className=\"rounded p-1 hover:bg-slate-100 disabled:opacity-40 dark:hover:bg-slate-800\"\n            aria-label={labels.prevPage}\n          >\n            <ChevronLeft className=\"size-4\" />\n          </button>\n          {items.map((it, i) =>\n            it === \"ellipsis\" ? (\n              <span key={`e${i}`} className=\"px-1 text-slate-400 dark:text-slate-500\">\n                …\n              </span>\n            ) : (\n              <button\n                key={it}\n                type=\"button\"\n                onClick={() => onPage(it)}\n                className={cn(\n                  \"min-w-7 rounded px-2 py-0.5\",\n                  it === page\n                    ? \"bg-slate-900 text-white dark:bg-slate-100 dark:text-slate-900\"\n                    : \"hover:bg-slate-100 dark:hover:bg-slate-800\",\n                )}\n              >\n                {it + 1}\n              </button>\n            ),\n          )}\n          <button\n            type=\"button\"\n            onClick={() => onPage(Math.min(totalPages - 1, page + 1))}\n            disabled={page >= totalPages - 1}\n            className=\"rounded p-1 hover:bg-slate-100 disabled:opacity-40 dark:hover:bg-slate-800\"\n            aria-label={labels.nextPage}\n          >\n            <ChevronRight className=\"size-4\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/data-table-sort.d.ts

@@ -0,0 +1,23 @@
+/** Multi-column sort state for DataTable: ordered by priority (index 0 is the
+ *  primary sort). Encoded as `sort=date.desc,amount` in URLs and the server's
+ *  transactions `sort` param — the pre-multi-sort single-value format
+ *  (`sort=date.desc`) decodes as a one-element list. */
+type SortDir = "asc" | "desc";
+interface SortState {
+    key: string;
+    dir: SortDir;
+}
+/** Coerce any persisted/URL-derived shape into a `SortState[]`. The
+ *  pre-multi-sort localStorage format stored one `{key, dir}` object (or
+ *  null); arrays pass through with junk entries dropped. */
+declare function normalizeSorts(raw: unknown): SortState[];
+declare function encodeSorts(sorts: SortState[]): string | null;
+/** Decode a `sort` URL param, dropping unknown and duplicated keys. */
+declare function decodeSorts(raw: string | null, validKeys: ReadonlySet<string>): SortState[];
+/** Header-click semantics. Plain click: make `key` the only sort — cycling
+ *  asc → desc → none when it already is the sole criterion. Shift-click
+ *  (`additive`): append `key` as the next-priority sort, or cycle an existing
+ *  entry's direction in place (asc → desc → removed). */
+declare function nextSorts(prev: SortState[], key: string, additive: boolean): SortState[];
+
+export { type SortDir, type SortState, decodeSorts, encodeSorts, nextSorts, normalizeSorts };

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

@@ -0,0 +1,55 @@
+function normalizeSorts(raw) {
+  const one = (v) => {
+    if (!v || typeof v !== "object") return null;
+    const { key, dir } = v;
+    if (typeof key !== "string" || !key) return null;
+    return { key, dir: dir === "desc" ? "desc" : "asc" };
+  };
+  if (Array.isArray(raw)) {
+    const out = [];
+    for (const entry of raw) {
+      const s = one(entry);
+      if (s && !out.some((e) => e.key === s.key)) out.push(s);
+    }
+    return out;
+  }
+  const single = one(raw);
+  return single ? [single] : [];
+}
+function encodeSorts(sorts) {
+  if (!sorts.length) return null;
+  return sorts.map((s) => s.dir === "desc" ? `${s.key}.desc` : s.key).join(",");
+}
+function decodeSorts(raw, validKeys) {
+  if (!raw) return [];
+  const out = [];
+  for (const part of raw.split(",")) {
+    const desc = part.endsWith(".desc");
+    const asc = part.endsWith(".asc");
+    const key = desc ? part.slice(0, -".desc".length) : asc ? part.slice(0, -".asc".length) : part;
+    if (!validKeys.has(key) || out.some((s) => s.key === key)) continue;
+    out.push({ key, dir: desc ? "desc" : "asc" });
+  }
+  return out;
+}
+function nextSorts(prev, key, additive) {
+  const idx = prev.findIndex((s) => s.key === key);
+  if (!additive) {
+    if (prev.length === 1 && idx === 0) {
+      return prev[0].dir === "asc" ? [{ key, dir: "desc" }] : [];
+    }
+    return [{ key, dir: "asc" }];
+  }
+  if (idx === -1) return [...prev, { key, dir: "asc" }];
+  if (prev[idx].dir === "asc") {
+    return prev.map((s, i) => i === idx ? { key, dir: "desc" } : s);
+  }
+  return prev.filter((_, i) => i !== idx);
+}
+export {
+  decodeSorts,
+  encodeSorts,
+  nextSorts,
+  normalizeSorts
+};
+//# sourceMappingURL=data-table-sort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-table-sort.ts"],"sourcesContent":["/** Multi-column sort state for DataTable: ordered by priority (index 0 is the\n *  primary sort). Encoded as `sort=date.desc,amount` in URLs and the server's\n *  transactions `sort` param — the pre-multi-sort single-value format\n *  (`sort=date.desc`) decodes as a one-element list. */\n\nexport type SortDir = \"asc\" | \"desc\";\nexport interface SortState {\n  key: string;\n  dir: SortDir;\n}\n\n/** Coerce any persisted/URL-derived shape into a `SortState[]`. The\n *  pre-multi-sort localStorage format stored one `{key, dir}` object (or\n *  null); arrays pass through with junk entries dropped. */\nexport function normalizeSorts(raw: unknown): SortState[] {\n  const one = (v: unknown): SortState | null => {\n    if (!v || typeof v !== \"object\") return null;\n    const { key, dir } = v as { key?: unknown; dir?: unknown };\n    if (typeof key !== \"string\" || !key) return null;\n    return { key, dir: dir === \"desc\" ? \"desc\" : \"asc\" };\n  };\n  if (Array.isArray(raw)) {\n    const out: SortState[] = [];\n    for (const entry of raw) {\n      const s = one(entry);\n      if (s && !out.some((e) => e.key === s.key)) out.push(s);\n    }\n    return out;\n  }\n  const single = one(raw);\n  return single ? [single] : [];\n}\n\nexport function encodeSorts(sorts: SortState[]): string | null {\n  if (!sorts.length) return null;\n  return sorts.map((s) => (s.dir === \"desc\" ? `${s.key}.desc` : s.key)).join(\",\");\n}\n\n/** Decode a `sort` URL param, dropping unknown and duplicated keys. */\nexport function decodeSorts(raw: string | null, validKeys: ReadonlySet<string>): SortState[] {\n  if (!raw) return [];\n  const out: SortState[] = [];\n  for (const part of raw.split(\",\")) {\n    const desc = part.endsWith(\".desc\");\n    const asc = part.endsWith(\".asc\");\n    const key = desc ? part.slice(0, -\".desc\".length) : asc ? part.slice(0, -\".asc\".length) : part;\n    if (!validKeys.has(key) || out.some((s) => s.key === key)) continue;\n    out.push({ key, dir: desc ? \"desc\" : \"asc\" });\n  }\n  return out;\n}\n\n/** Header-click semantics. Plain click: make `key` the only sort — cycling\n *  asc → desc → none when it already is the sole criterion. Shift-click\n *  (`additive`): append `key` as the next-priority sort, or cycle an existing\n *  entry's direction in place (asc → desc → removed). */\nexport function nextSorts(prev: SortState[], key: string, additive: boolean): SortState[] {\n  const idx = prev.findIndex((s) => s.key === key);\n  if (!additive) {\n    if (prev.length === 1 && idx === 0) {\n      return prev[0].dir === \"asc\" ? [{ key, dir: \"desc\" }] : [];\n    }\n    return [{ key, dir: \"asc\" }];\n  }\n  if (idx === -1) return [...prev, { key, dir: \"asc\" }];\n  if (prev[idx].dir === \"asc\") {\n    return prev.map((s, i) => (i === idx ? { key, dir: \"desc\" as SortDir } : s));\n  }\n  return prev.filter((_, i) => i !== idx);\n}\n"],"mappings":"AAcO,SAAS,eAAe,KAA2B;AACxD,QAAM,MAAM,CAAC,MAAiC;AAC5C,QAAI,CAAC,KAAK,OAAO,MAAM,SAAU,QAAO;AACxC,UAAM,EAAE,KAAK,IAAI,IAAI;AACrB,QAAI,OAAO,QAAQ,YAAY,CAAC,IAAK,QAAO;AAC5C,WAAO,EAAE,KAAK,KAAK,QAAQ,SAAS,SAAS,MAAM;AAAA,EACrD;AACA,MAAI,MAAM,QAAQ,GAAG,GAAG;AACtB,UAAM,MAAmB,CAAC;AAC1B,eAAW,SAAS,KAAK;AACvB,YAAM,IAAI,IAAI,KAAK;AACnB,UAAI,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAG,KAAI,KAAK,CAAC;AAAA,IACxD;AACA,WAAO;AAAA,EACT;AACA,QAAM,SAAS,IAAI,GAAG;AACtB,SAAO,SAAS,CAAC,MAAM,IAAI,CAAC;AAC9B;AAEO,SAAS,YAAY,OAAmC;AAC7D,MAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,SAAO,MAAM,IAAI,CAAC,MAAO,EAAE,QAAQ,SAAS,GAAG,EAAE,GAAG,UAAU,EAAE,GAAI,EAAE,KAAK,GAAG;AAChF;AAGO,SAAS,YAAY,KAAoB,WAA6C;AAC3F,MAAI,CAAC,IAAK,QAAO,CAAC;AAClB,QAAM,MAAmB,CAAC;AAC1B,aAAW,QAAQ,IAAI,MAAM,GAAG,GAAG;AACjC,UAAM,OAAO,KAAK,SAAS,OAAO;AAClC,UAAM,MAAM,KAAK,SAAS,MAAM;AAChC,UAAM,MAAM,OAAO,KAAK,MAAM,GAAG,CAAC,QAAQ,MAAM,IAAI,MAAM,KAAK,MAAM,GAAG,CAAC,OAAO,MAAM,IAAI;AAC1F,QAAI,CAAC,UAAU,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG,EAAG;AAC3D,QAAI,KAAK,EAAE,KAAK,KAAK,OAAO,SAAS,MAAM,CAAC;AAAA,EAC9C;AACA,SAAO;AACT;AAMO,SAAS,UAAU,MAAmB,KAAa,UAAgC;AACxF,QAAM,MAAM,KAAK,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG;AAC/C,MAAI,CAAC,UAAU;AACb,QAAI,KAAK,WAAW,KAAK,QAAQ,GAAG;AAClC,aAAO,KAAK,CAAC,EAAE,QAAQ,QAAQ,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC;AAAA,IAC3D;AACA,WAAO,CAAC,EAAE,KAAK,KAAK,MAAM,CAAC;AAAA,EAC7B;AACA,MAAI,QAAQ,GAAI,QAAO,CAAC,GAAG,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC;AACpD,MAAI,KAAK,GAAG,EAAE,QAAQ,OAAO;AAC3B,WAAO,KAAK,IAAI,CAAC,GAAG,MAAO,MAAM,MAAM,EAAE,KAAK,KAAK,OAAkB,IAAI,CAAE;AAAA,EAC7E;AACA,SAAO,KAAK,OAAO,CAAC,GAAG,MAAM,MAAM,GAAG;AACxC;","names":[]}

package/dist/components/data-table.d.ts

@@ -0,0 +1,5 @@
+import 'react';
+export { D as DataTable, a as DataTableColumn, b as DataTableProps, F as FilterState, S as ServerPagination } from '../data-table-filters-aXyf0Xub.js';
+export { SortState } from './data-table-sort.js';
+import './swipeable-row.js';
+import './data-table-labels.js';