@vastare/fundatio 0.1.0

package/dist/types/elements/table/tbody/index.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Fundatio Design Foundation: Tbody element helpers.
+ *
+ * @remarks
+ * The tbody element (`<tbody>`) represents a block of rows that make up the main
+ * body of a table's data.
+ *
+ * Best-practice guidance:
+ * - Use tables for data, not layout.
+ * - Group rows meaningfully with `<thead>`, `<tbody>`, and `<tfoot>`.
+ * - Prefer semantic headers via `<th>` (with appropriate `scope`/`headers`)
+ *   and provide a `<caption>` for accessible tables.
+ * - Avoid obsolete presentational attributes (e.g. `align`, `valign`, `char`,
+ *   `charoff`). Use CSS instead.
+ *
+ * This module provides small, framework-agnostic helpers so consumers can:
+ * - create `<tbody>` elements in vanilla JS/TS without templates
+ * - apply consistent global attributes safely
+ * - use a stable "enhancement" hook if Fundatio ever needs runtime behavior
+ *
+ * This module has no side effects and does not mutate the DOM unless you call
+ * its functions.
+ *
+ * References:
+ * - MDN: `<tbody>`: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/tbody
+ * - WHATWG HTML: Tables: https://html.spec.whatwg.org/multipage/tables.html
+ *
+ * @module
+ * @category Elements
+ */
+import { type ElementOf, type GlobalAttrs } from '../../../ts/dom';
+/**
+ * Structured ARIA input supported by Fundatio element factories.
+ *
+ * @remarks
+ * This is intentionally a small, typed subset that covers common cases and
+ * prevents typo-based ARIA bugs (e.g. `lable`).
+ *
+ * It is mapped into {@link GlobalAttrs.aria} for application by `dom.ts`.
+ *
+ * @category Attributes
+ */
+export type StructuredAria = {
+    /**
+     * Accessible label, mapped to `aria-label`.
+     */
+    label?: string;
+    /**
+     * ID reference to the labelling element(s), mapped to `aria-labelledby`.
+     */
+    labelledby?: string;
+    /**
+     * Decorative/hidden hint, mapped to `aria-hidden`.
+     */
+    hidden?: boolean;
+};
+/**
+ * The semantic tag name for table body sections.
+ *
+ * @category Constants
+ */
+export declare const TBODY_TAG: "tbody";
+/**
+ * A CSS selector targeting tbody elements.
+ *
+ * @category Constants
+ */
+export declare const TBODY_SELECTOR = "tbody";
+/**
+ * Attribute bag for tbody creation/enhancement.
+ *
+ * @remarks
+ * `<tbody>` accepts standard HTML global attributes.
+ *
+ * Fundatio also supports a structured ARIA input for common ARIA fields, which is
+ * mapped into {@link GlobalAttrs.aria} without changing Fundatio's core DOM helpers.
+ *
+ * Note: some legacy presentational attributes existed historically for table
+ * sections, but are obsolete. Consumers can still use {@link GlobalAttrs.attrs}
+ * as an escape hatch where necessary, subject to Fundatio's security rules in
+ * `dom.ts` (blocks inline event handlers and raw `style` attribute strings).
+ *
+ * @category Attributes
+ */
+export type TbodyAttrs = Omit<GlobalAttrs, 'aria'> & {
+    /**
+     * Structured ARIA fields mapped into `aria-*` attributes.
+     */
+    aria?: StructuredAria;
+};
+/**
+ * Create a tbody element with optional text content and global attributes.
+ *
+ * @remarks
+ * - In real usage, `<tbody>` should contain `<tr>` rows (not text).
+ * - Optional text content is assigned via `textContent` (never `innerHTML`).
+ * - Global attributes are applied via Fundatio's shared DOM helper,
+ *   including security guards that block inline event handler attributes
+ *   (e.g. `onclick`) and raw `style` attribute strings.
+ *
+ * @param text - Optional text content for the tbody (generally discouraged).
+ * @param attrs - Optional attributes to apply.
+ * @returns The created `<tbody>` element.
+ *
+ * @example
+ * ```ts
+ * import { createTbody } from "@Vastare/Fundatio/elements/table/tbody";
+ *
+ * const tbody = createTbody(undefined, { className: "data-body" });
+ * ```
+ *
+ * @category DOM
+ */
+export declare function createTbody(text?: string, attrs?: TbodyAttrs): ElementOf<typeof TBODY_TAG>;
+/**
+ * Enhance tbody elements within a given root.
+ *
+ * @remarks
+ * This is intentionally a no-op in `1.0.0`.
+ *
+ * Why does it exist?
+ * - It establishes a stable integration pattern for frameworks (Vue/React/etc.)
+ * - It allows future progressive enhancements without changing consumer code
+ *
+ * What it will never do:
+ * - It will not inject styles (CSS remains the source of truth)
+ * - It will not introduce framework-specific behavior
+ *
+ * @param root - The node to search within. Defaults to `document`.
+ *
+ * @category Enhancement
+ */
+export declare function enhanceTbodies(root?: ParentNode): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/elements/table/tbody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/tbody/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAElF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAG,OAAgB,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,cAAc,UAAU,CAAC;AAEtC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AA6BF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAE1F;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAE,UAAqB,GAAG,IAAI,CAGhE"}

