@getflip/swirl-components 0.300.5 → 0.301.0

package/dist/components/swirl-switch.js

@@ -39,9 +39,9 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSwitch extends
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '7250827e3999b342c2d7f62c75d44f9540b13d87' }, h("label", { key: '64181a0fdf1b8446c299936d94bd97248efc043b', class: className, htmlFor: this.inputId }, h("span", { key: 'f1b9c9f219cf2a2bdff801059474c6280f3c666a', class: "switch__control" }, h("swirl-visually-hidden", { key: '5579d1af039528a49ab9e57789092ec4f2bb20d4' }, h("input", { key: '8f8bb22334e022037d08726afe1ff21342df0c89', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '8f255bccd4bc88951c9834b9f8be1c145ef8090c' }, h("label", { key: '97d8c29ba3e97195ba83c99d5e16c5a2c7aa2c33', class: className, htmlFor: this.inputId }, h("span", { key: '69360f3f113c17fc10eba9b943c299da3faae3d7', class: "switch__control" }, h("swirl-visually-hidden", { key: '9f977c34ae2c8b2f70e21e14b93bb3447c92e846' }, h("input", { key: '4772b2843ff727c7abb2b54fa1dadda40e2ca459', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: 'ceae17a9104fa88b65bfedf181a27fb8b58abf07', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '2a8c7475a23f02e6b5f93c18fb72cef69923f2d2', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'a0f6aef52717b251bd2e37f62b58e8a1c830ef14' }, this.swirlAriaLabel || this.label)))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '5d4d5dd10ca480c3b863c7b862614b019d48eaea', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '54858bc0abd9a3ef7f6db6b2641efdb637ab47da', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'db5bed1cb25def8b8a3751afd0179dc7ad6a2df3' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return this; }
     static get style() { return SwirlSwitchStyle0; }

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

@@ -69,7 +69,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'dd1c6db7b1b431d4a20e954b570a4ac64b36feb7' }, h("div", { key: '3e2d33a8a0155b94a6c3305823cab30a08e3bc05', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: 'de865241359c2bf741201641d4e06f3278daae08' }, h("div", { key: 'e9a6266e4130a650b231d97e197b22672caa1818', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classNames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

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: '60335e3851044504d055a3b38aa90c25c5fb8bbe', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '284853bd89212dfc43572949ea7695e5b723f53c' })));
+        return (h(Host, { key: '2037d2cac5f6cc280e9b220deb201de3d1a3c7cc', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '2ec2d7b8afc11b96148c77c350a6c3edf928fa03' })));
     }
     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: '928c4901ce0a82166ae1869bf4e0a6fc455bc93f', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '9fd6853d5ca6f749a1594baae50b800a18f49748' }, h("slot", { key: 'a64fd9c2a587f8ea79531d5a145ec66fcce2e1a3' })), this.sortable && (h("span", { key: '9b38668da82995eeee2cc1cfa0938f9cce41d570', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'ae88490ecca4a744ed0391f588104c5c88a801ed', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '1c816479d6ed0c695ac6401b67fcc4539a8a870e', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: 'a1cdd0846167d4e5a7e188e325bf9daeaefd1fed', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '2d6ffd6e1b6f34e597192593ea78de45955c93a2' }, h("slot", { key: '5496b4565c15a2ad927442c58f1a4de0e6dde751' })), this.sortable && (h("span", { key: 'fc76394a478d475590acb7c6f9e79791a688adf2', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '16820ff3a99a76a458ecc8c60c4e77fff34c01f8', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '6abe392ce6894e4229f7cfa6f0ee59525a7e1d17', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return SwirlTableColumnStyle0; }

package/dist/components/swirl-table.js

@@ -539,7 +539,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         const className = classNames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '072ad27c0d91fe202a82c853917575d36f9868b9' }, h("div", { key: '30915cb7a92b2f45d0ee3dc6b7af1040d0765b93', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '286a7f9a8a88054c6b330ccd49527495157001e8' }, h("span", { key: '9b94d79b0f8882da55b09cd3edede48ca1bac26d', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '0221127e6feedb0c4f2dc8fefd9f00a08e72e711', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'c7afbe0db6e602ff7b7c59c149a2abb2dca39168', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'a02b165844fc9685c158e8115fb90c48ae6e87f3' }, h("div", { key: 'c6fd789ad9d5a7e2ba1af8d1179c96c50806e10d', id: "caption" }, this.caption))), h("div", { key: '7386f5e1d6f6a1ec1e3f81b4f302fb3026e674fa', role: "rowgroup" }, h("div", { key: '4a9c0fb92683cd8530acdb9bc912e9ca080ce5b3', class: "table__header", role: "row" }, h("slot", { key: '23fe3ffe2bf0f78684846c4fd3ecfed994a871b4', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '972dcf9e869a187edc976a30bc513efcd3e6a549', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '5610098e443132f5a745c8e345d4e3a03c917190', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'c85753cf3ef5cb3ec2e62b623372d248eb485495', class: "table__empty-row", role: "row" }, h("div", { key: '533e9cfebbc9bb4336d1c2c3bba54ccf8ebe1765', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'e9a348686f3c80a33501e9bb85f8c92c068e7fe5', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '09b174be606c7544afc1a0350c34647f250e2887' }, h("div", { key: 'c7b8511b628e624344a194729d51be68c8af9549', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'b9a1b656ad1e2fd141f79de2908ae67e8e620b74' }, h("span", { key: '66c94d304dd33f5442a79d68e549e32d6402a693', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'a689ca32427b7d052000fb43e73829d56ebd367a', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '3bc369fd48ef45777b1b5ce58b6f1c17dd5fd722', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '71092e275836c8b76ae38284c2432756d72fee3e' }, h("div", { key: 'dc9ec137ceee0f1a08f888bd88457bc59fb3a201', id: "caption" }, this.caption))), h("div", { key: '418110d409e637bf9701df1d9a40154db35105f6', role: "rowgroup" }, h("div", { key: '8640b794b24888c60889f53994fe693e239b831b', class: "table__header", role: "row" }, h("slot", { key: '5f7d6d8389c03c4380fe7409e174c3796d1cd4ab', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'ad304251fc78b54d92d0fcf99a26710df2ce65fc', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: 'd6a34472226e07bd6677c1b41befcff1a6ea164f', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '0487f619a217e2b960e268843dc29276f05be8f0', class: "table__empty-row", role: "row" }, h("div", { key: 'a9eefa63d3bb2dc9a6ae6eb00ae124ed7aae133c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '541b0683037dcade368dae9133727e015fb53d90', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-tag2.js

@@ -45,7 +45,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     render() {
         const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'aa043cbe2948f3ee3a96e411db399680f64efb36' }, h("span", { key: 'a33611f3c493208c00d6bf3d11118b8535251759', class: className, part: "tag" }, this.icon && (h("span", { key: '15936268e6597d6c46d10deec46dc3dacc24d2ec', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'c13b0e05353eda1762f1321c7ca5c8fa6149e045', class: "tag__label" }, this.label), this.removable && (h("button", { key: '93aab4e6b46d9bc21b2764e48575b14360c8a3de', "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: 'bff1d55e2e453edb9f107e7504a9d46a4acbbe68', size: 16 }))))));
+        return (h(Host, { key: '2f782fbec8529dff11436335f22d05aea0b3d277' }, h("span", { key: 'a28edcd74329b5ad41a841ea34cf64f5c0a0a3e1', class: className, part: "tag" }, this.icon && (h("span", { key: '8e6dd0047b2edc52a9ab0188c8670f229b68426d', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7d3d017a67ee0b9381b202270bcd79c942047d48', class: "tag__label" }, this.label), this.removable && (h("button", { key: '926527e24d7343df1699d70c8c83680e41a4770a', "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: '4eae3d68adee266f586863bbe24cd777fec05a58', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

package/dist/components/swirl-text2.js

@@ -985,7 +985,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '713388ef1ff5eb7d6114a53cd1145169079edf95' }, h(Tag, { key: '4b14c27894c47122d5ebdb16bea0dc8023693b8d', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '8057eff74c66a986a47c9978fce2f83ca4272112' }))));
+        return (h(Host, { key: '588cf8450abc88e10fbcb5c4fdfd0fe2bc9dce8e' }, h(Tag, { key: '9f273ae090606167af8df32bc75a745f75d9fe39', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'dfe2e1e0d982b56f1fe8d15f26ee47912451e41f' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

package/dist/components/swirl-thumbnail2.js

@@ -43,7 +43,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: 'ed7e221526885fbe46f7f1f43a77317c367bb9df' }, h("span", { key: '5b6e7848372d2f6d9a2f79fb3a495b62ef8d6e8e', class: className, role: "group" }, h(ImageWrapper, { key: 'f83de51cd26c0b94e92cbb8aba57c6a5d90911ca', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'b5f76f22619560d332bf55d5b9f63a100d9dfb73', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '816f07bbe77c5f8893c537ee4fbe96fe57dce664', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '4ea95e65720fc2823955f25281b633c9a4e42c56', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '5076f6cfb2d5681546e0c6b79e3c9e3793396953', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'e40db4efd0b497170dc5b51806d7c6d330914400' }, h("swirl-button", { key: '61613f92840a2084ce05a8457a1f2d0c4f9a99bb', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'dde95dd38c51b0d610281263bb215aac55fa59ab' }, h("swirl-button", { key: '9b2d1d57f67d06762d9321a0cf88e28b9aa34fdf', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '461df26c806b91e0e518ec370ac9b7474f57c99d', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '70d633293daa4727d056ff5593b06b42594741b3' }, h("span", { key: 'c917b6b73e7fe6d08edccce0df7e1ebe82d218bf', class: className, role: "group" }, h(ImageWrapper, { key: 'e2d58b6056d30281f5657074c0a51233746c8885', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '5c314bb57e29f3d68b6fe4a8acbcbc6133291a4d', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '2d2c1750282ed590bf5169d4d63f221de1621493', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'f4c966802e5fb8366e1d4b8a9dec56e409959000', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '9156cad0374725faa52c354aa84ee2ecef0c8e7a', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'fa5be31b495940d4114cecc9ec3d44db33e71b45' }, h("swirl-button", { key: 'cbbb4413b629fb5ee8f15325ea253900e023ce3c', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '57da319cce44eee3da58adf844f42c9d8d2c8114' }, h("swirl-button", { key: 'a8c27973d55760d9425e08192c7844900b9d515c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '0ae403f7ad922e331cc32311336cbd7208cf5b62', 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: '6b3eb6381417fc57320494b85675634ec8cbd28e', role: "status" }, h("swirl-stack", { key: '26b7c2f18fefc092f0822a995f1066ef8c8fc6ef', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'bed74179178a76ee81b8cc99f00a0eacc6e65b38', role: "status" }, h("swirl-stack", { key: '432034316e9e070b3be979bcc1f064ac62e414a1', 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: '676e4706190a84cee6b6b6b1800e8788fc1ba828' }, h("div", { key: '9cc47f4d3c482c091b95d43b497dd90e12e02528', class: className }, this.icon && (h("span", { key: 'ad828f1c327c8ce8628f68ccf7364ee345dc974f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '7cc6eebcf936e40ebf1bd1f661b595a96dd29d72', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'df2debd57ed2aa87b529aa81fda26bd1fc02a721' })), h("button", { key: '1d1c2938862a572253611bf226265f3cc3e8ac71', "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: 'a1ea242f9764316d018c37af9c2c55cc0a11a6a0', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'e6378b3539a37a6350557437d8855082dc92b0d1' }, h("div", { key: '6e383b3f4c4b3d9dec61823f1e06f2efcc2a7cb3', class: className }, this.icon && (h("span", { key: '1da6e96a78e1c110e45257e2bf8255c20a78d7a9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '4e3a6f3889ef8f8ed991554bef7dacf907dd7317', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e0c7861f7cd3e018c4aff3013b43e334c68be2c7' })), h("button", { key: '53e9d286e244006efa9967265edab176ff22fd7a', "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: 'e5ac25bf77586d6ddfdae077d0e820dde9f57c3f', 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: '5416d10668ae2e88c6ea3501184dffe87779b9f5' }, h("swirl-stack", { key: '02e4d2a3d41b63d50fa85cbab86ff0a11bfb02ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '46c598bd3a3b716f28c897669396bd276de3a2dd' }))));
+        return (h(Host, { key: '81fa47de9bb8693b6eafb6e3bce5e0fc4b8cac1a' }, h("swirl-stack", { key: 'c73865391642535344946625b368891bb5d68153', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '5cf3d0a4b92756bb7aee03fea5d80ca3870b0ef7' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

package/dist/components/swirl-tooltip2.js

@@ -117,7 +117,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'bb0876790cd15f687658d29771ceb91b8dd88001', onKeydown: this.onKeydown }, h("span", { key: '9da9846ede5394a165faa1ded155f88f9760a947', class: className }, h("span", { key: '327bbb9753c47e08c0909f2df05aa4d86b5a4022', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '5b5a39b6507808a3926b613af1612b19d64585ad' })), h("span", { key: '81122c462ef32fb61185efe4bd796eec600eb341', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '0a7e33b01ce2677d7d5d5ba8eb19fa6f87bfbb89', onKeydown: this.onKeydown }, h("span", { key: 'b6ae12ef412da3f7e9aadb80504897feb717f598', class: className }, h("span", { key: '8cc43a0ff22d82156725def8b69778d48953fa0d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '3ec1c0b5d64b1db5f7fa7785157a0288c6e23b7d' })), h("span", { key: 'd52c1d0de7fa4196b5e606156b6c7acc2ef91484', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -125,7 +125,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '5bdfba1be1a42825041510626995a68726a6cec2', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '98b85837ac1ab5e8809bc264e67eb6b058837405', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'd6486b3b8b03567eadc72b514c2fa874040c1e6c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'eb70f7d5a40b3ad57d6d440352a69b71885e49dc', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '0ff4ec684f32d9dcb9db6da1b847acb899b9a1aa', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '8ebbf0e179465a476203f35504715220a816b431', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/components/swirl-tree-view-item.js

@@ -335,13 +335,13 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '518eb93c8a043e5b7ef286997360245fbb76fe77', id: this.itemId, role: "none" }, h("li", { key: 'c794913be3167e456da5f356c5eb47508f9bda32', class: className, role: "none" }, h("a", { key: '2e2bfc6e89f7abb7087aa05402dbe47540557c6e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '3d4ef51a14292ac38e96d10d5457fdb710654a9e', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '0e3e20697a9c650e8a5b093160ba276f95989fd5', size: 20 }))), this.expandable && (h("span", { key: '3e67ed430d7dc9f5bfad03ac38639360041d1a23', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'fdb782aee9709db0556de1f26360e82f297dce47' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '4a67bcabd58558df4c2d8b92ab63b819aec33fb0' }, h("span", { key: '62d3082df1ce3bd2fd10b431fedfbd8941ee3348', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '3b7e5656d638adb381cf33d4df02f625bc8e3c25', class: "tree-view-item__label" }, this.label), h("span", { key: '955fa6cf146cb52081f7f2d063e3a1297c65844c', class: "tree-view-item__tags" }, h("slot", { key: '064eaaf4c85aa786c2a05f8ae2cc75b7de698f01', name: "tags" }))), h("ul", { key: '024aad33ecffc93fda3fcb46322fdf2c72f82583', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '41d20f1600cf454930a6b5c3f9015484ad3444e2', id: this.itemId, role: "none" }, h("li", { key: '50893313cff01f2b631731643cbca4df13483e83', class: className, role: "none" }, h("a", { key: '80300bce973b614c4ec28df291a6d1770590db71', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '40214998f6dcb971f98180d435f8e25e3044438c', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '3aec21f677d64c57dbfe3719aa1dcb73ce04715c', size: 20 }))), this.expandable && (h("span", { key: '051975e396b9cbaa379ddbea9fd56e73c3b026d1', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '39e552987eead89174c0db2f6a069d53e13e3f3a' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '854ef9036f6c1e8c46cc32f63c48d3606f9d651b' }, h("span", { key: 'a120297ef20a63aab2131da4ee3062aa46283f07', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '0f62e8b9000ab3b894ca411ce077ffcdd5fe71a6', class: "tree-view-item__label" }, this.label), h("span", { key: 'e8a782b652b8dbd13265895de2c8d2cae49cf104', class: "tree-view-item__tags" }, h("slot", { key: '5d997a72f3513a1edc127a56d911d4ff70a5829a', name: "tags" }))), h("ul", { key: '823a2819c181b6582c2a4410ca8d8d097c32c399', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '814f3a933e378e6bdc35f8a29f73c0153a1e0c51' })))));
+            } }, h("slot", { key: '08d2f0a4b7e33b50b6f6907a3c1c5fce5a4fbd1e' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

package/dist/components/swirl-tree-view.js

@@ -327,7 +327,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '2ff064e5a88a606e7f1087795d7e457dfe202845' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ec65e0428e1c7d1ab62c6e7374c91ad8cd574db9' }, h("span", { key: 'cd46892755c70c34ccb8ec3d28e1fe23c757ec62', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '6ca7397859686915e35264da904cda878587fce6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '3897b33fecb6fc620f8b248f6eaf2ad6e27ec7cd', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'fb8d4895d37cc0e06b72cc278f83a70719604b99' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'b71aee2c203ea29c975a5d5e10c8b3f9e0adfdfe' }, h("span", { key: '3e3fec89b78cf756eaac54112e0322b04ecfdec9', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'cf797589426c10f03c61aaac92a6ec38c58ed451', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '8a6033ea8c15e2ca5929d19a08fe325d4dd5f33b', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {