@getflip/swirl-components 0.427.1 → 0.428.0

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

@@ -91,7 +91,7 @@ const SwirlBox = class {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (index.h(index.Host, { key: 'db6394f0b283eb07991d70a23fb8e9b22d99fc6b', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: 'f4ba125b1818a2cb22c1e0840289dc35ec783fa3' })));
+        return (index.h(index.Host, { key: 'e9eeaa11b7a04b59744d8cf369855874fb8eab02', class: className, onScroll: this.onScroll, style: styles }, index.h("slot", { key: '0d5e86f34e2efb3dd7f9bfaf24a3a18578e6f507' })));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -79,13 +79,13 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: '1de6e08a0322a25d36c4003bfb871011e4b294ae', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: 'c22ab5f4964c328ece71f76e2f73c099392f7687', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+        return (index.h(index.Host, { key: '45ecb09b0608bb62c759dfe09a4f17629a843e66', style: { pointerEvents: this.disabled ? "none" : "" } }, index.h(Tag, { key: '9ca424959955c2f56665b6abc64fce23b133ee5e', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
                 cursor: !this.disabled && this.cursor !== "pointer"
                     ? this.cursor
                     : undefined,
                 fontSize: this.inheritFontSize ? "inherit" : undefined,
                 lineHeight: this.inheritFontSize ? "inherit" : undefined,
-            } }, Boolean(this.icon) && (index.h("span", { key: 'b39be633716de59c1e8176da525a0f908b837e47', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: '601b9f42df6ac64e3ae6626e82ccf99f175504fe', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: '3ec4150a71fca79d9071bfeb603ba4f7dbc258f9', name: "icon" }))), !hideLabel && index.h("span", { key: '8ef4f4621a3a32336ca227730f25828d9f96f3fb', class: "button__label" }, this.label), hasTag && (index.h("span", { key: 'd3855d39f08a5a7c5d663631617547f4c7e4f51d', class: "button__tag" }, index.h("slot", { key: '92be90f33acb6da8d16e75e19f589092d278a5c7', name: "tag" }))), hasTrailingSlot && (index.h("div", { key: '2686ea8522f5de4458eb44b184d586febcdb87f5', class: "button__trailing-slot" }, index.h("slot", { key: '301948eaafc2830f80e5628d5d9f957ec8f22798', name: "trailing" }))))));
+            } }, Boolean(this.icon) && (index.h("span", { key: '85c7e12f44561c7754296fac3b6c74be06b93c22', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (index.h("span", { key: '082e271c1ca38212e61f9d62aed60b016ac588f6', class: "button__icon", ref: (el) => (this.iconEl = el) }, index.h("slot", { key: 'bf24edbe91d4590049429b27da601ba5cd51e9a5', name: "icon" }))), !hideLabel && index.h("span", { key: '06cd510bb5617fec59496d64b32fc19bf59ba026', class: "button__label" }, this.label), hasTag && (index.h("span", { key: '95f4b84ae32def5b1fbf1ba1963382343dac4279', class: "button__tag" }, index.h("slot", { key: '9d778088353420c933a1e22089568c690909026c', name: "tag" }))), hasTrailingSlot && (index.h("div", { key: '1f5b393f4da411b312220673611a016e96b0d218', class: "button__trailing-slot" }, index.h("slot", { key: '635deb01ac5dbad192f64c79155a944f1c8b4716', name: "trailing" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/swirl-file-viewer_8.cjs.entry.js

@@ -28599,7 +28599,7 @@ const SwirlFileViewerPdf = class {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = index$1.classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (index.h(index.Host, { key: 'c7c61593653dd32eae3c2f363d915bc86cb1a7a2', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (index.h("swirl-inline-error", { key: '42b19ac9eb09a0a354fac31c0d19dbe84e6adfc6', class: "file-viewer-pdf__error", message: this.errorMessage })), index.h("div", { key: '56e3ad282a816570c05153daa6e522ef32c45d8b', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (index.h(index.Host, { key: '17dae0b8e5bf16769a356414071943dc7f8ebec1', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (index.h("swirl-inline-error", { key: '472e62e48d63545fef3bddaefe8cc307139b382b', class: "file-viewer-pdf__error", message: this.errorMessage })), index.h("div", { key: 'ae504112d088bd4990b419e787e48c5737f6d552', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -28613,7 +28613,7 @@ const SwirlFileViewerPdf = class {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (index.h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), index.h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), index.h("div", { class: "file-viewer-pdf__text-container" })));
-        })), showPagination && (index.h("span", { key: '58ccd16cdee10b1f16b6aecb160750320c2cb806', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, index.h("span", { key: 'fae9119b9135e5e273e8b495ca26e914bf17e8fe', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (index.h("div", { key: 'aaf06b0264c1bf368ef58cae21795c8819f9fec8', class: "file-viewer-pdf__spinner" }, index.h("swirl-spinner", { key: 'eb9d5089899afd0d9d9331559ee3e215a7b94442' })))));
+        })), showPagination && (index.h("span", { key: '0986d71eab6496cd1b588afa28c8ba5cf2a02967', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, index.h("span", { key: 'b0bd18dd65703cb4d240ab66883e23b03d282265', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (index.h("div", { key: 'cb4c58f7641b05e55132ca315e83b7254d2a1d66', class: "file-viewer-pdf__spinner" }, index.h("swirl-spinner", { key: '3a0dc7d43eebc9169928e07959239471d3c8b5ba' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-form-control.cjs.entry.js

@@ -179,7 +179,7 @@ const SwirlFormControl = class {
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (index.h(index.Host, { key: '310977a2c6cf19c21e8963ee78103a464bcab481', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, index.h("div", { key: '281c58b02d0ad78ad46c23a5c073005871c2aa99', class: className, role: "group" }, index.h("span", { key: '2c0b5f6c94ca1a5ec04fa8f713e884d135afcc1a', class: "form-control__controls" }, index.h("span", { key: '7deb8ae02037b09df2137d53692ef00b0980fb5a', class: "form-control__prefix" }, index.h("slot", { key: '1e4652b621460f9fbdab87ed32b462edb40a0a41', name: "prefix" })), index.h(LabelTag, { key: 'e6a32abc52addb639bd4bc107cc1f48634ca2fa3', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (index.h("span", { key: '654b170dc875d1f263e5f94794f5550c01b5057d', class: "form-control__icon" }, index.h("swirl-icon", { key: 'd229cf5350129c23e828c371c011c1ec617654b1', glyph: this.icon, size: 20 }))), index.h("span", { key: '91bc365b562bfa51587777b5d156987bbf111ea0', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (index.h("span", { key: '4d4d9d4b8ba566d8ada2d53c9cadc014ddf177a4', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (index.h("span", { key: '1bf695bf7b1180b115cd4463bac7450dbc639cfe', class: "form-control__tooltip" }, index.h("swirl-tooltip", { key: 'cb3e44c10d1b6f155e270a9d3bde630dca047fe5', content: this.tooltip, positioning: "fixed", position: "top" }, index.h("swirl-icon-help", { key: 'd8516959846b0e09d5d32f70f6e93a33c3ae2b88', size: 16, tabindex: "0" }))))), index.h("span", { key: 'b548c5b19bc27b947dd9147d8df687e1b2a844c6', class: "form-control__input" }, index.h("slot", { key: 'ddd37f27b99cb3f14085a56c64e54abfebdace8c' })))), showDescription && (index.h("span", { key: 'ef4c6ab864252ddb1a5f901428bb87c70eb33226', class: "form-control__description", id: this.descriptionId }, this.description)), index.h("span", { key: '4fcf8a2f587f7e716a7e68eb2e28b5e2be1b85a9', "aria-live": "polite" }, showErrorMessage && (index.h("span", { key: 'dbdecc506aa2954d13983995950711b3a57a950c', class: "form-control__error-message", id: this.descriptionId }, index.h("swirl-inline-error", { key: 'a7b5448c3be7494853fb8d2a631184f54b020272', message: this.errorMessage, size: "s" })))))));
+        return (index.h(index.Host, { key: '5d0c6f34f0a5e091572badf875c331f2950d2c61', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, index.h("div", { key: '0da20c4144a3e16915f01ce479be0930881283c3', class: className, role: "group" }, index.h("span", { key: '207e74fd91682c0badd35dec00f38cc24f6fbfda', class: "form-control__controls" }, index.h("span", { key: 'c924c7af99f42e86c38967f94f2ec2ce1adda03e', class: "form-control__prefix" }, index.h("slot", { key: 'f9e1846ac14c9f5abbc1d81ec54883a6f111dcf0', name: "prefix" })), index.h(LabelTag, { key: 'cf048cebee46418130e22a953bb36ca7611c9eb8', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (index.h("span", { key: 'e0fde25c920b12d8389f4855638c2565e546695a', class: "form-control__icon" }, index.h("swirl-icon", { key: '64d5f602368b330926d8325e3690cee440c4c180', glyph: this.icon, size: 20 }))), index.h("span", { key: 'c02bce9518e6396f928a6174d02e3c3535adefd9', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (index.h("span", { key: '72506a8b0f98719edb72150e4dbf646ea5614a3d', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (index.h("span", { key: 'd3deeecc715dd27b75b4b6b5964efc28a3d0f4ac', class: "form-control__tooltip" }, index.h("swirl-tooltip", { key: '6701adfdee424f93b50e382ef01aae5fbd90595f', content: this.tooltip, positioning: "fixed", position: "top" }, index.h("swirl-icon-help", { key: 'fe2bcf26d75359ad8a1d0dce9d9558deece72e4a', size: 16, tabindex: "0" }))))), index.h("span", { key: '86f1422d88df28dea22430c1907921899b84361c', class: "form-control__input" }, index.h("slot", { key: 'b75a71a7a284222a6b886355f9cacac0acc20fb8' })))), showDescription && (index.h("span", { key: '264578a1b5e01adee8170f3fc0995b5b2e3281ea', class: "form-control__description", id: this.descriptionId }, this.description)), index.h("span", { key: '8d15ec8ce9ff19a4034ce5f397a83acce09cc30b', "aria-live": "polite" }, showErrorMessage && (index.h("span", { key: 'ee8a03d72fd611d65a952cf7e9b44d6be8d55257', class: "form-control__error-message", id: this.descriptionId }, index.h("swirl-inline-error", { key: '5fe80768d96bb623c3fba7f67fbe801c2d5537f4', message: this.errorMessage, size: "s" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,7 +12,7 @@ const SwirlFormGroup = class {
     }
     render() {
         const className = index$1.classnames("form-group", `form-group--orientation-${this.orientation}`);
-        return (index.h(index.Host, { key: '2037058dae58d7c60279c66590758da118364759' }, index.h("div", { key: '4cf6f0fee260df8ea6ffdcc3b54d468c040186f7', class: className }, index.h("slot", { key: '71ac5ca2c90d5508e96a5cefda148d5fb3a6fb34' }))));
+        return (index.h(index.Host, { key: '5b14e0132c0975013caced41c3d42765900b0301' }, index.h("div", { key: '5a3f2d09416ebaeac67e310c658445d56dfea2c8', class: className }, index.h("slot", { key: '56a1bda07c9042e0e81696c64b0789a54154915b' }))));
     }
 };
 SwirlFormGroup.style = swirlFormGroupCss;

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

@@ -27,7 +27,7 @@ const SwirlHeading = class {
             "heading--balanced": this.balance,
             "heading--truncate": this.truncate,
         });
-        return (index.h(index.Host, { key: '9e7da75d06fffb43da42a98958b4c9195cdd107b' }, index.h(Tag, { key: '5fcf4f2812365a0c51222671ce7d4a2a8de2173b', class: className, id: this.headingId, style: styles }, this.text)));
+        return (index.h(index.Host, { key: 'dd4ed3748fc507e7ba2d848224a64a9b5283387e' }, index.h(Tag, { key: '02a22700a704330179fe3af567e78f93717c2081', class: className, id: this.headingId, style: styles }, this.text)));
     }
 };
 SwirlHeading.style = swirlHeadingCss;

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

@@ -55,7 +55,7 @@ const SwirlInlineError = class {
     }
     render() {
         const className = index$1.classnames("inline-error", `inline-error--size-${this.size}`);
-        return (index.h(index.Host, { key: '7404cdb9e5121c9cfb30e71f4bc6eee277043d06' }, index.h("span", { key: '9dca12f3b8a5207938fb9bdb453a4108617ce6c1', class: className, part: "inline-error" }, index.h("span", { key: 'cf1278607fbd775e0d58b94453d90effe2fda39f', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-error", { key: '8e9a8fa03b61b7cbd3e68fdf59e5ed8893301530' })), index.h("span", { key: '82782f68aaac2ac85621701a32e2cb9fd6badb7b', class: "inline-error__message" }, this.message))));
+        return (index.h(index.Host, { key: '1a26d04e450f9d9203768de9b17c77aa11e9c4d4' }, index.h("span", { key: '06a651a9326c6b8a96f512b325cfff79e6103b09', class: className, part: "inline-error" }, index.h("span", { key: '66773012fb6015b7502253c0c44320b78c4fdd4a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-error", { key: '7f1d200e1db3fb43cef244fa65a016dc86cb7059' })), index.h("span", { key: '205d8d625e3cfac9a3fedadca9744cdfc2038e74', class: "inline-error__message" }, this.message))));
     }
 };
 SwirlInlineError.style = swirlInlineErrorCss;

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

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

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

@@ -134,14 +134,14 @@ const SwirlImageGridItem = class {
             "image-grid-item--loaded": this.loaded,
             "image-grid-item--gif-paused": this.gifPaused,
         });
-        return (index.h(index.Host, { key: 'dca0fe21842352bb3e085be2e3a909b35018d055', "data-sibling-count": siblingCount, role: "listitem" }, index.h(Tag, { key: 'fead13da205284425c7430c13683be31258d27e0', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: 'bf690e88b219fa4a782af52fd3117eb3d526c055', class: "image-grid-item__background", style: {
+        return (index.h(index.Host, { key: 'c595a810db82a96ed51868460646d1d3d01d28a6', "data-sibling-count": siblingCount, role: "listitem" }, index.h(Tag, { key: 'bac59ad6a06114cab19ab63ccecebdf89143abd0', class: className, type: this.interactive ? "button" : undefined }, index.h("div", { key: '050d0ed9ef48a86296e5fcf6a4c6dea9fd4a292b', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (index.h("div", { class: "image-grid-item__loading-placeholder" }, index.h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (index.h("swirl-button", { key: '85641591dcc05aae95d44e2e58d0faa9f4c23a07', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
+            } }), showImage ? (index.h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (index.h("div", { class: "image-grid-item__loading-placeholder" }, index.h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (index.h("swirl-button", { key: '3650d5d43f155faba65beac12431cf658d60af01', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (index.h("div", { key: 'b47b1f4e21f7f1706ddc7a82b0a321e9b5799c2e', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: 'f7fd8b8d9d5c085e4c4da43ac38ffb9ef87f703a', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("swirl-skeleton-box", { key: 'a932c7f98786f23b9718366b11a805f411276a71', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (index.h("div", { key: '571c7573516d106a310a43ecd39a26c80b127b3a', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: '5738e602b9d3be69938196a309eb76e7ed03d7db', color: "critical" }))))));
+            !Boolean(this.overlay) && (index.h("div", { key: '29ef9266c4380482f411b02e1c15b2d10273cfec', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (index.h("div", { key: '88d1a20e899ea69ed70926d87986e89ed33f8b90', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (index.h("swirl-skeleton-box", { key: 'ae8b6d14556f8df8350d937c943ff915445ab92c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (index.h("div", { key: '12a12b173baa67f099cca696733429d8f4cf8a7c', class: "image-grid-item__error" }, index.h("swirl-icon-error", { key: 'ff1543844f7c4dae09e03880e9517fb9fee96fd5', color: "critical" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -13,7 +13,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = index$1.classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '2704b6606718fe98e5e45b7230c106486ff10e6e' }, index.h("div", { key: '3ff317459e156b735bcf961309f5cd6cfd5cbda7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: 'bdfb3aece99624fbd2bd58c52e233f7954732120', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: 'e041ffd255a2e05be01039819960be4b9d01440c', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '4ce74f39c248d7637d6c75313a990a935c3d2827', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: '03e0c0a4775f113fb9576890bbcfc5c8967f7582', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: '1322f63efe89095a56efae21146362e4c5d13e48', size: 20 }))), index.h("span", { key: 'a240db569a7131f75fd4333bac507272fc574cc0', class: "inline-notification__content", id: "content" }, (this.hideHeading && (index.h("swirl-visually-hidden", { key: '54fa5301920929e6701cca4b1d1ab7a8cb9357be' }, this.heading))) || (index.h("swirl-text", { key: '919a85dc42906043b17a99f851cc64ab42f39535', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), index.h("slot", { key: '800f65515d9a6c232077f39856389874deea20d1' })))));
+        return (index.h(index.Host, { key: '624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159' }, index.h("div", { key: '06c8a1bcb92582ccaf5944dddf470f3120afcfe4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: '7bc87d932d0944358b528a76d74b0c4571e48f80', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: '209a44ffd66238a6602bea37373befa3d4b9dab1', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: 'e28da386c1ca7f215a4e36414bbcac46200b3b61', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: '795f293517b43af8273edf5284c08190bb66314e', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: '42b3904303fa8f79fdf1e62693d1a5ce69376f20', size: 20 }))), index.h("span", { key: 'e381a9d0642ea7f5c4c56d32502431bf5484d68f', class: "inline-notification__content", id: "content" }, (this.hideHeading && (index.h("swirl-visually-hidden", { key: '767e9dae65ed20f7ce648746682d284bec674f96' }, this.heading))) || (index.h("swirl-text", { key: '0e515c99486185484514c3e40aaf24095d80d857', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), index.h("slot", { key: '13f4bdd58f22067952d103688bbb8bc322b9392f' })))));
     }
 };
 SwirlInlineNotification.style = swirlInlineNotificationCss;

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

@@ -41,7 +41,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: '0eca5fa8517082f95b99238a4e10a6898d354ece' }, index.h("span", { key: '3043bed401d07bbf94081a5d33fe315d126b8422', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '117c3801d199653a6a0f5de1d6e4b0bdf11e7c3e', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '7906bbb7721a5acd103cb7c8af54d8be9ea5a390', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: '6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869' }, index.h("span", { key: 'de78170d84c278a5a4a12fd72b925b5e9893e986', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '0d6a8b993a0bb58b988b20cea18069ba39ca7c3b', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'd22a3fae40b2a15c8d95d8a957371fa170dbaaf0', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = swirlInlineStatusCss;

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

@@ -12,7 +12,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: 'b165545f055fe0070fc5e8937598bf724a971319' }, index.h("a", { key: 'b6d6ce7dc458fb869441dcba66a22267b731fbb3', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, index.h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss;

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

@@ -293,7 +293,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: 'da90fae6f4445925c7e41a6977c819a4eaa13d0f' }, index.h("div", { key: '9a6dbdc8b80d108727a59c89ae62f5875d0404aa', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'ea5af359d0c3ef67fb428c9f518eb1d462881256', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '16cbc3b9e54f607e2020eb29115b8dbedfb8c3d1', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'c75d85b10d1c3d47845cac8cb865950f2f8408cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '9d93c0311cf75815dfeedecd3bdccdee04110dcd', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '779178c0576ee5493d386d192f8d93d8acea32df', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'd8978be13331a86c371ba5c6b5a554f9e2deee1b', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'eb98c55901b947f0bd1de2b5952e721722d6b080', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, index.h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -304,7 +304,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'd5f51660891250cb6991b3f5498a01564c445d0c' })))));
+                    : undefined }, index.h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -805,29 +805,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: '021e228abb1cbe93f5bac26a17622c7bf2a9c788' }, index.h("section", { key: '44ec05eb0e37ab73fc44408e76af65d6cbc1c7b7', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '150c7745d661596b6d7d60211f9c7bcac0e46bd2', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'd43540139e24ae09070e39671f4f5d738a68b3b5', class: "modal__body", style: !this.isFullscreen
+        return (index.h(index.Host, { key: '81656f63099103b2eab478e31a7bb327a90f023d' }, index.h("section", { key: '734cb0520fac7eae91ac2a065ed951bcc7641b95', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '4e21e2825c54e88125fb18d36d1240db0e875378', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '5ffc5fd8b4054829940f6e84dd73b627f27ce3f6', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, index.h("aside", { key: '8e67a19ad95b1ccfff497c939950e391a9b45e6e', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '01d47335f0b0e018108e18fcff1588f3901e27d6', class: index$1.classnames("modal__sidebar-header", {
+                : {} }, index.h("aside", { key: 'f05fbc18212ab6f3615c1d7f195c8dedb841e5a8', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '8fb95b6697c874fd1f89353213cbedfe8327a42c', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '911e3738484667083d3634f4dd6e2e176cd48300', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '3d47b2f3894495ac9c98ddf5b209698140d4b4f4', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: 'af5c0ebf93f132691798ee92981b18f538ea9ee5', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '318438802acb787c710b3506ea60f6cfe4ca79fa', name: "sidebar-content" })), index.h("div", { key: 'c191652c5d3d903b262c1208155bb8c54b86223d', class: "modal__sidebar-footer" }, index.h("slot", { key: '72b411f255ed3a6b6653311a2a5dffda8c2c1494', name: "sidebar-footer" }))), index.h("div", { key: '54751e7daf52a52b3541b3dee316d40f489191ef', class: "modal__main-content" }, index.h("header", { key: 'f4f05986593d9d83e143c87cb560f73b04a857c7', class: "modal__custom-header" }, index.h("slot", { key: '3b3ebb77c81f05ebac992be87ad98409c36041ef', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'd7e50af5497a475622a523bd6564c7ddf7d01dc3', class: "modal__header" }, index.h("div", { key: '086a96c8ab52585fd3bddba66e7766bb2788c375', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '3dde1a8f152b08901b3660ca425ef1969502951e', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: 'b661986e19bac458d2f143395ac1173740d865d5', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: 'b2c5b138e3d8116a0976bfbc0005403799f00b0e', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: 'b612f2f14d02ef4486146ceef7a3bb6a4dc689a4', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '787792d9dc98aa65f88f29a5aa59c749c23306d0', name: "sidebar-content" })), index.h("div", { key: 'f7389ce9b7006b7b34bb00858687e059e19ae41b', class: "modal__sidebar-footer" }, index.h("slot", { key: 'b0aea59e35a896224d1c0ecc61b61891bf5981bd', name: "sidebar-footer" }))), index.h("div", { key: 'd7ce5f41a5754bfa92e56c921410ebdcafe7fb81', class: "modal__main-content" }, index.h("header", { key: '9af862ef966d8d8fcfa5d58dd13725b03a04e870', class: "modal__custom-header" }, index.h("slot", { key: '72a61d8f796bfc007fe83ea63e92253c85291371', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '2ebd0f60688c0be985af35eb34b7c2698a38a7c8', class: "modal__header" }, index.h("div", { key: '44bb801af273333c02c99dd790a22c519d8bfbf3', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '4ed8491f3824c1275a45e9bd283d11a38d2fa93d', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '4a24ab6a05e5d7c2542475005a374759931aabc0', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '62cffe0d3620fc0d762fb0b1a2baaa6dc4cc6d4c', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'dba4ecece3d1b7be19e8d68eead83e4f53bf17d9', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '2cc42295b7f48c23b144a648328d07bce757abcf', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '103a71e407a9e9fa42cd81023e5d681a528ed6ae', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'aecc7b2c9c3cdd460d5d13725e00c95e69558d97', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'e6569363423ee3fb09e69d8a8d4a8385e27ce6ab', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: '9cb557fc46eb643cd306effeef479c66af516b1a', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: 'b69e7409ddd058fa38262b64052d5d95b8324416', class: "modal__header-tools" }, index.h("slot", { key: '64f5e159a89435e97270a55e47b0262ba64c6a30', name: "header-tools" })), index.h("div", { key: '22e46d6d610b4aa76f15e1f73d5ac580724b4bb7', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'e0128d287f59259cb6d5de97fbc63d7122d83e2f' }))), index.h("div", { key: 'e4087fb745a8ec1e031ae4eaae5d0d328921e515', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '8e36a38f7dca97f2761e3f434693f27189ab101a', class: "modal__header-tools" }, index.h("slot", { key: '519698f12f0707f33fa2d99a1b04a93a144a87cb', name: "header-tools" })), index.h("div", { key: '8194daa3a61ab69ffa2c00b4c14436598606ecc2', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'ca6d9be16bea0bd484207ec0da244fb2d984b614' }))), index.h("div", { key: '4d7ab36e6a1cef3c6ed7de20b7771f1495f49b29', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -845,7 +845,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '4aaf938b9a3253bde14dd3126e1e7f184c7663ab', name: "secondary-content" }))), index.h("div", { key: '08b65ef36bcc142b11aab444bb51b7e5c5401c72', class: "modal__custom-footer" }, index.h("slot", { key: '4a918465dcde534446f1910f0fa432442c8fd005', name: "custom-footer" })), showControls && (index.h("footer", { key: '1768d7521ba0de3f4d13fe6269c5729553cda5f7', class: "modal__controls" }, index.h("swirl-button-group", { key: 'f3e7a7a501a55cc2cdf2ce13dcde84b60cc1d16b', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '3c3886013125ba06d206a3803f407fa8d9566f73', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '119402750373da66fba92f75976482c804b33f33', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: '3a2d68016feb32443e79a90497d7097b9d9c6d84', name: "secondary-content" }))), index.h("div", { key: '43a297fd479922092f42f6c4f62bee40036b3eed', class: "modal__custom-footer" }, index.h("slot", { key: '186fa7d28f91f3df53d3c3816990993249d3543e', name: "custom-footer" })), showControls && (index.h("footer", { key: 'cdcafa45f76c7f94cd22117561814df74bb37c3f', class: "modal__controls" }, index.h("swirl-button-group", { key: '6a45248f5d2c2057f6edfbb4e347898a0c2e28e2', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '33647b6e473c8e331b58fc0b89d00e4f88e5794b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'd92130919c1a55b5c238c8c4ce08e833981d0238', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -502,9 +502,9 @@ const SwirlOptionListItem = class {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (index.h(index.Host, { key: '73585b0eeb68708eb03fa02bc94cc8375582bb53' }, index.h("div", { key: 'b5adb4c8867035f971824b858554804ee877adaf', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (index.h(index.Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, index.h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { key: '2d71cee5c7b4e77460281ffae8dbf30307ffea18', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: 'd8441db55df3fe403853c8819c769b6e8304ac11', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (index.h("span", { key: 'db5833551ad7ec7007ec5783c0e445ea73965ae3', class: "option-list-item__checkbox" }, index.h("span", { key: '848bc34b1ce76a831f62c17424e83c4ba5a1cd76', class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { key: '53cda8f2e311bc7a99b97b3ba73db71ebfaac607', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (index.h("span", { key: '0acd05ea7c3694eb60ccae80beef5591aef81e4c', class: "option-list-item__checkbox-indeterminate-icon" }))))), index.h("span", { key: 'b0ea7df1191314691c86bd535d1d86bccfec2470', class: "option-list-item__avatar" }, index.h("slot", { key: '0b3b83b40ed5d21b33c3aab36b71476524a9aa06', name: "avatar" })), index.h("span", { key: '8530a0020712c5922855a8f2828522f6de47d953', class: "option-list-item__label-container" }, index.h("span", { key: 'a5c10c37b5912fd1ac1c906e05455049e7e16190', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { key: 'bbe26531636efaac505114fea74a137a79c161db', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (index.h("span", { key: 'ab03fe540a1f4bf56aa9c1de366a3f3b2876c78d', class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { key: '82c69a45c2a2b9adb300da38dcdaa6309d598583', size: this.iconSize })))), this.allowDrag && (index.h("button", { key: '9f1f6600f9aadd655bc8cd8745693c84cd09e824', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'f15327b7c713eac42cd27391c5bdf2b5db54b8af', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (index.h("span", { key: 'fc899506beea9dcb1898b196a21e557aa45b1b43', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (index.h("span", { key: '52d35bd66d1b51121720dd338ca9db2c494789d2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (index.h("span", { key: 'cab616b7087d2d16b4009495e871d48de58e11ea', class: "option-list-item__checkbox" }, index.h("span", { key: '3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc', class: "option-list-item__checkbox-box" }, this.selected && (index.h("swirl-icon-check-strong", { key: '9b678ac705e7320d73748713068cfee00c3f47eb', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (index.h("span", { key: '76be874ba26f15a52f46d850861de625a5a7dec0', class: "option-list-item__checkbox-indeterminate-icon" }))))), index.h("span", { key: 'cff0e637854a7ebf4b21ee72646099d770f737c4', class: "option-list-item__avatar" }, index.h("slot", { key: 'aa0246a84d995d205ca6dccadace99a1225cc5cf', name: "avatar" })), index.h("span", { key: '6d909506dce28d3265ef93e0ee8050664eeb7e42', class: "option-list-item__label-container" }, index.h("span", { key: '68470d33d2055d239e86fd07469fa59e19333965', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (index.h("span", { key: '412f387f6e43974077d9b6b78b3c57fa5734f7b7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (index.h("span", { key: 'e7d77c2368b9e4d44da76612233dd627dbf91007', class: "option-list-item__selection-icon" }, index.h("swirl-icon-check-small", { key: '1488cac89c93b82ea6160de2181e34eff34f561b', size: this.iconSize })))), this.allowDrag && (index.h("button", { key: '97bb0b22816c33b08a34a4c879cfbb6c1115239e', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'fb047094366a625ef1ba88b69bcde10411e1023a', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -85,7 +85,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '0402b2a64d56d926253ad477a7be0e3a9a98a561' }, index.h("nav", { key: '10c8f15e1c67976163ab968947fcea762a76f4d9', "aria-label": this.label, class: className }, index.h("ul", { key: '58658726f4d916e505f9ac0d84165e5947d441e9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '50a0c3572c057b094e109d5122c12fa05a3a19f0', class: "pagination__list-item" }, index.h("label", { key: '4b2d8c7dd077df50920839933ed7b1af978f54a8', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '6a0085737edca1701419cd8ccfec43ff56d6d211', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '174b9b24838db58e6d25d6642cd602525ae22bb1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '075ef3ffa1aeea7d6a0eb6a9e634777139fe7400', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '165ff6e18086347955546fdc5b9f47ef4134e694', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'ef567d2280438c435a9c9c2cf4edf7632d65cbd0', class: "pagination__list-item" }, index.h("swirl-button", { key: '82dfda97938179b53553cc81d895496dd0cbfadb', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '82e2399b7a8961102f5ba9faf576f7d0e4f59e35', class: "pagination__list-item" }, index.h("swirl-button", { key: '26b9a4afae8b817ebe519af5db9e79b9fa50286d', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '66f4551ea9a595b80c26af7dbc24cfd7c9b05b04', class: "pagination__list-item" }, index.h("swirl-button", { key: 'bb19278d4fc1d3f6f7479401fa02a0d87312e197', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '75d9096135533702dbfc54211e7f6d824b49b056' }, index.h("nav", { key: '6ed3439b88dc08654d9d505eb514703e15f30d6b', "aria-label": this.label, class: className }, index.h("ul", { key: 'e12a16e7d5d2fc9d5a9bb26a0b239a2364345862', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e', class: "pagination__list-item" }, index.h("label", { key: 'c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'fc20a423a590d4a627637229a8d8d6e6745ea83e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'f7afb973c2570b8202ab75f6315ccd95f0f502ed', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '02b4a439d5de9fb2e3a2edf5e690bbe0359416c4', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '922a6025d045d5f4ea7b286b44ada281ebd647df', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '6845611f8081c54f31ab65dc286a9abd79e187b2', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e2faa13bbdbd1066e7d5e6019d61465f25491243', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '1603b2208c9b8b2b92d85815d7e0ff84cabc08cb', class: "pagination__list-item" }, index.h("swirl-button", { key: '13f3c35e8c47918e6c0efd420aa3ce1820783f84', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d', class: "pagination__list-item" }, index.h("swirl-button", { key: '7f2b20c2b9282a55223aaabda2202822bbbec5b4', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'd503b9a0f1dfa111d02f05e16f65b3c85559e20f', class: "pagination__list-item" }, index.h("swirl-button", { key: '4cb99870221d41f1d310af7264fdcefd9513aded', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss;

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

@@ -294,14 +294,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '9b8addf5f54132721f4f0de60cdd4b02aff8485a', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '2f2cf049264bb631bf234921910f5bb16617adcd', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '0f3078f75611aa9589ada92aef73e21344b2430a', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'cf85cdb6e5d6bd0948b4c80ebc611f5502f37d25', style: { display: this.active ? "inline-flex" : "none" } }, index.h("div", { key: '154ff782097a8e1d90f2a61faaca14bb4871ace5', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '235a9fca7951e844c8f0a32a02b7235d919574a5', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: 'c0d4d23a7ddf967ae1428cad2238b0a5f312cc66', class: "popover__handle" }), index.h("div", { key: '0a588644c85a69c1dbbfcb9e606d10b66a185565', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: 'd6a84c0e650dea3e490271d7de11eead532602eb', class: "popover__handle" }), index.h("div", { key: '1213a63d107de526f5a91b0a116935f61bba0994', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'd8ea659a18362f116288c0c021b072c9f0eced93' }))), this.active && (index.h("div", { key: 'c881f9f17a3ab7f997eaa4ca6a0daa14905d1708', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'c031de0a703d9dff7346cd8cbe40f825c8665f13' }))), this.active && (index.h("div", { key: 'd591f05e7183721ec08188507d8c0a5bb61947dc', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '7a88d62c22d1028baf3fd842ba8fb4c86271158c', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '5d88596118c66c0e1695bbe50fae489a75fc1c9b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '7e4a2586ce5be138b84cc8b7737fcc2a0983aa62', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '1f3eeaea011ed9fc855c961dd1d85cb1d6e5e292', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'bfc5d9ba40856037622773c93789b0372f0cbc76', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '3ff0cfe2119bb7a0ae650271c1f515b871cfeab0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: 'd76050eb18303a381648fcc81e0d697384a4a8be', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '1dafebe862bbb05b8c1114bd86d5f02d6fdacbff', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: 'd6d2fe1fb8172e0a6421680c281a2c12db288818', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'ad431537d9e9ec4c3ba97f5f36cd202afba690cc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '0b0eee62eefde5c43e5b9ba040a8cd62f1515262', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '406fb2f982f14f7f3d447c4fb19c08c1a8aedb53', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = swirlProgressIndicatorCss;

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

@@ -37,7 +37,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'ffe68d39d6fc31ad2a1772be1a1fe19c8fbe448e', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '77243bb1e6df44ae5fd863a3c1fed676750c4a5f', class: className, htmlFor: this.inputId }, index.h("span", { key: 'ee87f324ba2b6cc966fdf1070973dd51953272e6', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'e1162f789a4ab367ba2b3a37ab06e5f8f0599ec3' }, index.h("input", { key: 'de16d6993cc8e972e4e0a33b3be4c1d786d39d36', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '0e84c5efadec428203e4a1666d11e3074721513c', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '5b3366df2427cf38a26c5d211eace69adf2d6bad', class: "radio__label-container" }, this.label && (index.h("span", { key: 'a336e0468756983586607bca4aa525759e369ead', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '7078e2d29c1e640443d4300672a6d8f8f96f157c', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'f12ce6eefb230098d117282c8180ce1432a5c957', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '3b838d01b28a72b463c79dbb6c4e4f52178fc75e', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '86182d620dee4e0e47db4968e88f8f0cae8d0868', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '16e54bcaef3b8167996ba6122bfe2d8a6eae06c7', class: className, htmlFor: this.inputId }, index.h("span", { key: '64a0ca1e3e2d3e7ebace9fc86d452968b19bda03', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'f74d2bc407cb611a44d23abe55472d605a30b897' }, index.h("input", { key: 'e3a2692e01bb4de45922171295ad6fa693a59874', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'fadca0e725c39f99a3ede3aebf8fead3aedb52da', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '58b41ca22ac6afd7fb6974741bd4a16b875d8fe8', class: "radio__label-container" }, this.label && (index.h("span", { key: '9a4fb8ab685bdfcdaadd390017744fd5d6c1b1c2', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'f64e9d4749746971c56d46339aed2dd66113499a', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '75ec51689903e4d337672fccb6a529f5be8350ca', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '22c0edac96ff31475033dbb56dee80a95a0843b5', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss;

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

@@ -70,7 +70,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'c99039a862e1cdaaf6e70ffac32bada6bda65995' }, index.h("span", { key: 'b234594d49b2d48ace659b9aece6bc3fa5891e4b', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '2213f4e1e72a8ee4df2fb54321b9b86befa8f96b', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'd2574ace97e8301789c7e35a1d8a4d813c56f2d9', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (index.h("button", { key: '42a1113cadbe62bae076872cf42c8c06e4fe71fb', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'aa3472df9f74a0a375b043676c74d0b3449eabb2' }))))));
+        return (index.h(index.Host, { key: 'e81efc90b3d6a499688011221cc2a15c6f792dc2' }, index.h("span", { key: 'b7790e867c09bf68ffe59ec8d28f3880d4e8545a', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'dbda6b7c55171ee6c1d70d2eb12d42ed0158f10c', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '4cebbf2d5e9543728453055bfed8a6d94f6bd935', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (index.h("button", { key: 'a471b4e873ed08cf152c9b60fef8f36df2bb6b65', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: 'c418cfeddcadecbb411e72e5a66dd00ca3a46679' }))))));
     }
 };
 SwirlSearch.style = swirlSearchCss;

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

@@ -37,7 +37,7 @@ const SwirlSeparator = class {
         const attributes = this.semantics === "separator"
             ? { "aria-orientation": this.orientation }
             : {};
-        return (index.h(index.Host, { key: 'fd8a0206ccfde1719e234343c24ab69c7b9f23be', ...attributes, class: className, role: this.semantics, style: styles }, index.h("span", { key: 'b48fd801fb8ec2f7980310023e365cebd71fba86', class: "separator__line" }), this.label && (index.h(index.Fragment, { key: '24555c29e0f2d2e0df992d40e835164ed217280b' }, index.h("span", { key: 'ee2a379edcd561a6323f223ca64d18eb74f10850', class: "separator__label" }, this.label), index.h("span", { key: '1dca7274a12c912b61f8efad9d51c803bc42ed0c', class: "separator__line" })))));
+        return (index.h(index.Host, { key: '23acb3a29638b92737838e75a54d7616e6c9150e', ...attributes, class: className, role: this.semantics, style: styles }, index.h("span", { key: '3ebf80f47fb36438403551f560db91ecf7d7e559', class: "separator__line" }), this.label && (index.h(index.Fragment, { key: '84ac7960ba714ab27559751c11bd7c4b56ac3176' }, index.h("span", { key: '6f8dc3ad3bde938789e28ad05c67da657262a4d1', class: "separator__label" }, this.label), index.h("span", { key: '63ddb77ea887a890bb1731d12a939783b592e21a', class: "separator__line" })))));
     }
 };
 SwirlSeparator.style = swirlSeparatorCss;

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

@@ -23,7 +23,7 @@ const SwirlStack = class {
             height: this.height,
         };
         const className = index$1.classnames("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-        return (index.h(index.Host, { key: '18f7560ed22e891ef60e824f489184e1d007976a', style: { height: this.height } }, index.h(Tag, { key: 'c3a1a0e212b4603d4da3b06e9ea26a079ab8bc5c', class: className, role: this.swirlAriaRole, style: styles }, index.h("slot", { key: '20b352640567ccd03d96d7e6ccb0ed5117726c7f' }))));
+        return (index.h(index.Host, { key: '9361133b37cb5c677dbf6dd49a39eec30c762e7a', style: { height: this.height } }, index.h(Tag, { key: '0fa5eaca5ac99e482f50793f170e6349e1854846', class: className, role: this.swirlAriaRole, style: styles }, index.h("slot", { key: '66e0cc4865421fbad50be48718d045a742fecedf' }))));
     }
 };
 SwirlStack.style = swirlStackCss;