@xplortech/apollo-core 2.9.0 → 2.10.0

package/dist/esm/xpl-button-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
 
 const ButtonRow = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const ButtonRow = class {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (h(Host, { key: '184ee5671a9d1bbb967dd8e6e4427df30d62a007', class: "xpl-button-row" }, h("div", { key: '44b583d0899af8b158f7093b87918f0843366e44', class: "xpl-button-row-inner" }, h("div", { key: '31754284b0b87a1e58ccbded4b46b453c3b717ca', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '27a9c164af5e72a66380dfda4072cfb5d3b3a34d', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: '7ba9299532405aa9dceca481dae675a5129d2b51', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: 'bcb3524b921e6de30a1f6d870e04eeb9592762bb', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: '5e10208c958143476df430b7f9877965b7fadc08', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: 'ebb24794d37fd6dce72fa776b97ec59edeaab1dc', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (h(Host, { key: 'cd6436989f07af18d1e696a26e3e990d99859b2e', class: "xpl-button-row" }, h("div", { key: '67a9ab3127bdd31d416d716bf06a2548d4b04341', class: "xpl-button-row-inner" }, h("div", { key: 'f4c9e84868a5476500ffd65381fafe6c427e63ad', class: "xpl-button-row__left" }, this.secondary && (h("xpl-button", { key: '9c264293c00634759559c8109657f8a58451dc06', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), h("div", { key: 'df3443bd9afa937c4936e7b902da146f4a999f56', class: "xpl-button-row__right" }, this.tertiary && (h("xpl-button", { key: '85912cdbc02ac6587085564dbfb4f0647b656d7d', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (h("xpl-button", { key: 'cbb4302e9853d751b7b75e386c6d9441037c301e', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (h("xpl-button", { key: '10991142b7062283d129ba3428e5d3f1c060a973', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
 };
 

package/dist/esm/xpl-calendar.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
 import { f as flatpickr } from './index-CH4yJ6Qx.js';
-import { v as v4 } from './v4-Cqlsd6nf.js';
+import { v as v4 } from './v4-CK3_k8jD.js';
 
 const arrowSvg = (rotate = false) => `<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${rotate
     ? 'M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z'
@@ -55,7 +55,7 @@ const Calendar = class {
         }
     }
     render() {
-        return (h(Host, { key: '56cd65b62892b0c3e939f6cd77e9ba507baf4a68', class: "xpl-calendar" }, h("input", { key: '296222d3b6c0bf3e7c400d4d8c40d7d48774ea57', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (h(Host, { key: '180c1c356f07920c05487c50dd534284004cfce5', class: "xpl-calendar" }, h("input", { key: '6f46ef2a9c81043eb65a66208e71ce7e8504abea', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 this.inputElement = el;
             } })));
     }

package/dist/esm/xpl-dynamic-table-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const DynamicTableCell = class {
     constructor(hostRef) {
@@ -21,9 +21,9 @@ const DynamicTableCell = class {
     }
     render() {
         const colIndex = Array.from(this.el.parentElement.children).indexOf(this.el) + 1;
-        return (h(Host, { key: '7cfa2d58f634e41ccf1604a581fcc83a2b51676f', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (h(Host, { key: 'e6e9a3695c9d8ca3743b188284bc8e69f50f3397', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e' })));
+            } }, h("slot", { key: 'abfa632a3ac88d663acaaacbc431d07c9da4b375' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-dynamic-table-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host } from './index-CXkZUm1c.js';
 
 const DynamicTableRow = class {
     constructor(hostRef) {
@@ -26,9 +26,9 @@ const DynamicTableRow = class {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (h(Host, { key: '0d099456d2016263a2bdcd42b46794e08adb64cf', role: "row", class: classList, ref: (el) => {
+        return (h(Host, { key: 'e070f32db6cee0bcbf0dd84e41e13e6d3b88e8a1', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el;
-            } }, h("slot", { key: 'c923f7f8dc4bb8a4527693259d1a8b5932bb6c10' })));
+            } }, h("slot", { key: '78ea8e02e97e0017dc4aa35af4883446d4e4c4bf' })));
     }
 };
 

package/dist/esm/xpl-dynamic-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CXkZUm1c.js';
 
 const DynamicTable = class {
     constructor(hostRef) {
@@ -54,7 +54,7 @@ const DynamicTable = class {
         this.updateColumnCount();
     }
     render() {
-        return (h("div", { key: '8f33da5fa8815400447b1690172bdaddd1079c1a', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: '221aced83acf1fc4c904533eaedb1cd79914c5d3', name: "header" }), h("slot", { key: '6087119ce1499e94a30d09a1917d9371331f6add', name: "body" })));
+        return (h("div", { key: '3d5c3e5aea065c98323fbdbf17392af63975c9dd', role: "grid", class: "xpl-dynamic-table", "aria-colcount": this.colCount }, h("slot", { key: 'f6076fef5e85fdf22b03e532e920396ce5f6ce63', name: "header" }), h("slot", { key: '3b94b04b8f6b7a1cca9277161c0c32b117ce315f', name: "body" })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-grid-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host } from './index-CXkZUm1c.js';
 
 const GridItem = class {
     constructor(hostRef) {
@@ -14,7 +14,7 @@ const GridItem = class {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (h(Host, { key: '43cf6dd21d3d06e2d8012b716e5db5aeee676aac', class: className }, h("slot", { key: 'e08e03e4152007df7158d7122f883da1050dfde7' })));
+        return (h(Host, { key: 'bb28d83b6fd6ee92390ffcb5a505f5084f5624b9', class: className }, h("slot", { key: 'db3cf487db67044879425c830a14a44e06d19414' })));
     }
 };
 

package/dist/esm/xpl-grid.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const Grid = class {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const Grid = class {
         });
     }
     render() {
-        return h(Host, { key: 'aeee950fb242a14f50ceda1d199cf427597b70f6', class: "xpl-grid" });
+        return h(Host, { key: '0036b594c89e75a9b302e7a7d9c99d4703a8b729', class: "xpl-grid" });
     }
     get container() { return getElement(this); }
 };

package/dist/esm/xpl-large-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const LargeCard = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const LargeCard = class {
     render() {
         const contentSlot = 'graph-content';
         const hasContentSlot = this.el.querySelector(`[slot="${contentSlot}"]`);
-        return (h(Host, { key: '9b45179112de8d1ac309520425a1a5c340493487', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '4838c93a72df9ea794b3bbbd7f78f3e84a606109', class: "xpl-large-card__header" }, h("header", { key: 'eb4b2e8515be1e0763595e1cf646dc2b25bfb739' }, h("slot", { key: '62fdafe4b8ce03af5ff353c3ffa377fa547b572b', name: "title" }, this.name), this.link && (h("span", { key: 'ac0086a3402af5f12668a560ad418aaf40a56357', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '74eaffc571098a88d69d7248166889671ba441a2', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'd7d2499b7d8da9c09062ea5a456b588e52df2d82', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '652e32e8b200e783f03608f97cbbcc70f59421e3', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '9d9f285d34bd8e2b6666577bd2023ae474636c4c', name: contentSlot }))));
+        return (h(Host, { key: '886078965cb1ca87fd9c4f45a8b06f089a4b2e04', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '1c2006c9167b2d46262b222ace3c5e9135863783', class: "xpl-large-card__header" }, h("header", { key: '21ba4629c7e3d0d9dff98f9dde2ac4bc9f1f494e' }, h("slot", { key: 'd50991dc4fcca6c56c04c7cc9a401f0894035aa2', name: "title" }, this.name), this.link && (h("span", { key: '35b1b15786c1674f6d1797ec3b04da81b27d5d3a', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: 'f52a7a39b3d044341296d88adb9d2bc07cdec9ab', icon: "chevron-right", size: 16 })))), this.description && (h("div", { key: 'bac9d6cec27272d277c991c81e651714603066a2', class: "xpl-large-card__description" }, this.description))), h("dd", { key: '9da3ca8ec575a6755f1f47065299ec3ab3e5169b', class: "xpl-large-card__body" }, hasContentSlot && h("slot", { key: '022da3c1e07c264441c58f7d42d6edca109a504d', name: contentSlot }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
 
 const MainNav = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (h(Host, { key: '122bf1f28c4fb1e460185989b2d517f1ddbfb22b', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: '4ed8ce484b394adee98ac16056ebbabcadd31625' }, h("header", { key: '829b7904323aeea21922a8d4a8fa33141cfa7913', "aria-label": "Sidebar Header" }, h("slot", { key: '8a6ea72fa4a1b26f9825a36b4ac7e64c9dbf476c', name: "logo" }), h("slot", { key: 'bf049e9ee7b83af1c4ebfef21681edcb35de9364', name: "brand-name" })), h("div", { key: 'a0ce70ccf5e4bac6346711127fba5278963910c1', class: "xpl-main-nav__main_section" }, h("slot", { key: 'bce360027342a1ef3e009bad6bc28e44c64dbd04', name: "navigation" })), h("footer", { key: '0b5f2e6cc890e4257f5e5503302492a236950f87', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: '01dbe4d3834e1bc67b51108600688544e549ecde', name: "footer" })))));
+        return (h(Host, { key: '2e8b8744026876205bd66e04f5d93a2cf23415dd', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, h("nav", { key: 'ad2a7cadd3a9a4ac898b6e27604aff51a3cf5c40' }, h("header", { key: '14e0e676e8d22147c6fe3093da3a8a4c0f102243', "aria-label": "Sidebar Header" }, h("slot", { key: '5da2fe9fa391e56ae7ea3a742f7a060c78dcec56', name: "logo" }), h("slot", { key: 'd3631d0d23c5c0404e134ebc9d852bfd1651c982', name: "brand-name" })), h("div", { key: 'f0ff1cda64b9474386ce4f56fb4027b4f193e0c3', class: "xpl-main-nav__main_section" }, h("slot", { key: '0ef80166585b66d4af64a1b13383a551444c10f0', name: "navigation" })), h("footer", { key: 'd23f595c3705823dd1e7a86b6db66f98bc70504a', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, h("slot", { key: 'b4ba325347935557ee9e2e37b824c5dc42aa32b3', name: "footer" })))));
     }
 };
 

package/dist/esm/xpl-table-header-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const TableHeaderCell = class {
     constructor(hostRef) {

package/dist/esm/xpl-table-header.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host } from './index-CXkZUm1c.js';
 
 const TableHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7b36c9e640bd43ac38ea2625e7600e8699a13c5f', role: "row", class: "xpl-table-header" }, h("slot", { key: 'd03fe894a829477b6bf25dbd6dfa724b224b8d42' })));
+        return (h(Host, { key: 'f50c2c0ca2743e47ad44a368a9ea684c57a72261', role: "row", class: "xpl-table-header" }, h("slot", { key: '7a61b45818de8675015ca3defb9ee8c3280e961a' })));
     }
 };
 

package/dist/esm/xpl-toggle.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-C7bgJs6C.js';
-import { v as v4 } from './v4-Cqlsd6nf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CXkZUm1c.js';
+import { v as v4 } from './v4-CK3_k8jD.js';
 
 const Toggle = class {
     constructor(hostRef) {
@@ -19,13 +19,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: '2665ccecd2df94b7ed7443e2ecb6265fca7f235f', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '75292b431419e1d34c127a82d61baa1ee024a2bb', class: {
+        return (h(Host, { key: 'bc7363fd59d7cc10f0df644b5c54021ce860dbbc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '06b031581d173694651e58265b287865daeaf22b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '772e34c7d553faee5b1dfc448ecb95706dc3e8df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'a633107a6dcc2c0c43cd626c3013876831535588', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': this.disabled,
-            } }, this.description)))), h("input", { key: 'afec8fff16aadca330c804832dbd41c4b10f5caa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '1b25d01805915cb2dacf03ad9340beec61565bcc', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'fc1d734118dafc0a5f64119eb91d19e8af1254a6', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '7f1a465da3ec136c11797746505c0629fe2d31a9', htmlFor: this.id }, this.label)));
     }
 };
 

package/dist/esm/xpl-toolbar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-C7bgJs6C.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CXkZUm1c.js';
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '156bc52063283c17215e1d3a90c25939ae92685b', class: {
+        return (h(Host, { key: '782235b9cb7a50f4ba1a38ce2add940a051167a9', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '184e28d57a16d8ba6e10f29a95c931a036f44515', class: "toolbar" }, h("p", { key: 'ff6a7137db216c71859eac4398bbaf8bc6fe18f9', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'a610539a08383a3d1d3dad8d95a8b75f43eaf1a3', class: "actions" }, h("slot", { key: 'dd8ea3150b40926ab40f36d38770daaa969a6fff', name: "actions-left" }), h("slot", { key: 'b51f8940fb52dd6880841a917574f782e0d0c72c', name: "actions-right" })))));
+            } }, h("div", { key: 'cb29423baac9e936ea02d4e177966161cb0f0486', class: "toolbar" }, h("p", { key: '484e52174e0b11b158e4865cdc62fa05136eac2d', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '51ba928ccfae827b73f67348b64e34a14d36c235', class: "actions" }, h("slot", { key: 'f96d57f3e6101a277a0195e072f69b63d5b29671', name: "actions-left" }), h("slot", { key: '278f41ab191c18479f9c99a531ca7636be571478', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/types/components/xpl-banner/banner.stories.d.ts

@@ -12,6 +12,8 @@ interface BannerStoryArgs {
 declare const _default: {
     title: string;
     component: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         appearance: {
             options: string[];

package/dist/types/components/xpl-button/button.stories.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         variant: {
             options: string[];

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

@@ -5,10 +5,13 @@ interface XplDropdownOption extends HTMLXplDropdownOptionElement {
     hostElement: HTMLXplDropdownOptionElement;
 }
 export declare class Dropdown {
+    private virtualEnd;
+    private virtualStart;
     isOpen: boolean;
     closeOnSelect: boolean;
     mode: 'single' | 'multi';
     options?: DropdownItem[];
+    onOptionsChanged(): void;
     anchorToTrigger: boolean;
     onAnchorToTriggerChanged(): void;
     flipFallbackPlacements?: Placement[];
@@ -25,6 +28,11 @@ export declare class Dropdown {
     hostElement: HTMLXplDropdownElement;
     isOpenChange: EventEmitter<boolean>;
     private cleanupAutoUpdate;
+    private virtualScrollRaf;
+    private openAlignmentRaf;
+    private listEl?;
+    private listResizeObserver?;
+    private previousOptionCount;
     onSelectedValuesChanged(newValues: string | string[], initialRender?: boolean): void;
     onIsOpenStateChange(newValue: boolean): void;
     connectedCallback(): void;
@@ -39,6 +47,14 @@ export declare class Dropdown {
     private updateDropdownPosition;
     private handleClickOutside;
     private handleKeyDown;
+    private handleVirtualScroll;
+    private cancelVirtualScroll;
+    private setListEl;
+    private alignOnOpen;
+    private scheduleOpenAlignment;
+    private scrollSelectedIntoView;
+    private updateVirtualRange;
+    private get isVirtualized();
     render(): any;
 }
 export {};

package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts

@@ -16,6 +16,7 @@ export declare class InputPhone {
     triggerId: string;
     defaultCountry?: string;
     disabled?: boolean;
+    error?: boolean;
     inputId?: string;
     isInternational?: boolean;
     name?: string;

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

@@ -9,9 +9,13 @@ export declare class Pagination {
     pageChange: EventEmitter<number>;
     rowsPerPageChange: EventEmitter<number>;
     protected onPageUpdate(newValue: number): void;
+    protected onTotalPagesUpdate(): void;
     protected onRowsPerPageUpdate(newValue: number): void;
     private rowsPerPageSelectRef;
     private pageSelectRef;
+    private pageChoices;
+    private buildPageChoices;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private handleNextPage;

package/dist/types/components/xpl-radio/radio.stories.d.ts

@@ -55,17 +55,18 @@ declare const _default: {
     };
 };
 export default _default;
+interface RadioArgs {
+    label: string;
+    description: string;
+    checked: boolean;
+    disabled: boolean;
+    styled: boolean;
+    value: string;
+    name: string;
+    selectedValue: string;
+}
 export declare const Radio: {
-    ({ label, description, checked, disabled, styled, value, name, selectedValue, }: {
-        label: any;
-        description: any;
-        checked: any;
-        disabled: any;
-        styled: any;
-        value: any;
-        name: any;
-        selectedValue: any;
-    }): string;
+    (origAttrs: RadioArgs): string;
     args: {
         label: string;
         description: string;

package/dist/types/components/xpl-side-nav/side-nav-constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDE_NAV_MOBILE_MQ = "(max-width: 767px)";
+export declare const SIDE_NAV_CLOSE_ANIMATION_MS = 600;

package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts

@@ -2,6 +2,7 @@ import type { StoryObj } from '@storybook/web-components-vite';
 export interface NavItem {
     label: string;
     icon?: string;
+    trailingIcon?: string;
     selected?: boolean;
     disabled?: boolean;
     hidden?: boolean;
@@ -27,21 +28,49 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const SideNavigation: {
-    ({ navConfig }: SideNavFullDemoArgs): string;
-    args: {
-        navConfig: {
-            navLabel: string;
-            items: NavItem[];
-            footerItems: NavItem[];
+export declare const SideNavigation: StoryObj<SideNavFullDemoArgs>;
+type SideNavItemStory = StoryObj<{
+    label: string;
+    icon: string;
+    trailingIcon: string;
+    selected: boolean;
+    disabled: boolean;
+    hidden: boolean;
+    expanded: boolean;
+    hasChildren: boolean;
+    link: boolean;
+    childLabel1: string;
+    childLabel2: string;
+}>;
+export declare const ItemPlayground: SideNavItemStory;
+export declare const ExternalLinkItem: {
+    (): string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
         };
     };
-    argTypes: {
-        navConfig: {
-            control: string;
-            description: string;
+};
+export declare const ParentWithLeadingIcon: {
+    (): string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
         };
     };
+};
+type FooterStory = StoryObj<{
+    footerItems: NavItem[];
+}>;
+export declare const FooterSlot: FooterStory;
+export declare const MobileClosed: {
+    (): string;
     parameters: {
         layout: string;
         design: {
@@ -53,28 +82,20 @@ export declare const SideNavigation: {
                 story: string;
             };
         };
-        'web-component': {
-            render: string;
+    };
+};
+export declare const MobileOpen: {
+    (): string;
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
         };
-        html: {
-            render: string;
+        docs: {
+            description: {
+                story: string;
+            };
         };
     };
 };
-type SideNavItemStory = StoryObj<{
-    label: string;
-    icon: string;
-    selected: boolean;
-    disabled: boolean;
-    hidden: boolean;
-    expanded: boolean;
-    hasChildren: boolean;
-    link: boolean;
-    childLabel1: string;
-    childLabel2: string;
-}>;
-export declare const ItemPlayground: SideNavItemStory;
-type FooterStory = StoryObj<{
-    footerItems: NavItem[];
-}>;
-export declare const FooterSlot: FooterStory;

package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts

@@ -1,6 +1,9 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class SideNavItem {
+    private trailingSlotSyncTimeoutId?;
+    private trailingSlotObserver?;
     el: HTMLElement;
+    private hasTrailingSlot;
     disabled: boolean;
     expanded: boolean;
     hasChildren: boolean;
@@ -12,8 +15,15 @@ export declare class SideNavItem {
     selected: boolean;
     expandedChange: EventEmitter<boolean>;
     navClick: EventEmitter<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentWillRender(): void;
+    componentDidRender(): void;
+    private connectTrailingSlotObserver;
+    private disconnectTrailingSlotObserver;
+    private scheduleTrailingSlotSync;
+    private syncTrailingSlot;
     private enforceLinkExcludesHasChildren;
     private handleClick;
     render(): any;

package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts

@@ -1,4 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SideNav {
+    private toggleFocusTimeoutId?;
+    private drawerFocusTimeoutId?;
+    private drawerClosing;
+    private closeTransitionTimeoutId?;
+    private mobileMq?;
+    el: HTMLElement;
     label?: string;
+    open: boolean;
+    onOpenChanged(newValue: boolean, oldValue: boolean): void;
+    openChange: EventEmitter<boolean>;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    toggle(): Promise<void>;
+    setOpen(open: boolean): Promise<void>;
+    private removeDocKeyDownListener;
+    private syncDocKeyDownListener;
+    private isBelowMdBreakpoint;
+    private isMobileDrawerActive;
+    private clearCloseTransition;
+    private shouldYieldFocusToExternalModal;
+    private anyDescendantPopoverIsOpen;
+    private onViewportChange;
+    private setOpenState;
+    private focusToggleAfterClose;
+    private focusDrawerOnOpen;
+    private onBackdropClick;
+    private getFocusableElements;
+    private onDocKeyDown;
+    private trapTabKey;
+    private onToggleClick;
     render(): any;
 }

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

@@ -21,6 +21,7 @@ export declare class Spotlight {
     private hasFloatingPosition;
     private hasImageSlotContent;
     private hasTitleSlotContent;
+    private dialogLabelId;
     private isVisible;
     private resolvedAnchorPosition;
     actionLayout: SpotlightActionLayout;