@multiplatform.one/table 6.7.0 → 7.0.0

package/README.md

@@ -10,7 +10,7 @@
 - **🔍 Advanced Filtering** - query builder with 20+ operators
 - **🔗 URL State Management** - Bookmarkable/shareable table states
 - **🌍 Universal Compatibility** - Works with any React router or framework
-- **📱 Cross-Platform** - Web, React Native, Tauri, and more
+- **📱 Cross-Platform** - Web, React Native, Tauri, GNOME, and more
 - **⚡ Performance** - Server/client-side filtering and pagination
 - **🎨 Beautiful UI** - Built with Tamagui for consistent design
 - **♿ Accessible** - WCAG 2.1 AA compliant
@@ -84,6 +84,7 @@ Works with **any React framework** and **all platforms**:
 | **Next.js App Router** | `createUrlStrategy.nextJs()`      | ✅ Full Support |
 | **React Native**       | `syncWithUrl={false}`             | ✅ Full Support |
 | **Tauri**              | `createUrlStrategy.universal()`   | ✅ Full Support |
+| **GNOME (GTK/GJS)**    | `syncWithUrl={false}`             | ✅ Full Support |
 | **Vanilla React**      | `createUrlStrategy.universal()`   | ✅ Full Support |
 | **Any Router**         | `createUrlStrategy.custom()`      | ✅ Full Support |
 
@@ -861,7 +862,7 @@ const availableColumns = [
 // Web: URL updates automatically
 // /users?page=2&pageSize=50&filters=name:contains:john&sort=name:asc
 
-// React Native: State persists in memory
+// React Native / GNOME: State persists in memory
 // Tauri: State syncs with IPC if needed
 
 <DataTable
@@ -1089,7 +1090,7 @@ import { useUrlState } from "@multiplatform.one/router";
 
 ### What We Have
 
-- **Native Cross-Platform Support** - Works on Web, React Native, Tauri without changes
+- **Native Cross-Platform Support** - Works on Web, React Native, Tauri, GNOME without changes
 - **URL State Strategy Pattern** - Pluggable routing integration (OneStack, React Router, Next.js)
 - **Forms Integration** - Deep integration with @multiplatform.one/forms
 - **Universal Router Compatibility** - Works with any React routing solution

package/dist/cjs/components/ChildTable/index.cjs

@@ -91,7 +91,8 @@ function ChildTable(props) {
     maxRows,
     showRowNumbers,
     showAddRow: showAddRow && !readOnly && !disabled,
-    showDeleteRow: showDeleteRow && !readOnly && !disabled
+    showDeleteRow: showDeleteRow && !readOnly && !disabled,
+    compact
   });
   if (!hasLayout && !formBound) return table;
   const control = label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

package/dist/cjs/components/ChildTable/index.native.js

@@ -99,7 +99,8 @@ function ChildTable(props) {
     maxRows,
     showRowNumbers,
     showAddRow: showAddRow && !readOnly && !disabled,
-    showDeleteRow: showDeleteRow && !readOnly && !disabled
+    showDeleteRow: showDeleteRow && !readOnly && !disabled,
+    compact
   });
   if (!hasLayout && !formBound) return table;
   var control = label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

package/dist/cjs/components/ChildTable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChildTable_exports","__export","ChildTable","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","import_TableInput","ChildTableFieldError","param","form","name","children","Subscribe","jsx","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","props","validators","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","useProps","knobProps","resolvedForm","useFormField","formBound","hasLayout","Input","TableInput","table","data","control","YStack","width","role","renderLayout","renderLayout2","resolvedError","FieldLayout"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChildTable_exports","__export","ChildTable","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","import_TableInput","ChildTableFieldError","param","form","name","children","Subscribe","jsx","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","props","validators","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","useProps","knobProps","resolvedForm","useFormField","formBound","hasLayout","Input","TableInput","table","data","control","YStack","width","role","renderLayout","renderLayout2","resolvedError","FieldLayout"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ColumnHeaderFilter/index.cjs

