@cdx-ui/data-grid 0.3.11 → 0.3.13

package/lib/commonjs/adapter/treeData.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyTreeSelection = applyTreeSelection;
+exports.buildTreeIndex = buildTreeIndex;
+exports.computeTreeSelection = computeTreeSelection;
+exports.keepMatchesWithAncestors = keepMatchesWithAncestors;
+exports.selectionScope = selectionScope;
+/** The shape TanStack rows share; filtered and sorted rows carry their filtered `subRows`. */
+
+const pathKey = path => JSON.stringify(path);
+const warnedDuplicatePaths = new Set();
+function buildTreeIndex(rows, getTreeDataPath, keyOf) {
+  const byPath = new Map();
+  const paths = new Map();
+  for (const row of rows) {
+    const path = getTreeDataPath(row);
+    const key = pathKey(path);
+    if (__DEV__ && byPath.has(key) && !warnedDuplicatePaths.has(key)) {
+      warnedDuplicatePaths.add(key);
+      console.warn(`[DataGrid] Duplicate tree data path ${key}. Paths must be unique.`);
+    }
+    byPath.set(key, row);
+    paths.set(row, path);
+  }
+  const roots = [];
+  const childrenOf = new Map();
+  const rowOf = new Map();
+  const parentKeyOf = new Map();
+  const childKeysOf = new Map();
+  for (const row of rows) {
+    const path = paths.get(row) ?? [];
+    const key = keyOf(row);
+    rowOf.set(key, row);
+    let parent;
+    for (let length = path.length - 1; length > 0 && parent === undefined; length -= 1) {
+      parent = byPath.get(pathKey(path.slice(0, length)));
+    }
+    if (parent === undefined || parent === row) {
+      roots.push(row);
+      continue;
+    }
+    const parentKey = keyOf(parent);
+    parentKeyOf.set(key, parentKey);
+    const siblings = childrenOf.get(parent);
+    if (siblings) {
+      siblings.push(row);
+    } else {
+      childrenOf.set(parent, [row]);
+    }
+    const siblingKeys = childKeysOf.get(parentKey);
+    if (siblingKeys) {
+      siblingKeys.push(key);
+    } else {
+      childKeysOf.set(parentKey, [key]);
+    }
+  }
+  const depthOf = new Map();
+  const breadthFirst = roots.map(row => keyOf(row));
+  for (const key of breadthFirst) {
+    depthOf.set(key, 0);
+  }
+  // The array iterator also visits children pushed during the loop.
+  for (const key of breadthFirst) {
+    for (const child of childKeysOf.get(key) ?? []) {
+      depthOf.set(child, (depthOf.get(key) ?? 0) + 1);
+      breadthFirst.push(child);
+    }
+  }
+  return {
+    roots,
+    childrenOf,
+    rowOf,
+    parentKeyOf,
+    childKeysOf,
+    depthOf,
+    keysDeepestFirst: breadthFirst.reverse()
+  };
+}
+
+/**
+ * With `propagateParents`, a parent is `all` exactly when every child is `all`, whatever the model
+ * says about the parent itself. Without it, a parent's own selection decides, and partly selected
+ * descendants show as `some`.
+ */
+function computeTreeSelection(index, selected, propagateParents) {
+  const status = new Map();
+  for (const key of index.keysDeepestFirst) {
+    const isSelected = selected.has(key);
+    const children = index.childKeysOf.get(key);
+    if (!children?.length) {
+      status.set(key, isSelected ? 'all' : 'none');
+      continue;
+    }
+    let all = true;
+    let some = false;
+    for (const child of children) {
+      const childStatus = status.get(child) ?? 'none';
+      if (childStatus !== 'all') {
+        all = false;
+      }
+      if (childStatus !== 'none') {
+        some = true;
+      }
+    }
+    if (propagateParents) {
+      status.set(key, all ? 'all' : some || isSelected ? 'some' : 'none');
+    } else {
+      status.set(key, isSelected ? 'all' : some ? 'some' : 'none');
+    }
+  }
+  return status;
+}
+function applyTreeSelection(index, selected, targets, value, propagateParents) {
+  const next = new Set(selected);
+  for (const key of targets) {
+    if (value) {
+      next.add(key);
+    } else {
+      next.delete(key);
+    }
+  }
+  if (propagateParents) {
+    for (const key of index.keysDeepestFirst) {
+      const children = index.childKeysOf.get(key);
+      if (!children?.length) {
+        continue;
+      }
+      if (children.every(child => next.has(child))) {
+        next.add(key);
+      } else {
+        next.delete(key);
+      }
+    }
+  }
+  return next;
+}
+
+/**
+ * Rows a toggle writes (`targets`) and the rows whose state decides the toggle direction
+ * (`units`). With `descendants`, a row's filtered sub-rows are included; a row whose children were
+ * all filtered out takes its whole subtree, so a matching group can still be picked.
+ */
+function selectionScope(rows, index, descendants) {
+  const targets = [];
+  const units = [];
+  const visitFullSubtree = key => {
+    targets.push(key);
+    const children = index.childKeysOf.get(key);
+    if (!children?.length) {
+      units.push(key);
+      return;
+    }
+    children.forEach(visitFullSubtree);
+  };
+  const visit = row => {
+    if (!descendants) {
+      targets.push(row.id);
+      units.push(row.id);
+      return;
+    }
+    if (row.subRows.length === 0) {
+      visitFullSubtree(row.id);
+      return;
+    }
+    targets.push(row.id);
+    row.subRows.forEach(visit);
+  };
+  rows.forEach(visit);
+  return {
+    targets,
+    units
+  };
+}
+
+/** Keeps every row that matches and every ancestor of a match. */
+function keepMatchesWithAncestors(rows, index, keyOf, matches) {
+  const keep = new Set();
+  for (const row of rows) {
+    if (!matches(row)) {
+      continue;
+    }
+    for (let key = keyOf(row); key !== undefined;) {
+      if (keep.has(key)) {
+        break;
+      }
+      keep.add(key);
+      key = index.parentKeyOf.get(key);
+    }
+  }
+  return rows.filter(row => keep.has(keyOf(row)));
+}
+//# sourceMappingURL=treeData.js.map

