@xplortech/apollo-core 2.12.0 → 3.0.0

package/dist/esm/xpl-top-nav-menu.entry.js

@@ -78,10 +78,10 @@ const TopNavMenu = class {
         return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (h(Host, { key: 'e71631c4d9d4b653247d13c7b182f722bf1e52cc', class: {
+        return (h(Host, { key: '4b28448ecb93e59d9bdc731a8b56dd42ebda2c66', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'c6e38f4f78ab65dad030076aebf97c40dbce651b' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'aa51dc10509298e469ca41a99ae7108283ee8f89' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-top-nav.entry.js

@@ -307,7 +307,7 @@ const TopNav = class {
         }
     }
     render() {
-        return (h(Host, { key: '8f9f8e171b2b04706360048965e8e8a40f3f7013', class: {
+        return (h(Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -315,15 +315,15 @@ const TopNav = class {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, h("nav", { key: '2c05b69b2918753c4f928e53d92c6ca737a92b59', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: '1dd5722748946d0adfad6cc40da03c21012d65b2', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '810e68f589ec13b942a78c877fea816407c05287', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: '550653cbd1d61c7b80a31ab48dce59936a107128', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '6509a9a42b693b925204a9a42a34c0071d73f485', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '623cfb95bd0a6581a057ddf37aa3920ee58b5734', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '61d8a6d485380c39ffa74cd8cfbea37df32060dd', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, h("div", { key: '3aab27091f543a9c6a813043883c218791cfaa4a', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: '93ff48c9bb3e0fa00b23a707da84d222ad74224d', name: "left-aside" })))), h("div", { key: 'd92afdae9ac68d49a370fb41b39aeef2b956af1f', class: {
+            } }, h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, h("div", { key: '36fadad47ed2862f88c1f42e1b95530d2e06b046', class: "xpl-nav-right__list" }, h("div", { key: '5b35413cbfcc5fd9af1e491f1a1f14d41ae35c0d', class: "xpl-top-nav__right-rail" }, h("div", { key: '37d00bfe95cdf35345ed9ec273a159255efc31a2', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'b64f92c5886ef929b51fde06d48ea1fbf3660d44', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText

package/dist/esm/xpl-utility-bar.entry.js

@@ -14,7 +14,7 @@ const UtilityBar = class {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (h(Host, { key: '7ad1182d72a730df69cf714b665a6d02eac2e51a' }, h("nav", { key: 'f0d5ffc31cabc8a075cae2c1ebdaa0e82ca53943', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'dfbacf5921308bd6056b8e6d903b31df28613ce0', name: "main" }))));
+        return (h(Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
     }
 };
 

package/dist/types/components/xpl-modal/xpl-modal.d.ts

@@ -2,15 +2,21 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Modal {
     private closeTimerId;
     private dialogElement;
+    private titleId;
     isOpen: boolean;
     size: 'large' | 'medium' | 'small';
     variant: 'default' | 'warning';
     element: HTMLXplModalElement;
     modalClosed: EventEmitter<void>;
-    componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
+    componentDidLoad(): void;
     updateModalState(): void;
+    private bindDialog;
+    private unbindDialog;
     private clearCloseTimer;
+    private openDialog;
+    private scheduleClose;
     private handleDialogClose;
     private handleNativeBackdropClick;
     render(): any;

package/dist/types/components/xpl-select/select.shared.d.ts

@@ -0,0 +1,23 @@
+import type { IconName } from '../xpl-icon/icon-types';
+export interface SelectStoryArgs {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: string;
+    mode: 'single' | 'multi';
+    truncate: boolean;
+    customDisplayValue: boolean;
+    customDisplayValueContent: string;
+    selectedValues: string | string[];
+    selectIcon: IconName | '';
+    subtitle: string;
+    preventDefaultTriggerDropdown: boolean;
+    choices: Record<string, unknown>[];
+    placeholder: string;
+}
+export declare const GROUPED_SELECT_CHOICES: (subtitle: string) => Record<string, unknown>[];
+export declare const FLAT_SELECT_CHOICES: Record<string, unknown>[];
+export declare function stripEmptySelectSentinels(args: Record<string, unknown>): Record<string, unknown>;
+export declare function buildSelectAttrs(args: SelectStoryArgs): string;
+export declare function buildSelectPropertyScript(id: string, choices: Record<string, unknown>[], selectedValues: string | string[] | undefined, preventDefault: boolean): string;
+export declare function renderSelectStory(args: SelectStoryArgs): string;

package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts

@@ -0,0 +1,3 @@
+export declare class XplTableBody {
+    render(): any;
+}

package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts

@@ -0,0 +1,3 @@
+export declare class XplTableFooter {
+    render(): any;
+}

package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts

@@ -0,0 +1,4 @@
+export declare class XplTableFooterCell {
+    align: 'center' | 'left' | 'right';
+    render(): any;
+}

package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts

@@ -0,0 +1,6 @@
+export declare class XplTableRow {
+    disabled: boolean;
+    rowId?: string;
+    selected: boolean;
+    render(): any;
+}

package/dist/types/components/xpl-tabs/tabs.shared.d.ts

@@ -18,8 +18,6 @@ export interface TabsStoryRenderContext {
     updateArgs?: (next: Partial<TabsStoryArgs>) => void;
 }
 export declare function renderTabsStoryMarkup(args: TabsStoryArgs, context?: TabsStoryRenderContext): string;
-export declare const tabsPlainDomUnderlineStoryHtml = "<---- Non-interactive plain DOM (tabs.css BEM). Not the <xpl-tabs> API; use the Web Component tab for that. Ids mirror the scoped pattern (data-tabs-instance-id + target). ---->\n<div class=\"xpl-tabs\" data-tabs-instance-id=\"xpl-tg-1\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tabs__active-bar\"></div>\n        <div class=\"xpl-tab xpl-tab--selected\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab0\" aria-controls=\"xpl-tg-1-panel-tab0\" aria-selected=\"true\"><xpl-icon class=\"xpl-tab__icon\" icon=\"user\" size=\"16\"></xpl-icon>Tab 1<xpl-badge class=\"xpl-tab__badge\" dot-only variant=\"purple\">4</xpl-badge></button>\n        </div>\n        <div class=\"xpl-tab\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab1\" aria-controls=\"xpl-tg-1-panel-tab1\" aria-selected=\"false\"><xpl-icon class=\"xpl-tab__icon\" icon=\"user\" size=\"16\"></xpl-icon>Tab 2<xpl-badge class=\"xpl-tab__badge\" dot-only variant=\"purple\">4</xpl-badge></button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab0\" aria-labelledby=\"xpl-tg-1-tab-tab0\">Content for tab 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab1\" aria-labelledby=\"xpl-tg-1-tab-tab1\">Content for tab 2</div>\n    </div>\n</div>";
-export declare const tabsPlainDomSegmentStoryHtml = "<---- Segment (type='segment'): Stencil renders xpl-tab.xpl-tab--segment > xpl-button; xpl-tab assigns id, role, and aria-* on the inner native <button>. Plain buttons below only illustrate tablist \u2194 tabpanel id wiring (not .xpl-tab__button). ---->\n<div class=\"xpl-tabs xpl-tabs--segment\" data-tabs-instance-id=\"xpl-tg-2\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tab xpl-tab--segment xpl-tab--selected\">\n            <button type=\"button\" role=\"tab\" id=\"xpl-tg-2-tab-tab0\" aria-controls=\"xpl-tg-2-panel-tab0\" aria-selected=\"true\">Segment 1</button>\n        </div>\n        <div class=\"xpl-tab xpl-tab--segment\">\n            <button type=\"button\" role=\"tab\" id=\"xpl-tg-2-tab-tab1\" aria-controls=\"xpl-tg-2-panel-tab1\" aria-selected=\"false\">Segment 2</button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-2-panel-tab0\" aria-labelledby=\"xpl-tg-2-tab-tab0\">Content for segment 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-2-panel-tab1\" aria-labelledby=\"xpl-tg-2-tab-tab1\">Content for segment 2</div>\n    </div>\n</div>";
 export declare const tabsStoryBaseArgTypes: {
     type: {
         options: string[];

package/dist/types/components.d.ts

@@ -2075,6 +2075,17 @@ export namespace Components {
          */
         "striped"?: boolean;
     }
+    interface XplTableBody {
+    }
+    interface XplTableFooter {
+    }
+    interface XplTableFooterCell {
+        /**
+          * Horizontal alignment of footer cell content.
+          * @default 'left'
+         */
+        "align": 'center' | 'left' | 'right';
+    }
     /**
      * @since 1.0.0
      */
@@ -2108,6 +2119,22 @@ export namespace Components {
          */
         "width"?: number;
     }
+    interface XplTableRow {
+        /**
+          * Whether the row and its cells are disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Stable identifier for selection.
+         */
+        "rowId"?: string;
+        /**
+          * Whether the row is visually selected.
+          * @default false
+         */
+        "selected": boolean;
+    }
     /**
      * @since 2.3.8
      */
@@ -3555,6 +3582,24 @@ declare global {
         prototype: HTMLXplTableElement;
         new (): HTMLXplTableElement;
     };
+    interface HTMLXplTableBodyElement extends Components.XplTableBody, HTMLStencilElement {
+    }
+    var HTMLXplTableBodyElement: {
+        prototype: HTMLXplTableBodyElement;
+        new (): HTMLXplTableBodyElement;
+    };
+    interface HTMLXplTableFooterElement extends Components.XplTableFooter, HTMLStencilElement {
+    }
+    var HTMLXplTableFooterElement: {
+        prototype: HTMLXplTableFooterElement;
+        new (): HTMLXplTableFooterElement;
+    };
+    interface HTMLXplTableFooterCellElement extends Components.XplTableFooterCell, HTMLStencilElement {
+    }
+    var HTMLXplTableFooterCellElement: {
+        prototype: HTMLXplTableFooterCellElement;
+        new (): HTMLXplTableFooterCellElement;
+    };
     /**
      * @since 1.0.0
      */
@@ -3584,6 +3629,12 @@ declare global {
         prototype: HTMLXplTableHeaderCellElement;
         new (): HTMLXplTableHeaderCellElement;
     };
+    interface HTMLXplTableRowElement extends Components.XplTableRow, HTMLStencilElement {
+    }
+    var HTMLXplTableRowElement: {
+        prototype: HTMLXplTableRowElement;
+        new (): HTMLXplTableRowElement;
+    };
     interface HTMLXplTabsElementEventMap {
         "tabChange": string;
     }
@@ -3859,8 +3910,12 @@ declare global {
         "xpl-tab": HTMLXplTabElement;
         "xpl-tab-panel": HTMLXplTabPanelElement;
         "xpl-table": HTMLXplTableElement;
+        "xpl-table-body": HTMLXplTableBodyElement;
+        "xpl-table-footer": HTMLXplTableFooterElement;
+        "xpl-table-footer-cell": HTMLXplTableFooterCellElement;
         "xpl-table-header": HTMLXplTableHeaderElement;
         "xpl-table-header-cell": HTMLXplTableHeaderCellElement;
+        "xpl-table-row": HTMLXplTableRowElement;
         "xpl-tabs": HTMLXplTabsElement;
         "xpl-tag": HTMLXplTagElement;
         "xpl-toast": HTMLXplToastElement;
@@ -6115,6 +6170,17 @@ declare namespace LocalJSX {
          */
         "striped"?: boolean;
     }
+    interface XplTableBody {
+    }
+    interface XplTableFooter {
+    }
+    interface XplTableFooterCell {
+        /**
+          * Horizontal alignment of footer cell content.
+          * @default 'left'
+         */
+        "align"?: 'center' | 'left' | 'right';
+    }
     /**
      * @since 1.0.0
      */
@@ -6152,6 +6218,22 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
+    interface XplTableRow {
+        /**
+          * Whether the row and its cells are disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Stable identifier for selection.
+         */
+        "rowId"?: string;
+        /**
+          * Whether the row is visually selected.
+          * @default false
+         */
+        "selected"?: boolean;
+    }
     /**
      * @since 2.3.8
      */
@@ -6970,6 +7052,9 @@ declare namespace LocalJSX {
         "striped": boolean;
         "isSortable": boolean;
     }
+    interface XplTableFooterCellAttributes {
+        "align": 'center' | 'left' | 'right';
+    }
     interface XplTableHeaderCellAttributes {
         "icon": string;
         "sortable": boolean;
@@ -6977,6 +7062,11 @@ declare namespace LocalJSX {
         "type": 'label' | 'checkbox' | 'icon';
         "width": number;
     }
+    interface XplTableRowAttributes {
+        "disabled": boolean;
+        "rowId": string;
+        "selected": boolean;
+    }
     interface XplTabsAttributes {
         "disabled": boolean;
         "fullWidth": boolean;
@@ -7110,8 +7200,12 @@ declare namespace LocalJSX {
         "xpl-tab": Omit<XplTab, keyof XplTabAttributes> & { [K in keyof XplTab & keyof XplTabAttributes]?: XplTab[K] } & { [K in keyof XplTab & keyof XplTabAttributes as `attr:${K}`]?: XplTabAttributes[K] } & { [K in keyof XplTab & keyof XplTabAttributes as `prop:${K}`]?: XplTab[K] };
         "xpl-tab-panel": Omit<XplTabPanel, keyof XplTabPanelAttributes> & { [K in keyof XplTabPanel & keyof XplTabPanelAttributes]?: XplTabPanel[K] } & { [K in keyof XplTabPanel & keyof XplTabPanelAttributes as `attr:${K}`]?: XplTabPanelAttributes[K] } & { [K in keyof XplTabPanel & keyof XplTabPanelAttributes as `prop:${K}`]?: XplTabPanel[K] };
         "xpl-table": Omit<XplTable, keyof XplTableAttributes> & { [K in keyof XplTable & keyof XplTableAttributes]?: XplTable[K] } & { [K in keyof XplTable & keyof XplTableAttributes as `attr:${K}`]?: XplTableAttributes[K] } & { [K in keyof XplTable & keyof XplTableAttributes as `prop:${K}`]?: XplTable[K] };
+        "xpl-table-body": XplTableBody;
+        "xpl-table-footer": XplTableFooter;
+        "xpl-table-footer-cell": Omit<XplTableFooterCell, keyof XplTableFooterCellAttributes> & { [K in keyof XplTableFooterCell & keyof XplTableFooterCellAttributes]?: XplTableFooterCell[K] } & { [K in keyof XplTableFooterCell & keyof XplTableFooterCellAttributes as `attr:${K}`]?: XplTableFooterCellAttributes[K] } & { [K in keyof XplTableFooterCell & keyof XplTableFooterCellAttributes as `prop:${K}`]?: XplTableFooterCell[K] };
         "xpl-table-header": XplTableHeader;
         "xpl-table-header-cell": Omit<XplTableHeaderCell, keyof XplTableHeaderCellAttributes> & { [K in keyof XplTableHeaderCell & keyof XplTableHeaderCellAttributes]?: XplTableHeaderCell[K] } & { [K in keyof XplTableHeaderCell & keyof XplTableHeaderCellAttributes as `attr:${K}`]?: XplTableHeaderCellAttributes[K] } & { [K in keyof XplTableHeaderCell & keyof XplTableHeaderCellAttributes as `prop:${K}`]?: XplTableHeaderCell[K] };
+        "xpl-table-row": Omit<XplTableRow, keyof XplTableRowAttributes> & { [K in keyof XplTableRow & keyof XplTableRowAttributes]?: XplTableRow[K] } & { [K in keyof XplTableRow & keyof XplTableRowAttributes as `attr:${K}`]?: XplTableRowAttributes[K] } & { [K in keyof XplTableRow & keyof XplTableRowAttributes as `prop:${K}`]?: XplTableRow[K] };
         "xpl-tabs": Omit<XplTabs, keyof XplTabsAttributes> & { [K in keyof XplTabs & keyof XplTabsAttributes]?: XplTabs[K] } & { [K in keyof XplTabs & keyof XplTabsAttributes as `attr:${K}`]?: XplTabsAttributes[K] } & { [K in keyof XplTabs & keyof XplTabsAttributes as `prop:${K}`]?: XplTabs[K] };
         "xpl-tag": Omit<XplTag, keyof XplTagAttributes> & { [K in keyof XplTag & keyof XplTagAttributes]?: XplTag[K] } & { [K in keyof XplTag & keyof XplTagAttributes as `attr:${K}`]?: XplTagAttributes[K] } & { [K in keyof XplTag & keyof XplTagAttributes as `prop:${K}`]?: XplTag[K] };
         "xpl-toast": Omit<XplToast, keyof XplToastAttributes> & { [K in keyof XplToast & keyof XplToastAttributes]?: XplToast[K] } & { [K in keyof XplToast & keyof XplToastAttributes as `attr:${K}`]?: XplToastAttributes[K] } & { [K in keyof XplToast & keyof XplToastAttributes as `prop:${K}`]?: XplToast[K] };
@@ -7419,6 +7513,9 @@ declare module "@stencil/core" {
              * @since 0.1.1
              */
             "xpl-table": LocalJSX.IntrinsicElements["xpl-table"] & JSXBase.HTMLAttributes<HTMLXplTableElement>;
+            "xpl-table-body": LocalJSX.IntrinsicElements["xpl-table-body"] & JSXBase.HTMLAttributes<HTMLXplTableBodyElement>;
+            "xpl-table-footer": LocalJSX.IntrinsicElements["xpl-table-footer"] & JSXBase.HTMLAttributes<HTMLXplTableFooterElement>;
+            "xpl-table-footer-cell": LocalJSX.IntrinsicElements["xpl-table-footer-cell"] & JSXBase.HTMLAttributes<HTMLXplTableFooterCellElement>;
             /**
              * @since 1.0.0
              */
@@ -7427,6 +7524,7 @@ declare module "@stencil/core" {
              * @since 1.3.0
              */
             "xpl-table-header-cell": LocalJSX.IntrinsicElements["xpl-table-header-cell"] & JSXBase.HTMLAttributes<HTMLXplTableHeaderCellElement>;
+            "xpl-table-row": LocalJSX.IntrinsicElements["xpl-table-row"] & JSXBase.HTMLAttributes<HTMLXplTableRowElement>;
             /**
              * @since 2.3.8
              */