vira 25.12.3 → 25.13.0

package/dist/elements/index.d.ts

@@ -6,7 +6,7 @@ export * from './pop-up/vira-menu-trigger.element.js';
 export * from './pop-up/vira-menu.element.js';
 export * from './pop-up/vira-pop-up-menu.element.js';
 export * from './pop-up/vira-pop-up-trigger.element.js';
-export * from './table/define-table.js';
+export * from './table/create-table.js';
 export * from './table/vira-table.element.js';
 export * from './vira-bold-text.element.js';
 export * from './vira-button.element.js';

package/dist/elements/index.js

@@ -6,7 +6,7 @@ export * from './pop-up/vira-menu-trigger.element.js';
 export * from './pop-up/vira-menu.element.js';
 export * from './pop-up/vira-pop-up-menu.element.js';
 export * from './pop-up/vira-pop-up-trigger.element.js';
-export * from './table/define-table.js';
+export * from './table/create-table.js';
 export * from './table/vira-table.element.js';
 export * from './vira-bold-text.element.js';
 export * from './vira-button.element.js';

package/dist/elements/table/{define-table.d.ts → create-table.d.ts}

@@ -7,19 +7,30 @@ import { type HtmlInterpolation } from 'element-vir';
  */
 export type ViraTableCell<Columns extends ViraTableColumns | undefined = undefined> = undefined extends Columns ? Record<PropertyKey, HtmlInterpolation> : Record<ArrayElement<Exclude<Columns, undefined>>['key'], HtmlInterpolation>;
 /**
- * A column definition for {@link ViraTableSetup}.
+ * An individual column definition in {@link ViraTableColumns}.
  *
  * @category Internal
  */
-export type ViraTableColumns = ReadonlyArray<Readonly<{
+export type ViraTableColumn = Readonly<{
     /** The key that cells must use to set a value for this column. */
     key: PropertyKey;
-    /** This will be displayed in the header for this column. */
-    label: HtmlInterpolation;
 } & PartialWithUndefined<{
+    /**
+     * This will be displayed in the header for this column. If no `label` is provided, the
+     * `key` will be used.
+     */
+    label: HtmlInterpolation;
     /** If set to `true`, this column will not be rendered. */
     hide: boolean;
-}>>>;
+    /** If true, this column is a header column, so all cells in it will be rendered as headers. */
+    isHeader: boolean;
+}>>;
+/**
+ * A column definition for {@link ViraTableSetup}.
+ *
+ * @category Internal
+ */
+export type ViraTableColumns = ReadonlyArray<ViraTableColumn>;
 /**
  * An individual row in {@link ViraTableSetup}.
  *

package/dist/elements/table/vira-table.element.d.ts

@@ -1,6 +1,6 @@
 import { type PartialWithUndefined } from '@augment-vir/common';
 import { type AttributeValues, type CSSResult } from 'element-vir';
-import { type ViraTableRow, type ViraTableSetup } from './define-table.js';
+import { type ViraTableRow, type ViraTableSetup } from './create-table.js';
 /**
  * Element tagnames that have passthroughs setup for them in {@link ViraTable}.
  *

package/dist/elements/table/vira-table.element.js

@@ -59,15 +59,16 @@ export const ViraTable = defineViraElement()({
                 if (column.hide) {
                     return nothing;
                 }
+                const cellElement = column.isHeader ? 'th' : 'td';
                 return html `
-                    <td
+                    <${cellElement}
                         ${inputs.attributePassthrough?.td
                     ? attributes(inputs.attributePassthrough.td)
                     : nothing}
                         style=${ifDefined(inputs.stylePassthrough?.td)}
                     >
                         ${row.cells[column.key]}
-                    </td>
+                    </${cellElement}>
                 `;
             });
             const isClickable = !inputs.preventRowClicks && !row.disabled;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "25.12.3",
+    "version": "25.13.0",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -67,7 +67,7 @@
         "vite-tsconfig-paths": "^5.1.4"
     },
     "peerDependencies": {
-        "element-vir": "^25.12.3"
+        "element-vir": "^25.13.0"
     },
     "engines": {
         "node": ">=22"