package/lib/commonjs/adapter/treeData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pathKey","path","JSON","stringify","warnedDuplicatePaths","Set","buildTreeIndex","rows","getTreeDataPath","keyOf","byPath","Map","paths","row","key","__DEV__","has","add","console","warn","set","roots","childrenOf","rowOf","parentKeyOf","childKeysOf","get","parent","length","undefined","slice","push","parentKey","siblings","siblingKeys","depthOf","breadthFirst","map","child","keysDeepestFirst","reverse","computeTreeSelection","index","selected","propagateParents","status","isSelected","children","all","some","childStatus","applyTreeSelection","targets","value","next","delete","every","selectionScope","descendants","units","visitFullSubtree","forEach","visit","id","subRows","keepMatchesWithAncestors","matches","keep","filter"],"sourceRoot":"../../../src","sources":["adapter/treeData.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -9,5 +9,31 @@ Object.defineProperty(exports, "DataGrid", {
     return _DataGrid.DataGrid;
   }
 });
+Object.defineProperty(exports, "getDefaultFilterOperator", {
+  enumerable: true,
+  get: function () {
+    return _filterOperators.getDefaultFilterOperator;
+  }
+});
+Object.defineProperty(exports, "getGridFilterOperators", {
+  enumerable: true,
+  get: function () {
+    return _filterOperators.getGridFilterOperators;
+  }
+});
+Object.defineProperty(exports, "gridDeltaNumberColDef", {
+  enumerable: true,
+  get: function () {
+    return _numberCells.gridDeltaNumberColDef;
+  }
+});
+Object.defineProperty(exports, "gridPolarityNumberColDef", {
+  enumerable: true,
+  get: function () {
+    return _numberCells.gridPolarityNumberColDef;
+  }
+});
 var _DataGrid = require("./DataGrid");