package/dist/types/elements/table/td/index.d.ts

@@ -0,0 +1,146 @@
+/**
+ * Fundatio Design Foundation: Td element helpers.
+ *
+ * @remarks
+ * The td element (`<td>`) represents a data cell in a table row (`<tr>`).
+ *
+ * Best-practice guidance:
+ * - Use `<td>` for data cells and `<th>` for header cells.
+ * - Provide a `<caption>` and properly marked header cells for accessible tables.
+ * - Prefer simple tables. For complex tables with multi-level headers, use
+ *   the `headers` attribute to associate a `<td>` with one or more `<th>` IDs.
+ * - Avoid obsolete presentational attributes (e.g. `align`, `bgcolor`, `valign`).
+ *   Use CSS instead.
+ *
+ * This module provides small, framework-agnostic helpers so consumers can:
+ * - create `<td>` elements in vanilla JS/TS without templates
+ * - apply consistent global attributes safely
+ * - use a stable "enhancement" hook if Fundatio ever needs runtime behavior
+ *
+ * This module has no side effects and does not mutate the DOM unless you call
+ * its functions.
+ *
+ * References:
+ * - MDN: `<td>`: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/td
+ * - WHATWG HTML: Tables: https://html.spec.whatwg.org/multipage/tables.html
+ * - W3C WAI: Tables (headers/id technique): https://www.w3.org/WAI/tutorials/tables/multi-level/
+ *
+ * @module
+ * @category Elements
+ */
+import { type ElementOf, type GlobalAttrs } from '../../../ts/dom';
+/**
+ * Structured ARIA input supported by Fundatio element factories.
+ *
+ * @remarks
+ * This is intentionally a small, typed subset that covers common cases and
+ * prevents typo-based ARIA bugs (e.g. `lable`).
+ *
+ * It is mapped into {@link GlobalAttrs.aria} for application by `dom.ts`.
+ *
+ * @category Attributes
+ */
+export type StructuredAria = {
+    /**
+     * Accessible label, mapped to `aria-label`.
+     */
+    label?: string;
+    /**
+     * ID reference to the labelling element(s), mapped to `aria-labelledby`.
+     */
+    labelledby?: string;
+    /**
+     * Decorative/hidden hint, mapped to `aria-hidden`.
+     */
+    hidden?: boolean;
+};
+/**
+ * The semantic tag name for table data cells.
+ *
+ * @category Constants
+ */
+export declare const TD_TAG: "td";
+/**
+ * A CSS selector targeting td elements.
+ *
+ * @category Constants
+ */
+export declare const TD_SELECTOR = "td";
+/**
+ * Attribute bag for td creation/enhancement.
+ *
+ * @remarks
+ * In addition to global attributes, `<td>` participates in the table model via:
+ * - `colspan`: number of columns spanned (positive integer)
+ * - `rowspan`: number of rows spanned (positive integer)
+ * - `headers`: space-separated list of `<th id="...">` references for complex tables
+ *
+ * Fundatio supports a structured ARIA input for common ARIA fields, mapped into
+ * {@link GlobalAttrs.aria}.
+ *
+ * @category Attributes
+ */
+export type TdAttrs = Omit<GlobalAttrs, 'aria'> & {
+    /**
+     * Structured ARIA fields mapped into `aria-*` attributes.
+     */
+    aria?: StructuredAria;
+    /**
+     * Number of columns this cell spans.
+     *
+     * @remarks
+     * Must be a positive integer greater than zero.
+     */
+    colspan?: number;
+    /**
+     * Number of rows this cell spans.
+     *
+     * @remarks
+     * Must be a positive integer greater than zero.
+     */
+    rowspan?: number;
+    /**
+     * Space-separated list of header cell IDs (`<th id="...">`) that apply to this cell.
+     *
+     * @remarks
+     * This is typically only necessary for complex tables.
+     */
+    headers?: string;
+};
+/**
+ * Create a td element with optional text content and global attributes.
+ *
+ * @remarks
+ * - In real usage, `<td>` contains text and/or phrasing content, but should never
+ *   be built via `innerHTML` from untrusted data.
+ * - Text content is assigned via `textContent` (never `innerHTML`).
+ * - Global attributes are applied via Fundatio's shared DOM helper,
+ *   including security guards that block inline event handler attributes
+ *   (e.g. `onclick`) and raw `style` attribute strings.
+ *
+ * @param text - Optional text content for the td.
+ * @param attrs - Optional attributes to apply.
+ * @returns The created `<td>` element.
+ *
+ * @example
+ * ```ts
+ * import { createTd } from "@Vastare/Fundatio/elements/table/td";
+ *
+ * const cell = createTd("42", { colspan: 2 });
+ * ```
+ *
+ * @category DOM
+ */
+export declare function createTd(text?: string, attrs?: TdAttrs): ElementOf<typeof TD_TAG>;
+/**
+ * Enhance td elements within a given root.
+ *
+ * @remarks
+ * This is intentionally a no-op in `1.0.0`.
+ *
+ * @param root - The node to search within. Defaults to `document`.
+ *
+ * @category Enhancement
+ */
+export declare function enhanceTds(root?: ParentNode): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/elements/table/td/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/td/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAElF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAG,IAAa,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,WAAW,OAAO,CAAC;AAEhC;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAChD;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA4DF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,MAAM,CAAC,CAEjF;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAE,UAAqB,GAAG,IAAI,CAG5D"}

package/dist/types/elements/table/tfoot/index.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Fundatio Design Foundation: Tfoot element helpers.
+ *
+ * @remarks
+ * The tfoot element (`<tfoot>`) encapsulates a set of table rows (`<tr>`) that
+ * comprise the footer of a table, typically containing column summaries such as
+ * totals or other aggregate values. :contentReference[oaicite:1]{index=1}
+ *
+ * Best-practice guidance:
+ * - Use `<tfoot>` for footer rows (summaries/totals), and keep the table's
+ *   structure logical with `<thead>` for headers and `<tbody>` for body rows.
+ * - Many guides recommend placing `<tfoot>` after `<tbody>` for readability. :contentReference[oaicite:2]{index=2}
+ * - Avoid deprecated presentational attributes and use CSS instead.
+ * - Prefer native table semantics; only use ARIA when you cannot express the
+ *   intended structure using proper table markup.
+ *
+ * This module provides small, framework-agnostic helpers so consumers can:
+ * - create `<tfoot>` elements in vanilla JS/TS without templates
+ * - apply consistent global attributes safely
+ * - use a stable "enhancement" hook if Fundatio ever needs runtime behavior
+ *
+ * This module has no side effects and does not mutate the DOM unless you call
+ * its functions.
+ *
+ * @module
+ * @category Elements
+ */
+import { type ElementOf, type GlobalAttrs } from '../../../ts/dom';
+/**
+ * Structured ARIA input supported by Fundatio element factories.
+ *
+ * @remarks
+ * This is intentionally a small, typed subset that covers common cases and
+ * prevents typo-based ARIA bugs (e.g. `lable`).
+ *
+ * It is mapped into {@link GlobalAttrs.aria} for application by `dom.ts`.
+ *
+ * @category Attributes
+ */
+export type StructuredAria = {
+    /**
+     * Accessible label, mapped to `aria-label`.
+     */
+    label?: string;
+    /**
+     * ID reference to the labelling element(s), mapped to `aria-labelledby`.
+     */
+    labelledby?: string;
+    /**
+     * Decorative/hidden hint, mapped to `aria-hidden`.
+     */
+    hidden?: boolean;
+};
+/**
+ * The semantic tag name for tfoot elements.
+ *
+ * @category Constants
+ */
+export declare const TFOOT_TAG: "tfoot";
+/**
+ * A CSS selector targeting tfoot elements.
+ *
+ * @category Constants
+ */
+export declare const TFOOT_SELECTOR = "tfoot";
+/**
+ * Attribute bag for tfoot creation/enhancement.
+ *
+ * @remarks
+ * Tfoot elements accept standard HTML global attributes.
+ *
+ * Fundatio also supports a structured ARIA input for common ARIA fields, which is
+ * mapped into {@link GlobalAttrs.aria} without changing Fundatio's core DOM helpers.
+ *
+ * Security notes:
+ * - Inline event handler attributes (e.g. `onclick`) are blocked by `dom.ts`.
+ * - The raw `style` attribute is blocked; use {@link GlobalAttrs.style} instead.
+ *
+ * @category Attributes
+ */
+export type TfootAttrs = Omit<GlobalAttrs, 'aria'> & {
+    /**
+     * Structured ARIA fields mapped into `aria-*` attributes.
+     */
+    aria?: StructuredAria;
+};
+/**
+ * Create a tfoot element with global attributes.
+ *
+ * @remarks
+ * - `<tfoot>` is a structural table element. Fundatio does not accept a text argument
+ *   for this factory. Populate it with `<tr>` (and cells) as needed.
+ * - Global attributes are applied via Fundatio's shared DOM helper,
+ *   including security guards that block inline event handler attributes
+ *   (e.g. `onclick`) and raw `style` attribute strings.
+ *
+ * @param attrs - Optional attributes to apply.
+ * @returns The created `<tfoot>` element.
+ *
+ * @example
+ * Create and append a tfoot:
+ * ```ts
+ * import { createTfoot } from "@Vastare/Fundatio/elements/table/tfoot";
+ *
+ * const tfoot = createTfoot({ className: "table-foot" });
+ * table.appendChild(tfoot);
+ * ```
+ *
+ * @category DOM
+ */
+export declare function createTfoot(attrs?: TfootAttrs): ElementOf<typeof TFOOT_TAG>;
+/**
+ * Enhance tfoot elements within a given root.
+ *
+ * @remarks
+ * This is intentionally a no-op in `1.0.0`.
+ *
+ * Why does it exist?
+ * - It establishes a stable integration pattern for frameworks (Vue/React/etc.)
+ * - It allows future progressive enhancements without changing consumer code
+ *
+ * What it will never do:
+ * - It will not inject styles (CSS remains the source of truth)
+ * - It will not introduce framework-specific behavior
+ *
+ * @param root - The node to search within. Defaults to `document`.
+ *
+ * @category Enhancement
+ */
+export declare function enhanceTfoots(root?: ParentNode): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/elements/table/tfoot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/tfoot/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAElF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAG,OAAgB,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,cAAc,UAAU,CAAC;AAEtC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AA6BF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAE3E;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,IAAI,GAAE,UAAqB,GAAG,IAAI,CAG/D"}

