@getflip/swirl-components 0.198.0 → 0.200.0

package/dist/components/swirl-pagination.js

@@ -95,7 +95,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '32b06d1b1bc2b0c558b5535f7733231829ec8890' }, h("nav", { key: '5ad54318dd933938f199da1901759daf95ab9a46', "aria-label": this.label, class: className }, h("ul", { key: 'bf332f10858b4eb00ef829e9b9b6971e7316f508', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'd98231af57b4baac83c5595dbe87d443e81e3942', class: "pagination__list-item" }, h("label", { key: 'caa13b6b81fbc3c5c09a6baaa32c6cb1b4599fc0', class: "pagination__page-size-selection" }, h("swirl-text", { key: '65fbe4ea5b971a9547cffa79a8173f942ebd9c88' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '324004a6b0623a58c3f4aeac303f5ccae242d4ce', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'e64168057e6d9d8d54d1d2a2e933dc1e0b13f008', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '4574a8040a5cab8fa731cc00be512486956b6bb6', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '859e184cd3eeb8b20fa5556f14a7578d6328d5bb', class: "pagination__list-item" }, h("swirl-button", { key: '02429facb6f15eb7ea5146eb75cf69247f479615', 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 })), h("li", { key: '512d14479fcaccc7a88f28bdb471fc6b5e72b7eb', class: "pagination__list-item" }, h("swirl-button", { key: '4a5a3654328608b63b97dd91246b3dddddbd0829', 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, 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 }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '5a44c51f2c9215e55a36192e14fd966d543ba819', class: "pagination__list-item" }, h("swirl-button", { key: '5a52c93183d940f35adf43e710816b81a16ef3d0', 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 })), h("li", { key: '7b3a489abcc0b043df379eb962d36ff9e9050d55', class: "pagination__list-item" }, h("swirl-button", { key: 'b1cfd3eb1756a44ad4464b8c1bb5e8903187b64f', 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 (h(Host, { key: 'a868ebbd52be7109114aa9902e90da4e8b3cc05b' }, h("nav", { key: 'c901f4199b231df362a5c245f39793158347e597', "aria-label": this.label, class: className }, h("ul", { key: '030fd790cf353b89a48d8b8d990c2e13984dbad6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dcd1ee3eb343ae6a095836719c94b554b589baf1', class: "pagination__list-item" }, h("label", { key: '84d344807e9efb1b6c7d8ca867e234fcd1552f3e', class: "pagination__page-size-selection" }, h("swirl-text", { key: '76eda5b61d9c7e9a078e0c6a3538dcc548c096f7' }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'fa95c18ef16df5f3cee53d82a3b879c124f2ea52', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'bae99f7594c60a9db45ea6c86edf47bbeafe8ed8', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '3e02befb8461a4ffc9256058bd088c91447b000c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'c6c21f0ee13e46586bf0982c2fb97636ee016285', class: "pagination__list-item" }, h("swirl-button", { key: '06f41cac26e65a3b4a1493bc3824e9d9961a83ae', 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 })), h("li", { key: 'f519537b3bc4b4c5dde7cee4623a23a28953c922', class: "pagination__list-item" }, h("swirl-button", { key: '22db009bbff5ba95a12f847e9da292ee6b2e3ba4', 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, 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 }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '5084487945838fc47988d1bab2f97aaf2198c938', class: "pagination__list-item" }, h("swirl-button", { key: '1b7243f892803406be2fa5956def1e79f37fcc04', 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 })), h("li", { key: '006a6afdc28d7033fffa3b90e72f2371a22abcd7', class: "pagination__list-item" }, h("swirl-button", { key: 'd409925fbd17f122bd01d32f4d17b71d40f2c414', 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 }))))));
     }
     static get style() { return SwirlPaginationStyle0; }
 }, [1, "swirl-pagination", {

package/dist/components/swirl-popover2.js

@@ -258,14 +258,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (h(Host, { key: '5f8dcfa33c396982ce52e60ed5ad6ee5d3bac988' }, h("div", { key: '0c588f47287aa3332ceefaf070f6c47de1efe773', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'b9e2689de51a542ca2f51c101f372bcc49e12034', "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 (h(Host, { key: 'f3bca2b5bafb8518298ab646ac1c348b5c56b232' }, h("div", { key: '5c035656e06397cec7631204d61faece94c616fb', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'f2d24daa53c0e5165c5c60e38cd872179c5473ba', "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" }, h("span", { key: '63b7ed71060f0b5faf60820724c129657b19ef31', class: "popover__handle" }), h("div", { key: 'e1a814188f9959f0d2b129a1847ca419f619ee0b', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '4efd18f520572ae456d0e5bbfc3c92a158b771bd', class: "popover__handle" }), h("div", { key: 'fa2c01019b25ec19830887d6ea72f08ca42daf27', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '4f88b5d3c4c6438f3ccff081b462fc13dc74bdb9' }))), this.active && (h("div", { key: 'f2d734979792f0cd84d2258008d36bec146fc7b2', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '6ea169f4b966c6bef3037e9a1f1d3f39e0bda3b3' }))), this.active && (h("div", { key: 'cadaaf7d7ba1a45bb07bcd41fae23b83e3d95394', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return SwirlPopoverStyle0; }

package/dist/components/swirl-progress-indicator2.js

@@ -20,7 +20,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         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 (h(Host, { key: '1775b978f39e6cada5a4f1dd183777c6264f278b', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'aa0728a4cd40ea04b065658ddb8a814ef3014b93', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '9f3e31c44e00bb29e058ca3d7f5fb9839b7a58f8', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'f505f3a9c661f258fec8d47a07b254690a1e159f', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'ed74d368a592b861de6c51310b6f7ee8d228fdcd', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '91cb25a49057fc18b8bf2c4d11ad5f33c465bb2e', 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 (h(Host, { key: 'ca77d885b616b669a5033061be8f2f21343a21d7', class: this.variant }, this.variant === "bar" && (h("progress", { key: '71195582ff12f2710703846d15549aa8ceeb3712', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '2d0da5160a59cd6002c8ee9fd2b907b6fe7210bd', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '758e7629cb59f15066e898f5b052d3e861bf4c1d', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '3a50b796bdd0d77bfdca2fd6260e98674094e4d4', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'f5a460cc868e4445682312f7ce48e06cc71e95b8', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get style() { return SwirlProgressIndicatorStyle0; }
 }, [1, "swirl-progress-indicator", {

package/dist/components/swirl-radio.js

@@ -44,7 +44,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '356f0ffb73ee231dd2628b5140e49cb26f9125d2', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2d53f5c89e7b6c1d183c82833aebd53c187bcaf8', class: className, htmlFor: this.inputId }, h("span", { key: 'f24232f655cb662a3bc2e4e7d9fd5fdb207126fa', class: "radio__control" }, h("swirl-visually-hidden", { key: '92af7f54824462774b9979a9c14465b0bd88309c' }, h("input", { key: '53a2420a5939ed9b9ce6154fc1db632a9ecc6998', "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 })), h("span", { key: 'e173e8f8368e57a81c79b6a5579950cf9b7e768c', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '2bfe5599e18cf9e9698c224dcd10fa4c0cb03a3d', class: "radio__label-container" }, this.label && h("span", { key: '821bcfe218c5dc5dbc81fdf43282b772542eef55', class: "radio__label" }, this.label), this.description && (h("span", { key: '45cd8e26727739a330c5332ece9fceef25e98fc1', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '406d97d8e87da8a17bbff7b67cf6ecbf7d908064', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '6e4e93dc91ebfb3264226fc58e9322184179698d', class: className, htmlFor: this.inputId }, h("span", { key: '255519514587f38e0e9aa1beb3cee17993ff5cc4', class: "radio__control" }, h("swirl-visually-hidden", { key: '1bb98d55d2caceb15f72a2a82c3a0957a6509d0b' }, h("input", { key: '928992a95349bd917415be1a34c73bacec246bad', "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 })), h("span", { key: 'd912ffceed37c2f4201396d74cdff439cb41e735', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c3cdad462855597283f685bca62bf7bdef10e04d', class: "radio__label-container" }, this.label && h("span", { key: '56a0225a0c1e8e42e08187f895ddf31745528fa5', class: "radio__label" }, this.label), this.description && (h("span", { key: '844c8355d1f8fc2d679df288fb19a6edc497d009', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return SwirlRadioStyle0; }
 }, [2, "swirl-radio", {

package/dist/components/swirl-resource-list-item2.js

@@ -157,7 +157,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '65de45c6f1b2e814c181d14c7718ce9facdba2b4', role: "row" }, h("div", { key: '27b7975b8c9d3f829f9b876a258e01a728010de7', class: className, role: "gridcell" }, h(Tag, { key: '4d0dd035d55fd777b89592ccc4313e6a39b2811b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": 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: '623184a8bf39d95d55daf1c0c73f5b84e9d507c9', class: "resource-list-item__media" }, h("slot", { key: 'cfc8ed03ae602566822d2c93b7ea2029b3ffb440', name: "media" }))), h("span", { key: 'd5d0d1e29135742ce8a6b48570b3d3ea628083fb', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '59280c630d28f56312b317389d8421ac83a3e97a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '7cd4a798340b46c1c5e428b3f6b61346a8a59700', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '545a8080d2266ae7ccf37aafdc01dd227a364bc9', class: "resource-list-item__meta" }, h("span", { key: 'eb0059c448afbfe23f4da04eccf9667b70a4123d', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '52c77f4fa84d8b464cac63298d1cbd205d8389d0', class: "resource-list-item__badges" }, h("slot", { key: '943ca2932df39769826c385824416cfc6221cbea', name: "badges" }))))), this.selectable && (h("span", { key: 'd6ba61f5818ad98e378b04adde3e0ec823ae75dd', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '631d841cefde94f598a5ea0d088282ae805e216a', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '9889d6b6ba4c4439c33001700a62586ce9f0b083' }))))), h("span", { key: '36e0b65120eb325e0a6691fb2120a8237d5ce868', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '82a1b86901c6eac56b6e57c37b7972541480e426', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '68063b35294b8ffa12ea673c434d38113121d35f', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'cb00660ea3fb9fdebc4f28c2623e4c9f2afc4877', "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: '9cca689ba73576abfebcb163b2b6af0306b98d2d', "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: '6dd9f13b0fb45dff00b689564f2360eb573923d7', size: this.iconSize })))));
+        return (h(Host, { key: '007dd02e5de6eb43eed280be8d9ac171381611d6', role: "row" }, h("div", { key: 'f8bb8244f8264a7931d1a11c8c189ec23a5e090c', class: className, role: "gridcell" }, h(Tag, { key: 'f65d3c73db39ea39477549fec41f094164b7acfb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": 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: 'a8251920557048c6dc745ccebf275bb56d257eff', class: "resource-list-item__media" }, h("slot", { key: '1b76ab99b80440c5a3941597c6ae843ca1155b90', name: "media" }))), h("span", { key: '0dbaad3c45f79687f369510a2a2316d7a240ceea', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ae2de7cce9c28f56587aec5f539607aa7a6e1917', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '04df62160bd2531f9e8fd571da30283702d2fa59', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '20529f3131054e8a8fda42ef55e5861f45e9577c', class: "resource-list-item__meta" }, h("span", { key: '92bf664d9335154929766e6808a290aefceab171', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '5391c252bc526e9257037944796e7c00994b835e', class: "resource-list-item__badges" }, h("slot", { key: '8d591183dba34e33e85bbf50f0a5b344f08d6061', name: "badges" }))))), this.selectable && (h("span", { key: '303085931b5f773fb858acafcd68dc8982b4380b', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '7c991940eaeb3f1d903fa1379c9aa08849539d42', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'bf48f8c8c0e5c573fd6f627115d6b54d3535f852' }))))), h("span", { key: 'c2af6997a43abf73cb7d9ae7c076c36a5218593d', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '80dd98d66ffdf8dae566d4fc1e9c94c0c619faef', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'e7e6e3cd659413c2e7dec432c366d9d0585d3183', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'fe4e73ee6f18d3a578ef29a2c4d6070407382824', "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: '17061d6ecc880827eff61a03a828f0ec077de165', "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: 'fe93f1d8acf06d512bdff43ad997b9c663e3f47e', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlResourceListItemStyle0; }

package/dist/components/swirl-search.js

@@ -76,7 +76,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '9e344f91f91a22e9ca16798c23ddef6cbd2be45f' }, h("span", { key: '35b19da8d567cdb39f3b6fb3b37a304c45f7947b', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '4a44038ca74e7b10d656ad4dc1cd287a5ac32f66', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '52fca9f3a7061ecf476ab11ad07fa04eac393cd7', "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 && (h("button", { key: 'f8f0a775a767c9a0e618179461cdeb9ece66b337', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'e53c5ea165eb86907884c90aad9233b7492fb622' }))))));
+        return (h(Host, { key: '5bf70e02de79109b2b06f398d3ce1859f76df9e3' }, h("span", { key: '826ecc2b262862f239e554b2185329580cd83a17', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'adb74eac3160bffcffc8088c1a500f2215967165', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '9b3504f92c7cec190ef9b4a6613d513ebd960e7e', "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 && (h("button", { key: 'fe42a660d21d6681cc30e648f7f616e6636446c3', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'cd55c1ccdb59ab69129e9751dd4d25f0157f585a' }))))));
     }
     static get style() { return SwirlSearchStyle0; }
 }, [2, "swirl-search", {

package/dist/components/swirl-separator2.js

@@ -24,7 +24,7 @@ const SwirlSeparator = /*@__PURE__*/ proxyCustomElement(class SwirlSeparator ext
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classnames("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '87c81cdcca6438842cda0271160c6199dc11a948', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'fad69172988a25a3b1156065b845f524eafb3257', class: "separator__line" })));
+        return (h(Host, { key: '0687a27202c4b760115bf22a21f1e4e3abb13728', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: '8d67381b3d052acfc3710064d3f19d104a8fdbd4', class: "separator__line" })));
     }
     static get style() { return SwirlSeparatorStyle0; }
 }, [1, "swirl-separator", {

package/dist/components/swirl-skeleton-box.js

@@ -17,11 +17,11 @@ const SwirlSkeletonBox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeletonB
     }
     render() {
         const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: 'dbfc23f08900575a026547b16ef9a4ff409545ca', style: {
+        return (h(Host, { key: 'd2dbe289c28013f1e5a3e09beb6e7a7a893d6144', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '967a8b05bfaf1f5c358db0bb3ef353f0fc5c27c6', class: className, style: {
+            } }, h("div", { key: 'd6b77cbe897bd99e91070bb83f2598a6e8d4c09f', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/components/swirl-skeleton-text.js

@@ -16,7 +16,7 @@ const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeleton
     render() {
         const className = classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: '3fefdb893eed87b924e019a62a85d44e570ae40a' }, h("div", { key: '798a7745556411beb6d53e60ea4282a498a85392', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: '69157cd4b1f456890f3d60e0710b7c7df75d7995' }, h("div", { key: '4645af2dfd3e79330282cd80cdde83a9409a749f', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get style() { return SwirlSkeletonTextStyle0; }
 }, [1, "swirl-skeleton-text", {

package/dist/components/swirl-spinner2.js

@@ -15,7 +15,7 @@ const SwirlSpinner = /*@__PURE__*/ proxyCustomElement(class SwirlSpinner extends
     }
     render() {
         const className = classnames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: '4ea81ab74670d86ceeae6be85c1d7fb990473e3b' }, h("span", { key: 'bcea9d763648a7ac9f7dbae31a81345cf50df317', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '63bbf235f8411357d5e2705c68cf84f83125ed89', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'cc10ab48253a5d28581c896d9b5c92982fc9b5ca', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '9168d7ec8a294956ab6ea002cbfa20505ac94ec2', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'ee136713b9f6d938698a07a793fa052be33ef1ec' }, h("span", { key: '19360d810ad6a5301a6f8865b7e0a64f4b36bdc9', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '185b0f7f5bd1d312e84313cd74756329f2c0446f' }, h("span", { key: '7fa538fca371fccba91fe0efc8736a19b434aeca', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: 'bc4ba8502fb217790a74f2c1e05e1390be4ebb03', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '624fc6202586c08336c466912fe2a516cd57f478', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '88ac6aac1928e6f02e7fd3943a20dc6d9608a575', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '154e0577471e232c0e04fd946e658d0ad01ad228' }, h("span", { key: '4fc3f944a02f251592393ec67a57d9e2e58fd53e', class: "spinner__label" }, this.label))))));
     }
     static get style() { return SwirlSpinnerStyle0; }
 }, [1, "swirl-spinner", {

package/dist/components/swirl-stack2.js

@@ -20,7 +20,7 @@ const SwirlStack = /*@__PURE__*/ proxyCustomElement(class SwirlStack extends HTM
     render() {
         const Tag = this.as;
         const className = classnames("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-        return (h(Host, { key: 'abb1e7453f56949da78f787cc919efdf3eb0d6e0', style: { height: this.height } }, h(Tag, { key: '7edebedd12178a98119a6fb79dcb971c8050a6ec', class: className, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, h("slot", { key: '73090a7a80f5469adc2f0ba90f6cc29e066a4fb4' }))));
+        return (h(Host, { key: '24ab0f168eba0b98ba7023b8e80da49d0a23a45e', style: { height: this.height } }, h(Tag, { key: '79d1ef08f5268fbe5789c1568461282c7e4097a6', class: className, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, h("slot", { key: 'a4f47f46c9ff3b75b9f4d18cc320cd48cdab5d02' }))));
     }
     static get style() { return SwirlStackStyle0; }
 }, [1, "swirl-stack", {

package/dist/components/swirl-status-indicator.js

@@ -14,7 +14,7 @@ const SwirlStatusIndicator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlStatu
     }
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '097aef85995b5de1061c44b92f00cb43fff6ff0a' }, h("div", { key: '6b4c5685ea39ac25aea01f6cff8be8b4b4d7fe75', class: className }, h("span", { key: '69554b422b9c76fb963b7e9c3c36b8a9c2934977', class: "status-indicator__dot" }), h("span", { key: '0d1e23026f740310c798af236f662868f6135df2', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '9f0e9b4f7d3cc04409dc6daaa77be11d8b4fefe7' }, h("div", { key: '6ae100f4aad059d72855d0214901a60d67820457', class: className }, h("span", { key: '31c5883aa6ef6582f5abc00f7f97d7e25bff97b1', class: "status-indicator__dot" }), h("span", { key: '4c5bf98ee5b89260c147351678dae6ddaa04008e', class: "status-indicator__label" }, this.label))));
     }
     static get style() { return SwirlStatusIndicatorStyle0; }
 }, [1, "swirl-status-indicator", {

package/dist/components/swirl-switch.js

@@ -32,7 +32,7 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSwitch extends
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '1262cec53f0e5c69bbb4bfe128268ec3e0bd548a' }, h("label", { key: '82980138871ccfe2b2f645e62f23c4f66b86e7df', class: className, htmlFor: this.inputId }, h("span", { key: '1e44c405fea154510f67f3c15929b81833144b45', class: "switch__control" }, h("swirl-visually-hidden", { key: '5d650fa027a5c5f0a3c4e5ff237ef503e3ec67fa' }, h("input", { key: '6a1f716d991ce5d6d4bd05d849eb01a54817d16a', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), h("span", { key: '64c87d8cbb5997c8d9261456719978b999b2328d', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '1e4e173d8362ad17a6e1d5cbe12ff421fe4ddcab', class: "switch__label" }, this.label)), this.label && this.hideLabel && (h("swirl-visually-hidden", { key: '2f11a9c72341b91ccf06622a72d83ef37c6f1c39' }, this.label)))));
+        return (h(Host, { key: 'b73a0baa355e8c9d735a35e21db0f159ac1464fa' }, h("label", { key: 'd64e138a07f24f7fa242f64708c8bbbca609f7b5', class: className, htmlFor: this.inputId }, h("span", { key: '1cac1350333259d1da98005f12659d6b34b4dbe0', class: "switch__control" }, h("swirl-visually-hidden", { key: '95d140a3410b7f3eb3ffaf63ba803d7105b901a6' }, h("input", { key: '167ca5da2cf126def2e683ad58b1ac34deee90ab', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), h("span", { key: '939fc3e8248a03a90c073a2352cae494b3f70732', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'cb48d52eb206492642afc9443a4607ecaf000a1f', class: "switch__label" }, this.label)), this.label && this.hideLabel && (h("swirl-visually-hidden", { key: 'c4e32359d986473fb122062777c8f978b45a1fa5' }, this.label)))));
     }
     get el() { return this; }
     static get style() { return SwirlSwitchStyle0; }

package/dist/components/swirl-tab-bar2.js

@@ -26,7 +26,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
         this.tabs = [];
     }
     render() {
-        return (h(Host, { key: 'fc4f658346077ae3c5bf9c2018a0bfdd7544dd3a' }, h("div", { key: '8257bb3517c2ce5bdf74195974e350922548c2cc', "aria-label": this.label, class: "tab-bar", onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist" }, this.tabs.map((tab) => {
+        return (h(Host, { key: '4313606f0cb6043928ba1b873221c2fc43e3dbd0' }, h("div", { key: 'ad4b27c49f6a0e8da48628dbc0fc2db53e050d0e', "aria-label": this.label, class: "tab-bar", onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist" }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
             });

package/dist/components/swirl-tab.js

@@ -17,7 +17,7 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTab extends HTMLE
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '039c09954838d369d4cac1b644ab5fac92426b78', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, h("div", { key: '5e6b5cc9a9813172450663d48c73ff6aa8b79fe2', class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '7d458496de5f1d427e99f27fb779babe945c49c4' }))));
+        return (h(Host, { key: '66e47f42bb3d80f2dc0b2564c656df71d353a1d3', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, h("div", { key: '5b88cc86d431aa4baaabdf280ee3503bbca825e6', class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '30f1dbeaccae338f6dbb99633aa48d275f3a75b2' }))));
     }
     static get style() { return SwirlTabStyle0; }
 }, [1, "swirl-tab", {

package/dist/components/swirl-table-column.js

@@ -28,7 +28,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '0860ee11f470871129c4a11ef63043d810770091', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '53b2dcdd01d45394dd6e1157c7b53af3a71d4817' }, h("slot", { key: '205514f166aae08b121a2aca2d0165886cb519af' })), this.sortable && (h("span", { key: 'e43739825c670d2a296bd803ea097df0aa83715d', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '9c2e4b52377abc81f2c4dd34ee964a1571307595', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '9651fbc3d2bad5eeb7ed0cad1c7f28e7124f1620', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '4fac797a0fbaf5bd13c68857a708086a4cf4e6ee', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'e60434b33312042f5f572f4e27919c0212ed5f0c' }, h("slot", { key: '33e649b664d6113d8f497cbedee8fd186cc0cb96' })), this.sortable && (h("span", { key: 'b621d6748bb81ffc3c4c5c36d5b97867ff4e42f7', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '358c6f0c54f321e97209f5da1fe6b9f990df0d10', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '2b0ec5fbd66ee0a91074d7e9b9707ef3e6c85f09', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return SwirlTableColumnStyle0; }

package/dist/components/swirl-tag2.js

@@ -25,7 +25,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
         const className = classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
             "tag--bordered": this.bordered,
         });
-        return (h(Host, { key: '3496f165393a6aa0a30beb97c21ff8a4ab521f42' }, h("span", { key: '1b44749ea7e053219db5dd6e57724815b63e4767', class: className, part: "tag" }, h("span", { key: 'df66f93c753e26198a1abe4ab59711e02778c442', class: "tag__label" }, this.label), this.removable && (h("button", { key: '0f5419a605e08152604e50f3419968d945e78814', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '2ea41a2462e394244e1c02f009f53c61ab62dd8e', size: 16 }))))));
+        return (h(Host, { key: 'a7e7462eac54e144fc9d1d442d33287c480eefce' }, h("span", { key: 'b758ec2a9c31032caa720bfefaf769f3f2cefe6a', class: className, part: "tag" }, h("span", { key: '65c171c46715749bbc22c1ceff96963589e298ac', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'd1ea6ea0df8612c3c4f2a4bb9a4d5b0be5f69279', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'f9d220ded4892a78413f4b5415b3083842fcd0ef', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

package/dist/components/swirl-text-input2.js

@@ -190,7 +190,7 @@ const SwirlTextInput = /*@__PURE__*/ proxyCustomElement(class SwirlTextInput ext
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (h(Host, { key: '9c6b8e465aacc0b430d921efed332c3c8caad960' }, h("div", { key: 'c2d84474ab893c7f1b902eb03efaee6b7ec1989a', class: className }, this.prefixLabel && (h("span", { key: '0184f6971b270c4389d2fd0e30faaec3546a209d', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '22c98797b69a238173095566ee18ee746194b52a', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '5d84435db35ce107a5f5e400f06546cd4777260d', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '2af1c940dcb277a0170b4fc1ed2d4a193efbd2e2', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '657cdb8fab5f887de32ff0d33238f67076205f7c', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'c69a64b9f4ab0103a87ef09630fc038ec03c2e7d', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: '227b28011bc49ad413c2f89939fea5239fc197c1', class: "text-input__stepper" }, h("button", { key: '4f70c5a9e9ff7e7e4109805275b9d258c1ab6f57', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'ee223fc15fb936c6eb96f9ba277617b8749dcab5', size: this.iconSize })), h("button", { key: 'd0ca4cdac4c3a5c48e2fafe0a5ebeb365d7049a2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '1aa6fc4287ec8652e745a412e35e75b4590b6d61', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: '9f3a325a74ab32e16aaa582e5ef353e6de09af14', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: 'c28a27d2de16b8bab0bcbdedeb4577cc3c5926f1' }, h("div", { key: 'de1f6b38914d6dc549145a3a37730689429c9647', class: className }, this.prefixLabel && (h("span", { key: '188008d2d73f51127abe4de37306c82110344b29', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '2264633163429eb618346241bbc99384a62fd4bb', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '5c226c6d35fe35b226c08182bce3ee479584d3bc', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '0825d6c0aa246d8ec97d0f47ca7a33e7437c69fb', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'cb6d259a99c490949d946014aaccb9b92dd18a45', size: this.iconSize }))), showPasswordToggle && (h("button", { key: '5638f04a71fac455dc1a2dc9aff4a19ad55bf9b3', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: '6f8f117c6690ea375472c86befa0bc82d5c1b04d', class: "text-input__stepper" }, h("button", { key: '38ddc8bcc00c22f54a4f60195420179bfce8916d', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'd7445a23fa97ec57672d65f1334be7ac74368347', size: this.iconSize })), h("button", { key: '0295b7bd2bdcb0b3afb431e35c714c01d305eaa5', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: 'ad77b5281090dcf3dbbdc2adaf2147f937be7273', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'c3cdea8f4d70aba88baba76c6c74c39ca83ca367', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-text2.js

@@ -983,7 +983,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '95b48ea9b31fc3998c73bf81a08f4132a6f6ca2d' }, h(Tag, { key: '1b215e39f34aa46ac6c312f741426e56fa2c92a3', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'f555ec8d79ee07291e07add6e4f2200b1438bb5e' }))));
+        return (h(Host, { key: '532fc3d60139b1b6c27a3e2713f94e1a3a855d45' }, h(Tag, { key: '944a5502b8d218989035dd89c9ce1f33d0003399', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'bb53161691a0f57a003360b3437d8c6fc34fd29c' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

package/dist/components/swirl-thumbnail2.js

@@ -31,7 +31,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '02c9288154ec131fad3edbc0b93268bc58738003' }, h("span", { key: '7dc542fb7ed6f13b2d06900041a3a3a3dcee442a', class: className, role: "group" }, h(ImageWrapper, { key: '616e1606afc68197ecbae9a923f5bc977bc59e0a', class: "thumbnail__image-wrapper", type: this.interactive ? "button" : undefined }, h("img", { key: '3ead0c01cf9206ac02d61290c29c92fba3705169', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '22c290dcb5f87b06e264c66d2bc3f24e753f7504', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '65bdfa58478399f99f7da075ab237d47363685ea', label: this.progressLabel, value: this.progress }))), showRemoveButton && (h("span", { key: 'ed0d62ea257583bc58a48de4b21c73fc09a3ec12', class: "thumbnail__remove-button" }, h("swirl-button", { key: 'a782384d2ddd5ce154052eb7a468ecbb0792cd87', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (h("span", { key: '3fbf23976306ce956514481611801adafdc5459c', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: 'c57156683aae337861dcd5bc9ac4a4a3834693d0' }, h("span", { key: '7f860b92681aab29bf9ee0fb405659725cfd9d3a', class: className, role: "group" }, h(ImageWrapper, { key: 'ef46386d1a1954e71b8efa5d8adb6a11195b19a8', class: "thumbnail__image-wrapper", type: this.interactive ? "button" : undefined }, h("img", { key: '0fd8a6e29c7be7307225a7efb07023b6e7c21cd4', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'd03daf08486f6431a265428311781e6ba7f6fd00', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '902cacfb7a276918f17348a770d438f5e8b3ddaa', label: this.progressLabel, value: this.progress }))), showRemoveButton && (h("span", { key: '76857c76c1ea6edd565cde449af823ce44f20d4d', class: "thumbnail__remove-button" }, h("swirl-button", { key: '4524aa7cc50718441f3c3acb75d5dd8bb6abe414', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (h("span", { key: 'b6764d7a85c179b67e31cf4fb765350d873e5f5d', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

package/dist/components/swirl-toast-provider.js

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'be3a6cc246c26c1522b59e08003e66856f558a24', role: "status" }, h("swirl-stack", { key: '48346bb0378ea0c4b9722e30ac37b17ae4ddd439', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '1db8b2f832869490670c34067ae5fc8e19d7f987', role: "status" }, h("swirl-stack", { key: 'a616e31585de124b6f953151ec71cada1e8f051f', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/components/swirl-toast2.js

@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'c1622ceeb538072212692c8ec31552f4d1fab869' }, h("div", { key: '86b5d008d4a86b0ff1bc0343be1e22f93b1cc8dd', class: className }, this.icon && (h("span", { key: '4b589498166da780a4f77ca091b5a8c26502b2ff', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'db596b66212f3c4eb80df06805766196fb89e6e4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '34f348b1d6b2a08d53d1ac7cb5a994556d87805e' })), h("button", { key: '9a6dc80768d2c385fd8baf6856f955b86be5b9cb', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'da00f4f612e5812a23f44e7a7f436d590b652238', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '35695f50ea63a19bb96de63dd68a7667a679356f' }, h("div", { key: 'f8e3c2c30bdd6867274c548e3a745a4a3591b503', class: className }, this.icon && (h("span", { key: '43dea51f1849ccf1c7064b9522d793d0e16f49a4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '5171e135301ba31ac09e9a5fad3090803e7d82d4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '13a75cb56789364ee8193c571c86b4f752743a8a' })), h("button", { key: 'aeaec3b3e2770da4db5834735cf1d85eb13be6d3', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '039599ec0303620b134c1bc580468a1bf176b066', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/components/swirl-toolbar.js

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: '22343aaf6671a392716868f0913619f3e67b008f' }, h("swirl-stack", { key: 'a87ee8eb543fc865dd0e893425f0df1ac19be37c', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '19593191cd91fa105900c4d6c6c8f186a7c7132a' }))));
+        return (h(Host, { key: '93dcf545129b0037257412e87c2a5723a2cbd70c' }, h("swirl-stack", { key: '2200658e9fa82b528b594ac267623fe9bdb4050b', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '94a5dc9998cfdc6b064c1e749c49663cca87b5d1' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

package/dist/components/swirl-tooltip2.js

@@ -103,7 +103,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
         const className = classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, {
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'b0719dae99f8b66181aa5b179897e41c3b95ce26', onKeydown: this.onKeydown }, h("span", { key: '133d8504fc0aa3cc03c5c80473760dd75ded0314', class: className }, h("span", { key: '297e5a4a1134752443eb3d04fcdcd443cc5b3eba', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'b828835d2ef1c913f7e8522a6658477125631679' })), h("span", { key: '72d0bea47330db511feeaa051449d77d406eb4ec', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '03fbc0a205e7fc6ab4caf3c25153108cb332e94a', onKeydown: this.onKeydown }, h("span", { key: '67440b05dfffb0f797720e0817a19b6eb6a4f648', class: className }, h("span", { key: '7f4e9715d29a88af39b051d705b159c37ffe42f7', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '71d597a32e6a16ae688482a75fa823d09424d2c7' })), h("span", { key: '2e7bf8796bcfa4a0721a578a29e29e6b66d99b64', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -111,7 +111,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'dcc6c9bf1adff51240d807afd28cabf4efc7bb2e', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '37ecc6b48ef54423ec078802de2732c8fadc1a4c', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '4540e1a5474cca2e3f867d7fbdcfaa81adc40983', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'f9ac600db0ef8778651018a38c69d800b8ed9f59', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'ee843dd7927f410ec0695027cb867e18d3bf1de4', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '5b2549165b80b6d8389bf1d61d655c34beeb89a8', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));