@bacon-pos/ui 0.9.0 → 0.11.0

package/lib/commonjs/components/Table/DataTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_DataTable","_IconButton","_jsxRuntime","meta","title","component","DataTable","_default","exports","default","ALL","id","name","category","price","TABS","value","label","COLUMNS","key","header","flex","sortable","sortAccessor","r","align","Number","replace","Full","render","tab","setTab","useState","search","setSearch","data","useMemo","filter","toLowerCase","includes","jsx","View","style","padding","width","children","tabs","activeTab","onTabChange","searchable","searchValue","onSearchChange","searchPlaceholder","createLabel","onCreate","columns","keyExtractor","renderActions","jsxs","Fragment","IconButton","icon","accessibilityLabel","variant","size","onPress","emptyState","description","action","EmptyState","Paginated","page","setPage","pageSize","pageData","slice","pagination","total","length","onPageChange"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Table/DataTable.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Table/DataTable.test.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var _react = require("react");
+var _reactNative = require("@testing-library/react-native");
+var _index = require("../../theme/index.js");
+var _DataTable = require("./DataTable.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+const DATA = [{
+  id: 'a',
+  name: 'Alpha',
+  price: '$3'
+}, {
+  id: 'b',
+  name: 'Beta',
+  price: '$1'
+}];
+const COLS = [{
+  key: 'name',
+  header: 'Name'
+}, {
+  key: 'price',
+  header: 'Price'
+}];
+const TABS = [{
+  value: 'menu',
+  label: 'Menu items'
+}, {
+  value: 'cats',
+  label: 'Categories'
+}];
+const desktop = {
+  mobileBreakpoint: 0
+};
+describe('DataTable', () => {
+  it('renders tabs, search, create and the table', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      tabs: TABS,
+      searchable: true,
+      createLabel: "Create new item",
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id
+    }));
+    expect(_reactNative.screen.getByText('Menu items')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Create new item')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Alpha')).toBeTruthy();
+  });
+  it('changes tab on press', () => {
+    const onTabChange = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      tabs: TABS,
+      activeTab: "menu",
+      onTabChange: onTabChange,
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Categories'));
+    expect(onTabChange).toHaveBeenCalledWith('cats');
+  });
+  it('emits search text', () => {
+    const onSearchChange = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      searchable: true,
+      searchValue: "",
+      onSearchChange: onSearchChange,
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id,
+      searchPlaceholder: "Search\u2026"
+    }));
+    _reactNative.fireEvent.changeText(_reactNative.screen.getByPlaceholderText('Search…'), 'alp');
+    expect(onSearchChange).toHaveBeenCalledWith('alp');
+  });
+  it('fires create', () => {
+    const onCreate = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      createLabel: "Create",
+      onCreate: onCreate,
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Create'));
+    expect(onCreate).toHaveBeenCalledTimes(1);
+  });
+  it('shows the structured empty state when there is no data', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      columns: COLS,
+      data: [],
+      keyExtractor: r => r.id,
+      emptyState: {
+        title: 'No items yet',
+        action: {
+          label: 'Create item',
+          onPress: () => {}
+        }
+      }
+    }));
+    expect(_reactNative.screen.getByText('No items yet')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Create item')).toBeTruthy();
+  });
+  it('paginates', () => {
+    function Paged() {
+      const [page, setPage] = (0, _react.useState)(1);
+      const all = Array.from({
+        length: 5
+      }).map((_, i) => ({
+        id: String(i),
+        name: `N${i}`,
+        price: '$1'
+      }));
+      const data = all.slice((page - 1) * 2, page * 2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+        ...desktop,
+        columns: COLS,
+        data: data,
+        keyExtractor: r => r.id,
+        pagination: {
+          page,
+          pageSize: 2,
+          total: all.length,
+          onPageChange: setPage
+        }
+      });
+    }
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(Paged, {}));
+    expect(_reactNative.screen.getByText('1–2 of 5')).toBeTruthy();
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Next page'));
+    expect(_reactNative.screen.getByText('3–4 of 5')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=DataTable.test.js.map

package/lib/commonjs/components/Table/DataTable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_DataTable","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","DATA","id","name","price","COLS","key","header","TABS","value","label","desktop","mobileBreakpoint","describe","it","DataTable","tabs","searchable","createLabel","columns","data","keyExtractor","r","expect","screen","getByText","toBeTruthy","onTabChange","jest","fn","activeTab","fireEvent","press","toHaveBeenCalledWith","onSearchChange","searchValue","searchPlaceholder","changeText","getByPlaceholderText","onCreate","toHaveBeenCalledTimes","emptyState","title","action","onPress","Paged","page","setPage","useState","all","Array","from","length","map","_","i","String","slice","pagination","pageSize","total","onPageChange","getByLabelText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Table/DataTable.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Table/Table.js

@@ -0,0 +1,520 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = Table;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Checkbox = require("../Checkbox/Checkbox.js");
+var _Icon = require("../Icon/Icon.js");
+var _Spinner = require("../Spinner/Spinner.js");
+var _Text = require("../Text/Text.js");
+var _ScrollArea = require("../_internal/ScrollArea.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const ROW_HEIGHT = 72;
+const PADDING = 24;
+const CELL_GAP = 8;
+const SEL_WIDTH = 24;
+const CHEVRON_WIDTH = 24;
+function alignToJustify(a) {
+  return a === 'center' ? 'center' : a === 'right' ? 'flex-end' : 'flex-start';
+}
+function alignToText(a) {
+  return a === 'center' ? 'center' : a === 'right' ? 'right' : 'left';
+}
+
+/**
+ * Table — a flexible, token-driven data table (Figma "Table"). Columns define
+ * width/flex, alignment and cell renderers (text, `Badge`, anything). Supports
+ * sortable headers, checkbox selection, and accordion rows (expand on row press)
+ * OR a trailing actions column (the two are mutually exclusive). A sticky header
+ * with an elegant scrolling body (`maxHeight`), loading and empty states, and a
+ * card fallback below `mobileBreakpoint`.
+ */
+function Table({
+  columns,
+  data,
+  keyExtractor,
+  onRowPress,
+  expandable = false,
+  renderExpanded,
+  expansionMode = 'single',
+  expandedKeys,
+  defaultExpandedKeys,
+  onExpandedChange,
+  renderActions,
+  actionsWidth = 96,
+  selectable = false,
+  selectedKeys,
+  defaultSelectedKeys,
+  onSelectionChange,
+  sort,
+  defaultSort,
+  onSortChange,
+  rounded = true,
+  maxHeight,
+  scrollbarColor,
+  loading = false,
+  loadingVariant = 'spinner',
+  loadingText = 'Loading data',
+  skeletonRows = 5,
+  empty,
+  mobileBreakpoint = 640,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const {
+    width: screenWidth
+  } = (0, _reactNative.useWindowDimensions)();
+  const isMobile = screenWidth < mobileBreakpoint;
+
+  // Expandable and actions are mutually exclusive; expandable wins if both set.
+  const hasActions = !expandable && !!renderActions;
+  const trailingWidth = expandable ? CHEVRON_WIDTH : hasActions ? actionsWidth : 0;
+
+  // ---- sort ----
+  const sortControlled = sort !== undefined;
+  const [sortInternal, setSortInternal] = (0, _react.useState)(defaultSort);
+  const activeSort = sortControlled ? sort : sortInternal;
+  const setSort = next => {
+    if (!sortControlled) setSortInternal(next);
+    onSortChange?.(next);
+  };
+  const onHeaderPress = col => {
+    if (!col.sortable) return;
+    const direction = activeSort?.key === col.key && activeSort.direction === 'asc' ? 'desc' : 'asc';
+    setSort({
+      key: col.key,
+      direction
+    });
+  };
+  const sortedData = (0, _react.useMemo)(() => {
+    if (sortControlled || !activeSort) return data; // controlled → consumer sorts
+    const col = columns.find(c => c.key === activeSort.key);
+    if (!col?.sortAccessor) return data;
+    const accessor = col.sortAccessor;
+    const arr = [...data].sort((a, b) => {
+      const av = accessor(a);
+      const bv = accessor(b);
+      if (av < bv) return -1;
+      if (av > bv) return 1;
+      return 0;
+    });
+    return activeSort.direction === 'asc' ? arr : arr.reverse();
+  }, [data, activeSort, sortControlled, columns]);
+
+  // ---- selection ----
+  const selControlled = selectedKeys !== undefined;
+  const [selInternal, setSelInternal] = (0, _react.useState)(defaultSelectedKeys ?? []);
+  const selected = selControlled ? selectedKeys : selInternal;
+  const setSelected = keys => {
+    if (!selControlled) setSelInternal(keys);
+    onSelectionChange?.(keys);
+  };
+  const allKeys = sortedData.map((r, i) => keyExtractor(r, i));
+  const allSelected = allKeys.length > 0 && allKeys.every(k => selected.includes(k));
+  const someSelected = !allSelected && allKeys.some(k => selected.includes(k));
+  const toggleRowSel = k => setSelected(selected.includes(k) ? selected.filter(x => x !== k) : [...selected, k]);
+  const toggleAllSel = () => setSelected(allSelected ? [] : allKeys);
+
+  // ---- expansion ----
+  const expControlled = expandedKeys !== undefined;
+  const [expInternal, setExpInternal] = (0, _react.useState)(defaultExpandedKeys ?? []);
+  const expanded = expControlled ? expandedKeys : expInternal;
+  const setExpanded = keys => {
+    if (!expControlled) setExpInternal(keys);
+    onExpandedChange?.(keys);
+  };
+  const toggleExpand = k => {
+    const isOpen = expanded.includes(k);
+    if (expansionMode === 'single') setExpanded(isOpen ? [] : [k]);else setExpanded(isOpen ? expanded.filter(x => x !== k) : [...expanded, k]);
+  };
+  const cellStyle = col => ({
+    ...(col.width != null ? {
+      width: col.width
+    } : {
+      flex: col.flex ?? 1
+    }),
+    minWidth: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: alignToJustify(col.align)
+  });
+  const renderCellContent = (col, row, index) => {
+    const content = col.render ? col.render(row, index) : row[col.key];
+    if (content == null || typeof content === 'string' || typeof content === 'number') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyMedium",
+        color: theme.colors.action.secondaryForeground,
+        numberOfLines: 1,
+        style: {
+          flexShrink: 1,
+          textAlign: alignToText(col.align)
+        },
+        children: content == null ? '' : String(content)
+      });
+    }
+    return content;
+  };
+
+  // ---------- Desktop ----------
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: CELL_GAP,
+      paddingHorizontal: PADDING,
+      paddingVertical: 16,
+      backgroundColor: theme.colors.background.muted,
+      ...(rounded ? {
+        borderTopLeftRadius: theme.radii.lg,
+        borderTopRightRadius: theme.radii.lg
+      } : null)
+    },
+    children: [selectable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: SEL_WIDTH,
+        flexShrink: 0
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+        checked: allSelected,
+        indeterminate: someSelected,
+        onChange: toggleAllSel
+      })
+    }) : null, columns.map(col => {
+      const isSorted = activeSort?.key === col.key;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        disabled: !col.sortable,
+        onPress: () => onHeaderPress(col),
+        style: [cellStyle(col), {
+          gap: 4
+        }],
+        children: [typeof col.header === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "bodyMedium",
+          weight: "medium",
+          color: "secondary",
+          numberOfLines: 1,
+          style: {
+            flexShrink: 1,
+            textAlign: alignToText(col.align)
+          },
+          children: col.header
+        }) : col.header, col.sortable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            transform: [{
+              rotate: isSorted && activeSort?.direction === 'asc' ? '180deg' : '0deg'
+            }]
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            name: "chevron-down",
+            size: 16,
+            color: isSorted ? 'secondary' : 'tertiary'
+          })
+        }) : null]
+      }, col.key);
+    }), trailingWidth > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: trailingWidth,
+        flexShrink: 0
+      }
+    }) : null]
+  });
+  const renderDesktopRow = (row, index) => {
+    const k = keyExtractor(row, index);
+    const isOpen = expanded.includes(k);
+    const rowPressable = expandable || !!onRowPress;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: rowPressable ? () => expandable ? toggleExpand(k) : onRowPress?.(row, index) : undefined,
+        disabled: !rowPressable,
+        style: ({
+          pressed
+        }) => ({
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: CELL_GAP,
+          minHeight: ROW_HEIGHT,
+          paddingHorizontal: PADDING,
+          paddingVertical: 12,
+          backgroundColor: pressed && rowPressable ? theme.colors.background.subtle : theme.colors.background.default,
+          borderBottomWidth: 1,
+          borderBottomColor: theme.colors.border.subtle
+        }),
+        children: [selectable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: SEL_WIDTH,
+            flexShrink: 0
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+            checked: selected.includes(k),
+            onChange: () => toggleRowSel(k)
+          })
+        }) : null, columns.map(col => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: cellStyle(col),
+          children: renderCellContent(col, row, index)
+        }, col.key)), expandable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: CHEVRON_WIDTH,
+            flexShrink: 0,
+            transform: [{
+              rotate: isOpen ? '180deg' : '0deg'
+            }]
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            name: "chevron-down",
+            size: 24,
+            color: "secondary"
+          })
+        }) : hasActions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: actionsWidth,
+            flexShrink: 0,
+            flexDirection: 'row',
+            justifyContent: 'flex-end',
+            gap: 4
+          },
+          children: renderActions(row, index)
+        }) : null]
+      }), expandable && isOpen && renderExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          paddingHorizontal: PADDING,
+          paddingVertical: 16,
+          backgroundColor: theme.colors.background.subtle,
+          borderBottomWidth: 1,
+          borderBottomColor: theme.colors.border.subtle
+        },
+        children: renderExpanded(row, index)
+      }) : null]
+    }, k);
+  };
+
+  // ---------- Mobile (cards) ----------
+  const renderMobileCard = (row, index) => {
+    const k = keyExtractor(row, index);
+    const isOpen = expanded.includes(k);
+    const rowPressable = expandable || !!onRowPress;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        borderWidth: 1,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radii.lg,
+        backgroundColor: theme.colors.background.default,
+        overflow: 'hidden'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: rowPressable ? () => expandable ? toggleExpand(k) : onRowPress?.(row, index) : undefined,
+        disabled: !rowPressable,
+        style: {
+          padding: 16,
+          gap: 10
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12
+          },
+          children: [selectable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+            checked: selected.includes(k),
+            onChange: () => toggleRowSel(k)
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flex: 1,
+              gap: 8
+            },
+            children: columns.map(col => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                gap: 12
+              },
+              children: [typeof col.header === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+                variant: "bodySmall",
+                color: "tertiary",
+                numberOfLines: 1,
+                children: col.header
+              }) : col.header, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: {
+                  flexShrink: 1,
+                  alignItems: 'flex-end'
+                },
+                children: renderCellContent(col, row, index)
+              })]
+            }, col.key))
+          }), expandable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              transform: [{
+                rotate: isOpen ? '180deg' : '0deg'
+              }]
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+              name: "chevron-down",
+              size: 24,
+              color: "secondary"
+            })
+          }) : null]
+        }), hasActions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flexDirection: 'row',
+            justifyContent: 'flex-end',
+            gap: 4
+          },
+          children: renderActions(row, index)
+        }) : null]
+      }), expandable && isOpen && renderExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          padding: 16,
+          paddingTop: 0
+        },
+        children: renderExpanded(row, index)
+      }) : null]
+    }, k);
+  };
+
+  // ---------- Loading ----------
+  const pulse = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (!loading || loadingVariant !== 'skeleton') return;
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(pulse, {
+      toValue: 1,
+      duration: 700,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: _reactNative.Platform.OS !== 'web'
+    }), _reactNative.Animated.timing(pulse, {
+      toValue: 0,
+      duration: 700,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: _reactNative.Platform.OS !== 'web'
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [loading, loadingVariant, pulse]);
+  const barOpacity = pulse.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0.45, 0.9]
+  });
+  const bar = style => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [{
+      height: 16,
+      borderRadius: 8,
+      backgroundColor: theme.colors.background.muted,
+      opacity: barOpacity
+    }, style]
+  });
+  const renderSkeleton = () => isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      gap: 12
+    },
+    children: Array.from({
+      length: skeletonRows
+    }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        borderWidth: 1,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radii.lg,
+        padding: 16,
+        gap: 10
+      },
+      children: columns.map(col => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          gap: 12
+        },
+        children: [bar({
+          width: 72
+        }), bar({
+          width: 96
+        })]
+      }, col.key))
+    }, i))
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: Array.from({
+      length: skeletonRows
+    }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: CELL_GAP,
+        minHeight: 64,
+        paddingHorizontal: PADDING,
+        borderBottomWidth: 1,
+        borderBottomColor: theme.colors.border.subtle
+      },
+      children: [selectable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: SEL_WIDTH,
+          flexShrink: 0
+        },
+        children: bar({
+          width: 20,
+          height: 20,
+          borderRadius: 6
+        })
+      }) : null, columns.map(col => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: cellStyle(col),
+        children: bar({
+          width: '70%',
+          maxWidth: 180
+        })
+      }, col.key)), trailingWidth > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: trailingWidth,
+          flexShrink: 0
+        }
+      }) : null]
+    }, i))
+  });
+  const renderSpinner = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      paddingVertical: 48,
+      alignItems: 'center',
+      gap: 12
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {}), loadingText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "bodyMedium",
+      color: "secondary",
+      children: loadingText
+    }) : null]
+  });
+
+  // ---------- Body ----------
+  const bodyContent = loading ? loadingVariant === 'skeleton' ? renderSkeleton() : renderSpinner() : sortedData.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: empty ?? null
+  }) : isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      gap: 12
+    },
+    children: sortedData.map(renderMobileCard)
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: sortedData.map(renderDesktopRow)
+  });
+  const body = maxHeight != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollArea.ScrollArea, {
+    style: {
+      maxHeight
+    },
+    indicatorColor: scrollbarColor ?? theme.colors.border.strong,
+    children: bodyContent
+  }) : bodyContent;
+  if (isMobile) {
+    // Cards don't use the table header; labels live inside each card.
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        gap: 12
+      }, style],
+      children: body
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      borderRadius: rounded ? theme.radii.lg : 0,
+      overflow: 'hidden',
+      backgroundColor: theme.colors.background.default
+    }, style],
+    children: [header, body]
+  });
+}
+//# sourceMappingURL=Table.js.map