@machinemetrics/mm-react-components 0.2.3-0 → 0.2.3-2

package/dist/mm-react-components.es.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-import React__default, { forwardRef, createElement, useLayoutEffect, useState, useCallback, useEffect, useMemo, createContext, useContext, useRef, memo as memo$1, useReducer, useImperativeHandle, Fragment } from "react";
+import React__default, { forwardRef, createElement, useLayoutEffect, useState, useCallback, useEffect, useMemo, createContext, useContext, useRef, memo as memo$2, useReducer, useImperativeHandle, Fragment } from "react";
 import * as ReactDOM from "react-dom";
-import ReactDOM__default, { unstable_batchedUpdates, createPortal } from "react-dom";
+import ReactDOM__default, { unstable_batchedUpdates, createPortal, flushSync } from "react-dom";
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -3916,6 +3916,43 @@ function activateCarbideTheme() {
     document.documentElement.classList.add("carbide");
   }
 }
+function deactivateCarbideTheme() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.remove("carbide");
+  }
+}
+function toggleCarbideTheme() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle("carbide");
+  }
+}
+function isCarbideThemeActive() {
+  if (typeof document !== "undefined") {
+    return document.documentElement.classList.contains("carbide");
+  }
+  return false;
+}
+function activateDarkMode() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.add("dark");
+  }
+}
+function deactivateDarkMode() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.remove("dark");
+  }
+}
+function toggleDarkMode() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle("dark");
+  }
+}
+function isDarkModeActive() {
+  if (typeof document !== "undefined") {
+    return document.documentElement.classList.contains("dark");
+  }
+  return false;
+}
 var NODES = [
   "a",
   "button",
@@ -8065,7 +8102,7 @@ function useCallbackRef$1(initialValue, callback) {
   ref.callback = callback;
   return ref.facade;
 }
-var useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$3 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue2) {
   var callbackRef = useCallbackRef$1(null, function(newValue) {
@@ -8073,7 +8110,7 @@ function useMergeRefs(refs, defaultValue2) {
       return assignRef(ref, newValue);
     });
   });
