@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/Table/SelectBar.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index = require("../ActionBar/index.cjs");
+const TableContext = require("./TableContext.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledActionBar = /* @__PURE__ */ _styled__default.default(index.ActionBar, process.env.NODE_ENV === "production" ? {
+  target: "esnuyll1"
+} : {
+  target: "esnuyll1",
+  label: "StyledActionBar"
+})("display:flex;align-items:center;padding:0 ", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBY3Rpb25CYXIgfSBmcm9tICcuLi9BY3Rpb25CYXInXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQWN0aW9uQmFyID0gc3R5bGVkKEFjdGlvbkJhcilgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgRmxleERpdiA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG5gXG5cbnR5cGUgU2VsZWN0QmFyUHJvcHM8VD4gPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogKHA6IHsgc2VsZWN0ZWRJdGVtczogVFtdOyB1bnNlbGVjdEFsbDogKCkgPT4gdm9pZCB9KSA9PiBSZWFjdE5vZGVcbiAgZGF0YTogVFtdXG4gIC8qKlxuICAgKiBUaGUgaWRLZXkgb2YgZWFjaCBkYXRhIGVudHJ5XG4gICAqICovXG4gIGlkS2V5OiBrZXlvZiBUXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RCYXI8VD4oe1xuICBjaGlsZHJlbixcbiAgZGF0YSxcbiAgaWRLZXksXG4gIGNsYXNzTmFtZSxcbn06IFNlbGVjdEJhclByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRSb3dJZHMsIHVuc2VsZWN0QWxsIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRhdGEuZmlsdGVyKGl0ZW0gPT4gc2VsZWN0ZWRSb3dJZHNbaXRlbVtpZEtleV0gYXMgc3RyaW5nXSksXG4gICAgW2RhdGEsIGlkS2V5LCBzZWxlY3RlZFJvd0lkc10sXG4gIClcblxuICBpZiAoc2VsZWN0ZWRJdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWN0aW9uQmFyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxGbGV4RGl2PlxuICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgICAgICAgdW5zZWxlY3RBbGwsXG4gICAgICAgIH0pfVxuICAgICAgPC9GbGV4RGl2PlxuICAgIDwvU3R5bGVkQWN0aW9uQmFyPlxuICApXG59XG4iXX0= */"));
+const FlexDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "esnuyll0"
+} : {
+  target: "esnuyll0",
+  label: "FlexDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBY3Rpb25CYXIgfSBmcm9tICcuLi9BY3Rpb25CYXInXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQWN0aW9uQmFyID0gc3R5bGVkKEFjdGlvbkJhcilgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgRmxleERpdiA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG5gXG5cbnR5cGUgU2VsZWN0QmFyUHJvcHM8VD4gPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogKHA6IHsgc2VsZWN0ZWRJdGVtczogVFtdOyB1bnNlbGVjdEFsbDogKCkgPT4gdm9pZCB9KSA9PiBSZWFjdE5vZGVcbiAgZGF0YTogVFtdXG4gIC8qKlxuICAgKiBUaGUgaWRLZXkgb2YgZWFjaCBkYXRhIGVudHJ5XG4gICAqICovXG4gIGlkS2V5OiBrZXlvZiBUXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RCYXI8VD4oe1xuICBjaGlsZHJlbixcbiAgZGF0YSxcbiAgaWRLZXksXG4gIGNsYXNzTmFtZSxcbn06IFNlbGVjdEJhclByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRSb3dJZHMsIHVuc2VsZWN0QWxsIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRhdGEuZmlsdGVyKGl0ZW0gPT4gc2VsZWN0ZWRSb3dJZHNbaXRlbVtpZEtleV0gYXMgc3RyaW5nXSksXG4gICAgW2RhdGEsIGlkS2V5LCBzZWxlY3RlZFJvd0lkc10sXG4gIClcblxuICBpZiAoc2VsZWN0ZWRJdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWN0aW9uQmFyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxGbGV4RGl2PlxuICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgICAgICAgdW5zZWxlY3RBbGwsXG4gICAgICAgIH0pfVxuICAgICAgPC9GbGV4RGl2PlxuICAgIDwvU3R5bGVkQWN0aW9uQmFyPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function SelectBar({
+  children,
+  data,
+  idKey,
+  className
+}) {
+  const {
+    selectedRowIds,
+    unselectAll
+  } = TableContext.useTableContext();
+  const selectedItems = React.useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [data, idKey, selectedRowIds]);
+  if (selectedItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledActionBar, { className, children: /* @__PURE__ */ jsxRuntime.jsx(FlexDiv, { children: children({
+    selectedItems,
+    unselectAll
+  }) }) });
+}
+exports.SelectBar = SelectBar;

