luxen-ui 0.25.0 → 0.26.0

package/cdn/custom-elements.json

@@ -172,6 +172,181 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/avatar/avatar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Avatar",
+          "cssProperties": [
+            {
+              "description": "Box size (any length). Set it inline (e.g. `style=\"--size: 20px\"`) for an arbitrary size beyond the `size` token scale; the font then follows proportionally. The `size` attribute sets it to the matching token.",
+              "name": "--size",
+              "default": "40px"
+            },
+            {
+              "description": "Background fill color for initials and the default icon.",
+              "name": "--color"
+            },
+            {
+              "description": "Initials/icon color over `--color`. Defaults to an auto-derived readable color; set it to enforce a specific brand color (overrides the automatic choice).",
+              "name": "--text-color"
+            },
+            {
+              "description": "Set to `circle` for a fully circular avatar (default is a rounded square).",
+              "name": "--appearance"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The avatar container that paints `--color`; style it (e.g. `color`) to override the auto-derived text color.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Name used as the accessible label and to derive the initials fallback.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'md'",
+              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "badge",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Count shown in the corner badge. `0` hides the badge.",
+              "attribute": "badge"
+            },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Render as a `<button>` with focus ring and hover states.",
+              "attribute": "interactive",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
+              "fieldName": "src"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Name used as the accessible label and to derive the initials fallback.",
+              "fieldName": "name"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'md'",
+              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
+              "fieldName": "size"
+            },
+            {
+              "name": "badge",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Count shown in the corner badge. `0` hides the badge.",
+              "fieldName": "badge"
+            },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Render as a `<button>` with focus ring and hover states.",
+              "fieldName": "interactive"
+            }
+          ],
+          "superclass": {
+            "name": "LuxenElement",
+            "module": "/src/html/shared/luxen-element.js"
+          },
+          "tagName": "l-avatar",
+          "customElement": true,
+          "summary": "An avatar component for displaying user images, initials, or a default icon.",
+          "_cssClasses": [
+            {
+              "name": ".l-avatar-group",
+              "description": "Flex wrapper that overlaps a row of stacked avatars."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Avatar",
+          "declaration": {
+            "name": "Avatar",
+            "module": "src/html/elements/avatar/avatar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/avatar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/html/elements/avatar/avatar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/alert-dialog/alert-dialog.ts",
@@ -256,6 +431,7 @@
             {
               "description": "Backdrop color.",
               "name": "--backdrop",
+              "default": "var(--l-backdrop-strong)",
               "inheritedFrom": {
                 "name": "Dialog",
                 "module": "src/html/elements/dialog/dialog.ts"
@@ -264,7 +440,16 @@
             {
               "description": "Backdrop blur amount (any CSS length).",
               "name": "--backdrop-blur",
-              "default": "0",
+              "default": "2px",
+              "inheritedFrom": {
+                "name": "Dialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
+            },
+            {
+              "description": "Drop shadow of the dialog panel (any `box-shadow` value). Raise it when the backdrop is light, where the panel edge would otherwise fade into the page.",
+              "name": "--shadow",
+              "default": "none",
               "inheritedFrom": {
                 "name": "Dialog",
                 "module": "src/html/elements/dialog/dialog.ts"
@@ -656,182 +841,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/html/elements/alert-dialog/alert-dialog.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/avatar/avatar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Avatar",
-          "cssProperties": [
-            {
-              "description": "Box size (any length). Set it inline (e.g. `style=\"--size: 20px\"`) for an arbitrary size beyond the `size` token scale; the font then follows proportionally. The `size` attribute sets it to the matching token.",
-              "name": "--size",
-              "default": "40px"
-            },
-            {
-              "description": "Background fill color for initials and the default icon.",
-              "name": "--color"
-            },
-            {
-              "description": "Initials/icon color over `--color`. Defaults to an auto-derived readable color; set it to enforce a specific brand color (overrides the automatic choice).",
-              "name": "--text-color"
-            },
-            {
-              "description": "Set to `circle` for a fully circular avatar (default is a rounded square).",
-              "name": "--appearance"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The avatar container that paints `--color`; style it (e.g. `color`) to override the auto-derived text color.",
-              "name": "base"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
-              "attribute": "src"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Name used as the accessible label and to derive the initials fallback.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'md'",
-              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "badge",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Count shown in the corner badge. `0` hides the badge.",
-              "attribute": "badge"
-            },
-            {
-              "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Render as a `<button>` with focus ring and hover states.",
-              "attribute": "interactive",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.",
-              "fieldName": "src"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Name used as the accessible label and to derive the initials fallback.",
-              "fieldName": "name"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'md'",
-              "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.",
-              "fieldName": "size"
-            },
-            {
-              "name": "badge",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Count shown in the corner badge. `0` hides the badge.",
-              "fieldName": "badge"
-            },
-            {
-              "name": "interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Render as a `<button>` with focus ring and hover states.",
-              "fieldName": "interactive"
-            }
-          ],
-          "superclass": {
-            "name": "LuxenElement",
-            "module": "/src/html/shared/luxen-element.js"
-          },
-          "tagName": "l-avatar",
-          "customElement": true,
-          "summary": "An avatar component for displaying user images, initials, or a default icon.",
-          "_cssClasses": [
-            {
-              "name": ".l-avatar-group",
-              "description": "Flex wrapper that overlaps a row of stacked avatars."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Avatar",
-          "declaration": {
-            "name": "Avatar",
-            "module": "src/html/elements/avatar/avatar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/avatar/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/html/elements/avatar/avatar.js"
+            "module": "src/html/elements/alert-dialog/alert-dialog.js"
           }
         }
       ]
@@ -981,90 +991,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/html/elements/breadcrumb/breadcrumb.meta.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "BreadcrumbMeta",
-          "cssProperties": [
-            {
-              "description": "Space between crumbs and around the separator.",
-              "name": "--gap",
-              "default": "0.5rem"
-            },
-            {
-              "description": "Separator glyph color.",
-              "name": "--separator-color",
-              "default": "var(--l-color-text-tertiary)"
-            },
-            {
-              "description": "Divider glyph; any character (e.g. `'›'`) or a `url()` image.",
-              "name": "--separator",
-              "default": "'/'"
-            }
-          ],
-          "attributes": [
-            {
-              "description": "Names the navigation landmark (use `\"Breadcrumb\"`).",
-              "name": "aria-label"
-            },
-            {
-              "description": "Set to `page` on the current crumb's `<a>`.",
-              "name": "aria-current"
-            },
-            {
-              "description": "Opt out of Luxen's link theming (color, underline, hover) so you can apply your own link class. Layout, separators, scroll, and current-page behavior stay.",
-              "name": "data-unstyled-links"
-            }
-          ],
-          "summary": "A navigation trail showing the current page's position in the site hierarchy. Built on a native `<nav><ol>` per the WAI-ARIA APG pattern.",
-          "examples": [
-            {
-              "title": "Basic",
-              "language": "html",
-              "code": "<nav class=\"l-breadcrumb\" aria-label=\"Breadcrumb\">\n<ol>\n<li><a href=\"/\">Home</a></li>\n<li><a href=\"/products\">Products</a></li>\n<li><a href=\"/products/bags\" aria-current=\"page\">Bags</a></li>\n</ol>\n</nav>"
-            }
-          ],
-          "_cssClasses": [
-            {
-              "name": ".l-breadcrumb",
-              "description": "Breadcrumb navigation on a `<nav>` wrapping an `<ol>` of `<li><a>` crumbs."
-            }
-          ],
-          "customElement": false,
-          "_native": true,
-          "_nativeTag": "nav",
-          "selector": ".l-breadcrumb",
-          "_attributes": [
-            {
-              "name": "aria-label",
-              "description": "Names the navigation landmark (use `\"Breadcrumb\"`)."
-            },
-            {
-              "name": "aria-current",
-              "description": "Set to `page` on the current crumb's `<a>`."
-            },
-            {
-              "name": "data-unstyled-links",
-              "description": "Opt out of Luxen's link theming (color, underline, hover) so you can apply your own link class. Layout, separators, scroll, and current-page behavior stay."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BreadcrumbMeta",
-          "declaration": {
-            "name": "BreadcrumbMeta",
-            "module": "src/html/elements/breadcrumb/breadcrumb.meta.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/button/button.meta.ts",
@@ -1218,6 +1144,90 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/breadcrumb/breadcrumb.meta.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BreadcrumbMeta",
+          "cssProperties": [
+            {
+              "description": "Space between crumbs and around the separator.",
+              "name": "--gap",
+              "default": "0.5rem"
+            },
+            {
+              "description": "Separator glyph color.",
+              "name": "--separator-color",
+              "default": "var(--l-color-text-tertiary)"
+            },
+            {
+              "description": "Divider glyph; any character (e.g. `'›'`) or a `url()` image.",
+              "name": "--separator",
+              "default": "'/'"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Names the navigation landmark (use `\"Breadcrumb\"`).",
+              "name": "aria-label"
+            },
+            {
+              "description": "Set to `page` on the current crumb's `<a>`.",
+              "name": "aria-current"
+            },
+            {
+              "description": "Opt out of Luxen's link theming (color, underline, hover) so you can apply your own link class. Layout, separators, scroll, and current-page behavior stay.",
+              "name": "data-unstyled-links"
+            }
+          ],
+          "summary": "A navigation trail showing the current page's position in the site hierarchy. Built on a native `<nav><ol>` per the WAI-ARIA APG pattern.",
+          "examples": [
+            {
+              "title": "Basic",
+              "language": "html",
+              "code": "<nav class=\"l-breadcrumb\" aria-label=\"Breadcrumb\">\n<ol>\n<li><a href=\"/\">Home</a></li>\n<li><a href=\"/products\">Products</a></li>\n<li><a href=\"/products/bags\" aria-current=\"page\">Bags</a></li>\n</ol>\n</nav>"
+            }
+          ],
+          "_cssClasses": [
+            {
+              "name": ".l-breadcrumb",
+              "description": "Breadcrumb navigation on a `<nav>` wrapping an `<ol>` of `<li><a>` crumbs."
+            }
+          ],
+          "customElement": false,
+          "_native": true,
+          "_nativeTag": "nav",
+          "selector": ".l-breadcrumb",
+          "_attributes": [
+            {
+              "name": "aria-label",
+              "description": "Names the navigation landmark (use `\"Breadcrumb\"`)."
+            },
+            {
+              "name": "aria-current",
+              "description": "Set to `page` on the current crumb's `<a>`."
+            },
+            {
+              "name": "data-unstyled-links",
+              "description": "Opt out of Luxen's link theming (color, underline, hover) so you can apply your own link class. Layout, separators, scroll, and current-page behavior stay."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BreadcrumbMeta",
+          "declaration": {
+            "name": "BreadcrumbMeta",
+            "module": "src/html/elements/breadcrumb/breadcrumb.meta.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/button-group/button-group.ts",
@@ -2795,12 +2805,18 @@
             },
             {
               "description": "Backdrop color.",
-              "name": "--backdrop"
+              "name": "--backdrop",
+              "default": "var(--l-backdrop)"
             },
             {
               "description": "Backdrop blur amount (any CSS length). `0` means no blur; set e.g. `4px` for a subtle frost.",
               "name": "--backdrop-blur",
               "default": "0"
+            },
+            {
+              "description": "Drop shadow of the dialog panel (any `box-shadow` value). Raise it when the backdrop is light, where the panel edge would otherwise fade into the page.",
+              "name": "--shadow",
+              "default": "none"
             }
           ],
           "cssParts": [
@@ -3231,37 +3247,44 @@
           "name": "Drawer",
           "cssProperties": [
             {
-              "description": "Drawer size on the axis perpendicular to its edge (width for `start`/`end`, height for `top`/`bottom`). Default `320px`.",
-              "name": "--size"
+              "description": "Drawer size on the axis perpendicular to its edge (width for `start`/`end`, height for `top`/`bottom`).",
+              "name": "--size",
+              "default": "320px"
             },
             {
-              "description": "Drawer border radius on the inner edges (all corners when `inset`). Default `0.375rem`.",
+              "description": "Drawer border radius on the inner edges (all corners when `inset`).",
               "name": "--border-radius",
-              "default": "6px",
+              "default": "0.375rem",
               "inheritedFrom": {
                 "name": "Dialog",
                 "module": "src/html/elements/dialog/dialog.ts"
               }
             },
             {
-              "description": "Gap between the drawer and the viewport edges when `inset` is set. Default `1rem`.",
-              "name": "--inset-gap"
+              "description": "Gap between the drawer and the viewport edges when `inset` is set.",
+              "name": "--inset-gap",
+              "default": "1rem"
             },
             {
-              "description": "Drop shadow applied to the floating panel when `inset` is set. Set to `none` to remove it.",
-              "name": "--shadow"
+              "description": "Drop shadow applied to the floating panel when `inset` is set (an edge drawer casts none). Set to `none` to remove it.",
+              "name": "--shadow",
+              "default": "var(--l-shadow-lg)",
+              "inheritedFrom": {
+                "name": "Dialog",
+                "module": "src/html/elements/dialog/dialog.ts"
+              }
             },
             {
-              "description": "Open transition duration. Default `300ms`.",
+              "description": "Open transition duration.",
               "name": "--show-duration",
-              "default": "200ms",
+              "default": "300ms",
               "inheritedFrom": {
                 "name": "Dialog",
                 "module": "src/html/elements/dialog/dialog.ts"
               }
             },
             {
-              "description": "Close transition duration. Default `200ms`.",
+              "description": "Close transition duration.",
               "name": "--hide-duration",
               "default": "200ms",
               "inheritedFrom": {
@@ -3270,7 +3293,7 @@
               }
             },
             {
-              "description": "Timing function of the open and close transitions, backdrop included. Default `cubic-bezier(0.32, 0.72, 0, 1)`.",
+              "description": "Timing function of the open and close transitions, backdrop included.",
               "name": "--easing",
               "default": "cubic-bezier(0.32, 0.72, 0, 1)",
               "inheritedFrom": {
@@ -3281,6 +3304,7 @@
             {
               "description": "Backdrop color.",
               "name": "--backdrop",
+              "default": "var(--l-backdrop)",
               "inheritedFrom": {
                 "name": "Dialog",
                 "module": "src/html/elements/dialog/dialog.ts"
@@ -4796,11 +4820,11 @@
               "name": "--cell-border-radius"
             },
             {
-              "description": "Border + ring color of the active (focused) cell.",
+              "description": "Border, stroke and halo color of the active (focused) cell. Defaults to `--l-focus-ring-color`.",
               "name": "--cell-focus-color"
             },
             {
-              "description": "`box-shadow` of the active cell ring (defaults to a 1px solid ring; set to `none` to disable).",
+              "description": "`box-shadow` of the active cell (defaults to the text-field focus halo, `--l-form-control-focus-halo-width` wide; set to `none` to disable).",
               "name": "--cell-focus-ring"
             }
           ],
@@ -8865,6 +8889,108 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/html/elements/table/table.meta.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "TableMeta",
+          "cssProperties": [
+            {
+              "description": "Minimum row height; content taller than it grows the row.",
+              "name": "--row-height",
+              "default": "calc(var(--l-size-control-md) + 2 * var(--l-spacing-1))"
+            },
+            {
+              "description": "Background of the table. The sticky header repeats it, so it stays opaque over the rows scrolling under it.",
+              "name": "--background-color",
+              "default": "var(--l-color-surface)"
+            },
+            {
+              "description": "Rules between rows. The stronger rules under the header and above the totals use `--l-color-border`.",
+              "name": "--border-color",
+              "default": "var(--l-color-divider)"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "sm | lg — Row height, on the control size scale: a control of the same size fits a row. Defaults to the medium size.",
+              "name": "data-size"
+            },
+            {
+              "description": "start | center | end — On a column's `<th>` and `<td>`s: aligns the column. Use `end` for figures; digits are tabular across the table, so they line up. A sort button in an `end` header puts its glyph before the label, keeping the label flush with the figures.",
+              "name": "data-align"
+            },
+            {
+              "description": "ascending | descending — On the sorted column's `<th>`, which holds a `<button>` (or a link, when the server sorts): shows the direction. A disabled button marks a column the current query cannot sort by; an `.l-button` in a header is another action and keeps its own look.",
+              "name": "aria-sort"
+            }
+          ],
+          "summary": "Tables display data in rows and columns, so it is easy to scan and compare.",
+          "examples": [
+            {
+              "title": "Basic",
+              "language": "html",
+              "code": "<table class=\"l-table\">\n<caption>Products</caption>\n<thead>\n<tr>\n<th scope=\"col\">SKU</th>\n<th scope=\"col\">Name</th>\n<th scope=\"col\" data-align=\"end\">In stock</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<th scope=\"row\">SKU-1042</th>\n<td>Desk lamp</td>\n<td data-align=\"end\">4,210</td>\n</tr>\n</tbody>\n</table>"
+            },
+            {
+              "title": "Sortable",
+              "language": "html",
+              "code": "<table class=\"l-table\">\n<caption>Products</caption>\n<thead>\n<tr>\n<th scope=\"col\" aria-sort=\"ascending\"><button type=\"button\">SKU</button></th>\n<th scope=\"col\"><button type=\"button\">Name</button></th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<th scope=\"row\">SKU-1042</th>\n<td>Desk lamp</td>\n</tr>\n</tbody>\n</table>"
+            }
+          ],
+          "_cssClasses": [
+            {
+              "name": ".l-table",
+              "description": "Applied to the `<table>`. Name it with a `<caption>` (visible or `.l-visually-hidden`) or `aria-label`; head the columns with `<th scope=\"col\">` and each row with the `<th scope=\"row\">` that identifies it."
+            }
+          ],
+          "customElement": false,
+          "_native": true,
+          "_nativeTag": "table",
+          "selector": ".l-table",
+          "_attributes": [
+            {
+              "name": "data-size",
+              "values": [
+                "sm",
+                "lg"
+              ],
+              "description": "Row height, on the control size scale: a control of the same size fits a row. Defaults to the medium size."
+            },
+            {
+              "name": "data-align",
+              "values": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "On a column's `<th>` and `<td>`s: aligns the column. Use `end` for figures; digits are tabular across the table, so they line up. A sort button in an `end` header puts its glyph before the label, keeping the label flush with the figures."
+            },
+            {
+              "name": "aria-sort",
+              "values": [
+                "ascending",
+                "descending"
+              ],
+              "description": "On the sorted column's `<th>`, which holds a `<button>` (or a link, when the server sorts): shows the direction. A disabled button marks a column the current query cannot sort by; an `.l-button` in a header is another action and keeps its own look."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TableMeta",
+          "declaration": {
+            "name": "TableMeta",
+            "module": "src/html/elements/table/table.meta.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/html/elements/tabs/index.ts",