@pibit.ai/cure-design-system 0.6.59 → 0.6.61

package/dist/patterns/sort-builder/apply-sorts.d.ts

@@ -0,0 +1,8 @@
+import { Sort } from './sort-builder';
+/**
+ * Sorts rows client-side by the given criteria, first criterion first. Arrays
+ * compare by length; null and undefined sort last; rows with an empty field are
+ * skipped. Returns a new array; `data` is not mutated.
+ */
+export declare const applySorts: <T extends Record<string, any>>(data: T[], sorts: Sort[]) => T[];
+//# sourceMappingURL=apply-sorts.d.ts.map

package/dist/patterns/sort-builder/apply-sorts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-sorts.d.ts","sourceRoot":"","sources":["../../../src/patterns/sort-builder/apply-sorts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;;;GAIG;AAEH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,IAAI,EAAE,KAAG,CAAC,EAoCrF,CAAC"}

package/dist/patterns/sort-builder/apply-sorts.js

@@ -0,0 +1,16 @@
+const a = (l, i) => !i || i.length === 0 ? l : [...l].sort((f, o) => {
+  for (const n of i) {
+    if (!n.field) continue;
+    let e = f[n.field], r = o[n.field];
+    if (Array.isArray(e) && Array.isArray(r) && (e = e.length, r = r.length), e == null && r == null) continue;
+    if (e == null) return 1;
+    if (r == null) return -1;
+    let t;
+    if (typeof e == "string" && typeof r == "string" ? t = e.localeCompare(r) : typeof e == "number" && typeof r == "number" ? t = e - r : e instanceof Date && r instanceof Date ? t = e.getTime() - r.getTime() : t = String(e).localeCompare(String(r)), t !== 0)
+      return n.direction === "desc" ? -t : t;
+  }
+  return 0;
+});
+export {
+  a as applySorts
+};

package/dist/patterns/sort-builder/index.d.ts

@@ -0,0 +1,3 @@
+export { SortBuilder, type SortBuilderProps, type Sort, type SortColumn } from './sort-builder';
+export { applySorts } from './apply-sorts';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/sort-builder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/sort-builder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,IAAI,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/patterns/sort-builder/sort-builder.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+/** A column the builder can sort by. Extra fields ride along untouched. */
+export interface SortColumn {
+    key: string;
+    label: string;
+    /** The field the sort is applied to, when it differs from `key`. */
+    sortKey?: string;
+    /** Columns with `allowSorting` unset or false are not offered. */
+    allowSorting?: boolean;
+    [key: string]: any;
+}
+/** One sort criterion. An empty field or direction is a row still being filled in. */
+export interface Sort {
+    field: string;
+    direction: "asc" | "desc" | "";
+}
+export interface SortBuilderProps {
+    columns: SortColumn[];
+    sorts: Sort[];
+    onSortsChange: (sorts: Sort[]) => void;
+    /** Show Cancel and Apply. */
+    allowApply?: boolean;
+    allowAddSort?: boolean;
+    onApply?: () => void;
+    onCancel?: () => void;
+    /** Called by Clear All before the rows reset to one empty row. */
+    clearAllSorts?: () => void;
+    /**
+     * Disable Apply. It is also disabled while any row is missing a field or a
+     * direction, so an incomplete sort can't be applied.
+     */
+    isApplyDisabled?: boolean;
+    /** Class override for the Cancel button. */
+    cancelButtonClassName?: string;
+    /** Prefix for data-testid attributes (e.g. "om-sort"). None are emitted when unset. */
+    testIdPrefix?: string;
+    /** Which columns may be offered. Defaults to `allowSorting === true`. */
+    isSortable?: (column: SortColumn) => boolean;
+}
+/**
+ * The multi-column sort editor: one row per criterion (field + direction), drag
+ * to reorder, Add Sort, Clear All, and optional Cancel / Apply.
+ *
+ * Frozen to platform-ui's SortComponent, which it replaces. One difference: the
+ * app showed an error toast when Apply was pressed with an incomplete row; here
+ * Apply is simply disabled until every row has a field and a direction.
+ */
+export declare const SortBuilder: FC<SortBuilderProps>;
+//# sourceMappingURL=sort-builder.d.ts.map

package/dist/patterns/sort-builder/sort-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-builder.d.ts","sourceRoot":"","sources":["../../../src/patterns/sort-builder/sort-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,2EAA2E;AAC3E,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,sFAAsF;AACtF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4CAA4C;IAC5C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CAC9C;AAoHD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4G5C,CAAC"}

package/dist/patterns/sort-builder/sort-builder.js

