@multiplatform.one/table 7.7.6 → 7.10.0

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

@@ -42,7 +42,7 @@ function ColumnHeaderFilter({
   columnId: _columnId,
   columnLabel,
   columnType,
-  filterValue: _filterValue,
+  filterValue,
   onFilterChange,
   options,
   isFiltered
@@ -50,10 +50,24 @@ function ColumnHeaderFilter({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const idleColor = (0, import_theme.useGlyphColor)("$color11");
+  const activeColor = (0, import_theme.useAccentOnSurface)();
+  const glyphColor = isFiltered ? activeColor : idleColor;
+  const popoverScope = (0, import_react2.useId)();
+  const triggerRef = (0, import_react2.useRef)(null);
+  const returnFocusRef = (0, import_react2.useRef)(true);
+  (0, import_theme.ensureCompositeFocusRing)();
   const iconPx = (0, import_chromeIcons.iconSizeForToken)(String(knobProps.sizeToken));
   const [open, setOpen] = (0, import_react2.useState)(false);
-  const [operator, setOperator] = (0, import_react2.useState)("contains");
+  const [operator, setOperator] = (0, import_react2.useState)(() => (0, import_filterFields.defaultOperatorForFilterType)(columnType));
   const [value, setValue] = (0, import_react2.useState)("");
+  const handleOpenChange = next => {
+    if (next && !open) {
+      setOperator(filterValue?.operator ?? (0, import_filterFields.defaultOperatorForFilterType)(columnType));
+      setValue(filterValue?.value == null ? "" : String(filterValue.value));
+    }
+    setOpen(next);
+  };
   const handleApply = () => {
     if ((0, import_filterFields.operatorNeedsNoValue)(operator)) {
       onFilterChange({
@@ -70,54 +84,76 @@ function ColumnHeaderFilter({
   };
   const handleClear = () => {
     setValue("");
-    setOperator("contains");
+    setOperator((0, import_filterFields.defaultOperatorForFilterType)(columnType));
     onFilterChange(void 0);
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    scope: popoverScope,
     open,
-    onOpenChange: setOpen,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-      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, {
-          cursor: "pointer",
-          ...(0, import_theme.pressTargetStyle)(),
-          alignItems: "center",
-          justifyContent: "center",
-          marginVertical: -FILTER_TRIGGER_OUTSET,
-          marginHorizontal: -FILTER_TRIGGER_OUTSET,
-          hitSlop: (0, import_theme.pressTargetHitSlop)(FILTER_TRIGGER_VISUAL),
-          opacity: isFiltered ? 1 : 0.7,
-          hoverStyle: {
-            opacity: 1
-          },
-          pressStyle: {
-            opacity: 0.9
-          },
-          onPress: e => {
-            e.stopPropagation();
-            setOpen(true);
-          },
-          role: "button",
-          "aria-label": `Filter column ${columnLabel}`,
+    onOpenChange: handleOpenChange,
+    disableFocus: true,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Anchor, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+        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, {
+          scope: popoverScope,
+          asChild: true,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            padding: "$1",
-            borderRadius: "$2",
+            ref: triggerRef,
+            cursor: "pointer",
+            ...(0, import_theme.pressTargetStyle)(),
             alignItems: "center",
             justifyContent: "center",
-            hoverStyle: {
-              backgroundColor: "$color4"
+            marginVertical: -FILTER_TRIGGER_OUTSET,
+            marginHorizontal: -FILTER_TRIGGER_OUTSET,
+            hitSlop: (0, import_theme.pressTargetHitSlop)(FILTER_TRIGGER_VISUAL),
+            className: "mp-chip-dismiss",
+            tabIndex: 0,
+            onKeyDown: event => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              event.stopPropagation();
+              handleOpenChange(true);
+            },
+            onPress: e => {
+              e.stopPropagation();
+              handleOpenChange(true);
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
-              size: iconPx,
-              color: isFiltered ? "var(--accentColor)" : "var(--color10)",
-              weight: isFiltered ? "fill" : "regular"
+            role: "button",
+            "aria-label": `Filter column ${columnLabel}`,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              className: "mp-chip-dismiss-ring",
+              padding: "$1",
+              borderRadius: "$2",
+              alignItems: "center",
+              justifyContent: "center",
+              hoverStyle: {
+                backgroundColor: "$color4"
+              },
+              pressStyle: {
+                backgroundColor: "$color5"
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+                size: iconPx,
+                color: glyphColor,
+                weight: isFiltered ? "fill" : "regular"
+              })
             })
           })
         })
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      scope: popoverScope,
+      onPointerDownOutside: () => {
+        returnFocusRef.current = false;
+      },
+      onCloseAutoFocus: event => {
+        event.preventDefault();
+        if (import_tamagui.isWeb && returnFocusRef.current) {
+          triggerRef.current?.focus();
+        }
+        returnFocusRef.current = true;
+      },
       ...knobProps.elevatedSurface,
       ...knobProps.panelPadding,
       minWidth: 240,
@@ -131,6 +167,7 @@ function ColumnHeaderFilter({
         opacity: 0
       },
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        scope: popoverScope,
         borderColor: "$borderColor",
         backgroundColor: "$color1"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
@@ -154,7 +191,6 @@ function ColumnHeaderFilter({
           justifyContent: "flex-end",
           children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
             size: knobProps.sizeToken,
-            variant: "outlined",
             onPress: handleClear,
             children: (0, import_t.t)("Clear")
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {

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

@@ -45,7 +45,7 @@ function ColumnHeaderFilter(param) {
     columnId: _columnId,
     columnLabel,
     columnType,
-    filterValue: _filterValue,
+    filterValue,
     onFilterChange,
     options,
     isFiltered
@@ -53,10 +53,27 @@ function ColumnHeaderFilter(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var idleColor = (0, import_theme.useGlyphColor)("$color11");
+  var activeColor = (0, import_theme.useAccentOnSurface)();
+  var glyphColor = isFiltered ? activeColor : idleColor;
+  var popoverScope = (0, import_react2.useId)();
+  var triggerRef = (0, import_react2.useRef)(null);
+  var returnFocusRef = (0, import_react2.useRef)(true);
+  (0, import_theme.ensureCompositeFocusRing)();
   var iconPx = (0, import_chromeIcons.iconSizeForToken)(String(knobProps.sizeToken));
   var [open, setOpen] = (0, import_react2.useState)(false);
-  var [operator, setOperator] = (0, import_react2.useState)("contains");
+  var [operator, setOperator] = (0, import_react2.useState)(function () {
+    return (0, import_filterFields.defaultOperatorForFilterType)(columnType);
+  });
   var [value, setValue] = (0, import_react2.useState)("");
+  var handleOpenChange = function handleOpenChange2(next) {
+    if (next && !open) {
+      var _ref;
+      setOperator((_ref = filterValue === null || filterValue === void 0 ? void 0 : filterValue.operator) !== null && _ref !== void 0 ? _ref : (0, import_filterFields.defaultOperatorForFilterType)(columnType));
+      setValue((filterValue === null || filterValue === void 0 ? void 0 : filterValue.value) == null ? "" : String(filterValue.value));
+    }
+    setOpen(next);
+  };
   var handleApply = function handleApply2() {
     if ((0, import_filterFields.operatorNeedsNoValue)(operator)) {
       onFilterChange({
@@ -73,64 +90,93 @@ function ColumnHeaderFilter(param) {
   };
   var handleClear = function handleClear2() {
     setValue("");
-    setOperator("contains");
+    setOperator((0, import_filterFields.defaultOperatorForFilterType)(columnType));
     onFilterChange(void 0);
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    scope: popoverScope,
     open,
-    onOpenChange: setOpen,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-      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: (
-        /* 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",
-          justifyContent: "center",
-          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: {
-            opacity: 1
-          },
-          pressStyle: {
-            opacity: 0.9
-          },
-          onPress: function onPress(e) {
-            e.stopPropagation();
-            setOpen(true);
-          },
-          role: "button",
-          "aria-label": `Filter column ${columnLabel}`,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            padding: "$1",
-            borderRadius: "$2",
+    onOpenChange: handleOpenChange,
+    disableFocus: true,
+    children: [
+    /* Inherit the nearest Popover before entering Tooltip. An explicit
+    scope makes Tamagui register web anchors only on mouse hover,
+    leaving keyboard opens without a reference. */
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Anchor, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+        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, {
+          scope: popoverScope,
+          asChild: true,
+          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. Painted hover and keyboard focus feedback
+          ride the glyph-scale ring inside
+          (Chip dismiss anatomy). */
+          /* @__PURE__ */
+          (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            ref: triggerRef,
+            cursor: "pointer",
+            ...(0, import_theme.pressTargetStyle)(),
             alignItems: "center",
             justifyContent: "center",
-            hoverStyle: {
-              backgroundColor: "$color4"
+            marginVertical: -FILTER_TRIGGER_OUTSET,
+            marginHorizontal: -FILTER_TRIGGER_OUTSET,
+            hitSlop: (0, import_theme.pressTargetHitSlop)(FILTER_TRIGGER_VISUAL),
+            // Enabled glyphs keep readable ink; hue and weight distinguish
+            // an applied filter from the secondary-color idle affordance.
+            // Shared unpainted press-floor / painted glyph-ring anatomy.
+            className: "mp-chip-dismiss",
+            tabIndex: 0,
+            onKeyDown: function onKeyDown(event) {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              event.stopPropagation();
+              handleOpenChange(true);
+            },
+            onPress: function onPress(e) {
+              e.stopPropagation();
+              handleOpenChange(true);
             },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
-              size: iconPx,
-              color: isFiltered ? "var(--accentColor)" : "var(--color10)",
-              weight: isFiltered ? "fill" : "regular"
+            role: "button",
+            "aria-label": `Filter column ${columnLabel}`,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              className: "mp-chip-dismiss-ring",
+              padding: "$1",
+              borderRadius: "$2",
+              alignItems: "center",
+              justifyContent: "center",
+              hoverStyle: {
+                backgroundColor: "$color4"
+              },
+              pressStyle: {
+                backgroundColor: "$color5"
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+                size: iconPx,
+                color: glyphColor,
+                weight: isFiltered ? "fill" : "regular"
+              })
             })
-          })
-        }))
+          }))
+        })
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      scope: popoverScope,
+      onPointerDownOutside: function onPointerDownOutside() {
+        returnFocusRef.current = false;
+      },
+      onCloseAutoFocus: function onCloseAutoFocus(event) {
+        event.preventDefault();
+        if (import_tamagui.isWeb && returnFocusRef.current) {
+          var _triggerRef_current;
+          (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
+        }
+        returnFocusRef.current = true;
+      },
       ...knobProps.elevatedSurface,
       ...knobProps.panelPadding,
       minWidth: 240,
@@ -144,6 +190,7 @@ function ColumnHeaderFilter(param) {
         opacity: 0
       },
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        scope: popoverScope,
         borderColor: "$borderColor",
         backgroundColor: "$color1"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
@@ -169,7 +216,6 @@ function ColumnHeaderFilter(param) {
           justifyContent: "flex-end",
           children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
             size: knobProps.sizeToken,
-            variant: "outlined",
             onPress: handleClear,
             children: (0, import_t.t)("Clear")
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {

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_chromeIcons","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","iconPx","iconSizeForToken","String","sizeToken","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","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","exitStyle","Arrow","borderColor","YStack","gap"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","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_chromeIcons","import_filterFields","import_FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","MIN_PRESS_TARGET","param","columnId","_columnId","columnLabel","columnType","filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","idleColor","useGlyphColor","activeColor","useAccentOnSurface","glyphColor","popoverScope","useId","triggerRef","useRef","returnFocusRef","ensureCompositeFocusRing","iconPx","iconSizeForToken","String","sizeToken","open","setOpen","useState","operator","setOperator","defaultOperatorForFilterType","setValue","handleOpenChange","handleOpenChange2","next","_ref","handleApply","handleApply2","operatorNeedsNoValue","handleClear","handleClear2","jsxs","Popover","scope","onOpenChange","disableFocus","children","jsx","Anchor","Tooltip","content","t","Trigger","asChild","View","ref","cursor","pressTargetStyle","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","className","tabIndex","onKeyDown","event","key","preventDefault","stopPropagation","onPress","e","role","padding","borderRadius","hoverStyle","backgroundColor","pressStyle","FunnelIcon","size","color","weight","Content","onPointerDownOutside","current","onCloseAutoFocus","isWeb","_triggerRef_current","focus","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","opacity","exitStyle"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableCardControls.cjs

@@ -81,7 +81,6 @@ function DataTableCardControls({
         asChild: true,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           size: knobProps.sizeToken,
-          variant: "outlined",
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretUpDownIcon, {
             size: chrome.iconPx
           }),

package/dist/cjs/components/DataTable/DataTableCardControls.native.js

@@ -87,7 +87,6 @@ function DataTableCardControls(param) {
         asChild: true,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           size: knobProps.sizeToken,
-          variant: "outlined",
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretUpDownIcon, {
             size: chrome.iconPx
           }),

package/dist/cjs/components/DataTable/DataTableCardControls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableCardControls_exports","__export","DataTableCardControls","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_withInterp","import_DataTableFilters","import_dataTableChrome","getColumnLabel","column","columnDef","header","id","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","useTranslation","knobProps","disabledState","useResolvedKnobs","component","chrome","dataTableChrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","useState","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","jsxs","XStack","alignItems","flexWrap","gap","paddingVertical","role","children","length","DropdownMenu","open","onOpenChange","jsx","Trigger","asChild","Button","size","variant","icon","CaretUpDownIcon","iconPx","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","CaretDownIcon","style","transform","withInterp","onSelect","toggleSorting","clearSorting","View","chromeKnobProps","pointerEvents"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableCardControls_exports","__export","DataTableCardControls","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_withInterp","import_DataTableFilters","import_dataTableChrome","getColumnLabel","column","columnDef","header","id","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","useTranslation","knobProps","disabledState","useResolvedKnobs","component","chrome","dataTableChrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","useState","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","jsxs","XStack","alignItems","flexWrap","gap","paddingVertical","role","children","length","DropdownMenu","open","onOpenChange","jsx","Trigger","asChild","Button","size","icon","CaretUpDownIcon","iconPx","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","CaretDownIcon","style","transform","withInterp","onSelect","toggleSorting","clearSorting","View","chromeKnobProps","pointerEvents"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTable/DataTableMobileCards.cjs

@@ -22,7 +22,9 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var DataTableMobileCards_exports = {};
 __export(DataTableMobileCards_exports, {
-  DataTableMobileCards: () => DataTableMobileCards
+  DataTableMobileCards: () => DataTableMobileCards,
+  classifyCardField: () => classifyCardField,
+  getColumnLabel: () => getColumnLabel
 });
 module.exports = __toCommonJS(DataTableMobileCards_exports);
 var import_react = require("@phosphor-icons/react");
@@ -42,6 +44,27 @@ function getColumnLabel(cell) {
   if (typeof metaLabel === "string" && metaLabel) return metaLabel;
   return typeof columnDef.header === "string" ? columnDef.header : columnDef.id || cell.column.id;
 }
+const selfNamingFields = /* @__PURE__ */new Set(["checkbox", "switch", "rating", "progress", "image", "signature", "fileupload", "colorpicker", "barcode", "geolocation"]);
+const indicatorIds = /* @__PURE__ */new Set(["status", "priority", "workflow_state", "state"]);
+const dateLike = /^\d{4}-\d{2}-\d{2}([T ]|$)|^\d{1,2}\/\d{1,2}\/\d{2,4}$/;
+const numberLike = /^[+\-−]?[\d,\s]*\d(\.\d+)?%?$/;
+function classifyCardField(cell) {
+  const def = cell.column.columnDef;
+  const id = String(cell.column.id ?? "");
+  const role = def.meta?.role;
+  if (role === "hidden" || role === "skip") return "skip";
+  if (role === "actions" || id.startsWith("_") || def.field && selfNamingFields.has(def.field)) {
+    return "control";
+  }
+  const raw = typeof cell.getValue === "function" ? cell.getValue() : void 0;
+  if (raw == null || typeof raw === "string" && raw.trim() === "") return "skip";
+  if (role === "indicator" || indicatorIds.has(id)) return "bare";
+  if (typeof raw === "string") {
+    const value = raw.trim();
+    return numberLike.test(value) || dateLike.test(value) ? "figure" : "bare";
+  }
+  return "figure";
+}
 function DataTableMobileCards({
   tableRows,
   enableRowSelection = false,
@@ -72,17 +95,29 @@ function DataTableMobileCards({
     compact
   });
   const tableZebraOn = knobProps.tableZebra === "on";
+  const renderCell = (0, import_react2.useCallback)((cell, index, rowData) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+    value: {
+      inTableCell: true,
+      isHeader: false
+    },
+    children: renderCellContent(cell, index, rowData)
+  }), [renderCellContent]);
   const renderMobileCard = (0, import_react2.useCallback)((row, index) => {
     const rowData = row.original;
     const visibleCells = row.getVisibleCells();
     const [titleCell, ...detailCells] = visibleCells;
     const showDelete = showDeleteRow && !readOnly;
+    const bare = [];
+    const figures = [];
+    const controls = [];
+    for (const cell of detailCells) {
+      const kind = classifyCardField(cell);
+      if (kind === "bare") bare.push(cell);else if (kind === "figure") figures.push(cell);else if (kind === "control") controls.push(cell);
+    }
+    const hasBody = bare.length > 0 || figures.length > 0 || controls.length > 0;
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
       testID: "data-table-card",
-      ...knobProps.surface,
       ...knobProps.cardSurface,
-      elevation: knobProps.elevation,
-      borderColor: "$color6",
       ...(tableZebraOn && index % 2 === 1 ? {
         backgroundColor: "$color2"
       } : {}),
@@ -94,7 +129,7 @@ function DataTableMobileCards({
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         alignItems: "center",
         gap: "$2",
-        ...(detailCells.length > 0 ? {
+        ...(hasBody ? {
           paddingBottom: "$2",
           marginBottom: "$2",
           ...import_theme.hairline.bottom,
@@ -119,16 +154,11 @@ function DataTableMobileCards({
           flex: 1,
           minWidth: 0,
           "aria-label": getColumnLabel(titleCell),
+          accessibilityLabel: getColumnLabel(titleCell),
           ...{
             "data-card-slot": "title"
           },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
-            value: {
-              inTableCell: true,
-              isHeader: false
-            },
-            children: renderCellContent(titleCell, index, rowData)
-          })
+          children: renderCell(titleCell, index, rowData)
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flex: 1
         }), showRowNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
@@ -149,32 +179,69 @@ function DataTableMobileCards({
             row: index + 1
           })
         })]
-      }), detailCells.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        flexDirection: "row",
+      }), bare.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        flexWrap: "wrap",
         alignItems: "center",
-        paddingVertical: "$1.5",
         gap: "$2",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: knobProps.sizeToken,
-          color: "$color10",
-          fontWeight: "500",
-          width: "40%",
-          flexShrink: 0,
-          children: getColumnLabel(cell)
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          flex: 1,
+        ...{
+          "data-card-slot": "meta"
+        },
+        children: bare.map((cell, i) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          gap: "$2",
+          flexShrink: 1,
           minWidth: 0,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
-            value: {
-              inTableCell: true,
-              isHeader: false
-            },
-            children: renderCellContent(cell, index, rowData)
-          })
-        })]
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
+            children: `${getColumnLabel(cell)}: `
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flexShrink: 1,
+            minWidth: 0,
+            children: renderCell(cell, index, rowData)
+          }), i < bare.length - 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: knobProps.sizeToken,
+            color: "$color8",
+            "aria-hidden": true,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            children: "\xB7"
+          }) : null]
+        }, cell.id))
+      }) : null, figures.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "$3",
+        paddingTop: bare.length > 0 ? "$1.5" : 0,
+        ...{
+          "data-card-slot": "figure"
+        },
+        children: figures.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          gap: "$1.5",
+          flexShrink: 1,
+          minWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: knobProps.sizeToken,
+            color: "$color10",
+            fontWeight: "500",
+            children: getColumnLabel(cell)
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flexShrink: 1,
+            minWidth: 0,
+            children: renderCell(cell, index, rowData)
+          })]
+        }, cell.id))
+      }) : null, controls.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+        paddingTop: "$2",
+        minWidth: 0,
+        ...{
+          "data-card-slot": "control"
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
+          children: `${getColumnLabel(cell)}: `
+        }), renderCell(cell, index, rowData)]
       }, cell.id))]
     }, `${row.id}-${index}`);
-  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCellContent, onDeleteRow, compact, knobProps, tableZebraOn, t, selectRowLabel, getRowPressProps]);
+  }, [enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, renderCell, onDeleteRow, compact, knobProps, tableZebraOn, t, selectRowLabel, getRowPressProps]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     flexDirection: "column",
     ...knobProps.gap,