+var _filterOperators = require("./adapter/filterOperators");
+var _numberCells = require("./numberCells");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DataGrid","require"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_DataGrid","require","_filterOperators","_numberCells"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/numberCells.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridDeltaNumberColDef = gridDeltaNumberColDef;
+exports.gridPolarityNumberColDef = gridPolarityNumberColDef;
+var _reactNative = require("react-native");
+var _components = require("@cdx-ui/components");
+var _icons = require("@cdx-ui/icons");
+var _utils = require("@cdx-ui/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Unicode minus (U+2212). The spec requires this character, not a hyphen. */
+const MINUS = '\u2212';
+const defaultNumberFormat = new Intl.NumberFormat(undefined, {
+  maximumFractionDigits: 20
+});
+const TONE_CLASS = {
+  success: 'text-content-success',
+  danger: 'text-content-danger',
+  neutral: 'text-content-primary'
+};
+const ARROW_SLOT = {
+  default: 'h-5 w-3.5 items-center justify-center overflow-hidden',
+  compact: 'h-4 w-3 items-center justify-center overflow-hidden'
+};
+const ARROW_SIZE = {
+  default: 20,
+  compact: 16
+};
+const TREND_SIZE = {
+  default: 14,
+  compact: 12
+};
+function toFiniteNumber(value) {
+  return typeof value === 'number' && Number.isFinite(value) ? value : null;
+}
+function columnValueFormatter(format) {
+  if (!format) {
+    return undefined;
+  }
+  return value => {
+    const numeric = toFiniteNumber(value);
+    return numeric == null ? '' : format(numeric);
+  };
+}
+function formatRaw(value, row, col) {
+  const formatted = col.valueFormatter?.(value, row, col);
+  if (typeof formatted === 'string' && formatted.length > 0) {
+    return formatted;
+  }
+  return defaultNumberFormat.format(value);
+}
+function unsigned(formatted) {
+  const withoutSign = formatted.replace(/^[-−+]\s*/, '');
+  if (withoutSign.startsWith('(') && withoutSign.endsWith(')')) {
+    return withoutSign.slice(1, -1);
+  }
+  return withoutSign;
+}
+function polarityOf(value) {
+  if (value > 0) {
+    return 'positive';
+  }
+  if (value < 0) {
+    return 'negative';
+  }
+  return 'neutral';
+}
+function directionOf(value) {
+  if (value > 0) {
+    return 'increase';
+  }
+  if (value < 0) {
+    return 'decrease';
+  }
+  return 'flat';
+}
+function polarityTone(polarity) {
+  if (polarity === 'positive') {
+    return 'success';
+  }
+  if (polarity === 'negative') {
+    return 'danger';
+  }
+  return 'neutral';
+}
+function deltaTone(direction, increaseIsGood) {
+  if (direction === 'flat') {
+    return 'neutral';
+  }
+  const favorable = direction === 'increase' ? increaseIsGood : !increaseIsGood;
+  return favorable ? 'success' : 'danger';
+}
+function polarityLabel(polarity) {
+  if (polarity === 'positive') {
+    return 'Positive';
+  }
+  if (polarity === 'negative') {
+    return 'Negative';
+  }
+  return 'Neutral';
+}
+function directionLabel(direction) {
+  if (direction === 'increase') {
+    return 'Increase';
+  }
+  if (direction === 'decrease') {
+    return 'Decrease';
+  }
+  return 'No change';
+}
+function NumberReadout({
+  label,
+  display,
+  tone,
+  density,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    className: "relative flex-row items-center gap-0.5",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Text, {
+      className: "absolute h-px w-px overflow-hidden opacity-0",
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      className: "flex-row items-center gap-0.5",
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Text, {
+        color: tone === 'neutral' ? 'primary' : tone,
+        size: density === 'compact' ? 'sm' : 'md',
+        children: display
+      })]
+    })]
+  });
+}
+function ToneIcon({
+  icon: Icon,
+  tone,
+  size,
+  slotClassName
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _utils.cn)(TONE_CLASS[tone], slotClassName),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      size: size
+    })
+  });
+}
+function PolarityNumberCell({
+  value,
+  row,
+  col,
+  density
+}) {
+  const numeric = toFiniteNumber(value);
+  if (numeric == null) {
+    return null;
+  }
+  const polarity = polarityOf(numeric);
+  const magnitude = unsigned(formatRaw(numeric, row, col));
+  const display = polarity === 'negative' ? `${MINUS}${magnitude}` : magnitude;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NumberReadout, {
+    label: `${polarityLabel(polarity)} ${magnitude}`,
+    display: display,
+    tone: polarityTone(polarity),
+    density: density
+  });
+}
+function DeltaSymbol({
+  direction,
+  tone,
+  density,
+  symbol
+}) {
+  if (symbol === 'sign') {
+    return null;
+  }
+  if (symbol === 'arrow') {
+    if (direction === 'flat') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: ARROW_SLOT[density]
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToneIcon, {
+      icon: direction === 'increase' ? _icons.ArrowDropUp : _icons.ArrowDropDown,
+      tone: tone,
+      size: ARROW_SIZE[density],
+      slotClassName: ARROW_SLOT[density]
+    });
+  }
+  const icon = direction === 'increase' ? _icons.TrendingUp : direction === 'decrease' ? _icons.TrendingDown : _icons.TrendingFlat;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToneIcon, {
+    icon: icon,
+    tone: tone,
+    size: TREND_SIZE[density]
+  });
+}
+function DeltaNumberCell({
+  value,
+  row,
+  col,
+  density,
+  increaseIsGood,
+  symbol
+}) {
+  const numeric = toFiniteNumber(value);
+  if (numeric == null) {
+    return null;
+  }
+  const direction = directionOf(numeric);
+  const tone = deltaTone(direction, increaseIsGood);
+  const magnitude = unsigned(formatRaw(numeric, row, col));
+  let display = magnitude;
+  if (symbol === 'sign' && direction === 'increase') {
+    display = `+${magnitude}`;
+  } else if (symbol === 'sign' && direction === 'decrease') {
+    display = `${MINUS}${magnitude}`;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NumberReadout, {
+    label: `${directionLabel(direction)} ${magnitude}`,
+    display: display,
+    tone: tone,
+    density: density,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DeltaSymbol, {
+      direction: direction,
+      tone: tone,
+      density: density,
+      symbol: symbol
+    })
+  });
+}
+function gridPolarityNumberColDef(options = {}) {
+  const density = options.density ?? 'default';
+  return {
+    type: 'number',
+    align: 'end',
+    headerAlign: 'end',
+    ...(options.valueFormatter ? {
+      valueFormatter: columnValueFormatter(options.valueFormatter)
+    } : {}),
+    renderCell: ({
+      value,
+      row,
+      col
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PolarityNumberCell, {
+      value: value,
+      row: row,
+      col: col,
+      density: density
+    })
+  };
+}
+function gridDeltaNumberColDef(options = {}) {
+  const density = options.density ?? 'default';
+  const increaseIsGood = options.increaseIsGood ?? true;
+  const symbol = options.symbol ?? 'arrow';
+  return {
+    type: 'number',
+    align: 'end',
+    headerAlign: 'end',
+    ...(options.valueFormatter ? {
+      valueFormatter: columnValueFormatter(options.valueFormatter)
+    } : {}),
+    renderCell: ({
+      value,
+      row,
+      col
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DeltaNumberCell, {
+      value: value,
+      row: row,
+      col: col,
+      density: density,
+      increaseIsGood: increaseIsGood,
+      symbol: symbol
+    })
+  };
+}
+//# sourceMappingURL=numberCells.js.map

package/lib/commonjs/numberCells.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_components","_icons","_utils","_jsxRuntime","MINUS","defaultNumberFormat","Intl","NumberFormat","undefined","maximumFractionDigits","TONE_CLASS","success","danger","neutral","ARROW_SLOT","default","compact","ARROW_SIZE","TREND_SIZE","toFiniteNumber","value","Number","isFinite","columnValueFormatter","format","numeric","formatRaw","row","col","formatted","valueFormatter","length","unsigned","withoutSign","replace","startsWith","endsWith","slice","polarityOf","directionOf","polarityTone","polarity","deltaTone","direction","increaseIsGood","favorable","polarityLabel","directionLabel","NumberReadout","label","display","tone","density","children","jsxs","View","className","jsx","Text","accessibilityElementsHidden","importantForAccessibility","color","size","ToneIcon","icon","Icon","slotClassName","cn","PolarityNumberCell","magnitude","DeltaSymbol","symbol","ArrowDropUp","ArrowDropDown","TrendingUp","TrendingDown","TrendingFlat","DeltaNumberCell","gridPolarityNumberColDef","options","type","align","headerAlign","renderCell","gridDeltaNumberColDef"],"sourceRoot":"../../src","sources":["numberCells.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dataGridToolbarVariants = exports.dataGridToolbarSearchVariants = exports.dataGridToolbarActionsVariants = exports.dataGridTableVariants = exports.dataGridSortButtonVariants = exports.dataGridSelectHeadVariants = exports.dataGridSelectCellVariants = exports.dataGridRootVariants = exports.dataGridPaginationVariants = exports.dataGridPaginationRangeVariants = exports.dataGridOverlayVariants = exports.dataGridMainVariants = exports.dataGridHeaderVariants = exports.dataGridHeaderLabelVariants = exports.dataGridHeaderCellInnerVariants = exports.dataGridHeadVariants = exports.dataGridFooterVariants = exports.dataGridFilterInputVariants = exports.dataGridEmptyOverlayVariants = exports.dataGridCellVariants = exports.dataGridBodyVariants = void 0;
+exports.dataGridTreeToggleSlotVariants = exports.dataGridTreeContentVariants = exports.dataGridTreeCellInnerVariants = exports.dataGridToolbarVariants = exports.dataGridToolbarSearchVariants = exports.dataGridToolbarActionsVariants = exports.dataGridTableVariants = exports.dataGridSortButtonVariants = exports.dataGridSelectHeadVariants = exports.dataGridSelectCellVariants = exports.dataGridRootVariants = exports.dataGridPinnedSurfaceVariants = exports.dataGridPinnedEdgeVariants = exports.dataGridPaginationVariants = exports.dataGridPaginationRangeVariants = exports.dataGridOverlayVariants = exports.dataGridMainVariants = exports.dataGridHeaderVariants = exports.dataGridHeaderLabelVariants = exports.dataGridHeaderCellInnerVariants = exports.dataGridHeadVariants = exports.dataGridFooterVariants = exports.dataGridFilterPanelVariants = exports.dataGridFilterPanelValueVariants = exports.dataGridFilterPanelRowVariants = exports.dataGridFilterPanelOperatorVariants = exports.dataGridFilterPanelLogicVariants = exports.dataGridFilterPanelFooterVariants = exports.dataGridFilterPanelFieldVariants = exports.dataGridFilterPanelColumnVariants = exports.dataGridFilterInputVariants = exports.dataGridEmptyOverlayVariants = exports.dataGridDetailToggleCellVariants = exports.dataGridDetailPanelCellVariants = exports.dataGridCellVariants = exports.dataGridCellTextVariants = exports.dataGridBodyVariants = void 0;
 var _reactNative = require("react-native");
 var _utils = require("@cdx-ui/utils");
 const dataGridRootVariants = exports.dataGridRootVariants = (0, _utils.cva)('w-full min-w-0 max-w-full flex-col overflow-hidden rounded-2xl border border-stroke-secondary bg-surface-primary', {
@@ -39,6 +39,47 @@ const dataGridMainVariants = exports.dataGridMainVariants = (0, _utils.cva)('rel
     overlay: false
   }
 });
+
+/**
+ * Opaque sticky fill so pinned cells cover scrolled content.
+ * Body hover matches the row's 50% secondary tint, mixed over the primary surface
+ * so the cell stays opaque while content scrolls underneath.
+ */
+const dataGridPinnedSurfaceVariants = exports.dataGridPinnedSurfaceVariants = (0, _utils.cva)(_reactNative.Platform.select({
+  web: 'bg-surface-primary',
+  default: ''
+}), {
+  variants: {
+    header: {
+      true: 'bg-neutral-50',
+      false: _reactNative.Platform.select({
+        web: 'web:[tr:hover_&]:bg-[color-mix(in_srgb,var(--color-surface-secondary)_50%,var(--color-surface-primary))]',
+        default: ''
+      })
+    }
+  },
+  defaultVariants: {
+    header: false
+  }
+});
+const dataGridPinnedEdgeVariants = exports.dataGridPinnedEdgeVariants = (0, _utils.cva)('', {
+  variants: {
+    edge: {
+      start: _reactNative.Platform.select({
+        web: 'border-e border-stroke-secondary',
+        default: ''
+      }),
+      end: _reactNative.Platform.select({
+        web: 'border-s border-stroke-secondary',
+        default: ''
+      }),
+      none: ''
+    }
+  },
+  defaultVariants: {
+    edge: 'none'
+  }
+});
 const dataGridToolbarVariants = exports.dataGridToolbarVariants = (0, _utils.cva)('shrink-0 flex-row items-center gap-3 border-b border-stroke-secondary px-4 py-4');
 const dataGridToolbarSearchVariants = exports.dataGridToolbarSearchVariants = (0, _utils.cva)('max-w-80 min-w-0 flex-1');
 const dataGridToolbarActionsVariants = exports.dataGridToolbarActionsVariants = (0, _utils.cva)('ms-auto flex-row items-center gap-3');
@@ -110,6 +151,38 @@ const dataGridBodyVariants = exports.dataGridBodyVariants = (0, _utils.cva)(_rea
   default: ''
 }));
 const dataGridFilterInputVariants = exports.dataGridFilterInputVariants = (0, _utils.cva)('min-w-24');