@@ -79,8 +79,6 @@ function ColumnHeaderFilter({
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
         asChild: true,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          padding: "$1",
-          borderRadius: "$2",
           cursor: "pointer",
           ...(0, import_theme.pressTargetStyle)(),
           alignItems: "center",
@@ -88,11 +86,12 @@ function ColumnHeaderFilter({
           marginVertical: -FILTER_TRIGGER_OUTSET,
           marginHorizontal: -FILTER_TRIGGER_OUTSET,
           hitSlop: (0, import_theme.pressTargetHitSlop)(FILTER_TRIGGER_VISUAL),
+          opacity: isFiltered ? 1 : 0.7,
           hoverStyle: {
-            backgroundColor: "$color4"
+            opacity: 1
           },
           pressStyle: {
-            backgroundColor: "$color5"
+            opacity: 0.9
           },
           onPress: e => {
             e.stopPropagation();
@@ -100,10 +99,19 @@ function ColumnHeaderFilter({
           },
           role: "button",
           "aria-label": `Filter column ${columnLabel}`,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
-            size: 14,
-            color: isFiltered ? "var(--accentColor)" : "var(--color10)",
-            weight: isFiltered ? "fill" : "regular"
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            padding: "$1",
+            borderRadius: "$2",
+            alignItems: "center",
+            justifyContent: "center",
+            hoverStyle: {
+              backgroundColor: "$color4"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+              size: 14,
+              color: isFiltered ? "var(--accentColor)" : "var(--color10)",
+              weight: isFiltered ? "fill" : "regular"
+            })
           })
         })
       })
@@ -123,7 +131,7 @@ function ColumnHeaderFilter({
         y: -5,
         opacity: 0
       },
-      elevate: true,
+      elevation: knobProps.elevation,
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
         borderWidth: 1,
         borderColor: "$color6"

package/dist/cjs/components/ColumnHeaderFilter/index.native.js

@@ -81,9 +81,15 @@ function ColumnHeaderFilter(param) {
       content: isFiltered ? (0, import_t.t)("Edit filter") : (0, import_t.t)("Filter this column"),
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
         asChild: true,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          padding: "$1",
-          borderRadius: "$2",
+        children: (
+        /* LC-54 amendment (2026-08-13): the grown press target NEVER
+        paints — hover/press fills on this box spread across the full
+        44px floor and bled into the neighboring header rows via the
+        negative outsets. Floor-wide feedback is subtree opacity; the
+        painted hover chrome rides the glyph-scale ring inside
+        (Chip dismiss anatomy). */
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(import_tamagui.View, {
           cursor: "pointer",
           ...(0, import_theme.pressTargetStyle)(),
           alignItems: "center",
@@ -91,11 +97,14 @@ function ColumnHeaderFilter(param) {
           marginVertical: -FILTER_TRIGGER_OUTSET,
           marginHorizontal: -FILTER_TRIGGER_OUTSET,
           hitSlop: (0, import_theme.pressTargetHitSlop)(FILTER_TRIGGER_VISUAL),
+          // Axiom 6 HONEST STATE: an applied filter is an active signal —
+          // it keeps full strength; only the idle affordance rests dimmed.
+          opacity: isFiltered ? 1 : 0.7,
           hoverStyle: {
-            backgroundColor: "$color4"
+            opacity: 1
           },
           pressStyle: {
-            backgroundColor: "$color5"
+            opacity: 0.9
           },
           onPress: function onPress(e) {
             e.stopPropagation();
@@ -103,12 +112,21 @@ function ColumnHeaderFilter(param) {
           },
           role: "button",
           "aria-label": `Filter column ${columnLabel}`,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
-            size: 14,
-            color: isFiltered ? "var(--accentColor)" : "var(--color10)",
-            weight: isFiltered ? "fill" : "regular"
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            padding: "$1",
+            borderRadius: "$2",
+            alignItems: "center",
+            justifyContent: "center",
+            hoverStyle: {
+              backgroundColor: "$color4"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+              size: 14,
+              color: isFiltered ? "var(--accentColor)" : "var(--color10)",
+              weight: isFiltered ? "fill" : "regular"
+            })
           })
-        })
+        }))
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
       ...knobProps.borderRadius,
@@ -126,7 +144,10 @@ function ColumnHeaderFilter(param) {
         y: -5,
         opacity: 0
       },
-      elevate: true,
+      // Knob elevation channel, not `elevate`: Popover.Content has no such
+      // variant in tamagui 2.0, so the bare boolean leaked to the DOM
+      // (LC-46 class) and painted no shadow.
+      elevation: knobProps.elevation,
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
         borderWidth: 1,
         borderColor: "$color6"

