@ultraviolet/ui 1.51.2 → 1.51.3

package/dist/components/Table/Row.js

@@ -1,14 +1,28 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
 import { keyframes } from "@emotion/react";
-import styled from "@emotion/styled";
 import { useEffect } from "react";
 import { Checkbox } from "../Checkbox/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Cell } from "./Cell.js";
 import { useTableContext } from "./TableContext.js";
-const StyledCheckboxContainer = styled.div`
-  display: flex;
-`;
+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 StyledCheckboxContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1qvrbgq1"
+} : {
+  target: "e1qvrbgq1",
+  label: "StyledCheckboxContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1Jvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1Jvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gJy4vVGFibGVDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRDaGVja2JveENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbi8vIFdlIHN0YXJ0IGF0IDUlIGFuZCBmaW5pc2ggYXQgODAlIHRvIGxlYXZlIHRoZSBvcmlnaW5hbCBiYWNrZ3JvdW5kIGNvbG9yXG4vLyBhcyB3ZSBjYW4ndCBrbm93IGlmIHRoZSB0YWJsZSB3aWxsIGJlIHN0cmlwcGVkIG9yIG5vdFxuY29uc3QgY29sb3JDaGFuZ2UgPSAodGhlbWU6IFRoZW1lKSA9PiBrZXlmcmFtZXNgXG4gIDUlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICB9XG4gIDgwJSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZCgndHInLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2hpZ2hsaWdodEFuaW1hdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBoaWdobGlnaHRBbmltYXRpb24/OiBib29sZWFuIH0+YFxuICBhbmltYXRpb246ICR7KHsgaGlnaGxpZ2h0QW5pbWF0aW9uLCB0aGVtZSB9KSA9PlxuICAgICAgaGlnaGxpZ2h0QW5pbWF0aW9uID8gY29sb3JDaGFuZ2UodGhlbWUpIDogdW5kZWZpbmVkfVxuICAgIDNzIGxpbmVhcjtcbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaWQ6IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIC8qKlxuICAgKiBSb3cgY2Fubm90IGJlIHNlbGVjdGVkIGlmIHRoaXMgcHJvcCBpcyBwcm92aWRlZC4gYm9vbGVhbiB0cnVlIGRpc2FibGVkIHNlbGVjdGlvbiwgYSBzdHJpbmcgZGlzYWJsZSBzZWxlY3Rpb24gYW5kIGEgdG9vbHRpcCB3aWxsIGJlIGRpc3BsYXllZCBvbiBjaGVja2JveCBob3Zlci5cbiAgICogKi9cbiAgc2VsZWN0RGlzYWJsZWQ/OiBib29sZWFuIHwgc3RyaW5nXG4gIGhpZ2hsaWdodEFuaW1hdGlvbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFJvdyA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGlkLFxuICBzZWxlY3REaXNhYmxlZCxcbiAgaGlnaGxpZ2h0QW5pbWF0aW9uLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdGlkLFxufTogUm93UHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHNlbGVjdGFibGUsXG4gICAgcmVnaXN0ZXJTZWxlY3RhYmxlUm93LFxuICAgIHNlbGVjdGVkUm93SWRzLFxuICAgIHNlbGVjdFJvdyxcbiAgICB1bnNlbGVjdFJvdyxcbiAgfSA9IHVzZVRhYmxlQ29udGV4dCgpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXNlbGVjdERpc2FibGVkKSB7XG4gICAgICBjb25zdCB1bnJlZ2lzdGVyQ2FsbGJhY2sgPSByZWdpc3RlclNlbGVjdGFibGVSb3coaWQpXG5cbiAgICAgIHJldHVybiB1bnJlZ2lzdGVyQ2FsbGJhY2tcbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkXG4gIH0sIFtpZCwgcmVnaXN0ZXJTZWxlY3RhYmxlUm93LCBzZWxlY3REaXNhYmxlZF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVHJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0aWR9XG4gICAgICBoaWdobGlnaHRBbmltYXRpb249e2hpZ2hsaWdodEFuaW1hdGlvbn1cbiAgICA+XG4gICAgICB7c2VsZWN0YWJsZSA/IChcbiAgICAgICAgPENlbGw+XG4gICAgICAgICAgPFN0eWxlZENoZWNrYm94Q29udGFpbmVyPlxuICAgICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgdHlwZW9mIHNlbGVjdERpc2FibGVkID09PSAnc3RyaW5nJyA/IHNlbGVjdERpc2FibGVkIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgbmFtZT1cInRhYmxlLXNlbGVjdC1jaGVja2JveFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cInNlbGVjdFwiXG4gICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWRSb3dJZHNbaWRdfVxuICAgICAgICAgICAgICAgIHZhbHVlPXtpZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgaWYgKHNlbGVjdGVkUm93SWRzW2lkXSkge1xuICAgICAgICAgICAgICAgICAgICB1bnNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtzZWxlY3REaXNhYmxlZCAhPT0gdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgIDwvU3R5bGVkQ2hlY2tib3hDb250YWluZXI+XG4gICAgICAgIDwvQ2VsbD5cbiAgICAgICkgOiBudWxsfVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVHI+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const colorChange = (theme) => keyframes`
   5% {
     background-color: ${theme.colors.primary.background};
@@ -17,12 +31,17 @@ const colorChange = (theme) => keyframes`
     background-color: ${theme.colors.primary.background};
   }
 `;
-const StyledTr = styled("tr", {
-  shouldForwardProp: (prop) => !["highlightAnimation"].includes(prop)
-})`
-  animation: ${({ highlightAnimation, theme }) => highlightAnimation ? colorChange(theme) : void 0}
-    3s linear;
-`;
+const StyledTr = /* @__PURE__ */ _styled("tr", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["highlightAnimation"].includes(prop),
+  target: "e1qvrbgq0"
+} : {
+  shouldForwardProp: (prop) => !["highlightAnimation"].includes(prop),
+  target: "e1qvrbgq0",
+  label: "StyledTr"
+})("animation:", ({
+  highlightAnimation,
+  theme
+}) => highlightAnimation ? colorChange(theme) : void 0, " 3s linear;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1Jvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9Sb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG4vLyBXZSBzdGFydCBhdCA1JSBhbmQgZmluaXNoIGF0IDgwJSB0byBsZWF2ZSB0aGUgb3JpZ2luYWwgYmFja2dyb3VuZCBjb2xvclxuLy8gYXMgd2UgY2FuJ3Qga25vdyBpZiB0aGUgdGFibGUgd2lsbCBiZSBzdHJpcHBlZCBvciBub3RcbmNvbnN0IGNvbG9yQ2hhbmdlID0gKHRoZW1lOiBUaGVtZSkgPT4ga2V5ZnJhbWVzYFxuICA1JSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbiAgfVxuICA4MCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZH07XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQoJ3RyJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydoaWdobGlnaHRBbmltYXRpb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaGlnaGxpZ2h0QW5pbWF0aW9uPzogYm9vbGVhbiB9PmBcbiAgYW5pbWF0aW9uOiAkeyh7IGhpZ2hsaWdodEFuaW1hdGlvbiwgdGhlbWUgfSkgPT5cbiAgICAgIGhpZ2hsaWdodEFuaW1hdGlvbiA/IGNvbG9yQ2hhbmdlKHRoZW1lKSA6IHVuZGVmaW5lZH1cbiAgICAzcyBsaW5lYXI7XG5gXG5cbnR5cGUgUm93UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGlkOiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAvKipcbiAgICogUm93IGNhbm5vdCBiZSBzZWxlY3RlZCBpZiB0aGlzIHByb3AgaXMgcHJvdmlkZWQuIGJvb2xlYW4gdHJ1ZSBkaXNhYmxlZCBzZWxlY3Rpb24sIGEgc3RyaW5nIGRpc2FibGUgc2VsZWN0aW9uIGFuZCBhIHRvb2x0aXAgd2lsbCBiZSBkaXNwbGF5ZWQgb24gY2hlY2tib3ggaG92ZXIuXG4gICAqICovXG4gIHNlbGVjdERpc2FibGVkPzogYm9vbGVhbiB8IHN0cmluZ1xuICBoaWdobGlnaHRBbmltYXRpb24/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBSb3cgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpZCxcbiAgc2VsZWN0RGlzYWJsZWQsXG4gIGhpZ2hsaWdodEFuaW1hdGlvbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCxcbn06IFJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBzZWxlY3RhYmxlLFxuICAgIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdyxcbiAgICBzZWxlY3RlZFJvd0lkcyxcbiAgICBzZWxlY3RSb3csXG4gICAgdW5zZWxlY3RSb3csXG4gIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFzZWxlY3REaXNhYmxlZCkge1xuICAgICAgY29uc3QgdW5yZWdpc3RlckNhbGxiYWNrID0gcmVnaXN0ZXJTZWxlY3RhYmxlUm93KGlkKVxuXG4gICAgICByZXR1cm4gdW5yZWdpc3RlckNhbGxiYWNrXG4gICAgfVxuXG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9LCBbaWQsIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdywgc2VsZWN0RGlzYWJsZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdGlkfVxuICAgICAgaGlnaGxpZ2h0QW5pbWF0aW9uPXtoaWdobGlnaHRBbmltYXRpb259XG4gICAgPlxuICAgICAge3NlbGVjdGFibGUgPyAoXG4gICAgICAgIDxDZWxsPlxuICAgICAgICAgIDxTdHlsZWRDaGVja2JveENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgIHR5cGVvZiBzZWxlY3REaXNhYmxlZCA9PT0gJ3N0cmluZycgPyBzZWxlY3REaXNhYmxlZCA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICAgIG5hbWU9XCJ0YWJsZS1zZWxlY3QtY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3RcIlxuICAgICAgICAgICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkUm93SWRzW2lkXX1cbiAgICAgICAgICAgICAgICB2YWx1ZT17aWR9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmIChzZWxlY3RlZFJvd0lkc1tpZF0pIHtcbiAgICAgICAgICAgICAgICAgICAgdW5zZWxlY3RSb3coaWQpXG4gICAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICBzZWxlY3RSb3coaWQpXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17c2VsZWN0RGlzYWJsZWQgIT09IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICA8L1N0eWxlZENoZWNrYm94Q29udGFpbmVyPlxuICAgICAgICA8L0NlbGw+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRyPlxuICApXG59XG4iXX0= */"));
 const Row = ({
   children,
   className,
@@ -45,40 +64,16 @@ const Row = ({
     }
     return void 0;
   }, [id, registerSelectableRow, selectDisabled]);
-  return /* @__PURE__ */ jsxs(
-    StyledTr,
-    {
-      className,
-      "data-testid": dataTestid,
-      highlightAnimation,
-      children: [
-        selectable ? /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledCheckboxContainer, { children: /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            text: typeof selectDisabled === "string" ? selectDisabled : void 0,
-            children: /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                name: "table-select-checkbox",
-                "aria-label": "select",
-                checked: selectedRowIds[id],
-                value: id,
-                onChange: () => {
-                  if (selectedRowIds[id]) {
-                    unselectRow(id);
-                  } else {
-                    selectRow(id);
-                  }
-                },
-                disabled: selectDisabled !== void 0
-              }
-            )
-          }
-        ) }) }) : null,
-        children
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(StyledTr, { className, "data-testid": dataTestid, highlightAnimation, children: [
+    selectable ? /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledCheckboxContainer, { children: /* @__PURE__ */ jsx(Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: /* @__PURE__ */ jsx(Checkbox, { name: "table-select-checkbox", "aria-label": "select", checked: selectedRowIds[id], value: id, onChange: () => {
+      if (selectedRowIds[id]) {
+        unselectRow(id);
+      } else {
+        selectRow(id);
+      }
+    }, disabled: selectDisabled !== void 0 }) }) }) }) : null,
+    children
+  ] });
 };
 export {
   Row

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.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.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.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,