@x-plat/design-system 0.6.1 → 0.7.0

package/dist/components/index.cjs

@@ -50,6 +50,7 @@ __export(components_exports, {
   Editor: () => Editor_default,
   EmptyState: () => EmptyState_default,
   FileUpload: () => FileUpload_default,
+  HtmlTypeWriter: () => HtmlTypeWriter_default,
   HtmlTypewriter: () => HtmlTypeWriter_default,
   IconButton: () => IconButton_default,
   ImageSelector: () => ImageSelector_default,
@@ -5889,6 +5890,7 @@ var TableCell = import_react38.default.memo((props) => {
     isSticky = false,
     width,
     nowrap = false,
+    scope = "col",
     onClick
   } = props;
   const { registerStickyCell, stickyCells } = useTableRowContext();
@@ -5920,7 +5922,8 @@ var TableCell = import_react38.default.memo((props) => {
     }
     return () => observer.disconnect();
   }, [isSticky, registerStickyCell, calculateLeft]);
-  const CellTag = cellRef.current?.tagName === "TH" ? "th" : "td";
+  const isHeaderCell = headContext !== null;
+  const CellTag = isHeaderCell ? "th" : "td";
   const isLastSticky = isSticky && stickyCells[stickyCells.length - 1] === cellRef;
   const enableHover = headContext && headContext.cellHover;
   return /* @__PURE__ */ (0, import_jsx_runtime344.jsx)(
@@ -5935,6 +5938,7 @@ var TableCell = import_react38.default.memo((props) => {
         enableHover && "cell-hover",
         nowrap && "nowrap"
       ),
+      scope: isHeaderCell ? scope : void 0,
       style: {
         ...isSticky ? { left } : null,
         ...width != null ? { width: typeof width === "number" ? `${width}px` : width } : null
@@ -6629,6 +6633,7 @@ var Video_default = Video;
   Editor,
   EmptyState,
   FileUpload,
+  HtmlTypeWriter,
   HtmlTypewriter,
   IconButton,
   ImageSelector,