-  useIsomorphicLayoutEffect$2(function() {
+  useIsomorphicLayoutEffect$3(function() {
     var oldValue = currentValues.get(callbackRef);
     if (oldValue) {
       var prevRefs_1 = new Set(oldValue);
@@ -8459,10 +8496,10 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
       break;
     }
     var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
-    var elementScroll = scroll_1 - capacity - directionFactor * position;
-    if (position || elementScroll) {
+    var elementScroll2 = scroll_1 - capacity - directionFactor * position;
+    if (position || elementScroll2) {
       if (elementCouldBeScrolled(axis, target)) {
-        availableScroll += elementScroll;
+        availableScroll += elementScroll2;
         availableScrollTop += position;
       }
     }
@@ -15270,7 +15307,7 @@ function testPlatform(re2) {
   return typeof window !== "undefined" && window.navigator != null ? re2.test(window.navigator.platform) : void 0;
 }
 const KEYBOARD_BUFFER = 24;
-const useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function chain$1(...callbacks) {
   return (...args) => {
     for (let callback of callbacks) {
@@ -15309,7 +15346,7 @@ let preventScrollCount = 0;
 let restore;
 function usePreventScroll(options = {}) {
   let { isDisabled } = options;
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     if (isDisabled) {
       return;
     }
@@ -20074,10 +20111,10 @@ function getOwnerDocument(target) {
   }
   return document;
 }
-const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect$1 = canUseDOM ? useLayoutEffect : useEffect;
 function useEvent(handler) {
   const handlerRef = useRef(handler);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     handlerRef.current = handler;
   });
   return useCallback(function() {
@@ -20105,7 +20142,7 @@ function useLatestValue(value, dependencies) {
     dependencies = [value];
   }
   const valueRef = useRef(value);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (valueRef.current !== value) {
       valueRef.current = value;
     }
@@ -22123,7 +22160,7 @@ function useRect(element, measure, fallbackRect) {
   const resizeObserver = useResizeObserver({
     callback: measureRect
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     measureRect();
     if (element) {
       resizeObserver == null ? void 0 : resizeObserver.observe(element);
@@ -22297,7 +22334,7 @@ function useRects(elements, measure) {
   const resizeObserver = useResizeObserver({
     callback: measureRects
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     resizeObserver == null ? void 0 : resizeObserver.disconnect();
     measureRects();
     elements.forEach((element) => resizeObserver == null ? void 0 : resizeObserver.observe(element));
@@ -22659,7 +22696,7 @@ function useLayoutShiftScrollCompensation(_ref) {
     x: config,
     y: config
   } : config;
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     const disabled = !x && !y;
     if (disabled || !activeNode) {
       initialized.current = false;
@@ -22703,7 +22740,7 @@ var Status;
   Status2[Status2["Initializing"] = 1] = "Initializing";
   Status2[Status2["Initialized"] = 2] = "Initialized";
 })(Status || (Status = {}));
-const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
+const DndContext = /* @__PURE__ */ memo$2(function DndContext2(_ref) {
   var _sensorContext$curren, _dragOverlay$nodeRef$, _dragOverlay$rect, _over$rect;
   let {
     id,
@@ -23020,7 +23057,7 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
   }, [draggableNodes, instantiateSensor]);
   const activators = useCombineActivators(sensors, bindActivatorToSensorInstantiator);
   useSensorSetup(sensors);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (activeNodeRect && status === Status.Initializing) {
       setStatus(Status.Initialized);
     }
@@ -23104,7 +23141,7 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [overId]
   );
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     sensorContext.current = {
       activatorEvent,
       active,
@@ -23231,7 +23268,7 @@ function useDraggable(_ref) {
   const [activatorNode, setActivatorNodeRef] = useNodeRef();
   const listeners = useSyntheticListeners(activators, id);
   const dataRef = useLatestValue(data);
-  useIsomorphicLayoutEffect(
+  useIsomorphicLayoutEffect$1(
     () => {
       draggableNodes.set(id, {
         id,
@@ -23615,7 +23652,7 @@ function SortableContext(_ref) {
   const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);
   const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;
   const disabled = normalizeDisabled(disabledProp);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (itemsHaveChanged && isDragging) {
       measureDroppableContainers(items);
     }
@@ -23696,7 +23733,7 @@ function useDerivedTransform(_ref) {
   } = _ref;
   const [derivedTransform, setDerivedtransform] = useState(null);
   const previousIndex = useRef(index2);
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     if (!disabled && index2 !== previousIndex.current && node.current) {
       const initial = rect.current;
       if (initial) {
@@ -24120,7 +24157,7 @@ function flattenBy(arr, getChildren) {
   recurse(arr);
   return flat;
 }
-function memo(getDeps, fn, opts) {
+function memo$1(getDeps, fn, opts) {
   let deps = [];
   let result;
   return (depArgs) => {
@@ -24178,7 +24215,7 @@ function createCell(table, row, column, columnId) {
     column,
     getValue: () => row.getValue(columnId),
     renderValue: getRenderValue,
-    getContext: memo(() => [table, column, row, cell], (table2, column2, row2, cell2) => ({
+    getContext: memo$1(() => [table, column, row, cell], (table2, column2, row2, cell2) => ({
       table: table2,
       column: column2,
       row: row2,
@@ -24234,11 +24271,11 @@ function createColumn(table, columnDef, depth, parent) {
     depth,
     columnDef: resolvedColumnDef,
     columns: [],
-    getFlatColumns: memo(() => [true], () => {
+    getFlatColumns: memo$1(() => [true], () => {
       var _column$columns;
       return [column, ...(_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap((d) => d.getFlatColumns())];
     }, getMemoOptions(table.options, "debugColumns", "column.getFlatColumns")),
-    getLeafColumns: memo(() => [table._getOrderColumnsFn()], (orderColumns2) => {
+    getLeafColumns: memo$1(() => [table._getOrderColumnsFn()], (orderColumns2) => {
       var _column$columns2;
       if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
         let leafColumns = column.columns.flatMap((column2) => column2.getLeafColumns());
@@ -24291,7 +24328,7 @@ function createHeader(table, column, options) {
 }
 const Headers = {
   createTable: (table) => {
-    table.getHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
+    table.getHeaderGroups = memo$1(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
       var _left$map$filter, _right$map$filter;
       const leftColumns = (_left$map$filter = left == null ? void 0 : left.map((columnId) => leafColumns.find((d) => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
       const rightColumns = (_right$map$filter = right == null ? void 0 : right.map((columnId) => leafColumns.find((d) => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
@@ -24299,71 +24336,71 @@ const Headers = {
       const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
       return headerGroups;
     }, getMemoOptions(table.options, debug, "getHeaderGroups"));
-    table.getCenterHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
+    table.getCenterHeaderGroups = memo$1(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
       leafColumns = leafColumns.filter((column) => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
       return buildHeaderGroups(allColumns, leafColumns, table, "center");
     }, getMemoOptions(table.options, debug, "getCenterHeaderGroups"));
-    table.getLeftHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
+    table.getLeftHeaderGroups = memo$1(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
       var _left$map$filter2;
       const orderedLeafColumns = (_left$map$filter2 = left == null ? void 0 : left.map((columnId) => leafColumns.find((d) => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
       return buildHeaderGroups(allColumns, orderedLeafColumns, table, "left");
     }, getMemoOptions(table.options, debug, "getLeftHeaderGroups"));
-    table.getRightHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
+    table.getRightHeaderGroups = memo$1(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
       var _right$map$filter2;
       const orderedLeafColumns = (_right$map$filter2 = right == null ? void 0 : right.map((columnId) => leafColumns.find((d) => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
       return buildHeaderGroups(allColumns, orderedLeafColumns, table, "right");
     }, getMemoOptions(table.options, debug, "getRightHeaderGroups"));
-    table.getFooterGroups = memo(() => [table.getHeaderGroups()], (headerGroups) => {
+    table.getFooterGroups = memo$1(() => [table.getHeaderGroups()], (headerGroups) => {
       return [...headerGroups].reverse();
     }, getMemoOptions(table.options, debug, "getFooterGroups"));
-    table.getLeftFooterGroups = memo(() => [table.getLeftHeaderGroups()], (headerGroups) => {
+    table.getLeftFooterGroups = memo$1(() => [table.getLeftHeaderGroups()], (headerGroups) => {
       return [...headerGroups].reverse();
     }, getMemoOptions(table.options, debug, "getLeftFooterGroups"));
-    table.getCenterFooterGroups = memo(() => [table.getCenterHeaderGroups()], (headerGroups) => {
+    table.getCenterFooterGroups = memo$1(() => [table.getCenterHeaderGroups()], (headerGroups) => {
       return [...headerGroups].reverse();
     }, getMemoOptions(table.options, debug, "getCenterFooterGroups"));
-    table.getRightFooterGroups = memo(() => [table.getRightHeaderGroups()], (headerGroups) => {
+    table.getRightFooterGroups = memo$1(() => [table.getRightHeaderGroups()], (headerGroups) => {
       return [...headerGroups].reverse();
     }, getMemoOptions(table.options, debug, "getRightFooterGroups"));
-    table.getFlatHeaders = memo(() => [table.getHeaderGroups()], (headerGroups) => {
+    table.getFlatHeaders = memo$1(() => [table.getHeaderGroups()], (headerGroups) => {
       return headerGroups.map((headerGroup) => {
         return headerGroup.headers;
       }).flat();
     }, getMemoOptions(table.options, debug, "getFlatHeaders"));
-    table.getLeftFlatHeaders = memo(() => [table.getLeftHeaderGroups()], (left) => {
+    table.getLeftFlatHeaders = memo$1(() => [table.getLeftHeaderGroups()], (left) => {
       return left.map((headerGroup) => {
         return headerGroup.headers;
       }).flat();
     }, getMemoOptions(table.options, debug, "getLeftFlatHeaders"));
-    table.getCenterFlatHeaders = memo(() => [table.getCenterHeaderGroups()], (left) => {
+    table.getCenterFlatHeaders = memo$1(() => [table.getCenterHeaderGroups()], (left) => {
       return left.map((headerGroup) => {
         return headerGroup.headers;
       }).flat();
     }, getMemoOptions(table.options, debug, "getCenterFlatHeaders"));
-    table.getRightFlatHeaders = memo(() => [table.getRightHeaderGroups()], (left) => {
+    table.getRightFlatHeaders = memo$1(() => [table.getRightHeaderGroups()], (left) => {
       return left.map((headerGroup) => {
         return headerGroup.headers;
       }).flat();
     }, getMemoOptions(table.options, debug, "getRightFlatHeaders"));
-    table.getCenterLeafHeaders = memo(() => [table.getCenterFlatHeaders()], (flatHeaders) => {
+    table.getCenterLeafHeaders = memo$1(() => [table.getCenterFlatHeaders()], (flatHeaders) => {
       return flatHeaders.filter((header) => {
         var _header$subHeaders;
         return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
       });
     }, getMemoOptions(table.options, debug, "getCenterLeafHeaders"));
-    table.getLeftLeafHeaders = memo(() => [table.getLeftFlatHeaders()], (flatHeaders) => {
+    table.getLeftLeafHeaders = memo$1(() => [table.getLeftFlatHeaders()], (flatHeaders) => {
       return flatHeaders.filter((header) => {
         var _header$subHeaders2;
         return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
       });
     }, getMemoOptions(table.options, debug, "getLeftLeafHeaders"));
-    table.getRightLeafHeaders = memo(() => [table.getRightFlatHeaders()], (flatHeaders) => {
+    table.getRightLeafHeaders = memo$1(() => [table.getRightFlatHeaders()], (flatHeaders) => {
       return flatHeaders.filter((header) => {
         var _header$subHeaders3;
         return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
       });
     }, getMemoOptions(table.options, debug, "getRightLeafHeaders"));
-    table.getLeafHeaders = memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
+    table.getLeafHeaders = memo$1(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
       var _left$0$headers, _left$, _center$0$headers, _center$, _right$0$headers, _right$;
       return [...(_left$0$headers = (_left$ = left[0]) == null ? void 0 : _left$.headers) != null ? _left$0$headers : [], ...(_center$0$headers = (_center$ = center[0]) == null ? void 0 : _center$.headers) != null ? _center$0$headers : [], ...(_right$0$headers = (_right$ = right[0]) == null ? void 0 : _right$.headers) != null ? _right$0$headers : []].map((header) => {
         return header.getLeafHeaders();
@@ -24518,12 +24555,12 @@ const createRow = (table, id, original, rowIndex, depth, subRows, parentId) => {
       }
       return parentRows.reverse();
     },
-    getAllCells: memo(() => [table.getAllLeafColumns()], (leafColumns) => {
+    getAllCells: memo$1(() => [table.getAllLeafColumns()], (leafColumns) => {
       return leafColumns.map((column) => {
         return createCell(table, row, column, column.id);
       });
     }, getMemoOptions(table.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: memo(() => [row.getAllCells()], (allCells) => {
+    _getAllCellsByColumnId: memo$1(() => [row.getAllCells()], (allCells) => {
       return allCells.reduce((acc, cell) => {
         acc[cell.column.id] = cell;
         return acc;
@@ -24989,7 +25026,7 @@ const ColumnOrdering = {
     };
   },
   createColumn: (column, table) => {
-    column.getIndex = memo((position) => [_getVisibleLeafColumns(table, position)], (columns) => columns.findIndex((d) => d.id === column.id), getMemoOptions(table.options, "debugColumns", "getIndex"));
+    column.getIndex = memo$1((position) => [_getVisibleLeafColumns(table, position)], (columns) => columns.findIndex((d) => d.id === column.id), getMemoOptions(table.options, "debugColumns", "getIndex"));
     column.getIsFirstColumn = (position) => {
       var _columns$;
       const columns = _getVisibleLeafColumns(table, position);
@@ -25007,7 +25044,7 @@ const ColumnOrdering = {
       var _table$initialState$c;
       table.setColumnOrder(defaultState ? [] : (_table$initialState$c = table.initialState.columnOrder) != null ? _table$initialState$c : []);
     };
-    table._getOrderColumnsFn = memo(() => [table.getState().columnOrder, table.getState().grouping, table.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => (columns) => {
+    table._getOrderColumnsFn = memo$1(() => [table.getState().columnOrder, table.getState().grouping, table.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => (columns) => {
       let orderedColumns = [];
       if (!(columnOrder != null && columnOrder.length)) {
         orderedColumns = columns;
@@ -25092,18 +25129,18 @@ const ColumnPinning = {
     };
   },
   createRow: (row, table) => {
-    row.getCenterVisibleCells = memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allCells, left, right) => {
+    row.getCenterVisibleCells = memo$1(() => [row._getAllVisibleCells(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allCells, left, right) => {
       const leftAndRight = [...left != null ? left : [], ...right != null ? right : []];
       return allCells.filter((d) => !leftAndRight.includes(d.column.id));
     }, getMemoOptions(table.options, "debugRows", "getCenterVisibleCells"));
-    row.getLeftVisibleCells = memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left], (allCells, left) => {
+    row.getLeftVisibleCells = memo$1(() => [row._getAllVisibleCells(), table.getState().columnPinning.left], (allCells, left) => {
       const cells = (left != null ? left : []).map((columnId) => allCells.find((cell) => cell.column.id === columnId)).filter(Boolean).map((d) => ({
         ...d,
         position: "left"
       }));
       return cells;
     }, getMemoOptions(table.options, "debugRows", "getLeftVisibleCells"));
-    row.getRightVisibleCells = memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
+    row.getRightVisibleCells = memo$1(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
       const cells = (right != null ? right : []).map((columnId) => allCells.find((cell) => cell.column.id === columnId)).filter(Boolean).map((d) => ({
         ...d,
         position: "right"
@@ -25126,13 +25163,13 @@ const ColumnPinning = {
       }
       return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
     };
-    table.getLeftLeafColumns = memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
+    table.getLeftLeafColumns = memo$1(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
       return (left != null ? left : []).map((columnId) => allColumns.find((column) => column.id === columnId)).filter(Boolean);
     }, getMemoOptions(table.options, "debugColumns", "getLeftLeafColumns"));
-    table.getRightLeafColumns = memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
+    table.getRightLeafColumns = memo$1(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
       return (right != null ? right : []).map((columnId) => allColumns.find((column) => column.id === columnId)).filter(Boolean);
     }, getMemoOptions(table.options, "debugColumns", "getRightLeafColumns"));
-    table.getCenterLeafColumns = memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, left, right) => {
+    table.getCenterLeafColumns = memo$1(() => [table.getAllLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, left, right) => {
       const leftAndRight = [...left != null ? left : [], ...right != null ? right : []];
       return allColumns.filter((d) => !leftAndRight.includes(d.id));
     }, getMemoOptions(table.options, "debugColumns", "getCenterLeafColumns"));
@@ -25179,8 +25216,8 @@ const ColumnSizing = {
       const columnSize = table.getState().columnSizing[column.id];
       return Math.min(Math.max((_column$columnDef$min = column.columnDef.minSize) != null ? _column$columnDef$min : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.columnDef.size) != null ? _ref : defaultColumnSizing.size), (_column$columnDef$max = column.columnDef.maxSize) != null ? _column$columnDef$max : defaultColumnSizing.maxSize);
     };
-    column.getStart = memo((position) => [position, _getVisibleLeafColumns(table, position), table.getState().columnSizing], (position, columns) => columns.slice(0, column.getIndex(position)).reduce((sum2, column2) => sum2 + column2.getSize(), 0), getMemoOptions(table.options, "debugColumns", "getStart"));
-    column.getAfter = memo((position) => [position, _getVisibleLeafColumns(table, position), table.getState().columnSizing], (position, columns) => columns.slice(column.getIndex(position) + 1).reduce((sum2, column2) => sum2 + column2.getSize(), 0), getMemoOptions(table.options, "debugColumns", "getAfter"));
+    column.getStart = memo$1((position) => [position, _getVisibleLeafColumns(table, position), table.getState().columnSizing], (position, columns) => columns.slice(0, column.getIndex(position)).reduce((sum2, column2) => sum2 + column2.getSize(), 0), getMemoOptions(table.options, "debugColumns", "getStart"));
+    column.getAfter = memo$1((position) => [position, _getVisibleLeafColumns(table, position), table.getState().columnSizing], (position, columns) => columns.slice(column.getIndex(position) + 1).reduce((sum2, column2) => sum2 + column2.getSize(), 0), getMemoOptions(table.options, "debugColumns", "getAfter"));
     column.resetSize = () => {
       table.setColumnSizing((_ref2) => {
         let {
@@ -25424,14 +25461,14 @@ const ColumnVisibility = {
     };
   },
   createRow: (row, table) => {
-    row._getAllVisibleCells = memo(() => [row.getAllCells(), table.getState().columnVisibility], (cells) => {
+    row._getAllVisibleCells = memo$1(() => [row.getAllCells(), table.getState().columnVisibility], (cells) => {
       return cells.filter((cell) => cell.column.getIsVisible());
     }, getMemoOptions(table.options, "debugRows", "_getAllVisibleCells"));
-    row.getVisibleCells = memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], getMemoOptions(table.options, "debugRows", "getVisibleCells"));
+    row.getVisibleCells = memo$1(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], getMemoOptions(table.options, "debugRows", "getVisibleCells"));
   },
   createTable: (table) => {
     const makeVisibleColumnsMethod = (key, getColumns) => {
-      return memo(() => [getColumns(), getColumns().filter((d) => d.getIsVisible()).map((d) => d.id).join("_")], (columns) => {
+      return memo$1(() => [getColumns(), getColumns().filter((d) => d.getIsVisible()).map((d) => d.id).join("_")], (columns) => {
         return columns.filter((d) => d.getIsVisible == null ? void 0 : d.getIsVisible());
       }, getMemoOptions(table.options, "debugColumns", key));
     };
@@ -25776,7 +25813,7 @@ const RowPagination = {
         pageCount: newPageCount
       };
     });
-    table.getPageOptions = memo(() => [table.getPageCount()], (pageCount) => {
+    table.getPageOptions = memo$1(() => [table.getPageCount()], (pageCount) => {
       let pageOptions = [];
       if (pageCount && pageCount > 0) {
         pageOptions = [...new Array(pageCount)].fill(null).map((_, i) => i);
@@ -25951,9 +25988,9 @@ const RowPinning = {
         position
       }));
     };
-    table.getTopRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.top], (allRows, topPinnedRowIds) => table._getPinnedRows(allRows, topPinnedRowIds, "top"), getMemoOptions(table.options, "debugRows", "getTopRows"));
-    table.getBottomRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.bottom], (allRows, bottomPinnedRowIds) => table._getPinnedRows(allRows, bottomPinnedRowIds, "bottom"), getMemoOptions(table.options, "debugRows", "getBottomRows"));
-    table.getCenterRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.top, table.getState().rowPinning.bottom], (allRows, top, bottom) => {
+    table.getTopRows = memo$1(() => [table.getRowModel().rows, table.getState().rowPinning.top], (allRows, topPinnedRowIds) => table._getPinnedRows(allRows, topPinnedRowIds, "top"), getMemoOptions(table.options, "debugRows", "getTopRows"));
+    table.getBottomRows = memo$1(() => [table.getRowModel().rows, table.getState().rowPinning.bottom], (allRows, bottomPinnedRowIds) => table._getPinnedRows(allRows, bottomPinnedRowIds, "bottom"), getMemoOptions(table.options, "debugRows", "getBottomRows"));
+    table.getCenterRows = memo$1(() => [table.getRowModel().rows, table.getState().rowPinning.top, table.getState().rowPinning.bottom], (allRows, top, bottom) => {
       const topAndBottom = /* @__PURE__ */ new Set([...top != null ? top : [], ...bottom != null ? bottom : []]);
       return allRows.filter((d) => !topAndBottom.has(d.id));
     }, getMemoOptions(table.options, "debugRows", "getCenterRows"));
@@ -26016,7 +26053,7 @@ const RowSelection = {
       return rowSelection;
     });
     table.getPreSelectedRowModel = () => table.getCoreRowModel();
-    table.getSelectedRowModel = memo(() => [table.getState().rowSelection, table.getCoreRowModel()], (rowSelection, rowModel) => {
+    table.getSelectedRowModel = memo$1(() => [table.getState().rowSelection, table.getCoreRowModel()], (rowSelection, rowModel) => {
       if (!Object.keys(rowSelection).length) {
         return {
           rows: [],
@@ -26026,7 +26063,7 @@ const RowSelection = {
       }
       return selectRowsFn(table, rowModel);
     }, getMemoOptions(table.options, "debugTable", "getSelectedRowModel"));
-    table.getFilteredSelectedRowModel = memo(() => [table.getState().rowSelection, table.getFilteredRowModel()], (rowSelection, rowModel) => {
+    table.getFilteredSelectedRowModel = memo$1(() => [table.getState().rowSelection, table.getFilteredRowModel()], (rowSelection, rowModel) => {
       if (!Object.keys(rowSelection).length) {
         return {
           rows: [],
@@ -26036,7 +26073,7 @@ const RowSelection = {
       }
       return selectRowsFn(table, rowModel);
     }, getMemoOptions(table.options, "debugTable", "getFilteredSelectedRowModel"));
-    table.getGroupedSelectedRowModel = memo(() => [table.getState().rowSelection, table.getSortedRowModel()], (rowSelection, rowModel) => {
+    table.getGroupedSelectedRowModel = memo$1(() => [table.getState().rowSelection, table.getSortedRowModel()], (rowSelection, rowModel) => {
       if (!Object.keys(rowSelection).length) {
         return {
           rows: [],
@@ -26605,7 +26642,7 @@ function createTable(options) {
       }
       return row;
     },
-    _getDefaultColumnDef: memo(() => [table.options.defaultColumn], (defaultColumn) => {
+    _getDefaultColumnDef: memo$1(() => [table.options.defaultColumn], (defaultColumn) => {
       var _defaultColumn;
       defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
       return {
@@ -26631,7 +26668,7 @@ function createTable(options) {
       };
     }, getMemoOptions(options, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => table.options.columns,
-    getAllColumns: memo(() => [table._getColumnDefs()], (columnDefs) => {
+    getAllColumns: memo$1(() => [table._getColumnDefs()], (columnDefs) => {
       const recurseColumns = function(columnDefs2, parent, depth) {
         if (depth === void 0) {
           depth = 0;
@@ -26645,18 +26682,18 @@ function createTable(options) {
       };
       return recurseColumns(columnDefs);
     }, getMemoOptions(options, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: memo(() => [table.getAllColumns()], (allColumns) => {
+    getAllFlatColumns: memo$1(() => [table.getAllColumns()], (allColumns) => {
       return allColumns.flatMap((column) => {
         return column.getFlatColumns();
       });
     }, getMemoOptions(options, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: memo(() => [table.getAllFlatColumns()], (flatColumns) => {
+    _getAllFlatColumnsById: memo$1(() => [table.getAllFlatColumns()], (flatColumns) => {
       return flatColumns.reduce((acc, column) => {
         acc[column.id] = column;
         return acc;
       }, {});
     }, getMemoOptions(options, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: memo(() => [table.getAllColumns(), table._getOrderColumnsFn()], (allColumns, orderColumns2) => {
+    getAllLeafColumns: memo$1(() => [table.getAllColumns(), table._getOrderColumnsFn()], (allColumns, orderColumns2) => {
       let leafColumns = allColumns.flatMap((column) => column.getLeafColumns());
       return orderColumns2(leafColumns);
     }, getMemoOptions(options, "debugColumns", "getAllLeafColumns")),
@@ -26676,7 +26713,7 @@ function createTable(options) {
   return table;
 }
 function getCoreRowModel() {
-  return (table) => memo(() => [table.options.data], (data) => {
+  return (table) => memo$1(() => [table.options.data], (data) => {
     const rowModel = {
       rows: [],
       flatRows: [],
@@ -26809,7 +26846,7 @@ function filterRowModelFromRoot(rowsToFilter, filterRow, table) {
   };
 }
 function getFacetedRowModel() {
-  return (table, columnId) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
+  return (table, columnId) => memo$1(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
     if (!preRowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
       return preRowModel;
     }
@@ -26826,7 +26863,7 @@ function getFacetedRowModel() {
   }, getMemoOptions(table.options, "debugTable", "getFacetedRowModel"));
 }
 function getFacetedUniqueValues() {
-  return (table, columnId) => memo(() => {
+  return (table, columnId) => memo$1(() => {
     var _table$getColumn;
     return [(_table$getColumn = table.getColumn(columnId)) == null ? void 0 : _table$getColumn.getFacetedRowModel()];
   }, (facetedRowModel) => {
@@ -26848,7 +26885,7 @@ function getFacetedUniqueValues() {
   }, getMemoOptions(table.options, "debugTable", `getFacetedUniqueValues_${columnId}`));
 }
 function getFilteredRowModel() {
-  return (table) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
+  return (table) => memo$1(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
     if (!rowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
       for (let i = 0; i < rowModel.flatRows.length; i++) {
         rowModel.flatRows[i].columnFilters = {};
@@ -26933,7 +26970,7 @@ function getFilteredRowModel() {
   }, getMemoOptions(table.options, "debugTable", "getFilteredRowModel", () => table._autoResetPageIndex()));
 }
 function getPaginationRowModel(opts) {
-  return (table) => memo(() => [table.getState().pagination, table.getPrePaginationRowModel(), table.options.paginateExpandedRows ? void 0 : table.getState().expanded], (pagination, rowModel) => {
+  return (table) => memo$1(() => [table.getState().pagination, table.getPrePaginationRowModel(), table.options.paginateExpandedRows ? void 0 : table.getState().expanded], (pagination, rowModel) => {
     if (!rowModel.rows.length) {
       return rowModel;
     }
@@ -26975,7 +27012,7 @@ function getPaginationRowModel(opts) {
   }, getMemoOptions(table.options, "debugTable", "getPaginationRowModel"));
 }
 function getSortedRowModel() {
-  return (table) => memo(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
+  return (table) => memo$1(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
     if (!rowModel.rows.length || !(sorting != null && sorting.length)) {
       return rowModel;
     }
@@ -29014,6 +29051,25 @@ function DataTableToolbar({
     opts.belowControls ?? null
   ] });
 }
+function createColumnRegistry(descriptors) {
+  return descriptors.reduce((acc, item) => {
+    const key = item.defaults.id ?? item.columnDef.id;
+    if (!key) {
+      throw new Error("Column descriptors must define an id.");
+    }
+    acc[key] = {
+      columnDef: {
+        ...item.columnDef,
+        id: item.columnDef.id ?? key
+      },
+      defaults: {
+        ...item.defaults,
+        id: key
+      }
+    };
+    return acc;
+  }, {});
+}
 function resolveColumnOrder(registry, preferredOrder = []) {
   if (preferredOrder.length) return preferredOrder;
   return Object.values(registry).sort((a, b) => (a.defaults.order ?? 0) - (b.defaults.order ?? 0)).map((col) => col.defaults.id || col.columnDef.id || "").filter((id) => Boolean(id));
@@ -29095,6 +29151,22 @@ function useDataTableState(config = {}) {
     rowSelection: [rowSelection, setRowSelection]
   };
 }
+const QUERY = "(max-width: 768px)";
+function useBreakpoint(query = QUERY) {
+  const getMatches = React.useCallback(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(query).matches;
+  }, [query]);
+  const [matches, setMatches] = React.useState(getMatches);
+  React.useEffect(() => {
+    const mediaQueryList = window.matchMedia(query);
+    const listener = (event) => setMatches(event.matches);
+    mediaQueryList.addEventListener("change", listener);
+    setMatches(mediaQueryList.matches);
+    return () => mediaQueryList.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+}
 function useTableController(options) {
   const { columns, data, columnRegistry, initialState: initialState2, tableId } = options;
   const storageKey = tableId ? `mmrc:table:${tableId}` : void 0;
@@ -29284,6 +29356,10 @@ function exportTableToCSV(table, filename = "data.csv") {
   URL.revokeObjectURL(url);
 }
 const TABLE_TOKENS = {
+  defaultColumnWidth: 160,
+  minColumnWidth: 96,
+  maxColumnWidth: 420,
+  toolbarGap: 8,
   selectionColumnWidth: 44,
   actionsColumnWidth: 64
 };
@@ -29854,6 +29930,1494 @@ function DataTable({
     isForcedEmpty ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border bg-[var(--tablehead-bg)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DataTablePagination, { table }) })
   ] });
 }
+const ALIGNMENT_PRESETS = {
+  NAME: "left",
+  DESCRIPTION: "left",
+  CATEGORY: "left",
+  STATUS: "left",
+  QUANTITY: "right",
+  AMOUNT: "right",
+  COUNT: "right",
+  TOTAL: "right",
+  PERCENTAGE: "right",
+  RATE: "right",
+  PROGRESS: "right",
+  DATE: "left",
+  ID: "left",
+  REFERENCE: "left",
+  ICON: "center",
+  CHECKBOX: "center",
+  BUTTON: "center"
+};
+const presetMatchers = [
+  { match: (key) => key === "CURRENT_OPERATION", align: "left" },
+  {
+    match: (key) => key === "PART_OPERATION" || key === "PARTOPERATION",
+    align: "left"
+  },
+  {
+    match: (key) => key === "ORDER_OPERATION" || key === "ORDEROPERATION",
+    align: "left"
+  },
+  {
+    match: (key) => key === "OPERATION_TYPE" || key === "OPERATIONTYPE",
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("PARTS") && !key.includes("REF") || key === "GOODPARTS" || key === "BADPARTS",
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("REJECTS") && !key.includes("REF"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("QUANTITY") && !key.includes("REF"),
+    align: "right"
+  },
+  {
+    match: (key) => (key.includes("COUNT") || key.includes("TOTAL") || key.includes("ACTIVE") && key.includes("ORDERS")) && !key.includes("REF"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("RATE") && !key.includes("REF"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("PERCENTAGE") && !key.includes("REF"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("RATIO") || key === "SETUP_PRODUCTION_RATIO",
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("OPERATIONS") && key.includes("TOTAL"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("OPERATIONS") && key.includes("COMPLETED"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("DURATION") || key === "DURATION",
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("CYCLE") && key.includes("TIME"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("SETUP") && key.includes("TIME"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("TIME") && !key.includes("DATE") && !key.includes("STAMP"),
+    align: "right"
+  },
+  {
+    match: (key) => key.includes("ORDER") || key.includes("NUMBER"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("EMPLOYEE") && key.includes("ID"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("RESOURCE") && key.includes("ID"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("DATE") || key.includes("TIME"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("START") || key.includes("END"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("CLOCKIN") || key.includes("CLOCKOUT"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("ID") || key.includes("REF") || key.includes("CODE"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("NAME") || key.includes("DESCRIPTION"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("CATEGORY") || key === "CATEGORY",
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("OPERATION"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("ORDEROP"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("PARTOPERATION"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("WORKORDEROPERATIONREF"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("OPERATIONTYPE"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("LOT") || key === "LOT",
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("SPLIT") || key === "SPLIT",
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("SUB") || key === "SUB",
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("SEQ") || key === "SEQUENCENUMBER" || key === "SEQUENCE",
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("ACTIVITY") || key.includes("STATUS"),
+    align: "left"
+  },
+  {
+    match: (key) => key.includes("STATE") || key.includes("TYPE"),
+    align: "left"
+  }
+];
+function getPresetAlignment(columnKey) {
+  if (!columnKey) return null;
+  const key = columnKey.toUpperCase();
+  if (ALIGNMENT_PRESETS[key]) {
+    return ALIGNMENT_PRESETS[key];
+  }
+  const matcher = presetMatchers.find((preset) => preset.match(key));
+  return matcher ? matcher.align : null;
+}
+function applyFilterConfig(columnDef, filter) {
+  if (!filter) return;
+  if (columnDef.enableColumnFilter !== false) {
+    columnDef.enableColumnFilter = true;
+  }
+  if (columnDef.filterFn) return;
+  const asFilterFn = (fn) => {
+    columnDef.filterFn = fn;
+  };
+  switch (filter.type) {
+    case "select":
+      asFilterFn((row, columnId, filterValue) => {
+        if (filterValue == null || filterValue === "") return true;
+        const cellValue = row.getValue(columnId);
+        if (cellValue == null) return false;
+        const values = Array.isArray(filterValue) ? filterValue.map(String) : [String(filterValue)];
+        if (values.length === 0) return true;
+        return values.includes(String(cellValue));
+      });
+      break;
+    case "multi-select":
+      asFilterFn((row, columnId, filterValue) => {
+        if (!Array.isArray(filterValue) || filterValue.length === 0)
+          return true;
+        const cellValue = row.getValue(columnId);
+        if (cellValue == null) return false;
+        const values = Array.isArray(cellValue) ? cellValue.map(String) : [String(cellValue)];
+        const targets = filterValue.map(String);
+        return values.some((value) => targets.includes(value));
+      });
+      break;
+    case "numeric-range":
+      asFilterFn((row, columnId, filterValue) => {
+        if (!Array.isArray(filterValue) || filterValue.length === 0)
+          return true;
+        const [min2, max2] = filterValue;
+        if (min2 == null && max2 == null) return true;
+        const rawValue = row.getValue(columnId);
+        if (rawValue == null) return false;
+        const numeric = typeof rawValue === "number" ? rawValue : Number(rawValue);
+        if (Number.isNaN(numeric)) return false;
+        if (min2 != null && numeric < min2) return false;
+        if (max2 != null && numeric > max2) return false;
+        return true;
+      });
+      break;
+    case "date-range":
+      asFilterFn((row, columnId, filterValue) => {
+        if (!Array.isArray(filterValue) || filterValue.length === 0)
+          return true;
+        const [start, end] = filterValue;
+        if (!start && !end) return true;
+        const rawValue = row.getValue(columnId);
+        if (!rawValue) return false;
+        const valueDate = rawValue instanceof Date ? rawValue : new Date(rawValue);
+        if (Number.isNaN(valueDate.getTime())) return false;
+        if (start) {
+          const startDate = new Date(start);
+          if (!Number.isNaN(startDate.getTime()) && valueDate < startDate)
+            return false;
+        }
+        if (end) {
+          const endDate = new Date(end);
+          if (!Number.isNaN(endDate.getTime()) && valueDate > endDate)
+            return false;
+        }
+        return true;
+      });
+      break;
+    case "text":
+      asFilterFn((row, columnId, filterValue) => {
+        if (filterValue == null) return true;
+        const cellValue = row.getValue(columnId);
+        if (cellValue == null) return false;
+        if (Array.isArray(filterValue)) {
+          const targets = filterValue.map((v) => String(v).toLowerCase());
+          if (targets.length === 0) return true;
+          if (Array.isArray(cellValue)) {
+            return cellValue.map((v) => String(v).toLowerCase()).some((v) => targets.includes(v));
+          }
+          return targets.includes(String(cellValue).toLowerCase());
+        }
+        const query = String(filterValue).toLowerCase();
+        if (Array.isArray(cellValue)) {
+          return cellValue.map(String).some((v) => v.toLowerCase().includes(query));
+        }
+        return String(cellValue).toLowerCase().includes(query);
+      });
+      break;
+  }
+}
+function createColumnDescriptor(options) {
+  const { id, column, ...defaults } = options;
+  const meta = { ...column.meta };
+  if (defaults.align && meta.align === void 0) {
+    meta.align = defaults.align;
+  }
+  if (defaults.helpText && meta.helpText === void 0) {
+    meta.helpText = defaults.helpText;
+  }
+  const columnDef = {
+    ...column,
+    id: column.id ?? id,
+    meta
+  };
+  if (defaults.width != null && columnDef.size == null) {
+    columnDef.size = defaults.width;
+  }
+  if (defaults.minWidth != null && columnDef.minSize == null) {
+    columnDef.minSize = defaults.minWidth;
+  }
+  if (defaults.maxWidth != null && columnDef.maxSize == null) {
+    columnDef.maxSize = defaults.maxWidth;
+  }
+  if (defaults.hideable === false && columnDef.enableHiding == null) {
+    columnDef.enableHiding = false;
+  }
+  applyFilterConfig(columnDef, defaults.filter);
+  return {
+    columnDef,
+    defaults: {
+      id,
+      visible: true,
+      hideable: true,
+      ...defaults
+    }
+  };
+}
+function createTextColumn(options) {
+  const columnDef = options.column ?? {
+    accessorKey: options.accessorKey ?? options.id,
+    header: options.header,
+    cell: options.cell
+  };
+  const align = options.defaults?.align ?? getPresetAlignment(options.id) ?? "left";
+  return createColumnDescriptor({
+    id: options.id,
+    column: columnDef,
+    width: options.defaults?.width ?? TABLE_TOKENS.defaultColumnWidth,
+    // Text columns get a larger minimum than numeric columns for readability
+    minWidth: options.defaults?.minWidth ?? TABLE_TOKENS.defaultColumnWidth,
+    maxWidth: options.defaults?.maxWidth,
+    align,
+    ...options.defaults
+  });
+}
+function createNumericColumn(options) {
+  const { format: format2 = "decimal", decimals = 1, formatter } = options;
+  const formatterFn = formatter ?? ((value) => {
+    if (value == null) return "";
+    switch (format2) {
+      case "integer":
+        return Math.round(value).toLocaleString();
+      case "percent":
+        return `${value.toFixed(decimals)}%`;
+      case "decimal":
+      default:
+        return value.toFixed(decimals);
+    }
+  });
+  return createColumnDescriptor({
+    id: options.id,
+    column: {
+      accessorKey: options.accessorKey ?? options.id,
+      header: options.header,
+      cell: ({ row }) => {
+        const value = row.getValue(options.id);
+        return formatterFn(value);
+      },
+      enableResizing: true,
+      enablePinning: true
+    },
+    // Numeric columns default to a narrower width; minWidth already 96
+    width: options.width ?? TABLE_TOKENS.minColumnWidth,
+    minWidth: options.minWidth ?? TABLE_TOKENS.minColumnWidth,
+    maxWidth: options.maxWidth,
+    align: options.align ?? "right",
+    order: options.order,
+    visible: options.visible,
+    hideable: options.hideable,
+    mobileRole: options.mobileRole,
+    sortKey: options.sortKey,
+    filterKey: options.filterKey,
+    filter: options.filter
+  });
+}
+function createBadgeColumn(options) {
+  return createColumnDescriptor({
+    id: options.id,
+    column: {
+      accessorKey: options.accessorKey ?? options.id,
+      header: options.header,
+      cell: ({ row }) => {
+        const value = row.getValue(options.id);
+        if (!value) return null;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: options.variantMap?.[value], className: "capitalize", children: options.labelMap[value] ?? value });
+      },
+      enableResizing: true,
+      enablePinning: true
+    },
+    width: options.width ?? 160,
+    minWidth: options.minWidth ?? 140,
+    maxWidth: options.maxWidth,
+    align: options.align ?? "left",
+    order: options.order,
+    visible: options.visible,
+    hideable: options.hideable,
+    mobileRole: options.mobileRole,
+    sortKey: options.sortKey,
+    filterKey: options.filterKey,
+    filter: options.filter
+  });
+}
+function createSelectionColumn(options = {}) {
+  const {
+    id = "select",
+    size: size2 = TABLE_TOKENS.selectionColumnWidth,
+    minSize = TABLE_TOKENS.selectionColumnWidth,
+    maxSize = TABLE_TOKENS.selectionColumnWidth,
+    order = 0
+  } = options;
+  return createColumnDescriptor({
+    id,
+    column: {
+      id,
+      header: ({ table }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Checkbox,
+        {
+          checked: table.getIsAllPageRowsSelected(),
+          onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+          "aria-label": "Select all rows",
+          className: "translate-y-[2px]"
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Checkbox,
+        {
+          checked: row.getIsSelected(),
+          onCheckedChange: (value) => row.toggleSelected(!!value),
+          "aria-label": "Select row",
+          className: "translate-y-[2px]"
+        }
+      ),
+      enableSorting: false,
+      enableHiding: false,
+      enableResizing: false,
+      enablePinning: false
+    },
+    order,
+    align: "center",
+    width: size2,
+    minWidth: minSize,
+    maxWidth: maxSize,
+    hideable: false
+  });
+}
+function createMultiBadgeColumn(options) {
+  return createColumnDescriptor({
+    id: options.id,
+    column: {
+      accessorKey: options.accessorKey ?? options.id,
+      header: options.header,
+      enableSorting: false,
+      cell: ({ row }) => {
+        const values = row.getValue(options.id);
+        if (!values || values.length === 0) return null;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inline-flex items-center gap-1 whitespace-nowrap", children: values.map((value, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Badge,
+          {
+            variant: options.variantMap?.[value],
+            children: options.labelMap?.[value] ?? String(value)
+          },
+          `${String(value)}-${idx}`
+        )) });
+      },
+      enableResizing: true,
+      enablePinning: true
+    },
+    width: options.width ?? 240,
+    minWidth: options.minWidth ?? 200,
+    maxWidth: options.maxWidth,
+    align: options.align ?? "left",
+    order: options.order,
+    visible: options.visible,
+    hideable: options.hideable,
+    mobileRole: options.mobileRole,
+    sortKey: options.sortKey,
+    filterKey: options.filterKey,
+    filter: options.filter
+  });
+}
+function createDateColumn(options) {
+  const formatter = options.formatter ?? new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+  return createColumnDescriptor({
+    id: options.id,
+    column: {
+      accessorKey: options.accessorKey ?? options.id,
+      header: options.header,
+      enableSorting: true,
+      cell: ({ row }) => {
+        const raw = row.getValue(options.id);
+        if (!raw) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: "—" });
+        const date = raw instanceof Date ? raw : new Date(raw);
+        const valid = !Number.isNaN(date.getTime());
+        if (!valid) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: String(raw) });
+        if (typeof options.format === "function") {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: options.format(date) });
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatter.format(date) });
+      },
+      sortingFn: (rowA, rowB, id) => {
+        const a = rowA.getValue(id);
+        const b = rowB.getValue(id);
+        const da = a instanceof Date ? a : new Date(a);
+        const db = b instanceof Date ? b : new Date(b);
+        return da.getTime() - db.getTime();
+      },
+      enableResizing: true,
+      enablePinning: true
+    },
+    // Global default: fixed 216px for all date/time columns
+    width: options.width ?? 216,
+    minWidth: options.minWidth ?? 216,
+    maxWidth: options.maxWidth ?? 216,
+    align: options.align ?? "left",
+    order: options.order,
+    visible: options.visible,
+    hideable: options.hideable,
+    mobileRole: options.mobileRole,
+    sortKey: options.sortKey,
+    filterKey: options.filterKey,
+    // Do NOT add a default filter; developer opts-in by providing options.filter
+    filter: options.filter
+  });
+}
+function getDescriptorId(descriptor) {
+  return descriptor.defaults.id ?? descriptor.columnDef.id ?? descriptor.columnDef.accessorKey ?? "";
+}
+function getDisplayLabel(descriptor) {
+  const meta = descriptor.columnDef.meta;
+  if (meta?.mobileLabel) return meta.mobileLabel;
+  if (meta?.label) return meta.label;
+  const header = descriptor.columnDef.header;
+  if (typeof header === "string") return header;
+  const id = getDescriptorId(descriptor);
+  return id.replace(/[-_]/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
+}
+function RowCard({
+  row,
+  columnRegistry,
+  className
+}) {
+  const visibleCells = row.getVisibleCells();
+  const cellMap = new Map(visibleCells.map((cell) => [cell.column.id, cell]));
+  const registryById = columnRegistry ? columnRegistry : null;
+  const descriptors = visibleCells.map(
+    (cell) => {
+      const id = cell.column.id;
+      const fromRegistry = registryById ? registryById[id] : void 0;
+      if (fromRegistry) return fromRegistry;
+      return {
+        columnDef: cell.column.columnDef,
+        defaults: { id }
+      };
+    }
+  );
+  function renderCellValue(cell) {
+    return flexRender(cell.column.columnDef.cell, cell.getContext());
+  }
+  function normalizeAlignment(node) {
+    if (React.isValidElement(node)) {
+      const props = {
+        ...node.props
+      };
+      if (typeof props.className === "string") {
+        const cls = props.className;
+        const replaced = cls.replace(/\bjustify-end\b/g, "justify-start").replace(/\bjustify-between\b/g, "justify-start").replace(/\btext-right\b/g, "text-left").replace(/\btext-center\b/g, "text-left").replace(/\bml-auto\b/g, "");
+        props.className = replaced;
+      }
+      if (props.children) {
+        props.children = React.Children.map(
+          props.children,
+          (child) => normalizeAlignment(child)
+        );
+      }
+      return React.cloneElement(node, props);
+    }
+    if (Array.isArray(node)) {
+      return node.map((n, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(React.Fragment, { children: normalizeAlignment(n) }, i));
+    }
+    return node;
+  }
+  const title = descriptors.find(
+    (item) => item.defaults.mobileRole === "title"
+  );
+  const subtitle = descriptors.find(
+    (item) => item.defaults.mobileRole === "subtitle"
+  );
+  const badges = descriptors.filter(
+    (item) => item.defaults.mobileRole === "badge"
+  );
+  const selectionDescriptor = descriptors.find(
+    (item) => getDescriptorId(item) === "select"
+  );
+  const selectionId = selectionDescriptor ? getDescriptorId(selectionDescriptor) : void 0;
+  const selectionCell = selectionId ? cellMap.get(selectionId) : void 0;
+  const remaining = descriptors.filter((item) => {
+    const role = item.defaults.mobileRole ?? "";
+    const id = getDescriptorId(item);
+    if (id === selectionId) return false;
+    return !["title", "subtitle", "badge"].includes(role);
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "article",
+    {
+      className: cn(
+        "mmc-row-card rounded-lg border border-border bg-card text-card-foreground shadow-sm p-4 space-y-3",
+        className
+      ),
+      role: "group",
+      "aria-label": (() => {
+        const parts = [];
+        if (title) {
+          const id = getDescriptorId(title);
+          const value = row.getValue(id);
+          if (value != null) parts.push(String(value));
+        }
+        if (subtitle) {
+          const id = getDescriptorId(subtitle);
+          const value = row.getValue(id);
+          if (value != null) parts.push(String(value));
+        }
+        return parts.join(" — ") || "Row";
+      })(),
+      "data-slot": "row-card",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "mmc-row-card__header flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mmc-row-card__header-left flex items-start gap-3", children: [
+            selectionCell ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mmc-row-card__selection pt-1", children: renderCellValue(selectionCell) }) : null,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mmc-row-card__title-wrap space-y-1", children: [
+              title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mmc-row-card__title text-base font-medium", children: (() => {
+                const id = getDescriptorId(title);
+                const cell = cellMap.get(id);
+                return cell ? renderCellValue(cell) : row.getValue(id);
+              })() }) : null,
+              subtitle ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mmc-row-card__subtitle text-sm text-muted-foreground", children: (() => {
+                const id = getDescriptorId(subtitle);
+                const cell = cellMap.get(id);
+                return cell ? renderCellValue(cell) : row.getValue(id);
+              })() }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "mmc-row-card__badges flex flex-wrap items-center gap-2",
+              "aria-label": "Status",
+              children: badges.map((badge) => {
+                const id = getDescriptorId(badge);
+                const cell = cellMap.get(id);
+                if (!cell) return null;
+                return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mmc-row-card__badge text-sm font-medium", children: renderCellValue(cell) }, id);
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("dl", { className: "mmc-row-card__details grid grid-cols-2 gap-3 text-sm sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4", children: remaining.map((item) => {
+          const id = getDescriptorId(item);
+          const cell = cellMap.get(id);
+          if (!cell) return null;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mmc-row-card__detail flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "mmc-row-card__label text-xs text-muted-foreground", children: getDisplayLabel(item) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "mmc-row-card__value m-0 w-full text-left flex items-center justify-start", children: normalizeAlignment(
+              renderCellValue(cell)
+            ) })
+          ] }, id);
+        }) })
+      ]
+    }
+  );
+}
+function memo(getDeps, fn, opts) {
+  let deps = opts.initialDeps ?? [];
+  let result;
+  function memoizedFunction() {
+    var _a, _b, _c, _d;
+    let depTime;
+    if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
+    const newDeps = getDeps();
+    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index2) => deps[index2] !== dep);
+    if (!depsChanged) {
+      return result;
+    }
+    deps = newDeps;
+    let resultTime;
+    if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
+    result = fn(...newDeps);
+    if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
+      const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
+      const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
+      const resultFpsPercentage = resultEndTime / 16;
+      const pad = (str, num) => {
+        str = String(str);
+        while (str.length < num) {
+          str = " " + str;
+        }
+        return str;
+      };
+      console.info(
+        `%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * resultFpsPercentage, 120)
+        )}deg 100% 31%);`,
+        opts == null ? void 0 : opts.key
+      );
+    }
+    (_d = opts == null ? void 0 : opts.onChange) == null ? void 0 : _d.call(opts, result);
+    return result;
+  }
+  memoizedFunction.updateDeps = (newDeps) => {
+    deps = newDeps;
+  };
+  return memoizedFunction;
+}
+function notUndefined(value, msg) {
+  if (value === void 0) {
+    throw new Error(`Unexpected undefined${""}`);
+  } else {
+    return value;
+  }
+}
+const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
+const debounce = (targetWindow, fn, ms) => {
+  let timeoutId;
+  return function(...args) {
+    targetWindow.clearTimeout(timeoutId);
+    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
+  };
+};
+const getRect = (element) => {
+  const { offsetWidth, offsetHeight } = element;
+  return { width: offsetWidth, height: offsetHeight };
+};
+const defaultKeyExtractor = (index2) => index2;
+const defaultRangeExtractor = (range) => {
+  const start = Math.max(range.startIndex - range.overscan, 0);
+  const end = Math.min(range.endIndex + range.overscan, range.count - 1);
+  const arr = [];
+  for (let i = start; i <= end; i++) {
+    arr.push(i);
+  }
+  return arr;
+};
+const observeElementRect = (instance, cb) => {
+  const element = instance.scrollElement;
+  if (!element) {
+    return;
+  }
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
+  const handler = (rect) => {
+    const { width, height } = rect;
+    cb({ width: Math.round(width), height: Math.round(height) });
+  };
+  handler(getRect(element));
+  if (!targetWindow.ResizeObserver) {
+    return () => {
+    };
+  }
+  const observer = new targetWindow.ResizeObserver((entries) => {
+    const run = () => {
+      const entry = entries[0];
+      if (entry == null ? void 0 : entry.borderBoxSize) {
+        const box = entry.borderBoxSize[0];
+        if (box) {
+          handler({ width: box.inlineSize, height: box.blockSize });
+          return;
+        }
+      }
+      handler(getRect(element));
+    };
+    instance.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
+  });
+  observer.observe(element, { box: "border-box" });
+  return () => {
+    observer.unobserve(element);
+  };
+};
+const addEventListenerOptions = {
+  passive: true
+};
+const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
+const observeElementOffset = (instance, cb) => {
+  const element = instance.scrollElement;
+  if (!element) {
+    return;
+  }
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
+  let offset2 = 0;
+  const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(
+    targetWindow,
+    () => {
+      cb(offset2, false);
+    },
+    instance.options.isScrollingResetDelay
+  );
+  const createHandler = (isScrolling) => () => {
+    const { horizontal, isRtl } = instance.options;
+    offset2 = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
+    fallback();
+    cb(offset2, isScrolling);
+  };
+  const handler = createHandler(true);
+  const endHandler = createHandler(false);
+  endHandler();
+  element.addEventListener("scroll", handler, addEventListenerOptions);
+  const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
+  if (registerScrollendEvent) {
+    element.addEventListener("scrollend", endHandler, addEventListenerOptions);
+  }
+  return () => {
+    element.removeEventListener("scroll", handler);
+    if (registerScrollendEvent) {
+      element.removeEventListener("scrollend", endHandler);
+    }
+  };
+};
+const measureElement = (element, entry, instance) => {
+  if (entry == null ? void 0 : entry.borderBoxSize) {
+    const box = entry.borderBoxSize[0];
+    if (box) {
+      const size2 = Math.round(
+        box[instance.options.horizontal ? "inlineSize" : "blockSize"]
+      );
+      return size2;
+    }
+  }
+  return element[instance.options.horizontal ? "offsetWidth" : "offsetHeight"];
+};
+const elementScroll = (offset2, {
+  adjustments = 0,
+  behavior
+}, instance) => {
+  var _a, _b;
+  const toOffset = offset2 + adjustments;
+  (_b = (_a = instance.scrollElement) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, {
+    [instance.options.horizontal ? "left" : "top"]: toOffset,
+    behavior
+  });
+};
+class Virtualizer {
+  constructor(opts) {
+    this.unsubs = [];
+    this.scrollElement = null;
+    this.targetWindow = null;
+    this.isScrolling = false;
+    this.measurementsCache = [];
+    this.itemSizeCache = /* @__PURE__ */ new Map();
+    this.pendingMeasuredCacheIndexes = [];
+    this.scrollRect = null;
+    this.scrollOffset = null;
+    this.scrollDirection = null;
+    this.scrollAdjustments = 0;
+    this.elementsCache = /* @__PURE__ */ new Map();
+    this.observer = /* @__PURE__ */ (() => {
+      let _ro = null;
+      const get = () => {
+        if (_ro) {
+          return _ro;
+        }
+        if (!this.targetWindow || !this.targetWindow.ResizeObserver) {
+          return null;
+        }
+        return _ro = new this.targetWindow.ResizeObserver((entries) => {
+          entries.forEach((entry) => {
+            const run = () => {
+              this._measureElement(entry.target, entry);
+            };
+            this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
+          });
+        });
+      };
+      return {
+        disconnect: () => {
+          var _a;
+          (_a = get()) == null ? void 0 : _a.disconnect();
+          _ro = null;
+        },
+        observe: (target) => {
+          var _a;
+          return (_a = get()) == null ? void 0 : _a.observe(target, { box: "border-box" });
+        },
+        unobserve: (target) => {
+          var _a;
+          return (_a = get()) == null ? void 0 : _a.unobserve(target);
+        }
+      };
+    })();
+    this.range = null;
+    this.setOptions = (opts2) => {
+      Object.entries(opts2).forEach(([key, value]) => {
+        if (typeof value === "undefined") delete opts2[key];
+      });
+      this.options = {
+        debug: false,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: false,
+        getItemKey: defaultKeyExtractor,
+        rangeExtractor: defaultRangeExtractor,
+        onChange: () => {
+        },
+        measureElement,
+        initialRect: { width: 0, height: 0 },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        isScrollingResetDelay: 150,
+        enabled: true,
+        isRtl: false,
+        useScrollendEvent: false,
+        useAnimationFrameWithResizeObserver: false,
+        ...opts2
+      };
+    };
+    this.notify = (sync) => {
+      var _a, _b;
+      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
+    };
+    this.maybeNotify = memo(
+      () => {
+        this.calculateRange();
+        return [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ];
+      },
+      (isScrolling) => {
+        this.notify(isScrolling);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    );
+    this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((d) => d());
+      this.unsubs = [];
+      this.observer.disconnect();
+      this.scrollElement = null;
+      this.targetWindow = null;
+    };
+    this._didMount = () => {
+      return () => {
+        this.cleanup();
+      };
+    };
+    this._willUpdate = () => {
+      var _a;
+      const scrollElement = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== scrollElement) {
+        this.cleanup();
+        if (!scrollElement) {
+          this.maybeNotify();
+          return;
+        }
+        this.scrollElement = scrollElement;
+        if (this.scrollElement && "ownerDocument" in this.scrollElement) {
+          this.targetWindow = this.scrollElement.ownerDocument.defaultView;
+        } else {
+          this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
+        }
+        this.elementsCache.forEach((cached) => {
+          this.observer.observe(cached);
+        });
+        this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+        this.unsubs.push(
+          this.options.observeElementRect(this, (rect) => {
+            this.scrollRect = rect;
+            this.maybeNotify();
+          })
+        );
+        this.unsubs.push(
+          this.options.observeElementOffset(this, (offset2, isScrolling) => {
+            this.scrollAdjustments = 0;
+            this.scrollDirection = isScrolling ? this.getScrollOffset() < offset2 ? "forward" : "backward" : null;
+            this.scrollOffset = offset2;
+            this.isScrolling = isScrolling;
+            this.maybeNotify();
+          })
+        );
+      }
+    };
+    this.getSize = () => {
+      if (!this.options.enabled) {
+        this.scrollRect = null;
+        return 0;
+      }
+      this.scrollRect = this.scrollRect ?? this.options.initialRect;
+      return this.scrollRect[this.options.horizontal ? "width" : "height"];
+    };
+    this.getScrollOffset = () => {
+      if (!this.options.enabled) {
+        this.scrollOffset = null;
+        return 0;
+      }
+      this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset);
+      return this.scrollOffset;
+    };
+    this.getFurthestMeasurement = (measurements, index2) => {
+      const furthestMeasurementsFound = /* @__PURE__ */ new Map();
+      const furthestMeasurements = /* @__PURE__ */ new Map();
+      for (let m = index2 - 1; m >= 0; m--) {
+        const measurement = measurements[m];
+        if (furthestMeasurementsFound.has(measurement.lane)) {
+          continue;
+        }
+        const previousFurthestMeasurement = furthestMeasurements.get(
+          measurement.lane
+        );
+        if (previousFurthestMeasurement == null || measurement.end > previousFurthestMeasurement.end) {
+          furthestMeasurements.set(measurement.lane, measurement);
+        } else if (measurement.end < previousFurthestMeasurement.end) {
+          furthestMeasurementsFound.set(measurement.lane, true);
+        }
+        if (furthestMeasurementsFound.size === this.options.lanes) {
+          break;
+        }
+      }
+      return furthestMeasurements.size === this.options.lanes ? Array.from(furthestMeasurements.values()).sort((a, b) => {
+        if (a.end === b.end) {
+          return a.index - b.index;
+        }
+        return a.end - b.end;
+      })[0] : void 0;
+    };
+    this.getMeasurementOptions = memo(
+      () => [
+        this.options.count,
+        this.options.paddingStart,
+        this.options.scrollMargin,
+        this.options.getItemKey,
+        this.options.enabled
+      ],
+      (count2, paddingStart, scrollMargin, getItemKey, enabled) => {
+        this.pendingMeasuredCacheIndexes = [];
+        return {
+          count: count2,
+          paddingStart,
+          scrollMargin,
+          getItemKey,
+          enabled
+        };
+      },
+      {
+        key: false
+      }
+    );
+    this.getMeasurements = memo(
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
+      ({ count: count2, paddingStart, scrollMargin, getItemKey, enabled }, itemSizeCache) => {
+        if (!enabled) {
+          this.measurementsCache = [];
+          this.itemSizeCache.clear();
+          return [];
+        }
+        if (this.measurementsCache.length === 0) {
+          this.measurementsCache = this.options.initialMeasurementsCache;
+          this.measurementsCache.forEach((item) => {
+            this.itemSizeCache.set(item.key, item.size);
+          });
+        }
+        const min2 = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        this.pendingMeasuredCacheIndexes = [];
+        const measurements = this.measurementsCache.slice(0, min2);
+        for (let i = min2; i < count2; i++) {
+          const key = getItemKey(i);
+          const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
+          const start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+          const measuredSize = itemSizeCache.get(key);
+          const size2 = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
+          const end = start + size2;
+          const lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
+          measurements[i] = {
+            index: i,
+            start,
+            size: size2,
+            end,
+            key,
+            lane
+          };
+        }
+        this.measurementsCache = measurements;
+        return measurements;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getMeasurements",
+        debug: () => this.options.debug
+      }
+    );
+    this.calculateRange = memo(
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (measurements, outerSize, scrollOffset, lanes) => {
+        return this.range = measurements.length > 0 && outerSize > 0 ? calculateRange({
+          measurements,
+          outerSize,
+          scrollOffset,
+          lanes
+        }) : null;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "calculateRange",
+        debug: () => this.options.debug
+      }
+    );
+    this.getVirtualIndexes = memo(
+      () => {
+        let startIndex = null;
+        let endIndex = null;
+        const range = this.calculateRange();
+        if (range) {
+          startIndex = range.startIndex;
+          endIndex = range.endIndex;
+        }
+        this.maybeNotify.updateDeps([this.isScrolling, startIndex, endIndex]);
+        return [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          startIndex,
+          endIndex
+        ];
+      },
+      (rangeExtractor, overscan, count2, startIndex, endIndex) => {
+        return startIndex === null || endIndex === null ? [] : rangeExtractor({
+          startIndex,
+          endIndex,
+          overscan,
+          count: count2
+        });
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
+        debug: () => this.options.debug
+      }
+    );
+    this.indexFromElement = (node) => {
+      const attributeName = this.options.indexAttribute;
+      const indexStr = node.getAttribute(attributeName);
+      if (!indexStr) {
+        console.warn(
+          `Missing attribute name '${attributeName}={index}' on measured element.`
+        );
+        return -1;
+      }
+      return parseInt(indexStr, 10);
+    };
+    this._measureElement = (node, entry) => {
+      const index2 = this.indexFromElement(node);
+      const item = this.measurementsCache[index2];
+      if (!item) {
+        return;
+      }
+      const key = item.key;
+      const prevNode = this.elementsCache.get(key);
+      if (prevNode !== node) {
+        if (prevNode) {
+          this.observer.unobserve(prevNode);
+        }
+        this.observer.observe(node);
+        this.elementsCache.set(key, node);
+      }
+      if (node.isConnected) {
+        this.resizeItem(index2, this.options.measureElement(node, entry, this));
+      }
+    };
+    this.resizeItem = (index2, size2) => {
+      const item = this.measurementsCache[index2];
+      if (!item) {
+        return;
+      }
+      const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
+      const delta = size2 - itemSize;
+      if (delta !== 0) {
+        if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.getScrollOffset() + this.scrollAdjustments) {
+          if (process.env.NODE_ENV !== "production" && this.options.debug) {
+            console.info("correction", delta);
+          }
+          this._scrollToOffset(this.getScrollOffset(), {
+            adjustments: this.scrollAdjustments += delta,
+            behavior: void 0
+          });
+        }
+        this.pendingMeasuredCacheIndexes.push(item.index);
+        this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size2));
+        this.notify(false);
+      }
+    };
+    this.measureElement = (node) => {
+      if (!node) {
+        this.elementsCache.forEach((cached, key) => {
+          if (!cached.isConnected) {
+            this.observer.unobserve(cached);
+            this.elementsCache.delete(key);
+          }
+        });
+        return;
+      }
+      this._measureElement(node, void 0);
+    };
+    this.getVirtualItems = memo(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (indexes, measurements) => {
+        const virtualItems = [];
+        for (let k = 0, len = indexes.length; k < len; k++) {
+          const i = indexes[k];
+          const measurement = measurements[i];
+          virtualItems.push(measurement);
+        }
+        return virtualItems;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
+        debug: () => this.options.debug
+      }
+    );
+    this.getVirtualItemForOffset = (offset2) => {
+      const measurements = this.getMeasurements();
+      if (measurements.length === 0) {
+        return void 0;
+      }
+      return notUndefined(
+        measurements[findNearestBinarySearch(
+          0,
+          measurements.length - 1,
+          (index2) => notUndefined(measurements[index2]).start,
+          offset2
+        )]
+      );
+    };
+    this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
+      const size2 = this.getSize();
+      const scrollOffset = this.getScrollOffset();
+      if (align === "auto") {
+        align = toOffset >= scrollOffset + size2 ? "end" : "start";
+      }
+      if (align === "center") {
+        toOffset += (itemSize - size2) / 2;
+      } else if (align === "end") {
+        toOffset -= size2;
+      }
+      const maxOffset = this.getTotalSize() + this.options.scrollMargin - size2;
+      return Math.max(Math.min(maxOffset, toOffset), 0);
+    };
+    this.getOffsetForIndex = (index2, align = "auto") => {
+      index2 = Math.max(0, Math.min(index2, this.options.count - 1));
+      const item = this.measurementsCache[index2];
+      if (!item) {
+        return void 0;
+      }
+      const size2 = this.getSize();
+      const scrollOffset = this.getScrollOffset();
+      if (align === "auto") {
+        if (item.end >= scrollOffset + size2 - this.options.scrollPaddingEnd) {
+          align = "end";
+        } else if (item.start <= scrollOffset + this.options.scrollPaddingStart) {
+          align = "start";
+        } else {
+          return [scrollOffset, align];
+        }
+      }
+      const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
+      return [
+        this.getOffsetForAlignment(toOffset, align, item.size),
+        align
+      ];
+    };
+    this.isDynamicMode = () => this.elementsCache.size > 0;
+    this.scrollToOffset = (toOffset, { align = "start", behavior } = {}) => {
+      if (behavior === "smooth" && this.isDynamicMode()) {
+        console.warn(
+          "The `smooth` scroll behavior is not fully supported with dynamic size."
+        );
+      }
+      this._scrollToOffset(this.getOffsetForAlignment(toOffset, align), {
+        adjustments: void 0,
+        behavior
+      });
+    };
+    this.scrollToIndex = (index2, { align: initialAlign = "auto", behavior } = {}) => {
+      if (behavior === "smooth" && this.isDynamicMode()) {
+        console.warn(
+          "The `smooth` scroll behavior is not fully supported with dynamic size."
+        );
+      }
+      index2 = Math.max(0, Math.min(index2, this.options.count - 1));
+      let attempts = 0;
+      const maxAttempts = 10;
+      const tryScroll = (currentAlign) => {
+        if (!this.targetWindow) return;
+        const offsetInfo = this.getOffsetForIndex(index2, currentAlign);
+        if (!offsetInfo) {
+          console.warn("Failed to get offset for index:", index2);
+          return;
+        }
+        const [offset2, align] = offsetInfo;
+        this._scrollToOffset(offset2, { adjustments: void 0, behavior });
+        this.targetWindow.requestAnimationFrame(() => {
+          const currentOffset = this.getScrollOffset();
+          const afterInfo = this.getOffsetForIndex(index2, align);
+          if (!afterInfo) {
+            console.warn("Failed to get offset for index:", index2);
+            return;
+          }
+          if (!approxEqual(afterInfo[0], currentOffset)) {
+            scheduleRetry(align);
+          }
+        });
+      };
+      const scheduleRetry = (align) => {
+        if (!this.targetWindow) return;
+        attempts++;
+        if (attempts < maxAttempts) {
+          if (process.env.NODE_ENV !== "production" && this.options.debug) {
+            console.info("Schedule retry", attempts, maxAttempts);
+          }
+          this.targetWindow.requestAnimationFrame(() => tryScroll(align));
+        } else {
+          console.warn(
+            `Failed to scroll to index ${index2} after ${maxAttempts} attempts.`
+          );
+        }
+      };
+      tryScroll(initialAlign);
+    };
+    this.scrollBy = (delta, { behavior } = {}) => {
+      if (behavior === "smooth" && this.isDynamicMode()) {
+        console.warn(
+          "The `smooth` scroll behavior is not fully supported with dynamic size."
+        );
+      }
+      this._scrollToOffset(this.getScrollOffset() + delta, {
+        adjustments: void 0,
+        behavior
+      });
+    };
+    this.getTotalSize = () => {
+      var _a;
+      const measurements = this.getMeasurements();
+      let end;
+      if (measurements.length === 0) {
+        end = this.options.paddingStart;
+      } else if (this.options.lanes === 1) {
+        end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
+      } else {
+        const endByLane = Array(this.options.lanes).fill(null);
+        let endIndex = measurements.length - 1;
+        while (endIndex >= 0 && endByLane.some((val) => val === null)) {
+          const item = measurements[endIndex];
+          if (endByLane[item.lane] === null) {
+            endByLane[item.lane] = item.end;
+          }
+          endIndex--;
+        }
+        end = Math.max(...endByLane.filter((val) => val !== null));
+      }
+      return Math.max(
+        end - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
+    };
+    this._scrollToOffset = (offset2, {
+      adjustments,
+      behavior
+    }) => {
+      this.options.scrollToFn(offset2, { behavior, adjustments }, this);
+    };
+    this.measure = () => {
+      this.itemSizeCache = /* @__PURE__ */ new Map();
+      this.notify(false);
+    };
+    this.setOptions(opts);
+  }
+}
+const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
+  while (low <= high) {
+    const middle = (low + high) / 2 | 0;
+    const currentValue = getCurrentValue(middle);
+    if (currentValue < value) {
+      low = middle + 1;
+    } else if (currentValue > value) {
+      high = middle - 1;
+    } else {
+      return middle;
+    }
+  }
+  if (low > 0) {
+    return low - 1;
+  } else {
+    return 0;
+  }
+};
+function calculateRange({
+  measurements,
+  outerSize,
+  scrollOffset,
+  lanes
+}) {
+  const lastIndex = measurements.length - 1;
+  const getOffset2 = (index2) => measurements[index2].start;
+  if (measurements.length <= lanes) {
+    return {
+      startIndex: 0,
+      endIndex: lastIndex
+    };
+  }
+  let startIndex = findNearestBinarySearch(
+    0,
+    lastIndex,
+    getOffset2,
+    scrollOffset
+  );
+  let endIndex = startIndex;
+  if (lanes === 1) {
+    while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
+      endIndex++;
+    }
+  } else if (lanes > 1) {
+    const endPerLane = Array(lanes).fill(0);
+    while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {
+      const item = measurements[endIndex];
+      endPerLane[item.lane] = item.end;
+      endIndex++;
+    }
+    const startPerLane = Array(lanes).fill(scrollOffset + outerSize);
+    while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {
+      const item = measurements[startIndex];
+      startPerLane[item.lane] = item.start;
+      startIndex--;
+    }
+    startIndex = Math.max(0, startIndex - startIndex % lanes);
+    endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));
+  }
+  return { startIndex, endIndex };
+}
+const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function useVirtualizerBase(options) {
+  const rerender = React.useReducer(() => ({}), {})[1];
+  const resolvedOptions = {
+    ...options,
+    onChange: (instance2, sync) => {
+      var _a;
+      if (sync) {
+        flushSync(rerender);
+      } else {
+        rerender();
+      }
+      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
+    }
+  };
+  const [instance] = React.useState(
+    () => new Virtualizer(resolvedOptions)
+  );
+  instance.setOptions(resolvedOptions);
+  useIsomorphicLayoutEffect(() => {
+    return instance._didMount();
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    return instance._willUpdate();
+  });
+  return instance;
+}
+function useVirtualizer(options) {
+  return useVirtualizerBase({
+    observeElementRect,
+    observeElementOffset,
+    scrollToFn: elementScroll,
+    ...options
+  });
+}
 React.createContext(void 0);
 const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "th",
@@ -29939,6 +31503,224 @@ const TableContainer = React.forwardRef(({ className, children, autoHeight = tru
   );
 });
 TableContainer.displayName = "TableContainer";
+function ResponsiveTable({
+  columns,
+  data,
+  loading,
+  columnRegistry,
+  initialState: initialState2,
+  breakpoint = "(max-width: 768px)",
+  enableMobileVirtualization = true,
+  virtualizeAt = 500,
+  overscan = 8,
+  tableId,
+  toolbarOptions,
+  emptyState,
+  forceEmptyState
+}) {
+  const isMobile = useBreakpoint(breakpoint);
+  if (!isMobile) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TableContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DataTable,
+      {
+        columns,
+        data,
+        loading,
+        columnRegistry,
+        initialState: initialState2,
+        tableId,
+        toolbar: toolbarOptions,
+        emptyState,
+        forceEmptyState
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TableContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    MobileTableInternal,
+    {
+      columns,
+      data,
+      loading,
+      columnRegistry,
+      initialState: initialState2,
+      tableId,
+      enableMobileVirtualization,
+      virtualizeAt,
+      overscan,
+      toolbarOptions,
+      emptyState,
+      forceEmptyState
+    }
+  ) });
+}
+function MobileTableInternal({
+  columns,
+  data,
+  loading,
+  columnRegistry,
+  initialState: initialState2,
+  tableId,
+  enableMobileVirtualization = true,
+  virtualizeAt = 500,
+  overscan = 8,
+  toolbarOptions,
+  emptyState,
+  forceEmptyState
+}) {
+  const { table, globalFilter, setGlobalFilter, handleResetColumns } = useTableController({
+    columns,
+    data,
+    columnRegistry,
+    initialState: initialState2,
+    tableId
+  });
+  const parentRef = React.useRef(null);
+  const rows = table.getRowModel().rows;
+  const shouldVirtualize = !loading && enableMobileVirtualization && rows.length >= virtualizeAt;
+  const virtualizer = useVirtualizer({
+    count: shouldVirtualize ? rows.length : 0,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => 128,
+    overscan
+  });
+  const isForcedEmpty = !loading && Boolean(forceEmptyState) && Boolean(emptyState);
+  const renderCards = () => {
+    if (loading) {
+      return [0, 1, 2].map((index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "mmc-row-card mmc-row-card--skeleton rounded-lg border border-border bg-card p-4 space-y-3",
+          role: "group",
+          "aria-label": "Loading row",
+          "aria-busy": "true",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-4 w-1/2" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-5 w-12" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-3 w-3/4" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-3 w-2/3" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-3 w-1/2" })
+            ] })
+          ]
+        },
+        index2
+      ));
+    }
+    if (!rows.length && !isForcedEmpty) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "mmc-row-card-list__empty rounded-lg border border-dashed border-border py-10 text-center text-sm text-muted-foreground",
+          role: "status",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "No results" }),
+            "No results."
+          ]
+        }
+      );
+    }
+    if (!shouldVirtualize) {
+      return rows.map((row) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        RowCard,
+        {
+          row,
+          columnRegistry,
+          className: "mmc-row-card--item w-full"
+        },
+        row.id
+      ));
+    }
+    const items = virtualizer.getVirtualItems();
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: virtualizer.getTotalSize(), position: "relative" }, children: items.map((vi) => {
+      const row = rows[vi.index];
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            transform: `translateY(${vi.start}px)`
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            RowCard,
+            {
+              row,
+              columnRegistry,
+              className: "mmc-row-card--item w-full"
+            }
+          )
+        },
+        row.id
+      );
+    }) });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "section",
+    {
+      className: "mmc-responsive-table w-full h-full flex flex-col min-h-0 space-y-4",
+      "aria-label": "Data table (mobile)",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DataTableToolbar,
+          {
+            table,
+            loading,
+            globalFilter,
+            onGlobalFilterChange: setGlobalFilter,
+            onResetColumns: handleResetColumns,
+            columnRegistry,
+            onExport: () => exportTableToCSV(table),
+            options: toolbarOptions
+          }
+        ),
+        table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2 px-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm", children: [
+            table.getFilteredSelectedRowModel().rows.length,
+            " selected"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button$1,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: () => {
+                alert(
+                  `Delete ${table.getFilteredSelectedRowModel().rows.length} row(s)`
+                );
+              },
+              children: "Delete"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            ref: parentRef,
+            className: "mmc-row-card-list space-y-3 overflow-auto flex-1 min-h-0",
+            role: "list",
+            "aria-label": "Rows",
+            children: isForcedEmpty ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: "mmc-table-empty flex h-full w-full items-center justify-center",
+                role: "region",
+                "aria-label": "Empty state",
+                children: emptyState
+              }
+            ) : renderCards()
+          }
+        ),
+        isForcedEmpty ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(DataTablePagination, { table })
+      ]
+    }
+  );
+}
 var PROGRESS_NAME = "Progress";
 var DEFAULT_MAX = 100;
 var [createProgressContext] = createContextScope(PROGRESS_NAME);
@@ -33610,6 +35392,10 @@ const DropzoneEmptyState = ({
   ] });
 };
 export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
   Badge,
   Button$1 as Button,
   Calendar,
@@ -33619,6 +35405,8 @@ export {
   CollapsibleTrigger,
   DataTable,
   DataTablePagination,
+  DataTableToolbar,
+  DateRangePicker,
   Dialog,
   DialogClose,
   DialogContent,
@@ -33662,9 +35450,13 @@ export {
   Label$2 as Label,
   LabeledSlider,
   PageHeader,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
   Progress,
   RadioGroup$1 as RadioGroup,
   RadioGroupItem,
+  ResponsiveTable,
   SearchInput,
   Select$1 as Select,
   SelectContent,
@@ -33687,6 +35479,7 @@ export {
   Skeleton,
   Slider,
   Switch,
+  TABLE_TOKENS,
   Table,
   TableBody,
   TableCaption,
@@ -33705,8 +35498,29 @@ export {
   TooltipProvider,
   TooltipTrigger,
   activateCarbideTheme,
+  activateDarkMode,
   badgeVariants,
   buttonVariants,
-  cn
+  cn,
+  createBadgeColumn,
+  createColumnDescriptor,
+  createColumnRegistry,
+  createDateColumn,
+  createMultiBadgeColumn,
+  createNumericColumn,
+  createSelectionColumn,
+  createTextColumn,
+  deactivateCarbideTheme,
+  deactivateDarkMode,
+  exportTableToCSV,
+  isCarbideThemeActive,
+  isDarkModeActive,
+  resolveColumnOrder,
+  resolveColumnVisibility,
+  toggleCarbideTheme,
+  toggleDarkMode,
+  useBreakpoint,
+  useDataTableState,
+  useTableController
 };
 //# sourceMappingURL=mm-react-components.es.js.map