/** Table component properties */
export type OreTableProps = {
    /** Adds a thicker outer border */
    bordered?: boolean;
    /** Visible caption text — also used as the accessible table label via `aria-label` */
    caption?: string;
    /** Cell density: `'compact'` | `'cozy'` (default) | `'comfortable'` */
    density?: 'compact' | 'cozy' | 'comfortable';
    /** Expands the table to 100% of its container width */
    fullwidth?: boolean;
    /** Applies a busy/disabled state with reduced opacity */
    loading?: boolean;
    /** Enables sticky column headers with a vertical scroll container */
    sticky?: boolean;
    /** Alternating row stripe backgrounds */
    striped?: boolean;
};
/**
 * Data table component.
 *
 * Reads light-DOM `<ore-tr>`/`<ore-th>`/`<ore-td>` markers and projects them
 * into a fully-native shadow `<table>`. Cell attributes (`colspan`, `rowspan`,
 * `scope`, etc.) are mirrored. Changes are observed and synced incrementally.
 *
 * Native table features — sticky headers, colspan/rowspan, the table layout
 * algorithm — all work because the shadow tree contains real table elements.
 *
 * @element ore-table
 *
 * @attr {boolean} bordered  - Thicker outer border
 * @attr {string}  caption   - Caption text shown above the table
 * @attr {boolean} fullwidth - Expands to 100% container width
 * @attr {boolean} loading   - Busy state: reduced opacity, no pointer events
 * @attr {string}  density   - Cell density: 'compact' | 'cozy' | 'comfortable' (default: 'cozy')
 * @attr {boolean} sticky    - Sticky `<thead>` with scroll container
 * @attr {boolean} striped   - Alternating row backgrounds
 *
 * @part scroll       - Scroll container that hosts the generated native table
 * @part table        - Generated native `<table>` element
 * @part head         - Generated native `<thead>` section
 * @part body         - Generated native `<tbody>` section
 * @part foot         - Generated native `<tfoot>` section
 * @part cell         - Every native `<td>` in `<tbody>` rows
 * @part header-cell  - Every native `<th>` / `<td>` in `<thead>` and `<tfoot>` rows
 *
 * @cssprop --table-bg                - Table background color
 * @cssprop --table-border-color      - Cell separator and outer border color
 * @cssprop --table-radius            - Corner radius of the table container
 * @cssprop --table-shadow            - Box shadow of the table container
 * @cssprop --table-header-bg         - Background of header and footer rows
 * @cssprop --table-accent            - Accent color for interactive states
 * @cssprop --table-row-hover-bg      - Row hover background
 * @cssprop --table-stripe-bg         - Even-row stripe background
 * @cssprop --table-cell-padding-x    - Cell horizontal padding
 * @cssprop --table-cell-padding-y    - Cell vertical padding
 * @cssprop --table-font-size         - Base font size for cells
 * @cssprop --table-sticky-max-height - Max height of the sticky scroll container
 * @cssprop --table-sticky-header-bg  - Background of sticky header cells
 * @cssprop --table-sticky-blur       - Backdrop blur applied to sticky headers
 *
 * @example
 * ```html
 * <ore-table caption="Top repositories" striped bordered sticky>
 *   <ore-tr head>
 *     <ore-th>Repository</ore-th>
 *     <ore-th>Stars</ore-th>
 *   </ore-tr>
 *   <ore-tr>
 *     <ore-td>vielzeug/refine</ore-td>
 *     <ore-td>1 200</ore-td>
 *   </ore-tr>
 * </ore-table>
 * ```
 */
export declare const TABLE_TAG: "ore-table";
//# sourceMappingURL=table.d.ts.map