package/dist/cjs/components/ColumnHeaderFilter/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColumnHeaderFilter_exports","__export","ColumnHeaderFilter","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","import_t","import_filterFields","import_FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","MIN_PRESS_TARGET","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","open","setOpen","useState","operator","setOperator","setValue","handleApply","handleApply2","operatorNeedsNoValue","handleClear","handleClear2","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","t","Trigger","asChild","View","padding","borderRadius","cursor","pressTargetStyle","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","hoverStyle","backgroundColor","pressStyle","onPress","e","stopPropagation","role","FunnelIcon","size","color","weight","Content","borderWidth","borderColor","panelPadding","minWidth","transition","enterStyle","y","opacity","exitStyle","elevate","Arrow","YStack","gap","Text","fontSize","sizeToken","fontWeight","column"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAKAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,0BAAA;AAC3B,IAAAK,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,YAAA,GAKOD,OAAA;AACP,IAAAE,YAAA,GAAAF,OAAyB;AACzB,IAAAG,YAAA,GAAAH,OAAwB;AACxB,IAAAI,aAAA,GAAAJ,OAAoD;AACpD,IAAAK,iBAAkB,GAAAL,OAAA;AAElB,IAAAM,cAAA,GAAAN,OAAqC;AACrC,IAAAO,QAAA,GAAAP,OAAA,2BAA0C;AAoF9B,IAAAQ,mBAAA,GAAAR,OAAA;AA/DZ,IAAAS,gCAA8B,GAAAT,OAAA;AAC9B,IAAAU,qBAAM,KAAwB;AAAK,IACjCC,qBAAA,GAAAC,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,IAAA,EAAAX,YAAA,CAAAY,gBAAA,GAAAL,qBAAA;AAAA,SACKd,kBAAMA,CAAAoB,KAAA;EACb;IAAAC,QAAA,EAAAC,SAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,WAAA,EAAAC,YAAA;IAAAC,cAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAT,KAAA;EAEO;IAAAU;EAAS,QAAAvB,YAAmB,CAAAwB,gBAAA;EACjC,KAAAC,IAAA,EAAUC,OAAA,QAAAzB,aAAA,CAAA0B,QAAA;EACV,KAAAC,QAAA,EAAAC,WAAA,QAAA5B,aAAA,CAAA0B,QAAA;EACA,KAAArC,KAAA,EAAAwC,QAAA,QAAA7B,aAAA,CAAA0B,QAAA;EACA,IAAAI,WAAa,YAAAC,aAAA;IACb,QAAA3B,mBAAA,CAAA4B,oBAAA,EAAAL,QAAA;MACAR,cAAA;QACAQ,QAAA;QAC0BtC,KAAA;MAC1B,EAAM;IACN,OAAO;MACP8B,cAAiB;QACXQ,QAAQ;QAIRtC;MACJ;IACE;IACFoC,OAAO;EACL;EAAkC,IACpCQ,WAAA,YAAAC,aAAA;IACAL,QAAQ;IACVD,WAAA;IAKAT,cAAM,MAAc;EAClB;EACA,sBAAY,CAAU,GAAAxB,kBAAA,CAAAwC,IAAA,EAAAjC,cAAA,CAAAkC,OAAA;IACtBZ,IAAA;IACFa,YAAA,EAAAZ,OAAA;IAEAa,QACE,GACE,mBAAA3C,kBAAA,CAAA4C,GAAC,EAAAtC,iBAAA,CAAAuC,OAAA,EAAQ;MAEJC,OAAA,EAAApB,UAAA,OAAAlB,QAAA,CAAAuC,CAAA,uBAAAvC,QAAA,CAAAuC,CAAA;MAAAJ,QAAA,qBAAA3C,kBAAA,CAAA4C,GAAA,EAAArC,cAAA,CAAAkC,OAAA,CAAAO,OAAA;QACCC,OAAQ;QACRN,QAAA,iBAAa,IAAA3C,kBAAA,CAAA4C,GAAA,EAAArC,cAAA,CAAA2C,IAAA;UACbC,OAAO;UACNC,YAAG;UACJC,MAAA,EAAW;UACX,OAAAjD,YAAe,CAAAkD,gBAAA;UACfC,UAAA,EAAgB,QAAC;UACjBC,cAAkB,EAAC;UACnBC,cAAS,GAAA7C,qBAAA;UACT8C,gBAAc,GAAA9C,qBAA2B;UACzC+C,OAAA,EAAY,CAAE,GAAAvD,YAAA,CAAAwD,kBAA2B,EAAAjD,qBAAA;UACzCkD,UAAU,EAAM;YACZC,eAAgB;UAClB;UACFC,UAAA;YACKD,eAAA;UACL;UAEAE,OAAA,WAAAA,QAAAC,CAAA;YAACA,CAAA,CAAAC,eAAA;YAAApC,OAAA;UACC;UACAqC,IAAA,UAAO;UACP,YAAQ,mBAAsB/C,WAAA;UAAAuB,QAAA,qBAAA3C,kBAAA,CAAA4C,GAAA,EAAA1C,YAAA,CAAAkE,UAAA;YAChCC,IAAA;YAAAC,KAAA,EAAA5C,UAAA;YAGN6C,MAAA,EAAA7C,UAAA;UAEA;QAAC;MAAA;IAAA,EACE,EAAa,eACD,IAAA1B,kBAAA,CAAAwC,IAAA,EAAAjC,cAAA,CAAAkC,OAAA,CAAA+B,OAAA;MACb,GAAA7C,SAAA,CAAYyB,YAAA;MACZqB,WAAA;MACCC,WAAG,EAAU;MACdZ,eAAU;MACV,GAAAnC,SAAY,CAAAgD,YAAU;MACtBC,QAAA,KAAY;MACZC,UAAA,EAAWlD,SAAS,CAAAkD,UAAW;MAC/BC,UAAO;QAEPC,CAAA;QAAAC,OAAA;MAAqD;MAGnDC,SAAA;QAEAF,CAAA,EAGA;QAAAC,OAAC;MAAA;MAAAE,OAAA,EACC;MAAWvC,QACX,kBACA,IAAA3C,kBAAA,CAAA4C,GAAA,EAAArC,cAAA,CAAAkC,OAAA,CAAA0C,KAAA;QAAAV,WACA;QAAkBC,WAClB;MAAe,IACf,mBAAA1E,kBAAA,CAAAwC,IAAA,EAAAjC,cAAA,CAAA6E,MAAA;QACF,GAAAzD,SAAA,CAAA0D,GAAA;QAGA1C,QAAA,GACG,eACC,IAAA3C,kBAAA,CAAA4C,GAAA,EAAArC,cAAC,CAAA+E,IAAA;UAIHC,QAAA,EAAA5D,SAAA,CAAA6D,SAAA;UAGFC,UAAA;UACFnB,KAAA;UAAA3B,QAAA,MAAAnC,QAAA,CAAAuC,CAAA;YAAA2C,MAAA,EAAAtE;UACF;QACF,IAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColumnHeaderFilter_exports","__export","ColumnHeaderFilter","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","import_t","import_filterFields","import_FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","MIN_PRESS_TARGET","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","open","setOpen","useState","operator","setOperator","setValue","handleApply","handleApply2","operatorNeedsNoValue","handleClear","handleClear2","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","t","Trigger","asChild","View","cursor","pressTargetStyle","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","FunnelIcon","size","color","weight","Content","borderWidth","borderColor","panelPadding","minWidth","transition","enterStyle","y","exitStyle","elevation","Arrow"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableDocumentList.cjs

