@getflip/swirl-components 0.427.1 → 0.428.0

package/dist/cjs/swirl-tab-bar.cjs.entry.js

@@ -63,7 +63,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '93e7c947b43c0ffad2fb722528f626e69d58fb1e' }, index.h("div", { key: 'c58ac4350603133c09efa406cd761b8db3372a84', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: '281aeb39ec1dad585e2d528867b95eae025954d4' }, index.h("div", { key: '0563370c98c70a77e0fb2b763fa1314e71f629e9', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/cjs/swirl-tab.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: '299a8a37f0295c7550b1ba0e248e4600cdae553b', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '04857bc605a3e72cb97e9c539462b5d874359f47' })));
+        return (index.h(index.Host, { key: '4dcaa666ac2c76ef69a3db108fec8d9261f0c2c9', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'd4be897cca0b201d4b72b400f6a7433ccf86921c' })));
     }
 };
 SwirlTab.style = swirlTabCss;

package/dist/cjs/swirl-table-column.cjs.entry.js

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             "table-column--sunken": variant === "sunken",
             "table-column--raised": variant === "raised",
         });
-        return (index.h(index.Host, { key: '41aa5bb0e26abf50b5729ebcc342999c17652bab', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, index.h("span", { key: 'ac83daadd2fea681b9f96bc5e0f2fa9770939b66' }, index.h("slot", { key: '2a73334af8664a958593d75c12080507e59e1677' })), this.sortable && (index.h("span", { key: '35acfbe219bf71460bcafdc59f8ea926ee083072', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '80f11009b010e8fadcba4505248dcb591b56c28d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'fd87d28b10c9480ae4f31849c966ff43c59a0b17', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: '56a69546db8dbd5233fff55c16a7f56c27c6322d', "aria-sort": this.sort, class: className, role: "columnheader", style: styles }, index.h("span", { key: '53af8c45f85e1ab805f95c77022483850ca4dfeb' }, index.h("slot", { key: '8817e0f568482f3b5c8ce027149a082c25097a70' })), this.sortable && (index.h("span", { key: '100e907905c4df26c1eec5300d8cbbe6ddf5e888', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '3c0b6ef134b06d4add186e5c761759aa64c9ea8d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '441cacfb5b3c1e9f58f2820f3aa2d17332a9c6e2', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table.cjs.entry.js

@@ -580,7 +580,7 @@ const SwirlTable = class {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index$1.h(index$1.Host, { key: 'b5ba3ffd1ef1ee3bb202dd3a04377c629cef1e6b' }, index$1.h("div", { key: '05d2eb245ab6cab7dee9e939961f412bc9d346d3', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: '438f63917748b72ff60742e414199e4d984cd981' }, index$1.h("span", { key: 'fe8953faf168dd03ac6caded2f34427a9823c935', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: '3a31611c27ccec8da4ef4e5361c230207a702008', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: 'f3161f0dff0d0fe606cd6878090b39f82c5c0e87', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: '468ff99c1aebd923ccb9d9b06bb22bcc7e700808' }, index$1.h("div", { key: '6c4db8b0c1962750d44dea03be2446ea2a537cbc', id: "caption" }, this.caption))), index$1.h("div", { key: '765c4608866a6322cef89e00d4382f6f0a952136', role: "rowgroup" }, index$1.h("div", { key: '70f8287e5a9119b49de97ce1669e0995adb8b85f', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, index$1.h("slot", { key: 'be55b93565b463ac3dc62311707667f411003d3d', name: "columns" }))), index$1.h("div", { key: 'de95203bac041a5ffa2d827b9fe8084a1896daf9', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: '0513d2856731c0804176da207737842c22b3ca64', name: "rows" }), index$1.h("div", { key: 'e1d8dee990c65f20bd56703f080c23b0aafdd661', class: "table__empty-row", role: "row" }, index$1.h("div", { key: '160f05d1449f4480beb11a56f7bff68a4a49507a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("slot", { key: 'e1e452a71172e0bb9bba117cd6e004fdcc0b50f9', name: "empty" }), !hasEmptyStateSlotAssignment && (index$1.h("swirl-text", { key: 'cfbcf48ba153e986bc9c46781c75a9f3ca8e532a', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index$1.h(index$1.Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, index$1.h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, index$1.h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, index$1.h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), index$1.h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, index$1.h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, index$1.h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), index$1.h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), index$1.h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, index$1.h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (index$1.h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-text-input.cjs.entry.js

@@ -166,7 +166,7 @@ const SwirlTextInput = class {
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (index.h(index.Host, { key: '477410e4baacd241bfb59aa45ba9fa20ceb4e7e0' }, index.h("div", { key: 'f47477d2c59e1b29253ce1866c45fe639b2fffe4', class: className }, this.prefixLabel && (index.h("span", { key: '0c5f0472978bf911cfe0380a4825b2cad9607bb9', class: "text-input__prefix" }, this.prefixLabel)), index.h(Tag, { key: 'a103be7aabfd008c88eba057c2d67ede2b426591', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value, readonly: this.readonly }, this.rows > 1 && this.value), this.suffixLabel && (index.h("span", { key: 'd250edcef510ef1b76ffad5941a7acddb17e4b8e', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (index.h("button", { key: '1a695d192a1d7945ff8f7357cb79678e65c7db21', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.handleClearClick, part: "text-input__clear-button", type: "button" }, index.h("swirl-icon-cancel", { key: '7dc4f89f1f19f2bc4bd3cc06b61056e48ae8f11e', size: this.iconSize }))), showPasswordToggle && (index.h("button", { key: '56a8e2208ba8f0620fce8d69d315e2e6dcb1ccbf', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (index.h("swirl-icon-visibility-off", { size: this.iconSize })) : (index.h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (index.h("span", { key: 'edd1e81f96eb97a9fb7fbab153ae70373892b411', class: "text-input__stepper" }, index.h("button", { key: 'd50c58678eaaa582d9397b7807525117ed1debf2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-less", { key: 'd8184c16b88a942a41d00afeaba9490d06ad1059', size: this.iconSize })), index.h("button", { key: '1294035ba7d89f4f161e419278ee79bbcf861c34', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-more", { key: '8cc5368e7e6d57b481169afa3121ae8ce81ca307', size: this.iconSize })))), showCharacterCounter && (index.h("span", { key: 'c6a4cc82a5ed5565111c7aad553d003f7cc3d4fc', class: "text-input__character-counter", "aria-live": "polite" }, index.h("swirl-visually-hidden", { key: 'df31d3ba3e346210818d4cdda8dcd334eeb82554' }, this.characterCounterLabel), characterCount, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (index.h(index.Host, { key: 'f822fb9a0003530bed7e53b2a6395fa0ead91d6c' }, index.h("div", { key: 'b8a048e87b0a8366b0243a8da2f80fd3571fbd6b', class: className }, this.prefixLabel && (index.h("span", { key: '20636fdec405901ebd416fce525a9c89b1ed9dbe', class: "text-input__prefix" }, this.prefixLabel)), index.h(Tag, { key: '8b192a2783028e0eb1fb5703026daccef7170808', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value, readonly: this.readonly }, this.rows > 1 && this.value), this.suffixLabel && (index.h("span", { key: '7b05575e9fc5f5f362f9aa23784177f16eb92660', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (index.h("button", { key: '860576e47f0e34aed31a0c53a6d7d8fa4e57557b', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.handleClearClick, part: "text-input__clear-button", type: "button" }, index.h("swirl-icon-cancel", { key: '763a1558a792a017ba4a947bf7bd47220f88ee0c', size: this.iconSize }))), showPasswordToggle && (index.h("button", { key: '584dd45c5dedb11cf9c7348a49b1ca15f959742c', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (index.h("swirl-icon-visibility-off", { size: this.iconSize })) : (index.h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (index.h("span", { key: 'fbad244a2f8584c0003f581f66dc26bb9cb1f04c', class: "text-input__stepper" }, index.h("button", { key: '921cd8c3e64560ba46a7a06fd5147e132dd7bed4', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-less", { key: 'df8eeb01df755b56dc0a465a02a1d76dbecafe59', size: this.iconSize })), index.h("button", { key: 'fee840a7e4a142f468292a9a69e8958869673e87', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, index.h("swirl-icon-expand-more", { key: 'e9af53254c8f1d68c121eb8634444b410a4cb1e3', size: this.iconSize })))), showCharacterCounter && (index.h("span", { key: '88dd11daf949bcb20d1a18bd77ab64a76000b30b', class: "text-input__character-counter", "aria-live": "polite" }, index.h("swirl-visually-hidden", { key: 'f55d1fa26b458ff6b09e80f79f32b25236cc6d5f' }, this.characterCounterLabel), characterCount, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/cjs/swirl-tooltip.cjs.entry.js

@@ -142,7 +142,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '4e75c4521c76dedccfe5e288d43c374531c6fb96', onKeydown: this.onKeydown }, index.h("span", { key: 'df3cbd7238ed186ade492d390e888cd1f0a87e04', class: className }, index.h("span", { key: '339fc36e0512ccbddb8ae95c1ae5ebd13f3a5a51', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: 'c544651bd7d697f994d07ba03c1419a0dc010b69' })), index.h("span", { key: 'a3cce4bbeb67c64bd9641d1db1f6ac7a15ef1489', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '96bfe5772085b0355180e0a5529ee02826958de1', onKeydown: this.onKeydown }, index.h("span", { key: 'b3a26fc2aabd2446a460e3e57e869d3c53e94df1', class: className }, index.h("span", { key: '16e9df7f2d679688ef70811871a96a7f2f0de121', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: 'e8f975020ccf67878b639fe9f81d8db972b105ed' })), index.h("span", { key: '308db04b1ee01609715fd9402525ff800c400ce1', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -151,7 +151,7 @@ const SwirlTooltip = class {
                     : "",
                 position: this.positioning,
                 maxWidth: this.maxWidth,
-            } }, this.visible && (index.h("span", { key: '1e917e1abf4c50f3b67e557e49f8384ff314d157', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '209e2974267f0ddd5f3b8ddb0af36deb3cb09fb8', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '60ad46b6d8c74a7ca098fe7fe0622eecd186fd72', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: 'aac57d3834798bb48566e23911c810237342d18c', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'ac370eaeca8aa321ee1785f557bf0bb0db2103bb', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'c60fb13d7681cd5de23d9d8ccfc17068f9201468', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -337,17 +337,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: 'c6416f2610e3c773457835951d45c20c89e916e5', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '87f16ecf59cba7c510f2aae7bffb868c27dcf6be', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'd5f09bc5cb33dc3ae7354a61e337e7578a48f412', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '85e75eb2f59216e51173b3be1bbd5ee7c77e4d5e', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '873f1009d2fc31ca6405ba8680eb9c7ed52e6237', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'ddadb7672ced5d49a1889c207ed5414fe843166e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '1d877ef7581219e4e8f6c5d736ec7cb5d968be0c', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '0f4bca9c2e1fa998ee02ba8a8c67ffdb609b8220', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: 'b09e40c31988ec302106c351d8dfc084f04c58e7', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '2c4a1a1772493c1a8ca435d3714daf2550fd1813' }, expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'd118715e64f876089e2d2f4d976b88e315ea7605' }, index.h("span", { key: '9fbe87db97dbd2188ac04d3bec811f5ea26eeeec', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '5a35cb61c2c66b0ef246b7fc2b80fc368c1a2213', class: "tree-view-item__label" }, this.label), index.h("span", { key: '61507d489d5a2f554371cdba7c984a2a568eab0a', class: "tree-view-item__tags" }, index.h("slot", { key: '5242cf9009ae53cc6a28a053f53075eb1fcf5f9f', name: "tags" }))), index.h("ul", { key: '0046fff75ebb4e30199b78e493e76cb8947a3bac', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '4a19b915e35d9792020eeaae8f6c3c1541683a75', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '6a439888a065b56dbead1a59b88fff795797e8b2', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '316317a5c271899435f34345d262cf585d2f5f50', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '0b4577f22f88f402c6dc408f1cd77e4bd7c5f769' }, expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'ad5645282c3699345a4c286e989b17f81312663b' }, index.h("span", { key: '3549def1d7f07c0ae74957be4ae884a867ecdfe7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'b4754d092b4cd2772ef5469dbe16b03b8417c022', class: "tree-view-item__label" }, this.label), index.h("span", { key: '942a98ae9ddaf1996ae7dbfc86cdef867a562cdc', class: "tree-view-item__tags" }, index.h("slot", { key: 'ac063ace7e68e1eaa9139fd2bed11872475888db', name: "tags" }))), index.h("ul", { key: '6e68c5bb3011f85db3194d1ce2ffb59696e108de', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: 'a35520b2c07248db008f20f70520cc14d42ac4b5' })))));
+            } }, index.h("slot", { key: 'f85be0b35de0af062619dd7d2503b9a167122102' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5a04ed5854d4e3061ada1baeeb6e5efed8c9fbe9' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '49363c33899653609cf0c6969c6a90e4486fe600' }, index.h("span", { key: 'ccc8092871c65475d698ec52af5822362bb2bf70', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '418e70e7a3948d6ec795a779b2597b0b7bfa349c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '74e143f3358e5e2bc6e8afe4a9976c2815e4f0d3', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'af212560933d4d25aed5c8c6ab29dfbf099191b0' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '3fda34a2bbed2db99dbc4093305c7e97fc11decb' }, index.h("span", { key: '7ce4fd8428123b8ef3ebef6d0866fa20a6b6d068', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '341bf102916bdb27bff6b93cd70318035660897c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '6fbcdae5396114941da4ed4d69427925926d3e6b', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/collection-manifest.json

@@ -1,18 +1,20 @@
 {
   "entries": [
+    "components/swirl-heading/swirl-heading.js",
     "components/swirl-action-list-item/swirl-action-list-item.js",
+    "components/swirl-separator/swirl-separator.js",
+    "components/swirl-stack/swirl-stack.js",
     "components/swirl-app-bar/swirl-app-bar.js",
     "components/swirl-app-layout/swirl-app-layout.js",
     "components/swirl-text-input/swirl-text-input.js",
     "components/swirl-autocomplete/swirl-autocomplete.js",
-    "components/swirl-avatar-group/swirl-avatar-group.js",
     "components/swirl-avatar/swirl-avatar.js",
+    "components/swirl-avatar-group/swirl-avatar-group.js",
     "components/swirl-badge/swirl-badge.js",
     "components/swirl-banner/swirl-banner.js",
     "components/swirl-box/swirl-box.js",
-    "components/swirl-stack/swirl-stack.js",
-    "components/swirl-button-group/swirl-button-group.js",
     "components/swirl-button/swirl-button.js",
+    "components/swirl-button-group/swirl-button-group.js",
     "components/swirl-card/swirl-card.js",
     "components/swirl-carousel/swirl-carousel.js",
     "components/swirl-checkbox/swirl-checkbox.js",
@@ -22,10 +24,9 @@
     "components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.js",
     "components/swirl-form-control/swirl-form-control.js",
     "components/swirl-form-group/swirl-form-group.js",
-    "components/swirl-heading/swirl-heading.js",
     "components/swirl-icon/swirl-icon.js",
-    "components/swirl-image-grid-item/swirl-image-grid-item.js",
     "components/swirl-image-grid/swirl-image-grid.js",
+    "components/swirl-image-grid-item/swirl-image-grid-item.js",
     "components/swirl-inline-error/swirl-inline-error.js",
     "components/swirl-inline-notification/swirl-inline-notification.js",
     "components/swirl-inline-status/swirl-inline-status.js",
@@ -41,7 +42,6 @@
     "components/swirl-tooltip/swirl-tooltip.js",
     "components/swirl-resource-list-item/swirl-resource-list-item.js",
     "components/swirl-search/swirl-search.js",
-    "components/swirl-separator/swirl-separator.js",
     "components/swirl-shell-navigation-item/swirl-shell-navigation-item.js",
     "components/swirl-shell-layout/swirl-shell-layout.js",
     "components/swirl-skeleton-box/swirl-skeleton-box.js",
@@ -49,10 +49,10 @@
     "components/swirl-spinner/swirl-spinner.js",
     "components/swirl-status-indicator/swirl-status-indicator.js",
     "components/swirl-switch/swirl-switch.js",
-    "components/swirl-tab-bar/swirl-tab-bar.js",
     "components/swirl-tab/swirl-tab.js",
-    "components/swirl-table-column/swirl-table-column.js",
+    "components/swirl-tab-bar/swirl-tab-bar.js",
     "components/swirl-table/swirl-table.js",
+    "components/swirl-table-column/swirl-table-column.js",
     "components/swirl-tag/swirl-tag.js",
     "components/swirl-text/swirl-text.js",
     "components/swirl-thumbnail/swirl-thumbnail.js",
@@ -60,8 +60,8 @@
     "components/swirl-toast-provider/swirl-toast-provider.js",
     "components/swirl-toggle-group/swirl-toggle-group.js",
     "components/swirl-toolbar/swirl-toolbar.js",
-    "components/swirl-tree-view/swirl-tree-view.js",
     "components/swirl-tree-view-item/swirl-tree-view-item.js",
+    "components/swirl-tree-view/swirl-tree-view.js",
     "components/swirl-accordion/swirl-accordion.js",
     "components/swirl-accordion-item/swirl-accordion-item.js",
     "components/swirl-action-list/swirl-action-list.js",

package/dist/collection/components/swirl-action-list-item/swirl-action-list-item.js

@@ -36,7 +36,7 @@ export class SwirlActionListItem {
         const showSuffixSlot = Boolean(this.el.querySelector('[slot="suffix"]'));
         const showSuffix = (Boolean(this.suffix) || showSuffixSlot) && !this.disabled;
         const className = classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-        return (h(Host, { key: 'ae63b2b675f2d5a867dc845a9da45d92bc037667' }, h("button", { key: '3fd33e96f8f3706e2dd6528b90bbe702403f4d7d', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, h("slot", { key: '55bedc9c39fa211802143442c5c4c2f9ad890156', name: "avatar" }), this.icon && (h("span", { key: 'bdfaeb38426b8d42ce19a1a9b26401088dadc9f6', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '0b17bce49e19e28515e08fede24e5fc431b71302', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: '1a0f01f6800f2f1ddc2f82466fe05fb8440f717a', class: "action-list-item__label-container" }, h("span", { key: 'd323a176e183430798fec66d361e26999167511b', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: '608e52645b015f07728dca29d4e1b18c6abba474', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: 'ce6425ae91e2fa37800639a963d7dbd432a2e5b0', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '8df94a93f04e04ddb403647e5964ccc62607276e', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: '48deae65c3ad0fdb47ba8b4da7dd036746dcf686', name: "suffix" }))))));
+        return (h(Host, { key: '6e0ba3475bbabc4b456d23070aada4ad73a7bef7' }, h("button", { key: '568753980452f56f6305573cfacc1540728f8a64', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, h("slot", { key: '90c23d6a829bdb2903ff76eda7852101b174b198', name: "avatar" }), this.icon && (h("span", { key: '1855b294b64760c5399cfb9b371715399ed2e985', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '1db1f001b6a4e9d40d4e11dddb5f2a45c8c81106', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: 'a55df1b640cb5c5109dc632c39dca728fce290da', class: "action-list-item__label-container" }, h("span", { key: 'ae479a05bbfd854b8472d3977d7489df73e611cb', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: '959761897cc5c8d4d2474795460b66bb5d22475b', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: 'cd679c3648c86d6d7f5c9c37f1d02e8b14cd2bfe', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '88754ec73e17680ebdc939f42df996dace73fdce', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: '37b5c4659a5ff5c1e36e9dd47292180e9b9a5dac', name: "suffix" }))))));
     }
     static get is() { return "swirl-action-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-app-bar/swirl-app-bar.js

@@ -57,7 +57,7 @@ export class SwirlAppBar {
             paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
             paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`,
         };
-        return (h(Host, { key: 'f8b29d467a1734e015cd5bf543af3e4e424792c1' }, h("div", { key: '4d9a564624d4d7575c93e28ed2de6d6a3a08cd91', class: className, style: styles }, showLeftControls && (h("div", { key: 'bbdd9665ad7ba57be17d4de36841a935b74d6beb', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (h("div", { key: '4421c2d5f339de35d316b43246893b644b99605a', class: "app-bar__main-navigation-control" }, this.showBackButton && (h("swirl-button", { key: '057ff2e2e8d125093fb50002175b4a74272d9367', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (h("swirl-button", { key: 'd6df08897f7d48f2e2413c67a31231eae4489086', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (h("div", { key: '65f48ddd2cf7678dbe862dc61406e74b916119ac', class: "app-bar__stepper-controls" }, h("swirl-button", { key: '7bcd4438e06b0cb78c09b60f5419ed0832056eaa', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), h("swirl-button", { key: '94cafa5645d162729e8334c24e9576d544177616', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), h("div", { key: 'd2f64f176b25abc215b6735531e7589a313bcddc', class: "app-bar__cta" }, h("slot", { key: '60023a334af5e467ce47fea4e5feeb10de1b08b5', name: "cta" })), h("div", { key: '9a604e82b776ff21c8063328c9c9bb072857c933', class: "app-bar__heading" }, h("slot", { key: 'ac151d59881c8ee7e5ec52c24ffcf37ffb882f2d', name: "heading" })), h("div", { key: 'd2e77141e239e04189a9acf87266eb69c456e7db', class: "app-bar__center-controls" }, h("slot", { key: '625deb28c495d82f2ee5d4ff1e4bf3fcdb6e1243', name: "center-controls" })), h("div", { key: 'bf0ada63122a063ba2b5742b6974cf8b9c3769e3', class: "app-bar__right-controls" }, h("slot", { key: '74eeb250cef00034d2750827116f100b60f2f2c6', name: "right-controls" })))));
+        return (h(Host, { key: '2fc2dc7672ca8ab6c3ea4a2bea33d52730eaea3f' }, h("div", { key: '853eac25f0092f4e3c9159bcb928f953026c6e87', class: className, style: styles }, showLeftControls && (h("div", { key: '272353acea74c10e90d43d894fb535d65fcb1af3', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (h("div", { key: '04b34c7a362ca98d02e4692da4e11196122e4d2a', class: "app-bar__main-navigation-control" }, this.showBackButton && (h("swirl-button", { key: '82188c1a465798ef652ee7a642bf038ccdd21d5a', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (h("swirl-button", { key: '9a31265626092d9079b4b4a27461b483e489fff9', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (h("div", { key: '0b089aedecaf8f42a9d656174fc93dd5837dbe7c', class: "app-bar__stepper-controls" }, h("swirl-button", { key: '8a5a2de50ae5c53e2b9af7ab9597f9988d476863', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), h("swirl-button", { key: '090451b7e112346d617018aae45782af57924276', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), h("div", { key: 'caf1b7b3e2d6a9f3fd45080b47200ba23f06de2f', class: "app-bar__cta" }, h("slot", { key: 'f8a5d105b77db1f107dac0364e56f8fc498d22b5', name: "cta" })), h("div", { key: 'a3d5e082c9c2957791fc5aa1fd767d466acf70dc', class: "app-bar__heading" }, h("slot", { key: 'a3188a9e1ab5b93d645293074ba6930e8a88df32', name: "heading" })), h("div", { key: '0466ef640baf9d738f48c221ceb99446f3dcb352', class: "app-bar__center-controls" }, h("slot", { key: '56cf69f32c293072015f45bfe017627bf61706c7', name: "center-controls" })), h("div", { key: 'd24c3205c5c6f6b8cee93590694c71fb87a9307b', class: "app-bar__right-controls" }, h("slot", { key: 'bc29b52f8e205b03e48449cfb05f57b5b348766d', name: "right-controls" })))));
     }
     static get is() { return "swirl-app-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-app-layout/swirl-app-layout.js

@@ -330,14 +330,14 @@ export class SwirlAppLayout {
             "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: 'eb8949dfef55d2fde5a76065fce685b810d33d5c' }, h("section", { key: '61dc2f5c81e035a002c90975a60ffd82c24d7e4a', "aria-labelledby": "app-name", class: className }, h("div", { key: '4ac1714569f7602dbeb1baaf18ac44ec44293612', class: "app-layout__grid" }, h("header", { key: '59a0e94fe07855d34475de6cbd5bbfd88692a601', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'f1eb3e5d09cfc38b451ce3f14b89bda36e33ce24', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: 'bec667bff21caeb061d44e099a4dbf4052136a46', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'b423f4024de14a63c6851a0a8d02835c93b824c0', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: '6e48109a1b82105a44d059fbe444fea3450d63a2', hideLabel: true, icon: this.navExpansionState !== "expanded"
+        return (h(Host, { key: '0970730a8b11319c50969d6d6e7f217dcf56e2f0' }, h("section", { key: '06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac', "aria-labelledby": "app-name", class: className }, h("div", { key: 'b50a9beffae3145861ed4b71705fe673f5d10043', class: "app-layout__grid" }, h("header", { key: '04c3f7e4b7cb227cca2e9a15e262ddc9874032e1', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: '67ba8ba5394d42ba1f96ccb3258aefb8acce87c9', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: '0a11ae6739ed9863837da26a60a5f524ca2215ea', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: 'e0670ebab68aaefd7342a31b0a2c139f181c4cf1', hideLabel: true, icon: this.navExpansionState !== "expanded"
                 ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>"
-                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'c5545a9627143fc599d9b58e7271fa1fe6d53eb1', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: 'e490271f648938e38a7a50d729fd229d12d4c222', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '08f95e5b3fec5ad2bcafa7601031d207a8de1143', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: 'f121c177c16e139b1a1922538e7e05f0dfe011bd', class: "app-layout__navigation-controls" }, h("slot", { key: 'fd32f8f788ade8228d5fdb18a7b91c523737dfa1', name: "navigation-controls" })))), h("nav", { key: '1248d7273cf45afe28c6340ab886128ee1ff436c', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
+                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'df74e59b27c2e15ffc532826ac69794df187ece9', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: 'ca4e1610d7566b66ebe6958f8ec6f89d4a84554c', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '7ca7f6ca8a69fead26966a6b224966f4404351da', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '3d1205492f28588558a5e1d1c1948c4da7870c46', class: "app-layout__navigation-controls" }, h("slot", { key: 'f97090b47f524589e4d86e293e92ce2e001503dd', name: "navigation-controls" })))), h("nav", { key: '9b2f944843bcee7c5322b728ea26fcc7d8ed990f', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
                 this.collapsibleNavigation &&
-                this.navExpansionState === "collapsed" }, h("slot", { key: 'e3d31de62116c2502fa0cc75e0f48f4a92e23dd0', name: "navigation" })), h("section", { key: 'bb471de6661b141740ed944a974a7255652f61a6', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '6f0a1be2bbd1b8dc14d9e2730bd810f1cacfd5ab', class: "app-layout__app-bar" }, h("span", { key: 'cefce3643ed43b33cdda7bbe281789f91a1d8def', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '0ba663eca9abba47daaf5a13a7addd46585dd08b', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '4b94a76cc64f3ae96c86ac0a25d11a562cb6aa53', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: 'bedcd705d3ca07fe73dc79a7adb5e79e809ae785', hideLabel: true, icon: this.transitionStyle === "dialog"
+                this.navExpansionState === "collapsed" }, h("slot", { key: 'a3fa785458acf70951cf209062e9f91bfec49db4', name: "navigation" })), h("section", { key: '3649f14cce3bdf275bc7325680b4c193085272f7', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '401b6adeda9ed569d8a6c37f381fed0623a34701', class: "app-layout__app-bar" }, h("span", { key: '7b60e9abca35a3c6ab900e8d882116e8b22ce730', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '44c01881cb2c4799942609ca43f2ead4de855859', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '63a89ec584fa6a21a5cf4be3fdf15e84df01b03a', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: '5d05136bb74adcc5a404bdb74533636777f3b598', hideLabel: true, icon: this.transitionStyle === "dialog"
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.collapsibleNavigation &&
-            this.navExpansionState !== "expanded" && (h("span", { key: '99adbd6650078539621a6884793e64ba044b6646', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '4ea5ed060a8e7efee35b3d1b5de7ccd1af32de03', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: '8ea3e463bb2ad41206434f6b293dd67da3e186cc', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: 'b205d6a0327a50e8f1791ef19c8d4cb9315f905d', name: "custom-app-bar-back-button" })), h("div", { key: '7414753194ec2dc3c6a0f60da27de941e190d349', class: "app-layout__app-bar-content" }, h("slot", { key: 'b52b5076f947fed0426de729ec18f646f68b35c1', name: "app-bar" })), h("div", { key: 'e56899ce667e14b241844ce55da6ba338fe4fc90', class: "app-layout__app-bar-controls" }, h("slot", { key: '28707829d5ee17b2882d0c587c03e615422d1947', name: "app-bar-controls" })))), h("div", { key: '496269c6949574286ff5d6e8e1e50296c01d507b', class: "app-layout__banner" }, h("slot", { key: 'c285eafc8639bf66edeaa67eef5b3c0de7e71e5f', name: "banner" })), h("div", { key: 'c3dd8baeac2c48fdf3b79416195f5dcd2ca0df59', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '57435665b3608f5a9031aeed0308c49515e9ac2a', name: "content" })), h("div", { key: 'edc97d2b61b68536877982d2c5ec289efed2163a', class: "app-layout__bottom-bar" }, h("slot", { key: '8a1b088fbc8650244ae8bf362c038f43b52c0ffe', name: "bottom-bar" }))), h("aside", { key: '6842d4bc92d94f23b648790d19051a3a8b63b8a4', class: "app-layout__sidebar" }, h("header", { key: '0977d1b8b6c05e635893b035173af9d3058e318b', class: "app-layout__custom-sidebar-header" }, h("slot", { key: 'b197716cf684ea3ad8ac428df32dd2624c8e62fb', name: "custom-sidebar-header" })), h("header", { key: '2f472aad9cd1c147bf105d8cd5c822e9b965a27a', class: "app-layout__sidebar-header" }, h("swirl-button", { key: '9548fb42fcc989051a5b59804f07682e5cac94b5', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: '2371ee3fea450ae0ed0f29da6c98450d9be007aa', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '9dfc2bd99e1aefda97fcde986e0a9098d9769053', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'ef66d2d21e9e88352d3d06d7b96c640b4f285d58', name: "sidebar" }))), h("span", { key: 'dec530362f006b1e56f4aa5551771f0c47f2256c', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: 'cf894821c9a06588d1e15cd579e71b6df72e0f1f', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '71fbf843e649d7669073bb2ebf460fed833c9e2f', name: "floating-action-button" }))))));
+            this.navExpansionState !== "expanded" && (h("span", { key: '0426043d85f25bd9581b2046215dba5cc50ee24c', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '5b64b49937d180b23de6435351a0b7498562b2f7', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: 'eaa0172b442211086532a15fae6bb99b70dafab6', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '86177f0040e21c020b2d88a2e11cc1f2045d9bcf', name: "custom-app-bar-back-button" })), h("div", { key: 'ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6', class: "app-layout__app-bar-content" }, h("slot", { key: '59a8e892b40e1b56acc3f33cb956d1a588670a5e', name: "app-bar" })), h("div", { key: '2244b236929f9de30d18f886b2992187b1f9baf8', class: "app-layout__app-bar-controls" }, h("slot", { key: 'c5fae8b152e14275cb09b7db637ea8ca64932648', name: "app-bar-controls" })))), h("div", { key: '85a6875e28ec691f659cbee27e299bca2048ff67', class: "app-layout__banner" }, h("slot", { key: '9790312e956f47faca3c1c4b04a6b1422a889498', name: "banner" })), h("div", { key: 'd33ae32d0644d24027423eb9dc9ba94c54b0070b', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '9e615a708ac9ae2817a680e868c70d4a9ec3d075', name: "content" })), h("div", { key: 'd173a40d98a1d8cd6b93135d9a6984afc6487813', class: "app-layout__bottom-bar" }, h("slot", { key: '10a8422834710d9b15dea188d0f8b24dab14887e', name: "bottom-bar" }))), h("aside", { key: '0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2', class: "app-layout__sidebar" }, h("header", { key: 'da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8', class: "app-layout__custom-sidebar-header" }, h("slot", { key: 'fd8fc8403066c85dd26ed414afded579928da657', name: "custom-sidebar-header" })), h("header", { key: 'addfa87cef788f272e586e3a02b0f47be414cc58', class: "app-layout__sidebar-header" }, h("swirl-button", { key: '7daf54726d77b5a9656dd888d32d4c111746e59e', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: 'c743c2b1049f87a5c81b99ddc836f4a2b9b08561', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '9443e3843d55af79d62c949b8df53a6a1f27a4e9', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: '0b5eff0be0d4e98ed2755b412d8783fe25d8d809', name: "sidebar" }))), h("span", { key: 'a1487ea686f593c4b117a9eb74fe61fe8b516336', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '02d61ee5b96263295218ed0b99cb8b93d1e06df0', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532', name: "floating-action-button" }))))));
     }
     static get is() { return "swirl-app-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-autocomplete/swirl-autocomplete.js

@@ -187,17 +187,17 @@ export class SwirlAutocomplete {
         const className = classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (h(Host, { key: '6ac4eb7a1f520ca9292004fb07da32ada3268808' }, h("div", { key: '4a5d55d90fa0ab8387f67b30dca24225c577b32f', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (h(Host, { key: '36f37cea5fdd7151673aa5c8ad30f652a1769609' }, h("div", { key: 'f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (h("div", { key: 'a22265baff3265c999a162647c2216ea5cb1969e', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '5619bc2bd934857c663efd58c91b9eaaf0207e63', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (h("div", { key: '7b5b831a06dd7270386f857d198178a92e118580', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: 'c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), h("swirl-text-input", { key: 'a691e9b3aa419b8bdf3a0927d4ae171ada91aecf', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'd6d85b173b4b889422deed9d26b2a3edd2558383', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), h("swirl-text-input", { key: 'f41ec2b57444ff45d75e039dad609d7b2ebf6d17', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'a940d9511351d965da89de983885eb0d8819f977', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (h("div", { key: '61d3b7a03a79c66c7dbb8885ff3a95d57badc19f', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '666f366558c17cb9d57fdc36ddaf95862706d04c' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: 'db951c479c16b6fe1ead86e5c46de0431237937f', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (h("div", { key: 'bdcc2ec3441fa97915ac8d1ed4348a0c59101708', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '08a8eeb925fcc515f76ae0d7edae2c5fc01f409f' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '79b71e2f6aaabef56558d95229dc24ee26cb4056', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

package/dist/collection/components/swirl-avatar/swirl-avatar.js

@@ -113,7 +113,7 @@ export class SwirlAvatar {
         });
         const badgeClassName = classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (h(Host, { key: '78142f3405ea341ccd54bb0de79d58f4336d0e71', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: '2c72749f7a31a907231ad4ee94da919f67e5071e', class: className, part: "avatar" }, showImage && (h("span", { key: '42053d690bf5470ab09f7ed9cb6b8bcd8da8a2e0', class: "avatar__image" }, h("img", { key: '710b8c502a16f81814d6ae29aaad1266e41a3dc9', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '5e2d4ef77845bdbf1eaf1b79881c5e15c39698ad', class: "avatar__initials" }, h("span", { key: 'caee3525f2b2a45064a8f1eba7e74d4157da2882' }, this.initials))), showIcon && h("span", { key: '7095b410f8f5aa5e215bac5141c89624349148ac', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '05f04b24ea08f82d85c233bae69c46592af312c2', class: "avatar__icon" }, h("swirl-icon-person", { key: '84cd855cfd905746aa178aafbeb917ee6851ec46' }))), showBadge && (h("span", { key: '5dbaf7566cd8148c96803e4e14aaff79c17ea3c3', class: badgeClassName, innerHTML: this.badge })), h("span", { key: 'b74529ee057d330fef80193319d7b9ecb02d7580', class: toolClassName }, h("slot", { key: 'd0d74d7576315ad85397048913e04b1c07e162fe', name: "tool" }))), this.showLabel && (h("span", { key: 'd735bf442243ba498a4fe9b603a432d9a3fc3af2', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (h(Host, { key: '42c11df526248247b9cb2bee6b2d58bc70aafa65', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: '96a01925f8c723fca2dbb17263152b1d56d26027', class: className, part: "avatar" }, showImage && (h("span", { key: '896d136ab3094a2f583b938c2b91d04e78f0d10f', class: "avatar__image" }, h("img", { key: 'fde4999892611a1634223519cbccf76130cdb51c', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '4e1e6d7539ef10c696292cbb9f8a1a9dd492a97a', class: "avatar__initials" }, h("span", { key: '866a9aaaa0b2e2ef114cc992be91b503160aac69' }, this.initials))), showIcon && h("span", { key: '1cb19789413ef94288b19c209f80b9ccab454baa', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '36dee103b6406e226e48183c4376a978a6ecedc9', class: "avatar__icon" }, h("swirl-icon-person", { key: 'b992b47b9baa52c05193fff33e9b57211c23a51e' }))), showBadge && (h("span", { key: '6134b435fa2572c24dd3d8be7ca3f02b51e6ea3c', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '20e4112658cd486eb49d7e2543f13678b4d7a5fd', class: toolClassName }, h("slot", { key: 'f03881df79fb42c911c2895cd787f706c9529a9f', name: "tool" }))), this.showLabel && (h("span", { key: 'beeb327bbc2a05443d756dea01be85e0a885e507', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     static get is() { return "swirl-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.js

@@ -45,7 +45,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '80ef04fc01bcb5a27be72df7b75b5eccafd5f37e' }, h("div", { key: '7b0e71b53bb51f19ee8f5c77cb06806e954f09db', "aria-label": this.label, class: className, role: this.semantics }, h("slot", { key: 'f6019296267d3f15dcccb384cd3603d43de20715', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: '384004e7139037578d3cb2565ba7d97bb61ca499', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'ecb3e29c9099096fa82191e661f08223bf2a3137' }, h("div", { key: '6850ef790d715e45dc36ef60c9739398ada1e903', "aria-label": this.label, class: className, role: this.semantics }, h("slot", { key: '6d80247f5e0eae13ea4a2864e15c850178d190b8', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: 'cf23f016b1548812fca69315100479aad2563056', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-badge/swirl-badge.js

@@ -10,7 +10,7 @@ export class SwirlBadge {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: '6c67a6db9984dab232cf8e88d20534a93ed1b3b2', role: "status" }, h("span", { key: '849ba6cfbe783aee6e5d93234a3a63b115bae903', class: className, part: "badge" }, this.icon && h("span", { key: '906a2916d2b10e26671c6e96740e077742b0d3e4', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
     static get is() { return "swirl-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-banner/swirl-banner.js

@@ -48,7 +48,7 @@ export class SwirlBanner {
         const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: '5fe674b015dca5ebb25241f5685804c580103a6c' }, h("div", { key: '3150d535b211232f6110cc548cdf7d373eba614d', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'd9bbb8fd8da2fcae133276a30209217c3bb93e3a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5325d2cec860f3866e77c47ac39a12e9435c0112', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '495fa090855b8802e18ae60e5a287872a4ce80f4', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'a6c6b2c8a9207e192a9849d7cb76f06c2ddffb7c', class: "banner__controls" }, this.actionLabel && (h("button", { key: '51a32c9e597fedf86d11d9ba01131f18569bf99e', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '8da94862540f2c02a01fb2e8b8a618b2b4d5a6b0', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '02abf496d35db73ba30c92c8fd5b99bc423f3d86' }))))))));
+        return (h(Host, { key: '11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0' }, h("div", { key: 'bc5e53f04ad5e80defe407340d191d1951a10123', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '86b3950336dca8b1d28994d1fb18113a4b4c421a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5716e25d171cc28861459258e257c8a821ebc56d', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'a5a5019667573c14dde87041e475481a7edf6d5e', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'cf8632f83dc502caba7f10710a353d1a34f30493', class: "banner__controls" }, this.actionLabel && (h("button", { key: '166c562828b381640c29783ac8b275f49b088cad', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: 'b1247a38ea5f7592d7c12f0919360041ea9061b8', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '12524ce0998e451f9260924e2a5226ddee4ade43' }))))))));
     }
     static get is() { return "swirl-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-box/swirl-box.js

@@ -87,7 +87,7 @@ export class SwirlBox {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'db6394f0b283eb07991d70a23fb8e9b22d99fc6b', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: 'f4ba125b1818a2cb22c1e0840289dc35ec783fa3' })));
+        return (h(Host, { key: 'e9eeaa11b7a04b59744d8cf369855874fb8eab02', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '0d5e86f34e2efb3dd7f9bfaf24a3a18578e6f507' })));
     }
     static get is() { return "swirl-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-button/swirl-button.js

@@ -77,13 +77,13 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '1de6e08a0322a25d36c4003bfb871011e4b294ae', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'c22ab5f4964c328ece71f76e2f73c099392f7687', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+        return (h(Host, { key: '45ecb09b0608bb62c759dfe09a4f17629a843e66', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '9ca424959955c2f56665b6abc64fce23b133ee5e', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
                 cursor: !this.disabled && this.cursor !== "pointer"
                     ? this.cursor
                     : undefined,
                 fontSize: this.inheritFontSize ? "inherit" : undefined,
                 lineHeight: this.inheritFontSize ? "inherit" : undefined,
-            } }, Boolean(this.icon) && (h("span", { key: 'b39be633716de59c1e8176da525a0f908b837e47', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '601b9f42df6ac64e3ae6626e82ccf99f175504fe', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '3ec4150a71fca79d9071bfeb603ba4f7dbc258f9', name: "icon" }))), !hideLabel && h("span", { key: '8ef4f4621a3a32336ca227730f25828d9f96f3fb', class: "button__label" }, this.label), hasTag && (h("span", { key: 'd3855d39f08a5a7c5d663631617547f4c7e4f51d', class: "button__tag" }, h("slot", { key: '92be90f33acb6da8d16e75e19f589092d278a5c7', name: "tag" }))), hasTrailingSlot && (h("div", { key: '2686ea8522f5de4458eb44b184d586febcdb87f5', class: "button__trailing-slot" }, h("slot", { key: '301948eaafc2830f80e5628d5d9f957ec8f22798', name: "trailing" }))))));
+            } }, Boolean(this.icon) && (h("span", { key: '85c7e12f44561c7754296fac3b6c74be06b93c22', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '082e271c1ca38212e61f9d62aed60b016ac588f6', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'bf24edbe91d4590049429b27da601ba5cd51e9a5', name: "icon" }))), !hideLabel && h("span", { key: '06cd510bb5617fec59496d64b32fc19bf59ba026', class: "button__label" }, this.label), hasTag && (h("span", { key: '95f4b84ae32def5b1fbf1ba1963382343dac4279', class: "button__tag" }, h("slot", { key: '9d778088353420c933a1e22089568c690909026c', name: "tag" }))), hasTrailingSlot && (h("div", { key: '1f5b393f4da411b312220673611a016e96b0d218', class: "button__trailing-slot" }, h("slot", { key: '635deb01ac5dbad192f64c79155a944f1c8b4716', name: "trailing" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }
@@ -105,7 +105,7 @@ export class SwirlButton {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlButtonCursor",
-                    "resolved": "\"progress\" | \"text\" | \"default\" | \"none\" | \"auto\" | \"copy\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+                    "resolved": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
                     "references": {
                         "SwirlButtonCursor": {
                             "location": "local",

package/dist/collection/components/swirl-button-group/swirl-button-group.js

@@ -10,11 +10,11 @@ export class SwirlButtonGroup {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: 'e677fbc817dfe63d472ed41fdee060a0b9b3cbeb' }, h("swirl-stack", { key: '87a3b28a98bb9cb8aec9ca7a22d215dfcc3a984a', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '1c5dcaf521e8ee19f572f03e428f6f6297106ae0' }, h("swirl-stack", { key: '78073a9c28c55e16c68c9f32f4573e18f08d8822', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '68735561c5076b380f5a5cb550dad44ad7eea732' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '4936fecbd49610aec18174458b1cd7ef42723eba' }))));
     }
     static get is() { return "swirl-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-card/swirl-card.js

@@ -73,9 +73,9 @@ export class SwirlCard {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '23b76491efcc762b64f389fbd55aa4dfc9394a85', styles: { height: this.height } }, h(Tag, { key: '626f308ab1ba1dbca7b9b040097df98b9d656087', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '83b6b355f012cfb088f2611c426f0bf77ca5104e', styles: { height: this.height } }, h(Tag, { key: '40068da71c3431f175fca50e354c622aff3468c0', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '10c256de20920900cb7c7414a4a818b5460c00f4', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '5d191946ebaa24d0f222918ed8cd4f6ebe3f5105', name: "image" })), h("div", { key: '89f5812af81e820c52a4a212d40abd37709e52c0', class: "card__floating-controls" }, h("slot", { key: 'b03e59223f83166006a13001b2637ad21fd35645', name: "floating-controls" })), h("div", { key: 'a31584f40a9bdf8136d2ec3e71f032c7f2da2992', class: "card__body", style: bodyStyles }, h("div", { key: 'ce43a15badfe575cbb8b3982741862b4c093a4de', class: "card__content" }, h("slot", { key: '0b943af59aba49296f7fdb591687e936b53bdc7e', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '49987e8063c4f113c38af82928a4893baf86b441', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '742d2b19d695b930a3feb266f62d91ffea350fe4', name: "image" })), h("div", { key: '0805793c5a6da79d98155d13893d5b415688baee', class: "card__floating-controls" }, h("slot", { key: '748164f9d7554595e817cd94b0d3894f32470945', name: "floating-controls" })), h("div", { key: '86e1aa40d1ac5d0dd78dcb193a706dea9535ad35', class: "card__body", style: bodyStyles }, h("div", { key: 'be6764afd0710adf51eb46ef1d482de3e1595681', class: "card__content" }, h("slot", { key: '5a14b8fff905b77645a85cc60b21cdf5bc68627f', name: "content" }))))));
     }
     static get is() { return "swirl-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-carousel/swirl-carousel.js

@@ -154,7 +154,7 @@ export class SwirlCarousel {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '1e26fcf73b92609c88ed3f702fe53e750e26f6da', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '02e7684b10d536d75a1590dfa162315307b01118', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '0becf4dd5a8184cc3e25738bca97c266cee87a4d', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '08fe60febb3c9cc4c0c5747126277586d7f24e6e', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'b421a6ef4b4c1870aefbb0e54d785811cfa701d9', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'e46a799bf218fd0ceeb4baa718c9d975e82f377a', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'a1dfb1a45c399559d25df72add7723b231b5e6b8', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'f9e9dd3bb8162550accfcd6b653a3737355f93d4', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'bc30a83c74273b4b5832338422a95d91e3e67321', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'cb596e62b8517b2d6ff791032b41608c6a5b25be', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '0fab582bd3650e63d512e934d03183b3ae9b5901', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-checkbox/swirl-checkbox.js

@@ -37,7 +37,7 @@ export class SwirlCheckbox {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'cf3e5aa42775aac75e4f08499cf762cb35687864', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '098d2d0509e46a530c5cb5a034d1512fb82a20eb', class: className, htmlFor: this.inputId }, h("span", { key: '6d6dbf85fc99f5b16e23b9b3884ccd3cf1e95baa', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '6bfe18790ed2a36783eb27f5df531cf702440b8b' }, h("input", { key: 'd25db1141a3603555a2c8ce4636d0c31f11404cc', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '5a7ee20a4c27974aa85cab4c6fc4df6fe3e047f5', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '2b90e1b1c1af1b5abbcc2da9cd92a6f8771da9b5', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '69f89ef7f9af74d6478cdcd1f45f0dc0e40779b9' }), indeterminate && (h("span", { key: 'abb3beb0868e23cca2dfd7b766ccb3e982453096', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '63519992e86d671a9b877d6b4efc5774faee8086', class: "checkbox__label-container" }, this.label && h("span", { key: 'c82b989c165ecf22b03c9ed046d52532bfed30e7', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '7359cd851c8c410fc4ee8762922a21adaa6058f0', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: 'acf777ca7224f41f607bf84f193ecb05881f1fc1', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5', class: className, htmlFor: this.inputId }, h("span", { key: '5e49492e10519c0f2f4f6ed187b318bca8316dab', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '06217d12dbc1ea25117e421d8e0e1cebd392f599' }, h("input", { key: '455840493b5e9b60aace6f4a0e2de7e5cece2e78', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '8b69f9ae79e957c52066cd80cf0da11fe5613ed2', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'cca029718dd23f8c2e0637ce4f44c24b4fb0b289', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'f3bab31db3d5ab5a6fdc78610abb42763f51154b' }), indeterminate && (h("span", { key: '7002b8fffbb15b73d84fae98761196bbe6af3347', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '082ac434bc4dd0c98d983650aab5208a760063e7', class: "checkbox__label-container" }, this.label && h("span", { key: '62737cd8068a70eb10e722c2ff91ae4dc9917f7d', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '3e7f891b80511b9a4d811db31b594f2a0429d8b0', class: "checkbox__description" }, this.description)))))));
     }
     static get is() { return "swirl-checkbox"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-chip/swirl-chip.js

@@ -42,7 +42,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '87da4ed84011d396c1a644f5caa0315f5f2a644d' }, h(Tag, { key: '1f7d890b55165bad3a08da9c8ded84373fc3ad64', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '320217b7a99be788d55d13e4c60ad61e36dd9ed8', class: "chip__inner" }, showAvatar && (h("span", { key: '03c36eb755fb8faf0ed9a6e30867289e09ff14ed', class: "chip__avatar" }, h("slot", { key: '8013267e3c8bf3e28f7711283a7474ff9fb3a3ae', name: "avatar" }))), showIcon && (h("span", { key: '10c695d19bc846420b3433710e3f2367af3b4530', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '112076ca8c41856c7d6991c0c7ff5ce199bdf67b', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '9720dbd9f41fd8feb13ae450c874493a0529fbc0', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '82d21bc5ce12c23b58bd203b036749e9022df893', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '13d3dc035501675d4f1c13b01aefc6ea1ca9cc38', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '3e0f226833b6c55d498d915368b7d0fa70189dad', size: 20 })))));
+        return (h(Host, { key: 'b0e65c521dcde5335f3bcd7daaf7359ba5bbe3ec' }, h(Tag, { key: 'a5198b26f19750bd4c8372acdc21e26f3ed8cfe1', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '2ed93ce33faf8a1bdc4b07e4f866a10650ae8395', class: "chip__inner" }, showAvatar && (h("span", { key: 'ec44e6a99988aa14dcf330098de8593a1deeaed8', class: "chip__avatar" }, h("slot", { key: '880a8c96422c0f31cbf603676ffecef66c6bff21', name: "avatar" }))), showIcon && (h("span", { key: 'b5ba3f75080b5452fce8886c513eaa6abcd58009', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '808fe136faee7570c2329a300fafba4e0efcbed8', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '50b4eb47a59290e9c21570e0b2d91a8aa7a97723', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'e0d54da0d2c6a325f6068740bba0c72b0837fb87', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'ec75adbbf28bf1df36d7532d832137f795973dab', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '85c241bc56caaf410421b102607f902f1c4b33ef', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-columns/swirl-columns.js

@@ -4,10 +4,10 @@ export class SwirlColumns {
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (h(Host, { key: 'eeb714d1d037de69f98c4bbab2ea398902676b75' }, h("div", { key: '4a858237059b5dc3f2bc6876dd409e9ad6411a0d', class: "columns", style: {
+        return (h(Host, { key: '779371e7d28640a71aaad2d2de8d91b5b8d63e88' }, h("div", { key: 'de846647d2b436277cd2765f9814796320af071d', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: 'f96512da44488cbffd69d57b065c6609bdebdb45' }))));
+            } }, h("slot", { key: 'ca510de4dae9c7055d2db6e02020cdfca95e58c6' }))));
     }
     static get is() { return "swirl-columns"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-dialog/swirl-dialog.js

@@ -62,7 +62,7 @@ export class SwirlDialog {
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: '7642707aa94e9d15a884e415673175c70d34db8c' }, h("div", { key: 'fa0973d297a3a2227cf930307ed2d0bb58d66058', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'f2212606297a0323830f5b896872f666dfc468a4', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'dc61a2776d20fdd8ea35ad3cf84e0d0944008fe3', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '65cb9932fdf2e84f29a133ec4dcc833582585bd7', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'd652d9c0b9b57a0b5c82fa81b84c140376203792', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '87ae56dc3f389263d38d61255fad8cdc658317c9' })), h("div", { key: 'a2f3fb30e0e2540b3d997c2cf979b6be5308d70c', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '74707e65aa742f6271a3642693cd5739b68bada0', class: "dialog__left_controls" }, h("slot", { key: '15d48c197c46a085e691dd047616fd399d27b3ba', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '123fe12d4759ae79254b82e23934574ed6afb392', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '8f2f38fee0598b270f550b26405a76275e3826cc', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: '61ba06cee740b1bf21b246aeba14996b002a5aab' }, h("div", { key: 'e195a08fdac8f9ad6f76d412cd50eef88905128f', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'a1dbf13fe86dec8256c06393c4abd6c6c59382c1', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f0b9dd2f2d722bf050081b2bc7fed3552c8a457c', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '18eceaee59d9184ace51898fe73c603af383387d', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '612edee73bee789b7ec2f8fd2e16cd3c3a9370aa', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '9d482392bce3c82df30c166fc99577c036da49a8' })), h("div", { key: '3306d185ed549fc6470a2fbbaf649cdc33b98189', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '0a7eb43c0f7f3e016767a8364334bd5f9d3cdf86', class: "dialog__left_controls" }, h("slot", { key: 'eb39f26ed1ff0a7931a899c8b9f70b3f22bba2d5', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '70cc4de12878fdb5f123a23a42d9c6cba67ddee7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f02577b4cad57daea316f66b61ee3eec6844666a', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     static get is() { return "swirl-dialog"; }
     static get encapsulation() { return "shadow"; }