@ultraviolet/ui 1.71.0 → 1.72.0

package/dist/components/Table/index.cjs

@@ -12,16 +12,19 @@ const Row = require("./Row.cjs");
 const SelectBar = require("./SelectBar.cjs");
 const SkeletonRows = require("./SkeletonRows.cjs");
 const TableContext = require("./TableContext.cjs");
+const constants = require("./constants.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),
+  shouldForwardProp: (prop) => !["bordered", "stripped", "template"].includes(prop),
   target: "ert5hkm0"
 } : {
-  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  shouldForwardProp: (prop) => !["bordered", "stripped", "template"].includes(prop),
   target: "ert5hkm0",
   label: "StyledTable"
-})("width:100%;box-sizing:content-box;border-collapse:collapse;", ({
+})('width:100%;box-sizing:content-box;border-collapse:collapse;[role="row"],[role="button row"]{display:grid;width:100%;grid-template-columns:', ({
+  template
+}) => template, ";align-items:center;}", ({
   theme,
   stripped,
   bordered
@@ -33,31 +36,39 @@ const StyledTable = /* @__PURE__ */ _styled__default.default("table", process.en
   ${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+LFxuICAnaXNPcmRlcmVkJyB8ICdvbk9yZGVyJyB8ICdvcmRlckRpcmVjdGlvbidcbj4gJiB7XG4gIGxhYmVsPzogUmVhY3ROb2RlXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxudHlwZSBUYWJsZVByb3BzID0ge1xuICBzZWxlY3RhYmxlPzogYm9vbGVhblxuICBjb2x1bW5zOiBDb2x1bW5Qcm9wc1tdXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFNldCBpdCB0byB0cnVlIGlmIHlvdSB3YW50IHRvIGRpc3BsYXkgYSBwbGFjZWhvbGRlciBkdXJpbmcgbG9hZGluZ1xuICAgKiAqL1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgc3RyaXBwZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBCYXNlVGFibGUgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2x1bW5zLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGJvcmRlcmVkID0gZmFsc2UsXG4gICAgICBzdHJpcHBlZCA9IGZhbHNlLFxuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8VGFibGVQcm92aWRlclxuICAgICAgc2VsZWN0YWJsZT17c2VsZWN0YWJsZX1cbiAgICAgIHN0cmlwcGVkPXtzdHJpcHBlZH1cbiAgICAgIGJvcmRlcmVkPXtib3JkZXJlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkVGFibGUgcmVmPXtyZWZ9IHN0cmlwcGVkPXtzdHJpcHBlZH0gYm9yZGVyZWQ9e2JvcmRlcmVkfT5cbiAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICA8SGVhZGVyUm93IGhhc1NlbGVjdEFsbENvbHVtbj17c2VsZWN0YWJsZX0+XG4gICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEhlYWRlckNlbGxcbiAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgaXNPcmRlcmVkPXtjb2x1bW4uaXNPcmRlcmVkfVxuICAgICAgICAgICAgICAgIG9yZGVyRGlyZWN0aW9uPXtjb2x1bW4ub3JkZXJEaXJlY3Rpb259XG4gICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgd2lkdGg9e2NvbHVtbi53aWR0aH1cbiAgICAgICAgICAgICAgICBtaW5XaWR0aD17Y29sdW1uLm1pbldpZHRofVxuICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgaW5mbz17Y29sdW1uLmluZm99XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y29sdW1uLmxhYmVsfVxuICAgICAgICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0hlYWRlclJvdz5cbiAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgIHtsb2FkaW5nID8gKFxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAgPFNrZWxldG9uUm93c1xuICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb2R5PlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFRhYmxlPlxuICAgIDwvVGFibGVQcm92aWRlcj5cbiAgKSxcbilcblxuLyoqXG4gKiBUYWJsZSBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJ1bGFyIGZvcm1hdC5cbiAqL1xuZXhwb3J0IGNvbnN0IFRhYmxlID0gT2JqZWN0LmFzc2lnbihCYXNlVGFibGUsIHtcbiAgQm9keSxcbiAgUm93LFxuICBDZWxsLFxuICB1c2VUYWJsZUNvbnRleHQsXG4gIFNlbGVjdEJhcixcbn0pXG4iXX0= */"));
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm9CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb2R5IH0gZnJvbSAnLi9Cb2R5J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4vSGVhZGVyJ1xuaW1wb3J0IHsgSGVhZGVyQ2VsbCB9IGZyb20gJy4vSGVhZGVyQ2VsbCdcbmltcG9ydCB7IEhlYWRlclJvdyB9IGZyb20gJy4vSGVhZGVyUm93J1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9Sb3cnXG5pbXBvcnQgeyBTZWxlY3RCYXIgfSBmcm9tICcuL1NlbGVjdEJhcidcbmltcG9ydCB7IFNrZWxldG9uUm93cyB9IGZyb20gJy4vU2tlbGV0b25Sb3dzJ1xuaW1wb3J0IHsgVGFibGVQcm92aWRlciwgdXNlVGFibGVDb250ZXh0IH0gZnJvbSAnLi9UYWJsZUNvbnRleHQnXG5pbXBvcnQgeyBFWFBBTkRBQkxFX0NPTFVNTl9TSVpFLCBTRUxFQ1RBQkxFX0NIRUNLQk9YX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50cydcblxudHlwZSBTdHlsZWRUYWJsZVByb3BzID0ge1xuICBzdHJpcHBlZDogYm9vbGVhblxuICBib3JkZXJlZDogYm9vbGVhblxuICB0ZW1wbGF0ZTogc3RyaW5nXG59XG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZCgndGFibGUnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnYm9yZGVyZWQnLCAnc3RyaXBwZWQnLCAndGVtcGxhdGUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPFN0eWxlZFRhYmxlUHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgW3JvbGU9XCJyb3dcIl0sXG4gIFtyb2xlPVwiYnV0dG9uIHJvd1wiXSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7KHsgdGVtcGxhdGUgfSkgPT4gdGVtcGxhdGV9O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAkeyh7IHRoZW1lLCBzdHJpcHBlZCwgYm9yZGVyZWQgfSkgPT4gYFxuICAke1xuICAgIHN0cmlwcGVkXG4gICAgICA/IGAmIHRib2R5IHRyOm50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgfWBcbiAgICAgIDogJydcbiAgfVxuXG4gICR7XG4gICAgYm9yZGVyZWRcbiAgICAgID8gYCYgdGJvZHkgdHIge1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICB9YFxuICAgICAgOiAnJ1xuICB9XG4gIGB9XG5gXG5cbnR5cGUgQ29sdW1uUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgSGVhZGVyQ2VsbD4sXG4gICdpc09yZGVyZWQnIHwgJ29uT3JkZXInIHwgJ29yZGVyRGlyZWN0aW9uJ1xuPiAmIHtcbiAgbGFiZWw/OiBSZWFjdE5vZGVcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xuICBhbGlnbj86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0J1xufVxuXG50eXBlIFRhYmxlUHJvcHMgPSB7XG4gIHNlbGVjdGFibGU/OiBib29sZWFuXG4gIGNvbHVtbnM6IENvbHVtblByb3BzW11cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogU2V0IGl0IHRvIHRydWUgaWYgeW91IHdhbnQgdG8gZGlzcGxheSBhIHBsYWNlaG9sZGVyIGR1cmluZyBsb2FkaW5nXG4gICAqICovXG4gIGxvYWRpbmc/OiBib29sZWFuXG4gIGJvcmRlcmVkPzogYm9vbGVhblxuICBzdHJpcHBlZD86IGJvb2xlYW5cbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEJhc2VUYWJsZSA9IGZvcndhcmRSZWY8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBzZWxlY3RhYmxlID0gZmFsc2UsXG4gICAgICBleHBhbmRhYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbHVtbnMsXG4gICAgICBsb2FkaW5nLFxuICAgICAgYm9yZGVyZWQgPSBmYWxzZSxcbiAgICAgIHN0cmlwcGVkID0gZmFsc2UsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZVRlbXBsYXRlID0gYCR7XG4gICAgICBzZWxlY3RhYmxlID8gYCR7U0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFfXB4IGAgOiAnJ1xuICAgIH0ke2V4cGFuZGFibGUgPyBgJHtFWFBBTkRBQkxFX0NPTFVNTl9TSVpFfXB4IGAgOiAnJ30ke2NvbHVtbnNcbiAgICAgIC5tYXAoKHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJ21pbm1heCgwLCAxZnIpJylcbiAgICAgIC5qb2luKCcgJyl9YFxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZVByb3ZpZGVyXG4gICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgICAgc3RyaXBwZWQ9e3N0cmlwcGVkfVxuICAgICAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkVGFibGVcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBzdHJpcHBlZD17c3RyaXBwZWR9XG4gICAgICAgICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgICAgICAgIHRlbXBsYXRlPXtjb21wdXRlVGVtcGxhdGV9XG4gICAgICAgID5cbiAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgPEhlYWRlclJvdyBoYXNTZWxlY3RBbGxDb2x1bW49e3NlbGVjdGFibGV9PlxuICAgICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICA8SGVhZGVyQ2VsbFxuICAgICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWFycmF5LWluZGV4LWtleVxuICAgICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAgICBvcmRlckRpcmVjdGlvbj17Y29sdW1uLm9yZGVyRGlyZWN0aW9ufVxuICAgICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgICB3aWR0aD17Y29sdW1uLndpZHRofVxuICAgICAgICAgICAgICAgICAgbWluV2lkdGg9e2NvbHVtbi5taW5XaWR0aH1cbiAgICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgICAgIGFsaWduPXtjb2x1bW4uYWxpZ259XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9IZWFkZXJSb3c+XG4gICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICA8Qm9keT5cbiAgICAgICAgICAgICAgPFNrZWxldG9uUm93c1xuICAgICAgICAgICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgICAgICAgICAgcm93cz17NX1cbiAgICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQm9keT5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZVByb3ZpZGVyPlxuICAgIClcbiAgfSxcbilcblxuLyoqXG4gKiBUYWJsZSBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJ1bGFyIGZvcm1hdC5cbiAqL1xuZXhwb3J0IGNvbnN0IFRhYmxlID0gT2JqZWN0LmFzc2lnbihCYXNlVGFibGUsIHtcbiAgQm9keSxcbiAgUm93LFxuICBDZWxsLFxuICB1c2VUYWJsZUNvbnRleHQsXG4gIFNlbGVjdEJhcixcbn0pXG4iXX0= */"));
 const BaseTable = React.forwardRef(({
   selectable = false,
+  expandable = 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
-] }) }));
+  stripped = false,
+  autoCollapse = false
+}, ref) => {
+  const computeTemplate = `${selectable ? `${constants.SELECTABLE_CHECKBOX_SIZE}px ` : ""}${expandable ? `${constants.EXPANDABLE_COLUMN_SIZE}px ` : ""}${columns.map(({
+    width
+  }) => width ?? "minmax(0, 1fr)").join(" ")}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.TableProvider, { selectable, expandButton: expandable, stripped, bordered, autoCollapse, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledTable, { ref, stripped, bordered, template: computeTemplate, 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,
+        align: column.align,
+        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,

package/dist/components/Table/index.d.ts

@@ -7,6 +7,7 @@ type ColumnProps = Pick<ComponentProps<typeof HeaderCell>, 'isOrdered' | 'onOrde
     minWidth?: string;
     maxWidth?: string;
     info?: string;
+    align?: 'left' | 'center' | 'right';
 };
 type TableProps = {
     selectable?: boolean;
@@ -18,6 +19,11 @@ type TableProps = {
     loading?: boolean;
     bordered?: boolean;
     stripped?: boolean;
+    expandable?: boolean;
+    /**
+     * Auto collapse is collapsing expandable row when another is expanding
+     * */
+    autoCollapse?: boolean;
 };
 export declare const BaseTable: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
 /**
@@ -27,19 +33,23 @@ export declare const Table: import("react").ForwardRefExoticComponent<TableProps
     Body: ({ children }: {
         children: ReactNode;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Row: ({ children, className, id, selectDisabled, highlightAnimation, "data-testid": dataTestid, }: {
+    Row: ({ children, className, id, selectDisabled, highlightAnimation, expandable, expanded, "data-testid": dataTestid, }: {
         children: ReactNode;
+        expandable?: ReactNode;
         className?: string;
         id: string;
         'data-testid'?: string;
         selectDisabled?: boolean | string;
         highlightAnimation?: boolean;
+        expanded?: boolean;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Cell: ({ children, className, colSpan, rowSpan }: {
+    Cell: ({ children, className, colSpan, rowSpan, sentiment, align, }: {
         children?: ReactNode;
         className?: string;
         colSpan?: number;
         rowSpan?: number;
+        sentiment?: "neutral" | "success" | "danger" | "warning" | "info";
+        align?: "center" | "left" | "right";
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     useTableContext: () => {
         bordered: boolean;
@@ -54,6 +64,13 @@ export declare const Table: import("react").ForwardRefExoticComponent<TableProps
         selectAll: () => void;
         unselectAll: () => void;
         registerSelectableRow: (rowId: string) => () => void;
+        expandedRowIds: {
+            [x: string]: boolean;
+        };
+        expandRow: (rowId: string) => void;
+        collapseRow: (rowId: string) => void;
+        expandButton: boolean;
+        registerExpandableRow: (rowId: string, expanded?: boolean) => () => void;
     };
     SelectBar: typeof SelectBar;
 };

package/dist/components/Table/index.js

@@ -10,14 +10,17 @@ import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
 import { TableProvider, useTableContext } from "./TableContext.js";
+import { SELECTABLE_CHECKBOX_SIZE, EXPANDABLE_COLUMN_SIZE } from "./constants.js";
 const StyledTable = /* @__PURE__ */ _styled("table", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  shouldForwardProp: (prop) => !["bordered", "stripped", "template"].includes(prop),
   target: "ert5hkm0"
 } : {
-  shouldForwardProp: (prop) => !["bordered", "stripped"].includes(prop),
+  shouldForwardProp: (prop) => !["bordered", "stripped", "template"].includes(prop),
   target: "ert5hkm0",
   label: "StyledTable"
-})("width:100%;box-sizing:content-box;border-collapse:collapse;", ({
+})('width:100%;box-sizing:content-box;border-collapse:collapse;[role="row"],[role="button row"]{display:grid;width:100%;grid-template-columns:', ({
+  template
+}) => template, ";align-items:center;}", ({
   theme,
   stripped,
   bordered
@@ -29,31 +32,39 @@ const StyledTable = /* @__PURE__ */ _styled("table", process.env.NODE_ENV === "p
   ${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+LFxuICAnaXNPcmRlcmVkJyB8ICdvbk9yZGVyJyB8ICdvcmRlckRpcmVjdGlvbidcbj4gJiB7XG4gIGxhYmVsPzogUmVhY3ROb2RlXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxudHlwZSBUYWJsZVByb3BzID0ge1xuICBzZWxlY3RhYmxlPzogYm9vbGVhblxuICBjb2x1bW5zOiBDb2x1bW5Qcm9wc1tdXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFNldCBpdCB0byB0cnVlIGlmIHlvdSB3YW50IHRvIGRpc3BsYXkgYSBwbGFjZWhvbGRlciBkdXJpbmcgbG9hZGluZ1xuICAgKiAqL1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgc3RyaXBwZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBCYXNlVGFibGUgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUVsZW1lbnQsIFRhYmxlUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2x1bW5zLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGJvcmRlcmVkID0gZmFsc2UsXG4gICAgICBzdHJpcHBlZCA9IGZhbHNlLFxuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8VGFibGVQcm92aWRlclxuICAgICAgc2VsZWN0YWJsZT17c2VsZWN0YWJsZX1cbiAgICAgIHN0cmlwcGVkPXtzdHJpcHBlZH1cbiAgICAgIGJvcmRlcmVkPXtib3JkZXJlZH1cbiAgICA+XG4gICAgICA8U3R5bGVkVGFibGUgcmVmPXtyZWZ9IHN0cmlwcGVkPXtzdHJpcHBlZH0gYm9yZGVyZWQ9e2JvcmRlcmVkfT5cbiAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICA8SGVhZGVyUm93IGhhc1NlbGVjdEFsbENvbHVtbj17c2VsZWN0YWJsZX0+XG4gICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEhlYWRlckNlbGxcbiAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgaXNPcmRlcmVkPXtjb2x1bW4uaXNPcmRlcmVkfVxuICAgICAgICAgICAgICAgIG9yZGVyRGlyZWN0aW9uPXtjb2x1bW4ub3JkZXJEaXJlY3Rpb259XG4gICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgd2lkdGg9e2NvbHVtbi53aWR0aH1cbiAgICAgICAgICAgICAgICBtaW5XaWR0aD17Y29sdW1uLm1pbldpZHRofVxuICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgaW5mbz17Y29sdW1uLmluZm99XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Y29sdW1uLmxhYmVsfVxuICAgICAgICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0hlYWRlclJvdz5cbiAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgIHtsb2FkaW5nID8gKFxuICAgICAgICAgIDxCb2R5PlxuICAgICAgICAgICAgPFNrZWxldG9uUm93c1xuICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb2R5PlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFRhYmxlPlxuICAgIDwvVGFibGVQcm92aWRlcj5cbiAgKSxcbilcblxuLyoqXG4gKiBUYWJsZSBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJ1bGFyIGZvcm1hdC5cbiAqL1xuZXhwb3J0IGNvbnN0IFRhYmxlID0gT2JqZWN0LmFzc2lnbihCYXNlVGFibGUsIHtcbiAgQm9keSxcbiAgUm93LFxuICBDZWxsLFxuICB1c2VUYWJsZUNvbnRleHQsXG4gIFNlbGVjdEJhcixcbn0pXG4iXX0= */"));
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm9CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCb2R5IH0gZnJvbSAnLi9Cb2R5J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4vSGVhZGVyJ1xuaW1wb3J0IHsgSGVhZGVyQ2VsbCB9IGZyb20gJy4vSGVhZGVyQ2VsbCdcbmltcG9ydCB7IEhlYWRlclJvdyB9IGZyb20gJy4vSGVhZGVyUm93J1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9Sb3cnXG5pbXBvcnQgeyBTZWxlY3RCYXIgfSBmcm9tICcuL1NlbGVjdEJhcidcbmltcG9ydCB7IFNrZWxldG9uUm93cyB9IGZyb20gJy4vU2tlbGV0b25Sb3dzJ1xuaW1wb3J0IHsgVGFibGVQcm92aWRlciwgdXNlVGFibGVDb250ZXh0IH0gZnJvbSAnLi9UYWJsZUNvbnRleHQnXG5pbXBvcnQgeyBFWFBBTkRBQkxFX0NPTFVNTl9TSVpFLCBTRUxFQ1RBQkxFX0NIRUNLQk9YX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50cydcblxudHlwZSBTdHlsZWRUYWJsZVByb3BzID0ge1xuICBzdHJpcHBlZDogYm9vbGVhblxuICBib3JkZXJlZDogYm9vbGVhblxuICB0ZW1wbGF0ZTogc3RyaW5nXG59XG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZCgndGFibGUnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnYm9yZGVyZWQnLCAnc3RyaXBwZWQnLCAndGVtcGxhdGUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPFN0eWxlZFRhYmxlUHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG5cbiAgW3JvbGU9XCJyb3dcIl0sXG4gIFtyb2xlPVwiYnV0dG9uIHJvd1wiXSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7KHsgdGVtcGxhdGUgfSkgPT4gdGVtcGxhdGV9O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAkeyh7IHRoZW1lLCBzdHJpcHBlZCwgYm9yZGVyZWQgfSkgPT4gYFxuICAke1xuICAgIHN0cmlwcGVkXG4gICAgICA/IGAmIHRib2R5IHRyOm50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgfWBcbiAgICAgIDogJydcbiAgfVxuXG4gICR7XG4gICAgYm9yZGVyZWRcbiAgICAgID8gYCYgdGJvZHkgdHIge1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICB9YFxuICAgICAgOiAnJ1xuICB9XG4gIGB9XG5gXG5cbnR5cGUgQ29sdW1uUHJvcHMgPSBQaWNrPFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgSGVhZGVyQ2VsbD4sXG4gICdpc09yZGVyZWQnIHwgJ29uT3JkZXInIHwgJ29yZGVyRGlyZWN0aW9uJ1xuPiAmIHtcbiAgbGFiZWw/OiBSZWFjdE5vZGVcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xuICBhbGlnbj86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0J1xufVxuXG50eXBlIFRhYmxlUHJvcHMgPSB7XG4gIHNlbGVjdGFibGU/OiBib29sZWFuXG4gIGNvbHVtbnM6IENvbHVtblByb3BzW11cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogU2V0IGl0IHRvIHRydWUgaWYgeW91IHdhbnQgdG8gZGlzcGxheSBhIHBsYWNlaG9sZGVyIGR1cmluZyBsb2FkaW5nXG4gICAqICovXG4gIGxvYWRpbmc/OiBib29sZWFuXG4gIGJvcmRlcmVkPzogYm9vbGVhblxuICBzdHJpcHBlZD86IGJvb2xlYW5cbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEJhc2VUYWJsZSA9IGZvcndhcmRSZWY8SFRNTFRhYmxlRWxlbWVudCwgVGFibGVQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBzZWxlY3RhYmxlID0gZmFsc2UsXG4gICAgICBleHBhbmRhYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbHVtbnMsXG4gICAgICBsb2FkaW5nLFxuICAgICAgYm9yZGVyZWQgPSBmYWxzZSxcbiAgICAgIHN0cmlwcGVkID0gZmFsc2UsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZVRlbXBsYXRlID0gYCR7XG4gICAgICBzZWxlY3RhYmxlID8gYCR7U0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFfXB4IGAgOiAnJ1xuICAgIH0ke2V4cGFuZGFibGUgPyBgJHtFWFBBTkRBQkxFX0NPTFVNTl9TSVpFfXB4IGAgOiAnJ30ke2NvbHVtbnNcbiAgICAgIC5tYXAoKHsgd2lkdGggfSkgPT4gd2lkdGggPz8gJ21pbm1heCgwLCAxZnIpJylcbiAgICAgIC5qb2luKCcgJyl9YFxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZVByb3ZpZGVyXG4gICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgICAgc3RyaXBwZWQ9e3N0cmlwcGVkfVxuICAgICAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkVGFibGVcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBzdHJpcHBlZD17c3RyaXBwZWR9XG4gICAgICAgICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgICAgICAgIHRlbXBsYXRlPXtjb21wdXRlVGVtcGxhdGV9XG4gICAgICAgID5cbiAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgPEhlYWRlclJvdyBoYXNTZWxlY3RBbGxDb2x1bW49e3NlbGVjdGFibGV9PlxuICAgICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICA8SGVhZGVyQ2VsbFxuICAgICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWFycmF5LWluZGV4LWtleVxuICAgICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAgICBvcmRlckRpcmVjdGlvbj17Y29sdW1uLm9yZGVyRGlyZWN0aW9ufVxuICAgICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgICB3aWR0aD17Y29sdW1uLndpZHRofVxuICAgICAgICAgICAgICAgICAgbWluV2lkdGg9e2NvbHVtbi5taW5XaWR0aH1cbiAgICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgICAgIGFsaWduPXtjb2x1bW4uYWxpZ259XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9IZWFkZXJSb3c+XG4gICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICA8Qm9keT5cbiAgICAgICAgICAgICAgPFNrZWxldG9uUm93c1xuICAgICAgICAgICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgICAgICAgICAgcm93cz17NX1cbiAgICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQm9keT5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZVByb3ZpZGVyPlxuICAgIClcbiAgfSxcbilcblxuLyoqXG4gKiBUYWJsZSBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGRhdGEgaW4gYSB0YWJ1bGFyIGZvcm1hdC5cbiAqL1xuZXhwb3J0IGNvbnN0IFRhYmxlID0gT2JqZWN0LmFzc2lnbihCYXNlVGFibGUsIHtcbiAgQm9keSxcbiAgUm93LFxuICBDZWxsLFxuICB1c2VUYWJsZUNvbnRleHQsXG4gIFNlbGVjdEJhcixcbn0pXG4iXX0= */"));
 const BaseTable = forwardRef(({
   selectable = false,
+  expandable = 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,
-    {
-      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
-] }) }));
+  stripped = false,
+  autoCollapse = false
+}, ref) => {
+  const computeTemplate = `${selectable ? `${SELECTABLE_CHECKBOX_SIZE}px ` : ""}${expandable ? `${EXPANDABLE_COLUMN_SIZE}px ` : ""}${columns.map(({
+    width
+  }) => width ?? "minmax(0, 1fr)").join(" ")}`;
+  return /* @__PURE__ */ jsx(TableProvider, { selectable, expandButton: expandable, stripped, bordered, autoCollapse, children: /* @__PURE__ */ jsxs(StyledTable, { ref, stripped, bordered, template: computeTemplate, 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,
+        align: column.align,
+        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,