@getflip/swirl-components 0.285.0 → 0.286.0

package/dist/esm/swirl-app-layout_5.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery, d as debounce, i as isMobileViewport, f as prefersReducedMotion } from './utils-fbb8b494.js';
 import { S as Sortable } from './sortable.esm-8c3d5856.js';
@@ -347,14 +347,14 @@ const SwirlAppLayout = class {
             "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: 'e4098dcdd2f208b1dd2fce4fa4239c5115610fae' }, h("section", { key: '74d1b87b9cc1f3444dbd0d4f9f9438691b6a038f', "aria-labelledby": "app-name", class: className }, h("div", { key: 'ba69ff7c4ca1304e68681f21538fc51293557d66', class: "app-layout__grid" }, h("header", { key: '2d0cf6c6c14f4e5cc65f80e29ed83da677298d91', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'ad33a7a8bbcf159a339500af5dfb1fdbcec832bb', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '6430dddd996413590a4a44c1f8b10605e2846e15', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'bb382dd6ed579a103df8d2db491704e50f46e989', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: '33b7c62a2929be9f5faed27e6bb382a03860909e', hideLabel: true, icon: this.navExpansionState !== "expanded"
+        return (h(Host, { key: '6ecc40ce75a553155a68b0745a6e60b4f2b3708f' }, h("section", { key: 'af7797588e0fde39764ab8214e61c75aaf89cfe1', "aria-labelledby": "app-name", class: className }, h("div", { key: '987264b968313a9a33e79c862e8b41f3c36f778f', class: "app-layout__grid" }, h("header", { key: 'd7e57a83f373f722271f07d84f07ebe1fdfa9a8a', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'c9229ebfac14bb9a4f31c40eaed007026fef603c', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '62e423f89b2d80e2aeab629822014362a5f5807d', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'e0cb00b70c6385d01fa7304cfa1e8d842e89beb3', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: 'e7942691b237be46f7c5b08f77880c13a2a302f5', hideLabel: true, icon: this.navExpansionState !== "expanded"
                 ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>"
-                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: '6a949d43a362498d9b0dd9b833b4ff6da672f551', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: '8e94dc58d62a8acd872830f939c56d60ac80dfe6', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '2d5b82a5179556db32cdf8af3a1803e89fe7295d', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: 'c6870ca94e78496a41c7d6cb2bfe8adcb97b7fee', class: "app-layout__navigation-controls" }, h("slot", { key: '265797c583cf51b061f883a66522a61478ff543f', name: "navigation-controls" })))), h("nav", { key: '07b5b0e935513aab2e09f43a185abbc37829dc2a', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
+                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'd2b359d9d695a99f758699cb61b9731616cc5ae1', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: '8441e59724620b73146895d54542f699a22c35cd', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '9dc4ac2355a32292d40e1f326ad8b8b95080b56d', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '77e150c323290bee296b7747ee940e0c3bedee4a', class: "app-layout__navigation-controls" }, h("slot", { key: '8cd86420650529d632d3f83e25f8c80e2acc6022', name: "navigation-controls" })))), h("nav", { key: 'c3b93be1c802b940c2f7e877e2ed1f463123c378', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
                 this.collapsibleNavigation &&
-                this.navExpansionState === "collapsed" }, h("slot", { key: '7d41b776a7d30606a2a4f6bf9432507d3215c724', name: "navigation" })), h("section", { key: 'c62375fecbad605fdd6c8a989e1df595c8b9b53b', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '32bccc6df13d9c18bae6ffd3aa1321fba2adf681', class: "app-layout__app-bar" }, h("span", { key: '7761897c9f493da17376c38a90cc22e7770d7f7b', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '78436397b99689627a11f0a7b0b80ef79c7faf50', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '9503fe9dcb32ad8ac71132c9065305e471b3566a', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: '1e4ba308c482b3b9c8aefaf04bd8e42d3599f228', hideLabel: true, icon: this.transitionStyle === "dialog"
+                this.navExpansionState === "collapsed" }, h("slot", { key: 'd6a22b90ee21847cd22fec51d874b1428942bd61', name: "navigation" })), h("section", { key: 'b88c64d74bb2534ff424d7f3794181cfde17eb2c', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '51163ecb84407e968f78089bb22a99daeaaf269b', class: "app-layout__app-bar" }, h("span", { key: 'a89226ec4b5c8c69568158dc08461f151a254a14', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '6c0d79c4830d75136e54068321b4e5b541470cf0', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '320948753c656a79e71936b4de8e5b51b87e03d9', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: 'eb6d1f309242d6019ee2e0e071c1a6586135c07f', hideLabel: true, icon: this.transitionStyle === "dialog"
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.collapsibleNavigation &&
-            this.navExpansionState !== "expanded" && (h("span", { key: 'b2e67d86af90a03ce4e592b8c05344c3b0bd3bb7', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '900b525ab072ef7c2118ea4df022948e86d86441', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: '90e02383bd578c0ac5c4e71565c017d45da2e8ca', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '3dd9e2e8fff75b7df3c62904d129d7da833338b4', name: "custom-app-bar-back-button" })), h("div", { key: '5c47928c8c160efd11e8ba065aee682139c31909', class: "app-layout__app-bar-content" }, h("slot", { key: '595bb77fa075c7c93a1c01cce9f8646085271a71', name: "app-bar" })), h("div", { key: 'c38221c515655f0ea29b99130ceed886ba9a8346', class: "app-layout__app-bar-controls" }, h("slot", { key: 'cdeb2c4c92b528e7668b0ca75c8a6d9909586139', name: "app-bar-controls" })))), h("div", { key: '4451d20caf3c9bf625481bcb69339161f3ce59fd', class: "app-layout__banner" }, h("slot", { key: '55cdf9dc49401cdbf108429f5b88eabfb0a5a8fd', name: "banner" })), h("div", { key: 'bdfaed66354fb98f0261e6c1471acb42288d4a1f', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '61e27fdad1c8d00ef4784b9710f63f96fa6a1f7c', name: "content" })), h("div", { key: 'e2664aab92aac1ca42c4ae6214f0a0639c851dbc', class: "app-layout__bottom-bar" }, h("slot", { key: 'e8ed7aa1b4db87c99c04342a5a92592cc7558457', name: "bottom-bar" }))), h("aside", { key: 'd54e38fc2a6572fd906c2dc29fed83f393165c5e', class: "app-layout__sidebar" }, h("header", { key: 'e9d8da24a7a66e0c5603c7b3e596c61e0f37f485', class: "app-layout__custom-sidebar-header" }, h("slot", { key: '4c9eef2c7776fb17e2b6a0ef29c191e1b01e1210', name: "custom-sidebar-header" })), h("header", { key: '0fbabae4205fcf10719c09b91137eb9976570f42', class: "app-layout__sidebar-header" }, h("swirl-button", { key: '429a029aaf97c70501607e290d33a21851f5387a', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: 'c97527b8045a638d4a8ac6353b76412141495bae', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '98586801b5d898ded16c86930098d2c465f0f5b5', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'b9143060027fecaf71539b82148debb484e444e2', name: "sidebar" }))), h("span", { key: '65a9d8644e838ec685f6ed5733c185b991bc8ecb', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '478178ad5bf08c07a71bbb9c861374b7dc0019a4', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '5e00f2a754c8da6cb395c11347b4ae85f6d5ce3d', name: "floating-action-button" }))))));
+            this.navExpansionState !== "expanded" && (h("span", { key: '4d7f01de584fd6fd4dc8407af6dc968724bfcdb8', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '15a5c8bd78ac1b109ddb0949cf69244ae41d3900', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: 'd63c412b4ccf0428d417680c3c806de43d7acfca', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '270c3efca63bdf06b93e1defebc883d53ba3391b', name: "custom-app-bar-back-button" })), h("div", { key: '0c550e11e751a1b8d2087c662ec9c15963ad684e', class: "app-layout__app-bar-content" }, h("slot", { key: '984272347565d4b3043a3d467af1bc18099ce69a', name: "app-bar" })), h("div", { key: '955a810e5b8eb78d98460869fdd620e4d1938d3a', class: "app-layout__app-bar-controls" }, h("slot", { key: '821d02306c8e70b8b89562079e40b839c9dfae4e', name: "app-bar-controls" })))), h("div", { key: 'c6da60f1ef567e34727f0d67327330a2e9c2aa36', class: "app-layout__banner" }, h("slot", { key: 'a729e318c6de2eefd2c963155d826d0879f1d663', name: "banner" })), h("div", { key: '7b8c7a9cb400174cef52e7c8fffdb14be5e34260', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '22d1bb04bcb05723f65973ae64d7e4d401d4cc6f', name: "content" })), h("div", { key: '7ed6075864710943a424e51985a9710ce7c89efd', class: "app-layout__bottom-bar" }, h("slot", { key: '1b9c4c30f69e86c1324ea3f1fccef4884af7acc3', name: "bottom-bar" }))), h("aside", { key: '0ff3195bd3033562704f6c4bac449e01d37d9e0f', class: "app-layout__sidebar" }, h("header", { key: 'e22f2f2d02e38673c4173337eaa6f16e3e79c7a1', class: "app-layout__custom-sidebar-header" }, h("slot", { key: '34458e91090e415bfe92ccf5286864a6c5a424e5', name: "custom-sidebar-header" })), h("header", { key: '981e497873e44a6575d27bc3255bcc50816e861f', class: "app-layout__sidebar-header" }, h("swirl-button", { key: 'f2e2aa0e042cc3b10510a04ae25910cba508c459', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: 'c1c76e420e5041d6e3facc61438d05f25b397836', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '7f29f7c8eb440562135ae0618b982c9229008c77', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'd04d989f5cc28a6843f514e1839089b11be15472', name: "sidebar" }))), h("span", { key: 'd82c7e67f1a82e4840b707bf2e5358f33f04e120', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '3a0e0c130307c174650ea50e73aa01fc99559615', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '59e97c933d122437a298b469af220e50e50aca39', name: "floating-action-button" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -379,7 +379,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '8becb02ddf6e3e043ba384e056de71c13545d036' }, h("div", { key: '7a511a2457ff47a5ea44700e0ed9549022bf1453', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '11bb21e501b0b855b5b50cb2f4d1d1e8ea0220a7', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'af3a8630e5d4e1b5bbf9a67a9f74f67e5bf437ba', class: "empty-state__slotted-illustration" }, h("slot", { key: 'b4db76ca43634c3b1e4af93781173045bb10defb', name: "illustration" })), h("div", { key: '0efd049c96f16b92e5737d579913224e99bee842', class: "empty-state__body" }, h("swirl-stack", { key: '669e9bc20ed0e45bb9a27ee0809633ffa5e9b25f', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '35cdca5a1d6b1eb7a5f78d59aba5df899b4c9015', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'f2751dca22e26a8bb672c23437d1a5ad1d6eaa05', class: "empty-state__content" }, h("swirl-text", { key: '2a6bf30e9e5f0fcfc239f7cf054d4618f5a7cda4', align: "center", color: "subdued" }, h("slot", { key: 'b2b8728069c1bd95641d1a268e7f726f89669c63' })))), h("div", { key: '2696f4371826d93e79cd8569c5bf294c6d607bdd', class: "empty-state__controls" }, h("slot", { key: '46b25adcedf0a05b7ddfc7e634d0cb9e23d71f53', name: "controls" }))))));
+        return (h(Host, { key: '6bfc54d84f45480a5b54736763f147c2b7fb7f7f' }, h("div", { key: '4a4fa841cabf67c3a6d8e33924821f7d7cb71efb', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '14b1f1d7670cdbb98f0519a1a9ca5250c8674942', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '265b51870b0baf971ae883201b9e8c91272f3e5d', class: "empty-state__slotted-illustration" }, h("slot", { key: '4ff434e86a95ef5f2eb8780dd6af4b07cd277044', name: "illustration" })), h("div", { key: 'e76e06dff72c76a9ee3ad82ea50d9dffd3c92e43', class: "empty-state__body" }, h("swirl-stack", { key: '640f0bbfc929d259034ba56b163ffe0d2668de55', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '617eb955f35ed844abd71b5edd72e4197c5dbf63', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '9d25561e40f954711e8241cf1acc8dedfab81362', class: "empty-state__content" }, h("swirl-text", { key: '31a111081b467af164755021d1521692f2aaa108', align: "center", color: "subdued" }, h("slot", { key: 'cf37b1da356651ce2aca52d1ad653f0bfdb0fa44' })))), h("div", { key: '21a53fc474e0fb5f9b74836b81e09c1042b97635', class: "empty-state__controls" }, h("slot", { key: '84d8519b5e69894b1f2162fef80c4e7ce0513e9c', name: "controls" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -400,7 +400,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '44ef97daded02a1174875c4d77d68581d6b6b2e4', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'd06e91f970cfb3ea0f8f14ee1da86ff7df3dad94' }, h("path", { key: '91ad486c88217b828ec4b0ffd263baa3e7b0ef42', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '41ce7990d2baf24ae399f104ee08fbc426104c23' }, h("path", { key: 'd18eb70d8d70d305261e3696dba45b3d08f051d9', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'efdf9df484dbe6f31fe2102ab2dfa249bc40e48e' }, h("path", { key: '4fd2e43f4f3502c2993d356ed47480638fa1e840', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'dd61d0673ce3fd89c292b5605aef4ed252a7ba8d', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '331b81d2a635d7885ebb114536395cc5f1df322a' }, h("path", { key: '0eefa569cce03cbbe44811c30a1b47920d7907c9', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '966034831634f52e6330f065e68c83e93b4c3dee' }, h("path", { key: 'a82e22567168186716ccd8c608557ed6327ce818', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ea112049b2f9d941395c2233e21d6ae8e996137b' }, h("path", { key: '5975c3b8a5cdfa6b063dcd0e006902905c20d8a0', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
 };
 SwirlIconFolderShared.style = SwirlIconFolderSharedStyle0;
@@ -658,7 +658,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (h(Host, { key: '24ef8717e06eaa5e2c8dff08d50bd8c7582b89af', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '4ea549d10ec775e1851efc2a86c101f99fb094a8', role: "alert" }, this.assistiveText), h("swirl-box", { key: '5c40504ad7d017f9271db414d065b3d4fc756e53', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '3a913c951fef4f788536068ce572f2131d203322', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859' })))));
+        return (h(Host, { key: 'b829d882a0389d7795d3055286a28c98609a61a8', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '7b0b44f4292f766a90f2e8c5aed9239a58797e98', role: "alert" }, this.assistiveText), h("swirl-box", { key: '92e9416067806de8ef2604dd6b370dc62fa69a6c', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'd7fcfeeec899efce5cf7f3854abd10c86dce1f11', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '0b659d70063658be470c269bc72a3c2c0d8d3455' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -820,7 +820,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: 'ee71a35a51909f48b6481e88902952de6c551d5d', role: "row" }, h("div", { key: '52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc', class: className, role: "gridcell" }, h(Tag, { key: '4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '8c748b14176c0da6263e6609f218c4e02996a744', class: "resource-list-item__media" }, h("slot", { key: '9126fbb711cec2f4179f0ad051ecfc2c91af018c', name: "media" }))), h("span", { key: 'f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ebcaa12a4655cb2615f798806b721d53ba3a18ca', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'b64963c940cfa8b0d309929e6c77485363611313', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0', class: "resource-list-item__meta" }, h("span", { key: '2c939bf964eaa4b1fdcd43a48c67cf5da6755485', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '21216b62f38fd1031bad7d07746db1c595d01be9', class: "resource-list-item__badges" }, h("slot", { key: '7c30e294778db39c7ead121948fce77a940a2f9c', name: "badges" }))))), this.selectable && (h("span", { key: '3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '81ee8c5911ba9d23ac29d6ea9568b404a163a9dd', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '8aded72608b52bfedccc1d9889c5322b967825ba' }))))), h("span", { key: '08f435f707be1eff4276daede7f9bc8dea0a9eef', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '9a8d921b73538b651d1877d3f960349b85121162', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '1f99dfc95d71205f7c171f7bdc4346eeb563227c', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '5683928a73c254aad8a55cc709b669dcd54ad2df', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '8aa0c74b94c6b2ad083d2289cc099db67d5114ab', size: this.iconSize })))));
+        return (h(Host, { key: 'fc15e85b085941445aa3a2a7d71ccdd0ea6af19c', role: "row" }, h("div", { key: 'a0553e63ce1299e5a62057ca9f1990ec9671ed77', class: className, role: "gridcell" }, h(Tag, { key: '9f4014a9ccd2a7ac4bcd68e01bdd1768422d609e', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'b02811e97da3b6a5dc9f787272b8227c6207c687', class: "resource-list-item__media" }, h("slot", { key: 'f4d86546da5d2cfca9c228fef25d991ac260948d', name: "media" }))), h("span", { key: '2355aca510e6951620e1ea34da2eef27d2a207a4', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'fb39dda628c00db225bf1ee452bf0a166db1de8d', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'a916f5124b9c8ff2e6b601280a3175f1349e939f', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '73258750157de4e94d14e4956782c8cf83555db0', class: "resource-list-item__meta" }, h("span", { key: 'c29f3b509061f2e40dcebf71a8f13897c6092fa2', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f7ed8f082b3ef7804650ce8c86adc5911cabfe7c', class: "resource-list-item__badges" }, h("slot", { key: '9dfeb082eec0328d2e08027a6c723b280dbc1a19', name: "badges" }))))), this.selectable && (h("span", { key: 'e857a822d88fd2d01559bc8c35eaf96cdd77488e', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'c98486bf0496467b27e7c6633b00105846cb84a3', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'b5b256bc8bde87f39a620510f7b547daab125ac0' }))))), h("span", { key: 'b029706236061019e32aa417dfcdc33811a9b559', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '68ff8e77665fedf97a235ae23533ee362ad48163', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '961689dbb84882471844552db3b6253123ded392', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '2cd065fc916c630ce66ccc75ceac6b71f745ee0d', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'aea77ee92742ffe9059496a8e67949e4c92f5f2d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '3c6a964e10d9bf676fac8ad3d75ea366088c0d83', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-autocomplete.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-bef21834.js';
 import { c as classnames } from './index-267776a4.js';
 import { d as debounce } from './utils-fbb8b494.js';
@@ -206,17 +206,17 @@ const SwirlAutocomplete = class {
         const className = classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (h(Host, { key: '35803245ee554c6f4d3ead9f87a1cdf73343007f' }, h("div", { key: '0237472750287689c060557515ffcf6d208c2a6e', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (h(Host, { key: '6ac4eb7a1f520ca9292004fb07da32ada3268808' }, h("div", { key: '4a5d55d90fa0ab8387f67b30dca24225c577b32f', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (h("div", { key: 'e06650357d144482792cb5a78ced14a49f77df6c', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '2b93f17cae1e7d2683d41eb4da28beb9fd9c378e', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (h("div", { key: 'a22265baff3265c999a162647c2216ea5cb1969e', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '5619bc2bd934857c663efd58c91b9eaaf0207e63', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), h("swirl-text-input", { key: 'fe61f1a45792f11098c08c9a519c7286288c3ff2', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: '13c30246e60759e39e6f86b95286673d096e7724', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), h("swirl-text-input", { key: 'a691e9b3aa419b8bdf3a0927d4ae171ada91aecf', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'd6d85b173b4b889422deed9d26b2a3edd2558383', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (h("div", { key: 'eb4fef11c6eedb9b5aa04ea9275f80d1249bad28', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '8dd45fb707d886f01bcb8b7036a30fa6af4c0918' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '95db25769911dcc9876eb94730adeb092844d97d', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (h("div", { key: '61d3b7a03a79c66c7dbb8885ff3a95d57badc19f', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '666f366558c17cb9d57fdc36ddaf95862706d04c' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: 'db951c479c16b6fe1ead86e5c46de0431237937f', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

package/dist/esm/swirl-avatar-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, h, H as Host } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
@@ -27,7 +27,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '5b386bdc0c753d8ef01cbb733643a60e96ab89fe' }, h("div", { key: 'd3e47d6670ac21c8d202b76dbde2861f6bcaf57a', class: className, role: "group" }, h("slot", { key: 'a81602480b721dcd9b90b8c36c5f795d7a5d6463' }), this.badge && (h("span", { key: '224ac43404406dbcd768b812fc6940514b9ea36f', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '8b1974dc2a231ee1de52209f9e5ae412f0f8011d' }, h("div", { key: 'bae70688b047700541351d086a730cea828265e4', class: className, role: "group" }, h("slot", { key: '49eaf6ad73bc4aaefdae4c2b453449e34496085c' }), this.badge && (h("span", { key: 'ffbd195fd9b470ad199e5ca3526b6d8457fa70a0', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

package/dist/esm/swirl-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem;font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem;font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}";
@@ -106,7 +106,7 @@ const SwirlAvatar = class {
         });
         const badgeClassName = classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (h(Host, { key: '58a018fec9dcb72f391e50040a6b4e6b4559751e', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: 'f44174ddb46d74bdeea62dd6f81846913c46b8ad', class: className, part: "avatar" }, showImage && (h("span", { key: '1ed67acba8ab9f7c154c7e6647c15dd991db55e1', class: "avatar__image" }, h("img", { key: '4efe8dcf0fa3c5a0aab5c0ec53ea09be8c49bccf', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: 'b8e05f3d8cefe38da0c24fb9fef0f215cff01f1d', class: "avatar__initials" }, h("span", { key: 'e57114e2cacf55923020e6fda9ad16bb6eecc887' }, this.initials))), showIcon && h("span", { key: 'd1d9ee462bf6574cf98f991b6b963d51963dfa3b', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: 'a7dfe378cb3f824094bfd59ce3c49bcbd3c3ded6', class: "avatar__icon" }, h("swirl-icon-person", { key: '162e29ddddd261833c31d679d4169fd056461ad1' }))), showBadge && (h("span", { key: '82a4f2a24fe237de8722e39a2a43030d24c7bf0f', class: badgeClassName, innerHTML: this.badge })), h("span", { key: 'aebe16ddb21e9ab756168a15d0e0478bc9c7fdd6', class: toolClassName }, h("slot", { key: '207a5c9b2b59e9e6dd4c424a5e8c968a5973b904', name: "tool" }))), this.showLabel && (h("span", { key: '5c76d712a42ef23ac0603e4c9268b57b621e4c1b', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (h(Host, { key: '15278a114f52a9f68d0bf7f1f6fa30e7fa937649', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: 'e31108d3217700983679b19317768f2de000f4cd', class: className, part: "avatar" }, showImage && (h("span", { key: '004a6eb9195d75aa32097aeb8324910ea2b03579', class: "avatar__image" }, h("img", { key: '27249340a3715ba3440ab6d0687457d9a41a38e2', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '4d1545a4fdda13d56727a4fd66ffe7835d9a8745', class: "avatar__initials" }, h("span", { key: '0b2b97fc6403d2f8cedbef447838b1e7d88a21a6' }, this.initials))), showIcon && h("span", { key: '53c2ecde366fa25580a9c68fdf1c9648a48ce7d1', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '14a9f49eaf1085146ed32777bf198a506d29ea47', class: "avatar__icon" }, h("swirl-icon-person", { key: 'e252ae666d81bb9854e0285e5b2ad029151a5cec' }))), showBadge && (h("span", { key: '69bbc5582ebdccc744a88f03a201899056a25b54', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '929ebb5406c2c2fa2ab5ff7717f20ba0a15e35f2', class: toolClassName }, h("slot", { key: 'bd2d4989f989ac54c08b23ff18297a728d4eb9cb', name: "tool" }))), this.showLabel && (h("span", { key: '39d12f1d8e5a480e2c4bd51907198d224f6b2cc0', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlBadgeCss = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}";
@@ -17,7 +17,7 @@ const SwirlBadge = class {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: '06a07667ccb9474de7010dfc31c2119d651bb476', role: "status" }, h("span", { key: 'e677f471ca17db30f0fb63c53b4b175f1bb23082', class: className, part: "badge" }, this.icon && h("span", { key: '8773650b811868a363f29b63d35b890bbc97baf7', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: '7ec199a85eb07c43407da840c5b1964c86291e00', role: "status" }, h("span", { key: 'a7304947718959455a295168b5a3923d619c035d', class: className, part: "badge" }, this.icon && h("span", { key: 'e9c1845f11ee7f0f3f74d2bf9158b28bed1cb0ed', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
 };
 SwirlBadge.style = SwirlBadgeStyle0;

package/dist/esm/swirl-banner.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-fbb8b494.js';
 
@@ -60,7 +60,7 @@ const SwirlBanner = class {
         const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: '59ad8b46103af68b01514dffb4a8ffc3f7366135' }, h("div", { key: 'e7a44b513cc0e362187b7972bbe30370b9789b1d', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '4465f6f6ab0afe3231e25a52192a9f56d5756efe', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '4aa59545611d08217a0edb767ee34f5d7fc2e18b', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '91ee916917e08fd7d19277740a63c6efa2493910', class: "banner__text" }, this.content)), showControls && (h("div", { key: '49b0b4c1f8b83e60e033fd3729c1591f3ba961bc', class: "banner__controls" }, this.actionLabel && (h("button", { key: '3642186b3c70e2a2a2fef4ec21ab3cda77d345c6', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: 'a09f723ea799b686f0e06baeeb87590a1b60f1fa', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: 'caaba0ff27439dd72e1efd50178a253e496abd4d' }))))))));
+        return (h(Host, { key: 'fcbf3df259fdc2f6a1a87a9156f87c576a28bda8' }, h("div", { key: 'eb8cff02af80842164c9f4b9867e4c684fc76825', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'd114781c6d652f7bf1ef575cc5d357e7962eb9b8', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '01ac20daad7dd1452bb8325e6b619c7697f4800e', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b5614f90d8ce542046a9f7caceeeb117a2770d20', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'a05e4bed3bf3fb3982a89dd71b2feb335fcb9322', class: "banner__controls" }, this.actionLabel && (h("button", { key: '3f0b7a87f1fdcb5efd3ac0dc6d4ef7101ae21013', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '5ce2751d784bdc4d0839924cd38d6105329088bf', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '4ee74722160180d6cf5371f5f009f3f423b08bf6' }))))))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/swirl-box.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlBoxCss = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";
@@ -116,7 +116,7 @@ const SwirlBox = class {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: '22989d7972a37c53b50f879639bff0581214d528', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '8628bb4a2474579564e1352967b8e4c48026c906' })));
+        return (h(Host, { key: '31f4331552b01e796f7923ebc8a302a97cc499df', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '1b8c8c79e009617e311203b6d004a7e4e25bd211' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-button-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, h, H as Host } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlButtonGroupCss = ":host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:\"\";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent=\"primary\"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled=\"false\"][intent=\"primary\"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}";
@@ -18,11 +18,11 @@ const SwirlButtonGroup = class {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '663df05c0ea2f6abeb84e5e8d505d86182b8db03' }, h("swirl-stack", { key: '24b8bfa87aedd82c415c09ef003ba5fcfc77d65a', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: 'a32468ae01627af933623c22b640fa3f50b4d068' }, h("swirl-stack", { key: '1b2951f02b3171bc556dbb7e24b9fefefe74a791', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '06f198d3ec7d7a064a074358ba446fdc66595f0b' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: 'ced53e457fce3021ec5a1bcca7099b709e6d52df' }))));
     }
 };
 SwirlButtonGroup.style = SwirlButtonGroupStyle0;

package/dist/esm/swirl-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-fbb8b494.js';
 
@@ -96,9 +96,9 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '9f7e6331c399db3c4bfd13decb2122be60e5e065', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '859b6ac29de2c34bb8d83195f15204e533e6def2', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
+        return (h(Host, { key: '67c5602db91b6efe4a7218dff1357b9a0dbb05ce', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '5ccb8f4d84207fedef3e99d3109ba46e75c6179f', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
                 ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (h("span", { key: '5c7f0e5a64b7a340f2150f389f20cd9316b187aa', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'd6a785644558af85728463ae5a91a0356597f234', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'fc0967d404034583af2e3de17f466cd16bb7a9b0', name: "icon" }))), !hideLabel && h("span", { key: 'adffba35ce4ab6113dbdcf9250d288f5ee0755d2', class: "button__label" }, this.label), hasTag && (h("span", { key: 'e9fd1d4ab56df41b7c20b54fd830735571273f4d', class: "button__tag" }, h("slot", { key: 'b102bba403ef8ec9f380fca6153ba242d789e0f0', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: '8136de46e80e1ece4412b21a91d80387b1beffe3', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'f5b65971de71a8cec64e65a9e8f32457b3ff7935', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'f5772e810bf6c0525f6f09c004b68cb473ed9a3c', name: "icon" }))), !hideLabel && h("span", { key: 'e8af5f9bb49bcf10cb72540fe3d953612d33851e', class: "button__label" }, this.label), hasTag && (h("span", { key: '58839bee6bf483cc383c8051f59cc8dd25e496a8', class: "button__tag" }, h("slot", { key: 'fd6b3171b0ecf275e15e333524edf980e0517860', name: "tag" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlCardCss = ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
@@ -85,9 +85,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '4d6f94076fcdb889d3ce746039607d59be1cd2b8', styles: { height: this.height } }, h(Tag, { key: 'e90f4f6e05f6bce9dc7529e994ac20b78288075f', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '4f3f5a5071de38d0e5e61db11f7ffae8ca1c73e7', styles: { height: this.height } }, h(Tag, { key: 'bf957c91919f3465f467fc18167e1c34dee5e310', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'b807d3babd972a8fe3ea78cf09f85a9ba3ef0c60', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '50785ca3afed12023065baf6f2a6a11d0fc694b2', name: "image" })), h("div", { key: '9cfb96ea5290cbb124c830bb3fb9b24db8d22764', class: "card__body", style: bodyStyles }, h("div", { key: 'b499e82609144d547db7ac0c3a9155d2f5c2edd5', class: "card__content" }, h("slot", { key: '5de143023d98501f3c98c319223aab370d42c46f', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'fd3c0ab76e5710e1a36b5d637a49b49913c2eec4', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '07be5fcc88f997b3f857dce8654be2bae6793723', name: "image" })), h("div", { key: 'ae0dd7f377ed5d2dd4701824c7cd0d22a63359e5', class: "card__body", style: bodyStyles }, h("div", { key: '716fd0468a3864bde4b67f6f2921ca04f8ce56b6', class: "card__content" }, h("slot", { key: '988e0aabbbe450703688a2fdb71a91103bed7484', name: "content" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-carousel-slide.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, h, H as Host } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlCarouselSlideCss = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}";
@@ -15,7 +15,7 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '1e818397fe4302ceaba585b537c123317307452d', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '0dfc63ca13321615bb5b3295e767c9e4ed82bac2' })));
+        return (h(Host, { key: '98ebeeaf4beb6d66cc8bb360a2119f9db6bc1e36', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '5b88284bf48d0ca280696c1033e2344fc01f151f' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

package/dist/esm/swirl-carousel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { d as debounce } from './utils-fbb8b494.js';
 import { c as classnames } from './index-267776a4.js';
 
@@ -143,7 +143,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '7a23607d98ec5bc759fdcae7ba70df9a6940f187', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '1223f0cd4acd6556cce428276f2664201bddbad0', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '86a5e0b334e7bff828bb2477cf912d54b9489f2e', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '794a310026cec6b9203a99207e2aa4e732ff9e01', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '98179d7a5467375248823e59e5f8d1f080d5b39c', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '0ff0113a8d91b2366b517da4ef9d9219062d32b0', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'dc282887cedadc493fda9f71fd249cb62a0efd3f', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'f48fab6833ba11a2493513b8b2fbfd28c5c62339', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'fdeb6ff51115359928fbce0d58c7c74ec0bb606a', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '5a73745fb749bf9bbc5d1a8f511c2da0cccf26f1', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '247e8f2b15b9d37159f0a7faaca86db851310a18', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '16d4b9884689f40d72a912466b0579042941b4b6', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlCheckboxCss = ".sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:\"\";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
@@ -51,7 +51,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: '3f791853cc40f9cea14b696c97a7e0ffcbe83b2f', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '5343b2eb0c188c8bba2ac717d62de26711b29aa3', class: className, htmlFor: this.inputId }, h("span", { key: '0e3c767e4cf73aa2daddfb574f48a24f8753bc32', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '518d7373a43419fb06b5f4a5cee587bfe469ff89' }, h("input", { key: '389abda596f18256d386f233e6472bd3e091f63a', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: 'c3ea514dbc59eb64e8e9f58f8d66c9460e09fc12', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '03f2234bf274c734f1ddcd30e3e7fcb03f7c0e9e', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '3676909668e487ad3eced64ca05aef2617e6c99a' }), indeterminate && (h("span", { key: '8b114f66464a5c125888ad3571993b71a4c51a6b', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '5d28ddb318680a3373d4ca771c972ff223d38b25', class: "checkbox__label-container" }, this.label && h("span", { key: '4baefd6cb705a6b9181c4e3c5653016f2713d653', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '4beba68c4124354bcb15251332bf25c666787b9d', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: '47e2bb1334f5370dc6733ce92e24c9561339077a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '80abed84bb07d0a3949ab6619654653010d0fb97', class: className, htmlFor: this.inputId }, h("span", { key: '4be8a5ea2485614530f48930f01601ea69b8e429', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '951b2431cb4b257b874a1398cd098572afef818c' }, h("input", { key: '3b9c896b18c5ab5566274d1651822fdd73a8716d', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '240669d2a046ad4a233654e882ac7aafe7bd6cbf', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'e58d952cf7e5f8bda65d74e4ea99f98b30c55ab9', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '761aadd9c03b94f134c90f0b05f1feaf49aa8f89' }), indeterminate && (h("span", { key: '3c9042575b66be70f1f727425bd85c21e33e8377', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'b5b9b877597a083a847e8fea977da5373eb85471', class: "checkbox__label-container" }, this.label && h("span", { key: '25eaf96669b412282e6805b42635c7630eb0c1ac', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '2cf8b31a6d1d4860fb01cfce2421d5b0535ca45e', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;

package/dist/esm/swirl-chip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-fbb8b494.js';
 
@@ -53,7 +53,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: 'be1a929a9efe4fe6a6fee27f08218063ac03a8ba' }, h(Tag, { key: '2c816c3c7ba603c3c403947d9e2f043ea00c4061', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'e570bc840be98fd23d6ff46517115e1ea6e1a111', class: "chip__inner" }, showAvatar && (h("span", { key: '18e721ec9c55170f398e2b9d2df0be97a54626a4', class: "chip__avatar" }, h("slot", { key: '952ae3c808156b4a3f9d53e45d00af33d8f1d070', name: "avatar" }))), showIcon && (h("span", { key: '179d91ff81b35f53469f8f5816b73b7fe324f744', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'fa57586bd59ebd9c9722f3bbf64c5c37ab1ab5e6', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '4f15b8329caa1ff0de30812340c1ef6efead3797', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '5e349c092244b2aae8b33e485aa8794e22745a2a', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '94d8906bbef7392a08326f0e6ab6c63c98b6979d', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'd2ebf4e2cb3ad637ccd42fdefc4ce1d2e4b27950', size: 20 })))));
+        return (h(Host, { key: 'bf343033f4413d195c6746338678f0f7e8a8f766' }, h(Tag, { key: '97b2f2ee1db67797a6d7d56aa1b6729d62cc14b4', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'ba597b789fdcc9e459050b07689486d21927a9b4', class: "chip__inner" }, showAvatar && (h("span", { key: '78fa63d15badf26266d233b70e32efd028b1df74', class: "chip__avatar" }, h("slot", { key: '0a556db41ea252ec2b8bd6a4b68da0013e853d16', name: "avatar" }))), showIcon && (h("span", { key: 'd6c90653278a472e4028060b2ff8755201869bfe', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'da2bb584ec8c7f9fb746aefc5ff43aca3828526d', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'e3d994faad82dd035ff6e2081c22852c6011ca42', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'd0eddd986b078dc4e549940e0b781d0c07541697', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '8ad96165e26097e8e9da65d54fc335ebdcc0a842', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'b916f233e0329a7f0bf36241deff78f1624f9818', size: 20 })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-color-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-100ca867.js';
 import { c as classnames } from './index-267776a4.js';
 import { v as v4 } from './v4-23648a96.js';
 
@@ -454,11 +454,11 @@ const SwirlColorInput = class {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '9c6c2ae8eea70b1c7a3d655966f01eb10fa02126' }, h("div", { key: '9e9952887c16d3b416c733ce3f4b296f1a20bd84', class: className }, h("input", { key: '11f9f1059e8d0794b977d9de4092d3a663088c95', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'e1eaf6acc5216eac9720e49b0da4db3ed3d44263', swirlPopover: this.pickerId }, h("button", { key: '2835b722d009daf3018de69061a67274f6cf66a0', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '67685139e5a399b98a884c57f0579f77e1f341ee' }, h("div", { key: '2f328355e40b143f77ae167797796db63f2c1397', class: className }, h("input", { key: '9da66032dc78c6b4bf132fe8241a1339f5f94505', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '3195f52afae359d25c04d9353ddc56bd9aa941df', swirlPopover: this.pickerId }, h("button", { key: '3fc16c5ea5097dcc27e05f27d6f23445aeaa53fb', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'bc1d9f94ef65a8307e6e006f013d9a354576cbe7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'd2e9af494473cfdc2031f77d39e4fa3c5fffb2ae', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'd90d1d25866639f722abd765de86985d865931f0', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'bbbaa4331db5f67a8a413e3b11cf7ab47cd1f428', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'ca52b4563f99c98a8a1989185fc0995a5b821f18', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'a1b2c59033fbb4c80b6d98289176f646c14a4a14', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/esm/swirl-columns.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
+import { r as registerInstance, h, H as Host } from './index-100ca867.js';
 
 const swirlColumnsCss = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}";
 const SwirlColumnsStyle0 = swirlColumnsCss;
@@ -10,10 +10,10 @@ const SwirlColumns = class {
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: '513552bd948ca6af6ce0514800f01150fa81aaea' }, h("div", { key: 'fd74ac26cfe66fc07aaa27ba5d54ffab58e1631a', class: "columns", style: {
+        return (h(Host, { key: 'f95ec95c66e777fc5f3ba9ea7383f6292fa8edbc' }, h("div", { key: '49f32dedc864c768b62076e8d46a254e7be3f4ac', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '72c0008f8f6c08239659b779794455864f7f7b08' }))));
+            } }, h("slot", { key: '0d6094db0d7f4e6b5ebfd3a88fe802ad3a562ff6' }))));
     }
 };
 SwirlColumns.style = SwirlColumnsStyle0;