@ultraviolet/ui 1.51.3 → 1.51.5

package/dist/components/Table/HeaderCell.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const index = require("../Stack/index.cjs");
+const index$1 = require("../Text/index.cjs");
+const index$2 = require("../Tooltip/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledIconContainer = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
+  target: "ev6jkq82"
+} : {
+  target: "ev6jkq82",
+  label: "StyledIconContainer"
+})("color:", ({
+  theme
+}) => theme.colors.neutral.textWeak, ";&[aria-disabled='true']{cursor:not-allowed;}&[role*='button']{cursor:pointer;user-select:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU95QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9IZWFkZXJDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChTdGFjaylgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcblxuICAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT4gKFxuICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LXVwXCJcbiAgICAgIHNpemU9ezEwfVxuICAgICAgY29sb3I9e29yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICAgIDxJY29uXG4gICAgICBuYW1lPVwiYXJyb3ctZG93blwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2Rlc2NlbmRpbmcnID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgIC8+XG4gIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbilcblxudHlwZSBTdHlsZWRIZWFkZXJDZWxsUHJvcHMgPSBQaWNrPFxuICBIZWFkZXJDZWxsUHJvcHMsXG4gICd3aWR0aCcgfCAnbWF4V2lkdGgnIHwgJ21pbldpZHRoJ1xuPlxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZCgndGgnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJywgJ21heFdpZHRoJywgJ21pbldpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTxTdHlsZWRIZWFkZXJDZWxsUHJvcHM+YFxuICAkeyh7IHdpZHRoLCBtYXhXaWR0aCwgbWluV2lkdGggfSkgPT4gYFxuICAgICR7d2lkdGggPyBgd2lkdGg6ICR7d2lkdGh9O2AgOiAnJ31cbiAgICAke21heFdpZHRoID8gYG1heC13aWR0aDogJHttYXhXaWR0aH07YCA6ICcnfVxuICAgICR7bWluV2lkdGggPyBgbWluLXdpZHRoOiAke21pbldpZHRofTtgIDogJyd9XG4gIGB9XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbnR5cGUgSGVhZGVyQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpc09yZGVyZWQ/OiBib29sZWFuXG4gIG9yZGVyRGlyZWN0aW9uPzogJ2FzYycgfCAnZGVzYycgfCAnbm9uZSdcbiAgb25PcmRlcj86IChuZXdPcmRlcjogJ2FzYycgfCAnZGVzYycpID0+IHZvaWRcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGlzT3JkZXJlZCxcbiAgb25PcmRlcixcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIHdpZHRoLFxuICBtYXhXaWR0aCxcbiAgbWluV2lkdGgsXG4gIGluZm8sXG59OiBIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgbGV0IG9yZGVyOiB1bmRlZmluZWQgfCAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJ1xuICBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnYXNjJykge1xuICAgIG9yZGVyID0gJ2FzY2VuZGluZydcbiAgfSBlbHNlIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdkZXNjJykge1xuICAgIG9yZGVyID0gJ2Rlc2NlbmRpbmcnXG4gIH1cblxuICBjb25zdCBoYW5kbGVPcmRlciA9IG9uT3JkZXJcbiAgICA/ICgpID0+IG9uT3JkZXIob3JkZXIgPT09ICdhc2NlbmRpbmcnID8gJ2Rlc2MnIDogJ2FzYycpXG4gICAgOiB1bmRlZmluZWRcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRIZWFkZXJDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgICAgYXJpYS1zb3J0PXtvcmRlcn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGV4dFxuICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICBjb2xvcj17b3JkZXIgIT09IHVuZGVmaW5lZCA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7aW5mbyA/IChcbiAgICAgICAgICA8VG9vbHRpcCB0ZXh0PXtpbmZvfT5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9XCJpbmZvcm1hdGlvbi1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgc2l6ZT17MjB9XG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge29yZGVyRGlyZWN0aW9uICE9PSB1bmRlZmluZWQgJiYgaXNPcmRlcmVkICE9PSB1bmRlZmluZWQgPyAoXG4gICAgICAgICAgPFNvcnRJY29uIGFyaWEtZGlzYWJsZWQ9eyFvbk9yZGVyfSBvcmRlcj17b3JkZXJ9IC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgIDwvU3R5bGVkSGVhZGVyQ2VsbD5cbiAgKVxufVxuIl19 */"));
+const SortIcon = ({
+  order
+}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledIconContainer, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "arrow-up", size: 10, color: order === "ascending" ? "primary" : "neutral", prominence: "weak" }),
+  /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "arrow-down", size: 10, color: order === "descending" ? "primary" : "neutral", prominence: "weak" })
+] });
+const StyledHeaderCell = /* @__PURE__ */ _styled__default.default("th", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop),
+  target: "ev6jkq81"
+} : {
+  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop),
+  target: "ev6jkq81",
+  label: "StyledHeaderCell"
+})(({
+  width,
+  maxWidth,
+  minWidth
+}) => `
+    ${width ? `width: ${width};` : ""}
+    ${maxWidth ? `max-width: ${maxWidth};` : ""}
+    ${minWidth ? `min-width: ${minWidth};` : ""}
+  `, " padding:", ({
+  theme
+}) => theme.space["1"], ";&[role*='button']{cursor:pointer;user-select:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW3JvbGUqPSdidXR0b24nXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+IChcbiAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgPEljb25cbiAgICAgIG5hbWU9XCJhcnJvdy11cFwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgLz5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LWRvd25cIlxuICAgICAgc2l6ZT17MTB9XG4gICAgICBjb2xvcj17b3JkZXIgPT09ICdkZXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICA8L1N0eWxlZEljb25Db250YWluZXI+XG4pXG5cbnR5cGUgU3R5bGVkSGVhZGVyQ2VsbFByb3BzID0gUGljazxcbiAgSGVhZGVyQ2VsbFByb3BzLFxuICAnd2lkdGgnIHwgJ21heFdpZHRoJyB8ICdtaW5XaWR0aCdcbj5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiAgJHsoeyB3aWR0aCwgbWF4V2lkdGgsIG1pbldpZHRoIH0pID0+IGBcbiAgICAke3dpZHRoID8gYHdpZHRoOiAke3dpZHRofTtgIDogJyd9XG4gICAgJHttYXhXaWR0aCA/IGBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O2AgOiAnJ31cbiAgICAke21pbldpZHRoID8gYG1pbi13aWR0aDogJHttaW5XaWR0aH07YCA6ICcnfVxuICBgfVxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpbmZvLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgY29sb3I9e29yZGVyICE9PSB1bmRlZmluZWQgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPVwiaW5mb3JtYXRpb24tb3V0bGluZVwiXG4gICAgICAgICAgICAgIHNpemU9ezIwfVxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+const StyledText = /* @__PURE__ */ _styled__default.default(index$1.Text, process.env.NODE_ENV === "production" ? {
+  target: "ev6jkq80"
+} : {
+  target: "ev6jkq80",
+  label: "StyledText"
+})("display:flex;flex-direction:row;align-items:center;gap:", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW3JvbGUqPSdidXR0b24nXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+IChcbiAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgPEljb25cbiAgICAgIG5hbWU9XCJhcnJvdy11cFwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgLz5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LWRvd25cIlxuICAgICAgc2l6ZT17MTB9XG4gICAgICBjb2xvcj17b3JkZXIgPT09ICdkZXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICA8L1N0eWxlZEljb25Db250YWluZXI+XG4pXG5cbnR5cGUgU3R5bGVkSGVhZGVyQ2VsbFByb3BzID0gUGljazxcbiAgSGVhZGVyQ2VsbFByb3BzLFxuICAnd2lkdGgnIHwgJ21heFdpZHRoJyB8ICdtaW5XaWR0aCdcbj5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiAgJHsoeyB3aWR0aCwgbWF4V2lkdGgsIG1pbldpZHRoIH0pID0+IGBcbiAgICAke3dpZHRoID8gYHdpZHRoOiAke3dpZHRofTtgIDogJyd9XG4gICAgJHttYXhXaWR0aCA/IGBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O2AgOiAnJ31cbiAgICAke21pbldpZHRoID8gYG1pbi13aWR0aDogJHttaW5XaWR0aH07YCA6ICcnfVxuICBgfVxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpbmZvLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgY29sb3I9e29yZGVyICE9PSB1bmRlZmluZWQgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPVwiaW5mb3JtYXRpb24tb3V0bGluZVwiXG4gICAgICAgICAgICAgIHNpemU9ezIwfVxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+const HeaderCell = ({
+  children,
+  className,
+  isOrdered,
+  onOrder,
+  orderDirection,
+  width,
+  maxWidth,
+  minWidth,
+  info
+}) => {
+  let order;
+  if (isOrdered && orderDirection === "asc") {
+    order = "ascending";
+  } else if (isOrdered && orderDirection === "desc") {
+    order = "descending";
+  }
+  const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledHeaderCell, { className, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
+    if (event.key === " " || event.key === "Enter") {
+      handleOrder();
+      if (event.key === " ") {
+        event.preventDefault();
+      }
+    }
+  } : void 0, role: onOrder ? "button columnheader" : void 0, width, maxWidth, minWidth, tabIndex: handleOrder ? 0 : -1, "aria-sort": order, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledText, { as: "div", variant: "bodySmall", color: order !== void 0 ? "primary" : "neutral", children: [
+    children,
+    info ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { text: info, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "information-outline", size: 20, prominence: "weak", color: "neutral" }) }) : null,
+    orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { "aria-disabled": !onOrder, order }) : null
+  ] }) });
+};
+exports.HeaderCell = HeaderCell;

package/dist/components/Table/HeaderRow.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const index = require("../Checkbox/index.cjs");
+const HeaderCell = require("./HeaderCell.cjs");
+const TableContext = require("./TableContext.cjs");
+const HeaderRow = ({
+  children,
+  hasSelectAllColumn
+}) => {
+  const {
+    allRowSelectValue,
+    selectAll,
+    unselectAll,
+    selectedRowIds
+  } = TableContext.useTableContext();
+  const selectableRowCount = Object.keys(selectedRowIds).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+    hasSelectAllColumn ? /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { width: "24px", children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { name: "table-select-all-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
+    children
+  ] });
+};
+exports.HeaderRow = HeaderRow;

package/dist/components/Table/Row.cjs

@@ -0,0 +1,82 @@
+"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("@emotion/react");
+const React = require("react");
+const index$1 = require("../Checkbox/index.cjs");
+const index = require("../Tooltip/index.cjs");
+const Cell = require("./Cell.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 StyledCheckboxContainer = /* @__PURE__ */ _styled__default.default("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) => react.keyframes`
+  5% {
+    background-color: ${theme.colors.primary.background};
+  }
+  80% {
+    background-color: ${theme.colors.primary.background};
+  }
+`;
+const StyledTr = /* @__PURE__ */ _styled__default.default("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,
+  id,
+  selectDisabled,
+  highlightAnimation,
+  "data-testid": dataTestid
+}) => {
+  const {
+    selectable,
+    registerSelectableRow,
+    selectedRowIds,
+    selectRow,
+    unselectRow
+  } = TableContext.useTableContext();
+  React.useEffect(() => {
+    if (!selectDisabled) {
+      const unregisterCallback = registerSelectableRow(id);
+      return unregisterCallback;
+    }
+    return void 0;
+  }, [id, registerSelectableRow, selectDisabled]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(StyledTr, { className, "data-testid": dataTestid, highlightAnimation, children: [
+    selectable ? /* @__PURE__ */ jsxRuntime.jsx(Cell.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledCheckboxContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.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
+  ] });
+};
+exports.Row = Row;

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/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/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/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;