@@ -0,0 +1,188 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useRef as w } from "react";
+import { Plus as B, Trash02 as I } from "@untitledui/icons";
+import { cx as K } from "../../utils/cn.js";
+import { Button as h } from "../../primitives/button/button.js";
+import { useDragControls as M } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { Select as g } from "../../primitives/select/select.js";
+import { ReorderGroup as E } from "../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
+import { ReorderItem as W } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
+const _ = (a) => !!a.allowSorting;
+function j() {
+  const a = w(/* @__PURE__ */ new WeakMap()), e = w(0);
+  return (l) => (a.current.has(l) || a.current.set(l, `sort-${e.current++}`), a.current.get(l));
+}
+const G = ({ className: a }) => /* @__PURE__ */ t("svg", { viewBox: "0 0 8 14", fill: "none", className: a, "aria-hidden": "true", children: [1.375, 6.625].flatMap(
+  (e) => [1.375, 6.625, 11.875].map((l) => /* @__PURE__ */ t("circle", { cx: e, cy: l, r: 0.75, stroke: "currentColor", strokeWidth: 1.25 }, `${e}-${l}`))
+) }), L = ({ sort: a, index: e, totalSorts: l, getAvailableColumns: u, updateSort: x, removeSort: d, testId: s }) => {
+  const n = M(), y = u(e).map((r) => ({ ...r, id: r.sortKey ?? r.key }));
+  return /* @__PURE__ */ c(
+    W,
+    {
+      value: a,
+      as: "div",
+      "data-testid": s("row"),
+      "data-row-index": s("row") ? e : void 0,
+      dragListener: !1,
+      dragControls: n,
+      className: "flex items-center gap-3 rounded-lg bg-primary",
+      style: { position: "relative" },
+      whileDrag: {
+        opacity: 0.85,
+        scale: 1.02,
+        boxShadow: "0 8px 24px rgba(0, 0, 0, 0.12)",
+        zIndex: 50
+      },
+      transition: { type: "spring", stiffness: 300, damping: 25 },
+      children: [
+        /* @__PURE__ */ c("div", { className: "flex flex-grow items-center gap-3", children: [
+          /* @__PURE__ */ t(
+            g,
+            {
+              "aria-label": "Sort field",
+              "data-testid": s("field-select"),
+              size: "sm",
+              placeholder: "Select field",
+              items: y,
+              selectedKey: a.field || null,
+              onSelectionChange: (r) => x(e, "field", String(r ?? "")),
+              className: "min-w-[220px]",
+              textStyles: "text-sm",
+              children: (r) => /* @__PURE__ */ t(g.Item, { id: r.id, children: r.label })
+            }
+          ),
+          /* @__PURE__ */ t(
+            g,
+            {
+              "aria-label": "Sort direction",
+              "data-testid": s("direction-select"),
+              size: "sm",
+              placeholder: "Select direction",
+              items: [
+                { id: "asc", label: "Ascending" },
+                { id: "desc", label: "Descending" }
+              ],
+              selectedKey: a.direction || null,
+              onSelectionChange: (r) => x(e, "direction", String(r ?? "")),
+              className: "min-w-[180px]",
+              textStyles: "text-sm",
+              children: (r) => /* @__PURE__ */ t(g.Item, { id: r.id, children: r.label })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          h,
+          {
+            isDisabled: l <= 1,
+            onClick: () => d(e),
+            color: "tertiary",
+            className: "flex-shrink-0 p-0",
+            size: "xs",
+            "aria-label": "Remove sort",
+            "data-testid": s("remove-button"),
+            children: /* @__PURE__ */ t(I, { className: "h-4 w-4 text-gray-cool-400 transition-colors hover:text-black" })
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            onPointerDown: (r) => n.start(r),
+            className: "-ml-1 flex-shrink-0 cursor-grab touch-none select-none rounded text-gray-cool-400 active:cursor-grabbing",
+            "aria-label": "Drag to reorder sort criteria",
+            "data-testid": s("drag-handle"),
+            title: "Drag to reorder",
+            children: /* @__PURE__ */ t(G, { className: "pointer-events-none h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}, V = ({
+  columns: a,
+  sorts: e,
+  onSortsChange: l,
+  allowApply: u = !1,
+  allowAddSort: x = !0,
+  onApply: d,
+  onCancel: s,
+  clearAllSorts: n,
+  isApplyDisabled: y = !1,
+  cancelButtonClassName: r,
+  testIdPrefix: v,
+  isSortable: S = _
+}) => {
+  const k = j(), m = (i) => v ? `${v}-${i}` : void 0, b = a.filter(S), D = (i) => b.filter(
+    (o) => !e.some((f, p) => p !== i && f.field === (o.sortKey ?? o.key))
+  ), z = () => l([...e, { field: "", direction: "" }]), C = (i) => l(e.filter((o, f) => f !== i)), R = (i, o, f) => {
+    const p = [...e];
+    p[i] = { ...p[i], [o]: f }, l(p);
+  }, $ = () => {
+    e.length === 1 && e[0].field === "" && e[0].direction === "" || (n == null || n(), l([{ field: "", direction: "" }]));
+  }, N = e.length > 0 && e.every((i) => i.field !== "" && i.direction !== "");
+  return /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ t("div", { className: "px-5 py-3", children: /* @__PURE__ */ t("p", { className: "text-sm font-normal text-tertiary", children: "In the view, sort rows" }) }),
+    /* @__PURE__ */ c("div", { className: "flex max-h-[500px] flex-col gap-2 overflow-y-auto px-4 py-4 pt-0", children: [
+      /* @__PURE__ */ t(E, { as: "div", axis: "y", values: e, onReorder: l, className: "flex flex-col gap-2", children: e.map((i, o) => /* @__PURE__ */ t(
+        L,
+        {
+          sort: i,
+          index: o,
+          totalSorts: e.length,
+          getAvailableColumns: D,
+          updateSort: R,
+          removeSort: C,
+          testId: m
+        },
+        k(i)
+      )) }),
+      /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+          x && /* @__PURE__ */ t(
+            h,
+            {
+              isDisabled: e.length >= b.length,
+              color: "tertiary",
+              size: "xs",
+              className: "p-0 text-brand-600 hover:bg-primary",
+              onClick: z,
+              "data-testid": m("add-button"),
+              children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ t(B, { size: 14 }),
+                /* @__PURE__ */ t("p", { className: "text-xs font-semibold", children: "Add Sort" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ t(h, { className: "p-0", color: "tertiary", size: "xs", onClick: $, "data-testid": m("clear-all"), children: "Clear All" })
+        ] }),
+        u && /* @__PURE__ */ c("div", { className: "mt-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ t(
+            h,
+            {
+              color: "secondary",
+              className: K(r ?? "bg-secondary p-2"),
+              size: "xs",
+              onClick: s,
+              "data-testid": m("cancel"),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ t(
+            h,
+            {
+              color: "primary",
+              className: "p-2",
+              size: "xs",
+              onClick: () => N && (d == null ? void 0 : d()),
+              isDisabled: y || !N,
+              "data-testid": m("apply"),
+              children: "Apply"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  V as SortBuilder
+};

package/dist/patterns/table/TablePagination.d.ts

@@ -1,22 +1,34 @@
 export type TablePaginationConfig = {
     currentPage: number;
     pageSize: number;
-    totalPages: number;
-    totalItems: number;
+    /** Omitted: the page control falls back to its own default. */
+    totalPages?: number;
+    /** Omitted: the "Total rows" count is not shown. */
+    totalItems?: number;
     onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number | string) => void;
+    onPageSizeChange: (size: number) => void;
     /** Whether pagination should actually render. Default: true. */
     showPagination?: boolean;
 };
 export interface TablePaginationProps extends TablePaginationConfig {
     loading?: boolean;
     rootClassName?: string;
+    /** Render nothing when `totalItems` is 0. Default: true. */
+    hideWhenEmpty?: boolean;
+    /**
+     * Wait this long after a page-size pick before calling `onPageSizeChange`, so
+     * a burst of picks makes one change (and one request). Default: 0, immediate.
+     * The select keeps showing `pageSize` until the parent passes the new one.
+     */
+    pageSizeChangeDelayMs?: number;
+    /** data-testid for the "Total rows" text. */
+    totalRowsTestId?: string;
 }
 /**
  * Table footer pagination — page-size select, total count, and page controls.
  * Matches the `TableWrapperPaginationConfig` contract used in platform-ui.
  */
-export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, hideWhenEmpty, pageSizeChangeDelayMs, totalRowsTestId, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace TablePagination {
     var displayName: string;
 }

package/dist/patterns/table/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,GACd,EAAE,oBAAoB,kDAwCtB;yBAlDe,eAAe"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,EACb,aAAoB,EACpB,qBAAyB,EACzB,eAAe,GAChB,EAAE,oBAAoB,kDA0EtB;yBAvFe,eAAe"}

package/dist/patterns/table/TablePagination.js

@@ -1,60 +1,82 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as x } from "../../utils/cn.js";
-import { PaginationCardDefault as f } from "./pagination-card.js";
-import { Select as i } from "../../primitives/select/select.js";
-const b = [
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useRef as c, useEffect as g } from "react";
+import { cn as v } from "../../utils/cn.js";
+import { PaginationCardDefault as y } from "./pagination-card.js";
+import { Select as d } from "../../primitives/select/select.js";
+const R = [
   { label: "10", id: "10" },
   { label: "20", id: "20" },
   { label: "50", id: "50" },
   { label: "100", id: "100" }
 ];
-function h({
-  currentPage: n,
-  pageSize: s,
-  totalPages: o,
-  totalItems: l,
-  onPageChange: m,
-  onPageSizeChange: c,
-  showPagination: d = !0,
-  loading: r = !1,
-  rootClassName: p
+function E({
+  currentPage: x,
+  pageSize: l,
+  totalPages: p,
+  totalItems: a,
+  onPageChange: b,
+  onPageSizeChange: i,
+  showPagination: N = !0,
+  loading: o = !1,
+  rootClassName: h,
+  hideWhenEmpty: w = !0,
+  pageSizeChangeDelayMs: u = 0,
+  totalRowsTestId: S
 }) {
-  return !d || l === 0 ? null : /* @__PURE__ */ a("div", { className: x("flex items-center justify-between border-t border-secondary pt-2", p), children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
-      /* @__PURE__ */ e(
-        i,
+  const e = c(null), m = c(l), f = c(i);
+  if (m.current = l, f.current = i, g(
+    () => () => {
+      e.current && clearTimeout(e.current);
+    },
+    []
+  ), !N || w && a === 0) return null;
+  const T = (n) => {
+    const r = Number(n);
+    if (!(n == null || !Number.isFinite(r) || r <= 0) && (e.current && (clearTimeout(e.current), e.current = null), r !== l)) {
+      if (u <= 0) {
+        i(r);
+        return;
+      }
+      e.current = setTimeout(() => {
+        e.current = null, r !== m.current && f.current(r);
+      }, u);
+    }
+  };
+  return /* @__PURE__ */ s("div", { className: v("flex items-center justify-between border-t border-secondary pt-2", h), children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
+      /* @__PURE__ */ t(
+        d,
         {
-          isDisabled: r,
+          "aria-label": "Rows per page",
+          isDisabled: o,
           size: "sm",
-          value: s.toString(),
-          items: b,
-          onSelectionChange: (t) => {
-            t != null && c(t);
-          },
+          value: l.toString(),
+          items: R,
+          onSelectionChange: T,
           className: "w-auto min-w-10",
           popoverClassName: "w-20",
           textStyles: "text-xs align-center",
-          children: (t) => /* @__PURE__ */ e(i.Item, { id: t.id, textStyles: "text-xs font-normal", children: t.label })
+          children: (n) => /* @__PURE__ */ t(d.Item, { id: n.id, textStyles: "text-xs font-normal", children: n.label })
         }
       ),
-      /* @__PURE__ */ a("p", { className: "ml-4 text-xs", children: [
-        /* @__PURE__ */ e("span", { className: "font-normal text-tertiary", children: "Total rows " }),
-        /* @__PURE__ */ e("span", { className: "font-medium text-primary", children: l.toLocaleString() })
+      a != null && /* @__PURE__ */ s("p", { className: "ml-4 text-xs", "data-testid": S, children: [
+        /* @__PURE__ */ t("span", { className: "font-normal text-tertiary", children: "Total rows " }),
+        /* @__PURE__ */ t("span", { className: "font-medium text-primary", children: a.toLocaleString() })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
-      f,
+    /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
+      y,
       {
-        loading: r,
-        page: n,
-        total: o,
-        onPageChange: m
+        loading: o,
+        page: x,
+        total: p,
+        onPageChange: b
       }
     ) })
   ] });
 }
-h.displayName = "TablePagination";
+E.displayName = "TablePagination";
 export {
-  h as TablePagination
+  E as TablePagination
 };

package/dist/patterns/table/toolbar/BasicSortPanel.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { LegacySortToolConfig } from './legacyToolbarTypes';
+/** The toolbar's default sort panel: SortBuilder driven by a toolbar sort config. */
 export declare const BasicSortPanel: FC<{
     config: LegacySortToolConfig;
 }>;

package/dist/patterns/table/toolbar/BasicSortPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicSortPanel.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/BasicSortPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,KAAK,EAAgC,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAuG/F,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAmG/D,CAAC"}
+{"version":3,"file":"BasicSortPanel.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/BasicSortPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,qFAAqF;AACrF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAY/D,CAAC"}