@jirawatpyk/aura-react 5.83.0 → 5.85.0

package/README.md

@@ -248,6 +248,14 @@ DataTable with sort and page in the URL (4.17): `onStateChange={({ sort, page })
 - **Time zone**: `timeZone` on AuraProvider, DatePicker, DateRangePicker and Calendar decides "today" (the marker, `min`/`max="today"`, the first month shown); or pass `today` as an ISO date. `todayIn('Asia/Bangkok')` is exported from the root and `/server`.
 - **Toasts** queue past three instead of dropping: six in a row all show, in order, three at a time.
 
+## 5.85 — Chamber-OS 198 (DataTable columns for the cards only)
+
+- **DataTable column `grid: false`** (#198): the column shows only in the stacked cards (below `stackBelow`), never in the grid — the reverse of `card: 'hide'`. Its place in the card still follows `card` (`'title'`, `'pill'`, a field…), so a grid that puts the status under the number can give the phone card its own title and pill. It spends no width-query level (any `hideBelow` on it is ignored), takes no width in the grid, isn't pinned, isn't in the columns button and is skipped by the arrow keys there. Without `stackBelow` it isn't rendered. Replaces the `hideBelow: 100_000` workaround.
+
+## 5.84 — Chamber-OS 197 (cursor Pagination without Previous)
+
+- **Pagination `mode="cursor"` `showPrevious`** (#197): default `true`; `false` leaves Previous out entirely, as `showFirst={false}` does First — for a list that only goes forward (keyset, newest first), where a disabled Previous could never become live. The nav then holds Next (and First when shown) and the `status`.
+
 ## 5.83 — Chamber-OS 195–196 (Combobox announcements, Alert dismissLabel)
 
 - **Combobox status region** (#195): one `role="status"` region is part of the field for its whole life (beside the input, so inside a Dialog too, where the portaled list sits outside the modal) and only its text changes. Closed: empty. Open: the loading text, then the empty text or — with `onSearch`, once a search has come back (`loading` back to `false` after the person typed) — the result count ("12 results", the `results` string in EN, TH, SV). The count needs a managed `loading` prop. An `onSearch` field says nothing before the person types (an empty server list doesn't say "No matches" on open). Without `onSearch`, "no matches" and "keep typing" are the same words as before, now announced reliably. A region inserted already holding text is often not announced (NVDA, VoiceOver), which is why the old line was mostly silent. The visible note is unchanged and hidden from screen readers, which hear the region. A test that finds the note by its words (`getByText('No matches')`) now matches the region too: scope it to `.aura-combo__note`, or use `getByRole('status')`.

package/dist/aura.bundle.js

@@ -6135,7 +6135,7 @@ window.Aura = (() => {
     return w < threshold * (1 - 0.5 / Q);
   }
   function hidePx(c) {
-    if (c.hideBelow == null) return void 0;
+    if (c.hideBelow == null || c.grid === false) return void 0;
     const px = typeof c.hideBelow === "number" ? c.hideBelow : BP[c.hideBelow];
     return px != null && px > 0 ? px : void 0;
   }
@@ -6390,10 +6390,16 @@ window.Aura = (() => {
     }).map(function(k) {
       return byKey[k];
     }).filter(function(c) {
-      return !tooNarrow(c);
+      return !tooNarrow(c) && (c.grid !== false || !!props.stackBelow);
     });
+    const hasCardOnly = shown.some(function(c) {
+      return c.grid === false;
+    });
+    const gridShown = shown.filter(function(c) {
+      return c.grid !== false;
+    }).length;
     function isPinned(c) {
-      return pinnedKeys.indexOf(c.key) >= 0 && c.width != null;
+      return pinnedKeys.indexOf(c.key) >= 0 && c.width != null && c.grid !== false;
     }
     const vis = shown.filter(isPinned).concat(
       shown.filter(function(c) {
@@ -6441,7 +6447,8 @@ window.Aura = (() => {
       return {
         "data-card": part,
         "data-label": part === "field" || part === "wide" ? c.label || void 0 : void 0,
-        "data-hide": lv ? String(lv) : void 0
+        "data-hide": lv ? String(lv) : void 0,
+        "data-grid": c.grid === false ? "off" : void 0
       };
     }
     const hasFields = vis.some(function(c, i) {
@@ -6449,10 +6456,13 @@ window.Aura = (() => {
       return p === "field" || p === "wide";
     });
     const hasFlex = vis.some(function(c) {
-      return widthOf2(c) == null;
+      return widthOf2(c) == null && c.grid !== false;
     });
+    let lastGridCol = vis.length - 1;
+    while (lastGridCol > 0 && vis[lastGridCol].grid === false) lastGridCol--;
     let fixedSum = 0, hideTerms = "";
     vis.forEach(function(c) {
+      if (c.grid === false) return;
       const w = widthOf2(c) != null ? widthOf2(c) : c.minWidth || FLEX_MIN, lv = hideLevel(c);
       if (lv && boxWidth[0] == null) hideTerms += " + " + w + "px * var(--aura-h" + lv + "-on, 1)";
       else fixedSum += w;
@@ -6482,7 +6492,7 @@ window.Aura = (() => {
         s["--aura-cell-flex"] = g + " 1 0";
         s["--aura-cell-min"] = (c.minWidth || FLEX_MIN) + "px";
       } else {
-        s["--aura-cell-flex"] = !hasFlex && i === vis.length - 1 ? "1 0 auto" : "none";
+        s["--aura-cell-flex"] = !hasFlex && i === lastGridCol ? "1 0 auto" : "none";
         s["--aura-cell-w"] = w + "px";
       }
       if (isPinned(c)) s["--aura-cell-left"] = "calc(var(--aura-space-6)" + selW + " + " + pinOffsets[c.key] + ")";
@@ -6631,7 +6641,12 @@ window.Aura = (() => {
     const cardHidden = [];
     for (let ci = 0; ci < nCols; ci++) {
       const col = colAt(ci);
-      cardHidden.push(stacked && (col ? cardPart(col, vis.indexOf(col)) === "hide" : noCardSel));
+      cardHidden.push(
+        stacked ? col ? cardPart(col, vis.indexOf(col)) === "hide" : noCardSel : (
+          /* before the first measure the layout is CSS's: the DOM check below decides */
+          boxWidth[0] != null && !!col && col.grid === false
+        )
+      );
     }
     function nearestShown(c, dir, ok) {
       if (ok(c)) return c;
@@ -6692,7 +6707,7 @@ window.Aura = (() => {
       r2 = Math.max(0, Math.min(r2, lastR));
       c = Math.max(0, Math.min(c, nCols - 1));
       if (stacked && r2 === 0 && nRows > 0 && (!(selectable && c === 0) || noCardSel)) r2 = 1;
-      if (gridRef.current && (r2 === T && hasTotal || stacked)) {
+      if (gridRef.current && (r2 === T && hasTotal || stacked || hasCardOnly)) {
         const shown2 = function(cc) {
           if (cardHidden[cc]) return false;
           const e = gridRef.current.querySelector('[data-rc="' + r2 + ":" + cc + '"]');
@@ -6819,8 +6834,9 @@ window.Aura = (() => {
       window.addEventListener("pointerup", up2);
     }
     function moveCol(key, delta) {
+      if (byKey[key] && byKey[key].grid === false) return false;
       const c = byKey[key], group = vis.filter(function(x) {
-        return isPinned(x) === isPinned(c);
+        return isPinned(x) === isPinned(c) && x.grid !== false;
       });
       const gi = group.indexOf(c), target = group[gi + delta];
       if (!target) return false;
@@ -6879,7 +6895,7 @@ window.Aura = (() => {
     }
     function columnMenuItems(c) {
       const group = vis.filter(function(x) {
-        return isPinned(x) === isPinned(c);
+        return isPinned(x) === isPinned(c) && x.grid !== false;
       }), gi = group.indexOf(c);
       const items2 = [];
       if (c.sortable)
@@ -6932,7 +6948,7 @@ window.Aura = (() => {
         {
           label: t.hideColumn,
           icon: /* @__PURE__ */ React34.createElement(IconEyeOff, null),
-          disabled: shown.length <= 1,
+          disabled: gridShown <= 1,
           onSelect: function() {
             setHidden(c.key, true);
           }
@@ -6941,13 +6957,15 @@ window.Aura = (() => {
       return items2;
     }
     function pickerItems() {
-      return order.map(function(k) {
+      return order.filter(function(k) {
+        return byKey[k].grid !== false;
+      }).map(function(k) {
         const c = byKey[k], on = hidden.indexOf(k) < 0;
         return {
           label: c.label || (c.actions ? t.actions : c.key),
           checked: on,
           keepOpen: true,
-          disabled: on && shown.length <= 1,
+          disabled: on && gridShown <= 1,
           onSelect: function() {
             setHidden(k, on);
           }
@@ -7079,6 +7097,7 @@ window.Aura = (() => {
             style: cellStyle(c, i),
             "data-hide": hideLevel(c) ? String(hideLevel(c)) : void 0,
             "data-card": cardPart(c, i) === "hide" ? "hide" : void 0,
+            "data-grid": c.grid === false ? "off" : void 0,
             tabIndex: tabFor(0, ci),
             "data-rc": "0:" + ci,
             className: cx(
@@ -10948,7 +10967,7 @@ window.Aura = (() => {
         "aria-label": props.label || t.pagination
       },
       props.status != null && props.status !== false && props.status !== "" ? /* @__PURE__ */ React65.createElement("span", { className: "aura-pagination__status" }, props.status) : null,
-      /* @__PURE__ */ React65.createElement("span", { className: "aura-pagination__steps" }, props.showFirst === false ? null : step("first", props.firstHref, props.onFirst, props.hasFirst, t.firstPage, void 0, null, false), step(
+      /* @__PURE__ */ React65.createElement("span", { className: "aura-pagination__steps" }, props.showFirst === false ? null : step("first", props.firstHref, props.onFirst, props.hasFirst, t.firstPage, void 0, null, false), props.showPrevious === false ? null : step(
         "prev",
         props.previousHref,
         props.onPrevious,

package/dist/cjs/index.cjs

@@ -6117,7 +6117,7 @@ function below(w, threshold) {
   return w < threshold * (1 - 0.5 / Q);
 }
 function hidePx(c) {
-  if (c.hideBelow == null) return void 0;
+  if (c.hideBelow == null || c.grid === false) return void 0;
   const px = typeof c.hideBelow === "number" ? c.hideBelow : BP[c.hideBelow];
   return px != null && px > 0 ? px : void 0;
 }
@@ -6372,10 +6372,16 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
   }).map(function(k) {
     return byKey[k];
   }).filter(function(c) {
-    return !tooNarrow(c);
+    return !tooNarrow(c) && (c.grid !== false || !!props.stackBelow);
   });
+  const hasCardOnly = shown.some(function(c) {
+    return c.grid === false;
+  });
+  const gridShown = shown.filter(function(c) {
+    return c.grid !== false;
+  }).length;
   function isPinned(c) {
-    return pinnedKeys.indexOf(c.key) >= 0 && c.width != null;
+    return pinnedKeys.indexOf(c.key) >= 0 && c.width != null && c.grid !== false;
   }
   const vis = shown.filter(isPinned).concat(
     shown.filter(function(c) {
@@ -6423,7 +6429,8 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
     return {
       "data-card": part,
       "data-label": part === "field" || part === "wide" ? c.label || void 0 : void 0,
-      "data-hide": lv ? String(lv) : void 0
+      "data-hide": lv ? String(lv) : void 0,
+      "data-grid": c.grid === false ? "off" : void 0
     };
   }
   const hasFields = vis.some(function(c, i) {
@@ -6431,10 +6438,13 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
     return p === "field" || p === "wide";
   });
   const hasFlex = vis.some(function(c) {
-    return widthOf2(c) == null;
+    return widthOf2(c) == null && c.grid !== false;
   });
+  let lastGridCol = vis.length - 1;
+  while (lastGridCol > 0 && vis[lastGridCol].grid === false) lastGridCol--;
   let fixedSum = 0, hideTerms = "";
   vis.forEach(function(c) {
+    if (c.grid === false) return;
     const w = widthOf2(c) != null ? widthOf2(c) : c.minWidth || FLEX_MIN, lv = hideLevel(c);
     if (lv && boxWidth[0] == null) hideTerms += " + " + w + "px * var(--aura-h" + lv + "-on, 1)";
     else fixedSum += w;
@@ -6464,7 +6474,7 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
       s["--aura-cell-flex"] = g + " 1 0";
       s["--aura-cell-min"] = (c.minWidth || FLEX_MIN) + "px";
     } else {
-      s["--aura-cell-flex"] = !hasFlex && i === vis.length - 1 ? "1 0 auto" : "none";
+      s["--aura-cell-flex"] = !hasFlex && i === lastGridCol ? "1 0 auto" : "none";
       s["--aura-cell-w"] = w + "px";
     }
     if (isPinned(c)) s["--aura-cell-left"] = "calc(var(--aura-space-6)" + selW + " + " + pinOffsets[c.key] + ")";
@@ -6613,7 +6623,12 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
   const cardHidden = [];
   for (let ci = 0; ci < nCols; ci++) {
     const col = colAt(ci);
-    cardHidden.push(stacked && (col ? cardPart(col, vis.indexOf(col)) === "hide" : noCardSel));
+    cardHidden.push(
+      stacked ? col ? cardPart(col, vis.indexOf(col)) === "hide" : noCardSel : (
+        /* before the first measure the layout is CSS's: the DOM check below decides */
+        boxWidth[0] != null && !!col && col.grid === false
+      )
+    );
   }
   function nearestShown(c, dir, ok) {
     if (ok(c)) return c;
@@ -6674,7 +6689,7 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
     r2 = Math.max(0, Math.min(r2, lastR));
     c = Math.max(0, Math.min(c, nCols - 1));
     if (stacked && r2 === 0 && nRows > 0 && (!(selectable && c === 0) || noCardSel)) r2 = 1;
-    if (gridRef.current && (r2 === T && hasTotal || stacked)) {
+    if (gridRef.current && (r2 === T && hasTotal || stacked || hasCardOnly)) {
       const shown2 = function(cc) {
         if (cardHidden[cc]) return false;
         const e = gridRef.current.querySelector('[data-rc="' + r2 + ":" + cc + '"]');
@@ -6801,8 +6816,9 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
     window.addEventListener("pointerup", up2);
   }
   function moveCol(key, delta) {
+    if (byKey[key] && byKey[key].grid === false) return false;
     const c = byKey[key], group = vis.filter(function(x) {
-      return isPinned(x) === isPinned(c);
+      return isPinned(x) === isPinned(c) && x.grid !== false;
     });
     const gi = group.indexOf(c), target = group[gi + delta];
     if (!target) return false;
@@ -6861,7 +6877,7 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
   }
   function columnMenuItems(c) {
     const group = vis.filter(function(x) {
-      return isPinned(x) === isPinned(c);
+      return isPinned(x) === isPinned(c) && x.grid !== false;
     }), gi = group.indexOf(c);
     const items2 = [];
     if (c.sortable)
@@ -6914,7 +6930,7 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
       {
         label: t.hideColumn,
         icon: /* @__PURE__ */ React34.createElement(IconEyeOff, null),
-        disabled: shown.length <= 1,
+        disabled: gridShown <= 1,
         onSelect: function() {
           setHidden(c.key, true);
         }
@@ -6923,13 +6939,15 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
     return items2;
   }
   function pickerItems() {
-    return order.map(function(k) {
+    return order.filter(function(k) {
+      return byKey[k].grid !== false;
+    }).map(function(k) {
       const c = byKey[k], on = hidden.indexOf(k) < 0;
       return {
         label: c.label || (c.actions ? t.actions : c.key),
         checked: on,
         keepOpen: true,
-        disabled: on && shown.length <= 1,
+        disabled: on && gridShown <= 1,
         onSelect: function() {
           setHidden(k, on);
         }
@@ -7061,6 +7079,7 @@ var DataTableImpl = React34.forwardRef(function DataTable(props, ref) {
           style: cellStyle(c, i),
           "data-hide": hideLevel(c) ? String(hideLevel(c)) : void 0,
           "data-card": cardPart(c, i) === "hide" ? "hide" : void 0,
+          "data-grid": c.grid === false ? "off" : void 0,
           tabIndex: tabFor(0, ci),
           "data-rc": "0:" + ci,
           className: cx(
@@ -10930,7 +10949,7 @@ function cursorNav(props, ref, Link, t) {
       "aria-label": props.label || t.pagination
     },
     props.status != null && props.status !== false && props.status !== "" ? /* @__PURE__ */ React65.createElement("span", { className: "aura-pagination__status" }, props.status) : null,
-    /* @__PURE__ */ React65.createElement("span", { className: "aura-pagination__steps" }, props.showFirst === false ? null : step("first", props.firstHref, props.onFirst, props.hasFirst, t.firstPage, void 0, null, false), step(
+    /* @__PURE__ */ React65.createElement("span", { className: "aura-pagination__steps" }, props.showFirst === false ? null : step("first", props.firstHref, props.onFirst, props.hasFirst, t.firstPage, void 0, null, false), props.showPrevious === false ? null : step(
       "prev",
       props.previousHref,
       props.onPrevious,

package/dist/esm/DataTable.js

@@ -59,7 +59,7 @@ function below(w, threshold) {
   return w < threshold * (1 - 0.5 / Q);
 }
 function hidePx(c) {
-  if (c.hideBelow == null) return void 0;
+  if (c.hideBelow == null || c.grid === false) return void 0;
   const px = typeof c.hideBelow === "number" ? c.hideBelow : BP[c.hideBelow];
   return px != null && px > 0 ? px : void 0;
 }
@@ -312,10 +312,16 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
   }).map(function(k) {
     return byKey[k];
   }).filter(function(c) {
-    return !tooNarrow(c);
+    return !tooNarrow(c) && (c.grid !== false || !!props.stackBelow);
   });
+  const hasCardOnly = shown.some(function(c) {
+    return c.grid === false;
+  });
+  const gridShown = shown.filter(function(c) {
+    return c.grid !== false;
+  }).length;
   function isPinned(c) {
-    return pinnedKeys.indexOf(c.key) >= 0 && c.width != null;
+    return pinnedKeys.indexOf(c.key) >= 0 && c.width != null && c.grid !== false;
   }
   const vis = shown.filter(isPinned).concat(
     shown.filter(function(c) {
@@ -363,7 +369,8 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
     return {
       "data-card": part,
       "data-label": part === "field" || part === "wide" ? c.label || void 0 : void 0,
-      "data-hide": lv ? String(lv) : void 0
+      "data-hide": lv ? String(lv) : void 0,
+      "data-grid": c.grid === false ? "off" : void 0
     };
   }
   const hasFields = vis.some(function(c, i) {
@@ -371,10 +378,13 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
     return p === "field" || p === "wide";
   });
   const hasFlex = vis.some(function(c) {
-    return widthOf(c) == null;
+    return widthOf(c) == null && c.grid !== false;
   });
+  let lastGridCol = vis.length - 1;
+  while (lastGridCol > 0 && vis[lastGridCol].grid === false) lastGridCol--;
   let fixedSum = 0, hideTerms = "";
   vis.forEach(function(c) {
+    if (c.grid === false) return;
     const w = widthOf(c) != null ? widthOf(c) : c.minWidth || FLEX_MIN, lv = hideLevel(c);
     if (lv && boxWidth[0] == null) hideTerms += " + " + w + "px * var(--aura-h" + lv + "-on, 1)";
     else fixedSum += w;
@@ -404,7 +414,7 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
       s["--aura-cell-flex"] = g + " 1 0";
       s["--aura-cell-min"] = (c.minWidth || FLEX_MIN) + "px";
     } else {
-      s["--aura-cell-flex"] = !hasFlex && i === vis.length - 1 ? "1 0 auto" : "none";
+      s["--aura-cell-flex"] = !hasFlex && i === lastGridCol ? "1 0 auto" : "none";
       s["--aura-cell-w"] = w + "px";
     }
     if (isPinned(c)) s["--aura-cell-left"] = "calc(var(--aura-space-6)" + selW + " + " + pinOffsets[c.key] + ")";
@@ -553,7 +563,12 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
   const cardHidden = [];
   for (let ci = 0; ci < nCols; ci++) {
     const col = colAt(ci);
-    cardHidden.push(stacked && (col ? cardPart(col, vis.indexOf(col)) === "hide" : noCardSel));
+    cardHidden.push(
+      stacked ? col ? cardPart(col, vis.indexOf(col)) === "hide" : noCardSel : (
+        /* before the first measure the layout is CSS's: the DOM check below decides */
+        boxWidth[0] != null && !!col && col.grid === false
+      )
+    );
   }
   function nearestShown(c, dir, ok) {
     if (ok(c)) return c;
@@ -614,7 +629,7 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
     r = Math.max(0, Math.min(r, lastR));
     c = Math.max(0, Math.min(c, nCols - 1));
     if (stacked && r === 0 && nRows > 0 && (!(selectable && c === 0) || noCardSel)) r = 1;
-    if (gridRef.current && (r === T && hasTotal || stacked)) {
+    if (gridRef.current && (r === T && hasTotal || stacked || hasCardOnly)) {
       const shown2 = function(cc) {
         if (cardHidden[cc]) return false;
         const e = gridRef.current.querySelector('[data-rc="' + r + ":" + cc + '"]');
@@ -741,8 +756,9 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
     window.addEventListener("pointerup", up);
   }
   function moveCol(key, delta) {
+    if (byKey[key] && byKey[key].grid === false) return false;
     const c = byKey[key], group = vis.filter(function(x) {
-      return isPinned(x) === isPinned(c);
+      return isPinned(x) === isPinned(c) && x.grid !== false;
     });
     const gi = group.indexOf(c), target = group[gi + delta];
     if (!target) return false;
@@ -801,7 +817,7 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
   }
   function columnMenuItems(c) {
     const group = vis.filter(function(x) {
-      return isPinned(x) === isPinned(c);
+      return isPinned(x) === isPinned(c) && x.grid !== false;
     }), gi = group.indexOf(c);
     const items = [];
     if (c.sortable)
@@ -854,7 +870,7 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
       {
         label: t.hideColumn,
         icon: /* @__PURE__ */ React.createElement(IconEyeOff, null),
-        disabled: shown.length <= 1,
+        disabled: gridShown <= 1,
         onSelect: function() {
           setHidden(c.key, true);
         }
@@ -863,13 +879,15 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
     return items;
   }
   function pickerItems() {
-    return order.map(function(k) {
+    return order.filter(function(k) {
+      return byKey[k].grid !== false;
+    }).map(function(k) {
       const c = byKey[k], on = hidden.indexOf(k) < 0;
       return {
         label: c.label || (c.actions ? t.actions : c.key),
         checked: on,
         keepOpen: true,
-        disabled: on && shown.length <= 1,
+        disabled: on && gridShown <= 1,
         onSelect: function() {
           setHidden(k, on);
         }
@@ -1001,6 +1019,7 @@ const DataTableImpl = React.forwardRef(function DataTable(props, ref) {
           style: cellStyle(c, i),
           "data-hide": hideLevel(c) ? String(hideLevel(c)) : void 0,
           "data-card": cardPart(c, i) === "hide" ? "hide" : void 0,
+          "data-grid": c.grid === false ? "off" : void 0,
           tabIndex: tabFor(0, ci),
           "data-rc": "0:" + ci,
           className: cx(

package/dist/esm/Pagination.js

@@ -59,7 +59,7 @@ function cursorNav(props, ref, Link, t) {
       "aria-label": props.label || t.pagination
     },
     props.status != null && props.status !== false && props.status !== "" ? /* @__PURE__ */ React.createElement("span", { className: "aura-pagination__status" }, props.status) : null,
-    /* @__PURE__ */ React.createElement("span", { className: "aura-pagination__steps" }, props.showFirst === false ? null : step("first", props.firstHref, props.onFirst, props.hasFirst, t.firstPage, void 0, null, false), step(
+    /* @__PURE__ */ React.createElement("span", { className: "aura-pagination__steps" }, props.showFirst === false ? null : step("first", props.firstHref, props.onFirst, props.hasFirst, t.firstPage, void 0, null, false), props.showPrevious === false ? null : step(
       "prev",
       props.previousHref,
       props.onPrevious,

package/dist/index.d.cts

@@ -127,6 +127,12 @@ export interface DataTableColumn<Row extends Record<string, any> = Record<string
 	 * after the half-width fields (in column order; `cardOrder` doesn't move it), its label above and its text wrapping —
 	 * a reason with its evidence. Default: today's rule. The grid is unchanged by any of them. */
 	card?: "hide" | "field" | "title" | "pill" | "footer" | "wide" | undefined;
+	/** 5.85 (Chamber-OS 198): `false` — the column shows only in stacked cards (below `stackBelow`), never in the grid,
+	 * the reverse of `card: 'hide'`. Its place in the card still follows `card`. It spends no width-query level, takes no
+	 * width in the grid, isn't pinned and isn't in the columns button; `hideBelow` is ignored. Needs `stackBelow` (without
+	 * it the column isn't rendered). Its header isn't in the grid, so it can't be sorted, moved or hidden from the UI —
+	 * sort by it through `sort`; a controlled `hidden` that lists it hides it in the cards too. Default true. */
+	grid?: boolean | undefined;
 	/** How many text lines its loading skeleton draws (5.29, Chamber-OS 134) — 2 for a cell that shows two lines (a
 	 * reason and its evidence), so the skeleton row is as tall as the real one with `rowHeight="auto"`. Default 1, at
 	 * most 10; ignored on a `pill` column. */
@@ -1820,6 +1826,9 @@ export interface CursorPaginationProps {
 	hasNext?: boolean | undefined;
 	/** Default true. `false` leaves the First link out (a list that only goes forward). */
 	showFirst?: boolean | undefined;
+	/** 5.84 (Chamber-OS 197): default true. `false` leaves Previous out entirely — for a list that only goes forward
+	 * (keyset, newest first), where a disabled Previous could never become live. */
+	showPrevious?: boolean | undefined;
 	/** A line at the start, e.g. "Showing 50 of 1,240". Not a live region. */
 	status?: React$1.ReactNode | undefined;
 	/** Name of the nav. Default "Pagination". */

package/dist/index.d.ts

@@ -127,6 +127,12 @@ export interface DataTableColumn<Row extends Record<string, any> = Record<string
 	 * after the half-width fields (in column order; `cardOrder` doesn't move it), its label above and its text wrapping —
 	 * a reason with its evidence. Default: today's rule. The grid is unchanged by any of them. */
 	card?: "hide" | "field" | "title" | "pill" | "footer" | "wide" | undefined;
+	/** 5.85 (Chamber-OS 198): `false` — the column shows only in stacked cards (below `stackBelow`), never in the grid,
+	 * the reverse of `card: 'hide'`. Its place in the card still follows `card`. It spends no width-query level, takes no
+	 * width in the grid, isn't pinned and isn't in the columns button; `hideBelow` is ignored. Needs `stackBelow` (without
+	 * it the column isn't rendered). Its header isn't in the grid, so it can't be sorted, moved or hidden from the UI —
+	 * sort by it through `sort`; a controlled `hidden` that lists it hides it in the cards too. Default true. */
+	grid?: boolean | undefined;
 	/** How many text lines its loading skeleton draws (5.29, Chamber-OS 134) — 2 for a cell that shows two lines (a
 	 * reason and its evidence), so the skeleton row is as tall as the real one with `rowHeight="auto"`. Default 1, at
 	 * most 10; ignored on a `pill` column. */
@@ -1820,6 +1826,9 @@ export interface CursorPaginationProps {
 	hasNext?: boolean | undefined;
 	/** Default true. `false` leaves the First link out (a list that only goes forward). */
 	showFirst?: boolean | undefined;
+	/** 5.84 (Chamber-OS 197): default true. `false` leaves Previous out entirely — for a list that only goes forward
+	 * (keyset, newest first), where a disabled Previous could never become live. */
+	showPrevious?: boolean | undefined;
 	/** A line at the start, e.g. "Showing 50 of 1,240". Not a live region. */
 	status?: React$1.ReactNode | undefined;
 	/** Name of the nav. Default "Pagination". */

package/dist/styles.css

@@ -2659,6 +2659,9 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
 @container aura-h1 (width < 9999.5px) { .aura-table { --aura-h1-on: 0; } .aura-table [data-hide='1'] { display: none; } }
 @container aura-h2 (width < 9999.5px) { .aura-table { --aura-h2-on: 0; } .aura-table [data-hide='2'] { display: none; } }
 @container aura-h3 (width < 9999.5px) { .aura-table { --aura-h3-on: 0; } .aura-table [data-hide='3'] { display: none; } }
+/* 5.85 (Chamber-OS 198): grid: false — in the cards only. Hidden while the table is at or above stackBelow (the grid);
+ * DataTable doesn't render such a column without stackBelow. */
+@container aura-stack (width >= 9999.5px) { .aura-table [data-grid='off'] { display: none; } }
 
 /* Below stackBelow the same grid lays out as cards: the first column is the title, the first other pill column sits
  * beside it, `actions` columns go top-right, the rest are label/value fields two to a line. Column headers stay for

package/dist/styles.layer.css

@@ -2661,6 +2661,9 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
 @container aura-h1 (width < 9999.5px) { .aura-table { --aura-h1-on: 0; } .aura-table [data-hide='1'] { display: none; } }
 @container aura-h2 (width < 9999.5px) { .aura-table { --aura-h2-on: 0; } .aura-table [data-hide='2'] { display: none; } }
 @container aura-h3 (width < 9999.5px) { .aura-table { --aura-h3-on: 0; } .aura-table [data-hide='3'] { display: none; } }
+/* 5.85 (Chamber-OS 198): grid: false — in the cards only. Hidden while the table is at or above stackBelow (the grid);
+ * DataTable doesn't render such a column without stackBelow. */
+@container aura-stack (width >= 9999.5px) { .aura-table [data-grid='off'] { display: none; } }
 
 /* Below stackBelow the same grid lays out as cards: the first column is the title, the first other pill column sits
  * beside it, `actions` columns go top-right, the rest are label/value fields two to a line. Column headers stay for

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jirawatpyk/aura-react",
-  "version": "5.83.0",
+  "version": "5.85.0",
   "description": "AURA Design System — React components (Enterprise Standard, Human Creative). Thai-first: Buddhist-era dates, Thai collation.",
   "license": "MIT",
   "type": "module",