schummar-table 0.10.4 → 0.12.0

package/dist/cjs/index.js

@@ -1,2959 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports[Symbol.toStringTag] = "Module";
-var react = require("react");
-var react$1 = require("schummar-state/react");
-var tableTheme = require("./tableTheme.js");
-var jsxRuntime = require("@emotion/react/jsx-runtime");
-var dayzed = require("dayzed");
-var immer = require("immer");
-var react$2 = require("@emotion/react");
-require("react-dom");
-const TableMemoContext = react.createContext(/* @__PURE__ */ new Map());
-function TableMemoContextProvider({
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TableMemoContext.Provider, {
-    value: react.useMemo(() => /* @__PURE__ */ new Map(), []),
-    children
-  });
-}
-function useTableMemo() {
-  const memoCache = react.useContext(TableMemoContext);
-  return (key, fn) => {
-    let deps;
-    if (Array.isArray(fn)) {
-      deps = fn.slice(1);
-      fn = fn[0];
-    } else {
-      deps = [fn.toString()];
-    }
-    let cachedValue = memoCache.get(key);
-    const hit = cachedValue && cachedValue[1].length === deps.length && cachedValue[1].every((x, i) => x === deps[i]);
-    if (!cachedValue || !hit) {
-      cachedValue = [fn, deps];
-      memoCache.set(key, cachedValue);
-    }
-    return cachedValue[0];
-  };
-}
-class Queue {
-  constructor() {
-    this.q = new Array();
-    this.isRunning = false;
-  }
-  run(job, replace) {
-    return new Promise((resolve, reject) => {
-      if (replace) {
-        this.q = [];
-      }
-      this.q.push({ job, resolve, reject });
-      if (!this.isRunning)
-        this.start();
-    });
-  }
-  async start() {
-    this.isRunning = true;
-    let next;
-    while (next = this.q.shift()) {
-      try {
-        const result = await next.job();
-        next.resolve(result);
-      } catch (e) {
-        next.reject(e);
-      }
-    }
-    this.isRunning = false;
-  }
-}
-const KEYS = ["sort", "selection", "expanded", "hiddenColumns", "filterValues", "columnWidths", "columnOrder"];
-const storageName = (id) => `schummar-table_state-v1_${id}`;
-function stringify(value) {
-  function prepare(value2) {
-    if (value2 instanceof Date) {
-      return { __date: value2.toJSON() };
-    }
-    if (value2 instanceof Set) {
-      return { __set: Array.from(value2).map(prepare) };
-    }
-    if (value2 instanceof Map) {
-      return { __map: Array.from(value2.entries()).map((entry) => entry.map(prepare)) };
-    }
-    if (value2 instanceof Array) {
-      return value2.map(prepare);
-    }
-    if (value2 instanceof Object) {
-      return Object.fromEntries(Object.entries(value2).map(([k, v]) => [k, prepare(v)]));
-    }
-    return value2;
-  }
-  return JSON.stringify(prepare(value));
-}
-function parse(value) {
-  return JSON.parse(value, (_key, value2) => {
-    if (value2 instanceof Object && "__date" in value2) {
-      return new Date(value2.__date);
-    }
-    if (value2 instanceof Object && "__set" in value2) {
-      return new Set(value2.__set);
-    }
-    if (value2 instanceof Object && "__map" in value2) {
-      return new Map(value2.__map);
-    }
-    return value2;
-  });
-}
-function useTableStateStorage() {
-  const table = useTableContext();
-  const [isHydrated, setIsHydrated] = react.useState(false);
-  react.useEffect(() => {
-    const { persist } = table.getState().props;
-    if (!persist) {
-      setIsHydrated(true);
-      return;
-    }
-    let isCanceled = false;
-    (async () => {
-      var _a, _b;
-      try {
-        const { storage, id, include, exclude } = persist;
-        const json = await storage.getItem(storageName(id));
-        if (isCanceled || !json)
-          return;
-        const data = parse(json);
-        (_b = (_a = table.getState().props).debug) == null ? void 0 : _b.call(_a, "load", json, data);
-        table.update((state) => {
-          var _a2, _b2, _c, _d;
-          for (const key of KEYS) {
-            if ((!include || include.includes(key)) && !(exclude == null ? void 0 : exclude.includes(key)) && key in data) {
-              if (key === "filterValues") {
-                for (const [id2, value] of data[key]) {
-                  if ((_b2 = (_a2 = state.filters.get(id2)) == null ? void 0 : _a2.persist) != null ? _b2 : true) {
-                    state.filterValues.set(id2, value);
-                  }
-                }
-              } else {
-                state[key] = data[key];
-                if (key === "expanded" || key === "hiddenColumns" || key === "selection" || key === "sort") {
-                  (_d = (_c = state.props)[`on${key.slice(0, 1).toUpperCase() + key.slice(1)}Change`]) == null ? void 0 : _d.call(_c, data[key]);
-                }
-              }
-            }
-          }
-        });
-      } catch (e) {
-        console.error("Failed to load table state:", e);
-      } finally {
-        setIsHydrated(true);
-      }
-    })();
-    return () => {
-      isCanceled = true;
-    };
-  }, []);
-  react.useEffect(() => {
-    if (!isHydrated)
-      return;
-    const q = new Queue();
-    return table.subscribe((state) => {
-      var _a, _b;
-      if (!state.props.persist)
-        return;
-      const { storage, id, include, exclude } = state.props.persist;
-      const data = {};
-      for (const key of KEYS) {
-        if ((!include || include.includes(key)) && !(exclude == null ? void 0 : exclude.includes(key))) {
-          if (key === "filterValues") {
-            data[key] = /* @__PURE__ */ new Map();
-            for (const [id2, value] of state.filterValues) {
-              if ((_b = (_a = state.filters.get(id2)) == null ? void 0 : _a.persist) != null ? _b : true) {
-                data.filterValues.set(id2, value);
-              }
-            }
-          } else {
-            data[key] = state[key];
-          }
-        }
-      }
-      return { storage, id, data };
-    }, (props) => {
-      var _a, _b;
-      if (!props)
-        return;
-      const { storage, id, data } = props;
-      (_b = (_a = table.getState().props).debug) == null ? void 0 : _b.call(_a, "save", data, stringify(data));
-      q.run(async () => {
-        await storage.setItem(storageName(id), stringify(data));
-      }, true);
-    }, { throttle: 1e3 });
-  }, [isHydrated]);
-  return isHydrated;
-}
-const flatMap = (arr, flatMap2) => {
-  return [...arr].reduce((out, cur) => out.concat(flatMap2(cur)), []);
-};
-const orderBy = (arr, selectors = [], direction = []) => {
-  if (selectors.length === 0)
-    selectors = [(t) => t];
-  return [...arr].sort((a, b) => {
-    var _a, _b;
-    for (let i = 0; i < selectors.length; i++) {
-      const _a2 = (_a = selectors[i]) == null ? void 0 : _a.call(selectors, a);
-      const _b2 = (_b = selectors[i]) == null ? void 0 : _b.call(selectors, b);
-      const dir = direction[i] === "desc" ? -1 : 1;
-      if (_a2 > _b2)
-        return dir;
-      if (_a2 < _b2)
-        return -dir;
-    }
-    return 0;
-  });
-};
-const uniq = (arr) => {
-  const set = /* @__PURE__ */ new Set();
-  for (const t of arr)
-    set.add(t);
-  return Array.from(set);
-};
-const intersect = (a, b) => {
-  const result = /* @__PURE__ */ new Set();
-  for (const x of a)
-    if (b.has(x))
-      result.add(x);
-  return result;
-};
-const getAncestors = (activeItemsById, ...items) => {
-  const result = /* @__PURE__ */ new Set();
-  const find = ({ parentId }) => {
-    const parent = parentId ? activeItemsById.get(parentId) : void 0;
-    if (parent && !result.has(parent.id)) {
-      result.add(parent.id);
-      find(parent);
-    }
-  };
-  items.forEach(find);
-  return result;
-};
-const getDescendants = (...items) => {
-  const result = /* @__PURE__ */ new Set();
-  const find = (item) => {
-    for (const child of item.children) {
-      if (!result.has(child.id)) {
-        result.add(child.id);
-        find(child);
-      }
-    }
-  };
-  items.forEach(find);
-  return result;
-};
-const asString = (x) => {
-  if (x instanceof Array)
-    return x.map(asString).join(", ");
-  if (x instanceof Object)
-    return JSON.stringify(x);
-  return String(x != null ? x : "");
-};
-const asStringOrArray = (x) => {
-  if (x instanceof Array)
-    return x.map(asString);
-  return asString(x);
-};
-const castArray = (a) => a instanceof Array ? a : [a];
-const cx = (...classNames) => classNames.flatMap((entry) => {
-  if (!entry)
-    return [];
-  if (typeof entry === "string")
-    return [entry];
-  return Object.entries(entry).filter(([, predicate]) => predicate).map(([className2]) => className2);
-}).join(" ");
-function calcItems(state) {
-  react.useEffect(() => state.addReaction((state2) => [
-    state2.props.items,
-    state2.props.id,
-    state2.props.parentId,
-    state2.props.revealFiltered,
-    state2.sort,
-    state2.filters,
-    state2.filterValues,
-    state2.activeColumns,
-    state2.expanded
-  ], ([items = [], id, parentId, revealFiltered, sort, filters, filterValues, activeColumns], draft) => {
-    const tableItems = items.map((item) => ({
-      id: id(item),
-      parentId: parentId == null ? void 0 : parentId(item),
-      children: [],
-      value: item
-    }));
-    let sorted;
-    if (sort.length === 0) {
-      sorted = tableItems;
-    } else {
-      const selectors = flatMap(sort, (sort2) => {
-        const column = activeColumns.find((column2) => column2.id === sort2.columnId);
-        if (!column)
-          return [];
-        return column.sortBy.map((sortBy) => ({
-          selector: (item) => sortBy(column.value(item), item),
-          direction: sort2.direction
-        }));
-      }).filter(Boolean);
-      sorted = orderBy(tableItems, selectors.map((x) => (item) => x.selector(item.value)), selectors.map((x) => x.direction));
-    }
-    const lookup = /* @__PURE__ */ new Map();
-    for (const item of sorted) {
-      lookup.set(item.id, item);
-    }
-    for (const item of sorted) {
-      const parent = item.parentId !== void 0 ? lookup.get(item.parentId) : void 0;
-      parent == null ? void 0 : parent.children.push(item);
-    }
-    const allItems = new Array();
-    const allItemsById = /* @__PURE__ */ new Map();
-    const traverse = (items2) => {
-      for (const item of items2) {
-        allItems.push(item);
-        allItemsById.set(item.id, item);
-        traverse(item.children);
-      }
-    };
-    traverse(sorted.filter((item) => item.parentId === void 0));
-    let expandedChanged = false;
-    const activeItemsById = /* @__PURE__ */ new Map();
-    const activeSet = /* @__PURE__ */ new Set();
-    const activeItems = [...allItems].reverse().filter((item) => {
-      let isActive = activeSet.has(item.id);
-      isActive || (isActive = activeColumns.every((column) => {
-        var _a;
-        const filter = filters.get(column.id);
-        if (!filter)
-          return true;
-        const filterValue = filterValues.get(column.id);
-        if (filterValue === void 0 || !filter.isActive(filterValue))
-          return true;
-        const filterBy = (_a = filter.filterBy) != null ? _a : (x) => x;
-        const value = filterBy(column.value(item.value), item.value);
-        return castArray(value).some((value2) => filter.test(filterValue, value2));
-      }));
-      if (isActive && item.parentId !== void 0) {
-        if (revealFiltered && Array.from(filters.entries()).some(([id2, filter]) => {
-          const filterValue = filterValues.get(id2);
-          return !!filter && filterValue !== void 0 && filter.isActive(filterValue);
-        })) {
-          expandedChanged || (expandedChanged = !draft.expanded.has(item.parentId));
-          draft.expanded.add(item.parentId);
-        } else if (!draft.expanded.has(item.parentId)) {
-          isActive = false;
-        }
-      }
-      if (isActive && item.parentId !== void 0) {
-        activeSet.add(item.parentId);
-      }
-      if (isActive) {
-        activeItemsById.set(item.id, item);
-      }
-      return isActive;
-    }).reverse();
-    draft.items = immer.castDraft(allItems);
-    draft.itemsById = immer.castDraft(allItemsById);
-    draft.activeItems = immer.castDraft(activeItems);
-    draft.activeItemsById = immer.castDraft(activeItemsById);
-    if (expandedChanged) {
-      setTimeout(() => {
-        var _a, _b;
-        (_b = (_a = state.getState().props).onExpandedChange) == null ? void 0 : _b.call(_a, state.getState().expanded);
-      });
-    }
-  }, { runNow: true }), [state]);
-}
-const noopParentId = () => void 0;
-function calcProps(props) {
-  const cache = useTableMemo();
-  return react.useMemo(() => {
-    var _f, _g, _h, _i, _j, _k, _l, _m;
-    let id;
-    if (props.id instanceof Function || Array.isArray(props.id)) {
-      id = cache("id", props.id);
-    } else {
-      id = cache("id", [(item) => item[props.id], props.id]);
-    }
-    let parentId;
-    if (props.parentId instanceof Function || Array.isArray(props.parentId)) {
-      parentId = cache("parentId", props.parentId);
-    } else if (props.parentId !== void 0) {
-      parentId = cache("parentId", [(item) => item[props.parentId], props.parentId]);
-    } else {
-      parentId = noopParentId;
-    }
-    let inputColumns;
-    if (props.columns instanceof Function) {
-      inputColumns = props.columns((value, column) => __spreadProps(__spreadValues({}, column), { value }));
-    } else {
-      inputColumns = props.columns.map((column) => __spreadProps(__spreadValues({}, column), { dependecies: void 0 }));
-    }
-    const defCol = props.defaultColumnProps;
-    const mapColumn = ({
-      id: _id,
-      header = ((_a) => (_a = defCol == null ? void 0 : defCol.header) != null ? _a : null)(),
-      footer = ((_b) => (_b = defCol == null ? void 0 : defCol.footer) != null ? _b : null)(),
-      value,
-      renderCell = ((_c) => (_c = defCol == null ? void 0 : defCol.renderCell) != null ? _c : asString)(),
-      exportCell = ((_d) => (_d = defCol == null ? void 0 : defCol.exportCell) != null ? _d : asString)(),
-      sortBy = ((_e) => (_e = defCol == null ? void 0 : defCol.sortBy) != null ? _e : [(v) => typeof v === "number" || v instanceof Date ? v : String(v)])(),
-      cannotHide = defCol == null ? void 0 : defCol.cannotHide,
-      classes = defCol == null ? void 0 : defCol.classes,
-      filter = defCol == null ? void 0 : defCol.filter,
-      width = defCol == null ? void 0 : defCol.width
-    }, index) => {
-      const id2 = _id != null ? _id : index;
-      const cacheKey = typeof id2 === "string" ? `s${id2}` : `n${id2}`;
-      return {
-        id: id2,
-        header: header instanceof Function ? cache(`columns.${cacheKey}.header`, header) : header,
-        footer: footer instanceof Function ? cache(`columns.${cacheKey}.footer`, footer) : footer,
-        value: cache(`columns.${cacheKey}.value`, value),
-        renderCell: cache(`columns.${cacheKey}.renderCell`, renderCell),
-        exportCell,
-        sortBy: sortBy.map((fn, i) => cache(`columns.${cacheKey}.sortBy.${i}`, fn)),
-        cannotHide,
-        classes,
-        filter,
-        width
-      };
-    };
-    const columns = inputColumns.map(mapColumn);
-    const wrapCell = props.wrapCell && cache("wrapCell", props.wrapCell);
-    const rowAction = props.rowAction instanceof Function || Array.isArray(props.rowAction) ? cache("rowAction", props.rowAction) : props.rowAction;
-    let copy;
-    if (props.enableExport === true || props.enableExport instanceof Object && props.enableExport.copy === true) {
-      copy = { separator: "	" };
-    } else if (props.enableExport && props.enableExport.copy instanceof Object) {
-      copy = props.enableExport.copy;
-    }
-    let download;
-    if (props.enableExport === true || props.enableExport instanceof Object && props.enableExport.download === true) {
-      download = { sepPrefix: true };
-    } else if (props.enableExport && props.enableExport.download instanceof Object) {
-      download = props.enableExport.download;
-    }
-    const enableExport = { copy, download };
-    return __spreadProps(__spreadValues({}, props), {
-      id,
-      parentId,
-      columns,
-      wrapCell,
-      rowAction,
-      enableSelection: (_f = props.enableSelection) != null ? _f : true,
-      selectSyncChildren: (_g = props.selectSyncChildren) != null ? _g : true,
-      stickyHeader: (_h = props.stickyHeader) != null ? _h : true,
-      stickyFooter: (_i = props.stickyFooter) != null ? _i : true,
-      enableExport,
-      enableColumnSelection: (_j = props.enableColumnSelection) != null ? _j : true,
-      enableClearFiltersButton: (_k = props.enableClearFiltersButton) != null ? _k : false,
-      enableColumnResize: (_l = props.enableColumnResize) != null ? _l : true,
-      enableColumnReorder: (_m = props.enableColumnReorder) != null ? _m : true
-    });
-  }, [props]);
-}
-function cleanupState(state) {
-  react.useEffect(() => state.addReaction((state2) => [state2.props.columns, state2.itemsById, state2.activeItemsById, state2.activeColumns], ([columns, itemsById, activeItemsById, activeColumns], draft) => {
-    const columnIds = new Set(columns.map((column) => column.id));
-    const activeColumnIds = new Set(activeColumns.map((column) => column.id));
-    const newSort = draft.sort.filter((s) => activeColumnIds.has(s.columnId));
-    if (newSort.length < draft.sort.length) {
-      draft.sort = newSort;
-      setTimeout(() => {
-        var _a, _b;
-        (_b = (_a = state.getState().props).onSortChange) == null ? void 0 : _b.call(_a, newSort);
-      });
-    }
-    for (const id of draft.filters.keys()) {
-      if (!activeColumnIds.has(id))
-        draft.filters.delete(id);
-    }
-    for (const id of draft.filterValues.keys()) {
-      if (!activeColumnIds.has(id))
-        draft.filterValues.delete(id);
-    }
-    for (const id of draft.hiddenColumns.keys()) {
-      if (!columnIds.has(id))
-        draft.hiddenColumns.delete(id);
-    }
-    for (const id of draft.columnWidths.keys()) {
-      if (!columnIds.has(id))
-        draft.columnWidths.delete(id);
-    }
-    for (const id of draft.columnOrder) {
-      if (!columnIds.has(id))
-        draft.columnOrder = draft.columnOrder.filter((x) => x !== id);
-    }
-    if (draft.props.items) {
-      const newSelection = intersect(draft.selection, activeItemsById);
-      if (newSelection.size !== draft.selection.size) {
-        draft.selection = newSelection;
-        setTimeout(() => {
-          var _a, _b;
-          (_b = (_a = state.getState().props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
-        });
-      }
-      const newExpanded = intersect(draft.expanded, itemsById);
-      if (newExpanded.size < draft.expanded.size) {
-        draft.expanded = newExpanded;
-        setTimeout(() => {
-          var _a, _b;
-          (_b = (_a = state.getState().props).onExpandedChange) == null ? void 0 : _b.call(_a, newExpanded);
-        });
-      }
-    }
-  }, { runNow: true }), [state]);
-}
-function filterColumns(state) {
-  react.useEffect(() => state.addReaction((state2) => [state2.props.columns, state2.hiddenColumns, state2.columnOrder], ([columns, hiddenColumns, columnOrder], draft) => {
-    draft.activeColumns = orderBy(columns.filter((column) => !hiddenColumns.has(column.id)), [(column) => columnOrder.indexOf(column.id)]);
-  }, { runNow: true }), [state]);
-}
-function normalizeExpanded(table) {
-  react.useEffect(() => table.addReaction((state) => [state.props.expandOnlyOne, state.expanded, state.itemsById], ([expandOnlyOne, , itemsById], state) => {
-    var _a, _b;
-    let expanded = state.expanded;
-    let last, lastItem;
-    let hasChanged = false;
-    if (expandOnlyOne && (last = [...expanded][expanded.size - 1]) && (lastItem = itemsById.get(last))) {
-      const ancestors = getAncestors(itemsById, lastItem);
-      if ([...expanded].slice(0, -1).some((id) => !ancestors.has(id))) {
-        expanded = state.expanded = new Set([...ancestors].concat(last));
-        hasChanged = true;
-      }
-    } else {
-      for (const id of expanded) {
-        const item = itemsById.get(id);
-        const ancestors = item && getAncestors(itemsById, item);
-        for (const ancestor of ancestors != null ? ancestors : []) {
-          if (!expanded.has(ancestor)) {
-            expanded.add(ancestor);
-            hasChanged = true;
-          }
-        }
-      }
-    }
-    if (hasChanged) {
-      (_b = (_a = state.props).onExpandedChange) == null ? void 0 : _b.call(_a, new Set(expanded));
-    }
-  }, { runNow: true }), [table]);
-}
-function syncSelections(table) {
-  react.useEffect(() => table.addReaction((state) => [state.props.selectSyncChildren, state.selection, state.activeItems], ([selectSyncChildren, selection, activeItems], state) => {
-    if (!selectSyncChildren)
-      return;
-    const newSelection = new Set(selection);
-    for (const item of activeItems) {
-      if (item.parentId !== void 0 && newSelection.has(item.parentId)) {
-        newSelection.add(item.id);
-      }
-    }
-    if (newSelection.size !== selection.size) {
-      state.selection = newSelection;
-      setTimeout(() => {
-        var _a, _b;
-        (_b = (_a = table.getState().props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
-      });
-    }
-  }, { runNow: true }), [table]);
-}
-function useTableState(_props) {
-  const props = calcProps(_props);
-  const state = react.useMemo(() => {
-    var _a, _b, _c, _d;
-    return new react$1.Store({
-      props,
-      sort: (_a = props.defaultSort) != null ? _a : [],
-      selection: (_b = props.defaultSelection) != null ? _b : /* @__PURE__ */ new Set(),
-      expanded: (_c = props.defaultExpanded) != null ? _c : /* @__PURE__ */ new Set(),
-      rowHeights: /* @__PURE__ */ new Map(),
-      filters: /* @__PURE__ */ new Map(),
-      filterValues: /* @__PURE__ */ new Map(),
-      hiddenColumns: (_d = props.defaultHiddenColumns) != null ? _d : /* @__PURE__ */ new Set(),
-      columnWidths: /* @__PURE__ */ new Map(),
-      columnOrder: props.columns.map((column) => column.id),
-      columnStyleOverride: /* @__PURE__ */ new Map(),
-      activeColumns: [],
-      items: [],
-      itemsById: /* @__PURE__ */ new Map(),
-      activeItems: [],
-      activeItemsById: /* @__PURE__ */ new Map(),
-      lastSelectedId: void 0
-    });
-  }, []);
-  filterColumns(state);
-  normalizeExpanded(state);
-  calcItems(state);
-  syncSelections(state);
-  cleanupState(state);
-  react.useEffect(() => {
-    state.update((state2) => {
-      state2.props = immer.castDraft(props);
-      if (props.sort)
-        state2.sort = props.sort;
-      if (props.selection)
-        state2.selection = props.selection;
-      if (props.expanded)
-        state2.expanded = props.expanded;
-      if (props.hiddenColumns)
-        state2.hiddenColumns = props.hiddenColumns;
-      for (const column of props.columns) {
-        if (!state2.columnOrder.includes(column.id)) {
-          const index = props.columns.indexOf(column);
-          state2.columnOrder.splice(index, 0, column.id);
-        }
-      }
-    });
-  }, [state, props]);
-  return state;
-}
-function useCssVariables() {
-  return useTheme(({ spacing, colors }) => ({
-    "--spacing": spacing,
-    "--primaryMain": colors.primary.main,
-    "--primaryLight": colors.primary.light,
-    "--primaryContrastText": colors.primary.contrastText,
-    "--secondaryMain": colors.secondary.main,
-    "--secondaryLight": colors.secondary.light,
-    "--secondaryContrastText": colors.secondary.contrastText
-  }));
-}
-function ClearFiltersButton() {
-  const Button2 = useTheme((t) => t.components.Button);
-  const textClearFilters = useTheme((t) => t.text.clearFilters);
-  const table = useTableContext();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    css: tableTheme.defaultClasses.clearFiltersButton,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-      variant: "outlined",
-      onClick: () => {
-        table.update((state) => {
-          state.activeColumns.forEach((column) => {
-            state.filterValues.delete(column.id);
-          });
-        });
-      },
-      children: textClearFilters
-    })
-  });
-}
-function ColumnFooter() {
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const stickyFooter = table.useState("props.stickyFooter");
-  const columnStyleOverride = table.useState((state) => state.columnStyleOverride.get(columnId), {
-    throttle: 16
-  });
-  const columnClasses = table.useState((state) => {
-    var _a;
-    return (_a = state.activeColumns.find((column) => column.id === columnId)) == null ? void 0 : _a.classes;
-  });
-  const classes = useTheme((theme) => theme.classes);
-  const content = table.useState((state) => {
-    const column = state.activeColumns.find((column2) => column2.id === columnId);
-    if ((column == null ? void 0 : column.footer) instanceof Function) {
-      const items = state.activeItems;
-      const values = items.map((item) => column == null ? void 0 : column.value(item.value));
-      return column == null ? void 0 : column.footer(values, items);
-    }
-    return column == null ? void 0 : column.footer;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx(classes == null ? void 0 : classes.footerCell, columnClasses == null ? void 0 : columnClasses.footerCell),
-    css: [tableTheme.defaultClasses.footerCell, columnStyleOverride, stickyFooter && tableTheme.defaultClasses.stickyBottom, stickyFooter instanceof Object && stickyFooter],
-    children: content
-  });
-}
-const FilterControlContext = react.createContext(() => void 0);
-function FilterControl() {
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const Popover = useTheme((t) => t.components.Popover);
-  const FilterList2 = useTheme((t) => t.icons.FilterList);
-  const ArrowDropDown2 = useTheme((t) => t.icons.ArrowDropDown);
-  const cssVariables = useCssVariables();
-  const [anchor, setAnchor] = react.useState(null);
-  const isActive = table.useState((state) => {
-    const filter2 = state.filters.get(columnId);
-    const filterValue = state.filterValues.get(columnId);
-    return filter2 !== void 0 && filterValue !== void 0 && filter2.isActive(filterValue);
-  });
-  const filter = table.useState((state) => {
-    var _a;
-    return (_a = state.activeColumns.find((column) => column.id === columnId)) == null ? void 0 : _a.filter;
-  });
-  function reset() {
-    table.update((state) => {
-      state.filterValues.delete(columnId);
-    });
-  }
-  const close = react.useCallback(function() {
-    setAnchor(null);
-  }, []);
-  if (!filter)
-    return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(FilterControlContext.Provider, {
-    value: close,
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      onClick: (e) => setAnchor(e.currentTarget),
-      onContextMenu: (e) => {
-        reset();
-        e.preventDefault();
-        return false;
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
-        css: [{
-          color: "#b0bac9"
-        }, isActive && {
-          color: "var(--primaryMain) !important"
-        }],
-        children: isActive ? /* @__PURE__ */ jsxRuntime.jsx(FilterList2, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDropDown2, {})
-      })
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      onPointerDown: (e) => {
-        e.stopPropagation();
-      },
-      onPointerMove: (e) => {
-        e.stopPropagation();
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(Popover, {
-        open: true,
-        hidden: !anchor,
-        onClose: () => setAnchor(null),
-        anchorEl: anchor != null ? anchor : document.body,
-        css: cssVariables,
-        children: filter
-      })
-    })]
-  });
-}
-function ResizeHandle() {
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const enabled = table.useState("props.enableColumnResize");
-  function onPointerDown(e) {
-    e.stopPropagation();
-    const div = e.target;
-    div.setPointerCapture(e.pointerId);
-  }
-  function onPointerMove(e) {
-    e.stopPropagation();
-    const div = e.target;
-    if (!div.hasPointerCapture(e.pointerId))
-      return;
-    const parent = div.parentElement;
-    const width = Math.max(e.clientX - parent.getBoundingClientRect().left + 5, 50);
-    table.update((state) => {
-      state.columnWidths.set(columnId, `${width}px`);
-    });
-  }
-  function onPointerUp(e) {
-    e.stopPropagation();
-    const div = e.target;
-    div.releasePointerCapture(e.pointerId);
-  }
-  function onDoubleClick(e) {
-    table.update((state) => {
-      if (e.getModifierState("Control")) {
-        state.columnWidths.delete(columnId);
-      } else {
-        state.columnWidths.set(columnId, "max-content");
-      }
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(ResizeHandleView, {
-    enabled,
-    onPointerDown: enabled ? onPointerDown : void 0,
-    onPointerMove: enabled ? onPointerMove : void 0,
-    onPointerUp: enabled ? onPointerUp : void 0,
-    onDoubleClick: enabled ? onDoubleClick : void 0
-  });
-}
-function ResizeHandleView(_a) {
-  var _b = _a, {
-    enabled
-  } = _b, props = __objRest(_b, [
-    "enabled"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadValues({
-    css: {
-      alignSelf: "stretch",
-      padding: "0 5px",
-      cursor: enabled ? "col-resize" : "initial",
-      display: "flex",
-      alignItems: "center",
-      "&:after": {
-        content: '""',
-        width: 1,
-        height: "1.5em",
-        background: "#c9cfda",
-        transition: "transform 300ms"
-      }
-    }
-  }, props));
-}
-function SortComponent({
-  children
-}) {
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const Badge2 = useTheme((t) => t.components.Badge);
-  const ArrowUpward2 = useTheme((t) => t.icons.ArrowUpward);
-  const {
-    direction,
-    index
-  } = table.useState((state) => {
-    var _a, _b;
-    const index2 = (_a = state.sort.findIndex((s) => s.columnId === columnId)) != null ? _a : -1;
-    return {
-      direction: (_b = state.sort[index2]) == null ? void 0 : _b.direction,
-      index: index2 >= 0 && state.sort.length > 1 ? index2 + 1 : void 0
-    };
-  });
-  function toggle2(e, off) {
-    const {
-      props: {
-        sort: controlledSort,
-        onSortChange
-      }
-    } = table.getState();
-    const newDirection = direction === "asc" ? "desc" : "asc";
-    const newSort = e.getModifierState("Control") || off ? table.getState().sort.filter((s) => s.columnId !== columnId) : [];
-    if (!off) {
-      newSort.push({
-        columnId,
-        direction: newDirection
-      });
-    }
-    onSortChange == null ? void 0 : onSortChange(newSort);
-    if (!controlledSort) {
-      table.update((state) => {
-        state.sort = newSort;
-      });
-    }
-    e.preventDefault();
-    return false;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    css: {
-      userSelect: "none",
-      display: "grid",
-      gridTemplateColumns: "minmax(0, 1fr) max-content",
-      alignItems: "center",
-      cursor: "pointer",
-      "& > div": {
-        overflow: "hidden",
-        textOverflow: "ellipsis"
-      }
-    },
-    onClick: (e) => toggle2(e),
-    onContextMenu: (e) => toggle2(e, true),
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      children
-    }), /* @__PURE__ */ jsxRuntime.jsx(Badge2, {
-      badgeContent: index,
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-        css: [{
-          transition: "all 300ms",
-          fontSize: "0.8em"
-        }, !direction && {
-          opacity: 0
-        }, direction === "desc" && {
-          transform: "rotate3d(0, 0, 1, 180deg)"
-        }],
-        children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUpward2, {})
-      })
-    })]
-  });
-}
-const ColumnHeaderContext = new react$1.StoreScope({
-  items: /* @__PURE__ */ new Map()
-});
-function ColumnHeader() {
-  const ref = react.useRef(null);
-  const columnId = useColumnContext();
-  const table = useTableContext();
-  const enabled = table.useState("props.enableColumnReorder");
-  const columnStyleOverride = table.useState((state) => state.columnStyleOverride.get(columnId), {
-    throttle: 16
-  });
-  const stickyHeader = table.useState("props.stickyHeader");
-  const classes = useTheme((theme) => theme.classes);
-  const {
-    header,
-    columnClasses
-  } = table.useState((state) => {
-    const column = state.activeColumns.find((column2) => column2.id === columnId);
-    return {
-      header: column == null ? void 0 : column.header,
-      columnClasses: column == null ? void 0 : column.classes
-    };
-  });
-  const store = ColumnHeaderContext.useStore();
-  const draggingStart = react.useRef();
-  const clone = react.useRef();
-  react.useEffect(() => {
-    const div = ref.current;
-    if (!div)
-      return;
-    store.update((state) => {
-      state.items.set(columnId, immer.castDraft(div));
-    });
-    return () => {
-      store.update((state) => {
-        state.items.delete(columnId);
-      });
-    };
-  }, [ref.current, store, columnId]);
-  function calcTargetIndex(offsetLeft) {
-    var _a, _b, _c;
-    const cols = table.getState().columnOrder.map((id) => ({
-      id,
-      div: store.getState().items.get(id)
-    }));
-    const otherCols = cols.filter((col) => col.id !== columnId);
-    const firstOffsetleft = (_c = (_b = (_a = cols.find((col) => col.div)) == null ? void 0 : _a.div) == null ? void 0 : _b.offsetLeft) != null ? _c : 0;
-    let sum = 0;
-    const targetIndex = otherCols.findIndex((col) => {
-      var _a2, _b2;
-      const width = (_b2 = (_a2 = col.div) == null ? void 0 : _a2.offsetWidth) != null ? _b2 : 0;
-      if (sum + width / 2 > offsetLeft - firstOffsetleft)
-        return true;
-      sum += width;
-      return false;
-    });
-    return targetIndex === -1 ? otherCols.length : targetIndex;
-  }
-  function onPointerDown(e) {
-    const div = ref.current;
-    if (!div)
-      return;
-    draggingStart.current = {
-      mouseX: e.clientX,
-      bounds: div.getBoundingClientRect()
-    };
-  }
-  function onPointerMove(e) {
-    table.update((state) => {
-      const div = ref.current;
-      if (!div || draggingStart.current === void 0 || Math.abs(e.clientX - draggingStart.current.mouseX) < 5)
-        return;
-      e.stopPropagation();
-      div.setPointerCapture(e.pointerId);
-      if (!clone.current) {
-        clone.current = div.cloneNode(true);
-        document.body.append(clone.current);
-        for (const [key, value] of Object.entries(getComputedStyle(div))) {
-          try {
-            clone.current.style[key] = value;
-          } catch {
-          }
-        }
-        Object.assign(clone.current.style, {
-          pointerEvents: "none",
-          position: "fixed",
-          boxShadow: "0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)",
-          left: `${draggingStart.current.bounds.left}px`,
-          top: `${draggingStart.current.bounds.top}px`
-        });
-        div.style.color = "rgba(0, 0, 0, 0.2)";
-      }
-      clone.current.style.left = `${draggingStart.current.bounds.left + e.clientX - draggingStart.current.mouseX}px`;
-      const index = state.columnOrder.indexOf(columnId);
-      const targetIndex = calcTargetIndex(div.offsetLeft + e.clientX - draggingStart.current.mouseX);
-      const columns = table.getState().columnOrder.map((id, index2) => {
-        var _a, _b;
-        return {
-          id,
-          index: index2,
-          width: (_b = (_a = store.getState().items.get(id)) == null ? void 0 : _a.offsetWidth) != null ? _b : 0
-        };
-      });
-      state.columnOrder.forEach((id, i) => {
-        let offset = 0;
-        if (i === index) {
-          if (targetIndex > index) {
-            offset = columns.slice(index + 1, targetIndex + 1).reduce((sum, col) => sum + col.width, 0);
-          } else if (targetIndex < index) {
-            offset = -columns.slice(targetIndex, index).reduce((sum, col) => sum + col.width, 0);
-          }
-        } else if (i >= targetIndex && i < index) {
-          offset = div.offsetWidth;
-        } else if (i > index && i <= targetIndex) {
-          offset = -div.offsetWidth;
-        }
-        state.columnStyleOverride.set(id, {
-          transition: "transform 500ms",
-          transform: `translate3d(${offset}px, 0, 0)`,
-          zIndex: i === index ? 1 : void 0
-        });
-      });
-    });
-  }
-  function onPointerUp(e) {
-    table.update((state) => {
-      var _a;
-      const div = ref.current;
-      if (!div || draggingStart.current === void 0)
-        return;
-      const index = state.columnOrder.indexOf(columnId);
-      const targetIndex = calcTargetIndex(div.offsetLeft + e.clientX - draggingStart.current.mouseX);
-      state.columnOrder.splice(index, 1);
-      state.columnOrder.splice(targetIndex, 0, columnId);
-      (_a = clone.current) == null ? void 0 : _a.remove();
-      div.style.color = "";
-      state.columnStyleOverride.clear();
-      draggingStart.current = void 0;
-      clone.current = void 0;
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ref,
-    className: cx(classes == null ? void 0 : classes.headerCell, columnClasses == null ? void 0 : columnClasses.headerCell),
-    css: [{
-      position: "relative",
-      userSelect: "none"
-    }, tableTheme.defaultClasses.headerCell, columnStyleOverride, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
-    onPointerDown: enabled ? onPointerDown : void 0,
-    onPointerMove: enabled ? onPointerMove : void 0,
-    onPointerUp: enabled ? onPointerUp : void 0,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(SortComponent, {
-      children: header
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      css: {
-        flex: 1
-      }
-    }), /* @__PURE__ */ jsxRuntime.jsx(FilterControl, {}), /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, {})]
-  });
-}
-function FormControlLabel({
-  control,
-  label,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", {
-    css: [{
-      display: "flex",
-      alignItems: "center",
-      cursor: "pointer",
-      userSelect: "none",
-      "& > *": {
-        cursor: "pointer"
-      }
-    }, disabled && {
-      color: "rgba(0, 0, 0, 0.26)"
-    }],
-    children: [control, /* @__PURE__ */ jsxRuntime.jsx("span", {
-      css: {
-        marginLeft: "var(--spacing)"
-      },
-      children: label
-    })]
-  });
-}
-function ColumnSelection() {
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const Popover = useTheme((t) => t.components.Popover);
-  const Checkbox2 = useTheme((t) => t.components.Checkbox);
-  const Settings2 = useTheme((t) => t.icons.Settings);
-  const selectColumns = useTheme((t) => t.text.selectColumns);
-  const cssVariables = useCssVariables();
-  const table = useTableContext();
-  const columns = table.useState("props.columns");
-  const hiddenColumns = table.useState("hiddenColumns");
-  const [anchorEl, setAnchorEl] = react.useState(null);
-  const toggle2 = (column) => {
-    const {
-      props: {
-        hiddenColumns: controlledHiddenColumns,
-        onHiddenColumnsChange
-      }
-    } = table.getState();
-    const newValue = new Set(hiddenColumns);
-    if (hiddenColumns.has(column.id))
-      newValue.delete(column.id);
-    else
-      newValue.add(column.id);
-    if (!controlledHiddenColumns) {
-      table.update((state) => {
-        state.hiddenColumns = newValue;
-      });
-    }
-    onHiddenColumnsChange == null ? void 0 : onHiddenColumnsChange(newValue);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
-      onClick: (e) => setAnchorEl(anchorEl ? null : e.currentTarget),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Settings2, {})
-    }), /* @__PURE__ */ jsxRuntime.jsx(Popover, {
-      anchorEl,
-      open: !!anchorEl,
-      onClose: () => setAnchorEl(null),
-      css: cssVariables,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        css: {
-          padding: `calc(var(--spacing) * 2)`,
-          display: "grid"
-        },
-        children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-          css: {
-            marginBottom: "var(--spacing)"
-          },
-          children: selectColumns
-        }), columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(FormControlLabel, {
-          control: /* @__PURE__ */ jsxRuntime.jsx(Checkbox2, {
-            checked: !hiddenColumns.has(column.id),
-            onChange: () => toggle2(column),
-            disabled: column.cannotHide
-          }),
-          label: column.header
-        }, column.id))]
-      })
-    })]
-  });
-}
-function csvExport(data, { sepPrefix, separator = ",", quote = '"', eol = "\n" } = {}) {
-  const cells = data.map((line) => line.map((value) => {
-    if (typeof value === "number")
-      return String(value);
-    if (![separator, quote, eol].some((c) => value.includes(c)))
-      return value;
-    const clean = value.replace(new RegExp(quote, "g"), `${quote}${quote}`);
-    return `${quote}${clean}${quote}`;
-  }));
-  return (sepPrefix ? `SEP=${separator}
-` : "") + cells.map((line) => line.join(separator)).join(eol);
-}
-function Export$1() {
-  const table = useTableContext();
-  const Button2 = useTheme((t) => t.components.Button);
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const Popover = useTheme((t) => t.components.Popover);
-  const Export2 = useTheme((t) => t.icons.Export);
-  const Clipboard2 = useTheme((t) => t.icons.Clipboard);
-  const exportTitle = useTheme((t) => t.text.exportTitle);
-  const exportCopy = useTheme((t) => t.text.exportCopy);
-  const exportDownload = useTheme((t) => t.text.exportDownload);
-  const cssVariables = useCssVariables();
-  const [anchor, setAnchor] = react.useState(null);
-  const generate = (options) => {
-    const {
-      activeColumns,
-      activeItems
-    } = table.getState();
-    const data = [activeColumns.map((column) => String(column.id)), ...activeItems.map((item) => activeColumns.map((column) => column.exportCell(column.value(item.value), item.value)))];
-    return csvExport(data, options);
-  };
-  const copy = () => {
-    navigator.clipboard.writeText(generate(table.getState().props.enableExport.copy));
-  };
-  const download = () => {
-    const a = document.createElement("a");
-    a.href = "data:text/csv;charset=utf-8," + encodeURIComponent(generate(table.getState().props.enableExport.download));
-    a.download = "export.csv";
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
-      onClick: (e) => setAnchor(anchor ? null : e.currentTarget),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Export2, {
-        css: !!anchor && {
-          color: "var(--primaryMain)"
-        }
-      })
-    }), /* @__PURE__ */ jsxRuntime.jsx(Popover, {
-      open: !!anchor,
-      onClose: () => setAnchor(null),
-      anchorEl: anchor,
-      css: cssVariables,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        css: {
-          padding: `calc(var(--spacing) * 2)`,
-          display: "grid",
-          justifyItems: "stretch",
-          gap: "var(--spacing)",
-          "& > *": {
-            justifyContent: "start"
-          }
-        },
-        children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-          css: {
-            marginBottom: "var(--spacing)"
-          },
-          children: exportTitle
-        }), /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(Clipboard2, {}),
-          onClick: copy,
-          children: exportCopy
-        }), /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(Export2, {}),
-          onClick: download,
-          children: exportDownload
-        })]
-      })
-    })]
-  });
-}
-const defaultWrapCell = (content) => {
-  if (typeof content === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", {
-      css: tableTheme.defaultClasses.text,
-      title: content,
-      children: content
-    });
-  }
-  return content;
-};
-const Cell = react.memo(function Cell2({
-  itemId,
-  rowIndex
-}) {
-  var _a;
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const column = table.useState((state) => {
-    const col = state.activeColumns.find((column2) => column2.id === columnId);
-    return col && {
-      value: col.value,
-      renderCell: col.renderCell
-    };
-  });
-  const wrapCell = (_a = table.useState((state) => state.props.wrapCell)) != null ? _a : defaultWrapCell;
-  const item = table.useState((state) => state.activeItemsById.get(itemId));
-  const columnStyleOverride = table.useState((state) => state.columnStyleOverride.get(columnId), {
-    throttle: 16
-  });
-  react.useLayoutEffect(() => {
-    var _a2, _b;
-    return (_b = (_a2 = table.getState().props).debugRender) == null ? void 0 : _b.call(_a2, "render cell", itemId, columnId);
-  });
-  const className2 = useTheme((t) => cx(...calcClassNames(t.classes, item, rowIndex)));
-  if (!column || !item)
-    return null;
-  const content = column.renderCell(column.value(item.value), item.value);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: className2,
-    css: [tableTheme.defaultClasses.cell, columnStyleOverride],
-    children: wrapCell(content, column.value(item.value), item.value, rowIndex)
-  });
-});
-function ExpandControl({
-  itemId,
-  hasDeferredChildren
-}) {
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const Spinner2 = useTheme((t) => t.components.Spinner);
-  const ChevronRight2 = useTheme((t) => t.icons.ChevronRight);
-  const table = useTableContext();
-  const isExpanded = table.useState((state) => state.expanded.has(itemId));
-  const hasChildren = table.useState((state) => {
-    var _a;
-    return !!((_a = state.activeItemsById.get(itemId)) == null ? void 0 : _a.children.length);
-  });
-  function toggle2() {
-    const {
-      props: {
-        expanded: controlledExpanded,
-        expandOnlyOne,
-        onExpandedChange
-      },
-      expanded,
-      activeItemsById
-    } = table.getState();
-    const newExpanded = new Set(expanded);
-    if (expandOnlyOne) {
-      newExpanded.clear();
-      const item = activeItemsById.get(itemId);
-      for (const ancestor of item ? getAncestors(activeItemsById, item) : []) {
-        newExpanded.add(ancestor);
-      }
-    }
-    if (isExpanded) {
-      newExpanded.delete(itemId);
-    } else {
-      newExpanded.add(itemId);
-    }
-    onExpandedChange == null ? void 0 : onExpandedChange(newExpanded);
-    if (!controlledExpanded) {
-      table.update((state) => {
-        state.expanded = newExpanded;
-      });
-    }
-  }
-  if (isExpanded && hasDeferredChildren && !hasChildren) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Spinner2, {
-      css: {
-        margin: "0 var(--spacing)"
-      }
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
-    onClick: toggle2,
-    children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-      css: {
-        display: "inline-flex",
-        transition: "all 300ms",
-        transform: isExpanded ? "rotate3d(0, 0, 1, 90deg)" : "rotate3d(0, 0, 1, 0deg)"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight2, {})
-    })
-  });
-}
-function SelectComponent({
-  itemId
-}) {
-  const table = useTableContext();
-  const Checkbox2 = useTheme((t) => t.components.Checkbox);
-  const isSelected = table.useState((state) => {
-    const itemIds = itemId ? [itemId] : Array.from(state.activeItemsById.keys());
-    return state.activeItemsById.size > 0 && itemIds.every((itemId2) => state.selection.has(itemId2));
-  });
-  function toggle2(e) {
-    const mouseEvent = e.nativeEvent;
-    const {
-      activeItems,
-      activeItemsById,
-      lastSelectedId,
-      selection,
-      props: {
-        selectSyncChildren,
-        selection: controlledSelection,
-        onSelectionChange
-      }
-    } = table.getState();
-    let range;
-    if (mouseEvent.shiftKey && itemId) {
-      const a = lastSelectedId ? activeItems.findIndex((i) => lastSelectedId === i.id) : 0;
-      const b = activeItems.findIndex((item) => item.id === itemId);
-      range = activeItems.slice(Math.min(a, b), Math.max(a, b) + 1);
-    } else {
-      const item = itemId ? activeItemsById.get(itemId) : void 0;
-      range = item ? [item] : activeItems;
-    }
-    const newSelection = new Set(selection);
-    for (const item of range) {
-      if (isSelected)
-        newSelection.delete(item.id);
-      else
-        newSelection.add(item.id);
-    }
-    if (selectSyncChildren && isSelected) {
-      for (const ancestor of getAncestors(activeItemsById, ...range)) {
-        newSelection.delete(ancestor);
-      }
-      for (const descendant of getDescendants(...range)) {
-        newSelection.delete(descendant);
-      }
-    }
-    onSelectionChange == null ? void 0 : onSelectionChange(newSelection);
-    if (!controlledSelection) {
-      table.update((state) => {
-        state.selection = newSelection;
-      });
-    }
-    table.update((state) => {
-      state.lastSelectedId = itemId;
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Checkbox2, {
-    css: {
-      justifySelf: "start",
-      color: "#c9cfda"
-    },
-    checked: isSelected,
-    onChange: toggle2
-  });
-}
-function calcClassNames(classes, item, index) {
-  return [(classes == null ? void 0 : classes.cell) instanceof Function ? classes.cell(item, index) : classes == null ? void 0 : classes.cell, index % 2 === 0 && (classes == null ? void 0 : classes.evenCell), index % 2 === 1 && (classes == null ? void 0 : classes.oddCell)];
-}
-const Row = react.memo(function Row2({
-  itemId,
-  rowIndex
-}) {
-  const table = useTableContext();
-  const divRef = react.useRef(null);
-  const classes = useTheme((t) => t.classes);
-  const {
-    className: className2,
-    indent,
-    hasChildren,
-    hasDeferredChildren,
-    columnIds,
-    enableSelection,
-    rowAction
-  } = table.useState((state) => {
-    var _a, _b;
-    const item = state.activeItemsById.get(itemId);
-    return {
-      className: cx(...calcClassNames(classes, item, rowIndex)),
-      indent: item ? getAncestors(state.activeItemsById, item).size : 0,
-      hasChildren: !!(item == null ? void 0 : item.children.length),
-      hasDeferredChildren: item && ((_b = (_a = state.props).hasDeferredChildren) == null ? void 0 : _b.call(_a, item.value)),
-      columnIds: state.activeColumns.map((column) => column.id),
-      enableSelection: state.props.enableSelection,
-      rowAction: state.props.rowAction instanceof Function ? item ? state.props.rowAction(item.value, rowIndex) : null : state.props.rowAction
-    };
-  });
-  react.useEffect(() => {
-    const div = divRef.current;
-    if (!div)
-      return;
-    const o = new ResizeObserver(() => {
-      if (!document.contains(div))
-        return;
-      table.update((state) => {
-        state.rowHeights.set(itemId, div.offsetHeight);
-      });
-    });
-    o.observe(div);
-    return () => o.disconnect();
-  }, [divRef.current]);
-  react.useLayoutEffect(() => {
-    var _a, _b;
-    return (_b = (_a = table.getState().props).debugRender) == null ? void 0 : _b.call(_a, "render row", itemId);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: className2,
-      css: [tableTheme.defaultClasses.cellFill],
-      ref: divRef
-    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: className2,
-      css: [tableTheme.defaultClasses.cell, tableTheme.defaultClasses.firstCell],
-      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-        css: {
-          width: indent * 20
-        }
-      }), enableSelection && /* @__PURE__ */ jsxRuntime.jsx(SelectComponent, {
-        itemId
-      }), (hasChildren || hasDeferredChildren) && /* @__PURE__ */ jsxRuntime.jsx(ExpandControl, {
-        itemId,
-        hasDeferredChildren
-      }), rowAction]
-    }), columnIds.map((columnId) => /* @__PURE__ */ jsxRuntime.jsx(ColumnContext.Provider, {
-      value: columnId,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Cell, {
-        itemId,
-        rowIndex
-      })
-    }, columnId)), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: className2,
-      css: [tableTheme.defaultClasses.cellFill]
-    })]
-  });
-});
-function throttle(fn, ms) {
-  let last = 0;
-  let lastArgs;
-  let timeout;
-  function run() {
-    const args = lastArgs;
-    last = Date.now();
-    lastArgs = void 0;
-    timeout = void 0;
-    fn(...args);
-  }
-  return Object.assign(function(...args) {
-    const now = Date.now();
-    lastArgs = args;
-    if (timeout)
-      ;
-    else if (now < last + ms) {
-      timeout = setTimeout(run, last + ms - now);
-    } else {
-      run();
-    }
-  }, {
-    flush() {
-      if (lastArgs) {
-        run();
-      }
-    },
-    cancel() {
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-    }
-  });
-}
-const findScrollRoot = (x) => {
-  const parent = x.parentElement;
-  if (!parent)
-    return document.documentElement;
-  if (parent.scrollHeight > parent.clientHeight && getComputedStyle(parent).overflowY !== "visible")
-    return parent;
-  return findScrollRoot(parent);
-};
-const relativeOffset = (x, y) => {
-  if (x.offsetParent === y.offsetParent || !x.offsetParent)
-    return x.offsetTop - y.offsetTop;
-  if (x.offsetParent instanceof HTMLElement)
-    return relativeOffset(x.offsetParent, y) + x.offsetTop;
-  return 0;
-};
-function Virtualized(_c) {
-  var _d = _c, {
-    header,
-    footer,
-    children
-  } = _d, props = __objRest(_d, [
-    "header",
-    "footer",
-    "children"
-  ]);
-  var _a, _b;
-  const table = useTableContext();
-  const virtual = table.useState("props.virtual");
-  const probeRef = react.useRef(null);
-  const [, setCounter] = react.useState(0);
-  const {
-    itemIds = [],
-    from = 0,
-    to,
-    before = 0,
-    after = 0
-  } = table.useState((state) => {
-    var _a2;
-    const itemIds2 = state.activeItems.map((item) => item.id);
-    const root = probeRef.current && findScrollRoot(probeRef.current);
-    if (!state.props.virtual)
-      return {
-        itemIds: itemIds2
-      };
-    if (!probeRef.current || !root || !document.contains(root))
-      return {};
-    const {
-      rowHeight,
-      initalRowHeight,
-      overscan = 100,
-      overscanTop,
-      overscanBottom
-    } = (_a2 = state.props.virtual instanceof Object ? state.props.virtual : void 0) != null ? _a2 : {};
-    let totalHeight = 0;
-    const rowHeights = itemIds2.map((itemId, index) => {
-      var _a3, _b2;
-      const h = (_b2 = (_a3 = rowHeight != null ? rowHeight : state.rowHeights.get(itemId)) != null ? _a3 : initalRowHeight) != null ? _b2 : index === 0 ? 100 : totalHeight / index;
-      totalHeight += h;
-      return h;
-    });
-    const probeOffset = relativeOffset(probeRef.current, root);
-    const headerHeight = probeRef.current.offsetTop;
-    const topOfTable = root.scrollTop - probeOffset + headerHeight;
-    const bottomOfTable = topOfTable + root.clientHeight - headerHeight;
-    let from2 = 0, to2 = itemIds2.length, before2 = 0, after2 = 0;
-    for (const h of rowHeights) {
-      if (before2 + h > topOfTable - (overscanTop != null ? overscanTop : overscan))
-        break;
-      from2++;
-      before2 += h;
-    }
-    for (const h of rowHeights.reverse()) {
-      if (after2 + h > totalHeight - bottomOfTable - (overscanBottom != null ? overscanBottom : overscan))
-        break;
-      to2--;
-      after2 += h;
-    }
-    return {
-      itemIds: itemIds2.slice(from2, to2),
-      from: from2,
-      to: to2,
-      before: before2,
-      after: after2
-    };
-  }, {
-    throttle: 16
-  });
-  const throttleScroll = (_b = (_a = typeof virtual === "boolean" ? void 0 : virtual) == null ? void 0 : _a.throttleScroll) != null ? _b : 16;
-  const incCounter = react.useMemo(() => throttle(() => setCounter((c) => c + 1), throttleScroll), [throttleScroll]);
-  react.useEffect(() => {
-    if (!virtual || !probeRef.current)
-      return;
-    window.addEventListener("scroll", incCounter, true);
-    window.addEventListener("resize", incCounter, true);
-    return () => {
-      window.removeEventListener("scroll", incCounter, true);
-      window.removeEventListener("resize", incCounter, true);
-    };
-  }, [probeRef.current, incCounter]);
-  react.useEffect(() => incCounter.cancel, [incCounter]);
-  react.useLayoutEffect(() => {
-    var _a2, _b2;
-    return (_b2 = (_a2 = table.getState().props).debugRender) == null ? void 0 : _b2.call(_a2, `Virtualalized render ${from} to ${to}`);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, props), {
-    children: [header, virtual && /* @__PURE__ */ jsxRuntime.jsx("div", {
-      style: {
-        gridColumn: "1 / -1",
-        height: before
-      },
-      ref: probeRef
-    }), children(itemIds, from), virtual && /* @__PURE__ */ jsxRuntime.jsx("div", {
-      style: {
-        gridColumn: "1 / -1",
-        height: after
-      }
-    }), footer]
-  }));
-}
-const TableContext = react.createContext(null);
-const ColumnContext = react.createContext(null);
-function useTableContext() {
-  const value = react.useContext(TableContext);
-  if (!value)
-    throw Error("No table context available");
-  return value;
-}
-function useColumnContext() {
-  const value = react.useContext(ColumnContext);
-  if (value === null)
-    throw Error("No column context available");
-  return value;
-}
-function Table(props) {
-  const table = useTableState(props);
-  react.useLayoutEffect(() => {
-    var _a, _b;
-    return (_b = (_a = table.getState().props).debugRender) == null ? void 0 : _b.call(_a, "render table");
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, {
-    value: table,
-    children: /* @__PURE__ */ jsxRuntime.jsx(TableMemoContextProvider, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(TableLoadingState, {})
-    })
-  });
-}
-function TableLoadingState() {
-  const loadingText = useTheme((t) => t.text.loading);
-  const isHydrated = useTableStateStorage();
-  const [showLoading, setShowLoading] = react.useState(false);
-  react.useEffect(() => {
-    const handle = setTimeout(() => setShowLoading(true), 500);
-    return () => clearTimeout(handle);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!isHydrated && showLoading && /* @__PURE__ */ jsxRuntime.jsx("div", {
-      children: loadingText
-    }), /* @__PURE__ */ jsxRuntime.jsx(TableInner, {
-      hidden: !isHydrated
-    })]
-  });
-}
-const TableInner = react.memo(function TableInner2({
-  hidden
-}) {
-  const table = useTableContext();
-  const fullWidth = table.useState("props.fullWidth");
-  const activeColumns = table.useState((state) => state.activeColumns.map((column) => ({
-    id: column.id,
-    width: column.width,
-    classes: column.classes
-  })));
-  const hasActiveFilters = table.useState((state) => {
-    return state.activeColumns.some((column) => {
-      const filter = state.filters.get(column.id);
-      const filterValue = state.filterValues.get(column.id);
-      return filter !== void 0 && filterValue !== void 0 && filter.isActive(filterValue);
-    });
-  });
-  const columnWidths = table.useState("columnWidths", {
-    throttle: 16
-  });
-  const hasFooter = table.useState((state) => state.activeColumns.some((column) => column.footer));
-  const classes = useTheme((theme) => theme.classes);
-  const stickyHeader = table.useState("props.stickyHeader");
-  const stickyFooter = table.useState("props.stickyFooter");
-  const enableSelection = table.useState("props.enableSelection");
-  const enableColumnSelection = table.useState("props.enableColumnSelection");
-  const enableExport = table.useState((state) => !!state.props.enableExport.copy || !!state.props.enableExport.download);
-  const cssVariables = useCssVariables();
-  const enableClearFiltersButton = table.useState("props.enableClearFiltersButton");
-  react.useLayoutEffect(() => {
-    var _a, _b;
-    return (_b = (_a = table.getState().props).debugRender) == null ? void 0 : _b.call(_a, "render table inner");
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Virtualized, {
-    className: classes == null ? void 0 : classes.table,
-    css: [cssVariables, tableTheme.defaultClasses.table, {
-      gridTemplateColumns: [
-        fullWidth === "right" || fullWidth === true ? "auto" : "0",
-        "max-content",
-        ...activeColumns.map((column) => {
-          var _a, _b;
-          return (_b = (_a = columnWidths.get(column.id)) != null ? _a : column.width) != null ? _b : "max-content";
-        }),
-        fullWidth === "left" || fullWidth === true ? "auto" : "0"
-      ].join(" ")
-    }, hidden && {
-      visibility: "hidden"
-    }],
-    header: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: classes == null ? void 0 : classes.headerCell,
-        css: [tableTheme.defaultClasses.headerFill, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader]
-      }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: classes == null ? void 0 : classes.headerCell,
-        css: [tableTheme.defaultClasses.headerCell, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
-        children: [enableSelection && /* @__PURE__ */ jsxRuntime.jsx(SelectComponent, {}), enableColumnSelection && /* @__PURE__ */ jsxRuntime.jsx(ColumnSelection, {}), enableExport && /* @__PURE__ */ jsxRuntime.jsx(Export$1, {}), /* @__PURE__ */ jsxRuntime.jsx("div", {
-          css: {
-            flex: 1
-          }
-        }), /* @__PURE__ */ jsxRuntime.jsx(ResizeHandleView, {})]
-      }), /* @__PURE__ */ jsxRuntime.jsx(ColumnHeaderContext.Provider, {
-        children: activeColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(ColumnContext.Provider, {
-          value: column.id,
-          children: /* @__PURE__ */ jsxRuntime.jsx(ColumnHeader, {})
-        }, column.id))
-      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: classes == null ? void 0 : classes.headerCell,
-        css: [tableTheme.defaultClasses.headerFill, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader]
-      })]
-    }),
-    footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [enableClearFiltersButton && hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx(ClearFiltersButton, {}), hasFooter && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: classes == null ? void 0 : classes.footerCell,
-          css: [tableTheme.defaultClasses.footerFill, stickyFooter && tableTheme.defaultClasses.stickyBottom, stickyFooter instanceof Object && stickyFooter]
-        }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: classes == null ? void 0 : classes.footerCell,
-          css: [tableTheme.defaultClasses.footerFill, stickyFooter && tableTheme.defaultClasses.stickyBottom, stickyFooter instanceof Object && stickyFooter]
-        }), activeColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(ColumnContext.Provider, {
-          value: column.id,
-          children: /* @__PURE__ */ jsxRuntime.jsx(ColumnFooter, {})
-        }, column.id)), /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: classes == null ? void 0 : classes.footerCell,
-          css: [tableTheme.defaultClasses.footerFill, stickyFooter && tableTheme.defaultClasses.stickyBottom, stickyFooter instanceof Object && stickyFooter]
-        })]
-      })]
-    }),
-    children: (itemIds, startIndex) => itemIds.map((itemId, index) => /* @__PURE__ */ jsxRuntime.jsx(Row, {
-      itemId,
-      rowIndex: startIndex + index
-    }, itemId))
-  });
-});
-const defaultColors = {
-  primary: { main: "#1976d2", light: "#42a5f5", contrastText: "#fff" },
-  secondary: { main: "#9c27b0", light: "#ba68c8", contrastText: "#fff" }
-};
-function Spinner({
-  className: className2
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: className2,
-    css: react$2.css`
-        display: inline-block;
-        position: relative;
-        width: 1em;
-        height: 1em;
-
-        div {
-          box-sizing: border-box;
-          display: block;
-          position: absolute;
-          width: 0.8em;
-          height: 0.8em;
-          margin: 0.1em;
-          border: 0.1em solid #fff;
-          border-radius: 50%;
-          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-          border-color: currentColor transparent transparent transparent;
-        }
-        div:nth-of-type(1) {
-          animation-delay: -0.45s;
-        }
-        div:nth-of-type(2) {
-          animation-delay: -0.3s;
-        }
-        div:nth-of-type(3) {
-          animation-delay: -0.15s;
-        }
-        @keyframes lds-ring {
-          0% {
-            transform: rotate(0deg);
-          }
-          100% {
-            transform: rotate(360deg);
-          }
-        }
-      `,
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {}), /* @__PURE__ */ jsxRuntime.jsx("div", {}), /* @__PURE__ */ jsxRuntime.jsx("div", {})]
-  });
-}
-const Badge = ({
-  badgeContent,
-  children
-}) => {
-  if (!open)
-    return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", {
-    css: {
-      display: "inline-flex",
-      position: "relative",
-      flexShrink: 0,
-      verticalAlign: "middle"
-    },
-    children: [children, /* @__PURE__ */ jsxRuntime.jsx("span", {
-      css: [{
-        top: 0,
-        right: 0,
-        transform: "scale(1) translate(50%, -50%)",
-        transformOrigin: "100% 0%",
-        height: 20,
-        display: "flex",
-        padding: "0 6px",
-        zIndex: 1,
-        position: "absolute",
-        flexWrap: "wrap",
-        minWidth: 20,
-        transition: "transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-        alignItems: "center",
-        lineHeight: 1,
-        alignContent: "center",
-        borderRadius: 10,
-        justifyContent: "center",
-        fontSize: "0.8em"
-      }, !badgeContent && {
-        transform: "scale(0) translate(50%, -50%)",
-        transition: "transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
-      }],
-      children: badgeContent
-    })]
-  });
-};
-const Button = (_e) => {
-  var _f = _e, {
-    startIcon,
-    children,
-    variant = "text"
-  } = _f, props = __objRest(_f, [
-    "startIcon",
-    "children",
-    "variant"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", __spreadProps(__spreadValues({
-    css: [{
-      padding: `var(--spacing) calc(var(--spacing) * 2)`,
-      display: "inline-flex",
-      alignItems: "center",
-      transition: "background-color 150ms",
-      border: "none",
-      cursor: "pointer",
-      background: "transparent",
-      borderRadius: 4,
-      "&:active:not(:disabled)": {
-        transform: "scale3d(0.95, 0.95, 1)"
-      }
-    }, variant === "text" && {
-      "&:hover": {
-        background: "rgba(0, 0, 0, 0.1)"
-      }
-    }, variant === "outlined" && {
-      border: `1px solid ${tableTheme.darkGray}`,
-      "&:disabled": {
-        borderColor: tableTheme.lightGray
-      }
-    }, variant === "contained" && {
-      color: "var(--primaryContrastText)",
-      backgroundColor: "var(--primaryMain)",
-      boxShadow: "0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%)",
-      "&:hover": {
-        filter: "brightness(0.9)"
-      },
-      "&:disabled": {
-        filter: "grayscale()",
-        opacity: 0.5
-      }
-    }]
-  }, props), {
-    children: [startIcon && /* @__PURE__ */ jsxRuntime.jsx("span", {
-      css: {
-        marginRight: `calc(var(--spacing) * 2)`
-      },
-      children: startIcon
-    }), /* @__PURE__ */ jsxRuntime.jsx("span", {
-      children
-    })]
-  }));
-};
-const Checkbox = (_g) => {
-  var _h = _g, {
-    className: className2
-  } = _h, props = __objRest(_h, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", {
-    css: [{
-      padding: "calc(var(--spacing) * 1.8)",
-      display: "flex",
-      color: "currentcolor",
-      userSelect: "none",
-      "& input": {
-        appearance: "none",
-        margin: 0
-      }
-    }, props.disabled && {
-      color: "rgba(0, 0, 0, 0.26)"
-    }],
-    className: className2,
-    children: [/* @__PURE__ */ jsxRuntime.jsx("input", __spreadValues({
-      type: "checkbox"
-    }, props)), props.checked ? /* @__PURE__ */ jsxRuntime.jsx("svg", {
-      css: {
-        fontSize: "1.25rem",
-        width: "1em",
-        height: "1em",
-        fill: "var(--primaryMain)"
-      },
-      focusable: "false",
-      viewBox: "0 0 24 24",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-      })
-    }) : /* @__PURE__ */ jsxRuntime.jsx("svg", {
-      css: {
-        fontSize: "1.25rem",
-        width: "1em",
-        height: "1em",
-        fill: "currentColor"
-      },
-      focusable: "false",
-      viewBox: "0 0 24 24",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-      })
-    })]
-  });
-};
-const IconButton = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", __spreadValues({
-    css: {
-      padding: "var(--spacing)",
-      borderRadius: "50%",
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      transition: "background-color 150ms",
-      border: "none",
-      cursor: "pointer",
-      color: "inherit",
-      background: "transparent",
-      "&:hover": {
-        backgroundColor: "rgba(0, 0, 0, 0.04)"
-      },
-      "&:active": {
-        transformColor: "scale3d(0.95, 0.95, 1)"
-      }
-    }
-  }, props));
-};
-const TextField = (_i) => {
-  var _j = _i, {
-    endIcon,
-    className: className2,
-    inputRef
-  } = _j, props = __objRest(_j, [
-    "endIcon",
-    "className",
-    "inputRef"
-  ]);
-  var _a;
-  const [focus, setFocus] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: className2,
-    css: {
-      display: "flex"
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsxs("span", {
-      css: [{
-        flex: 1,
-        display: "flex",
-        alignItems: "center",
-        border: `1px solid ${tableTheme.darkGray}`,
-        borderRadius: 4
-      }, focus && {
-        border: "2px solid var(--primaryMain)",
-        margin: -1
-      }],
-      children: [/* @__PURE__ */ jsxRuntime.jsx("input", __spreadProps(__spreadValues({
-        ref: inputRef
-      }, props), {
-        value: (_a = props.value) != null ? _a : "",
-        onFocus: () => setFocus(true),
-        onBlur: () => setFocus(false),
-        css: {
-          flex: 1,
-          border: "none",
-          outline: "none",
-          borderRadius: 4,
-          padding: "calc(var(--spacing) * 2)",
-          paddingRight: 0,
-          transition: "outline 500ms"
-        }
-      })), endIcon]
-    })
-  });
-};
-const defaultComponents = {
-  IconButton,
-  Checkbox,
-  Popover: tableTheme.Popover,
-  Button,
-  Badge,
-  TextField,
-  Spinner
-};
-const IconDefaultStyle = react$2.css({
-  width: "1.5em",
-  height: "1.5em",
-  color: "inherit"
-});
-function Icon(svg) {
-  return (props) => /* @__PURE__ */ jsxRuntime.jsx(react$2.ClassNames, {
-    children: ({
-      css: css2
-    }) => react.cloneElement(svg, __spreadProps(__spreadValues({}, props), {
-      className: css2(IconDefaultStyle, props.className)
-    }))
-  });
-}
-const Settings = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z"
-  })]
-}));
-const Export = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  enableBackground: "new 0 0 24 24",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("g", {
-    children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
-      fill: "none",
-      height: "24",
-      width: "24"
-    })
-  }), /* @__PURE__ */ jsxRuntime.jsx("g", {
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-      d: "M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"
-    })
-  })]
-}));
-const Clipboard = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"
-  })]
-}));
-const ChevronRight = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"
-  })]
-}));
-const Search = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
-  })]
-}));
-const Clear = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-  })]
-}));
-const ArrowDropDown = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M7 10l5 5 5-5H7z"
-  })]
-}));
-const FilterList = Icon(/* @__PURE__ */ jsxRuntime.jsx("svg", {
-  viewBox: "0 0 24 24",
-  children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-    fill: "currentColor",
-    d: "M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z"
-  })
-}));
-const ArrowUpward = Icon(/* @__PURE__ */ jsxRuntime.jsxs("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24px",
-  viewBox: "0 0 24 24",
-  width: "24px",
-  fill: "currentColor",
-  children: [/* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M0 0h24v24H0V0z",
-    fill: "none"
-  }), /* @__PURE__ */ jsxRuntime.jsx("path", {
-    d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
-  })]
-}));
-const defaultIcons = {
-  Settings,
-  Export,
-  Clipboard,
-  ChevronRight,
-  Search,
-  Clear,
-  ArrowDropDown,
-  FilterList,
-  ArrowUpward
-};
-const defaultTexts = {
-  selectColumns: "Select visible columns",
-  noResults: "No results",
-  exportTitle: "Export",
-  exportCopy: "To clipboard",
-  exportDownload: "Download",
-  today: "Today",
-  thisWeek: "This week",
-  clearFilters: "Clear all filters",
-  reset: "Reset",
-  loading: "Loading",
-  deselectAll: "Deselect all"
-};
-const defaultTableTheme = {
-  text: defaultTexts,
-  components: defaultComponents,
-  icons: defaultIcons,
-  colors: defaultColors,
-  spacing: "5px"
-};
-const emptyStore = new react$1.Store(void 0);
-function useTheme(selector) {
-  var _a, _b;
-  const contextTableTheme = react.useContext(tableTheme.TableThemeContext);
-  const table = react.useContext(TableContext);
-  const columnId = react.useContext(ColumnContext);
-  const memo = useTableMemo();
-  const process = (t) => {
-    var _a2;
-    const cell = (_a2 = t.classes) == null ? void 0 : _a2.cell;
-    return __spreadProps(__spreadValues({}, t), {
-      classes: __spreadProps(__spreadValues({}, t.classes), {
-        cell: cell instanceof Function || Array.isArray(cell) ? memo("theme.classes.cell", cell) : cell
-      }),
-      text: __spreadValues({}, t.text)
-    });
-  };
-  const theme = (_b = (_a = table == null ? void 0 : table.useState((state) => {
-    const localTheme = {
-      text: state.props.text,
-      classes: state.props.classes,
-      components: state.props.components,
-      icons: state.props.icons,
-      colors: state.props.colors,
-      spacing: state.props.spacing
-    };
-    const column = state.activeColumns.find((column2) => column2.id === columnId);
-    const columnsTheme = {
-      classes: column == null ? void 0 : column.classes
-    };
-    const theme2 = tableTheme.mergeThemes(defaultTableTheme, tableTheme.globalTableTheme, contextTableTheme, localTheme, columnsTheme);
-    return selector(process(theme2));
-  })) != null ? _a : emptyStore.useState()) != null ? _b : selector(process(tableTheme.mergeThemes(defaultTableTheme, tableTheme.globalTableTheme, contextTableTheme)));
-  return theme;
-}
-function AutoFocusTextField(props) {
-  const TextField2 = useTheme((t) => t.components.TextField);
-  const ref = react.useRef(null);
-  const {
-    visible
-  } = react.useContext(tableTheme.PopoverContext);
-  react.useLayoutEffect(() => {
-    if (visible && ref.current) {
-      ref.current.focus();
-    }
-  }, [visible]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TextField2, __spreadProps(__spreadValues({}, props), {
-    inputRef: ref
-  }));
-}
-const className = "schummar-table-date-input";
-const defaultDate = new Date(1970, 0, 1);
-const isIncludedType = (type) => type === "day" || type === "month" || type === "year";
-const defaultLengths = {
-  day: 2,
-  month: 2,
-  year: 4
-};
-const maxLengths = {
-  day: 2,
-  month: 2,
-  year: Infinity
-};
-const length = (type, value) => Math.max(value.length, defaultLengths[type]);
-const tabNext = (e) => {
-  const all = Array.from(document.querySelectorAll(`.${className}`));
-  const index = all.indexOf(e);
-  const next = all[(index + 1) % all.length];
-  if (next instanceof HTMLElement) {
-    next.focus();
-  }
-};
-function DateInput({
-  value,
-  onChange,
-  locale
-}) {
-  const [override, setOverride] = react.useState();
-  const commit = () => {
-    if (!override) {
-      return;
-    }
-    setOverride(void 0);
-    if (!override.value) {
-      onChange(null);
-      return;
-    }
-    const newValue = value ? new Date(value) : new Date();
-    if (override.type === "day") {
-      newValue.setDate(Number(override.value));
-    } else if (override.type === "month") {
-      newValue.setMonth(Number(override.value) - 1);
-    } else if (override.type === "year") {
-      newValue.setFullYear(Number(override.value));
-    }
-    onChange(newValue);
-  };
-  const format = react.useMemo(() => new Intl.DateTimeFormat(locale, {
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric"
-  }), [locale]);
-  const parts = format.formatToParts(value != null ? value : defaultDate);
-  const isEmpty = !value;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    css: {
-      display: "flex",
-      alignItems: "baseline"
-    },
-    children: parts.map(({
-      type,
-      value: value2
-    }, index) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, {
-      children: isIncludedType(type) ? /* @__PURE__ */ jsxRuntime.jsx("input", {
-        className,
-        css: {
-          width: `${length(type, value2)}ch`,
-          boxSizing: "content-box",
-          overflow: "visible",
-          border: "none",
-          borderBottom: "2px solid transparent",
-          outline: "none",
-          fontSize: "inherit",
-          "&:focus": {
-            borderBottom: "2px solid var(--primaryMain)"
-          }
-        },
-        placeholder: "".padEnd(length(type, value2), "0"),
-        value: (override == null ? void 0 : override.type) === type ? override.value : !isEmpty ? value2 : "",
-        onChange: (e) => {
-          setOverride({
-            type,
-            value: e.target.value
-          });
-          if (e.target.value.length >= maxLengths[type]) {
-            setTimeout(() => tabNext(e.target));
-          }
-        },
-        onFocus: (e) => e.target.select(),
-        onBlur: commit
-      }) : type === "literal" ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-        children: value2
-      }) : null
-    }, index))
-  });
-}
-const weekDays = [0, 1, 2, 3, 4, 5, 6];
-const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
-const endOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1, 0, 0, 0, -1);
-const today = () => {
-  const today2 = startOfDay(new Date());
-  return {
-    min: today2,
-    max: today2
-  };
-};
-const thisWeek = (firstDayOfWeek = 0) => {
-  const now = new Date();
-  const min = new Date(now);
-  let diff = min.getDay() - firstDayOfWeek;
-  if (diff < 0) {
-    diff += 7;
-  }
-  min.setDate(min.getDate() - diff);
-  const max = new Date(min);
-  max.setDate(max.getDate() + 6);
-  return {
-    min: startOfDay(min),
-    max: endOfDay(max)
-  };
-};
-function dateIntersect(a, b) {
-  if (a instanceof Date) {
-    a = {
-      min: a,
-      max: a
-    };
-  }
-  if (b instanceof Date) {
-    b = {
-      min: b,
-      max: b
-    };
-  }
-  if (!(a == null ? void 0 : a.min) || !a.max || !(b == null ? void 0 : b.min) || !b.max) {
-    return false;
-  }
-  return !(endOfDay(a.max) < startOfDay(b.min) || startOfDay(a.min) > endOfDay(b.max));
-}
-function DatePicker({
-  value,
-  onChange,
-  rangeSelect,
-  locale,
-  firstDayOfWeek = 0
-}) {
-  const Button2 = useTheme((t) => t.components.Button);
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const ChevronRight2 = useTheme((t) => t.icons.ChevronRight);
-  const textToday = useTheme((t) => t.text.today);
-  const textThisWeek = useTheme((t) => t.text.thisWeek);
-  const textReset = useTheme((t) => t.text.reset);
-  const cssVariables = useCssVariables();
-  const [baseDate] = react.useState(new Date());
-  const [dateInView, setDateInView] = react.useState(baseDate);
-  const [dirty, setDirty] = react.useState();
-  const [hovered, setHovered] = react.useState();
-  const min = dirty ? dirty.min : value instanceof Date ? value : value == null ? void 0 : value.min;
-  const max = dirty ? dirty.max : value instanceof Date ? value : value == null ? void 0 : value.max;
-  const {
-    calendars,
-    getBackProps,
-    getForwardProps,
-    getDateProps
-  } = dayzed.useDayzed({
-    onDateSelected: () => void 0,
-    firstDayOfWeek,
-    showOutsideDays: true,
-    date: dateInView,
-    onOffsetChanged: (offset) => setDateInView(new Date(dateInView.getFullYear(), dateInView.getMonth() + offset)),
-    offset: 0
-  });
-  const formatWeekday = react.useMemo(() => {
-    const {
-      format
-    } = new Intl.DateTimeFormat(locale, {
-      weekday: "short"
-    });
-    return (weekDay) => format(new Date(Date.UTC(2021, 5, weekDay)));
-  }, [locale]);
-  react.useEffect(() => setDateInView(value === null ? new Date() : value instanceof Date ? value : value.max), [value]);
-  react.useEffect(() => {
-    if (!rangeSelect) {
-      setDirty(void 0);
-    }
-  }, [rangeSelect]);
-  function set(min2, max2, edit) {
-    if (!rangeSelect) {
-      onChange(min2 != null ? min2 : null);
-      return;
-    }
-    if (min2 && max2 && min2 > max2) {
-      if (edit === "min") {
-        max2 = min2;
-      } else if (edit === "max") {
-        min2 = max2;
-      } else {
-        [min2, max2] = [max2, min2];
-      }
-    }
-    if (!min2 === !max2) {
-      setDirty(void 0);
-      onChange(min2 && max2 ? {
-        min: min2,
-        max: max2
-      } : null);
-    } else {
-      setDirty({
-        min: min2,
-        max: max2
-      });
-    }
-  }
-  const formatMonth = react.useMemo(() => {
-    const {
-      format
-    } = new Intl.DateTimeFormat(locale, {
-      month: "long"
-    });
-    return (month) => format(new Date(2021, month));
-  }, [locale]);
-  const formatYear = react.useMemo(() => {
-    const {
-      format
-    } = new Intl.DateTimeFormat(locale, {
-      year: "numeric"
-    });
-    return (year) => format(new Date(year, 0, 1));
-  }, [locale]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    css: cssVariables,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
-      css: {
-        display: "grid",
-        gridAutoFlow: "column",
-        justifyContent: "center",
-        alignItems: "baseline",
-        gap: "var(--spacing)"
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(DateInput, {
-        value: min != null ? min : null,
-        onChange: (date) => set(date != null ? date : void 0, max, "min"),
-        locale
-      }), rangeSelect && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [" - ", /* @__PURE__ */ jsxRuntime.jsx(DateInput, {
-          value: max != null ? max : null,
-          onChange: (date) => set(min, date != null ? date : void 0, "max"),
-          locale
-        })]
-      })]
-    }), calendars.map(({
-      month,
-      year,
-      weeks
-    }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      css: {
-        display: "grid"
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
-        css: {
-          margin: "calc(var(--spacing) * 4) 0",
-          display: "grid",
-          gridAutoFlow: "column",
-          justifyContent: "space-between",
-          alignItems: "center"
-        },
-        children: [/* @__PURE__ */ jsxRuntime.jsx(IconButton2, __spreadProps(__spreadValues({}, getBackProps({
-          calendars
-        })), {
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight2, {
-            css: {
-              transform: "rotate3d(0, 0, 1, 180deg)"
-            }
-          })
-        })), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          css: {
-            display: "flex"
-          },
-          children: [formatMonth(month), " ", formatYear(year)]
-        }), /* @__PURE__ */ jsxRuntime.jsx(IconButton2, __spreadProps(__spreadValues({}, getForwardProps({
-          calendars
-        })), {
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight2, {})
-        }))]
-      }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        css: {
-          justifySelf: "center",
-          display: "grid",
-          gridTemplateColumns: "repeat(7, max-content)",
-          fontWeight: "bold"
-        },
-        children: [weekDays.map((_v, weekDay) => /* @__PURE__ */ jsxRuntime.jsx("div", {
-          css: {
-            justifySelf: "center",
-            marginBottom: "var(--spacing)"
-          },
-          children: formatWeekday(weekDay)
-        }, weekDay)), weeks.map((week, index) => week.map((dateObj, dayIndex) => {
-          if (!dateObj) {
-            return /* @__PURE__ */ jsxRuntime.jsx("div", {});
-          }
-          const {
-            prevMonth,
-            nextMonth,
-            date,
-            today: today2
-          } = dateObj;
-          const selected = date.getTime() === (min == null ? void 0 : min.getTime()) || min && max && dateIntersect(date, {
-            min,
-            max
-          });
-          const preSelected = !selected && (date.getTime() === (hovered == null ? void 0 : hovered.getTime()) || min && !max && hovered && dateIntersect(date, min <= hovered ? {
-            min,
-            max: hovered
-          } : {
-            min: hovered,
-            max: min
-          }));
-          return /* @__PURE__ */ jsxRuntime.jsx("button", __spreadProps(__spreadValues({
-            css: [{
-              padding: 10,
-              border: "1px solid transparent",
-              background: "transparent",
-              cursor: "pointer"
-            }, (prevMonth || nextMonth) && {
-              color: tableTheme.gray
-            }, today2 && {
-              border: "1px solid var(--secondaryMain)"
-            }, selected && {
-              background: "var(--primaryMain)",
-              color: "var(--primaryContrastText)"
-            }, preSelected && {
-              background: "var(--primaryLight)",
-              color: "var(--primaryContrastText)"
-            }]
-          }, getDateProps({
-            dateObj
-          })), {
-            onClick: () => {
-              if (dirty) {
-                if (min)
-                  set(min, date);
-                else
-                  set(date, max);
-              } else {
-                set(date);
-              }
-            },
-            onPointerOver: () => setHovered(date),
-            onPointerOut: () => setHovered(void 0),
-            children: date.getDate()
-          }), `${index}-${dayIndex}`);
-        }))]
-      })]
-    }, `${month}${year}`)), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      css: {
-        marginTop: "var(--spacing)",
-        display: "grid",
-        gridAutoFlow: "column",
-        justifyContent: "center"
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Button2, {
-        variant: "text",
-        onClick: () => {
-          setDirty(void 0);
-          onChange(today());
-        },
-        children: textToday
-      }), /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-        variant: "text",
-        onClick: () => {
-          setDirty(void 0);
-          onChange(thisWeek(firstDayOfWeek));
-        },
-        children: textThisWeek
-      }), /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-        variant: "text",
-        onClick: () => {
-          setDirty(void 0);
-          onChange(null);
-        },
-        children: textReset
-      })]
-    })]
-  });
-}
-function convertDate(x) {
-  if (x instanceof Date)
-    return x;
-  if (typeof x === "number" || typeof x === "string")
-    return new Date(x);
-  return null;
-}
-function convertDateOrRange(x) {
-  if (x instanceof Object && "min" in x && "max" in x) {
-    const range = {
-      min: convertDate(x.min),
-      max: convertDate(x.max)
-    };
-    return range.min && range.max ? range : null;
-  }
-  return convertDate(x);
-}
-function convertDateOrArray(x) {
-  if (x instanceof Array)
-    return x.map(convertDateOrRange).filter(Boolean);
-  return convertDateOrRange(x);
-}
-function DateFilter(_k) {
-  var _l = _k, {
-    locale,
-    firstDayOfWeek,
-    singleSelect,
-    filterBy = convertDateOrArray
-  } = _l, props = __objRest(_l, [
-    "locale",
-    "firstDayOfWeek",
-    "singleSelect",
-    "filterBy"
-  ]);
-  const {
-    value = null,
-    onChange
-  } = useFilter(__spreadProps(__spreadValues({}, props), {
-    filterBy,
-    id: "dateFilter",
-    isActive(filterValue) {
-      return !!filterValue;
-    },
-    test(filterValue, value2) {
-      return dateIntersect(filterValue, value2);
-    }
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    css: {
-      padding: "calc(var(--spacing) * 2)",
-      display: "grid"
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(DatePicker, {
-      rangeSelect: !singleSelect,
-      value,
-      onChange,
-      locale,
-      firstDayOfWeek
-    })
-  });
-}
-function toggle(set, value, singleSelect) {
-  const newSet = new Set(singleSelect ? [] : set);
-  if (set.has(value)) {
-    newSet.delete(value);
-  } else {
-    newSet.add(value);
-  }
-  return newSet;
-}
-function SelectFilter(_m) {
-  var _n = _m, {
-    options: providedOptions,
-    stringValue = asString,
-    render = stringValue,
-    singleSelect
-  } = _n, props = __objRest(_n, [
-    "options",
-    "stringValue",
-    "render",
-    "singleSelect"
-  ]);
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const Checkbox2 = useTheme((t) => t.components.Checkbox);
-  const Search2 = useTheme((t) => t.icons.Search);
-  const Clear2 = useTheme((t) => t.icons.Clear);
-  const deselectAll = useTheme((t) => t.text.deselectAll);
-  const noResults = useTheme((t) => t.text.noResults);
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const {
-    value = /* @__PURE__ */ new Set(),
-    onChange,
-    filterBy
-  } = useFilter(__spreadProps(__spreadValues({}, props), {
-    id: "selectFilter",
-    isActive(filterValue) {
-      return filterValue.size > 0;
-    },
-    test(filterValue, value2) {
-      return filterValue.has(value2);
-    }
-  }));
-  const options = table.useState((state) => {
-    if (providedOptions)
-      return uniq(providedOptions);
-    const column = state.activeColumns.find((column2) => column2.id === columnId);
-    if (!column)
-      return [];
-    return uniq(flatMap(state.items, (item) => castArray(filterBy(column.value(item.value), item.value))));
-  });
-  const [query, setQuery] = react.useState("");
-  const filtered = options.filter((option) => !query || stringValue(option).toLowerCase().includes(query.toLowerCase()));
-  const Button2 = useTheme((t) => t.components.Button);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    css: {
-      padding: "calc(var(--spacing) * 2)",
-      display: "grid",
-      gap: "var(--spacing)"
-    },
-    children: [/* @__PURE__ */ jsxRuntime.jsx(AutoFocusTextField, {
-      value: query,
-      onChange: (e) => setQuery(e.target.value),
-      endIcon: /* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
-        onClick: () => setQuery(""),
-        children: !query ? /* @__PURE__ */ jsxRuntime.jsx(Search2, {}) : /* @__PURE__ */ jsxRuntime.jsx(Clear2, {})
-      }),
-      css: {
-        marginBottom: "var(--spacing)"
-      }
-    }), /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-      disabled: !(value.size > 0),
-      onClick: () => onChange(/* @__PURE__ */ new Set()),
-      variant: "outlined",
-      css: {
-        justifyContent: "center",
-        width: "100%",
-        marginBottom: "var(--spacing)"
-      },
-      children: deselectAll
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      css: {
-        maxHeight: "20em",
-        overflowY: "auto"
-      },
-      children: filtered.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(FormControlLabel, {
-        control: /* @__PURE__ */ jsxRuntime.jsx(Checkbox2, {
-          checked: value.has(option),
-          onChange: () => onChange(toggle(value, option, singleSelect))
-        }),
-        label: render(option)
-      }, index))
-    }), filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", {
-      css: {
-        textAlign: "center"
-      },
-      children: noResults
-    })]
-  });
-}
-function debounce(fn, ms) {
-  let lastArgs;
-  let timeout;
-  function run() {
-    const args = lastArgs;
-    lastArgs = void 0;
-    timeout = void 0;
-    fn(...args);
-  }
-  return Object.assign(function(...args) {
-    lastArgs = args;
-    if (timeout) {
-      clearTimeout(timeout);
-    }
-    timeout = setTimeout(run, ms);
-  }, {
-    flush() {
-      if (timeout) {
-        clearTimeout(timeout);
-        run();
-      }
-    }
-  });
-}
-function useFilter(impl) {
-  const table = useTableContext();
-  const columnId = useColumnContext();
-  const cache = useTableMemo();
-  const filterBy = impl.filterBy && cache("", impl.filterBy);
-  react.useEffect(() => {
-    table.update((state) => {
-      if (impl.defaultValue !== void 0) {
-        state.filterValues.set(columnId, impl.defaultValue);
-      }
-    });
-  }, []);
-  react.useEffect(() => {
-    table.update((state) => {
-      state.filters.set(columnId, immer.castDraft(__spreadProps(__spreadValues({}, impl), { filterBy })));
-      if (impl.value !== void 0) {
-        state.filterValues.set(columnId, impl.value);
-      }
-    });
-    return () => {
-      table.update((state) => {
-        state.filters.delete(columnId);
-      });
-    };
-  }, [table, columnId, impl]);
-  const value = table.useState((state) => state.filterValues.get(columnId));
-  const [dirtyValue, setDirtyValue] = react.useState();
-  const implRef = react.useRef(impl);
-  react.useLayoutEffect(() => {
-    implRef.current = impl;
-  });
-  const delayedUpdate = react.useMemo(() => debounce((value2) => {
-    const { value: controlledValue, onChange: onChange2 } = implRef.current;
-    if (controlledValue === void 0) {
-      table.update((state) => {
-        state.filterValues.set(columnId, value2);
-      });
-    }
-    onChange2 == null ? void 0 : onChange2(value2);
-    setDirtyValue(void 0);
-  }, 500), [table]);
-  function onChange(value2) {
-    setDirtyValue(value2);
-    delayedUpdate(value2);
-  }
-  react.useEffect(() => delayedUpdate.flush(), [delayedUpdate]);
-  return {
-    value: dirtyValue != null ? dirtyValue : value,
-    onChange,
-    close: react.useContext(FilterControlContext),
-    filterBy: filterBy != null ? filterBy : (x) => x
-  };
-}
-const textMatch = (text, query) => {
-  text = text.toLowerCase();
-  query = query.toLowerCase();
-  return query.split(/\s+/).every((part) => termMatch(text, part));
-};
-const termMatch = (text, query) => {
-  let i = 0;
-  outer:
-    for (const char of query) {
-      for (; i < text.length; i++) {
-        if (text[i] === char) {
-          i++;
-          continue outer;
-        }
-      }
-      return false;
-    }
-  return true;
-};
-function TextFilter(_o) {
-  var _p = _o, {
-    compare = textMatch,
-    filterBy = asStringOrArray
-  } = _p, props = __objRest(_p, [
-    "compare",
-    "filterBy"
-  ]);
-  const IconButton2 = useTheme((t) => t.components.IconButton);
-  const Search2 = useTheme((t) => t.icons.Search);
-  const Clear2 = useTheme((t) => t.icons.Clear);
-  const {
-    value = "",
-    onChange
-  } = useFilter(__spreadProps(__spreadValues({}, props), {
-    filterBy,
-    id: "textFilter",
-    isActive(filterValue) {
-      return !!filterValue;
-    },
-    test(filterValue, value2) {
-      return compare(value2, filterValue);
-    }
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    css: {
-      padding: `calc(var(--spacing) * 2)`,
-      display: "grid"
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(AutoFocusTextField, {
-      value,
-      onChange: (e) => onChange(e.target.value),
-      endIcon: /* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
-        onClick: () => onChange(""),
-        children: !value ? /* @__PURE__ */ jsxRuntime.jsx(Search2, {}) : /* @__PURE__ */ jsxRuntime.jsx(Clear2, {})
-      })
-    })
-  });
-}
-exports.TableThemeContext = tableTheme.TableThemeContext;
-exports.TableThemeProvider = tableTheme.TableThemeProvider;
-exports.configureTableTheme = tableTheme.configureTableTheme;
-exports.mergeThemes = tableTheme.mergeThemes;
-exports.AutoFocusTextField = AutoFocusTextField;
-exports.ColumnContext = ColumnContext;
-exports.DateFilter = DateFilter;
-exports.DatePicker = DatePicker;
-exports.SelectFilter = SelectFilter;
-exports.Table = Table;
-exports.TableContext = TableContext;
-exports.TextFilter = TextFilter;
-exports.dateIntersect = dateIntersect;
-exports.endOfDay = endOfDay;
-exports.startOfDay = startOfDay;
-exports.termMatch = termMatch;
-exports.textMatch = textMatch;
-exports.useColumnContext = useColumnContext;
-exports.useFilter = useFilter;
-exports.useTableContext = useTableContext;
-exports.useTheme = useTheme;
-//# sourceMappingURL=index.js.map