@pine-ds/core 3.23.0 → 3.24.0

package/hydrate/index.js

@@ -3499,7 +3499,7 @@ class MockPdsModal {
             'pds-modal__backdrop': true,
             'open': this.open,
         };
-        return (hAsync("div", { key: 'a9af87a2a7f3372c8ead8895f843e940fb660df6', class: backdropClasses }, hAsync("div", { key: '16e645db5bf6cab63426ee487a9a3c697e40d735', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null, part: "modal" }, hAsync("div", { key: '9910f078afa449794c3ea0c038f89b8ce86fa710', class: "pds-modal__header" }, hAsync("slot", { key: '7678643a9a73ef4809d0b09926b6b2d487bab212', name: "header" })), hAsync("div", { key: '1ef5dd8e0fe4e5b0cd3538423ca4fa2011110d9e', class: "pds-modal-content" }, hAsync("slot", { key: '3cde3240571bdeda56fc39904a45baa1c0ae09f1' })), hAsync("div", { key: 'ff9aa1820a4084ccfd0115a9f42894e875e1cdcb', class: "pds-modal__footer" }, hAsync("slot", { key: 'ce497a94226973b12c74cbbceb175d7d478ba971', name: "footer" })))));
+        return (hAsync("div", { key: '6e7f71b339764894e1f17d253fc3c8e0243e4f90', class: backdropClasses }, hAsync("div", { key: '25b2f82c1af743156d152880631d4294dfec68b5', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null, part: "modal" }, hAsync("div", { key: '6bc97e805daee5e5dd547fa0b919a05cf1b6a6a1', class: "pds-modal__header" }, hAsync("slot", { key: 'd9e7c248d983e3c055ed7e0aea5a4d5a15dfea12', name: "header" })), hAsync("div", { key: '5608ee069b59cb34dc812bde22f83c6bce7e6904', class: "pds-modal-content" }, hAsync("slot", { key: '6e3e790330598e1bde733350e5e216d269426e51' })), hAsync("div", { key: '381f3c4e1c9c83b0687e1f1484b64334e388d669', class: "pds-modal__footer" }, hAsync("slot", { key: '6e3a3cb64623de59a409072ab9c1bf65af8c2f6c', name: "footer" })))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsModalCss$1; }
@@ -9089,6 +9089,52 @@ class PdsCombobox {
     }; }
 }
 
+const pdsContainerCss = ":host{display:block;margin-inline:auto;max-width:var(--pine-container-max-width, none);width:100%}:host(.pds-container--sm){--pine-container-max-width:340px}:host(.pds-container--md){--pine-container-max-width:520px}:host(.pds-container--lg){--pine-container-max-width:700px}:host(.pds-container--xl){--pine-container-max-width:1064px}:host(.pds-container--full){--pine-container-max-width:1440px}";
+
+const NAMED_SIZES = new Set(['sm', 'md', 'lg', 'xl', 'full']);
+/**
+ * @part container - The inner semantic container element
+ */
+class PdsContainer {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Sets the semantic HTML tag rendered as the inner container element.
+         * @default 'div'
+         */
+        this.tag = 'div';
+        /**
+         * If `true`, the container is centered horizontally using `margin-inline: auto`.
+         * @default true
+         */
+        this.centered = true;
+    }
+    render() {
+        const Tag = this.tag;
+        const isNamed = this.size !== undefined && NAMED_SIZES.has(this.size);
+        const customSize = this.size !== undefined && !isNamed ? this.size : undefined;
+        const hostStyle = {};
+        if (customSize)
+            hostStyle['--pine-container-max-width'] = customSize;
+        if (!this.centered)
+            hostStyle['margin-inline'] = '0';
+        return (hAsync(Host, { key: 'b8055b9add2e9abfeaf61f233a0f22e559829eb2', class: { [`pds-container--${this.size}`]: isNamed }, style: Object.keys(hostStyle).length ? hostStyle : undefined }, hAsync(Tag, { key: '8aac62d1a6639063d10b8c51539ca0bc3ca0bae4', part: "container" }, hAsync("slot", { key: '747e55553b7660159ee9d0192ccb8ed29a99f0b0' }))));
+    }
+    static get style() { return pdsContainerCss; }
+    static get cmpMeta() { return {
+        "$flags$": 265,
+        "$tagName$": "pds-container",
+        "$members$": {
+            "size": [1],
+            "tag": [1],
+            "centered": [4]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 /** CSS class prefix used for truncation tooltip portal elements */
 const TOOLTIP_CLASS = 'pds-truncation-tooltip';
 /**
@@ -9419,7 +9465,7 @@ class PdsCopytext {
         return classNames.join(' ');
     }
     render() {
-        return (hAsync(Host, { key: '782932e4b45129ffc8e55852060bdf0104563e2f', class: this.classNames(), id: this.componentId }, hAsync("pds-button", { key: '87c8cd8bfc2bd6fb4f5e2f1e72f48b98ca05116b', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: '02bb0538feebdd008c5ae7329c9bbf575920eef9', ref: (el) => this.valueSpanEl = el }, this.value), hAsync("pds-icon", { key: 'e21547ada488242583549b3f4431b6c652752365', icon: copy, size: "16px" }))));
+        return (hAsync(Host, { key: '43a3870fa4c24416e2e6e99dd7c423a5c32ac91e', class: this.classNames(), id: this.componentId }, hAsync("pds-button", { key: 'f0735d3f245dd7150e88b3dd1a191c3ee86b6293', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: 'ddf7cf205f9bb11dd4b4111435bb7efc15b0af61', ref: (el) => this.valueSpanEl = el }, this.value), hAsync("pds-icon", { key: '0f35d997eb1766631ac6098bdb12d0aff9813012', icon: copy, size: "16px" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -9466,7 +9512,7 @@ class PdsDivider {
         return classNames.join(' ');
     }
     render() {
-        return (hAsync(Host, { key: 'ff38715a9610e1812c2f9fc948c4f19bc1266b3c', id: this.componentId }, hAsync("hr", { key: 'd67a971d8be8f1739066013213787cf50a06319f', class: this.classNames() })));
+        return (hAsync(Host, { key: 'c3a01882db1119b8397353aaed193813cba0bfb8', id: this.componentId }, hAsync("hr", { key: 'fe20a28dbd2f10cec125df4dbb4ba7a2837628f1', class: this.classNames() })));
     }
     static get style() { return pdsDividerCss; }
     static get cmpMeta() { return {
@@ -9792,7 +9838,7 @@ class PdsDropdownMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: '36db1447aedd341d0692a63b7ade9d4b6a2ce915', id: this.componentId }, hAsync("slot", { key: '6e66d5227b9432a2c4721f9278b15cb6d85c0dda', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), hAsync("pds-box", { key: '4376cc05df741766135ad3f64c48949a7768c977', "border-radius": "sm", display: "flex", direction: "column", class: "pds-dropdown-menu--panel is-hidden", shadow: "100", role: "menu", "aria-orientation": "vertical", part: "menu-panel" }, hAsync("slot", { key: '10e185fcdad6cb38abb6317b302ff457e4cc77e3', onSlotchange: this.handleSlotChange }))));
+        return (hAsync(Host, { key: '467662b4b14612153ba10a4d3a6f578edec52d89', id: this.componentId }, hAsync("slot", { key: 'ba1b44fe9276b96fd123694742a34bd7c8717a3d', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), hAsync("pds-box", { key: '8287d0cc6fea80eeb73ca355eb247883d6257c19', "border-radius": "sm", display: "flex", direction: "column", class: "pds-dropdown-menu--panel is-hidden", shadow: "100", role: "menu", "aria-orientation": "vertical", part: "menu-panel" }, hAsync("slot", { key: '5d5aa3cc226fabaadb4572bfa38f9189dbcb55c7', onSlotchange: this.handleSlotChange }))));
     }
     get host() { return getElement(this); }
     static get style() { return pdsDropdownMenuCss; }
@@ -9887,7 +9933,7 @@ class PdsDropdownMenuItem {
             }, tabIndex: this.disabled ? -1 : 0, type: "button", part: "button", onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null }, hAsync("slot", null)));
     }
     render() {
-        return (hAsync(Host, { key: 'f580ec794a1e06c5384ac88ba935515f28a3e0f9', id: this.componentId, class: { 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }, onClick: () => !this.disabled && this.handleClick(), role: "none", tabIndex: -1, "aria-disabled": this.disabled ? 'true' : null }, this.renderElement()));
+        return (hAsync(Host, { key: 'd2a6c182b330dae3738650002a4643c0f1fd3d1a', id: this.componentId, class: { 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }, onClick: () => !this.disabled && this.handleClick(), role: "none", tabIndex: -1, "aria-disabled": this.disabled ? 'true' : null }, this.renderElement()));
     }
     get host() { return getElement(this); }
     static get style() { return pdsDropdownMenuItemCss; }
@@ -9923,7 +9969,7 @@ class PdsDropdownMenuSeparator {
         this.disabled = false;
     }
     render() {
-        return (hAsync(Host, { key: 'a8480ce2974db190161dab43a7af75520019d5d1', id: this.componentId }, hAsync("hr", { key: 'a8296c39676d4270f8519ce59af85dcde35586ec' })));
+        return (hAsync(Host, { key: '1058ea61d2ad7c311ee162b909df2531f3589e4c', id: this.componentId }, hAsync("hr", { key: 'a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b' })));
     }
     static get style() { return pdsDropdownMenuSeparatorCss; }
     static get cmpMeta() { return {
@@ -10426,7 +10472,7 @@ class PdsFilter {
         return null;
     }
     render() {
-        return (hAsync(Host, { key: '490e62f7906de343b3944be884321007172e6b66', id: this.componentId }, hAsync("button", { key: '060673c00c7b8043fb1ce52d6eeb79fb663c560f', class: this.getTriggerClasses(), type: "button", popoverTarget: this.variant !== 'clear' ? `${this.componentId}-popover` : undefined, popoverTargetAction: this.variant !== 'clear' ? 'toggle' : undefined, onKeyDown: this.variant === 'clear' ? this.handleKeyDown : undefined, onClick: (event) => this.handleClick(event), part: "button", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": this.variant !== 'clear' ? 'true' : undefined, "aria-controls": this.variant !== 'clear' ? `${this.componentId}-popover` : undefined }, hAsync("span", { key: '1a307b1f1e0fded0fe3fa934e20e62998fc82c82', class: "pds-filter__button-content", part: "button-content" }, this.renderIcon(), this.text && (hAsync("span", { key: '11a7ff15dfb2cd13f9d4a75255881dda260e88d2', class: "pds-filter__button-text", part: "button-text" }, this.text)), this.renderDropdownIcon())), this.variant !== 'clear' && (hAsync("div", { key: 'bde162f9cf0d0a69debe7adb2e7261d8713806c0', ref: el => this.popoverEl = el, id: `${this.componentId}-popover`, class: "pds-filter__popover", popover: "auto", part: "popover" }, hAsync("slot", { key: '9d41d268bdeab03d6e875a4a6bf322a40b50536b' })))));
+        return (hAsync(Host, { key: 'e70f7bf3612c5c8abe7445ba3a4e53391a68de9e', id: this.componentId }, hAsync("button", { key: '2cba723795c43509762f75cb4b6607ce547f7c39', class: this.getTriggerClasses(), type: "button", popoverTarget: this.variant !== 'clear' ? `${this.componentId}-popover` : undefined, popoverTargetAction: this.variant !== 'clear' ? 'toggle' : undefined, onKeyDown: this.variant === 'clear' ? this.handleKeyDown : undefined, onClick: (event) => this.handleClick(event), part: "button", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": this.variant !== 'clear' ? 'true' : undefined, "aria-controls": this.variant !== 'clear' ? `${this.componentId}-popover` : undefined }, hAsync("span", { key: '8244dd35cc74c6f0138be2d3495d94b97f60474f', class: "pds-filter__button-content", part: "button-content" }, this.renderIcon(), this.text && (hAsync("span", { key: 'd97c085d1df1ca13ccaf1f26ca2dac81bdfb105a', class: "pds-filter__button-text", part: "button-text" }, this.text)), this.renderDropdownIcon())), this.variant !== 'clear' && (hAsync("div", { key: '0b9daf4591ea20db06813ce4c39442d69af3fda1', ref: el => this.popoverEl = el, id: `${this.componentId}-popover`, class: "pds-filter__popover", popover: "auto", part: "popover" }, hAsync("slot", { key: 'f4499fe2d5a6a169318fe65cbbc558565c8644f9' })))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsFilterCss; }
@@ -10458,7 +10504,7 @@ class PdsFilters {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '2b5ed6a2d395f77f2ccc82f09cc197e055206cbd', id: this.componentId }, hAsync("div", { key: '8458c2a1cbdf872c2a2d51ca9fbb971528abb951', class: "pds-filters" }, hAsync("slot", { key: '732105a40f10ec5b2a4ea596ad840d13575e1760' }))));
+        return (hAsync(Host, { key: '7007a635d3866781dfd67bd2d3b2dab46d36cffc', id: this.componentId }, hAsync("div", { key: 'e6eb4c76bfb39050aaa01ad297df995de7df484b', class: "pds-filters" }, hAsync("slot", { key: '543c83c7422b3e1e9a2446618fe8119d76478df4' }))));
     }
     static get style() { return pdsFiltersCss; }
     static get cmpMeta() { return {
@@ -10921,9 +10967,9 @@ class PdsImage {
         this.loading = 'eager';
     }
     render() {
-        return (hAsync(Host, { key: '7ec6d6855757a2c0c9352f61e9eda7b3d6560eb7', class: {
+        return (hAsync(Host, { key: 'fa205f03d5c378d27a66cbfd520ae2bc7ab9e9df', class: {
                 'pds-image': true,
-            }, id: this.componentId }, hAsync("img", { key: 'a22c91e0560dc85d603022975aa8f71b2406e34d', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
+            }, id: this.componentId }, hAsync("img", { key: '8d03dddf6e924ef8aebea2bf34a32e326bee329a', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
     }
     static get style() { return pdsImageCss; }
     static get cmpMeta() { return {
@@ -11240,7 +11286,7 @@ class PdsInput {
             'has-prepend': this.hasPrepend,
             'has-append': this.hasAppend,
         };
-        return (hAsync(Host, { key: '2d3ea3af8894fbf4b454d08928e26946722a5b4d', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-prefix": this.hasPrefix ? 'true' : null, "has-suffix": this.hasSuffix ? 'true' : null, "has-prepend": this.hasPrepend ? 'true' : null, "has-append": this.hasAppend ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null, "full-width": this.fullWidth ? 'true' : null }, hAsync("div", { key: 'fb01fe320faa3cce646d6b54435e4e12da38cf07', class: "pds-input" }, label && (hAsync("div", { key: '3ed35d66308e2c8d38bcedccd6b0f739872ae45e', class: "pds-input__label-wrapper" }, hAsync("label", { key: 'd82f20db4527a790ed6801a9de225e6eebe6d8b5', htmlFor: componentId, class: "pds-input__label" }, hAsync("span", { key: '5ad15bcb3d8ae37f9a62c4cb56a5159e3c754592', class: this.hideLabel ? 'visually-hidden' : '' }, label, this.required && hAsync("span", { key: '034d94201f2720374b1e40e9258def810ea228a0', class: "pds-input__required-indicator" }, " *"))), !this.hideLabel && this.renderAction())), hAsync("div", { key: 'ad6129ba1817039c163d574b3246bca929ebf978', class: inputWrapperClasses }, this.renderPrepend(), this.renderPrefix(), hAsync("input", Object.assign({ key: '92806f252756f9ca56dfed69f34e8e599b459261', ref: (input) => (this.nativeInput = input), class: "pds-input__field", "aria-describedby": assignDescription(componentId, invalid, helperMessage), "aria-invalid": invalid ? "true" : undefined, autocomplete: this.autocomplete, disabled: disabled, id: componentId, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, type: this.type, value: value, onInput: this.onInputEvent, onChange: this.onChangeEvent, onBlur: this.onBlurEvent, onFocus: this.onFocusEvent, onKeyDown: this.onKeyDownEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.renderSuffix(), this.renderAppend()), helperMessage && (hAsync("p", { key: 'a7bfdb402e433815f7520cb1a9154abf33366f4e', class: "pds-input__helper-message", id: messageId(componentId, 'helper') }, helperMessage)), errorMessage && (hAsync("p", { key: 'fb7d5892e2b9b636a8441128e77436eea9429746', class: "pds-input__error-message", id: messageId(componentId, 'error') }, hAsync("pds-icon", { key: '5fa138752a9473272a2ae8f15db8707d07638986', icon: danger, size: "small" }), errorMessage)))));
+        return (hAsync(Host, { key: 'ecf4cc212e5c3ebc18082b790803e6b2ccb8ca77', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-prefix": this.hasPrefix ? 'true' : null, "has-suffix": this.hasSuffix ? 'true' : null, "has-prepend": this.hasPrepend ? 'true' : null, "has-append": this.hasAppend ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null, "full-width": this.fullWidth ? 'true' : null }, hAsync("div", { key: 'acdf92a30068fc04a17816ec6d85295b47e512ee', class: "pds-input" }, label && (hAsync("div", { key: 'cc804ec7ec9bb1e588863bdb636f2cc9d61108e0', class: "pds-input__label-wrapper" }, hAsync("label", { key: 'c6d8e54070422bb9856978d17dc99e6633e98e23', htmlFor: componentId, class: "pds-input__label" }, hAsync("span", { key: 'beee330abe246af7e256c42237d061b1e3ed34fe', class: this.hideLabel ? 'visually-hidden' : '' }, label, this.required && hAsync("span", { key: 'd4b6792646b18514f9c5ab008467ebd8e009efa8', class: "pds-input__required-indicator" }, " *"))), !this.hideLabel && this.renderAction())), hAsync("div", { key: '0c147663fad34fc1fd3b294dbe93dc0618f32664', class: inputWrapperClasses }, this.renderPrepend(), this.renderPrefix(), hAsync("input", Object.assign({ key: 'fcf07f3facc9494a9422ac5a54bbcd1dc083ce28', ref: (input) => (this.nativeInput = input), class: "pds-input__field", "aria-describedby": assignDescription(componentId, invalid, helperMessage), "aria-invalid": invalid ? "true" : undefined, autocomplete: this.autocomplete, disabled: disabled, id: componentId, max: this.max, maxlength: this.maxlength, min: this.min, minlength: this.minlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, type: this.type, value: value, onInput: this.onInputEvent, onChange: this.onChangeEvent, onBlur: this.onBlurEvent, onFocus: this.onFocusEvent, onKeyDown: this.onKeyDownEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.renderSuffix(), this.renderAppend()), helperMessage && (hAsync("p", { key: 'dbed2e91b2431beaf630460b5d042f4aa7532665', class: "pds-input__helper-message", id: messageId(componentId, 'helper') }, helperMessage)), errorMessage && (hAsync("p", { key: 'ad14be8e2280b58742486cddba591355ed7d3df6', class: "pds-input__error-message", id: messageId(componentId, 'error') }, hAsync("pds-icon", { key: '0badd7b84d29e826f3ca9bd1ad108823c24e3996', icon: danger, size: "small" }), errorMessage)))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -11341,8 +11387,8 @@ class PdsLink {
         const targetValue = this.target || (this.external ? '_blank' : undefined);
         const showExternalIcon = this.external;
         const relValue = targetValue === '_blank' ? 'noopener noreferrer' : undefined;
-        return (hAsync("a", { key: 'c593ea2b55716a74678666aca7fa470bfa330461', class: this.classNames(), download: this.download, href: this.href, id: this.componentId, part: "link", target: targetValue, rel: relValue, style: this.setLinkStyles() }, hAsync("slot", { key: 'fed9931e87ed95bd21669c7130c8918165c14268' }, this.href), showExternalIcon &&
-            hAsync("pds-icon", { key: '6c7528674ce5ebc54d6f7de6c499acce1f144ad5', icon: launch, size: this.fontSize })));
+        return (hAsync("a", { key: '8ab68ceb91a4c7b155a4ae54d2cb421af4d0eec1', class: this.classNames(), download: this.download, href: this.href, id: this.componentId, part: "link", target: targetValue, rel: relValue, style: this.setLinkStyles() }, hAsync("slot", { key: 'b90dc967867a3b765d632c16458236e6e4ccf97e' }, this.href), showExternalIcon &&
+            hAsync("pds-icon", { key: 'ebffdba1a21f7b0f5730608ec5eb88519ee79d1b', icon: launch, size: this.fontSize })));
     }
     static get style() { return pdsLinkCss; }
     static get cmpMeta() { return {
@@ -11414,7 +11460,7 @@ class PdsLoader {
         }
     }
     render() {
-        return (hAsync(Host, { key: '2e5d99368f9bd7cfb2538bac7d692a24e4d68d28', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (hAsync("div", { key: 'd7f19e0a958ff7c1d8660d2953a52d312e997b96', class: "pds-loader--spinner" }, hAsync("svg", { key: '5466e9962d446fd72d0c2aaafe23f2777701a14b', style: this.getSvgStyle(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, hAsync("defs", { key: '98f48ae144302815a664d023740c2235401b2eea' }, hAsync("linearGradient", { key: 'f20f259b01bce14659b18f31b8df220080d71c1e', id: "spinner-secondHalf" }, hAsync("stop", { key: 'dfdf8dfb28fcde737fd735f64eec4aef7d81720a', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: 'cec59a32faa2763d39e0a14b92c42a1f6f8ae42b', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: 'ce5b7cafdb77f025a6b6accd198f217ca6b57fb7', id: "spinner-firstHalf" }, hAsync("stop", { key: '4673e0ae636ab5efedb5072b1b72953f6e4d3361', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: 'd162a037043f8fab180c740a128c79170d135567', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: 'bf40b165d28ec48dbc87a7ed8a612c64768a9a64', class: "pds-loader__spinner-path" }, hAsync("path", { key: 'ef3d785b614b3f5ce56aa6ea830b8d3a97681e94', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: '325fdf3fd39ea5a3a78720ae6ec28f787a83635d', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: '54aacdbe457bc81ceaf24f3f8b69d2ddad50c1f0', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: '6c3e7d46a75a0393f2851a57ba245b480d855bf4', class: "pds-loader--typing" }, hAsync("span", { key: '4910de2c7c51e25e6c738521122cc24634916829' }), hAsync("span", { key: '71252eb90437cfff9d85d06ac2c7c233e8986037' }), hAsync("span", { key: 'ba1b08887da6a476cc1fa0c5cb4e07d4a88e62f1' }))), hAsync("div", { key: 'e8cc5e9cd5b092c9deb0aa566b1f76ab3d6413b6', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: '725804cab3306daa27e70510b5a11946063c3b84', name: "label" }, "Loading..."))));
+        return (hAsync(Host, { key: 'fc312fc9ebf973506190e693cd251f25e37f3d0a', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (hAsync("div", { key: 'c9eab32510368d1fd6db7669b3db640c229911f2', class: "pds-loader--spinner" }, hAsync("svg", { key: '359d9f171378064c6121e583efe09eace3377e44', style: this.getSvgStyle(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, hAsync("defs", { key: '263409d92ab95fa34df4e879934e04e6a587f23b' }, hAsync("linearGradient", { key: 'e9b32747efcb60bbebd8734fdd2c2d5a400974c1', id: "spinner-secondHalf" }, hAsync("stop", { key: 'db61c891cf635b72e36a152b944b6c9ce3569be3', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: 'fb964af08941ad174ecaf0c329d79e25fff45a9c', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: '89d815d1f076ffe82d189d51fce14fb48ecb0926', id: "spinner-firstHalf" }, hAsync("stop", { key: '43b753f80ab136d38635a6ab921899fc8fd3a6b2', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: '7ce201ac86ae5cd291f8fba22f1e6517d53af025', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: 'ea7e594df07f7d634fa2142785f0791b21a71d41', class: "pds-loader__spinner-path" }, hAsync("path", { key: '8ac8cead5078716ca9169150be8c0c64ecedc854', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: 'c4ed3d7f386ac59dcb540b369f52925b216ea950', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: 'ecc2e2b7240c23e35af8b9aa049ac45dff43ac9f', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: '8cb7180432a6cca86c7fcc2af3f1e05afb751a9d', class: "pds-loader--typing" }, hAsync("span", { key: 'c09247cbcf86fef899f206bee1458a1388cbdd39' }), hAsync("span", { key: '07bdfe8ab1971fa20544022412e2141721111506' }), hAsync("span", { key: '9444f7ed6a13475694e1eda50b891ff63fb91297' }))), hAsync("div", { key: '3b717ff6b9f38f9710ca0556ebbc66bd86b7e1b6', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: 'ab65224fab189a30d0cf18caf086c621cbd78eaa', name: "label" }, "Loading..."))));
     }
     static get style() { return pdsLoaderCss; }
     static get cmpMeta() { return {
@@ -11671,14 +11717,14 @@ class PdsModal {
         return thisZIndex === maxZIndex;
     }
     render() {
-        return (hAsync("dialog", { key: '357b1570ff9153bb04abc883bd471d0454eca862', class: {
+        return (hAsync("dialog", { key: 'cf2710a889d8f0e80a3551088ab38a88dc44ad1e', class: {
                 'pds-modal__backdrop': true,
                 'open': this.open
-            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '89576c6aa19ffd87dfc3b527a242503093af4ec3', class: {
+            }, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: 'a06d017153e67ad38bc1ced56ba22aeade977aaf', class: {
                 'pds-modal': true,
                 [`pds-modal--${this.size}`]: true,
                 'pds-modal--scrollable': this.scrollable
-            }, part: "modal" }, hAsync("slot", { key: '071ad7101f66fb01854191436ec95a212ea6ee73' }))));
+            }, part: "modal" }, hAsync("slot", { key: 'd995c586809a4940c091912244a86cb4605a961c' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11881,10 +11927,10 @@ class PdsModalContent {
     render() {
         // Only apply max-height style if it's not 'none'
         const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};
-        return (hAsync(Host, { key: '7da94c2c06a773fd5634c58481d856fda63246f9' }, hAsync("div", { key: '9e4c6ec64bf18fdd117e51c21de87a9a8175f99c', class: {
+        return (hAsync(Host, { key: 'fae42c1fc151e4855cd2c731802c15851473be79' }, hAsync("div", { key: 'feb61d6a7227d8113b931df6280358cd9b4fe583', class: {
                 'pds-modal-content': true,
                 [`pds-modal-content--border-${this.border}`]: true
-            }, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: 'dbfa4f683ba8832662ed10a7fe2f89f353484593' }))));
+            }, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '1c9e55ecd1ad353699e5a4590ee04c9005719f6d' }))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsModalContentCss; }
@@ -11908,7 +11954,7 @@ class PdsModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("footer", { key: 'd7297c60bccc1d3e9cca3b2eb8bbefdc71ac2375', class: "pds-modal__footer" }, hAsync("slot", { key: 'e807b2a702525e1c30f051ee23f1b25518248ff0' })));
+        return (hAsync("footer", { key: '0fa58ce225ce31a1f40d6ce1d3276e716b36de8d', class: "pds-modal__footer" }, hAsync("slot", { key: 'df0bbdb56c711c7eb34db7181f940de11d4449ef' })));
     }
     static get style() { return pdsModalFooterCss; }
     static get cmpMeta() { return {
@@ -11928,7 +11974,7 @@ class PdsModalHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("header", { key: '78ac9253a737c94deaaa03157fdb0ba6c6e53ad4', class: "pds-modal__header" }, hAsync("slot", { key: '0593ae721aeee01272b64d9cd7ccc317180ff386' })));
+        return (hAsync("header", { key: '1a471bd6dfa2b654f5a6ebdf8fb5baef728324b3', class: "pds-modal__header" }, hAsync("slot", { key: '946a365ab3c2ca627d618188890d385c054b4c16' })));
     }
     static get style() { return pdsModalHeaderCss; }
     static get cmpMeta() { return {
@@ -12888,10 +12934,10 @@ class PdsMultiselect {
     }
     render() {
         const hasSelections = this.selectedItems.length > 0;
-        return (hAsync(Host, { key: '50f06d8e7a23c17ff0169048d220aa78e4e60d91', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'f85448744cf889fd999579fe2849fd7902254e3d', class: "pds-multiselect", onFocusout: this.handleContainerFocusOut }, this.label && (hAsync("label", { key: '54143c890e3fea07626705fab5b87d0da2abf485', id: `${this.componentId}-label`, htmlFor: this.componentId, class: {
+        return (hAsync(Host, { key: '086b6d2d199b35110e64ba1da3c12f1a81360581', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'c2faf217a97de056a9111a78e7077025e4ab5ee1', class: "pds-multiselect", onFocusout: this.handleContainerFocusOut }, this.label && (hAsync("label", { key: '0aff86a3a0054aef256bac5c0204dd914a9bd3ae', id: `${this.componentId}-label`, htmlFor: this.componentId, class: {
                 'pds-multiselect__label': true,
                 'visually-hidden': this.hideLabel,
-            } }, this.label)), hAsync("div", { key: 'ad35b02bcf540a5fd197d8012cb060d10682b0a2', class: "pds-multiselect__wrapper", ref: el => (this.containerEl = el), style: { width: this.triggerWidth } }, this.selectedDisplay === 'pill' && this.pillPosition === 'inline' ? (hAsync("div", { ref: el => (this.pillInlineTriggerEl = el || undefined), part: "trigger", class: {
+            } }, this.label)), hAsync("div", { key: '3b92119871dc32bb3c9a559be816bdece2fc30a6', class: "pds-multiselect__wrapper", ref: el => (this.containerEl = el), style: { width: this.triggerWidth } }, this.selectedDisplay === 'pill' && this.pillPosition === 'inline' ? (hAsync("div", { ref: el => (this.pillInlineTriggerEl = el || undefined), part: "trigger", class: {
                 'pds-multiselect__trigger': true,
                 'pds-multiselect__trigger--open': this.isOpen,
                 'pds-multiselect__trigger--disabled': this.disabled,
@@ -12907,7 +12953,7 @@ class PdsMultiselect {
             }, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hAsync("span", { class: {
                 'pds-multiselect__trigger-text': true,
                 'pds-multiselect__trigger-text--placeholder': !hasSelections || (this.selectedDisplay === 'pill' && this.pillPosition === 'below'),
-            } }, this.getTriggerText()), hAsync("pds-icon", { class: "pds-multiselect__icon", icon: enlarge }))), this.renderDropdown()), this.selectedDisplay === 'pill' && this.pillPosition === 'below' && this.renderBelowPills(), hAsync("span", { key: '547ab819abb5193040ddf71d725bf97fc3cb80b6', class: "visually-hidden", "aria-live": "polite", "aria-atomic": "true" }, this.removalAnnouncement), this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (hAsync("p", { key: '063fadcda29637c338ed8ab49ef95c57750ff7ba', class: "pds-multiselect__helper", id: messageId(this.componentId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("p", { key: '6aabb3cd4b8334f87a4eecc38ba43ff4980fb8af', class: "pds-multiselect__error", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '6fa6e1eeb8625a90e149a46a1d49742979b37881', icon: danger, size: "small" }), this.errorMessage)), hAsync("div", { key: '0a84dfe166c5cc0f93840825e238d3f7baf932e4', style: { display: 'none' } }, hAsync("slot", { key: 'a4e97c2063b358aca5db8dd6ccb8a8d860c26a4a' })))));
+            } }, this.getTriggerText()), hAsync("pds-icon", { class: "pds-multiselect__icon", icon: enlarge }))), this.renderDropdown()), this.selectedDisplay === 'pill' && this.pillPosition === 'below' && this.renderBelowPills(), hAsync("span", { key: '07d6a6bf9ccc2fe8bfcf9502a1cd4b7abf5c5e6f', class: "visually-hidden", "aria-live": "polite", "aria-atomic": "true" }, this.removalAnnouncement), this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (hAsync("p", { key: 'a94bb6f31805d31ec3cd5b5f2ca8b1984f4d41d1', class: "pds-multiselect__helper", id: messageId(this.componentId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("p", { key: '15afc6b9313e1fe22bd56b00eee1ebcf9e085c2e', class: "pds-multiselect__error", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '452814577b14ca8f891b101903bd1a7a7e5d8bb1', icon: danger, size: "small" }), this.errorMessage)), hAsync("div", { key: 'd8ce787886e666303759cd2654c78b44269a40ff', style: { display: 'none' } }, hAsync("slot", { key: '8295376fb03b23d44c5baeca9bc967514e433e0f' })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -13532,7 +13578,7 @@ class PdsPopover {
         }, 16); // ~1 frame at 60fps
     }
     render() {
-        return (hAsync(Host, { key: 'd312e00194a5d296119964bb6ba5e5cd9c6fb825', id: this.componentId }, hAsync("span", { key: '4b57221f1c1c824f02ecf4ac0d032ae4b6b0e138', class: "pds-popover__trigger-wrapper" }, hAsync("slot", { key: 'b0f3e0f1839c651047f1a096738b2a41296dccea', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), hAsync("div", { key: 'a06b4503b5ce9f15186bc517bd0a867171546e9b', class: "pds-popover__content-slot-wrapper" }, hAsync("slot", { key: '9377f9b88c194c517c4630e67d85bc1574dfb1e8', onSlotchange: this.handleContentSlotChange }))));
+        return (hAsync(Host, { key: '835196832cb0dcec61f0bc6e5f4df08038335d5a', id: this.componentId }, hAsync("span", { key: 'e4aadaa17ce565e00f5e038a92aae8957b22be64', class: "pds-popover__trigger-wrapper" }, hAsync("slot", { key: '97fe58bed551bed9f3159faa430ef54fd09d2412', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), hAsync("div", { key: '8d1330a58ff77182100fb40afa78ee89ccd3146f', class: "pds-popover__content-slot-wrapper" }, hAsync("slot", { key: '5d1136682ba7bff4a4c904fb8310443e9feb9e5b', onSlotchange: this.handleContentSlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsPopoverCss; }
@@ -13582,7 +13628,7 @@ class PdsProgress {
         this.showPercent = false;
     }
     render() {
-        return (hAsync(Host, { key: '8f1f16b8ef5269affbb07a00731775b1740b865d', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: '2e7a7d679953150523367357eeefea3e8ebc7349', class: "pds-progress" }, hAsync("label", { key: '67b2aef063ace81ceabf8c66a5039ee2ffd2d041', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: '759351c283ae43848e2ee3c298ae27de1e9b58db', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: '5f2e7309fe5207785a69c93df4e877182dc37f67', class: "pds-progress__percentage" }, this.percent, "%")));
+        return (hAsync(Host, { key: '23b8b17a11e6537d1f73cd435c66e779267c6909', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: '6bf201015c284f26b2bb794237aef8d4e4d532ee', class: "pds-progress" }, hAsync("label", { key: '7e144a90c1fde70e58095bda2e23b250529a8114', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: 'ebf00485c3c7523e184fcc022e2bcc325a13458f', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: '6f37bd88ccb9228b0d0ca4d934a2d3cff0026533', class: "pds-progress__percentage" }, this.percent, "%")));
     }
     static get style() { return pdsProgressCss; }
     static get cmpMeta() { return {
@@ -13616,7 +13662,7 @@ class PdsProperty {
         this.icon = 'star';
     }
     render() {
-        return (hAsync(Host, { key: '3bcfbe6d24bd61cabddf12bf674cf3aecf77c353', id: this.componentId }, hAsync("pds-box", { key: '189d28c1025a9825b35034f9726a3f15d40d9cb3', "align-items": "center", gap: "xs" }, hAsync("pds-icon", { key: '456413d57cf086bdf21f7693b208906ca25d1166', icon: this.icon, size: "var(--pine-dimension-sm)", "aria-hidden": "true" }), hAsync("slot", { key: 'c5eaefd892ce4f29ff7938783acdcfc4a5494632' }))));
+        return (hAsync(Host, { key: '947e0adfc46ab267b4a5f3e3da5dedcd8ab64d3e', id: this.componentId }, hAsync("pds-box", { key: 'bc6fbd4eaa162a7d9ff6348d74bf15f71e776db6', "align-items": "center", gap: "xs" }, hAsync("pds-icon", { key: '5d703e9afd94761aae842c82c7b5e9223b63b894', icon: this.icon, size: "var(--pine-dimension-sm)", "aria-hidden": "true" }), hAsync("slot", { key: 'e5e02fb21c783f7e4027591e99cd966981babc04' }))));
     }
     static get style() { return pdsPropertyCss; }
     static get cmpMeta() { return {
@@ -13717,11 +13763,11 @@ class PdsRadio {
     }
     render() {
         const renderLabelAndMessages = () => [
-            hAsync("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, hAsync("input", { key: '9d5e14d349c2328a3a374bdf2e09fd70409f2350', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), hAsync("span", { key: '88a3dcfd25892e6ddba621deab94e349ec75739e', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
+            hAsync("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, hAsync("input", { key: '75aca490be2db050f66ddd9cb45ce122bea4db53', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), hAsync("span", { key: '1bbc7398d3be35e301526b0f842274a3f1db4457', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
             this.helperMessage && (hAsync("div", { key: `${this.componentId}-helper`, class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage)),
-            this.errorMessage && (hAsync("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '0056232c82cf0d09db6b845e05d951954582ccc1', icon: danger, size: "small" }), this.errorMessage))
+            this.errorMessage && (hAsync("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'e1a1228fa52e68623098f09493d93aa03d2e65c4', icon: danger, size: "small" }), this.errorMessage))
         ];
-        return (hAsync(Host, { key: '3748a4cb1365b3deeb98d5294352d2a12546372c', class: this.classNames() }, this.hasImage() && (hAsync("div", { key: '2eefe091ac70c9cb147b7ed102c524aefc13691f', class: "pds-radio__image-container", part: "image-container" }, hAsync("slot", { key: '58ad9ed18ada05e2ba9267332c73b28ab055ccb7', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (hAsync("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
+        return (hAsync(Host, { key: '60fabeef5778fd30e46cfd23d05684e1743bc57f', class: this.classNames() }, this.hasImage() && (hAsync("div", { key: '9ba3e60182a68cc8e996623cf46e17001ff451f6', class: "pds-radio__image-container", part: "image-container" }, hAsync("slot", { key: 'bf8927129eb68ee7ed07a1f8f8727f013254e133', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (hAsync("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
     }
     get el() { return getElement(this); }
     static get style() { return labelCss$3 + pdsRadioCss; }
@@ -13896,13 +13942,13 @@ class PdsRadioGroup {
     render() {
         const gapValue = this.getGapValue();
         const ariaDescribedBy = this.getAriaDescribedBy();
-        return (hAsync(Host, { key: '14e4da42fa14f79d3baae62fc4759462fb00cec8', class: this.classNames(), id: this._groupId, role: "group", "aria-describedby": ariaDescribedBy, style: {
+        return (hAsync(Host, { key: '53949e8e878887189482a13e0402402b8ee79c46', class: this.classNames(), id: this._groupId, role: "group", "aria-describedby": ariaDescribedBy, style: {
                 '--pds-radio-group-gap': gapValue,
-            } }, this.groupLabel && (hAsync("div", { key: '0564bc27ff5d15ad7f3ad37d737ee9be8216cfbf', class: "pds-radio-group__label" }, this.groupLabel)), hAsync("div", { key: '72dcfa6dc3b9e6f8837a380575da213d026fdaca', class: {
+            } }, this.groupLabel && (hAsync("div", { key: '9aa547ff0b60d1eb78ab6806c552391c119c6511', class: "pds-radio-group__label" }, this.groupLabel)), hAsync("div", { key: '5bad4f6d4c685eca8a97b574511f21b93bdf4821', class: {
                 'pds-radio-group__radios': true,
                 'pds-radio-group__radios--row': this.direction === 'row',
                 'pds-radio-group__radios--column': this.direction === 'column',
-            } }, hAsync("slot", { key: '98a1251c95ff936e8da1c1838f69ed98be15ae60', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (hAsync("div", { key: '3667b47f8b0f42058f16135bb51943055705d415', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("div", { key: '1fe7dafd6ed81b74114c6b8901ec70b6527f1c00', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'c8e5099b271ad88836758cbd8baa911a720ceb5a', icon: danger, size: "small" }), this.errorMessage))));
+            } }, hAsync("slot", { key: 'ffd76f30b308f124e1df925b2fe354ffb80f59bc', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (hAsync("div", { key: 'ea8995384b1e1c1e98d01d704bd969a97bfd2b2a', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("div", { key: '30726bc368c7ad2820ae4cb43faf0a45e94a51e8', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'acc00b6e36ead10cc5cc01033ad0f619bd75f5da', icon: danger, size: "small" }), this.errorMessage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13992,7 +14038,7 @@ class PdsRow {
         })), (this.minHeight && {
             'min-height': this.minHeight,
         }));
-        return hAsync(Host, { key: '837ddbdce43bb90e52421dac32f77a0fc80f8d07', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
+        return hAsync(Host, { key: '7d99184153a86e5d7d2c90fce98e05e9c4a36b81', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
     }
     static get style() { return pdsRowCss; }
     static get cmpMeta() { return {
@@ -14247,7 +14293,7 @@ class PdsSelect {
     }
     render() {
         const hasAction = this.el.querySelector('[slot="action"]') !== null;
-        return (hAsync(Host, { key: 'ef2484adb6e3091a6f55ed462b81e431580951c8', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames(), "has-action": hasAction && !this.hideLabel ? 'true' : null }, hAsync("div", { key: '6de51120bac23144c0c727fbcfeef73b542ba750', class: "pds-select" }, !this.hideLabel && (hAsync("div", { key: '6e36271c09c160e2930eb1c4bcbd5b5dc7a3de6c', class: "pds-select__label-wrapper" }, hAsync("label", { key: '6a1d061a3ea1a01c58e412c59369eda7c2b771bd', htmlFor: this.componentId }, hAsync("span", { key: 'c32a97fc1167f15074f44ca3e1f4f410e3cc88a6', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), hAsync("select", { key: '77d63c6ea36a1132c4b642724aea6fd25db0355a', "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), hAsync("div", { key: '71d8b7155c6b97396826c6769de4a2045727d43b', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, hAsync("slot", { key: '8153aee437a68c53ef9e38ddc009985296e80ed2', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && hAsync("pds-icon", { key: '435d67dfdce140fd5cc1b1d9d47bccf73be97def', class: "pds-select__select-icon", icon: enlarge }))));
+        return (hAsync(Host, { key: '28292440973cbb60c63a296415a617e05fc9c5ce', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames(), "has-action": hasAction && !this.hideLabel ? 'true' : null }, hAsync("div", { key: '4a0f255ecc75c9fcedfc933c0a728d26918d9a9c', class: "pds-select" }, !this.hideLabel && (hAsync("div", { key: '1f0b2a9ccf4ce2b79d5bb4dd40ff076b415bc6ac', class: "pds-select__label-wrapper" }, hAsync("label", { key: '9e30b1b0266981f73f0821c05e833cb66a3caf3c', htmlFor: this.componentId }, hAsync("span", { key: '7790be41907be6c5e3b460aa84b7ea54773cc14d', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), hAsync("select", { key: 'd66b39ee412bfbf3c6dfff722cb061f24ba82df6', "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), hAsync("div", { key: 'daf4846494666ebade54249c8d925423e71e7d33', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, hAsync("slot", { key: '545f421fd2679d4bb6ee34658f7dd4089ece4f81', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && hAsync("pds-icon", { key: '0b3bcd3ceee6e6b2ab24b52f16f6cbd89ae88322', class: "pds-select__select-icon", icon: enlarge }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -16990,7 +17036,7 @@ class PdsSortable {
         this.sortableInstance = Sortable.create(this.el, sortableOptions);
     }
     render() {
-        return (hAsync(Host, { key: '2b3845733aa8acd1de1d9c49b3840320fbc87dd4', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: 'd8659231eab11d8a4b89f6f3404268ca1d1c7dca' })));
+        return (hAsync(Host, { key: '562bfb1ecea0b3a3f246b2e277b71f70d14b854c', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: 'a1ff894a9cd6049e532d2fa744429cec6d97e280' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17041,7 +17087,7 @@ class PdsSortableItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '99cd4e5a8a48c524569a8380b2cf214096627928', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: '4507fcd9135439cc12a95890f82a4355ee1c2487', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: '42b4c87bd56d40c625016c7c09bcf9696b1be829', icon: handle }))), hAsync("slot", { key: '47a7d6b1bc399e3044eee9f669d40cf9c24faf76' }), this.enableActions && (hAsync("div", { key: 'a617251b75698f53f90c260e55cee260e44e1a8c', class: "pds-sortable-item__actions" }, hAsync("slot", { key: '74b891acaa77245d37f39a37586365185dc3de1d', name: "sortable-item-actions" })))));
+        return (hAsync(Host, { key: '631a0c1150226256cdb47d1a7bc6635144bb56d0', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: 'bdb6ff779a5d750b75d404521bc91cad02176ea8', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: '144f4b6fe33a3a3a864ac48041fc93935fbf99c3', icon: handle }))), hAsync("slot", { key: 'cdddce9c5fa3fde34481c41c46c5f6504e33a358' }), this.enableActions && (hAsync("div", { key: '527e1d22f20223a850dbd956dea4db93878fd9f9', class: "pds-sortable-item__actions" }, hAsync("slot", { key: '85ea35dbfdf0393721471dd229e80e9e57f58230', name: "sortable-item-actions" })))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsSortableItemCss; }
@@ -17145,9 +17191,9 @@ class PdsSwitch {
         this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
     }
     render() {
-        return (hAsync(Host, { key: '44d1401d7a2a2001d75d62a498d12d6a3373aec6', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("label", { key: '476d358c612e0ba5d6898171e25a6aee7e29bd74', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'afb21f7167b09ae8e84170565260fa1791309981', "aria-describedby": assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), hAsync("span", { key: 'e517faec437110731f9c07fe0bad77923123bdf1', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), this.helperMessage &&
-            hAsync("div", { key: '676f75e0738f3a95049a35f0887e935fd365f164', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            hAsync("div", { key: '5c93d19c9599a7b06dc03f7be2cdbe585c64ebdb', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '11fbe6ef41fe639ae8cdf9369884a53602dd5f1f', icon: danger, size: "small" }), this.errorMessage)));
+        return (hAsync(Host, { key: '96ee8c40c04e95b461ba2942b740503897a56b27', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("label", { key: '441d6854f2c0b02ecf3d874198b3e0636d68c83b', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'a26cd5fb407abc20da3e9dcfe0e52333690b783a', "aria-describedby": assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), hAsync("span", { key: '5762c48f481c5c5d7b62e8dab40579a4e7ff290b', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), this.helperMessage &&
+            hAsync("div", { key: '64c14b8833b45b4e9efb2f76faa47f0d24127c91', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
+            hAsync("div", { key: 'cecd2e8da713e74b8e6b528b50733015f5d5069b', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '3a1c8f87b3909cdad1bc680931f5521ecb77acd6', icon: danger, size: "small" }), this.errorMessage)));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -17208,9 +17254,9 @@ class PdsTab {
         return classes.filter(Boolean).join(' ');
     }
     render() {
-        const availabilityTabEdgeInlineStart = (hAsync("span", { key: 'f960b1ef212d0df8cdb2ade77b4cac8ade1d0233', class: "pds-tab-edge", role: "presentation" }));
-        const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '07551a0482c3f4eb206e09e7b24b2ceacbd4f770', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
-        return (hAsync(Host, { key: '986020fd62dbb4bd5c495523de307e5891281ccf', variant: this.variant, slot: "tabs", index: this.index }, hAsync("button", { key: 'a3266df8aa33e59e66564db8475adc821b3d7e71', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.disabled ? "-1" : (this.selected ? "0" : "-1"), "aria-selected": this.selected ? "true" : "false", "aria-disabled": this.disabled ? "true" : null, disabled: this.disabled, class: this.classNames(), onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, hAsync("div", { key: 'ef72242d658212d4ea20a69167a99ba8f587f964', class: "pds-tab__content" }, hAsync("slot", { key: '836e85c75266e858cce627a6a3de058a84937e41' })))));
+        const availabilityTabEdgeInlineStart = (hAsync("span", { key: '934d84846bd84471047f9ab7503e5bb151426cbc', class: "pds-tab-edge", role: "presentation" }));
+        const availabilityTabEdgeInlineEnd = (hAsync("span", { key: 'e35b9da7b312ed95dab7bf803c40a22b3485ee05', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
+        return (hAsync(Host, { key: '310188521230d3e16cff23b857769c4b5d04fd8d', variant: this.variant, slot: "tabs", index: this.index }, hAsync("button", { key: '9df38c2aa1fa29487fdce62ce7dc5f67df6bcde1', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.disabled ? "-1" : (this.selected ? "0" : "-1"), "aria-selected": this.selected ? "true" : "false", "aria-disabled": this.disabled ? "true" : null, disabled: this.disabled, class: this.classNames(), onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, hAsync("div", { key: '4936599dd547f236880ea9a0ccabc4b50836d1d5', class: "pds-tab__content" }, hAsync("slot", { key: '567388faf912bb307676cea9a4626ce9669087dd' })))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsTabCss; }
@@ -17509,7 +17555,7 @@ class PdsTableBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '109c20cf255df58dac0491ab4e82dfbb6bac96c5', role: "rowgroup", part: "body" }, hAsync("slot", { key: 'e6bbfe380395df15bcc35107d5f3220dc817a374' })));
+        return (hAsync(Host, { key: '457fc5406a1fe67055038398e03bfad97a393747', role: "rowgroup", part: "body" }, hAsync("slot", { key: '5950bced36f7ba590f34173149cf8663ba76103b' })));
     }
     static get style() { return pdsTableBodyCss; }
     static get cmpMeta() { return {
@@ -17647,11 +17693,11 @@ class PdsTableCell {
         return classNames.join(' ');
     }
     render() {
-        return (hAsync(Host, { key: '43707f930d90feb1364b9860a5dbc955049ff990', class: this.classNames(), role: "gridcell", part: "cell", tabIndex: this.truncate ? 0 : undefined, style: this.tableRef &&
+        return (hAsync(Host, { key: 'f1526ebf858c52e01185174cb37770d130abd3ca', class: this.classNames(), role: "gridcell", part: "cell", tabIndex: this.truncate ? 0 : undefined, style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, hAsync("slot", { key: 'c4eca6f7dbf2e32e217cbfb170aba12a02acb50d' })));
+                : {} }, hAsync("slot", { key: '518a3cb3fad0bbbe029f218c2dc89596d1cd0b16' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -17726,7 +17772,7 @@ class PdsTableHead {
         }
     }
     render() {
-        return (hAsync(Host, { key: '51122f82508bc7572f932c58a87823ef36705047', role: "row", part: "head" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: '8df08f916dbec551db5e6af62638ef3de1aaa4a2', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, !this.tableRef.disableSelectAll && (hAsync("pds-checkbox", { key: 'c87c00d23d3a639c2a478ac1797b06f375179042', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", hideLabel: true, checked: this.isSelected, part: "select-all-checkbox" })))), hAsync("slot", { key: '262bcd23f0258941235845fa12518e0aacaa8e55' })));
+        return (hAsync(Host, { key: 'd5d5906bdb23794b911ecd5904a4cc58aa5380d6', role: "row", part: "head" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: '85df57fb4371e4fba855e16ce62c8329b49e08cf', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, !this.tableRef.disableSelectAll && (hAsync("pds-checkbox", { key: '92bd5565463e29d249d1ac71d9dc0d000f3eea79', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", hideLabel: true, checked: this.isSelected, part: "select-all-checkbox" })))), hAsync("slot", { key: '494dc0395da229a264c38540479f36967601cc26' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pdsTableHeadCss; }
@@ -17947,11 +17993,11 @@ class PdsTableHeadCell {
         return classNames.join(' ');
     }
     render() {
-        return (hAsync(Host, { key: '8996942725c06b81a067c103510adea405b8fabb', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, part: "head-cell", style: this.tableRef &&
+        return (hAsync(Host, { key: 'a0196e242282574b969375a4767950ffd7a1e5b8', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, part: "head-cell", style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, hAsync("slot", { key: 'ac103029fda6afad34db0c3978548f126bb4d2a6' }), this.sortable && this.isActive && (hAsync("pds-icon", { key: '411adf3421f5f7524a995042af3f9411a321a944', icon: this.sortingDirection === 'asc' ? upSmall : downSmall, part: "sort-icon" }))));
+                : {} }, hAsync("slot", { key: '90f6d190ed912276fb8ff5607a80b592d1884d71' }), this.sortable && this.isActive && (hAsync("pds-icon", { key: '128bd50d5163ea1690a66a4bef227480a0076f39', icon: this.sortingDirection === 'asc' ? upSmall : downSmall, part: "sort-icon" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pdsTableHeadCellCss; }
@@ -18117,7 +18163,7 @@ class PdsTableRow {
         }
     }
     render() {
-        return (hAsync(Host, { key: '18321a22227ab1aaa558542bbc66d66378b79375', class: this.classNames(), role: "row", part: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: 'bf0e90ee491224817ed7ae33c5c5cfa1da31a7aa', part: this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: 'f3dcd96601cbe822727d831827530051478046cf', componentId: this.generateUniqueId(), onPdsCheckboxChange: this.handleCheckboxChange, indeterminate: this.indeterminate, label: "Select Row", hideLabel: true, checked: this.isSelected, part: "row-checkbox" }))), hAsync("slot", { key: '11d1c549eb27db0909b180979bec66cc4f548de7' })));
+        return (hAsync(Host, { key: '6bbd8bb7cd1f90de0e418748bf8d3b9240ab0cb8', class: this.classNames(), role: "row", part: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: '9a92396654e7cdf819536335ebe95169d4d4c26d', part: this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: 'bf61a00da4d3c19280aae90d8eaff9515a716c52', componentId: this.generateUniqueId(), onPdsCheckboxChange: this.handleCheckboxChange, indeterminate: this.indeterminate, label: "Select Row", hideLabel: true, checked: this.isSelected, part: "row-checkbox" }))), hAsync("slot", { key: 'f77887e878913bea5e0ca0a281a639285a65f1c1' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pdsTableRowCss; }
@@ -18148,7 +18194,7 @@ class PdsTabpanel {
         this.selected = false; // eslint-disable-line @stencil-community/strict-mutable
     }
     render() {
-        return (hAsync(Host, { key: '56e6a4e6523ca571c047797a17f98d0620a8655a', slot: "tabpanels" }, hAsync("div", { key: '5abd0817b24fcc354f8c5ae3ee0465aea5daaf7d', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: '3fbcc5dcdc675de6923234d53f7877cf8ebd3586' }))));
+        return (hAsync(Host, { key: '6ba83ea71c899d61f67884780731591a05aa1894', slot: "tabpanels" }, hAsync("div", { key: 'abaa610f7a68a3977303e08f1221976ae2840272', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: 'b80ecc1380f424d545b31843b53de1b2854e9f28' }))));
     }
     get el() { return getElement(this); }
     static get style() { return pdsTabpanelCss; }
@@ -18260,7 +18306,7 @@ class PdsTabs {
         this.passPropsToChildren();
     }
     render() {
-        return (hAsync(Host, { key: '9776af8309f3c013f5b313a645ba2edc67cdab6b', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, hAsync("div", { key: '3d6ab06d67b4b45649bc045907b9a4aaa009fe47', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, hAsync("slot", { key: '6e0edeb91ba3ed94a951fc452b89d1f61acfea54', name: "tabs" })), hAsync("slot", { key: '9d62f9b411d18637d9a1f079d569d2c283aae4f7', name: "tabpanels" })));
+        return (hAsync(Host, { key: '213dfbe8f2828b430ab81dce23f43c2137206861', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, hAsync("div", { key: '68989e852e2eeed180f91e5ac901c4318d6c0d70', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, hAsync("slot", { key: '4a06996745c049fdaf830460e8d57caefd50900b', name: "tabs" })), hAsync("slot", { key: 'e0558392bff0955defb133b36dd4e7360f33acce', name: "tabpanels" })));
     }
     get el() { return getElement(this); }
     static get style() { return pdsTabsCss; }
@@ -18347,7 +18393,7 @@ class PdsText {
             ? `pds-text--decoration-${this.decoration}`
             : ''}
     `;
-        return (hAsync(Tag, { key: 'a7cf1fb996a4029573943f525a110f0ead195ad3', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, hAsync("slot", { key: '5a6b694ac85ca92bd94c29c73b976c16cac44781' })));
+        return (hAsync(Tag, { key: '1d4952d18c09b26a5f2c7f64574be86c90cca553', ref: (el) => (this.contentEl = el), style: this.color && setColor(this.color), class: typeClasses, part: "content", tabIndex: this.truncate ? 0 : undefined }, hAsync("slot", { key: '62a5caff5274601b79f35025c9382e2430118cdc' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18677,10 +18723,10 @@ class PdsTextarea {
     }
     render() {
         const value = this.getValue();
-        return (hAsync(Host, { key: '3d47132201223429519807348c47df3aa051bf40', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null }, hAsync("div", { key: '6e82ddb0df1368cae8f031a85edea469d4ac017d', class: "pds-textarea" }, this.label &&
-            hAsync("div", { key: '34b43e0de0a1e3731970740157bce3cc32f1d062', class: "pds-textarea__label-wrapper" }, hAsync("label", { key: '0ce392058b43701520fae3473fc45a08a3e249b9', htmlFor: this.componentId }, hAsync("span", { key: '8f4f4390d5fd5ef359b739dc27726eebf5c3d806', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), !this.hideLabel && this.renderAction()), hAsync("div", { key: '9d68043524998e90e07bfd57957dadac0656e972', class: "pds-textarea__field-wrapper" }, hAsync("textarea", Object.assign({ key: '28de8bbcc85e484bc6aaaac0d4f69e80b7cbd67f', ref: (el) => this.nativeTextarea = el, "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, maxlength: this.maxLength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onBlur: this.onBlur, onChange: this.onTextareaChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value), this.renderCharacterCounter()), this.helperMessage &&
-            hAsync("p", { key: 'b3eae1b73f8d8c4df0a227ca5763962527408766', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
-            hAsync("p", { key: 'df92fc473847bd009b1e19e56ff4587c303a4403', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '109b8d6705740513e6632c4a57e9996aa25f1729', icon: danger, size: "small" }), this.errorMessage))));
+        return (hAsync(Host, { key: '09726ef6454fe84a5c8d0ea25c6e8a7a6da128f9', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null, "has-action": this.hasAction && !this.hideLabel ? 'true' : null }, hAsync("div", { key: '6244104f11d26b25a908fbaf13a815988a3c33d9', class: "pds-textarea" }, this.label &&
+            hAsync("div", { key: '5dd7f6caedd7ebf5ecaacf8d111ec5e2426e84ae', class: "pds-textarea__label-wrapper" }, hAsync("label", { key: 'd19f62cd28612423abf0d5696ff1cd88f39d32fe', htmlFor: this.componentId }, hAsync("span", { key: '37f4e9e34ae3205bafa5f1bc8574a98d3a90060d', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), !this.hideLabel && this.renderAction()), hAsync("div", { key: '4c3c8fadc5596630485ee1775f5d87d77c11d95b', class: "pds-textarea__field-wrapper" }, hAsync("textarea", Object.assign({ key: 'a60be5f3d362cb9bcd2ecf5af16ffc467fc8322a', ref: (el) => this.nativeTextarea = el, "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, maxlength: this.maxLength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onBlur: this.onBlur, onChange: this.onTextareaChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value), this.renderCharacterCounter()), this.helperMessage &&
+            hAsync("p", { key: 'ae03337ef85ac2a3995e967fe671e0ad2c352710', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
+            hAsync("p", { key: 'a2bda9a477e7d2b81862833da43158a626d8cc6f', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '5ac785e8012aeb49dd0b1c5823233671531b0a7a', icon: danger, size: "small" }), this.errorMessage))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -18806,13 +18852,13 @@ class PdsToast {
         return this.icon && hAsync("pds-icon", { name: this.icon, class: "pds-toast__icon" });
     }
     render() {
-        return (hAsync(Host, { key: 'c5334a7b7c5c711b5199648296ef135908e764f9', hidden: !this.isVisible }, hAsync("div", { key: 'fde78b6b46b4b4c2382d84363a0776708802e1ff', class: {
+        return (hAsync(Host, { key: '5a626d33e284f1d19498f1a15f91810e6c184116', hidden: !this.isVisible }, hAsync("div", { key: '9e3d7c1ccd5ee162f9cdc6c1ec7ba8b36b2492f0', class: {
                 'pds-toast': true,
                 [`pds-toast--${this.type}`]: this.type !== 'default',
                 'pds-toast--animating-out': this.isAnimatingOut
-            }, role: "alert", "aria-live": "polite" }, this.renderIcon(), hAsync("span", { key: 'fcf8dab1c1fbae1931877d51d2c0bbdf2a560559', class: "pds-toast__message" }, hAsync("slot", { key: '8c13032c06bb06fe54c9809b004f79458751d4c6' })), this.dismissible && (hAsync("button", { key: '36a4442139bdf1f15bed18570360feef7d820434', type: "button", part: "dismiss", class: "pds-toast__button", onClick: () => {
+            }, role: "alert", "aria-live": "polite" }, this.renderIcon(), hAsync("span", { key: '07fa7e9da50a3f25ad66f633de05cd62c08963ad', class: "pds-toast__message" }, hAsync("slot", { key: '94b97c868003945d884fe82fc132ccf9c93883d3' })), this.dismissible && (hAsync("button", { key: 'bbb35c6f1a4f2635c29f56d3c71870289c3dd765', type: "button", part: "dismiss", class: "pds-toast__button", onClick: () => {
                 this.dismiss();
-            }, "aria-label": "Dismiss message" }, hAsync("pds-icon", { key: '21a9ab8088241e91e30d1cc0dd3fddd99fa893bd', name: "remove" }))))));
+            }, "aria-label": "Dismiss message" }, hAsync("pds-icon", { key: '5a39aa843a9585f8814b15f334d7eb74cf6e815c', name: "remove" }))))));
     }
     static get watchers() { return {
         "duration": ["handleDurationChange"]
@@ -19152,9 +19198,9 @@ class PdsTooltip {
     }
     render() {
         const hostId = this.componentId || undefined;
-        return (hAsync(Host, { key: '1ac048fb5e323db27ac875ea987251e92a58853b', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, hAsync("span", { key: '37b52157f53e8394befb80edb15c510377425df8', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
+        return (hAsync(Host, { key: '4e6188e03c2f1d33e571b96a3006a585840716bd', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, hAsync("span", { key: '0b82d180295421c32548577fb2038422b8ebd3be', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
             /* focusin/out bubble; ensure keyboard users see tooltips */
-            onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, hAsync("slot", { key: '8b47c6349a370b92c908cf74d4ccd452cbba54fb' })), hAsync("div", { key: 'abb222fd6be2e43c899ff9fb39f7a766dd8a7b87', class: "pds-tooltip__content-slot-wrapper", hidden: true }, hAsync("slot", { key: '7e868254fcb0257e6cff0f1b47c4bdcfe690b105', name: "content" }))));
+            onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, hAsync("slot", { key: '661014ee46b11bcc906e7b64ef8c8a5739d459f0' })), hAsync("div", { key: '1861ce9b260f5f7d2eb0a1f337dadd63a0dfee97', class: "pds-tooltip__content-slot-wrapper", hidden: true }, hAsync("slot", { key: '963fb263c72fba432c2b672a2c3e85ca524f2b67', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19193,6 +19239,7 @@ registerComponents([
   PdsCheckbox,
   PdsChip,
   PdsCombobox,
+  PdsContainer,
   PdsCopytext,
   PdsDivider,
   PdsDropdownMenu,