vira 26.1.0 → 26.1.1

package/dist/util/define-table.d.ts

@@ -24,20 +24,35 @@ export type ViraTableHeaders = ReadonlyArray<ViraTableKey>;
  *
  * @category Internal
  */
-export type ViraTableEntry<Keys extends ViraTableHeaders | undefined = undefined> = undefined extends Keys ? Record<string | number, HtmlInterpolation> : Record<ArrayElement<Exclude<Keys, undefined>>['key'], HtmlInterpolation>;
+export type ViraTableEntry<Headers extends ViraTableHeaders | undefined = undefined> = Record<HeaderKey<Headers>, HtmlInterpolation>;
+/**
+ * An individual cell in {@link ViraTable}.
+ *
+ * @category Internal
+ */
+export type ViraTableCell<Headers extends ViraTableHeaders | undefined = undefined> = {
+    content: HtmlInterpolation;
+    key: HeaderKey<Headers>;
+};
+/**
+ * All keys for the given headers.
+ *
+ * @category Internal
+ */
+export type HeaderKey<Headers extends ViraTableHeaders | undefined = undefined> = undefined extends Headers ? string | number : ArrayElement<Exclude<Headers, undefined>>['key'];
 /**
  * Table information that can easily be mapped into a `<table>` element.
  *
  * @category Internal
  */
-export type ViraTable<Orientation extends ViraTableOrientation = ViraTableOrientation.Vertical> = (Orientation extends ViraTableOrientation.Horizontal ? {
+export type ViraTable<Headers extends ViraTableHeaders | undefined = undefined, Orientation extends ViraTableOrientation = ViraTableOrientation.Vertical> = (Orientation extends ViraTableOrientation.Horizontal ? {
     headerRow: undefined;
     orientation: Orientation;
 } : {
-    headerRow: HtmlInterpolation[];
+    headerRow: ViraTableCell<Headers>[];
     orientation: Orientation;
 }) & {
-    rows: HtmlInterpolation[][];
+    rows: ViraTableCell<Headers>[][];
 };
 /**
  * Orientation options for {@link ViraTable}.
@@ -74,4 +89,4 @@ export type ViraTableOptions<Orientation extends ViraTableOrientation = ViraTabl
  */
 export declare function defineTable<const Headers extends ViraTableHeaders, const Orientation extends ViraTableOrientation = ViraTableOrientation.Vertical>(
 /** The order of these keys determines the order that they render in. */
-headers: Readonly<Headers>, entries: ReadonlyArray<Readonly<ViraTableEntry<Headers>>>, options?: ViraTableOptions<Orientation>): ViraTable<Orientation>;
+headers: Readonly<Headers>, entries: ReadonlyArray<Readonly<ViraTableEntry<Headers>>>, options?: ViraTableOptions<Orientation>): ViraTable<Headers, Orientation>;

package/dist/util/define-table.js

@@ -30,9 +30,17 @@ headers, entries, options = {}) {
         const rows = headers.map((header) => {
             const headerCellArray = options.hideHeaders
                 ? []
-                : [header.content ?? header.key];
+                : [
+                    {
+                        content: header.content ?? header.key,
+                        key: header.key,
+                    },
+                ];
             const cells = entries.map((entry) => {
-                return entry[header.key];
+                return {
+                    content: entry[header.key],
+                    key: header.key,
+                };
             });
             return [
                 ...headerCellArray,
@@ -48,10 +56,18 @@ headers, entries, options = {}) {
     else {
         const headerRow = options.hideHeaders
             ? []
-            : headers.map((header) => header.content ?? header.key);
+            : headers.map((header) => {
+                return {
+                    content: header.content ?? header.key,
+                    key: header.key,
+                };
+            });
         const rows = entries.map((entry) => {
             return headers.map((header) => {
-                return entry[header.key];
+                return {
+                    content: entry[header.key],
+                    key: header.key,
+                };
             });
         });
         return {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "26.1.0",
+    "version": "26.1.1",
     "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": "^26.1.0"
+        "element-vir": "^26.1.1"
     },
     "engines": {
         "node": ">=22"