+
+// The toolbar panel sits at a fixed spot in the grid root. A panel opened from a column is anchored
+// to its opener in a portal, so its position and width cap come from the anchored overlay instead.
+const dataGridFilterPanelVariants = exports.dataGridFilterPanelVariants = (0, _utils.cva)('w-max gap-3 rounded-lg border border-stroke-secondary bg-surface-primary px-3 pb-2 pt-3 shadow-lg', {
+  variants: {
+    anchored: {
+      true: '',
+      false: 'absolute start-4 top-16 z-30 max-w-[calc(100%-2rem)]'
+    }
+  },
+  defaultVariants: {
+    anchored: false
+  }
+});
+
+// The panel is as wide as one unwrapped row, capped at the grid's width. Below that, fields wrap
+// onto new lines and grow to fill them, so the layout follows the grid's width, not the viewport.
+const dataGridFilterPanelRowVariants = exports.dataGridFilterPanelRowVariants = (0, _utils.cva)('flex-row flex-wrap items-end gap-2');
+const dataGridFilterPanelLogicVariants = exports.dataGridFilterPanelLogicVariants = (0, _utils.cva)('min-h-8 w-24 shrink-0 justify-center');
+const dataGridFilterPanelFieldVariants = exports.dataGridFilterPanelFieldVariants = (0, _utils.cva)('min-w-0 shrink grow gap-1', {
+  variants: {
+    size: {
+      column: 'w-40',
+      operator: 'w-40',
+      value: 'w-56'
+    }
+  }
+});
+const dataGridFilterPanelColumnVariants = exports.dataGridFilterPanelColumnVariants = (0, _utils.cva)('w-full');
+const dataGridFilterPanelOperatorVariants = exports.dataGridFilterPanelOperatorVariants = (0, _utils.cva)('w-full');
+const dataGridFilterPanelValueVariants = exports.dataGridFilterPanelValueVariants = (0, _utils.cva)('w-full');
+const dataGridFilterPanelFooterVariants = exports.dataGridFilterPanelFooterVariants = (0, _utils.cva)('flex-row items-center justify-between gap-2 border-t border-stroke-secondary pt-2');
 const dataGridHeadVariants = exports.dataGridHeadVariants = (0, _utils.cva)(['h-12 bg-neutral-50 px-4', _reactNative.Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''
@@ -122,6 +195,39 @@ const dataGridCellVariants = exports.dataGridCellVariants = (0, _utils.cva)(['h-
   web: 'border-b border-stroke-secondary',
   default: ''
 })]);
