@getflip/swirl-components 0.365.1 → 0.367.0

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

@@ -11,7 +11,7 @@ const SwirlIcon = class {
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (index.h(index.Host, { key: 'd80fa710397f1e78cbbef310aa3dfb1d42a402e8' }, index.h(Tag, { key: 'e10324a45a14805608743bc6e5ccb37f0df405a0', color: this.color, size: this.size })));
+        return (index.h(index.Host, { key: 'abb8a9d727983cca95e5c9600a13f0f77d26223d' }, index.h(Tag, { key: 'd86673ee0436541dbf40f73d9361b3d1c5f4c414', color: this.color, size: this.size })));
     }
 };
 SwirlIcon.style = swirlIconCss;

package/dist/cjs/swirl-image-grid-item.cjs.entry.js

@@ -133,14 +133,14 @@ const SwirlImageGridItem = class {
             "image-grid-item--has-overlay": this.overlay,
             "image-grid-item--loaded": this.loaded,
         });
-        return (index.h(index.Host, { key: '5d5b948fedfc62da915663bdb43dc7e3fd76ff41', "data-sibling-count": siblingCount, role: "listitem" }, index.h(Tag, { key: '34944b7baa5f2799f293a79953eaf01a36b1a5b8', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: 'ee76d13224c00a988f00e0032994f21ab781e861', class: "image-grid-item__background", style: {
+        return (index.h(index.Host, { key: '573e3f3d031a8b08e3e52c4ca76b2458390cd351', "data-sibling-count": siblingCount, role: "listitem" }, index.h(Tag, { key: '529e1fc28a87ca13d1dcbe3ba2a9c64653eac8b1', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: '02ee7f89bfb6535501773ba05c9782c027d47faa', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (index.h("div", { class: "image-grid-item__loading-placeholder" }, index.h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (index.h("swirl-stack", { key: '45fbe463751392050c5eb492cf98a6b02cdc96b5', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, index.h("button", { key: '317bc2c711b1e1d91401db0f8ccea254625f0571', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (index.h("swirl-icon-play-arrow", { size: 20 })) : (index.h("swirl-icon-pause", { size: 20 }))), index.h("div", { key: 'ecdb4838cb4d342903565826c303ef4e3b0f1202', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, index.h("swirl-icon-gif", { key: 'cc54328af1c474f9390fc2f2f8044b7617794cbe', size: 20 })))), this.loaded &&
+            } }), showImage ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (index.h("div", { class: "image-grid-item__loading-placeholder" }, index.h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (index.h("swirl-stack", { key: '675aaaefe83d45d310e65f2cb6fd168db429df1e', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, index.h("button", { key: 'f3a6259a8f9da085c13dbdbe119b4c060e40c547', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (index.h("swirl-icon-play-arrow", { size: 20 })) : (index.h("swirl-icon-pause", { size: 20 }))), index.h("div", { key: '9269385dcf157eb1393bafc15e34498933124998', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, index.h("swirl-icon-gif", { key: '8863f41745b446f16673aba8c7d26a036c0fec3c', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (index.h("div", { key: 'a7e2cb8a18ce8ba183003f84912cf2c8cf9c0f9f', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: '5afc7f156eb5619a198d701f4f02e1e17b16100f', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("swirl-skeleton-box", { key: '1bc253fa0af9538c5f6b8b426bc5908f6176bf19', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (index.h("div", { key: 'f4bf60edc6f42ff7787b64d39584ff4874492e80', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: '61c761d4e2e606ded092e6c18d8766f017110a7f', color: "critical" }))))));
+            !Boolean(this.overlay) && (index.h("div", { key: 'd42380e1652fe3355f7f54ccc0c43fbada2e04c6', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: 'abafe4a7983861c54cc788fc760ed28b9e4ec7ae', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("swirl-skeleton-box", { key: '54d62c8ae3d44c37f8d79d8892d0b7adde498c3d', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (index.h("div", { key: '6c8c0781b308141a4276ce13874b8798d92c5ee6', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: 'b9c820fb07f1267c2c254bd8ee9a482c86348a6b', color: "critical" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-image-grid.cjs.entry.js

@@ -56,7 +56,7 @@ const SwirlImageGrid = class {
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (index.h(index.Host, { key: '7d4fdf93cbd99bf38f2e5390b4b3eb6bb4f912fe' }, index.h("div", { key: 'b2e0670c4fbf879bec3365a2741717d3aef5755d', "aria-label": this.label, class: className, role: "list", style: styles }, index.h("slot", { key: '3d24538c879cf9ab7f13572b6c24ad9b4dcbca68', onSlotchange: this.updateItems }))));
+        return (index.h(index.Host, { key: '90bb7f66862a60ec727b5ebf4e7a28395e12de99' }, index.h("div", { key: '855f747b8ba3c678c6d4bf5c2a8dda87e51477d6', "aria-label": this.label, class: className, role: "list", style: styles }, index.h("slot", { key: '56a605da09875d68e2850ff528b7ddae2a121c96', onSlotchange: this.updateItems }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-inline-notification.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = index$1.classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '9f5f0e6f028bcbc7add923e36fa21d83aa4ae24a' }, index.h("div", { key: '0a8d9ca76eb803cd72aaa623d9c4755c17d47f6f', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: 'd514031657c986396e37d90a4f8462096dc04d61', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: 'ca5c67748239e1c4a8ad6a7b7502cd52b40ff235', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: 'cdd4978314fe86ff3e3bbc2f3256d94900ac12f9', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: '4df361caefaf8290b7ec4924ec85e4567e0235b4', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: 'e3f4566951b68e6f0acfbee8d23f81c0e3bdf016', size: 20 }))), index.h("span", { key: '573fbd6dfb001ce39f38a5d203fe4db1c57962a8', class: "inline-notification__content", id: "content" }, (this.hideHeading && (index.h("swirl-visually-hidden", { key: '8a40f20b765ccffa3344f0771e4871fc21e9f9e5' }, this.heading))) || (index.h("swirl-text", { key: '5d22a928aef150061140ef8d3bb893bf66a6c573', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), index.h("slot", { key: '23907678254fce68eddade2d2e631a81fefbb159' })))));
+        return (index.h(index.Host, { key: 'f05af92c68a8b3949d6b478b77f885185ba32119' }, index.h("div", { key: 'dfe2626206cc8af2d44c7b44cfd8fb364d3405da', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: '0ffdce4379c133e9c8b66b2edfc7d5e00e522fc6', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: 'bf79373b5bd5902e95a801ecec44e40525963b41', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '5cae31b55f245b4f9d8aa7d598cb524a044f85df', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: 'fa006e3eda6102644d140b34c6a9f67b09b08cd7', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: 'b08fdfeab0389e8ada4b900e397095226246c379', size: 20 }))), index.h("span", { key: 'a54b17d14bf62a131cc546750af5cb6994eaf816', class: "inline-notification__content", id: "content" }, (this.hideHeading && (index.h("swirl-visually-hidden", { key: 'c7829d25e4fca758745ed3faf812b3544c593539' }, this.heading))) || (index.h("swirl-text", { key: '17d5bc32cc74b529f92144fd129f55cc7fe1361b', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), index.h("slot", { key: '7f5c2df3a604f376b38eb3f42edd8d0fd1219d78' })))));
     }
 };
 SwirlInlineNotification.style = swirlInlineNotificationCss;

package/dist/cjs/swirl-inline-status.cjs.entry.js

@@ -41,7 +41,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: '8edafcdcaf987ecaf6933cf29763b148259a45b5' }, index.h("span", { key: 'fef5b8bd929f382719e40f2bba7361366cf5e705', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '8ac0cb5da2dd6f73ef0e55107ef8a5429dde7dd6', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b11996adddd091d3281e96623b8065ab6effc171', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: 'd67b2912b5cf8351ec349444bae702a0bc6f66ca' }, index.h("span", { key: '382d9ab3c37766b59fb02dd50ce24b3fbfd9e7f8', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '652aa28a1581cb78685e3e31d2a16621a025fb6a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '712e906a2cb9c58bd665831cb0299f154a8b5990', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = swirlInlineStatusCss;

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

@@ -12,7 +12,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '32936db0ef9f80bb39feec54f41a5808c7dee885' }, index.h("a", { key: '67150f2600f8a1597f254da93f598035701458f5', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, index.h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss;

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

@@ -293,7 +293,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '5e6f7b4b48d7251669789f0844ccca7457292073' }, index.h("div", { key: 'd732f546739ba29ff883ee12c5697a8848b4a4c1', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '2bad059ccb077a053077d4c4c9fcfb38833f8911', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'f424eb771529442ad9ad17ef7b4587a41b171c58', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '1100e69afa7deb00fec5574a4500481deb1489af', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'b0ef8a53dfc76dcc4c9e3a4e2cf98adddcca863d', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'c0da63e4bc5f95baa4a1505eef8c50a2b2577398', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'bf18eb1711813ca7ee91d5f4f01b269fef898cd6', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'e5f32c075459e5083bc3c25de1b7085adbf0880a', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: 'b75fb943f91cc899f162c0b63f8082d179843769' }, index.h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -304,7 +304,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '28508c258b51e993822210c06077134c3e1b69ca' })))));
+                    : undefined }, index.h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -235,29 +235,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: '7c24fee5323e2df19dabcb9a5a91655f0f28d4a1' }, index.h("section", { key: '4c30f0c893b6dbff9583c739793c877db7776d13', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '9c54e0b2b50d584c7e1ee97f2228d3d7d9b3cdf8', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'ac2f5576bfbf714ba3a6bf1eda46c25d30237737', class: "modal__body", style: !this.isFullscreen
+        return (index.h(index.Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, index.h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, index.h("aside", { key: '8ef849f9a5e17ccceb7cff955e39bc28892dd28c', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '2352dc5cb17e549f064dcd5ed0abfb7d99fec9e3', class: index$1.classnames("modal__sidebar-header", {
+                : {} }, index.h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '004b9da5c81869306984a3aa87519ae452800fd1', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '69bde9ad0b480e9969e56c089c29117bf1f28d10', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: 'a6346c2c7fde58212c6f5097d5d70606c3183e1b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '02bcee4978aa640ecbb3b4417cdb3e50291445cb', name: "sidebar-content" })), index.h("div", { key: '136c44311e48b3b88db6c642f245915656e59233', class: "modal__sidebar-footer" }, index.h("slot", { key: 'a5e8df9f9147b7da7fd96a7efb9b3f71d4075d45', name: "sidebar-footer" }))), index.h("div", { key: 'bb0170d8b569589cb559fedadfb3a0723c618934', class: "modal__main-content" }, index.h("header", { key: 'ee87585b97d37bd9521a3efb97af9c24fea9d83e', class: "modal__custom-header" }, index.h("slot", { key: '5ee6d3e095940d24906edb710a574a13d82566ec', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '387bfdb294a2da6dca9126e19127548770d7e323', class: "modal__header" }, index.h("div", { key: '4a54700cd7a2824447892206073af4f5dbec9451', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'd6c3c80fb0c2cdee570e987bcc290e6581246f74', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), index.h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, index.h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), index.h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, index.h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, index.h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, index.h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: 'c3879455946bd91bf57c33fd8693fe0601933ead', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'd3b7a16db9e4feae042a90ae3d2d8505757205ff', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '3b55bc21765c6d3ed98cd7c8787fe69906164aeb', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'd417c7f1e060b64bc7be2b98bffd5a1d1d460c0a', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '36fc3cce5333dec26141a19ed94e16d0e536bd32', class: "modal__header-tools" }, index.h("slot", { key: '36df33eb9c484e602ed9c5d245f50e4ebcbff514', name: "header-tools" })), index.h("div", { key: '3a1fd477b1d5b70291d163f3e0c2759fde8dd34c', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'cdd147f7e0320742091611b92ef5318065d6bd2f' }))), index.h("div", { key: 'bafcb6677a0da44e76e56ca189a8dbf4afa1f573', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, index.h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), index.h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), index.h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -275,7 +275,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: 'c6061a71b7d66b3e204ff7c4f075ae4908c4cfae', name: "secondary-content" }))), index.h("div", { key: 'd1501d2c4431b43d053a67e3fb99922dea905dcb', class: "modal__custom-footer" }, index.h("slot", { key: '404cb5ab7559754b1944fbb675518afcfffcadfd', name: "custom-footer" })), showControls && (index.h("footer", { key: 'f2cadd2076b5c180494935945894fd468e0c46ba', class: "modal__controls" }, index.h("swirl-button-group", { key: 'd24df43e386d5431f5df152c5840bd290dbb38fd', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '1cb65ccd7d85057820d2afb79e647f078d70a9c7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '705ca5cf78b9d0f0c576288cf94f6d9208e66def', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), index.h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, index.h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (index.h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, index.h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-option-list_2.cjs.entry.js

@@ -502,9 +502,9 @@ const SwirlOptionListItem = class {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (index.h(index.Host, { key: '7c8908b57d34b0b2b3f653c95e0d2e0f51718e5d' }, index.h("div", { key: '43d37288ae18d491525a11bcca3e290a2cfe8032', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (index.h(index.Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, index.h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { key: '30033c6dc6a039513bd2af36d906d2b525a95342', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: '895240689aae388704b648d07e58084a5f8b519a', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (index.h("span", { key: '55be7b715077761e58a5858983567114b5792f3c', class: "option-list-item__checkbox" }, index.h("span", { key: 'def941684a7c545f67ee1ae7bbf28ab68a1d7eda', class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { key: '09b98b73dee9c9d56ef8d485099e008366db185c', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (index.h("span", { key: '27fc967fc1444071f0f2a836fc3a2279d2d29336', class: "option-list-item__checkbox-indeterminate-icon" }))))), index.h("span", { key: '2af33cf8bfecfdb469fc34e9d5cd7e6b50dbf934', class: "option-list-item__avatar" }, index.h("slot", { key: '20b173de4a6859f68d0fa5461b2834c56adab911', name: "avatar" })), index.h("span", { key: '422666ffc17ba76eb144bb051e4a556b415681b8', class: "option-list-item__label-container" }, index.h("span", { key: '6eccae90d8ac2b0bbf4352afa09505d41155ddb9', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { key: 'b3145c6e0b24b60ae80917fdbd74b6f776dcc0f4', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (index.h("span", { key: '6e9f153d01c83bdf5ed2ff6ec6263b2aa790b9c8', class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { key: 'f087458bf5ff0a5bfed119d72819f2c36bfdac1c', size: this.iconSize })))), this.allowDrag && (index.h("button", { key: '82c37e9d5a8bb8cf2406800e1fa31684234e2793', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, index.h("swirl-icon-drag-handle", { key: '8b61a793b26fd7573521e2064a9bd9fa8b8aa31d', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { key: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (index.h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, index.h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (index.h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), index.h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, index.h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), index.h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, index.h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (index.h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (index.h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -85,7 +85,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'b704ed67ac28dce5806c06cb25a07dd084c5548c' }, index.h("nav", { key: '2f28d2cd07d9f6bdc754391645e416bcb7c70a57', "aria-label": this.label, class: className }, index.h("ul", { key: '7ed5dce860b61314e2162e0cf0ad59ca70e3bacd', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'd89fdb1d02f3fb1545006185b8333fc46e5e5086', class: "pagination__list-item" }, index.h("label", { key: 'e346431a8a3c3fc4fe4ade7ae80840ab2562f7cb', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'dea7818337eea41ee40b9c0aa971020556b2734b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'c672c813cd313fe0d44a83e964e40ccf2e0b1b38', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '645590e84b94957f3f8e24ada246836ad930ca54', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '6e9d135be6206cf2aaaac8825394e33f6573ff3c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '80f4f41c6d945f81887e04f47564c583e6f683d2', class: "pagination__list-item" }, index.h("swirl-button", { key: '9955da23dea56f6e7ed30cd7f95739454ec7b89f', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'a1d3e6b188c72ae40aa6b84d2d7d1a06ba22726c', class: "pagination__list-item" }, index.h("swirl-button", { key: '9c0e5c0b0f8f8ef871bd223ed8b624d59752fe12', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '12502f89d5407005dbe5943ae55207c8651c0e46', class: "pagination__list-item" }, index.h("swirl-button", { key: 'acc9845b16a0ff100fd92958987ea6951c3b467d', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'cd5f32bed27caac1acd8794fddc2afb755cd6011', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e20a1e9c05f70a5a85380951611b13d661eeda87', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, index.h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, index.h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, index.h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, index.h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, index.h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, index.h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, index.h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss;

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

@@ -268,14 +268,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '4f10755f8ea2194df1216be108c62a5eadee177f', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '7a5a934c7d426e066ba49a41ac892bd972c0f1a1', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '50d4e3db731597dd3fc86a8279b38fd13f17f05e', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'dd0c724e26c4dd93884e09d6758e1f3fb49539fd', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '00631b4d7d7b5bd53321ff9f6e7418e05e9c1db2', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '448a6e0e07733d3ed02222f1790adce3a47518bf', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: 'f2e6dbe404dc87f9b6721e9a0641f8174bb7d831', class: "popover__handle" }), index.h("div", { key: 'a44861728b4b9753e9402d0e4bcdf2eed2e56420', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '1902a6592f0ac4ec42453a7927d25806f4c5f4a0', class: "popover__handle" }), index.h("div", { key: '90c219453a10953061e3c16771586003fd1b7e4a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'ce60bd11d96dd11f5b4609c2aeb61ba171a0e2dd' }))), this.active && (index.h("div", { key: '11bd10f7371dced09a822651d4e40031990f057a', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '0732e04a93fff46e674eb4e7ee544465385f5106' }))), this.active && (index.h("div", { key: 'c37c42d3d5addf1c71afa261a66ceeb905e4a5d0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-progress-indicator.cjs.entry.js

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: 'bb5d8f72c0508859efe7b5aa1f70a04b744ec9ac', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '52f125abfb13007839e19a629d0ecb6c4383d505', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '8d75ce1d8e8b81f8cb67837193372d8f4cb4a52b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '3d130ee42fcd66ee2c2414919619b89234f7acdf', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '7af0104695a52fbb23e98946ed0a19289e1e7f15', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'dabaabd787f1a908cf5bce6314035557972eb701', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '5c972cf283381694c5f826b3d4376a9d1320eda9', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'a509c26d292f6fb90d4fad353a99463e2897b6c6', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '80640e6a7c4c2e9e252f132733d4f266f3d98c9f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '290294d92cb1d850acff483e08466484cbf49c5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '17f5e4479d82e40db01892a4c0ac9f1464db1943', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '5f5495d0a913602bc07f30f1730c10400babda5e', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = swirlProgressIndicatorCss;

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

@@ -37,7 +37,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'a9453e2673f7f820a382879084aea75b281c8c78', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'f9026726399fc93ee93f79cbeb04cc05b7f7da78', class: className, htmlFor: this.inputId }, index.h("span", { key: '02336f11b0fdeb506165d6c5ed442ef86231d297', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '253822aa3238f2367a34242249af7a025e6ea25a' }, index.h("input", { key: 'fa05812fb02634ef5c9240a5afa266f8b5119f12', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '1163d4078c7b7bb1c32c916b44b4f06357e41bbd', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '5b3f18e8460b8fb1e6728c44807a6405b0a8a0d3', class: "radio__label-container" }, this.label && (index.h("span", { key: '42d4e1135074ad6f731ac4d2c9cc6fad8b9475c7', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '9f7b87dc34d068c1989c727cb9a799c2aabffb28', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'bda4ef9af1de44e62c71f53c159fbc10fc83860f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '1aa7de58db71627c34beab9f31f213e4bdeae2fd', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'b0000ea7edf5e98a787870acc4f1e01abfb9d899', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '2cc565289e6997e4a2158c3ea152a75320dfa478', class: className, htmlFor: this.inputId }, index.h("span", { key: '1b268a5e971aa8e14eb3624dce8e4d44cd953c28', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '8b9c46ff098f52847bc1943a45adc857fe3949da' }, index.h("input", { key: 'b0126814241ee92d86eaf922e3e84045a180d77c', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'd2a9ed9f66168706455d59fab4294820e4d5b519', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '1db782a2bd111cda28259a0fb4a391c1894552e8', class: "radio__label-container" }, this.label && (index.h("span", { key: '8730140f044782988c99ecd7d56878277d290f01', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '84bd3facc2187d840570eacaeae932702471807f', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '8279905d88e91a16fdb5ed45efcaff77984581b1', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'b752613cc50e424ec663b28ce903816ba1ca2f84', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss;

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

@@ -67,7 +67,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '384b347d93bb98e975996d7bf4b688761a245dbc' }, index.h("span", { key: '62324ece6125259b67522e29e370b5b2e03d0d5c', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '72d7d1b9765730dc2505fef124b3ff2e665ef1d5', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'a4f9d3b8acac13b64f7557b3b0fbf51dc28e76c2', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '1f76c00145cd188ecbf3ee167dc9a5d059aa457d', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '126c31d2be95fe6b02d8e141300fc741dc614dad' }))))));
+        return (index.h(index.Host, { key: 'e216f1ceab91479ead82c16cfff98bf770283eaa' }, index.h("span", { key: '1c3c59890559b3bd793535e750d62949f546b95d', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'bff7944f1495e354e76592c3edc6fb141818e8bf', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'b458db07bd80550509955b3d0a0b86be3605057b', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '9935ca91fdc1e011f041bb6c6e21c20e22770ab2', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'd5cdb40cf9ca592f5143df0dccad99b16368aa01' }))))));
     }
 };
 SwirlSearch.style = swirlSearchCss;

package/dist/cjs/swirl-shell-layout.cjs.entry.js

@@ -204,26 +204,26 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: 'c4bbbe65244770688b191edb01150bfcede3567e' }, index.h("div", { key: '4f901832fa3daa015dbb74d2e179483c715008a5', class: className }, index.h("header", { key: '3051466fb582f3bebfd5a4bbc7dcd39d2c3345ae', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'b5bafbe1e7ecedf974f23917ac41dcf338d74633', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '7977b86cedebadfbb13e11777714ebd6dc41aa79', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'be344e0aa627fe741742b5a57808c9d98a308e9b', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '54ef902bba983ce7068d3b751023e84ab30c1c44' }, index.h("div", { key: 'dd5314432ce8d62a647aa28997e8e61efd98bc1f', class: className }, index.h("header", { key: 'e1487247139d972b2879c0cbfaafef772f33fc17', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'c040f8de5979e46fa89b447882032808ee033490', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: 'bf0c32458459006c3b940f05af8259b097236ee1', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'ddce5cd5656bd160b300d653b50a938d9f79ba8b', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'fec6382e77c015684b1a46b37ec6884c397000c8', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '58dc8cc4ea2abd3bdf549ebab1a899252f1da209' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'e646b9bf34e31551faea74109ef817cd4aaa7024', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '33cd31e813fc5b2c45bc69af27bc0eeedf3dea9a' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '04be10b1a9ef5a6e56b2c7ae442652e490b20cd3', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '2cffb9a035cde4981011e3a0d6e7064aa93646f0', size: 20 }), index.h("swirl-visually-hidden", { key: 'd39c017b0a5101021e80af02e2849b101fbf1cb5' }, this.browserBackButtonLabel)), index.h("a", { key: 'cb36d4e75ad1fe6bb84ab206eee8285e52e33d34', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '1187560f03906a85aae2a7281bfd6ce2eeb6123a', size: 20 }), index.h("swirl-visually-hidden", { key: '4bdfa9d8697b411ee33023f333d02f9fbf8a5c93' }, this.browserForwardButtonLabel)), index.h("slot", { key: '6ac7976d5e44d6aec8119d8ed7e5a3d6b5ed9891', name: "left-header-tools" })), index.h("div", { key: '53c9768867bf751576e459f634f0f56b9535891f', class: "shell-layout__logo" }, index.h("slot", { key: '98006a11822ce9766fc9805a29e182614b9515b1', name: "logo" })), index.h("div", { key: 'eb5564e0782f61d56eec81c398809c7f442a6cbb', class: "shell-layout__header-right" }, index.h("slot", { key: 'd1f6e2efd94ee86f24654ab67f72ec332a49f129', name: "right-header-tools" }), index.h("button", { key: '4307378a83fbdf508917075b1d93b4f023727909', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '37f71e8b8653f50f9c4a0ac3b15dfe9e6fbb6fef', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'c8f928c58a07ce5b56e71f158d26796d69129d9f' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'de610d73f616d49a66863f1dff1f67136f95fe85', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'c09060ecac5eba5e60094ef75f1e42d403167a61', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'b78e6b63be453735d5585d021bc6d26a7b0a3ce6', size: 20 }), index.h("swirl-visually-hidden", { key: 'ef147b77322bf0f77d2a7823b3e56d93ea4b228c' }, this.browserBackButtonLabel)), index.h("a", { key: '53154965a40cf1e73a61d3e58f8efa1990f8c201', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '6ef031cef408294f30b4cfd23c50451034d1a0c5', size: 20 }), index.h("swirl-visually-hidden", { key: '415ad9a9f4c2eef9f1a36d1022566796b196eba7' }, this.browserForwardButtonLabel)), index.h("slot", { key: '088e3d9021d75ef40390a1cf6370841233d8beeb', name: "left-header-tools" })), index.h("div", { key: '096d637dec065f043ad05c29bf0128bbd9580603', class: "shell-layout__logo" }, index.h("slot", { key: 'd1463206a5fcd482d82e34eb7daceb1a1dc6823b', name: "logo" })), index.h("div", { key: '2a78db5a75fc39e584ac6cd91e9cfd27e7b498aa', class: "shell-layout__header-right" }, index.h("slot", { key: '1b642fe59aeecc33342d62b767624729251970d5', name: "right-header-tools" }), index.h("button", { key: 'a5478373c4b1a663d2b6839d758fbf4851777096', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '1844e2995d76761742786d5224548c45f3a5901b', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '70455c9a5de8916be10225be6305034d43a3f7b6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '18b06b543fdc60abebdf377b4405237e9cf049e4', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '850047c933e0e6cead60b6aa452ee67f2a893907', name: "avatar" }))), index.h("div", { key: '653f5dbb6f6f6a22d65edd289ffb5a6c5ff89667', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: 'f21c77519487d2a9f3b37bd2dc7c9ed293d568bc', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '1006de8593a28793fb2833c2b0f86b5d084cffbc', class: "shell-layout__mobile-header" }, index.h("slot", { key: '84a4b72385309d78cd8287ae9e47af0d083120b4', name: "mobile-logo" }), index.h("div", { key: '4b1a8cb31a6f9acf625929fc4d47a6fbfc778a66', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'dfb861cae64837a346d0b90177c63638c9bfbe4f', name: "mobile-header-tools" }), index.h("button", { key: 'e070351cc2eb6457d3dcdbfbc341332935bee7a3', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '7cae12be27d5440fa9697898081dac63fba6dc72', size: 20 }), index.h("swirl-visually-hidden", { key: 'a32e5c9a9198189fc07cfb20c0f743a342065ccd' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '1d0289bff380e64e08ea3a3b02f2e7fb59b22870', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '8fcd026def191081958e10bfe69ea82b382b87e2' }, index.h("span", { key: 'b52cecd8d004c5452c3b27bd0ab38dec89923506', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '93e56fc49e85d7c2000db67a86c72f5836babd0f', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '19227f752ca137299b8b2236d0f0b9b77ff05fec', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '13076dccef369f54f8cf077c261eaa1ec0f0e432', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '3e21580cb6daa0f74ba8a6208fc64930a5407798', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '26473b44207e560c4e0166bafa3b0af5b1579c68', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'c261b2d61fff60acc43a5ae098fda47987d1f6be', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: 'e3f050b07c70c696d5adb383f71c7898e0e74c73', name: "avatar" }))), index.h("div", { key: 'ccf1d47f195f83a54c18fbf334cc3310e8b53166', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: 'fdab711137286fd0390f60256b9c8913c801caf0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '3f77078094d8fa493e749e3b7c3a7e34388785ec', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'a7b2106cc1cb2ec7d172cf4ee851ce769ee6e3c0', name: "mobile-logo" }), index.h("div", { key: '1c138fa01ed9cc2a1192b146b2651b25eda19885', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '469556900f83474e38c3c930e66ed9e911c2315e', name: "mobile-header-tools" }), index.h("button", { key: '1910fe386f5d4a60c8a82ac3c2252a2ab8b031b9', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '702a296dd2e421d06e57ad3178cb61ac6b56127f', size: 20 }), index.h("swirl-visually-hidden", { key: '2403013ddc9a4b7105b6db109844e729df34b85a' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'a050d8fb86302fe877e283cf0f4fe41146704c3e', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '768ec8bc7c07f7ad8b5ee3d0533b4df59da847db' }, index.h("span", { key: 'd11d092ba13dd4b3854411c258ed5b7daa0171f7', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '1b45aceef0874ac46060cf7389648771ccf8604b', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: 'a2ff53abd5090da564d3ae89762540393ccae2af', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '06a61785d16faa79b0b13c27037f18e99936819f', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'ef4f7798262dd1e12c176f5908808b4592c40694', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: 'c959ca5245f97927c42fb6d10cb8f8ec21b1a5b6', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '50cab11a9a3e74e87b0b26cd27a2fb8622fa1a21', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '027837950b6052414265ee359cbf39763f09e05d', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'f0f353e909f854cbe464b23a6bd130e65ebdccfb', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '7c7dfb8526492a9268302f9e5c50557b9d6ccb6b', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: 'efa5a16a65c98057fd29e2fcd2d539c3e2b1aa1a', class: {
                 [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     this.secondaryNavView === "grid",
-            } }, index.h("slot", { key: '77c71c870690a1cee5f927e5fc2ef70bdb7769c1', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '614fb8b4591dc64daa652666f4025f1aff082e6b', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: 'a24ede70ecb6710b9f914ef708813e3875e36feb' })), index.h("aside", { key: '1640c22fec4c44066d83ba17e2ab27afccf67059', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '26711d68cb909db2e6f6d75cab736669e4039a5c', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'ad6cea366f92e24cd8df6fc9c3c8cda3eccf0c47', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '96dcc0e78b1a81241424d9c8a6fa1c9e28842c49', name: "sidebar-app-bar" })), index.h("div", { key: 'c26cd499d6d92b87b587a74738230ca7ea485464', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: 'e33c02c4d4aac5f91830548627e70bdf78f8b839', name: "sidebar" })))))));
+            } }, index.h("slot", { key: 'eeae8690a57ee1e000db2cf7ec35d902666f84e3', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '2ae88104d8dae27b7778e1f83197d9fe997eac97', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '860637b970dffe8997b3ac6aa24849433fb5dae5' })), index.h("aside", { key: 'e176ad54f85ad5014bcd2852c42c599be06b6c03', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '7ec48264e8b76f157a79736326dfb416df9d3d7c', class: "shell-layout__sidebar-body" }, index.h("div", { key: '8a8938d5b9983eb2608a8cf02300fb32e136e22a', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'f37d24a0ce619c92b4e401cbc5e1365d0f9f9571', name: "sidebar-app-bar" })), index.h("div", { key: '213177da65ea8caf8a5c71d411ec553997caf9d3', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: 'ce32bb5651e5adf6e3296f6553dd0927006a55e2', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js

@@ -60,9 +60,9 @@ const SwirlShellNavigationItem = class {
         const tooltipContent = this.description
             ? `${this.label} ${this.description}`
             : this.label;
-        return (index.h(index.Host, { key: '7666c4bcf35ea05f0e3b11902fa150e6a310f0e7' }, index.h("swirl-tooltip", { key: 'acff934660b0c3277469637bf849bf27bc1733b3', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '46c434606cdc2e4551f167897dd91ad3a9498c9a', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, index.h("span", { key: '16d6d25ce779e20d38f78342854cb0bf5592993a', class: "shell-navigation-item__icon" }, index.h("slot", { key: '03092970df08d979b34581b2ad14bc9dc6ee0cc8', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("div", { class: "shell-navigation-item__text-wrapper" }, index.h("span", { class: labelClassNames }, this.label), this.description && (index.h("span", { class: "shell-navigation-item__description" }, this.description))))) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), hasBadge && (index.h("span", { key: 'f36c6ad85a5e7fbfcdd2d474db884a033f212063', class: "shell-navigation-item__badge-wrapper" }, index.h("swirl-badge", { key: '90153dd5d2d9694ab77bb58b5fb513d7815246a5', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: '4b5e7dadf6c8673851f640c160d753883d987885' }, index.h("swirl-tooltip", { key: '1692f48d6defc2816989243ce177d32f95298887', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'd0bfaf35345c5838f385ace3ce521064813c230b', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, index.h("span", { key: 'f22872d76cf82473d6182d4f976ec78a876fc0de', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'b9bac1d5ce9af60eefdd47a0485ed55d9c76035e', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("div", { class: "shell-navigation-item__text-wrapper" }, index.h("span", { class: labelClassNames }, this.label), this.description && (index.h("span", { class: "shell-navigation-item__description" }, this.description))))) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), hasBadge && (index.h("span", { key: 'c9953b39fa7e8c8671a812f85108a43d4b202506', class: "shell-navigation-item__badge-wrapper" }, index.h("swirl-badge", { key: '62d11e8df50b5e7c82ee4f1900a4854d900560f1', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
-            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (index.h("swirl-tag", { key: 'e89796bc033fe189a308a65ba8a024a49905a663', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (index.h("swirl-badge", { key: '3707223794665584b9aa08cbe4638e08eb76569b', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
+            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (index.h("swirl-tag", { key: 'c168f08d681c9358359317147896ce50df5cfb5b', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (index.h("swirl-badge", { key: '269fe853f32a11f3db07079435d02e4580eb996d', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -15,7 +15,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = index$1.classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = index$1.classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (index.h(index.Host, { key: 'ca0055daa0d497a6308a25f26ff588b0e2c15e62' }, index.h("div", { key: '493b94e1cf3efed330660b960cca2ce4ee7d666f', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
+        return (index.h(index.Host, { key: 'a10a92b4f8df24f44fdb0e3bcd88c79d87fbcbff' }, index.h("div", { key: '93f93336f2260262b7035e3bfe727a1365ae16f1', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = swirlSkeletonTextCss;

package/dist/cjs/swirl-status-indicator.cjs.entry.js

@@ -11,7 +11,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '2f8369ea2519eea69ce69f621635e891f72d0ecc' }, index.h("div", { key: '67ba9066cffc2200b22357c7c35cb200ef8e7e76', class: className }, index.h("span", { key: '5ef43b53d420779528989428e91d8162eb2e4308', class: "status-indicator__dot" }), index.h("span", { key: '08602ca50a9c5773d767ffa991b387adfb7842ec', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: '41dfc98d88dcb82deaf62c580678f47cc4201155' }, index.h("div", { key: '96b1b3dd588d536d1727e3a1a3bbc023ce68d835', class: className }, index.h("span", { key: '9496a089d6be5990cb2964f5bd3908995b1e8bed', class: "status-indicator__dot" }), index.h("span", { key: '882f34bd6a6cb1812f9e4f62cb35aed21a017212', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = swirlStatusIndicatorCss;

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

@@ -32,9 +32,9 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '40184ad6f15536d27cfe85b2c06d4d0c7fabbade' }, index.h("label", { key: 'f3d13005d15ea8002cfb6c24dbe340717e846378', class: className, htmlFor: this.inputId }, index.h("span", { key: '6639940aee314a14577bc5ad84c16d618c51985d', class: "switch__control" }, index.h("swirl-visually-hidden", { key: 'cf2a8cab1d1c614c45942f7f7a607ddfa3fa8047' }, index.h("input", { key: 'd715bab138e9caafd2b30f07ff867c3b68df3dc7', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (index.h(index.Host, { key: '0184a03f354d0a1dde8ef2e4314d1466aa45fa7c' }, index.h("label", { key: '264a92b849b655fd7ad2d51529efb619c5ce40a3', class: className, htmlFor: this.inputId }, index.h("span", { key: '437681fc1072c4431ae0dcde683fe2db142e1103', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '34503aec9107d0dbe82c1172048aa1a83396dc1e' }, index.h("input", { key: 'b2d078664d35e3f037642c8865478707fdf3e7f6', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), index.h("span", { key: 'ec3e40970160b5df4c41df7407979b81a909ae95', "aria-hidden": "true", class: "switch__thumb" })), index.h("swirl-stack", { key: '585fb118f15044434e03f0f528dd283fae326d2f', class: "switch__content" }, this.label && !this.hideLabel && (index.h("span", { key: '78afbcaa56db50fffa27c409b0cd97bbd9e6d9a1', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: 'ccadba99b35f8a02d450bcc07a0ae0fa3603ed05' }, this.swirlAriaLabel || this.label)), this.description && (index.h("span", { key: '0e518058bba1c054b91c7e6ee37ade5263032519', class: "switch__description" }, this.description))))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), index.h("span", { key: '988d10b07dfbe72e6b7c2cf55dd841544e7c6e16', "aria-hidden": "true", class: "switch__thumb" })), index.h("swirl-stack", { key: 'cd6001d80e63b1e84fadfdba8719fd8d205027d0', class: "switch__content" }, this.label && !this.hideLabel && (index.h("span", { key: 'd6d776add33f4092571b33b48353eb8a7459983c', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: 'd648c431437ebc0167c56065dc4e0ea7fb96c4db' }, this.swirlAriaLabel || this.label)), this.description && (index.h("span", { key: '83d3537d6cf33cc92419f9e117fea4eb7cc2a878', class: "switch__description" }, this.description))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -63,7 +63,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '368847e399163f3d4f6eec1437f46233cbf1d16c' }, index.h("div", { key: '71cf8665ad8504c928fe192fff8c796f7f1bca08', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: '5ef8c8903864a9101f7092cadd0ba1837bfd07b0' }, index.h("div", { key: '8649fd672cf8066e640f5ef14fdb9a2b815f0f10', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

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

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

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

@@ -20,7 +20,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: '7b44381a58a3166a253085ad49e9dfd2c789a6cb', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'bbd36f836c804b7705a4734146d75b0947c60d0e' }, index.h("slot", { key: '31bd5ea3ad4241e3220982b3b6b09177b1797815' })), this.sortable && (index.h("span", { key: 'f1412c8cfee58866f449cb188a2def485af9066d', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'bb54544c676dcfb0f13f93354d6438a635fa028d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'cfb63e3e1edc6c6d99da43eed402b467f3ca7770', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: '148b9cd30b22f970e01be32b926323cab0565520', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '4b410cd2f6afc41b296678fbce8e820c3e2ea93e' }, index.h("slot", { key: '68d5575912abab56c1268aca6e4e251702772a1b' })), this.sortable && (index.h("span", { key: '621301715f82384c874519ea73d3c1d5c97f6d85', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '1615c073f5bf7e6a4531534edc40b39d52901163', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'e60037d0b7cee9a885700126b52ef49cb3707c09', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -580,7 +580,7 @@ const SwirlTable = class {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index$1.h(index$1.Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, index$1.h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, index$1.h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, index$1.h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), index$1.h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, index$1.h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, index$1.h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), index$1.h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), index$1.h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, index$1.h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (index$1.h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index$1.h(index$1.Host, { key: 'e8e26be172fd960a27b50a6f922a5f30ebca740d' }, index$1.h("div", { key: '456bbf4e46a794c5977a91118b55461a143f942d', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: 'ad2e5199871a890e066f89dfe58d264a026408c1' }, index$1.h("span", { key: 'a9e7dc975e69159e6fd18845037ba33666d3f9b1', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: '9f9ccb292b3d0a3fa22dacf2996cca5c650d3cb2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: '71f20c04d802a6bf3fdf1cc9d688ee0d81906ba1', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: 'cbc0091eb12536e4c63da439a8d55f399a880a6c' }, index$1.h("div", { key: '9c4db060db4014b8f8ffc4f07c87bc98c87f9b7b', id: "caption" }, this.caption))), index$1.h("div", { key: 'aa6deac1fc190819984f573d032a6365b4a356e7', role: "rowgroup" }, index$1.h("div", { key: '9cc8865772ec5e98d8ac2308580d779046395604', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, index$1.h("slot", { key: '334b7a3830f6312e9f7386005c7ce299018ba968', name: "columns" }))), index$1.h("div", { key: 'bdeeab1f818c24776efe9740c9caed3584eb5ef8', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: '2297c9ed8af8df509ae00658d4e05b3b115ced95', name: "rows" }), index$1.h("div", { key: '2ff715819bc2eeb7ac0b96b339497a2d3f475645', class: "table__empty-row", role: "row" }, index$1.h("div", { key: 'f2550204f8fa4fbbc2a40094cc7b3529fa221a14', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("slot", { key: '58e3ef4a1ac4e92b5e0b238630dc39f464ba803e', name: "empty" }), !hasEmptyStateSlotAssignment && (index$1.h("swirl-text", { key: '3052cd1849759fdfcd692cb0530b565ddc365815', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -39,7 +39,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '09fa2403c719f7c4044d2bc6eda7afea33233a94' }, index.h("span", { key: 'decc4c2a2e4b49243ef685a6b4f6d1c256bc3fb7', class: className, part: "tag" }, this.icon && (index.h("span", { key: '8459722f419b6cf188e3fd3819e1c2bf0a9ccdd1', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'e0655a8e813d13493eddcbccb2ffb6a744f64194', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '82255cd05fed4b137fdd35d7fd6ae035fa804c67', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'eae9d9d7a8062c2d13f38db2f3279f7d9e221c78', size: 16 }))))));
+        return (index.h(index.Host, { key: 'f51cb74eb358b045c153d6fc27824575363a604f' }, index.h("span", { key: 'fb015e48a19f9b05c0ec1cbf5608f190b7d08757', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'bd9f60baf34bec57f244da9b499d79922292cd88', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '8b3b266c177a47a4147a7925f5e514104c570f1f', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '5b35b8bcc59396e5e732c7108b4dd49f11dfb297', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '187c45887abfeb6be86308ae6bd5963ea8d99849', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index$1.h(index$1.Host, { key: 'aa4bbe2225008cecb2c6ec9e53806effd2626f0b' }, index$1.h(Tag, { key: '15f3601f4f4ccbe31ffee21899d7b6d2295404be', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: 'cb88abe9577c046dae4cec6b6f0dd5c22f5d6df4' }))));
+        return (index$1.h(index$1.Host, { key: '72ae83c8442c8f7584114ae0364e84538795db4c' }, index$1.h(Tag, { key: '9305a6fc5d8c976040eb4c59322e746a1f7c6b2b', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '7b8410b15bd9e776c58d6b92c7e65d1fc6984bf1' }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -45,7 +45,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '33639d97045b322e83d7818be564938d0ef2f454', role: "status" }, index.h("swirl-stack", { key: 'c254ba18da06539ce00e29a00d68fb46a01b74cc', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '0c8f2f92549542bfd53336138f5d6a4e9ce21dd3', role: "status" }, index.h("swirl-stack", { key: 'e6d420aa0444ca7f24c269616dda30d2508214d9', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -54,7 +54,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '92b07a92a62e8693ffd2abdc1ca83e60262e5907' }, index.h("div", { key: '48977e170f216559fd794fab9c037dd869a57473', class: className }, this.icon && (index.h("span", { key: '1eef8cd7425a9ccc528c922028083a393ee8bb39', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '6ee9428f35c9883867d3113a98dfc74460b7ecb0', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '3b5bcf7ec248d35f98baf208c0a875b0eed2e14d' })), index.h("button", { key: 'cbc93ee269ee75998b60953eb05bd09908ad83eb', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'b85ed80ab495089f57d490f6382101af5c6f520b', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '1d90e266e746ba5baf37e1b9934bf7b62a2b76dd' }, index.h("div", { key: 'c08523f0cc5776fd07849b5218fd7f6a19ae23aa', class: className }, this.icon && (index.h("span", { key: '90cdbca501d150947101b30d2c44db8a6a4546d5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '58c13071b3b6b97ac97cc3549034e993c0681390', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e5767ef37b95dbd7eba122da95e7c601e4a4ed31' })), index.h("button", { key: 'd51d3fe6dc59d4c0f98415e6c283112febc8f49f', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '58e922172f142b49891b4335b25fe3c71d8cdac6', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toggle-group.cjs.entry.js

@@ -62,7 +62,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: '6f19ea5f25220a966b38c746a67cea37d53ab1df', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '768a4e08bb2634680ac7497e009bf3bd4aa97f88', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: 'f822695f41e9028f839e871e567f22f0b163b2c7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '1492fc481cf2eb0d957dc8353f09f75fd341fe79', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {