@multiplatform.one/table-primitives 6.0.0

package/dist/cjs/table.spec.native.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("Table Primitives", function () {
+  (0, import_vitest.it)("renders semantic HTML structure via tag attributes (table, thead, tbody, tfoot, tr, td, th, caption)", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Caption, {
+        children: "Test Caption"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.HeaderCell, {
+            children: "Header"
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Cell"
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Foot, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Footer"
+          })
+        })
+      })]
+    }));
+    (0, import_vitest.expect)(container.querySelector('[tag="table"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="thead"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="tbody"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="tfoot"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelectorAll('[tag="tr"]').length).toBe(3);
+    (0, import_vitest.expect)(container.querySelector('[tag="td"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="th"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="caption"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_Table")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHead")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableBody")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableFoot")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableRow")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCaption")).not.toBeNull();
+  });
+  (0, import_vitest.it)("applies intent props on Table.Row with Theme wrapping", function () {
+    var {
+      container: withIntent
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Body, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          accent: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Accent row"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          error: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Error row"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          warning: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Warning row"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          success: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Success row"
+          })
+        })]
+      })
+    }));
+    var {
+      container: withoutIntent
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Normal row"
+          })
+        })
+      })
+    }));
+    var rows = withIntent.querySelectorAll('[tag="tr"]');
+    (0, import_vitest.expect)(rows.length).toBe(4);
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Accent row");
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Error row");
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Warning row");
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Success row");
+    var intentThemeWrappers = withIntent.querySelectorAll(".is_Theme");
+    var normalThemeWrappers = withoutIntent.querySelectorAll(".is_Theme");
+    (0, import_vitest.expect)(intentThemeWrappers.length).toBeGreaterThan(normalThemeWrappers.length);
+  });
+  (0, import_vitest.it)("spreads knobProps from useResolvedKnobs on Table root", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Content"
+          })
+        })
+      })
+    }));
+    var table = container.querySelector('[tag="table"]');
+    (0, import_vitest.expect)(table).not.toBeNull();
+    (0, import_vitest.expect)(table === null || table === void 0 ? void 0 : table.textContent).toContain("Content");
+    (0, import_vitest.expect)(table === null || table === void 0 ? void 0 : table.classList.contains("is_Table")).toBe(true);
+  });
+  (0, import_vitest.it)("renders Table.Caption as a caption element", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Caption, {
+        children: "Monthly Sales Report"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Data"
+          })
+        })
+      })]
+    }));
+    var caption = container.querySelector('[tag="caption"]');
+    (0, import_vitest.expect)(caption).not.toBeNull();
+    (0, import_vitest.expect)(caption === null || caption === void 0 ? void 0 : caption.textContent).toContain("Monthly Sales Report");
+    (0, import_vitest.expect)(caption === null || caption === void 0 ? void 0 : caption.classList.contains("is_TableCaption")).toBe(true);
+    var table = container.querySelector('[tag="table"]');
+    (0, import_vitest.expect)(table === null || table === void 0 ? void 0 : table.querySelector('[tag="caption"]')).not.toBeNull();
+  });
+  (0, import_vitest.it)("exposes compound component API (Head, Body, Row, Cell, HeaderCell, Foot, Caption)", function () {
+    (0, import_vitest.expect)(import_index.Table.Head).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Body).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Row).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Cell).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.HeaderCell).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Foot).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Caption).toBeDefined();
+    var {
+      getByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Caption, {
+        children: "Caption"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.HeaderCell, {
+            children: "H1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.HeaderCell, {
+            children: "H2"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "A1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "A2"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Foot, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "F1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "F2"
+          })]
+        })
+      })]
+    }));
+    (0, import_vitest.expect)(getByText("Caption")).toBeDefined();
+    (0, import_vitest.expect)(getByText("H1")).toBeDefined();
+    (0, import_vitest.expect)(getByText("H2")).toBeDefined();
+    (0, import_vitest.expect)(getByText("A1")).toBeDefined();
+    (0, import_vitest.expect)(getByText("A2")).toBeDefined();
+    (0, import_vitest.expect)(getByText("F1")).toBeDefined();
+    (0, import_vitest.expect)(getByText("F2")).toBeDefined();
+  });
+});
+//# sourceMappingURL=table.spec.native.js.map

package/dist/cjs/table.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_vitest","import_index","describe","it","container","renderWithProviders","jsxs","Table","children","jsx","Caption","Head","Row","HeaderCell","Body","Cell","Foot","expect","querySelector","not","toBeNull","querySelectorAll","length","toBe","withIntent","accent","error","warning","success","withoutIntent","rows","textContent","toContain","intentThemeWrappers","normalThemeWrappers","toBeGreaterThan"],"sources":["../../src/table.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/tableCellContext.cjs

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var tableCellContext_exports = {};
+__export(tableCellContext_exports, {
+  TableCellContext: () => TableCellContext,
+  useIsInTableCell: () => useIsInTableCell,
+  useTableCellContext: () => useTableCellContext
+});
+module.exports = __toCommonJS(tableCellContext_exports);
+var import_react = require("react");
+const defaultValue = {
+  inTableCell: false,
+  isHeader: false,
+  editable: false
+};
+const TableCellContext = (0, import_react.createContext)(defaultValue);
+function useTableCellContext() {
+  return (0, import_react.useContext)(TableCellContext);
+}
+function useIsInTableCell() {
+  const {
+    inTableCell
+  } = useTableCellContext();
+  return inTableCell;
+}

package/dist/cjs/tableCellContext.native.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var tableCellContext_exports = {};
+__export(tableCellContext_exports, {
+  TableCellContext: () => TableCellContext,
+  useIsInTableCell: () => useIsInTableCell,
+  useTableCellContext: () => useTableCellContext
+});
+module.exports = __toCommonJS(tableCellContext_exports);
+var import_react = require("react");
+var defaultValue = {
+  inTableCell: false,
+  isHeader: false,
+  editable: false
+};
+var TableCellContext = (0, import_react.createContext)(defaultValue);
+function useTableCellContext() {
+  return (0, import_react.useContext)(TableCellContext);
+}
+function useIsInTableCell() {
+  var {
+    inTableCell
+  } = useTableCellContext();
+  return inTableCell;
+}
+//# sourceMappingURL=tableCellContext.native.js.map

package/dist/cjs/tableCellContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tableCellContext_exports","__export","TableCellContext","useIsInTableCell","useTableCellContext","module","exports","import_react","require","defaultValue","inTableCell","isHeader","editable","createContext","useContext"],"sources":["../../src/tableCellContext.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAX,YAA0C,CAAAK,wBAAA;AAW1C,IAAAO,YAAM,GAAAC,OAAsC;AAAA,IAC1CC,YAAa;EACbC,WAAU;EACVC,QAAA,EAAU;EACZC,QAAA;AAEO;AAEA,IAAAV,gBAAS,OAAAK,YAA6C,CAAAM,aAAA,EAAAJ,YAAA;AAC3D,SAAAL,mBAAOA,CAAA;EACT,WAAAG,YAAA,CAAAO,UAAA,EAAAZ,gBAAA;AAEO;AACL,SAAMC,gBAAcA,CAAA,EAAI;EACxB;IAAAO;EAAO,IAAAN,mBAAA;EACT,OAAAM,WAAA","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,388 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { TableCellContext } from "./tableCellContext.mjs";
+import { Theme, ThemeableStack, createStyledContext, styled, withStaticProperties } from "tamagui";
+import { TableCellContext as TableCellContext2, useIsInTableCell, useTableCellContext } from "./tableCellContext.mjs";
+import { jsx } from "react/jsx-runtime";
+const TableContext = createStyledContext({
+  cellWidth: "$8",
+  cellHeight: "$8",
+  alignHeaderCells: {
+    x: "start",
+    y: "center"
+  },
+  alignCells: {
+    x: "start",
+    y: "center"
+  },
+  borderColor: "$color6",
+  displayMode: "table"
+});
+const Row = styled(ThemeableStack, {
+  name: "TableRow",
+  ...{
+    tag: "tr"
+  },
+  role: "row",
+  context: TableContext,
+  display: "table-row",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-row"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "row",
+        width: "100%",
+        alignItems: "center"
+      }
+    },
+    rowLocation: {
+      first: () => ({}),
+      last: () => ({}),
+      middle: () => ({})
+    }
+  }
+});
+const Cell = styled(ThemeableStack, {
+  name: "TableCell",
+  ...{
+    tag: "td"
+  },
+  context: TableContext,
+  display: "table-cell",
+  // verticalAlign goes via inline style; Tamagui forwards it to the DOM as a JSX
+  // prop otherwise, which React rejects ("React does not recognize verticalAlign").
+  style: {
+    verticalAlign: "middle"
+  },
+  alignItems: "center",
+  justifyContent: "flex-start",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  overflow: "hidden",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-cell",
+        style: {
+          verticalAlign: "middle"
+        }
+      },
+      flex: {
+        display: "flex",
+        overflow: "visible"
+      }
+    },
+    cellWidth: {
+      /** Equal flex for consistency across rows (flex rows size independently) */
+      auto: () => ({
+        flex: 1
+      }),
+      ":number": val => ({
+        width: val,
+        minWidth: val
+      }),
+      "...size": (name, {
+        tokens
+      }) => ({
+        width: tokens.size[name],
+        minWidth: tokens.size[name]
+      })
+    },
+    cellHeight: {
+      "...size": (name, {
+        tokens
+      }) => {
+        return {
+          minHeight: tokens.size[name]
+        };
+      }
+    },
+    alignCells: val => {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellLocation: {
+      first: () => ({}),
+      last: () => ({}),
+      middle: () => ({})
+    }
+  }
+});
+const HeaderCell = styled(ThemeableStack, {
+  name: "TableHeaderCell",
+  ...{
+    tag: "th",
+    scope: "col"
+  },
+  context: TableContext,
+  display: "table-cell",
+  // verticalAlign goes via inline style; see TableCell above for context.
+  style: {
+    verticalAlign: "middle"
+  },
+  alignItems: "center",
+  justifyContent: "flex-start",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  backgroundColor: "$color3",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-cell",
+        style: {
+          verticalAlign: "middle"
+        }
+      },
+      flex: {
+        display: "flex"
+      }
+    },
+    cellWidth: {
+      /** Equal flex for consistency across rows */
+      auto: () => ({
+        flex: 1
+      }),
+      ":number": val => ({
+        width: val,
+        minWidth: val
+      }),
+      "...size": (name, {
+        tokens
+      }) => ({
+        width: tokens.size[name],
+        minWidth: tokens.size[name]
+      })
+    },
+    alignHeaderCells: val => {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellHeight: {
+      "...size": (name, {
+        tokens
+      }) => ({
+        minHeight: tokens.size[name]
+      })
+    },
+    cellLocation: {
+      first: () => ({}),
+      last: () => ({}),
+      middle: () => ({})
+    }
+  }
+});
+const TableBody = styled(ThemeableStack, {
+  name: "TableBody",
+  ...{
+    tag: "tbody"
+  },
+  context: TableContext,
+  display: "table-row-group",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-row-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        overflowY: "auto",
+        flex: 1,
+        minHeight: 0
+      }
+    }
+  }
+});
+const TableHead = styled(ThemeableStack, {
+  name: "TableHead",
+  ...{
+    tag: "thead"
+  },
+  context: TableContext,
+  display: "table-header-group",
+  borderBottomWidth: 1,
+  borderBottomColor: "$color6",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-header-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flexShrink: 0
+      }
+    }
+  }
+});
+const TableFoot = styled(ThemeableStack, {
+  name: "TableFoot",
+  ...{
+    tag: "tfoot"
+  },
+  context: TableContext,
+  display: "table-footer-group",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-footer-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flexShrink: 0
+      }
+    }
+  }
+});
+const TableCaption = styled(ThemeableStack, {
+  name: "TableCaption",
+  ...{
+    tag: "caption"
+  },
+  context: TableContext,
+  display: "table-caption",
+  paddingVertical: "$2",
+  paddingHorizontal: "$2"
+});
+const TableComp = styled(ThemeableStack, {
+  name: "Table",
+  ...{
+    tag: "table"
+  },
+  context: TableContext,
+  display: "table",
+  borderWidth: 1,
+  borderColor: "$color6",
+  backgroundColor: "$background",
+  overflow: "hidden",
+  width: "100%",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        minHeight: 0
+      }
+    },
+    /** Empty variants to satisfy context-driven props without ts errors on Table */
+    cellWidth: {
+      "...size": () => {
+        return {};
+      }
+    },
+    cellHeight: {
+      "...size": () => {
+        return {};
+      }
+    },
+    alignHeaderCells: _val => ({}),
+    alignCells: _val => ({})
+  }
+});
+function resolveIntent(props) {
+  if (props.accent) return "accent";
+  if (props.error) return "error";
+  if (props.warning) return "warning";
+  if (props.success) return "success";
+  return void 0;
+}
+function ThemedTableComp(props) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const baseBorderWidth = knobProps.borderRadius.borderWidth;
+  const resolvedBorderWidth = knobProps.outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
+  return /* @__PURE__ */jsx(TableComp, {
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    borderColor: "$color6",
+    backgroundColor: "$background",
+    elevation: knobProps.elevation,
+    ...props,
+    style: [{
+      tableLayout: "fixed"
+    }, props.style]
+  });
+}
+function ThemedRow({
+  accent,
+  error,
+  warning,
+  success,
+  ...props
+}) {
+  const intent = resolveIntent({
+    accent,
+    error,
+    warning,
+    success
+  });
+  const row = /* @__PURE__ */jsx(Row, {
+    ...(intent ? {
+      backgroundColor: "$color3"
+    } : {}),
+    ...props
+  });
+  if (intent) {
+    return /* @__PURE__ */jsx(Theme, {
+      name: intent,
+      children: row
+    });
+  }
+  return row;
+}
+function ThemedCell({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(Cell, {
+    ...props,
+    children: /* @__PURE__ */jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: false
+      },
+      children
+    })
+  });
+}
+function ThemedHeaderCell({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */jsx(HeaderCell, {
+    ...props,
+    children: /* @__PURE__ */jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: true
+      },
+      children
+    })
+  });
+}
+const Table = withStaticProperties(ThemedTableComp, {
+  Head: TableHead,
+  Body: TableBody,
+  Row: ThemedRow,
+  Cell: ThemedCell,
+  HeaderCell: ThemedHeaderCell,
+  Foot: TableFoot,
+  Caption: TableCaption
+});
+export { Table, TableCellContext2 as TableCellContext, useIsInTableCell, useTableCellContext };
+//# sourceMappingURL=index.mjs.map