+const dataGridDetailToggleCellVariants = exports.dataGridDetailToggleCellVariants = (0, _utils.cva)(['w-12 px-2', _reactNative.Platform.select({
+  web: 'border-b border-stroke-secondary',
+  default: ''
+})]);
+
+// Header labels and depth-0 content line up because both reserve the toggle slot.
+const dataGridTreeCellInnerVariants = exports.dataGridTreeCellInnerVariants = (0, _utils.cva)('min-w-0 flex-1 flex-row items-center gap-2');
+const dataGridTreeToggleSlotVariants = exports.dataGridTreeToggleSlotVariants = (0, _utils.cva)('size-8 shrink-0 items-center justify-center');
+const dataGridTreeContentVariants = exports.dataGridTreeContentVariants = (0, _utils.cva)('min-w-0 flex-1 flex-row items-center');
+const dataGridDetailPanelCellVariants = exports.dataGridDetailPanelCellVariants = (0, _utils.cva)(['px-4 py-3', _reactNative.Platform.select({
+  web: 'border-b border-stroke-secondary bg-surface-primary',
+  default: ''
+})]);
+
+// Same `w-0 min-w-full` trick as the header label: a declared column width truncates the value
+// with an ellipsis instead of wrapping it onto a second line and growing the fixed-height row.
+const dataGridCellTextVariants = exports.dataGridCellTextVariants = (0, _utils.cva)('min-w-0', {
+  variants: {
+    align: {
+      start: 'text-start',
+      center: 'text-center',
+      end: 'text-end'
+    },
+    fitToColumn: {
+      true: 'w-0 min-w-full',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    align: 'start',
+    fitToColumn: false
+  }
+});
 const dataGridSelectCellVariants = exports.dataGridSelectCellVariants = (0, _utils.cva)(['w-14 px-4', _reactNative.Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''