@@ -0,0 +1,222 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DataTableDocumentList_exports = {};
+__export(DataTableDocumentList_exports, {
+  DataTableDocumentList: () => DataTableDocumentList,
+  pickDocumentListTitleCell: () => pickDocumentListTitleCell
+});
+module.exports = __toCommonJS(DataTableDocumentList_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_withInterp = require("../../utils/withInterp.cjs");
+var import_documentListSlots = require("./documentListSlots.cjs");
+var import_rowStateChrome = require("./rowStateChrome.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function pickDocumentListTitleCell(visibleCells) {
+  const titled = visibleCells.find(cell => {
+    const meta = cell.column.columnDef.meta;
+    return meta?.role === "title";
+  });
+  if (titled) return titled;
+  const content = visibleCells.find(cell => {
+    const id = String(cell.column.id ?? "");
+    const meta = cell.column.columnDef.meta;
+    return !id.startsWith("_") && meta?.role !== "actions";
+  });
+  return content ?? visibleCells[0];
+}
+function DataTableDocumentList({
+  tableRows,
+  enableRowSelection = false,
+  disabled = false,
+  hasActiveFilters,
+  renderCellContent,
+  compact = false,
+  selectRowLabel,
+  getRowPressProps,
+  queryInFlight = false
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const tableZebraOn = knobProps.tableZebra === "on";
+  const rowPad = knobProps.panelPadding.padding;
+  const renderRow = (0, import_react.useCallback)((row, index) => {
+    const rowData = row.original;
+    const visibleCells = row.getVisibleCells();
+    const titleCell = pickDocumentListTitleCell(visibleCells);
+    const {
+      indicators,
+      metas,
+      actions
+    } = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
+    const position = (0, import_theme.getGroupPosition)(index, tableRows.length);
+    const corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);
+    const selected = Boolean(enableRowSelection && row.getIsSelected?.());
+    const rowState = (0, import_rowStateChrome.tableRowStateProps)({
+      selected,
+      zebraOn: tableZebraOn,
+      index
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        ...import_theme.hairline.line
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        testID: "data-table-list-row",
+        alignItems: "center",
+        gap: "$3",
+        paddingHorizontal: rowPad,
+        paddingVertical: "$2",
+        minHeight: 44,
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "nowrap",
+        width: "100%",
+        ...{
+          "data-list-wrap": "nowrap"
+        },
+        ...corners,
+        ...rowState,
+        hoverStyle: {
+          ...rowState.hoverStyle,
+          ...corners
+        },
+        ...(getRowPressProps ? getRowPressProps(row, index, "row") : {}),
+        children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+          checked: row.getIsSelected(),
+          onChange: checked => {
+            if (disabled) return;
+            row.toggleSelected(!!checked);
+          },
+          disabled,
+          checkboxProps: {
+            "aria-label": selectRowLabel?.(row, index) ?? (0, import_withInterp.withInterp)(t("Select row {{row}}", {
+              row: index + 1
+            }), {
+              row: index + 1
+            })
+          },
+          compact
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          flex: 1,
+          minWidth: 0,
+          gap: "$1",
+          overflow: "hidden",
+          children: [titleCell ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            minWidth: 0,
+            ...{
+              "data-list-slot": "title"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+              value: {
+                inTableCell: true,
+                isHeader: false
+              },
+              children: renderCellContent(titleCell, index, rowData)
+            })
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flex: 1
+          }), metas.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            minWidth: 0,
+            opacity: 0.7,
+            overflow: "hidden",
+            ...{
+              "data-list-slot": "meta"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+              value: {
+                inTableCell: true,
+                isHeader: false
+              },
+              children: renderCellContent(cell, index, rowData)
+            })
+          }, cell.id))]
+        }), indicators.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flexShrink: 0,
+          gap: "$2",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          maxWidth: "40%",
+          children: indicators.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flexShrink: 0,
+            ...{
+              "data-list-slot": "indicator"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+              value: {
+                inTableCell: true,
+                isHeader: false
+              },
+              children: renderCellContent(cell, index, rowData)
+            })
+          }, cell.id))
+        }) : null, actions.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flexShrink: 0,
+          gap: "$1",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          children: actions.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flexShrink: 0,
+            ...{
+              "data-list-slot": "actions"
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+              value: {
+                inTableCell: true,
+                isHeader: false
+              },
+              children: renderCellContent(cell, index, rowData)
+            })
+          }, cell.id))
+        }) : null]
+      })]
+    }, `${row.id}-${index}`);
+  }, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadius.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexDirection: "column",
+    display: "flex",
+    testID: "data-table-list",
+    ...{
+      "data-list-layout": "list"
+    },
+    ...(getRowPressProps ? {
+      "data-row-press-scope": "true"
+    } : {}),
+    children: tableRows.length === 0 ? queryInFlight ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.EmptyState, {
+      compact: true,
+      backgroundColor: "$color1",
+      ...knobProps.borderRadius,
+      "aria-live": "polite",
+      title: hasActiveFilters ? t("No results found") : t("No data available")
+    }) : tableRows.map((row, index) => renderRow(row, index))
+  });
+}