package/dist/components/Table/SelectBar.js

@@ -1,27 +1,44 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { useMemo } from "react";
 import { ActionBar } from "../ActionBar/index.js";
 import { useTableContext } from "./TableContext.js";
-const StyledActionBar = styled(ActionBar)`
-  display: flex;
-  align-items: center;
-  padding: 0 ${({ theme }) => theme.space["1"]};
-`;
-const FlexDiv = styled.div`
-  flex: 1;
-`;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledActionBar = /* @__PURE__ */ _styled(ActionBar, process.env.NODE_ENV === "production" ? {
+  target: "esnuyll1"
+} : {
+  target: "esnuyll1",
+  label: "StyledActionBar"
+})("display:flex;align-items:center;padding:0 ", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBY3Rpb25CYXIgfSBmcm9tICcuLi9BY3Rpb25CYXInXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQWN0aW9uQmFyID0gc3R5bGVkKEFjdGlvbkJhcilgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgRmxleERpdiA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG5gXG5cbnR5cGUgU2VsZWN0QmFyUHJvcHM8VD4gPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogKHA6IHsgc2VsZWN0ZWRJdGVtczogVFtdOyB1bnNlbGVjdEFsbDogKCkgPT4gdm9pZCB9KSA9PiBSZWFjdE5vZGVcbiAgZGF0YTogVFtdXG4gIC8qKlxuICAgKiBUaGUgaWRLZXkgb2YgZWFjaCBkYXRhIGVudHJ5XG4gICAqICovXG4gIGlkS2V5OiBrZXlvZiBUXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RCYXI8VD4oe1xuICBjaGlsZHJlbixcbiAgZGF0YSxcbiAgaWRLZXksXG4gIGNsYXNzTmFtZSxcbn06IFNlbGVjdEJhclByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRSb3dJZHMsIHVuc2VsZWN0QWxsIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRhdGEuZmlsdGVyKGl0ZW0gPT4gc2VsZWN0ZWRSb3dJZHNbaXRlbVtpZEtleV0gYXMgc3RyaW5nXSksXG4gICAgW2RhdGEsIGlkS2V5LCBzZWxlY3RlZFJvd0lkc10sXG4gIClcblxuICBpZiAoc2VsZWN0ZWRJdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWN0aW9uQmFyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxGbGV4RGl2PlxuICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgICAgICAgdW5zZWxlY3RBbGwsXG4gICAgICAgIH0pfVxuICAgICAgPC9GbGV4RGl2PlxuICAgIDwvU3R5bGVkQWN0aW9uQmFyPlxuICApXG59XG4iXX0= */"));
+const FlexDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esnuyll0"
+} : {
+  target: "esnuyll0",
+  label: "FlexDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBY3Rpb25CYXIgfSBmcm9tICcuLi9BY3Rpb25CYXInXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQWN0aW9uQmFyID0gc3R5bGVkKEFjdGlvbkJhcilgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgRmxleERpdiA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG5gXG5cbnR5cGUgU2VsZWN0QmFyUHJvcHM8VD4gPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogKHA6IHsgc2VsZWN0ZWRJdGVtczogVFtdOyB1bnNlbGVjdEFsbDogKCkgPT4gdm9pZCB9KSA9PiBSZWFjdE5vZGVcbiAgZGF0YTogVFtdXG4gIC8qKlxuICAgKiBUaGUgaWRLZXkgb2YgZWFjaCBkYXRhIGVudHJ5XG4gICAqICovXG4gIGlkS2V5OiBrZXlvZiBUXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RCYXI8VD4oe1xuICBjaGlsZHJlbixcbiAgZGF0YSxcbiAgaWRLZXksXG4gIGNsYXNzTmFtZSxcbn06IFNlbGVjdEJhclByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRSb3dJZHMsIHVuc2VsZWN0QWxsIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRhdGEuZmlsdGVyKGl0ZW0gPT4gc2VsZWN0ZWRSb3dJZHNbaXRlbVtpZEtleV0gYXMgc3RyaW5nXSksXG4gICAgW2RhdGEsIGlkS2V5LCBzZWxlY3RlZFJvd0lkc10sXG4gIClcblxuICBpZiAoc2VsZWN0ZWRJdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWN0aW9uQmFyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxGbGV4RGl2PlxuICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgICAgICAgdW5zZWxlY3RBbGwsXG4gICAgICAgIH0pfVxuICAgICAgPC9GbGV4RGl2PlxuICAgIDwvU3R5bGVkQWN0aW9uQmFyPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 function SelectBar({
   children,
   data,
   idKey,
   className
 }) {
-  const { selectedRowIds, unselectAll } = useTableContext();
-  const selectedItems = useMemo(
-    () => data.filter((item) => selectedRowIds[item[idKey]]),
-    [data, idKey, selectedRowIds]
-  );
+  const {
+    selectedRowIds,
+    unselectAll
+  } = useTableContext();
+  const selectedItems = useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [data, idKey, selectedRowIds]);
   if (selectedItems.length === 0) {
     return null;
   }

package/dist/components/Table/SkeletonRows.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const index = require("../Skeleton/index.cjs");
+const Cell = require("./Cell.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledLoadingRow = /* @__PURE__ */ _styled__default.default("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1btquhx1"
+} : {
+  target: "e1btquhx1",
+  label: "StyledLoadingRow"
+})(process.env.NODE_ENV === "production" ? {
+  name: "g8zzui",
+  styles: "cursor:progress"
+} : {
+  name: "g8zzui",
+  styles: "cursor:progress",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vU2tlbGV0b24nXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKCd0cicpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcblxudHlwZSBTa2VsZXRvblJvd3NQcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoeyBzZWxlY3RhYmxlLCByb3dzLCBjb2xzIH06IFNrZWxldG9uUm93c1Byb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3cgcm9sZT1cInJvd1wiIGlkPXtgc2tlbGV0b24tJHtpbmRleH1gfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICB7c2VsZWN0YWJsZSA/IDxDZWxsIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSkeleton = /* @__PURE__ */ _styled__default.default(index.Skeleton, process.env.NODE_ENV === "production" ? {
+  target: "e1btquhx0"
+} : {
+  target: "e1btquhx0",
+  label: "StyledSkeleton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%"
+} : {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vU2tlbGV0b24nXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKCd0cicpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcblxudHlwZSBTa2VsZXRvblJvd3NQcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoeyBzZWxlY3RhYmxlLCByb3dzLCBjb2xzIH06IFNrZWxldG9uUm93c1Byb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3cgcm9sZT1cInJvd1wiIGlkPXtgc2tlbGV0b24tJHtpbmRleH1gfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICB7c2VsZWN0YWJsZSA/IDxDZWxsIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SkeletonRows = ({
+  selectable,
+  rows,
+  cols
+}) => {
+  const rowArray = Array.from({
+    length: rows
+  }, (_, index2) => index2);
+  const colArray = Array.from({
+    length: cols
+  }, (_, index2) => index2);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rowArray.map((index2) => /* @__PURE__ */ jsxRuntime.jsxs(StyledLoadingRow, { role: "row", id: `skeleton-${index2}`, children: [
+    selectable ? /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, {}) : null,
+    colArray.map((columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))
+  ] }, index2)) });
+};
+exports.SkeletonRows = SkeletonRows;

package/dist/components/Table/SkeletonRows.js

@@ -1,17 +1,49 @@
 import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Skeleton } from "../Skeleton/index.js";
 import { Cell } from "./Cell.js";
-const StyledLoadingRow = styled("tr")`
-  cursor: progress;
-`;
-const StyledSkeleton = styled(Skeleton)`
-  width: 80%;
-  max-width: 100%;
-`;
-const SkeletonRows = ({ selectable, rows, cols }) => {
-  const rowArray = Array.from({ length: rows }, (_, index) => index);
-  const colArray = Array.from({ length: cols }, (_, index) => index);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledLoadingRow = /* @__PURE__ */ _styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1btquhx1"
+} : {
+  target: "e1btquhx1",
+  label: "StyledLoadingRow"
+})(process.env.NODE_ENV === "production" ? {
+  name: "g8zzui",
+  styles: "cursor:progress"
+} : {
+  name: "g8zzui",
+  styles: "cursor:progress",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vU2tlbGV0b24nXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKCd0cicpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcblxudHlwZSBTa2VsZXRvblJvd3NQcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoeyBzZWxlY3RhYmxlLCByb3dzLCBjb2xzIH06IFNrZWxldG9uUm93c1Byb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3cgcm9sZT1cInJvd1wiIGlkPXtgc2tlbGV0b24tJHtpbmRleH1gfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICB7c2VsZWN0YWJsZSA/IDxDZWxsIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSkeleton = /* @__PURE__ */ _styled(Skeleton, process.env.NODE_ENV === "production" ? {
+  target: "e1btquhx0"
+} : {
+  target: "e1btquhx0",
+  label: "StyledSkeleton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%"
+} : {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vU2tlbGV0b24nXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKCd0cicpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcblxudHlwZSBTa2VsZXRvblJvd3NQcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoeyBzZWxlY3RhYmxlLCByb3dzLCBjb2xzIH06IFNrZWxldG9uUm93c1Byb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3cgcm9sZT1cInJvd1wiIGlkPXtgc2tlbGV0b24tJHtpbmRleH1gfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICB7c2VsZWN0YWJsZSA/IDxDZWxsIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SkeletonRows = ({
+  selectable,
+  rows,
+  cols
+}) => {
+  const rowArray = Array.from({
+    length: rows
+  }, (_, index) => index);
+  const colArray = Array.from({
+    length: cols
+  }, (_, index) => index);
   return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs(StyledLoadingRow, { role: "row", id: `skeleton-${index}`, children: [
     selectable ? /* @__PURE__ */ jsx(Cell, {}) : null,
     colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))

package/dist/components/Table/TableContext.cjs

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const TableContext = React.createContext(void 0);
+const TableProvider = ({
+  children,
+  selectable,
+  bordered,
+  stripped
+}) => {
+  const [selectedRowIds, setSelectedRowIds] = React.useState({});
+  const registerSelectableRow = React.useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
+      ...current,
+      [rowId]: false
+    }));
+    return () => {
+      setSelectedRowIds((current) => {
+        const {
+          [rowId]: relatedId,
+          ...otherIds
+        } = current;
+        return otherIds;
+      });
+    };
+  }, []);
+  const allRowSelectValue = React.useMemo(() => {
+    const selectableRowCount = Object.keys(selectedRowIds).length;
+    if (!selectableRowCount) {
+      return false;
+    }
+    const selectedRowCount = Object.values(selectedRowIds).reduce((acc, isSelected) => acc + (isSelected ? 1 : 0), 0);
+    if (selectedRowCount === 0) {
+      return false;
+    }
+    if (selectableRowCount === selectedRowCount) {
+      return true;
+    }
+    return "indeterminate";
+  }, [selectedRowIds]);
+  const selectAll = React.useCallback(() => {
+    setSelectedRowIds((current) => Object.keys(current).reduce((acc, rowId) => ({
+      ...acc,
+      [rowId]: true
+    }), {}));
+  }, []);
+  const unselectAll = React.useCallback(() => {
+    setSelectedRowIds((current) => Object.keys(current).reduce((acc, rowId) => ({
+      ...acc,
+      [rowId]: false
+    }), {}));
+  }, []);
+  const selectRow = React.useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
+      ...current,
+      [rowId]: true
+    }));
+  }, []);
+  const unselectRow = React.useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
+      ...current,
+      [rowId]: false
+    }));
+  }, []);
+  const value = React.useMemo(() => ({
+    registerSelectableRow,
+    selectedRowIds,
+    selectRow,
+    unselectRow,
+    selectable,
+    selectAll,
+    unselectAll,
+    allRowSelectValue,
+    bordered,
+    stripped
+  }), [registerSelectableRow, selectedRowIds, selectRow, unselectRow, selectable, selectAll, unselectAll, allRowSelectValue, bordered, stripped]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value, children });
+};
+const useTableContext = () => {
+  const context = React.useContext(TableContext);
+  if (!context) {
+    throw new Error("useTableContext should be used inside a Table component");
+  }
+  return context;
+};
+exports.TableProvider = TableProvider;
+exports.useTableContext = useTableContext;

package/dist/components/Table/TableContext.js

@@ -9,10 +9,16 @@ const TableProvider = ({
 }) => {
   const [selectedRowIds, setSelectedRowIds] = useState({});
   const registerSelectableRow = useCallback((rowId) => {
-    setSelectedRowIds((current) => ({ ...current, [rowId]: false }));
+    setSelectedRowIds((current) => ({
+      ...current,
+      [rowId]: false
+    }));
     return () => {
       setSelectedRowIds((current) => {
-        const { [rowId]: relatedId, ...otherIds } = current;
+        const {
+          [rowId]: relatedId,
+          ...otherIds
+        } = current;
         return otherIds;
       });
     };
@@ -22,10 +28,7 @@ const TableProvider = ({
     if (!selectableRowCount) {
       return false;
     }
-    const selectedRowCount = Object.values(selectedRowIds).reduce(
-      (acc, isSelected) => acc + (isSelected ? 1 : 0),
-      0
-    );
+    const selectedRowCount = Object.values(selectedRowIds).reduce((acc, isSelected) => acc + (isSelected ? 1 : 0), 0);
     if (selectedRowCount === 0) {
       return false;
     }
@@ -35,20 +38,16 @@ const TableProvider = ({
     return "indeterminate";
   }, [selectedRowIds]);
   const selectAll = useCallback(() => {
-    setSelectedRowIds(
-      (current) => Object.keys(current).reduce(
-        (acc, rowId) => ({ ...acc, [rowId]: true }),
-        {}
-      )
-    );
+    setSelectedRowIds((current) => Object.keys(current).reduce((acc, rowId) => ({
+      ...acc,
+      [rowId]: true
+    }), {}));
   }, []);
   const unselectAll = useCallback(() => {
-    setSelectedRowIds(
-      (current) => Object.keys(current).reduce(
-        (acc, rowId) => ({ ...acc, [rowId]: false }),
-        {}
-      )
-    );
+    setSelectedRowIds((current) => Object.keys(current).reduce((acc, rowId) => ({
+      ...acc,
+      [rowId]: false
+    }), {}));
   }, []);
   const selectRow = useCallback((rowId) => {
     setSelectedRowIds((current) => ({
@@ -62,32 +61,18 @@ const TableProvider = ({
       [rowId]: false
     }));
   }, []);
-  const value = useMemo(
-    () => ({
-      registerSelectableRow,
-      selectedRowIds,
-      selectRow,
-      unselectRow,
-      selectable,
-      selectAll,
-      unselectAll,
-      allRowSelectValue,
-      bordered,
-      stripped
-    }),
-    [
-      registerSelectableRow,
-      selectedRowIds,
-      selectRow,
-      unselectRow,
-      selectable,
-      selectAll,
-      unselectAll,
-      allRowSelectValue,
-      bordered,
-      stripped
-    ]
-  );
+  const value = useMemo(() => ({
+    registerSelectableRow,
+    selectedRowIds,
+    selectRow,
+    unselectRow,
+    selectable,
+    selectAll,
+    unselectAll,
+    allRowSelectValue,
+    bordered,
+    stripped
+  }), [registerSelectableRow, selectedRowIds, selectRow, unselectRow, selectable, selectAll, unselectAll, allRowSelectValue, bordered, stripped]);
   return /* @__PURE__ */ jsx(TableContext.Provider, { value, children });
 };
 const useTableContext = () => {

package/dist/components/Table/index.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const Body = require("./Body.cjs");
+const Cell = require("./Cell.cjs");
+const Header = require("./Header.cjs");
+const HeaderCell = require("./HeaderCell.cjs");
+const HeaderRow = require("./HeaderRow.cjs");
+const Row = require("./Row.cjs");
+const SelectBar = require("./SelectBar.cjs");
+const SkeletonRows = require("./SkeletonRows.cjs");
+const TableContext = require("./TableContext.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledTable = /* @__PURE__ */ _styled__default.default("table", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  target: "ert5hkm0"
+} : {
+  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  target: "ert5hkm0",
+  label: "StyledTable"
+})("width:100%;box-sizing:content-box;border-collapse:collapse;", ({
+  theme,
+  stripped,
+  bordered
+}) => `
+  ${stripped ? `& tbody tr:nth-of-type(even) {
+    background: ${theme.colors.neutral.backgroundWeak};
+  }` : ""}
+
+  ${bordered ? `& tbody tr {
+    border-bottom: 1px solid ${theme.colors.neutral.borderWeak};
+  }` : ""}
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm9CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb2R5IH0gZnJvbSAnLi9Cb2R5J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4vSGVhZGVyJ1xuaW1wb3J0IHsgSGVhZGVyQ2VsbCB9IGZyb20gJy4vSGVhZGVyQ2VsbCdcbmltcG9ydCB7IEhlYWRlclJvdyB9IGZyb20gJy4vSGVhZGVyUm93J1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9Sb3cnXG5pbXBvcnQgeyBTZWxlY3RCYXIgfSBmcm9tICcuL1NlbGVjdEJhcidcbmltcG9ydCB7IFNrZWxldG9uUm93cyB9IGZyb20gJy4vU2tlbGV0b25Sb3dzJ1xuaW1wb3J0IHsgVGFibGVQcm92aWRlciwgdXNlVGFibGVDb250ZXh0IH0gZnJvbSAnLi9UYWJsZUNvbnRleHQnXG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IHtcbiAgc3RyaXBwZWQ6IGJvb2xlYW5cbiAgYm9yZGVyZWQ6IGJvb2xlYW5cbn1cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkKCd0YWJsZScsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYm9yZGVyZWQnLCAnc3RyaXBwZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPFN0eWxlZFRhYmxlUHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgJHsoeyB0aGVtZSwgc3RyaXBwZWQsIGJvcmRlcmVkIH0pID0+IGBcbiAgJHtcbiAgICBzdHJpcHBlZFxuICAgICAgPyBgJiB0Ym9keSB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIH1gXG4gICAgICA6ICcnXG4gIH1cblxuICAke1xuICAgIGJvcmRlcmVkXG4gICAgICA/IGAmIHRib2R5IHRyIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgfWBcbiAgICAgIDogJydcbiAgfVxuICBgfVxuYFxuXG50eXBlIENvbHVtblByb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIEhlYWRlckNlbGw+LFxuICAnaXNPcmRlcmVkJyB8ICdvbk9yZGVyJyB8ICdvcmRlckRpcmVjdGlvbidcbj4gJiB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxudHlwZSBUYWJsZVByb3BzID0ge1xuICBzZWxlY3RhYmxlPzogYm9vbGVhblxuICBjb2x1bW5zOiBDb2x1bW5Qcm9wc1tdXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFNldCBpdCB0byB0cnVlIGlmIHlvdSB3YW50IHRvIGRpc3BsYXkgYSBwbGFjZWhvbGRlciBkdXJpbmcgbG9hZGluZ1xuICAgKiAqL1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgc3RyaXBwZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBCYXNlVGFibGUgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2x1bW5zLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGJvcmRlcmVkID0gZmFsc2UsXG4gICAgICBzdHJpcHBlZCA9IGZhbHNlLFxuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8VGFibGVQcm92aWRlclxuICAgICAgc2VsZWN0YWJsZT17c2VsZWN0YWJsZX1cbiAgICAgIHN0cmlwcGVkPXtzdHJpcHBlZH1cbiAgICAgIGJvcmRlcmVkPXtib3JkZXJlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkVGFibGUgcmVmPXtyZWZ9IHN0cmlwcGVkPXtzdHJpcHBlZH0gYm9yZGVyZWQ9e2JvcmRlcmVkfT5cbiAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICA8SGVhZGVyUm93IGhhc1NlbGVjdEFsbENvbHVtbj17c2VsZWN0YWJsZX0+XG4gICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEhlYWRlckNlbGxcbiAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgaXNPcmRlcmVkPXtjb2x1bW4uaXNPcmRlcmVkfVxuICAgICAgICAgICAgICAgIG9yZGVyRGlyZWN0aW9uPXtjb2x1bW4ub3JkZXJEaXJlY3Rpb259XG4gICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgd2lkdGg9e2NvbHVtbi53aWR0aH1cbiAgICAgICAgICAgICAgICBtaW5XaWR0aD17Y29sdW1uLm1pbldpZHRofVxuICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgaW5mbz17Y29sdW1uLmluZm99XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y29sdW1uLmxhYmVsfVxuICAgICAgICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0hlYWRlclJvdz5cbiAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgIHtsb2FkaW5nID8gKFxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAgPFNrZWxldG9uUm93c1xuICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb2R5PlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFRhYmxlPlxuICAgIDwvVGFibGVQcm92aWRlcj5cbiAgKSxcbilcblxuLyoqXG4gKiBUYWJsZSBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJ1bGFyIGZvcm1hdC5cbiAqL1xuZXhwb3J0IGNvbnN0IFRhYmxlID0gT2JqZWN0LmFzc2lnbihCYXNlVGFibGUsIHtcbiAgQm9keSxcbiAgUm93LFxuICBDZWxsLFxuICB1c2VUYWJsZUNvbnRleHQsXG4gIFNlbGVjdEJhcixcbn0pXG4iXX0= */"));
+const BaseTable = React.forwardRef(({
+  selectable = false,
+  children,
+  columns,
+  loading,
+  bordered = false,
+  stripped = false
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx(TableContext.TableProvider, { selectable, stripped, bordered, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledTable, { ref, stripped, bordered, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(Header.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    HeaderCell.HeaderCell,
+    {
+      isOrdered: column.isOrdered,
+      orderDirection: column.orderDirection,
+      onOrder: column.onOrder,
+      width: column.width,
+      minWidth: column.minWidth,
+      maxWidth: column.maxWidth,
+      info: column.info,
+      children: column.label
+    },
+    `header-column-${index}`
+  )) }) }),
+  loading ? /* @__PURE__ */ jsxRuntime.jsx(Body.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows.SkeletonRows, { selectable, rows: 5, cols: columns.length }) }) : children
+] }) }));
+const Table = Object.assign(BaseTable, {
+  Body: Body.Body,
+  Row: Row.Row,
+  Cell: Cell.Cell,
+  useTableContext: TableContext.useTableContext,
+  SelectBar: SelectBar.SelectBar
+});
+exports.BaseTable = BaseTable;
+exports.Table = Table;

package/dist/components/Table/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { forwardRef } from "react";
 import { Body } from "./Body.js";
 import { Cell } from "./Cell.js";
@@ -10,14 +10,18 @@ import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
 import { TableProvider, useTableContext } from "./TableContext.js";
-const StyledTable = styled("table", {
-  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop)
-})`
-  width: 100%;
-  box-sizing: content-box;
-  border-collapse: collapse;
-
-  ${({ theme, stripped, bordered }) => `
+const StyledTable = /* @__PURE__ */ _styled("table", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  target: "ert5hkm0"
+} : {
+  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  target: "ert5hkm0",
+  label: "StyledTable"
+})("width:100%;box-sizing:content-box;border-collapse:collapse;", ({
+  theme,
+  stripped,
+  bordered
+}) => `
   ${stripped ? `& tbody tr:nth-of-type(even) {
     background: ${theme.colors.neutral.backgroundWeak};
   }` : ""}
@@ -25,49 +29,31 @@ const StyledTable = styled("table", {
   ${bordered ? `& tbody tr {
     border-bottom: 1px solid ${theme.colors.neutral.borderWeak};
   }` : ""}
-  `}
-`;
-const BaseTable = forwardRef(
-  ({
-    selectable = false,
-    children,
-    columns,
-    loading,
-    bordered = false,
-    stripped = false
-  }, ref) => /* @__PURE__ */ jsx(
-    TableProvider,
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm9CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb2R5IH0gZnJvbSAnLi9Cb2R5J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4vSGVhZGVyJ1xuaW1wb3J0IHsgSGVhZGVyQ2VsbCB9IGZyb20gJy4vSGVhZGVyQ2VsbCdcbmltcG9ydCB7IEhlYWRlclJvdyB9IGZyb20gJy4vSGVhZGVyUm93J1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9Sb3cnXG5pbXBvcnQgeyBTZWxlY3RCYXIgfSBmcm9tICcuL1NlbGVjdEJhcidcbmltcG9ydCB7IFNrZWxldG9uUm93cyB9IGZyb20gJy4vU2tlbGV0b25Sb3dzJ1xuaW1wb3J0IHsgVGFibGVQcm92aWRlciwgdXNlVGFibGVDb250ZXh0IH0gZnJvbSAnLi9UYWJsZUNvbnRleHQnXG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IHtcbiAgc3RyaXBwZWQ6IGJvb2xlYW5cbiAgYm9yZGVyZWQ6IGJvb2xlYW5cbn1cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkKCd0YWJsZScsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYm9yZGVyZWQnLCAnc3RyaXBwZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPFN0eWxlZFRhYmxlUHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgJHsoeyB0aGVtZSwgc3RyaXBwZWQsIGJvcmRlcmVkIH0pID0+IGBcbiAgJHtcbiAgICBzdHJpcHBlZFxuICAgICAgPyBgJiB0Ym9keSB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIH1gXG4gICAgICA6ICcnXG4gIH1cblxuICAke1xuICAgIGJvcmRlcmVkXG4gICAgICA/IGAmIHRib2R5IHRyIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgfWBcbiAgICAgIDogJydcbiAgfVxuICBgfVxuYFxuXG50eXBlIENvbHVtblByb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIEhlYWRlckNlbGw+LFxuICAnaXNPcmRlcmVkJyB8ICdvbk9yZGVyJyB8ICdvcmRlckRpcmVjdGlvbidcbj4gJiB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxudHlwZSBUYWJsZVByb3BzID0ge1xuICBzZWxlY3RhYmxlPzogYm9vbGVhblxuICBjb2x1bW5zOiBDb2x1bW5Qcm9wc1tdXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFNldCBpdCB0byB0cnVlIGlmIHlvdSB3YW50IHRvIGRpc3BsYXkgYSBwbGFjZWhvbGRlciBkdXJpbmcgbG9hZGluZ1xuICAgKiAqL1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgc3RyaXBwZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBCYXNlVGFibGUgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2x1bW5zLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGJvcmRlcmVkID0gZmFsc2UsXG4gICAgICBzdHJpcHBlZCA9IGZhbHNlLFxuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8VGFibGVQcm92aWRlclxuICAgICAgc2VsZWN0YWJsZT17c2VsZWN0YWJsZX1cbiAgICAgIHN0cmlwcGVkPXtzdHJpcHBlZH1cbiAgICAgIGJvcmRlcmVkPXtib3JkZXJlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkVGFibGUgcmVmPXtyZWZ9IHN0cmlwcGVkPXtzdHJpcHBlZH0gYm9yZGVyZWQ9e2JvcmRlcmVkfT5cbiAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICA8SGVhZGVyUm93IGhhc1NlbGVjdEFsbENvbHVtbj17c2VsZWN0YWJsZX0+XG4gICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEhlYWRlckNlbGxcbiAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgaXNPcmRlcmVkPXtjb2x1bW4uaXNPcmRlcmVkfVxuICAgICAgICAgICAgICAgIG9yZGVyRGlyZWN0aW9uPXtjb2x1bW4ub3JkZXJEaXJlY3Rpb259XG4gICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgd2lkdGg9e2NvbHVtbi53aWR0aH1cbiAgICAgICAgICAgICAgICBtaW5XaWR0aD17Y29sdW1uLm1pbldpZHRofVxuICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgaW5mbz17Y29sdW1uLmluZm99XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y29sdW1uLmxhYmVsfVxuICAgICAgICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0hlYWRlclJvdz5cbiAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgIHtsb2FkaW5nID8gKFxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAgPFNrZWxldG9uUm93c1xuICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb2R5PlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFRhYmxlPlxuICAgIDwvVGFibGVQcm92aWRlcj5cbiAgKSxcbilcblxuLyoqXG4gKiBUYWJsZSBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJ1bGFyIGZvcm1hdC5cbiAqL1xuZXhwb3J0IGNvbnN0IFRhYmxlID0gT2JqZWN0LmFzc2lnbihCYXNlVGFibGUsIHtcbiAgQm9keSxcbiAgUm93LFxuICBDZWxsLFxuICB1c2VUYWJsZUNvbnRleHQsXG4gIFNlbGVjdEJhcixcbn0pXG4iXX0= */"));
+const BaseTable = forwardRef(({
+  selectable = false,
+  children,
+  columns,
+  loading,
+  bordered = false,
+  stripped = false
+}, ref) => /* @__PURE__ */ jsx(TableProvider, { selectable, stripped, bordered, children: /* @__PURE__ */ jsxs(StyledTable, { ref, stripped, bordered, children: [
+  /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(
+    HeaderCell,
     {
-      selectable,
-      stripped,
-      bordered,
-      children: /* @__PURE__ */ jsxs(StyledTable, { ref, stripped, bordered, children: [
-        /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(
-          HeaderCell,
-          {
-            isOrdered: column.isOrdered,
-            orderDirection: column.orderDirection,
-            onOrder: column.onOrder,
-            width: column.width,
-            minWidth: column.minWidth,
-            maxWidth: column.maxWidth,
-            info: column.info,
-            children: column.label
-          },
-          `header-column-${index}`
-        )) }) }),
-        loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(
-          SkeletonRows,
-          {
-            selectable,
-            rows: 5,
-            cols: columns.length
-          }
-        ) }) : children
-      ] })
-    }
-  )
-);
+      isOrdered: column.isOrdered,
+      orderDirection: column.orderDirection,
+      onOrder: column.onOrder,
+      width: column.width,
+      minWidth: column.minWidth,
+      maxWidth: column.maxWidth,
+      info: column.info,
+      children: column.label
+    },
+    `header-column-${index}`
+  )) }) }),
+  loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(SkeletonRows, { selectable, rows: 5, cols: columns.length }) }) : children
+] }) }));
 const Table = Object.assign(BaseTable, {
   Body,
   Row,