package/dist/types/elements/table/th/index.d.ts

@@ -0,0 +1,187 @@
+/**
+ * Fundatio Design Foundation: Th element helpers.
+ *
+ * @remarks
+ * The th element (`<th>`) represents a header cell in a table row (`<tr>`).
+ * It is used to label a group of related cells, typically via:
+ * - `scope` for simple row/column headers
+ * - `headers` for complex tables with multi-level or irregular headings
+ *
+ * Best-practice guidance:
+ * - Prefer native table semantics (use `<th>` for headers, not `role="columnheader"`).
+ * - Use `scope` for simple tables (`row`, `col`, `rowgroup`, `colgroup`).
+ * - For complex tables, use `id` on `<th>` cells and reference them with
+ *   `headers` from the related data cells (and sometimes header cells).
+ * - Avoid deprecated presentational attributes and use CSS instead.
+ *
+ * This module provides small, framework-agnostic helpers so consumers can:
+ * - create `<th>` cells in vanilla JS/TS without templates
+ * - apply consistent global attributes safely
+ * - use a stable "enhancement" hook if Fundatio ever needs runtime behavior
+ *
+ * This module has no side effects and does not mutate the DOM unless you call
+ * its functions.
+ *
+ * @module
+ * @category Elements
+ */
+import { type ElementOf, type GlobalAttrs } from '../../../ts/dom';
+/**
+ * Structured ARIA input supported by Fundatio element factories.
+ *
+ * @remarks
+ * This is intentionally a small, typed subset that covers common cases and
+ * prevents typo-based ARIA bugs (e.g. `lable`).
+ *
+ * It is mapped into {@link GlobalAttrs.aria} for application by `dom.ts`.
+ *
+ * @category Attributes
+ */
+export type StructuredAria = {
+    /**
+     * Accessible label, mapped to `aria-label`.
+     */
+    label?: string;
+    /**
+     * ID reference to the labelling element(s), mapped to `aria-labelledby`.
+     */
+    labelledby?: string;
+    /**
+     * Decorative/hidden hint, mapped to `aria-hidden`.
+     */
+    hidden?: boolean;
+};
+/**
+ * The semantic tag name for th elements.
+ *
+ * @category Constants
+ */
+export declare const TH_TAG: "th";
+/**
+ * A CSS selector targeting th elements.
+ *
+ * @category Constants
+ */
+export declare const TH_SELECTOR = "th";
+/**
+ * Allowed `scope` values for `<th>`.
+ *
+ * @remarks
+ * The HTML spec defines explicit keywords plus an automatic/default state.
+ * Fundatio exposes the common keyword values and allows an explicit `"auto"` value
+ * to match the spec's conceptual default state. Consumers control structure;
+ * Fundatio does not attempt to enforce table-model anchoring constraints.
+ *
+ * @category Attributes
+ */
+export type ThScope = 'row' | 'col' | 'rowgroup' | 'colgroup' | 'auto';
+/**
+ * Attribute bag for th creation/enhancement.
+ *
+ * @remarks
+ * Th elements accept standard HTML global attributes, plus:
+ * - `abbr`: an alternative label for the header cell (often abbreviated)
+ * - `colspan`: number of columns the cell spans
+ * - `rowspan`: number of rows the cell spans
+ * - `headers`: space-separated IDs of `<th>` elements that apply to this cell
+ * - `scope`: indicates the set of cells this header applies to (`row`, `col`, etc.)
+ *
+ * Fundatio also supports a structured ARIA input for common ARIA fields, which is
+ * mapped into {@link GlobalAttrs.aria} without changing Fundatio's core DOM helpers.
+ *
+ * Security notes:
+ * - Inline event handler attributes (e.g. `onclick`) are blocked by `dom.ts`.
+ * - The raw `style` attribute is blocked; use {@link GlobalAttrs.style} instead.
+ *
+ * @category Attributes
+ */
+export type ThAttrs = Omit<GlobalAttrs, 'aria'> & {
+    /**
+     * Structured ARIA fields mapped into `aria-*` attributes.
+     */
+    aria?: StructuredAria;
+    /**
+     * Alternative label for the header cell.
+     *
+     * @remarks
+     * Useful when the visible header text is long but needs a shorter label in
+     * other contexts (e.g. when referenced as a header).
+     */
+    abbr?: string;
+    /**
+     * Number of columns the cell spans.
+     *
+     * @remarks
+     * Must be a positive integer to be meaningful. Fundatio sets the attribute only
+     * when you provide a finite value greater than 0.
+     */
+    colspan?: number;
+    /**
+     * Number of rows the cell spans.
+     *
+     * @remarks
+     * Must be a positive integer to be meaningful. Fundatio sets the attribute only
+     * when you provide a finite value greater than 0.
+     */
+    rowspan?: number;
+    /**
+     * Space-separated IDs of `<th>` elements that apply to this cell.
+     *
+     * @remarks
+     * This is primarily used for complex tables where `scope` is insufficient.
+     * Fundatio does not validate ID existence; consumers control their DOM trees.
+     */
+    headers?: string;
+    /**
+     * Indicates which cells the header cell applies to.
+     *
+     * @remarks
+     * Use for simple row/column headers. For complex tables, prefer `headers`.
+     */
+    scope?: ThScope;
+};
+/**
+ * Create a th element with optional text content and attributes.
+ *
+ * @remarks
+ * - Text content is assigned via `textContent` (never `innerHTML`).
+ * - Global attributes are applied via Fundatio's shared DOM helper,
+ *   including security guards that block inline event handler attributes
+ *   (e.g. `onclick`) and raw `style` attribute strings.
+ *
+ * @param text - Optional text content for the header cell.
+ * @param attrs - Optional attributes to apply.
+ * @returns The created `<th>` element.
+ *
+ * @example
+ * Create a column header cell:
+ * ```ts
+ * import { createTh } from "@Vastare/Fundatio/elements/table/th";
+ *
+ * const th = createTh("Price", { scope: "col" });
+ * row.appendChild(th);
+ * ```
+ *
+ * @category DOM
+ */
+export declare function createTh(text?: string, attrs?: ThAttrs): ElementOf<typeof TH_TAG>;
+/**
+ * Enhance th elements within a given root.
+ *
+ * @remarks
+ * This is intentionally a no-op in `1.0.0`.
+ *
+ * Why does it exist?
+ * - It establishes a stable integration pattern for frameworks (Vue/React/etc.)
+ * - It allows future progressive enhancements without changing consumer code
+ *
+ * What it will never do:
+ * - It will not inject styles (CSS remains the source of truth)
+ * - It will not introduce framework-specific behavior
+ *
+ * @param root - The node to search within. Defaults to `document`.
+ *
+ * @category Enhancement
+ */
+export declare function enhanceThs(root?: ParentNode): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/elements/table/th/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/table/th/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAElF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAG,IAAa,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,WAAW,OAAO,CAAC;AAEhC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG;IAChD;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAyEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,OAAO,MAAM,CAAC,CAEjF;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAE,UAAqB,GAAG,IAAI,CAG5D"}