@getflip/swirl-components 0.289.0 → 0.291.0

package/dist/esm/swirl-app-layout_5.entry.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: '2192bf3336762dea743265d083becd45482eedbf' }, h("section", { key: '3f8a980332d4f0ff89cb8b54731d06e2ed6923b5', "aria-labelledby": "app-name", class: className }, h("div", { key: '5b4efbeacb72bd6854e13b60017f16b49c7d3470', class: "app-layout__grid" }, h("header", { key: '496182fbe63fb76e8039079c7efc2a77f2c2f7be', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'aa33206028b8895027099dbb0ae1a702e132e039', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '58b240a3dfa39c69700f68b4c9a149077e48bead', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'a3e6c91b9f57424f46c9bf9ba7550328552a26ce', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: '37b5cbee5f7207cd453471eba7d071bd7693bed5', hideLabel: true, icon: this.navExpansionState !== "expanded"
+        return (h(Host, { key: 'bd1757d198f8e629b2e9754b47c30ebe5dc419a9' }, h("section", { key: '28b25940f98881967f1b39fabec35a839751159c', "aria-labelledby": "app-name", class: className }, h("div", { key: '52a19dc00ab90f4d0b774f84501e3eece9b4f42e', class: "app-layout__grid" }, h("header", { key: '820a3e03ad0c622e73df292141e78ffc5196f968', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'b3706641288a68f18319f0e4e5ba3ef47d6f398c', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: 'e5cacf0ebf353dd1760ef0b7dc124b0160554b12', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: '1e5e367858b4ae2ff731d96c9274c2dc580f47aa', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: '50d53650575d35d0fa744371e4b1b66b8c34632f', 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: '1b76d9241b88495dba00de2e6fb98926ee1d2861', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: '51b1e6a6accad4a4173034e12e5aef256fd4d4af', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '3aa52779b10916a02cb8af0ac538311a11752f9a', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '1d182d4371456b494ade1f9f076706879a198231', class: "app-layout__navigation-controls" }, h("slot", { key: '85b394015a62588dc44374b6a4950e2118529f4e', name: "navigation-controls" })))), h("nav", { key: '6992a88da55541eb067e905de93c8bc1a093b04b', "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: 'c7ee551266b168aac662963dba75667cf201a48e', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: '448cbde3919cdd986b7b49933d6afa8e96646db6', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '3c467742d3c0f80fe5aa56987c868a3b4e253988', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '80c04d971369df12490ae87d86664622aeb601b7', class: "app-layout__navigation-controls" }, h("slot", { key: '8e732928e682abe5eef49fc22614907f0fec0a91', name: "navigation-controls" })))), h("nav", { key: '71c3dc8235d56ce5c9cbfa5b701e020a735d6a22', "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: '68d20399402968c86fa57320274c5f047bd1ca7b', name: "navigation" })), h("section", { key: '52d59e9636b4ab053b0908bf990b73f48e6b5947', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '333ed1a7c47c50ca54c5cd50172aa3b7971913b3', class: "app-layout__app-bar" }, h("span", { key: '0c7fd56eb217ed64e3dd6308c88c71f97bae167f', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '5839a57d6e77288c0195a788e9a869e65063c465', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '0840f9bb0c1c1a40360e7a7b376498b2dd81a94f', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: 'e92ab3c9702c9121861996bf051ed972cbcf1af7', hideLabel: true, icon: this.transitionStyle === "dialog"
+                this.navExpansionState === "collapsed" }, h("slot", { key: 'f6a8b3b5bf48ca9a00017f907c7e1e4c245a129e', name: "navigation" })), h("section", { key: 'e44e1e6b08465e000378c80339b11680a1a8e725', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '3e0019dd933bc095980a871010a8723ebf95c89d', class: "app-layout__app-bar" }, h("span", { key: '1d2437a685cbba57563aa942c6dea4f5dc7ad728', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: 'a6f8147d45b2cc9aa877cb549f2e52e47a02975b', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '7678ad0057afab1ec8845940271a5e19d659c976', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: '920ad1ff5b75f93179c4bf07ab56f3d042dd58ba', 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: '710f1bb3eabe05a6242399d7eafd75b888a5804d', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: 'f563b708831eb84fac2837c282b4b4b1425acea7', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: '12571f31a669a614acfd32f7454d84d461607bb2', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: 'f7ff9464709e45343e507348182e381fe6ea384e', name: "custom-app-bar-back-button" })), h("div", { key: 'a666f10d9164da4ab09cd004b60e482e0a97e073', class: "app-layout__app-bar-content" }, h("slot", { key: 'ed2f67119740628b3728edc3667a187080e57c5e', name: "app-bar" })), h("div", { key: '2b6e269d6f7336e3c63f3682faa1a315c345649d', class: "app-layout__app-bar-controls" }, h("slot", { key: '8b156da7c2adfd5fa9d40053a07338a1480434b1', name: "app-bar-controls" })))), h("div", { key: '0b4579d78afefd3b85b90d0cef8707e778744ffa', class: "app-layout__banner" }, h("slot", { key: '689ccbd5956315c652b3ce5324983c0e8c6c7f82', name: "banner" })), h("div", { key: '10797e673aa548b3e3891f6ac52ba3192af4a0b3', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '7e7a12ce18cf8253aa2635cca54cefeb67ca739b', name: "content" })), h("div", { key: 'f72168b8c94062f8308ebd3b057200f8e573dd0a', class: "app-layout__bottom-bar" }, h("slot", { key: '01c84573749948a602bea15202a421e9207f2406', name: "bottom-bar" }))), h("aside", { key: '98fc39d9398c704382c9eda5ff8ecd480f560458', class: "app-layout__sidebar" }, h("header", { key: '51d7d5da2a7c49a2b7f2e40075439b7c67528fd6', class: "app-layout__custom-sidebar-header" }, h("slot", { key: '3118ca488b32ff7a41a257d81bb0bcaee0223b8d', name: "custom-sidebar-header" })), h("header", { key: '22ce181e892eaf567682756c22091ec67fa79a6e', class: "app-layout__sidebar-header" }, h("swirl-button", { key: 'dd49fc0e2b3eb997250cf74b10b87eb0f7a3361c', 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: '3b9efe7bc6f5fdb423860806387843790c4d81f6', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: 'd251b48e76f0b4439f2de573cdd99fc22e98d141', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'ff32199befe85da72ba7f135ab2e14979f714183', name: "sidebar" }))), h("span", { key: 'b523374e50d55d49ae969d9dba0664b4c3d16229', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '6cd1a016a4ddff57117e55acf16e348f310ed4a4', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: 'db7051c0e81d62907746be98d713771e27cb0326', name: "floating-action-button" }))))));
+            this.navExpansionState !== "expanded" && (h("span", { key: '4356a054ba73b43ab719983f5e28f08618187c87', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '0dcc0b5175f72e651e9ba8fc54343bb8b10f044b', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: 'c409377d66e5d9653c3a4edacd00a7d1c36d41d8', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '19f1249cca6eb3d297c1bfb5c1237adf0563615d', name: "custom-app-bar-back-button" })), h("div", { key: '4d8ffb803fd1d60aeedc3abb27c2b587126b0809', class: "app-layout__app-bar-content" }, h("slot", { key: 'aa9769d6902c0dcea2873ed874d9efd39bcfdccb', name: "app-bar" })), h("div", { key: '87956c0906c878a60ba38a32ddd84b62e64c341d', class: "app-layout__app-bar-controls" }, h("slot", { key: 'de90973e95f87d557659269036fe3ba2ff841514', name: "app-bar-controls" })))), h("div", { key: '9092cbe26316ae42d16271d12ca0e22dba5f1d2d', class: "app-layout__banner" }, h("slot", { key: '442bba275cb42942e1f0910d9c02dda2a9af682f', name: "banner" })), h("div", { key: '924a188b2bbe99a0e75c70f1c7f5625995f1a099', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '94d6c1a191484f78595cc39eab5ff8229603d75d', name: "content" })), h("div", { key: '7c6aea10fad5a2852e7dd7c1faf2537e561ca7f7', class: "app-layout__bottom-bar" }, h("slot", { key: '425f8d91ec4c6970224cb8384ffa40c5f3242bec', name: "bottom-bar" }))), h("aside", { key: '7849759ec39060fa137dba9b466211568cd0746a', class: "app-layout__sidebar" }, h("header", { key: 'aaa9d7aaf245afee95d5b10bbe6cdd0fc3b0467f', class: "app-layout__custom-sidebar-header" }, h("slot", { key: '9d215a803a91fe07e6f819a19ee44ff87e279fe4', name: "custom-sidebar-header" })), h("header", { key: '4c148f600be258693004721d74cfeacce295a54b', class: "app-layout__sidebar-header" }, h("swirl-button", { key: 'f4b0155f52a24d448fe3215d765bd5c6984f100e', 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: '69992a92cd4ec148de847b7235ec35b50d28beae', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: 'efba1faaebfc7fe100b0d53a1c5a5de79f5b7a29', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'f297a2f2db5bdafd7a88d7fea6fec50b8bac8e75', name: "sidebar" }))), h("span", { key: '4e87773e33eacaa27710a018e9f07803dc267ae9', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '704b7695fd2ece0c20f971f158e04cec95ffdb4f', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: 'a4c4bcfb8f498c7c6b878016ca84a29c7443c3d1', 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: '6fd342665b5b403286eac3941f1cd7728bc95399' }, h("div", { key: '5041edc31be2635f851fe8e4e2a29f07854ecdf6', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'db0325e5facde952517650a9fa266dee594122ca', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '1cb27589bb93cba13a248be90623bf81d64b75c6', class: "empty-state__slotted-illustration" }, h("slot", { key: 'e7f556576a4394e96d89a2b81645ad99533be933', name: "illustration" })), h("div", { key: 'f09590b2bcdc46eaa089511897ce308c3d62254d', class: "empty-state__body" }, h("swirl-stack", { key: '3edbed259af55f7d5ec6b4d5b5e5d9420f2f1cbb', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ea37ca571cb1ebc4d116dfb19a647a89c041c11d', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '85223085648ed2989214785503f79eb4a6f947b0', class: "empty-state__content" }, h("swirl-text", { key: 'fce26928b3651f56dd4bb9a37e86b9a17903a5c4', align: "center", color: "subdued" }, h("slot", { key: 'e888f6679cb8a44ba80d69b5ec9db699d70ebdd0' })))), h("div", { key: '6143252588db52a4c6354a3a34cf689d8518824c', class: "empty-state__controls" }, h("slot", { key: 'bdbd8a067023afa7ec8f8b351b71f11bb88bf547', name: "controls" }))))));
+        return (h(Host, { key: '2d08744e37b4b88ca9e26aab4cdb8fb2bbc1180e' }, h("div", { key: 'ea04c59e605482c692544d1cc0d4aef067b8f6a3', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '8962c0b15ea5feebe37b8fa95bbfcc97b0694021', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '3664c87b27a5f478296d340ab42770ad5ed2393a', class: "empty-state__slotted-illustration" }, h("slot", { key: '228289165b52b299a36fd2b344148d45b7a58ef9', name: "illustration" })), h("div", { key: '0a8127b3e40384a3e48c8c1c2d871d88b3da34a0', class: "empty-state__body" }, h("swirl-stack", { key: 'f6b79940f462b2f624d2d8aea1c8d68218552b07', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'c344a88a43b5d9790410d7a2d43ee478b3ad9bd5', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'f9acf0f57a4920f711ffdc8fcf29dff01a9d6e93', class: "empty-state__content" }, h("swirl-text", { key: '450e250246304af3c6ddc65c5727281139ee899e', align: "center", color: "subdued" }, h("slot", { key: '9022393031eb9f02cd14738036055e6d3fb377b5' })))), h("div", { key: '11fc901a1a058aaaaed091bf389a7acdd7fa718d', class: "empty-state__controls" }, h("slot", { key: '3b7c38bcba36202e7400b14fd1b319956fd47b7f', 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: '9989ae58d7e8a4d9230398d33373fa1a4cb85c07', "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: '0e18c632aa5f131b05fb7a805d8d947d48545643' }, h("path", { key: '6882c9ede67ae3bc9889a1cf779ec485970d3475', 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: '3b7b3bf040634c3179b33a2862397ca3decec95e' }, h("path", { key: '231c4c49a37aaf522fef798e330c753cf619e9e7', 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: 'a965db082edfd4fc0430a0f4d6711cd81ada0850' }, h("path", { key: '7bf44fe5bdad3b8b84f1d0d0d8968c06bdec6bbb', 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: '55bb51106a680b343d6dd45305a65077f35eaad5', "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: 'bc0cfa02c18d0ff6ca6bd71cec4ded391e36de19' }, h("path", { key: '8446d56b115041e9cfb41b6a280706f6f51d8258', 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: '29595a04114b2df00149cee5cb0f905a5adeafb4' }, h("path", { key: '5ba598d54f55097927a52cc96e4d9a16b0f7a286', 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: '7a9442c4ae09c9cb0346d37ec30868f412a259e2' }, h("path", { key: '07e22603f84370604daeca70fdf95b27f630cc97', 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: '07a472a8a7bcb02703c483c0ad755d9d787acb5c', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'f14c34e2922d82431f0de15aea599d9c61d0a195', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f58048586f6f46a678db400bf3e3ed9af21b38b0', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'ead6286f509dc5874e3492624a79f0c9ec1a6879', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'fdf20fb257cfc1df4e8c307a4368acfa13bc06ad' })))));
+        return (h(Host, { key: '4cd41feaa0fab2a69c43de32881533f520359a7b', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '55538c459210bb9281152f6fa8e21d6cba62c9cd', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f3d95f5490135a8f7193de152e47b26b388b18cb', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'b93bde4df8eb4ef510ade10f79ab4d889a76c869', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '6541da553614f9bef63defa80bac7f1c09634a8f' })))));
     }
     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: '157d4fc9cba405bb31a8cb05407427afbefebb51', role: "row" }, h("div", { key: '55163da3bb7467cb2e55b22649c857ebba8cf3bb', class: className, role: "gridcell" }, h(Tag, { key: 'f72a323c58fd8dd2a02ecfa773f438e25e20aa19', "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: 'e0daee03791106cb35b354f83ca66f1b434f8dc7', class: "resource-list-item__media" }, h("slot", { key: '8b2812557c5778cc77e1e224dbfc58a8365202c4', name: "media" }))), h("span", { key: 'debf86b9b7b5df6e944cb9e62bf61626ca469f21', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'dffbea7a465e5c0bf7fd6c5410e83daddfb3acea', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'fb12e69166e4981e643a7c10709138a349fed78d', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'b086cca27c69ed8d7410b274fa5132e5a0ff2fa5', class: "resource-list-item__meta" }, h("span", { key: '5adda4d904035658783411cb568b20560ad670fc', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'acd7b96926d0922728990a4867bbf1dae4785249', class: "resource-list-item__badges" }, h("slot", { key: 'b1d5013e66c771f77112044663d664456e01d833', name: "badges" }))))), this.selectable && (h("span", { key: 'a35df9328d978ded4b10b7c72fd33642ab9994c4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '89a4ffe0830737606c4899d8b1d80ca586aaf351', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'f3df832b9f0beca06f9bd1e1e9628de20ae96f0a' }))))), h("span", { key: '01fa67e1edbe005dc754dd4a4d008dc0246c2b85', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '6716e77c8ad2654684c306f33102be7c52f25eea', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '2c56ac7fbf140c1a917e2dac77fb127b391a2d5d', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '0d0803fedb6400d80b31500faffb2f0a24cbabb2', "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: 'b266295b821e8610e977d00123bb0e38d20d034f', "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: '0a42e8696eee548149f46812ae0bc567613bf512', size: this.iconSize })))));
+        return (h(Host, { key: '7c3727e575c439016f3e6314fb5d79d0bd7d2dda', role: "row" }, h("div", { key: '4486d6577fa788bb8f671759420ff12e77b24f66', class: className, role: "gridcell" }, h(Tag, { key: 'a3bf05f7fa4fe509146837d05f400bc17daa5bdd', "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: 'af870be611f49c6e348a1b430151f95c19f8c496', class: "resource-list-item__media" }, h("slot", { key: 'ea3c6b5f11a250048b6c8ea52c9c2bb6ede3b29f', name: "media" }))), h("span", { key: '7bd7d1a99cd3a5f80a1c929c259a2e126703fc95', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '038c5455274425f9575acbf60404f4db4818b3df', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '55614a1622ff9842ca5f86039d934e5d53c56013', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '4dc92b028c90e063ec496df92fbbf80cb719c9ca', class: "resource-list-item__meta" }, h("span", { key: 'b46d417de54c42f75242073536589639ae1b9ac6', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'b854fc14310a71e8cb5c3963e86931102bf8fa7a', class: "resource-list-item__badges" }, h("slot", { key: 'aef0eeb8e22d8ec2c0542bc64ea77d297c0b2d3d', name: "badges" }))))), this.selectable && (h("span", { key: 'ac5354735f79e8666dc0ba4df9833c89e648e8ca', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'cb4bbe9e59b1c90511be462c677da77413fc5deb', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '226a415d0952bcb312b0a55dd2273384647bf0a2' }))))), h("span", { key: '6846d89e7117d20b5da76a00a580e8cc8f36aad9', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '7a80dded933aa50df431edfbc637cd3a182d3555', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'c579ff5be6c2b87d1ea8529677e4d057093789ed', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'c22194969bc25e2fff3659df00a2febaefaf3beb', "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: 'f71d67b4ad6cde17a65aa74799ac7a1a86dae838', "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: '33690fcb9458b98b8879eeb7a724fd72a002d35a', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -206,17 +206,17 @@ const SwirlAutocomplete = class {
         const className = classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (h(Host, { key: '7ccdc5bbc34c0b67dd4bc43558672bfcaa925370' }, h("div", { key: '5db7afde57cedcd7f2f76cf3d3bf41ea3d1121f7', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (h(Host, { key: '58eeefcb57a5715a133f49b6cc147862402fda63' }, h("div", { key: '7dc51102fd166c185a5f6927b13e001eba0399d8', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (h("div", { key: '99b003b46ce6aca813468233ec46b9746afd5863', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: 'ad3f43e26a3ee67ffc1fa4a980d8a8a412f89787', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (h("div", { key: 'cdf129384b1551bf4a5dab9a95fb2a62c4f2538d', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '4cf38354d4c4a5cea92f37bfaa6a6f9adc81834f', 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: 'b81c39bc6b02321f9ec1da7510e1ff5fefacf6eb', 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: 'e78b9b6e1179036e2c6133fab4e88e929450ba26', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), h("swirl-text-input", { key: '615bcb83a20ddf04af8e452a6f0c5bbccc957c0a', 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: 'a7b788178aa3d66047833cd8b349d3c402901b7f', 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: '464609dbec26c61919d20b617afc2c8b2bb2a1ae', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '57467b10cf6732da9d3e913994cad372cfc4bdbe' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '2e377e61b4dc64f51d48f73f4f92ffee8fc5816e', 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: 'd4c81fd79ce26e5929ab0cf9f271d855c96c0b41', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '3931c2a99a601c738dbb33112a70a62183e1a455' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: 'acf7cfc83b7ed1f3900196e35b8b3e7e533fc029', 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

@@ -27,7 +27,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'b002259b0fc555dd7c6d88e81be0b47eb990397d' }, h("div", { key: '3ebd30115f4866b87d995015f0e16bda6dbb4ad5', class: className, role: "group" }, h("slot", { key: '806e160bf43e964c3ac05db900b62d0bf420a903' }), this.badge && (h("span", { key: 'e40106fa24b4751600ac71bfcb4e1ebf338e2fc8', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '78018239a1c8f9278ef5a8abfd2dbc311b76c825' }, h("div", { key: '94ade5b8ac0c59495932de68c674a168574d1d18', class: className, role: "group" }, h("slot", { key: '935d17128ed1a22965d69cd3ce08f5a2b672c5f7' }), this.badge && (h("span", { key: '622c34ba05bb395f49c21406c7652e678c49189c', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

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

@@ -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: '56ebefc98134484870d719fda35e05d311716032', "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: 'd6a8354aeb6d7e8ae7a01de79f66fc481d0627ed', class: className, part: "avatar" }, showImage && (h("span", { key: '212b277b9361c2935a4a937cda716bbd5f79afa6', class: "avatar__image" }, h("img", { key: 'd037a0e2ee08c7a324383ca075be9fa21e1bfbeb', 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: '08f7d449924aa06a5429668cdc8ca1b9aff81212', class: "avatar__initials" }, h("span", { key: '96c8725ee16bc7334675c44541aea46a50670bb4' }, this.initials))), showIcon && h("span", { key: '0e1794e27361d8b5a1c52fd604fd9e7d037ffbdb', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: 'ab06d6de3e3a501d66f4584ecc36179158c145a6', class: "avatar__icon" }, h("swirl-icon-person", { key: 'ba5d839ad1e4f6229ecd9dcef13d7150407dcc65' }))), showBadge && (h("span", { key: '956fad51793775322e5b608ea4226029ebe21d78', class: badgeClassName, innerHTML: this.badge })), h("span", { key: 'ea68303bb71630ef8e08985a45ecddb6102e1e04', class: toolClassName }, h("slot", { key: 'ae8b5bddf5231b0ea69fae465d73485affa9f430', name: "tool" }))), this.showLabel && (h("span", { key: '40236aaed6670ed3359ee656837d54b54323a0a8', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (h(Host, { key: '728b1c63a1b2a83f38a22c7aabc7281cf87181cc', "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: '4653cdc720fbfa7e04ff92b204c266c46c9d1f09', class: className, part: "avatar" }, showImage && (h("span", { key: '6a742f467537cb5098ea514ec57f766afea784cc', class: "avatar__image" }, h("img", { key: '3d42bc8cd849bafbd523536e5a9daf36194416cb', 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: 'ba8b221b627b68d0104cdb9e9aeaa7efcddbb8bc', class: "avatar__initials" }, h("span", { key: 'ed96f4a5f63fe453aef0d9833955404bd80930b5' }, this.initials))), showIcon && h("span", { key: '61952863d9cac6fcd3246cacacab6fa56c18ea8c', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: 'e827fc7897548ff5231e27d1687cec451b260ec8', class: "avatar__icon" }, h("swirl-icon-person", { key: 'f32fbe68cd752e18c9805ce58f55401db0b52bf8' }))), showBadge && (h("span", { key: '39452f2011d57ee16ed2fda13e851ecd1246cdc4', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '54bfc129b7161a8a46fe70dc85dd2567946e5b51', class: toolClassName }, h("slot", { key: '31097c526f73b003862fcb01196b2675c5b2fb9a', name: "tool" }))), this.showLabel && (h("span", { key: '08ee5038dd0a5df32c0f5e3cb36b6853f26618d5', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -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: 'bae92c831dde2b32bfa7261d43afa1535c8e2e52', role: "status" }, h("span", { key: 'b0fae374f4fb64a1f08644f87583a4f566b0a37f', class: className, part: "badge" }, this.icon && h("span", { key: 'b315a6e43dd61d71651417182df6a1ca5f9d6241', 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: 'c938981e31370bb4416c224c132ac00fe4b60f45', role: "status" }, h("span", { key: '16cdacb8ab5e87a5258899f963640ab788e4a4e3', class: className, part: "badge" }, this.icon && h("span", { key: '69281f42c7ce44c57619886b2796b6bcd01f5267', 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

@@ -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: 'e738d297a3c16fec81cb03bbcc0eec4b18fffe10' }, h("div", { key: '731ebb82ec0f46beea8aca6b9dbc305f18cab5ce', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'f817862b889d81a440725024a2632a8a532e425b', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '3022fbf7fc75fa93e5c01cc2697f0276d7d39618', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '89e76fcf3bd2099011359bfc27d02f3e06a34959', class: "banner__text" }, this.content)), showControls && (h("div", { key: '8e46586058861b274a00b7872c16858a2685bb1b', class: "banner__controls" }, this.actionLabel && (h("button", { key: '508bd8be18739c3c02309b31ed7e3c5053095a3c', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '8bea66c5271fd11dea470ffc61b33bd476170aa3', "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: 'a9fbe97bcddf9cef64d2b97adb92f97c943d05d9' }))))))));
+        return (h(Host, { key: '2b926334556876ce750c890243dac923d8ae5b75' }, h("div", { key: 'f7aefa810673bd5e18a5c14aac01a078298df404', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '9712a2db49d78fc6228e91f696e442c316b62231', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5632af1834cd2ffd0918628e53dcbc766fc0c29c', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f5bfc1bf786936873522b8c42763166b9bb4b22a', class: "banner__text" }, this.content)), showControls && (h("div", { key: '18b8931ee8cfdbecca4ac7330049321023f3f1fb', class: "banner__controls" }, this.actionLabel && (h("button", { key: 'b6c7913a77b3872a74ba8c2770803379d268e5c3', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '9119dad3a6d3526e5aebbd0ede243373b7072252', "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: 'b0a59c1a5104ee71bc31be6c2f5648afbf1748f1' }))))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -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: '1fba3acf95ec0fcd18a7efe25fcc17344f8a576e', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '75059cde1d626d95784e32b76498d9f659c41386' })));
+        return (h(Host, { key: 'c8296ade3ea2dcaa4e14897557c343b433de562c', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: 'a0029e22b4fc9b60cb679af27f7ae66d366c0ef4' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -18,11 +18,11 @@ const SwirlButtonGroup = class {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '9d7e0ea4b44869f77fa372f4ae4621b9f9dfe8dd' }, h("swirl-stack", { key: '6fbf8996d24abf7adbaa39d23b3db4eaa2b1bc60', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '3ba97e21adc41e84cc00510846c4afa0908a0346' }, h("swirl-stack", { key: '68274c5d09b125086e29a2c47351f66d1f2b6bc4', 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: '6b9ba670905fae3fca44b764be75208ae03c9714' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '8116255c942708969132eab81ef8ecaeb2a29ff7' }))));
     }
 };
 SwirlButtonGroup.style = SwirlButtonGroupStyle0;

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

@@ -96,9 +96,9 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '635a1065811fc352a9be9a8afcd3214a9650282d', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'ff06cd64a1d8eea339c9ab0afea3e69623bd1b2f', "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: '644f280827046e78c58e7c45647c5c0552e95463', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '23a5862e91f6f7d9fd6a2dd85e9c75bc90c559a1', "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: '51b0054616c9b26f5217591384fcef5f634d0a07', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '18bf3a811562dbb9489d9fae2fb192b7e178bad1', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '40d9cf93df9ff77687d3410ef1a4178a7a82a627', name: "icon" }))), !hideLabel && h("span", { key: 'd629db6c30a294022b29ae2ba1214e22f5581a53', class: "button__label" }, this.label), hasTag && (h("span", { key: '1e11954dd364ba68414048dd133b0429c049964a', class: "button__tag" }, h("slot", { key: '07bfc30e7f989e134e5733ba0c3c2251d1668a51', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: '37948fe0cb6315080a42a0a0e9d7f14df87db473', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '39cb7279f339fc9b102edc990202adc71424cca0', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '9b176cfb970a3eabc3de0222cdb2dcc09a74017e', name: "icon" }))), !hideLabel && h("span", { key: '2784fc9b630954936434165b537358d5950083ae', class: "button__label" }, this.label), hasTag && (h("span", { key: '8e2335251d17103e3f79200090be9af69e4420e3', class: "button__tag" }, h("slot", { key: '101ab368afa228413d9aac05caa7b77ddbcc858d', name: "tag" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -85,9 +85,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '9a0dc5d885be38ee2e94c7641257eb018e258ad3', styles: { height: this.height } }, h(Tag, { key: 'd863db3119f975a3f96e679b5a164c1ed792177c', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '9275906a65a55264d2b70c2f7e406315a267eca6', styles: { height: this.height } }, h(Tag, { key: '0ea75344d70f0ba3519ca36d37998e899b03e8a6', "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: '02f660fa638a355f0bf9cc3fb57a9f728df27ef9', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '73c1a1cf4914865e23f5dc0a37d298b226673040', name: "image" })), h("div", { key: 'ed7413be702708dc44ed0b54c052602ec46aef43', class: "card__body", style: bodyStyles }, h("div", { key: '0ac40a967d3a3df98cb2094b9bbc76ef59c4c5d5', class: "card__content" }, h("slot", { key: 'beea6852b0cd7c32430e42c7bab74ae6990ec37f', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '20b1197520e50ac5d3a6e1f6675042123d6e46ef', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '48d19587d91bc3f40144e2657c687d893011875e', name: "image" })), h("div", { key: '90dd49534a31e78955060233c963bef48fa8067e', class: "card__body", style: bodyStyles }, h("div", { key: 'bb667238706643cf3825658574a211304c4556c0', class: "card__content" }, h("slot", { key: '2f3abe22d702b215efdbae2337547ef09c902521', name: "content" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -15,7 +15,7 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '8e51a221c5008156f57a983719cb0f4e89309975', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '68acc357fb4c3ea6f69e12e946e3cd13234b4fdf' })));
+        return (h(Host, { key: '586ca217167d855d2e5e1e1a521beab5a27bb23b', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '9d928988be479790873dfc70b2c6b8dc8e922308' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

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

@@ -143,7 +143,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '8c8ca585ecff7b41f8dfdc9e66bbcec0ed60a20e', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'e6370b762f1822d608c395a1ab5e257688b04de3', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '7958568cc3a087979a061cc8ab8e920a4b4cc4c0', 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: 'faa888df896a1517ed6d4ad0ef411504fc9af373', 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: '4ec9cec82b7d3b57c27606ba147147fee4908009', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '751e7e966e6f7b5b6051a83cd566e96a46424526', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '1fa2ce01d868f592ea8101ef88f2769eddfcf0fa', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '8c650518f2eb1b419f706a7e055f9edd49ad613e', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '4a3f6b512d7f2ba3a564be80b94e3148241e63a5', 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: 'c292c6470e30a50326186fc0b50b9621b2e60c80', 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: '3c507ac4ea5d2d23fbf095f3cca22cc20ce9911f', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '3c3ab23d3bb493846d58f5c4fe04ede0fe42cd79', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -51,7 +51,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'aac65bf193091a8bea9fba0400ba73214b59e3e0', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '07c5b04f6809c2a96796ae899305d6197e34948b', class: className, htmlFor: this.inputId }, h("span", { key: 'b6ff60df3a61f63c11880f553d65aef8aa5fd12f', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'c53b3f70f0137c69003fd7098b235fa2bcf37f33' }, h("input", { key: 'aacb2b661d7c7f90710b4c115730609a4e6305d2', "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: 'ef9cc2b5a745021f67f78f985146e325da793e44', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '07f423ba9b9a5b43b89114a7b9a09287197ba09f', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'c2583703af27ed11acc996cf7e0beefc99149923' }), indeterminate && (h("span", { key: '90398aa1acb1cebf30ce3ae518ce8d0eec017410', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '5a5aaf43dcc186aa21934f5150f1f76445945a3d', class: "checkbox__label-container" }, this.label && h("span", { key: 'fee226c02adbd1b677a3e4657c0c8056c260daa4', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '2e1bc11d4e655d1ca517531625ad2ea953753a07', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: '1302f330a8e8fbf8b2bf2e7c76c6b9774a2c6873', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '7df27dbf4743e80131e6697ec90cee8396395131', class: className, htmlFor: this.inputId }, h("span", { key: '7167d9b7541cfca0e0ea144e0cce24d95b1c810a', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'bd19cd4962c6f78740d0d254a9df03dde765cdc6' }, h("input", { key: 'e563ee4a0f7b778ea95732cf7ecd21ea94602843', "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: '4fc4fd4b0e9ed81c33e005fac4178705e2ed1867', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '6d99a544dcbe107ebd3a4fbc7aac9323a93a2d54', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '47e4430ef0b41b1db4cc91b475291eb383662b8a' }), indeterminate && (h("span", { key: '85fe9a77ea85b0849c7b13d38b792f997645eb50', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'c5912f5c2a4f2261db44b5c48014ae51c308119c', class: "checkbox__label-container" }, this.label && h("span", { key: '6a86f766c67934f201e5d9b29cd4979736b42ec5', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '803078f5b17fe605b1b72047f2aa7ab0d1c7ec04', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;

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

@@ -53,7 +53,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '285e189df4a4358b7d07fc91b9f06ea562d295af' }, h(Tag, { key: 'fb4d13ac4afbeffebc9b44b8cf5800e7f6063839', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'bee9a24a811db37cdf02f1b3fba4f82a213154ee', class: "chip__inner" }, showAvatar && (h("span", { key: '0887a96c9e1b4fe697d7d53a9df24baab62fd33b', class: "chip__avatar" }, h("slot", { key: 'b9f4d49ebba68e3102792392efc6cf3d1401af40', name: "avatar" }))), showIcon && (h("span", { key: '577e4bdfbc406cfd54fe507e3e75c1d9a0693933', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b6660e15ca44dea2ab591a7ac292c567d4073c56', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'fb2eba1ae34bc3e7b137044c4bd5814fc68493e1', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '93eed0c553045420b30d05f660c93dae3b431ad5', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'abff273245b609e14c2e7bfaa505aff50ff9bc92', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: '22482cfa3b2da13e5a93a4fea5487b26850da6d4', size: 20 })))));
+        return (h(Host, { key: '05b8680724d152529810288fa4a6a835e2488cd4' }, h(Tag, { key: '87d8281da93e971161e0cc3053dee52ee4c2f2bb', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '541f56e530084de7e6896abc33db09758b24e4af', class: "chip__inner" }, showAvatar && (h("span", { key: 'cb4321c3fce54288b95cea98a949ea442ea23ca4', class: "chip__avatar" }, h("slot", { key: '37cd09f6dbe6875517218c67522bb6cfea143f32', name: "avatar" }))), showIcon && (h("span", { key: 'cca23fed70438f36426392747afe684d15cee069', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '1a0889c515f3bd5aa30fb12c4fc282ae5c182034', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '6586785bdacc047240d85bc3052d882239258c13', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '10b78831efe8e93bbcb1252edc2a305a9726f92b', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '769154e1604c700c9255ef8f0392869eebd40d7c', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'f1c854780118e8a7f8bc1686f1d383f78daac5d8', size: 20 })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -454,11 +454,11 @@ const SwirlColorInput = class {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '914da429bdcdd6576cecfcf3dd90bf104d803a09' }, h("div", { key: 'dc9f505383021faba447463c50811027d4b0be6b', class: className }, h("input", { key: '909c98a18b7fda96f7ebe7341180736a91697f71', "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: '906c3aba8ba37be0a08d19ac203ecadafd109ea3', swirlPopover: this.pickerId }, h("button", { key: 'd770b523445bc12b7171bc30eadd66ae922f6119', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'bc57ec96cf0ff668339f39dddfb47c414fa8c1e5' }, h("div", { key: 'a95fd7bed226abb450a619fad33ee20bca2820e8', class: className }, h("input", { key: '4258a0ff5056c20551b97e0c10059f6135162058', "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: '2d15dd236ad6ee2b8460fdd274c0570bcad41237', swirlPopover: this.pickerId }, h("button", { key: 'f7e8b065cf4097335c9d9b700213720d118c3b7b', "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: 'da0f865759500a54152e98eaf4dff87f0f7b9d1e', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '025409345855e9cd4d601c9b14a077b347f72c2d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '635cfa8885c5de97f240f5def31e6bfb72afb42f', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '9b4b295fe4bc8e3e8dff9c24a0b0a721f45e36af', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '5567baaf023384901b2f4b6a99c9ea7d8ef02e94', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f0320d15cfccc76de04357c7e7d7f40fbfb20148', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -10,10 +10,10 @@ const SwirlColumns = class {
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: 'e03996b556c972c081c2bd4283d006579cf3a1ba' }, h("div", { key: '95eee3bf0911dd60c08223ab389bc9a3e0a2a1a2', class: "columns", style: {
+        return (h(Host, { key: '21a7146ee7b0a1000a973abf7db55a9ba76cbc4d' }, h("div", { key: '14aa7bc85cb3689ef6b44f90ebf41c09690f151a', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '0d364bfbce8fda3431817a1cf2b35b71160d46ae' }))));
+            } }, h("slot", { key: '406a96a9bab461cefc3c7c8f55b4bc9f7cef7d91' }))));
     }
 };
 SwirlColumns.style = SwirlColumnsStyle0;