@getflip/swirl-components 0.205.0 → 0.206.0

package/dist/components/file-manager.js

@@ -89,7 +89,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '06b1a35170a0d5e7eed6a01b10ff22bf68f24d9b' }, h("swirl-app-layout", { key: 'fa020b69c7cbaf714f692fa27caef64c9a37ac42', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'db601a3717dfc4eed1aaa956e328193981532514', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2d6fca2df68e87efa1e834edc715f734c45570d7', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '5ccfbafdb31fee59a5e267d6899e68883874f91f', label: "Sort items" })), h("swirl-stack", { key: '247e250dc87a7db010bd8635e085ceab7ddc8909', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'd0cb698bb99d45e97f1162ba80a2731860bae237' }, h("swirl-heading", { key: '01e4079741cae58e51d7de3408bfb70fee3c15cb', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'ddc796862ba1d343eab3b8ec2879723b1750c57e', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'b9e0506033cc69c323e5ae656ed6adb8e9297f02', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '709fbfe2ca572328f4a9f5e31ab881c79087a6d1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'b46e9ff6f5e31cdc7860644fd134fa94721f2730', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '59bcc4b1762cce943f136ec855a1377ee1ce2fce', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b05ddb70bf0f33921372c157e4c3126b009b84a9', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'c95585d27da38acf84540018f46ea1b8461eb26c', value: ["ascending"] }, h("swirl-option-list-item", { key: '5e745e373abadd135da430bc8c7c7027b0ff95c1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '03729a8125d53b2d9cda45535ae8443608cb4ae5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c0700fae849f238ba9157499074e25d6e9acd4a1', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '5fef3d9788b5c227a0be70d61d1c5cf7b179651c' }, h("swirl-app-layout", { key: '8f9b26b5930548ea71c330d1b143c05efcccaac0', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '8d3cb59d203891143ee5af13fdb50e1c3bdbe90a', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd29e6c471c41e85a80533d6206e44a29f433f195', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '0a796450c46e29910e5863c7c1fc6240c1ec58ee', label: "Sort items" })), h("swirl-stack", { key: 'ac19edecd0b2e04cd541406192ef3e850a41c221', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '5048f7bc65df1a54c425cef1d43adbbe259bfd88' }, h("swirl-heading", { key: '231c50277175e6f02ee3e6acb66e4b7730f5db13', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '30c5b4c277560b1a0af01a4e76a8c72ffecd73a0', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '036c09769f2e9635a8d5ab5e65928138142ed8e2', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '3fc609b8c8be5d0299624e829eb9593c18b44ea6', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4bcf8d4a50729cb504c239a08c1b0d964555f8e2', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '662eef693225f4d309d17f0a1f2550cfdda1473b', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'e452846619e5179ad9b28db0ae26dcd85bf0465d', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e3dad94a02251cd2c69572f93e18bcc2161b13c8', value: ["ascending"] }, h("swirl-option-list-item", { key: '74e2304ff02b2faf5ef6ccab390e6714f3245b56', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4ed43ed7109a5f42b5398e6f525cf10fc0c30216', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '3af74d7ad87629be9a95a40ff45b3759e642f13d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

package/dist/components/swirl-accordion-item.js

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '56461480534cd9e98adf7dbadff5025972793b44' }, h("div", { key: '4f6ee585a341addb405e4bfefe5601e7d09f8e4a', class: className }, h(HeadingTag, { key: '4425661e4a0521793be019c29aea299c4f1c05a4', class: "accordion-item__heading" }, h("button", { key: 'c044428c6daff402e534a43bf4da8822d7c55b7b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '6fe04b43157522f8e790fe7b0aeb2db36f9fa4da', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '8c0111f0b06ae7a3dfacc339d85cf4eb2105146d', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '9a72f61aa5bf96389df902840ae791de9011136f', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '037e6553f23a62da4e7b6691fb5909fbf20a9894', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '6e1effdc9989f76d744fde9ea85ce27ce6a9566d', glyph: "expand-more", size: 20 }))))), h("div", { key: '7f88f96f768fc288b65deb6db42cea8f4199dcd0', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a9a715d55f607e4f42700f07458673c5dc83c1a1' })))));
+        return (h(Host, { key: 'c5fb72c08f131695556830ce5e5f45a5bb330e15' }, h("div", { key: '4ce3375f9e483e6959633a2711200128f02f328f', class: className }, h(HeadingTag, { key: '82d4ec3328fea8f4c355a0291fb2025cb2305e14', class: "accordion-item__heading" }, h("button", { key: '2e2e3b323168087b6d695c6cad71f1ee86e26ea1', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'a862c7c928b242edb02451d09f226d51845435fd', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '65984aa6ba71b344652547c3f4d55609465ed063', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'fadaecd3a70f827bae216bb2efe1ced1ff2ee1cb', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '18ab125ef2bfff4bc25ef716b1ba010e866ed072', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '37f77dc559294c644c90b8d51aa60aa2c43c890d', glyph: "expand-more", size: 20 }))))), h("div", { key: '56500ffbc788733df911eb22a2689c69bb218c01', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a0ce193e34c23b918f33d6edb192cd72d6263edc' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '16f4161014d5d1485f9b0fdb647763d1d4f6f62b' }, h("slot", { key: 'd7f38969efc38aefe686f0af805d2dadbaad1aa5' })));
+        return (h(Host, { key: '1d153043b4070ef905c97de8f659dfb04092b85c' }, h("slot", { key: '6c8b364ae769ef4b02bec8152c05e1f993226007' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

package/dist/components/swirl-action-list-section.js

@@ -11,7 +11,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '022a68a08e5c098f2fa0b17415e2f02c12c9382f' }, h("div", { key: '486234a2f5ddd919506be063eb0962757fc6626f', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '0c5c9b8249990fec21ab247c532d0ab50c0ce23a', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'e5132695f0fd6cccc1a1b350d657bcc8133dec70', class: "action-list-section__items" }, h("slot", { key: 'fe89d7b987d11b87b3afa135e0f782b306b08e17' })))));
+        return (h(Host, { key: '927db34f4367af342ca2be1f2a2c6ce608777908' }, h("div", { key: '17b5a7a69eba445e1f0d27ca33e7d9f0683a93e3', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '410a3f1233331e485c9d1c2a24c03359b487a681', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'fa6b1057a74618660e3be76cd1c8ba70bf9fb285', class: "action-list-section__items" }, h("slot", { key: '7301b7ea9965d57a7827e6d76bec2507fd38da27' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

package/dist/components/swirl-action-list2.js

@@ -80,7 +80,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
             item === activeElement?.querySelector('[role="menuitem"]'));
     }
     render() {
-        return (h(Host, { key: '648f89052919042bbadf77f458d35e35868c584d' }, h("div", { key: '0be168f8c8cadcf7785e795d6e74575c88fe2b90', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '76472e680cf932a12b8c3c93432151319e22620c' }))));
+        return (h(Host, { key: '016a68b1efafa34c75ffb472e15c9ef387cf0137' }, h("div", { key: '056ce0eaf6a271301f9ef6ee11688d9b31a0ea56', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '238ba8f4d7939c68ab1eb077cc20265e6b1c808d' }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

package/dist/components/swirl-app-icon.js

@@ -27,7 +27,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'd0660e598f456398d63c4325c2c5c4d55463ef6b' }, h("span", { key: '21afd9b82ff8a45a9043ac8b5dd36b7395804db6', class: className }, showImage && (h("img", { key: '94b7c4dfdbf01954d074877b8147c38b6f85f011', alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" })), showIcon && (h("span", { key: '82258b7734b7d2df50adcaefc2d54bd963dca79e', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'f97bae487147f331d829cbcea9e37b31defa9588' }, h("span", { key: '6a7156db720270c6f282c8617a4f59ec9f738d2e', class: className }, showImage && (h("img", { key: '071fc2609df21ee9a5113ab7e5f990a4afed4a00', alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" })), showIcon && (h("span", { key: 'd0e18e9f999278717f081b8cf591428da15f96fe', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

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

@@ -26,7 +26,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'e02f0e18d9cd865c9c3c838b9472791a1a096b3b' }, h("div", { key: '2988b12f490489eb227b1ec34b84f162727f5de3', class: className, role: "group" }, h("slot", { key: '5bfbfcf2d903a5c6f08d8b33b8fe4ad042d1fc53' }), this.badge && (h("span", { key: 'eb32a56753f85b85521ddc1089ed8692d550d3fd', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'aa452d582533099d963653e44756e5655409dbd7' }, h("div", { key: '7470d5a2177a97cf8911cb5eeb2e97f457bff3d4', class: className, role: "group" }, h("slot", { key: '67eec0d1d474e0d16ec4fe1ecd5d05b2ed827606' }), this.badge && (h("span", { key: '6931f33cb7588d3f49469ff492236911582732a1', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

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

@@ -20,11 +20,11 @@ const SwirlButtonGroup = /*@__PURE__*/ proxyCustomElement(class SwirlButtonGroup
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '9687c6322ffcef953cfbe5e06e4a6f8adf480833' }, h("swirl-stack", { key: 'ee585a4758153b42d0f146e0e7e96f2af5248be3', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '557c6898580f3ed020e594a92f3751478c5c3779' }, h("swirl-stack", { key: '7d6103e477a8f7ae88d48e7d1ece170d45c31456', 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: '978949b595ba449fe7b815b37e4526c2525f2bda' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '6a03778002a4a196f5baab8ea636e41eea7c2b8f' }))));
     }
     static get style() { return SwirlButtonGroupStyle0; }
 }, [1, "swirl-button-group", {

package/dist/components/swirl-button2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { c as classnames } from './index2.js';
 import { g as getDesktopMediaQuery } from './utils.js';
 
-const swirlButtonCss = ".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n      --swirl-icon-button-border-bottom-right-radius\n    );border-bottom-left-radius:var(\n      --swirl-icon-button-border-bottom-left-radius\n    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";
+const swirlButtonCss = ".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n      --swirl-icon-button-border-bottom-right-radius\n    );border-bottom-left-radius:var(\n      --swirl-icon-button-border-bottom-left-radius\n    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";
 const SwirlButtonStyle0 = swirlButtonCss;
 
 const SwirlButton = /*@__PURE__*/ proxyCustomElement(class SwirlButton extends HTMLElement {
@@ -87,6 +87,7 @@ const SwirlButton = /*@__PURE__*/ proxyCustomElement(class SwirlButton extends H
         const isLink = Boolean(this.href);
         const ariaLabel = this.getAriaLabel(hideLabel);
         const hasIcon = this.icon || Boolean(this.el.querySelector("[slot='icon']"));
+        const hasTag = Boolean(this.el.querySelector("[slot='tag']"));
         const className = classnames("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
             "button--has-icon": hasIcon,
             "button--icon-only": hideLabel,
@@ -94,7 +95,7 @@ const SwirlButton = /*@__PURE__*/ proxyCustomElement(class SwirlButton extends H
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '3080eccf4241cc3696536782d66e444e755ebe8d', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'e1678ccf0a907f6e124ffd90382d8436ece74b4d', "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 }, Boolean(this.icon) && (h("span", { key: 'a6bc374b9d89f2e8690c33ae24d811559b9813c7', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '907936643a16569d8ad7e0cb9c2293a44c8acf3e', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '258f476318ac7456fcca53a16ab1742b90bfdd7a', name: "icon" }))), !hideLabel && h("span", { key: '9f5a81854f0f3c05a70b10e0698aca6cfdc8d742', class: "button__label" }, this.label))));
+        return (h(Host, { key: '7fad35302abc81636138866c895162587ceee487', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '84c7c78d9b8b5305d1314b996e69183b6a373280', "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 }, Boolean(this.icon) && (h("span", { key: 'cfccc6f288691dd024ee4bfcfd78509310d5d3d5', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '9cbca966cdb4cfac57263cf46d7cb4d587bf49a5', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '7c36b4686599640b566a8f2fb1f4ecf5559d6a96', name: "icon" }))), !hideLabel && h("span", { key: 'bdcb32131ecdad608e3a6ab9b352fb9ac383b2a2', class: "button__label" }, this.label), hasTag && (h("span", { key: '87e6c7856ba29ce59e039e696642954d4b8d608b', class: "button__tag" }, h("slot", { key: 'df5f24ad0571229d3ff98fa1e7cbac2655e0fe94', name: "tag" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlButtonStyle0; }

package/dist/components/swirl-card.js

@@ -83,9 +83,9 @@ const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTM
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: 'f8cecba3a843c247f876ed7b3cf56c8bbfeaa430', styles: { height: this.height } }, h(Tag, { key: '85afe38f7753ea8ea9250abaee724a7f8d9108e6', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: 'e9557284559f0a8a3af1974f8dbf6547337f40fd', styles: { height: this.height } }, h(Tag, { key: 'ce0fc1940b354f70a0325ec8871ba09812c4ec03', "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: 'b2928caa364fdfc8d038fb1011235b4314ec8a33', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'dfb6bacb00d851486db725151eb3a2d514492b72', name: "image" })), h("div", { key: '851a63e084daa1909fc030efd188d7c1251eea9f', class: "card__body", style: bodyStyles }, h("div", { key: '037c36a2f07355f42b2b95d2c2a9d9807fe02bd8', class: "card__content" }, h("slot", { key: '73a31f76e6d4af56cd2a925844f64c2d1167b1ad', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'c739eb9185766fd8f589683da75e46dba3720867', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'a9838caefd147ea8a6d8f1bb80679a8472b6162f', name: "image" })), h("div", { key: '77661ef0cdc5ecadffaf7311e8e8f8af26e48cb4', class: "card__body", style: bodyStyles }, h("div", { key: 'c5ffd5b3b58a17a9d2ec3b1213d5775fd5100554', class: "card__content" }, h("slot", { key: 'c7f0906840ad6614fe318a80c51dc73c1f4d5f0c', name: "content" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlCardStyle0; }

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

@@ -17,7 +17,7 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '0f89338419e9487f7d3ae011e9b927a720b7179a', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '69a1e3a399584d8035e8448cb1990974ad295e28' })));
+        return (h(Host, { key: 'b50291e7bf2669c2ec615fce2d37f6c9f5efde04', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '5c1d732652c965ab30074809e1083e8626aad0a1' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

package/dist/components/swirl-carousel.js

@@ -110,7 +110,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarousel ext
         return inInView;
     }
     render() {
-        return (h(Host, { key: 'a70e2e4a0a1e40dca7b6e6976201a2c9b1951867', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '797f1ec5ebb8cad7916ab24e5d68ee00b8b90dd2', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '0030e019d206edb0d60d92d7571da5d0fff362d2', 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: 'e560ac304de60dd2c9005ec396d9e8ebc5077934', 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: 'd8ef3f5a32ae374598902f08623c2da12a0454a7', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'd626de58f6f4e0847f1253e1d228961bf82cf998', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'aab30bbdf49103123c0cacf6707662830517a5dd', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '51abe6639be84f6da7908edcb7c7204ae381c6c9', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '843a9edbbe1f4d50e3c9a109046777b9dc98c3d0', 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: 'fce0df1eb6eee6fba16792a8a5e2330fdd254880', 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: 'd2a750724ff71b3457b424ce798e908787d3c18c', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'be830ac885a7dd1a74e44a60d4f6a5a2d41f6b62', onSlotchange: this.onSlotChange })))));
     }
     get el() { return this; }
     static get style() { return SwirlCarouselStyle0; }

package/dist/components/swirl-checkbox.js

@@ -54,7 +54,7 @@ const SwirlCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCheckbox ext
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'cc5e788a984c8a5162b3d41f8984623ea0b2ede5', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '6c755f03de94374b926845de8d23c2ffe88c0010', class: className, htmlFor: this.inputId }, h("span", { key: '767be761f571ab2860d4aaece65cea955884fe6b', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '03c17d3c4238b3cf12f5eaffea54ffcc06a5a41a' }, h("input", { key: '57f89f01c0e59bcd36c9cbf1445d75b66e5d06de', "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: '22c96b4bf96cd453892ccf9efd970e20d32f57d7', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '09bcb150c233170cf5fdb0e0a112b70ae64f2b94', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'e14bd37c5a397a711a52855d58f8abc3b2b65810' }), indeterminate && (h("span", { key: '7873bc0ec60a7d7cf6cc465ac77b544851b44a14', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '667dfd4e4907c9966513064f04f4734a9cb964f5', class: "checkbox__label-container" }, this.label && h("span", { key: '0141f0b56214c9d1fc73f08cdd287572ff1f4529', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '5d9fc09abccc81d2e6402b42c659380e75f72288', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: 'd44ffecc0c31556046cd85669ae4c4c3c8a3c838', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '50ea3a331ac215db2e0bbc60b2be3d0e46adf867', class: className, htmlFor: this.inputId }, h("span", { key: '2e6ba1107b375c354e19059f4d793122d79626ad', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '09c7dda3c827041bab637f7a6386595003b731ac' }, h("input", { key: 'f3b841af474381fc828dd9936ffdeeb2498e8ec0', "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: '502c9f0de587d6b04e0a696ff2fbb120e863a0d7', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '3004f914efc6565899f5f1d16fb7d91d66922759', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '0dd463977ed5ed112ea8ea48eb86fb543ea96abf' }), indeterminate && (h("span", { key: 'eed5f1e4d53c2aefb684a176fe4639dde65c0a5d', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '2f6eeabf37975c052905e09614ec2f4d17ac0415', class: "checkbox__label-container" }, this.label && h("span", { key: 'f585de5b2850ff6180e1bacaad8a5a8143ff42bd', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'd626972d62b4d6240affbaf4f6180adc9d6b4a0f', class: "checkbox__description" }, this.description)))))));
     }
     static get style() { return SwirlCheckboxStyle0; }
 }, [2, "swirl-checkbox", {

package/dist/components/swirl-chip.js

@@ -55,7 +55,7 @@ const SwirlChip$1 = /*@__PURE__*/ proxyCustomElement(class SwirlChip extends HTM
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '6ce267d94331ffa5cd45590f776819ca81f0269f' }, h(Tag, { key: '9d20a1ac9558e920e7924b86178920ec91b6b77d', class: className, type: this.interactive ? "button" : undefined, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined }, h("span", { key: '67ed858d088ff500b553db57276e99e94ba660c3', class: "chip__inner" }, showAvatar && (h("span", { key: '87e5bc08fc83e55f7d63dd3a38a18def3bfc0470', class: "chip__avatar" }, h("slot", { key: '3c7a52dcc434476313c61b43603ff3188758618d', name: "avatar" }))), showIcon && (h("span", { key: '16edc3a3da88e0e43eb81c7c8228e873e63e61df', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '951fc836655f2ba5046c2a9c8a56954087378fc3', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'bcda4f0a728956f5e18c642c316002c31e240443', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '6aed56a2fa7702b583203768f5b734db1b215f4b', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'b762ed266095ef2bc96ba3fee9e689f4e6865479', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, h("swirl-icon-close", { key: 'ba7b0ccef7688fe8f385f422b8a8418249abf46d', size: 20 })))));
+        return (h(Host, { key: '2c558ecbcce9b65da44616543ec1f764a01cb2cf' }, h(Tag, { key: '4f146a7481412df5d1b398b85b455114afc40297', class: className, type: this.interactive ? "button" : undefined, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined }, h("span", { key: '1718cc6dc4e726a8ed98fecf322cd0b6284f67a1', class: "chip__inner" }, showAvatar && (h("span", { key: '9ae76d5e8b2349ad69c704b062ea6638c1f50191', class: "chip__avatar" }, h("slot", { key: '87d4b9788a9efca593aa1e0cacb2e84eeae6fea3', name: "avatar" }))), showIcon && (h("span", { key: 'e92922a857124377ca8892c3c242f6444954cb02', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7b7d73e445ed9ea5c5641c23bcbff85aaafb0a02', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '8a9fc592a21a81237a13b15185c382a016a70b5f', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'fad6f0d26d8968a40bcb3c6d71c66c5f109e8012', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '1cdc6a95b026f6332f72dbc46e2800f7acc21858', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, h("swirl-icon-close", { key: '8bcf66065c3920ee3dbfca3db57dcccae00690fb', size: 20 })))));
     }
     get el() { return this; }
     static get style() { return SwirlChipStyle0; }

package/dist/components/swirl-color-input.js

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '56d9d76f89f2230a917f227bda4228c9270bff88' }, h("div", { key: '088cd1756c0ece24eff6b77dc56a0d7a9085c708', class: className }, h("input", { key: '14d0858aa7e650727dcd1f68904e5ed1410743f7', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '8a3af0df0edbc3194e033668d859703081ea8fd7', swirlPopover: this.pickerId }, h("button", { key: '4383f54793752d83287f7074553ea9b8a1d3b517', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '8352e72b998968fc06ed04fae79859de65e356a0' }, h("div", { key: '47ea07d25b769067f820c0ffd40c2a2a0b01cb3c', class: className }, h("input", { key: '4df693430012a05e6ebf6cf9003260cb9638889e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'c7bb0d269b99f311431ead2d595b32906959642d', swirlPopover: this.pickerId }, h("button", { key: 'ce546a6fa398dfb87e2394424ecf4776f2421097', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '52ed7665bf6c17db08e4ad5e69e767aff565d1b1', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '3bd32af70a21a090330c5cce0326588a286b0785', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'b68657b53d8f84dd36df846b7a9350ee1eb867c1', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'c60b54773d946bed2421914cf18e074065f62e9e', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '63ce435b1e85f527ce2d030b7014901043989cb0', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '50d27fb9cb3185a2a460de66042d3754e7e6cebb', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-columns.js

@@ -12,10 +12,10 @@ const SwirlColumns$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColumns exten
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: 'be4c273a9e25e8b0c32d7e90de79e60fed795141' }, h("div", { key: '5b834a7d9a058f0c2177648bc7320cd22b407a38', class: "columns", style: {
+        return (h(Host, { key: 'bf48bb3161515ba409f221191ad3b7c14c54cc61' }, h("div", { key: '97ce79b4c7d69d1600ff993fdc9e072a1fa5f4b9', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '56c43acdf48ce8184e7b75ccc3ad0016bd2e285d' }))));
+            } }, h("slot", { key: 'ce624dadd830a3d3b57cf0d378aac8917f392eea' }))));
     }
     static get style() { return SwirlColumnsStyle0; }
 }, [1, "swirl-columns", {

package/dist/components/swirl-console-layout.js

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: 'bba736d4c8daf0dc1ff373ab49c45abbd0e230b6' }, h("div", { key: '4100feefefdb5a1889762feb4ace7e5d0457c09b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'c8b1f9f54ecdcf2062aa50d3fe644b50b987cc8e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f28016db58871b1a773184e3e7d0fad3010e3cd8', class: "console-layout__header" }, h("div", { key: '4e46393f75083abe5928ce06ed5c69ce16999f07', class: "console-layout__logo" }, h("svg", { key: '767b62317772fff90a173be7fe8aaa9b38136df3', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f1b01e99f418f000e191f93d63873f49a6e59bd2', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: 'd75b170b7b231fc55686b717c946d6c6ffd94265', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '97f164fdf18433ed2182035017e21cc1cbcab580', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '85f896e87f146db01a6a9d9a20271edfa956bb5e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '3e9726348093beea999c7dd6905fbe934d403a3d', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7d3a643143f3401574f41616b15840a20b8d4e24', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'f9a6944ec222786095bab45132a236666131f704', name: "navigation" })), h("div", { key: 'e315d04155d14701843ef4d18bc6c96ea666e048', class: "console-layout__user" }, h("slot", { key: 'd1c1fa136f4fdfe5f084155c6fb7d53108f40dc4', name: "user" }))), h("main", { key: '27e170a8d39412324913e738f2d4f44d0541a7ae', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '66a74aa8dff8037353848b1c21514026e40b5d7b', class: "console-layout__app-bar" }, h("span", { key: '2403ee85e14d7a70337da1b941d37da0d1c8d0de', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '1d1f64eeb259bcd57dddcd738da964dbb5afc635', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'd52f8f83e6279561cb64ff11e101c30fcde6f8e3' }, h("div", { key: '294149b8b664780b18cc65eef2b10522db88052a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'a6a2cede86c8f4279ef976a7f37ee2619d63a057', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '499dc2308fc459e4c3ef97dc17abedc198b3f49c', class: "console-layout__header" }, h("div", { key: '83d8aaf202c760179ca05f23529aaa1dafa2d648', class: "console-layout__logo" }, h("svg", { key: 'e6da137f47c7b2bb9ecc1fe86013f77b83052291', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bb0923dd689f3e346e7a0a8fd321c2e67ab1af17', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '233ecc8b35d2e6f21a5ea4c37cd1baea2a6b3fdb', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '387e028dafc5b77d3882c8bbcb0d334e15a10127', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '66d4b599fe79636b8499351756629559e66feaaf', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '07f91e303a92b69b087880a473317971ef1b46be', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '570662e2d1695fbc3993ed4e321d6cbcc13e8afc', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'cb804e1b67680ff6756607c2a2040caa7f031fd2', name: "navigation" })), h("div", { key: '7e2ea380573637986ac7a54953c7e307ae33c18a', class: "console-layout__user" }, h("slot", { key: '45758c481176d01121fd42aa6bbf36540aa330de', name: "user" }))), h("main", { key: '25b71a83483adf1e140831cd3443b44b6e6549c1', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '8b6d1f0f6beac3c9c6454238eaac78e199de2016', class: "console-layout__app-bar" }, h("span", { key: '15851469de10c137b7a8ecad4bebf4322cb2693c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '27de4173d0d00b966d275b7e6b30850f5f9d15c0', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '9de76aeeae2c16133f1cbddfc9095df490aa2699', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '20511f4781957689d1043a073602990ad34f923c', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '02b0f2de66dcd05f024ec92ca9d9fe31b8e87601', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '9b6872b299617af3f7e1db5abf71eeda13f4a4af', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '35a3c3a016036c13446fbf3ed8573a0553f923da', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'e2f0ec22b22bb9df2808f8baedca17cb7abfd33d', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '399b82fd57c2029cc449486ae500d4fd1b3d1c60', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'a3362722a13db516483dca0b27b6d8ac011410db', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'b271a8b5cba7ea1faf9f13fafe5eb8eb548715d6', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'fbfa4c16dd9347779b12bbca58c061a0797ebfe2', class: "console-layout__heading-container" }, h("slot", { key: '2cad6f807ea96e46fb1b888436db91017d7c0f2e', name: "heading" }))), h("div", { key: '95a2489561cbe8c76361da2170c315923de99d30', class: "console-layout__content-header-tools" }, h("slot", { key: '243b196173acd471cc48766427c26ce8f3e5a69f', name: "content-header-tools" }))), h("div", { key: '3a38302345b41cdd8007b2ef7b9db360f0555377', class: "console-layout__integration" }, h("slot", { key: '6641fa39ca2fa51fe47e5200c1eb2d195a4a7322', name: "content" }))), h("div", { key: 'e8d9ca7057818631ceba68dce8a36e6fb815c7d6', class: "console-layout__overlays" }, h("slot", { key: '2675c321b61f49db890ddc421eab0df2f47eb441', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '4e3717a693a10e4e7b708fcbc934729348a46b9c', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '653177fde27c1e1892ca25fbcee3ec4184e76155', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '599d428c8d4da55b24e0853f8a9007a2886d1c92', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'f4f582384708afb8e14d4772d81ce6a008109433', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'ebe54095db6ffa3b99314921f0d363b490b84c20', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '0c5b09c9cfb6b898a3cb051c1383d251fccde445', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '018f79b6c1b469b9fb2f5a1a2d37de061047984a', class: "console-layout__heading-container" }, h("swirl-heading", { key: '157fced8cac5a93a32b87ade0b5cc5c8abfe663c', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'a9b5c9f3c15ea3c758b624262de6d73d45a4f132', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'f6ddf01d53d1cec47a257b6b0afe402d3e4811b9', class: "console-layout__heading-container" }, h("slot", { key: 'f6202c4b9ccf147976e67ecdb2a8d1fca1f86a1d', name: "heading" }))), h("div", { key: 'd86e0b5e5129eefb9aebb0318714ee5c11815dd7', class: "console-layout__content-header-tools" }, h("slot", { key: 'd7eb01055fbf5875d519aeb9b6f4e5f70b496107', name: "content-header-tools" }))), h("div", { key: 'dcbc4099b17d26ca18cdc4ddf96842a7a593db69', class: "console-layout__integration" }, h("slot", { key: '636070de397c3e767c346063494674aa7f3098d7', name: "content" }))), h("div", { key: 'a84d8301f12617ed0b7877ed5e103707af5fef75', class: "console-layout__overlays" }, h("slot", { key: 'a45e044a00c847737addb2d0239ba10de82666ce', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

package/dist/components/swirl-date-input.js

@@ -158,7 +158,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'ac51741ef9cdaa34510f1570458da875f9e80c36' }, h("div", { key: 'ed5556791c7277d7d641c0076289b33c0977bdb4', class: className }, h("input", { key: 'e6fd0c6b61e7b9dadaa756c05f16b207f048811f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '558357b5136a427aadfa888584c13816f8ba6335', swirlPopover: `popover-${this.id}` }, h("button", { key: '26f970bb34437c9fbe2e10825b6a7e8090b675ad', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '2e30393f61ccec3cd0dec31d560e9406a6b1e237', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'f44a3013ca0cabcfb29fbfe0b2ce313d5de7560e', animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '482555a18274c5d5e5548db03de91b71e2e6b1a5', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
+        return (h(Host, { key: '94e3dae89526b26bcd29e34898c2fc7085e9c36c' }, h("div", { key: 'ad7911330d32c75cae82280a4ed7d5aa6ccfdd81', class: className }, h("input", { key: 'e8127686037cb12865b51b6d7b6576d7462d89bb', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: 'b60df12cf05c23822ed92b995e6afbe781d42a3a', swirlPopover: `popover-${this.id}` }, h("button", { key: 'b293c1492d0180d3ee9f432d907bca51e6c4435f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '57e5837553df01e284f1dd9dcb34955631277c38', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'd55e4de1824e7cb16e723332cc01adc0a2576284', animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '257f6b45e41c645391542017c1cd4337f14d6c30', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-date-picker2.js

@@ -33,7 +33,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
     }
     render() {
         const startDate = this.startDate instanceof Date ? this.startDate.toISOString() : undefined;
-        return (h(Host, { key: '0ce787d7cefd08de1611258958dbf83cd5162e6d', onClick: this.onClick }, h("wc-datepicker", { key: '0d9767a11bf974c5e7237fd1fb9f674ab6dae02f', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: '94cec8013ff33ee9e4263bb194abbdef02316e0e', onClick: this.onClick }, h("wc-datepicker", { key: '46a366e80b716260a1231fb03a0c436e43bf804d', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return this; }
     static get style() { return SwirlDatePickerStyle0; }

package/dist/components/swirl-description-list-item.js

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'd939800014f477585e7eedbeafddd5d786fd9126', role: "listitem" }, h("div", { key: '52116aa99cd13b3ce4b3626f6d0c83937b1591ba', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'e7d739b3206615308611c91dd7bb44f2adce7f8a', class: "description-list-item__inner" }, h("div", { key: '6770dc601ef01f6224f84c508d40f25285497ffa', class: "description-list-item__text-container" }, h("div", { key: '5382fb333a58bc38ff129467059325b70c9d524a', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '7f0eadaae9e3511d9a380c655396b6e093d9c676', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '012337eba0dd6733768c462edec482f542fb2d29', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '8878f8b9afb7362cbf14e756219099e50aa045ec', size: 16, tabIndex: 0 }))))), h("div", { key: '6701483790b68b7b7b9d34440050e866c056c272', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '8efb214c6db975b97557c3da497b84cd2d521103' }))), h("div", { key: '4a1916de72a248fa1335461f591af0b76d28673c', class: "description-list-item__tools" }, h("slot", { key: 'cc8df24457fbe2dcbf03ba77046bf07a1fc3ef20', name: "tools" }))), h("div", { key: '9dbeea835cafb4e9ca411149619ea0f81d26f33d', class: "description-list-item__additional-content" }, h("slot", { key: '7cd7de0e9dcad21ba6ee3fb5f9c136f34902151d', name: "additional-content" })))));
+        return (h(Host, { key: '2290858f1bcf60a3dff531f0971dfa8a45043ed2', role: "listitem" }, h("div", { key: '8508bb3742135fe230de1cddb490be7efc94e576', class: className, part: "description-list-item", role: "group" }, h("div", { key: '36cf0fc3170fd884bccfe80a90c5f636a442c87a', class: "description-list-item__inner" }, h("div", { key: 'c2222b2a6f3bddd63ffb2ed8efdac93d955e360f', class: "description-list-item__text-container" }, h("div", { key: '9a0d07b798f6c80eb3a2a20177287e845912f09f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '2508cea994ddbd1f7ec261d175927f3fd6642678', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'b5edd25020a87f1f51067297850483518be9f1c5', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e05e236890b0b91315d7bd1f5dd709eba762d375', size: 16, tabIndex: 0 }))))), h("div", { key: '7fca1cd8fa4f0a97ba67036c8ba7c1a738665d7f', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'ee99e0e2f03cb19382e451e748f91fdccab4aa03' }))), h("div", { key: '750dc01033f65c07b4d55763d7adf8c7f1006c61', class: "description-list-item__tools" }, h("slot", { key: 'd2552e970d596ae04b77eda433e0c05a8ee75279', name: "tools" }))), h("div", { key: '738110eb7a6ee50505190c4f28b205a3378cc6ea', class: "description-list-item__additional-content" }, h("slot", { key: '42fae3a35edbb749160bfadddc7a99e29e5a29da', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

package/dist/components/swirl-description-list.js

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '06112c1ae757e68833b7803e12f1200865bf19c4' }, h("div", { key: 'f95fa8b2f2b4ffe435b94d2ea1ff30beb80d39b3', class: "description-list", role: "list" }, h("slot", { key: '296ad7f15a0fc2f2d389e5d7623b51974ac8afbc' }))));
+        return (h(Host, { key: '6f3211972a030980c828bf3dfed9a5680824a41d' }, h("div", { key: 'a74c64c6cd76be0b7a7413bce08b7c13c2e8cca7', class: "description-list", role: "list" }, h("slot", { key: '60728780e9121d16f0ee9b47c0c8d6673a5b4911' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

package/dist/components/swirl-dialog.js

@@ -73,7 +73,7 @@ const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends
     }
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
-        return (h(Host, { key: '26954b78d9f2c39ea321e81285ffbed08b2d3773' }, h("div", { key: '7ce0e80ecafe7fc289c7549f430cff2b4491c7bc', "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: '4fcd019a45dacb18bf096743956176fbab60eacd', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f007c3fdb86297861dc7d4b22d1fce80cf21afd8', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: 'cfa055452fba83877207e1b8ee95cec9c3b82442', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '8c4bf02726a2a6d2c13d994649a81919cbba0e81', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '1558c8b2ecec2557d332c5ef7da1532943cfbf0c' })), h("div", { key: '48117a3902352da99f7801b062fed46eb7a6a6dc', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: '15fdebe09fdda48ecb39b52ba28cf1dfa0e0e322', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '8abd9032c4f11d2cc47e5ce5f204092828523917', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: 'a479a8b294450830e04247b7d29e6cadbf7f775c' }, h("div", { key: '47d0b859590c6c15afd21e388ca3ffb84a3e5118', "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: '017e3c6944ec7b262a18caae4837533fddb92c91', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '9ac5955b7693c065818b25b36626d9739c94d840', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '9b001136a2453ea11dcbc7506fb3d2507a9a0231', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'b031c9502ae683d91892418d03b7c9344a7f0325', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '09e6fd5009b33263031f6230e04a8f83a9cee807' })), h("div", { key: '35d45d6c5a667b53cfd4afed58d8393a798bc6f2', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: '5cd580534a90ad420c17a9346d4002462e58c371', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f3cfcac8d46cc0c0add1740a31d692db932a4431', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     static get style() { return SwirlDialogStyle0; }
 }, [1, "swirl-dialog", {

package/dist/components/swirl-emoji-clap.js

@@ -14,7 +14,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '052cdceb59883546f01106d8094912fa966f85b3' }, this.size === 16 && (h("img", { key: '266342a74c357f939df127ae5853559ca039a8df', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd25e05a5cab42b05b17f5159e4ad8f111f3304af', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '47bd4d15976830b52692bd670fd16f46d427062d', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e0b2371a454b6bd7e704301ee9b69b1557874e19', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'dba5636740e47f7033ddf32f2842aa4650ac6aa9' }, this.size === 16 && (h("img", { key: 'edac375b14a49d9cf147d7dca3c652efe46bd1fc', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '91ca9c55fa0023fc59bd5fd11e88c79ed3371085', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f554309ca245fb8c39447ede1d2ddf2872fb7e6f', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aecf48d03c63cdc42df4e1bce2e7ddeb40ba33a4', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiClapStyle0; }
 }, [1, "swirl-emoji-clap", {

package/dist/components/swirl-emoji-happy.js

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '13c16cd7d7d2e78c843b48ee2bb3e1cb6fb568b6' }, this.size === 16 && (h("img", { key: '8ea4c0606a685fcd1dfd8a02fbcab238b04bd86f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '742e74ab8b5494ef2c55bc5385b7c8ac7e3e8c4d', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '69bb139f5ba67106ee1c8fd4c9df7fa44ec61035', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '96fac667e81690b3d1587a8b3f6cd46edc2b5f4c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'c2ec714aa528290cddb429085cae2dda79dcdc75' }, this.size === 16 && (h("img", { key: '47d792dd5aa47c15f117bfe9305a8fda8f2865da', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f86126424be6cd90aee75661c9341ca00489ab29', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b5762281a06034b5dab4f538200c3236d501a511', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '0501305007469d30443e4e3e176ad63b971766ef', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiHappyStyle0; }
 }, [1, "swirl-emoji-happy", {

package/dist/components/swirl-emoji-idea.js

@@ -14,7 +14,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '585b77897570176f9c826f3b916473f0d51ed6e4' }, this.size === 16 && (h("img", { key: '1a1812b455a7b5b4a595c7b68e7f868fee1f3e98', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c3dae1314db212130787948267c76965aed30794', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd176779a9577bdf22655b176f3242e6510d13b19', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '255a76b736906ed20d9a09697e18b1e2870c2b75', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd5999dd22cbefddc20bea3b1e06d5308268d2889' }, this.size === 16 && (h("img", { key: '3f2197a58870cb95fe275ad63c414e4ac142109d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '0ab0412b4399cfdf77976ff243f16a748302b992', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c20b114e7c47b6f02128b13080ae37f19594b774', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '92de29d3f352f656fcca5fd22799cd8c2d7d71e7', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiIdeaStyle0; }
 }, [1, "swirl-emoji-idea", {

package/dist/components/swirl-emoji-love.js

@@ -14,7 +14,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '80d99173f06fae7756b209937fc417eef7b5789a' }, this.size === 16 && (h("img", { key: '28e20da0eb34cc439d7e9e3d1f899d233182b0ef', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '137d808575bf5e650b9626d8114f24073c3baf97', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a861157fbc829da17518130989a59d44ad4096ff', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '4cad76651d10703b5aa637c3aa96c183e5d5df71', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '1542ea8c69146ee7e9c7d4866d9447ecbb98179b' }, this.size === 16 && (h("img", { key: '10449d409cd251ba06f6fda9ad6006a4b3949bd8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '637bb03f63578140e5d14af68b187117e84ebb28', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '36c4816c785b1a5c92048367f49d6f56bff72424', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '83d983fcbfc8e1c1a3ee117d12845d4986051f85', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiLoveStyle0; }
 }, [1, "swirl-emoji-love", {

package/dist/components/swirl-emoji-sad.js

@@ -14,7 +14,7 @@ const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad ext
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'c2e0872f95e380e6f70f2a0e66137a47216b5949' }, this.size === 16 && (h("img", { key: 'f10e0ca8e803c7fc7daa22dd328f6db92d1524ae', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '344378194d1a1be48f4392ff5ddb14d4584a460f', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '50c62e562be593f0d844eccdc4f8ba0ffe92dc29', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '975c6c0c22be35b33ccc1d7f28aab820bed5b50e', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '7f5623288f93b69943ee0db713bd8e9d87fa436e' }, this.size === 16 && (h("img", { key: '0beec57d6992ab7fcbbf3aaf75cd816dd0d8d43a', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'fd658587a306b0f33fc3128697eae5151334b8a5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'dba0cd3086682a659c7ab2a80a36504df781a157', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e1f2359edb82c3184b802094f0ae1d35c1d16c29', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiSadStyle0; }
 }, [1, "swirl-emoji-sad", {

package/dist/components/swirl-emoji-thumbs-up.js

@@ -14,7 +14,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '47553159e3e1a5e0c60aaa7201dc2d6bb1f59a5d' }, this.size === 16 && (h("img", { key: 'e9c0ea05f84bbd68c25161eff1190f3b32ef6abd', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '9df84cfd4f0ee3da697effcb92d42d6aaa0c2dd2', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '3f0fe7c2abb3ef338453072b22fa66e9ef03862d', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '2f521b3f60b297b198f2830f9a83fee3b84fa156', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '2f5b5ec8ee7cbdf2443c20fcf74ada4777603e15' }, this.size === 16 && (h("img", { key: '3e0c1d485f925e42b7bb4e77fc6ffd59ff140795', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a25525218c0fbfe4e698d95aa46e9601a6acb3d8', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '8eb6cf5c0dcbb11d46d71a7dc139098acb55d894', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c6181125c6e04992fc0f5d149106c123bdfdddd1', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiThumbsUpStyle0; }
 }, [1, "swirl-emoji-thumbs-up", {

package/dist/components/swirl-emoji.js

@@ -14,7 +14,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '2ed3729e99472f24c1323083795b60c07fe023cb' }, h(Tag, { key: 'a57c2ca382dc896b2b25784ce880d8fda0ba8b36', label: this.label, size: this.size })));
+        return (h(Host, { key: 'cf6e5677b1995216fe2e9dc0b4da4640ce68cbdd' }, h(Tag, { key: 'fda88bec3865df750ac5044b251758fb5b032307', label: this.label, size: this.size })));
     }
     static get style() { return SwirlEmojiStyle0; }
 }, [1, "swirl-emoji", {

package/dist/components/swirl-empty-state2.js

@@ -22,7 +22,7 @@ const SwirlEmptyState = /*@__PURE__*/ proxyCustomElement(class SwirlEmptyState e
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '48867dbd916364bf5947ea81fda29c44a42e9177' }, h("div", { key: '6c04b22601658932eaaaa274e8a3d0dfc5b329d9', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '0bb190fe062d6d5c2b8cf5527d20773aed0d7257', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '736e35e10237a28306f6c2f4f6da02bb70ab575a', class: "empty-state__slotted-illustration" }, h("slot", { key: '55c8dc9ad21c66d4754df7e184ab81aa3e3ceb14', name: "illustration" })), h("div", { key: '8967e079115fe538323fb04c4b4a59338e1f4509', class: "empty-state__body" }, h("swirl-stack", { key: 'e7396ee9267abfbb675fc0eeee8ab2b46d09d484', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ecb5e29316c6e2721d5a5aa29d5eb5957b4bcca1', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'e22b1f0a313b131e7532d9ea99600efae52f732c', class: "empty-state__content" }, h("swirl-text", { key: '042ebfd08524ebd1a5bbecd236d31d3fa0fe1f1d', align: "center", color: "subdued" }, h("slot", { key: '38a78366a3e99405f1d39f0108a71012d6f2160e' })))), h("div", { key: '575efac8239badba130d51482c16bb9fa8d04634', class: "empty-state__controls" }, h("slot", { key: 'bb06bd9687a0af377c6b6c9cc5ad02745c77dc61', name: "controls" }))))));
+        return (h(Host, { key: 'ce680f789d54142b969aa9b5057fbcab2be709f5' }, h("div", { key: '8fdc1c54c91fc3eb1720709bb4d2ac6e20f2f87a', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '0080f42a829f5f80f7cb0717c29e877a91e29d18', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'b9b47b29ed7800944e44e97e5392e9f27383283a', class: "empty-state__slotted-illustration" }, h("slot", { key: '8ac117931be0960aefe1aa5e90cf62797c5a1b03', name: "illustration" })), h("div", { key: '34833957fdcd789e206ee282a74ec6ff4959266a', class: "empty-state__body" }, h("swirl-stack", { key: '3c6d362a8b881ff864806de80e5771eaac5043eb', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '7a743cc9e8bc8e1c7106699b8c7e3bb7d7058b34', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '4b80295f0b7d553faa47dc3b57266f4cc849ba6a', class: "empty-state__content" }, h("swirl-text", { key: 'bde3957027614171e265a5822bc28efc372a99dd', align: "center", color: "subdued" }, h("slot", { key: '41cf5d3dab78f4169a005aa4a8758f1909a03609' })))), h("div", { key: '20a1fb9f3bc09a8fec783520e2ad6705e463df85', class: "empty-state__controls" }, h("slot", { key: '076b3dcd4089c8312568d0421657c1daabf5157a', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

package/dist/components/swirl-file-uploader.js

@@ -47,10 +47,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '8ef3b42da4abed78f2fabf33742948891de231be' }, h("div", { key: '64680d23e337823a8e87aad5da8ce42d574f8ebb', class: className }, h("label", { key: 'ba90646f44716bc42b9c15e5a6abd574df511ce0', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '33b88bcee0db35e8cc7545a53d458b5e5a3c80ac', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'aa82d8bea77f2da22cea4def5c7584f1e68888a2', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '94b6f2f6ac2feed6508908c0c2f0c9e08cef7fda' }, h("div", { key: '8aea371b63f58ddfb5070a9cf3d3f67b1b424e61', class: className }, h("label", { key: '57648587986ef9d92087a77ea46d57e7d3067b1e', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '7445fce418441cf278095a11e732c9595727ef6f', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'dae89d1b1e787630e485b0c3dbe03852659682cd', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: 'd5bf0ecd21f41ea0e6e774f90ad2dae9505eec41', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: 'd5293ec8c303d4f3580fd4cc9c03ae339d77d299', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get style() { return SwirlFileUploaderStyle0; }
 }, [2, "swirl-file-uploader", {