@getflip/swirl-components-react 0.315.0 → 0.316.0

package/dist/{swirl-table-cell.entry.2ee6947f.js → swirl-table-cell.entry.fc9a4aaf.js}

@@ -1,12 +1,12 @@
-import { r as t, h as e, H as a } from "./index.7681d03d.js";
+import { r as t, h as s, H as a } from "./index.433e939a.js";
 import "react";
 import "react-dom";
 const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = l, r = class {
-  constructor(s) {
-    t(this, s);
+  constructor(e) {
+    t(this, e);
   }
   render() {
-    return e(a, { key: "24e4dcb45013f529d102e8bbe28d24c9e7b335e8", class: "table-cell", role: "cell" }, e("slot", { key: "9a61c05be4f6779d6b0fc8a23848d08b20ea6c6e" }));
+    return s(a, { key: "7c7ed1a587efcb2856e8a9f73013c1a6b183ac04", class: "table-cell", role: "cell" }, s("slot", { key: "5706df983e85fe697c28aec0b2d6f2c54b54e581" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.d0dd71fc.js → swirl-table-column.entry.3e50481f.js}

@@ -1,8 +1,8 @@
-import { r as t, h as s, H as i, g as a } from "./index.7681d03d.js";
+import { r as t, h as s, H as i, g as a } from "./index.433e939a.js";
 import { c as o } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", d = r, n = class {
+const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", n = r, d = class {
   constructor(e) {
     t(this, e), this.sort = void 0, this.sortable = void 0, this.maxWidth = void 0, this.minWidth = "fit-content", this.sticky = void 0, this.width = void 0;
   }
@@ -16,13 +16,13 @@ const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padd
       maxWidth: this.maxWidth || "",
       minWidth: this.minWidth || ""
     };
-    return s(i, { key: "49fe0abd83620fda3c574fe9eacd2b396cc1dd4d", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "f03c58deca941234d0531258f3a4978f0ed86770" }, s("slot", { key: "dc00fb83002a180eb66e4f0d618c4ffed38b7227" })), this.sortable && s("span", { key: "c2181892c5f342debf1fc5d7419ae408d96f9bd4", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "77effec7987a0b8cbe5dba5d3a47a17830d2ae96", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "aed0f50a026331af17db9306123b4f90ce91b671", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(i, { key: "ad9fff03c9bf939841042b99c5e58dc9a9c2a72e", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "4dca330c87b1a3b33f1cc8579d82e492ef1922fd" }, s("slot", { key: "7448c0f1b13eeaf6ffd73a0c33f218754a91be9d" })), this.sortable && s("span", { key: "c1a11f162484749e05ede7a1628e18ec4b843733", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "bd5f8687cce5e8e460eebd829111e346e0cafe2f", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "38f0cb969722b588ff6059d69c4399bc52e35383", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
     return a(this);
   }
 };
-n.style = d;
+d.style = n;
 export {
-  n as swirl_table_column
+  d as swirl_table_column
 };

package/dist/{swirl-table-row-group.entry.e492ae50.js → swirl-table-row-group.entry.e8dc053a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as a, g as l } from "./index.7681d03d.js";
+import { r as o, h as e, H as l, g as a } from "./index.433e939a.js";
 import "react";
 import "react-dom";
 const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, b = class {
@@ -20,13 +20,13 @@ const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(a, { key: "e1c0285f2ee72732d876aff8f0c420506c464c61", class: "table-row-group", role: "rowgroup" }, e("div", { key: "cfbe54d60cad453a461bea180ca78f9cf48590dd", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "a55f29d9dc02544b474a4f1ab96bab35a96aaa28", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "ca8b94c74b40a1ecc5567811be68cd681206d7fa", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "83c0bd35b887608b73b40f399e6b13615b951b8a", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "e659dca274fb2f3081c4e8623be94e0f37f6a139", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "3af901840de6e559020e5227ac8e8d3acd281569", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "ed602294faad0c8a753fa04e69a792735f8dfd08", class: {
+    return e(l, { key: "983910f1b947b9eced2178f9202f33c1897b90f2", class: "table-row-group", role: "rowgroup" }, e("div", { key: "fcf3e53550f8e1649115b5be2d701937fc0c7f7b", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "1debc8be6955c89c0fe1245e42944e863b5819d8", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "78e2aaa717a1c5cc8fd7e4d08d991b0094759ebb", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "5f01466b25fa23053e6e91c42e268bb06d9a4efe", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "6c65b50ae0706fb205f5111ab318455ec1ad422b", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "7cfa34bfda1a2010a918f31cbe745e390e87d9fe", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "4a177da3aaf238599ec69551694d76a0b304749b", class: {
       "table-row-group__rows-container": !0,
       "table-row-group__rows-container--is-hidden": this.isVisible
-    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "196feb738d060ea57040056ad47711beefad0b1a" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "fcfc04b373342c9695876f36a70c67cba53b4585" })));
   }
   get el() {
-    return l(this);
+    return a(this);
   }
 };
 b.style = n;

package/dist/{swirl-table-row.entry.8edc66ad.js → swirl-table-row.entry.3747448f.js}

@@ -1,21 +1,21 @@
-import { r as o, h as t, H as r, g as s } from "./index.7681d03d.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import { c as i } from "./utils-877a768f.c277f897.js";
+import { r as o, h as t, H as r, g as s } from "./index.433e939a.js";
+import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { c as l } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const a = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = a, h = class {
+const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = i, h = class {
   constructor(e) {
     o(this, e), this.highlighted = void 0, this.index = void 0;
   }
   componentDidLoad() {
-    const e = i(this.el, "swirl-table");
+    const e = l(this.el, "swirl-table");
     e == null || e.rerender();
   }
   render() {
-    const e = l("table-row", {
+    const e = a("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(r, { key: "b56e9d578b54d141e6be84ec048a9ccdfec2492f", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "ec63b4d76179364950840b70d18e15332741ecc4" }));
+    return t(r, { key: "027402bd2ba8c161c765a6d1883a32d7a4ffd6e5", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "07e445408a3ac93d22eb54bbd575629de4fa63fd" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-table.entry.7bfc28ce.js → swirl-table.entry.6dbc45f7.js}

@@ -1,4 +1,4 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.7681d03d.js";
+import { r as v, c as C, h as a, H as D, g as S } from "./index.433e939a.js";
 import { c as x } from "./index-267776a4.6beb4f4b.js";
 import { S as _ } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { d as R, i as p, q as k } from "./utils-877a768f.c277f897.js";
@@ -289,7 +289,7 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     const e = x("table", {
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(D, { key: "b122e95496aac9eba043a7455ecc8a7d766cc416" }, a("div", { key: "61fb37d2671b565a6d1485a7299fad297f40a93f", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "036d0d8687d4594ccd18c611ea9995703b6720d0" }, a("span", { key: "a62fd656441bce94c65dc5bffa138784b5cfdc7c", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "f6552202879b13835ae893cfc90f2e092ea215ee", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "f950f861227ae281a26cb7985ad4a5721e50bbe9", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "7aeec7ff5239a11842d6e777699e55f4c542fbab" }, a("div", { key: "0a5e807422f59fef0520d383e819e920c18dad8b", id: "caption" }, this.caption)), a("div", { key: "47fb3c0be5b726ae3b89052e0959ce4d06ac7291", role: "rowgroup" }, a("div", { key: "adf36853d2152c4763a5d77a170723ee9005cae7", class: "table__header", role: "row" }, a("slot", { key: "53ade5d80ec1f0873ff21bc869473f9da01d4f1a", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "791bdb3554fa09860f3ad9f0e0f603bb21e842ac", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "3122c024b80b24b55bd2bbe2338e5c783c1ad2ff", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "38d1202afddb311bbf582487dada2e2ee258706d", class: "table__empty-row", role: "row" }, a("div", { key: "e4e59de819f89faf0f48fbe69857de35c7ad1e7e", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "0509ed5f469fc7cc706acb9d4370df9bf9d7e967", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(D, { key: "70d70f2fe5172ab3c87d5b39eeefd249ceacf17c" }, a("div", { key: "d79df4da4e63b1963ccff990da89522512126261", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "b6abbae3e118be1fdaab0edeecb1f2814d572b9c" }, a("span", { key: "673361ae4cbebc86b4520ca46f65a916d3838303", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "b2a9065e354213fe8259e180f6f2540399da2300", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "b4f81a07737c4fe428c3fc57abcdfe5618dc1ca3", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "ba17478ca94bde5ba8cdf244f8b872a3dbaa2ab5" }, a("div", { key: "47e0bd31477cc5e7c64337c28690f3386ae85e72", id: "caption" }, this.caption)), a("div", { key: "3e455dda45297918b78d0c254bc230704fd2db9a", role: "rowgroup" }, a("div", { key: "3db95acac7ea49a44acc604c4263bb07080e785f", class: "table__header", role: "row" }, a("slot", { key: "029ce35ec20332fec73daaa40787885f42482a41", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "1219cffdd1f457be32ee043deaa880cc527c130d", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "7c66a9eda64a555963f210b1b406c74f2b35d9f0", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "342aac36b4c2d751b5e236880da1d1aff33f091c", class: "table__empty-row", role: "row" }, a("div", { key: "9a35950c09440c4375061740f21a5c20a55abf7f", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "625d8f81e7a1d02dbfff5ac1da6d055aff8a9292", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return S(this);

package/dist/{swirl-tabs.entry.aed190d6.js → swirl-tabs.entry.66f9a0eb.js}

@@ -1,10 +1,10 @@
-import { r as n, c as b, h as s, H as r, g as d } from "./index.7681d03d.js";
+import { r as b, c as n, h as s, H as r, g as c } from "./index.433e939a.js";
 import { f as e } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = c, l = class {
+const d = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = d, l = class {
   constructor(t) {
-    n(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    b(this, t), this.tabActivated = n(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -51,10 +51,10 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "0bdeab8068914f43c99a024988ccac1e32a332a8" }, s("div", { key: "72012d3d820388a1ffad5639bca48339930ec483", class: "tabs" }, s("swirl-tab-bar", { key: "60983bf89599537663dd7abcf2f863ee5f24d3b6", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "92c9ac1640443d137581688ec106c01619c9aeae" }));
+    return s(r, { key: "f8f8c42c6b49badf3fb777a60cf369bbe5f40a35" }, s("div", { key: "6ba2a595431793af80ca8a36b38d542f4096a9d3", class: "tabs" }, s("swirl-tab-bar", { key: "49171a2ea63323f0cbc096f07f86814da861657e", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "e3887579c6c02feb5a39c5f0bfb591195ba0f1ee" }));
   }
   get el() {
-    return d(this);
+    return c(this);
   }
 };
 l.style = h;

package/dist/{swirl-text-input.entry.0306973f.js → swirl-text-input.entry.d005f896.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.7681d03d.js";
+import { r as h, c as n, h as i, H as d } from "./index.433e939a.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-text.entry.4f5ccca0.js → swirl-text.entry.075ec782.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.7681d03d.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.433e939a.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "682be394022bf8e1a3c308db9bf2c1b5c5d6570e" }, Y(l, { key: "3778ed20aed2fa1b5bf45d221a2c2ae9e10ed550", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "083acbfe45c2010b6a408666d1a176e57eeb6eb6" })));
+    return Y(lt, { key: "9e4cd62b8e5d38f778220ff4d623e5ec2092e7cc" }, Y(l, { key: "e8f8a08a98a85235c16b1b7fa7af885466b47b0b", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "d01b357af42f737f2227403e89ac261c35abbabe" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.1cec3f61.js → swirl-theme-provider.entry.3297cdcc.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.7681d03d.js";
+import { r as m, c as a, h as o, H as d } from "./index.433e939a.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "e916b26b719ff2fe05b27b81ed1609bb8c2a2cbf" }, o("slot", { key: "3a8bc2f696ba62b5dcbb011f2f8105d7fb1dadd9" }));
+    return o(d, { key: "d1f9cf636ad7702d6df2c0fe102aa91a084bd59d" }, o("slot", { key: "e10efe8f5bb8918f2606db9dfc708eb1227d4fd4" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.df433e9c.js → swirl-time-input.entry.475d26c2.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.7681d03d.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.433e939a.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
@@ -62,7 +62,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "26f25cb1702afdf025eb7a232dcb424936e8c9e2" }, a("div", { key: "7b8fe40949857cdb5164733c54db1fb487eb7f34", class: s }, a("input", { key: "119e78c2d99fd23de00018184b672b7ff68561f9", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "fadc399c1a46d7dc3159fdbf7ab0bf78b363b5c5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "4c2b8a48b295f3cdc9af4bf824a85a3637f0973f", size: this.iconSize }))));
+    return a(p, { key: "31f69c9da07027a62126fc700221d0c52f97b62f" }, a("div", { key: "8a7c07f3a216184e074717f7229f4e9969b73bb3", class: s }, a("input", { key: "740d32b43532b239931be1bddb730632902ec622", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "028135021c14b973536241de381cde8c082a2f1d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "cbd7f540795d3d7734fa333748339212cbbbb291", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.52526a2e.js → swirl-toast-provider.entry.ee0dd1c0.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.7681d03d.js";
+import { r, h as a, H as e } from "./index.433e939a.js";
 import "react";
 import "react-dom";
 const h = class {
@@ -14,7 +14,7 @@ const h = class {
     this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
   }
   async toast(t) {
-    if (this.toasts.some((a) => a.toastId === t.toastId))
+    if (this.toasts.some((o) => o.toastId === t.toastId))
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
@@ -27,9 +27,9 @@ const h = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return o(n, { key: "9b59892c696d679d54f514b3132193291fddf006", role: "status" }, o("swirl-stack", { key: "51896f184a5a44ba65e299827d426d073f27d8fc", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "3102f7a7b97d39bf4786b4d69edef75c382f901b", role: "status" }, a("swirl-stack", { key: "4b737934696d5ad985324fb710bae11e1a722126", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return o("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+      return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };

package/dist/{swirl-toast.entry.6e2cc917.js → swirl-toast.entry.17ee5a02.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.7681d03d.js";
+import { r as o, c as n, h as e, H as r } from "./index.433e939a.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "271a75f8636b458af944bd4e3043149f2ba94c0e" }, e("div", { key: "fc92b931ae5e05c50cae291f673389f0362696df", class: s }, this.icon && e("span", { key: "226683d4cd7ce961bb30ec061e4f616c10671d69", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "d494d70bd8b918162b244546184ddf80a5492fb0", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "9eaedc68f21703e2c6566accfe64d16ed03d8ce4" })), e("button", { key: "d830538656c58b72cc7c4efc8039129c1d0b9ece", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "67a59a486503cd13dbbf69070dd45444e251081d", ref: (t) => this.dismissIconEl = t }))));
+    return e(r, { key: "66b602af1531b3a1a9dba23b54d94bfd0917df6d" }, e("div", { key: "668b27ec01b2bfbc884d4e5470b61619941bffc4", class: s }, this.icon && e("span", { key: "b9e77f4ea760858c21e2cae858431573885c4a8c", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "c964b92496149e8f818b2a79ec8b0ad3b39e110d", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "171350974098a84e90e7702e53745524e2e07b96" })), e("button", { key: "9315b36ec5dcceb59d7af7a7e1703be2818baa43", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "44a05abbadc66519fe6e591447d247594c454f9e", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.ce239251.js → swirl-toggle-button.entry.2494b6da.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.7681d03d.js";
+import { r as s, h as t } from "./index.433e939a.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "86f7a45ffb63d08677071ed761cb39b217c63789", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "bc07f1c669341ba2798a01c7ef52a22550d8c701", class: "button__icon", glyph: this.icon }), t("span", { key: "0f7ea6340339ee144c04c6914c5a7eadbb8f5214", class: "button__label" }, this.label));
+    return t("button", { key: "89bb863b85e7bffdc5422c967c4a50c092d5b179", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "19928cfe03f64e1470ff4096b168430a48acb1b4", class: "button__icon", glyph: this.icon }), t("span", { key: "3d0caa1fbdc8caecb708b6ebb6f232b6119c3900", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.43d41f31.js → swirl-toggle-group.entry.4731d776.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.7681d03d.js";
+import { r as i, c as g, h as o, g as r } from "./index.433e939a.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -41,7 +41,7 @@ const n = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
   }
   render() {
     const t = l("toggle-group", `toggle-group--variant-${this.variant}`);
-    return o("swirl-stack", { key: "fb0734c6077fbb6db9911f450884eadddf9215f6", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "65135b370d16fa7d2ea80f640df8ebd014d49cd8", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "ab1b5a6a78bc82c75d662f390f37fe014ecf7d71", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "ef1cf15216bc8c9b655add013c1c9decac3c4ef9", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.9c68f629.js → swirl-toolbar.entry.dba38098.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.7681d03d.js";
+import { r as n, h as s, H as r, g as i } from "./index.433e939a.js";
 import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, b = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(r, { key: "bdd8b9b78e3d42fe48c7c3f5efd34fa2d4ddf1d3" }, s("swirl-stack", { key: "8258f6df50e1915c69deb97003b6887bb27043d2", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "c78d840684a0c1f9c3269187fdd227dd5d408680" })));
+    return s(r, { key: "0f08bb5931e56f1cc56917fbf52a410c1262d566" }, s("swirl-stack", { key: "8b0f10dcf385da8f4b402a3cbcb2c6efc60fb13c", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "238b66c42520886409fa64a4fa92e7782ad0d4a9" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+b.style = l;
 export {
-  d as swirl_toolbar
+  b as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.a73d6b45.js → swirl-tooltip.entry.438a97e1.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.7681d03d.js";
-import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as d } from "./index.433e939a.js";
+import { b as h, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -16,7 +16,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
         h({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
+      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
         left: Boolean(e) ? e + "px" : void 0,
@@ -25,7 +25,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -70,11 +70,11 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "56110027e5c5eba4550cf8bc8c84bcccdf876176", onKeydown: this.onKeydown }, i("span", { key: "ced7c3cdc8bbf6f22838709b014cb4de79428873", class: a }, i("span", { key: "579af956243ff6f11c031860cbfff3297df696cd", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "e54c2999edcdf1c5c3bf58f6da05126f30831e67" })), i("span", { key: "58dd3f88312b592b5acd792b59a0d00c0c25f77d", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "4db218f313da01033b87acd2379054d5f3df40c2", onKeydown: this.onKeydown }, i("span", { key: "ac530e0fbe013b6a9f5754ca37b9dd286a816f6a", class: a }, i("span", { key: "a86c4bbce69fd8193908890ce035dc886c14b178", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "0a348ef1b9136e9a9cde6b68ad6f2dff8aed9ca6" })), i("span", { key: "2afaf4a6779ef8e8238aa294761ea07b06a494b4", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "a09a352aa06bfd14f7ecbd78ae1b8e1fb10633c0", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "99bf41d14e7af1dc7247283392b3dd1751cecbb4", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "bdf668711ddf0a04c8ea272f182684d48724f52c", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "03d41c3dedab3fe5829234a5167ede80de87ba7e", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "9a35f9c8caa44ef676fdf914d7af0a92891faf48", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "667386c4a56c49b3d0ece38a8282083b46fc5e6b", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));

package/dist/{swirl-tree-navigation-item.entry.e0c57776.js → swirl-tree-navigation-item.entry.e86f74bc.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.7681d03d.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.433e939a.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "7546bf91687cb5255d0ef2856f01a4548985268b", role: "none" }, e("li", { key: "5f02e0faedc4b2d787f9759ef2f434c1d6cf3fa5", class: {
+    return e(d, { key: "d3b818b7c1954571f42e9993fa09d12331be4aa0", role: "none" }, e("li", { key: "38613bca095167bb52c08f6edfd01392c14141c1", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "8c219beee1fe1ee73d1cd522f838422acb33b33e", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "4c117cc39f106e791e585630fea054836654eaad", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fb3d79ca8cce16844def593363c3ef5e1db2547", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "85ad7eae806e912da5de9ff56f231aa13c1bd67d", class: "tree-navigation-item__label" }, e("span", { key: "635144abfeb581ac66daefb47b7eb2be65eb9704", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "89f60c6b1ebdeba002dfbf5c6b3d59274e21466b", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "67e02c4f54fd23d95d6aa6149d416f5212cb0239", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "fb64bee62ee5d24c86c0add84727e16c3593ae1e", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "9c52b27c8dcff4094a86c4003675c953fbf24d89", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "30f499f93b18ebf815cec0b153bac97c7b26697c", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "1670a08d52c76f44820f1b3fbb719b704f5d61a0", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "ba275752501657c46eb1a8421af2bc6ee307142e", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6bd22f69d92a47bafe830bdd91a6cdb0a7d89314", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "4013b348b3bd34a1704a440ca02e295c6f486676", class: "tree-navigation-item__label" }, e("span", { key: "85d92e19cffa5e712d6442102751a14cfa3536d8", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "74ee3c2bcde129b4f381cdbd7a4ce7a0054c259c", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "e3e2db45048917dd382a3474132eb322b4d316c5", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "6e6f27f67a5d0b12fd30a53aa861bf989585cf37", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "0ada7268b503a817c6d84782c6b316c41a2d2134", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "5454a89f53cefedd273352ec8c7d8086dbd4f858", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "17ed564e5284de612b5e82075b8cc591facad53a" }))));
+    } }, e("slot", { key: "e033aa470e162464333a8c1151eb820b72092a5c" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.170a202f.js → swirl-tree-navigation.entry.4cc5a1e6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.7681d03d.js";
+import { r as t, h as e, H as i } from "./index.433e939a.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "fbe80606091f084351fd413c8bd9d84840a43853" }, e("ul", { key: "b570f59e9d44fbcfb54daa22b083b0bf30af6920", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "08bc43245333aaaaadb4b2157117849b28c9ef46" })));
+    return e(i, { key: "6a203073bfd8f02b0a30245f4685fb69bfce7508" }, e("ul", { key: "6d95afbbb04ffc4fa1553474cb1455b65d57a988", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "c703e62708f834c9c4650663c1b3731aef0a333c" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.1cc183dc.js → swirl-tree-view-item.entry.5fe8862f.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.7681d03d.js";
+import { r as f, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.433e939a.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = x, k = class {
   constructor(t) {
-    b(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
+    f(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, f;
+        var m, p, v, g, b;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: s, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
+        const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: s,
+          oldIndex: a,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: a,
+          sourceParentItemId: s,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, s, o, a;
+    var r, a, o, s;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
+      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const s = this.getKeyboardMoveEventData();
-    !s || this.keyboardMoveEvent.emit(s);
+    const a = this.getKeyboardMoveEventData();
+    !a || this.keyboardMoveEvent.emit(a);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "e0d2b8694f743503c83d65b022181b5f4b8aa430", id: this.itemId, role: "none" }, n("li", { key: "a62867688783903f80962951582f3e546e005433", class: s, role: "none" }, n("a", { key: "96d0fa15dc38aa0e16d040e1f738f8afb2043492", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "7689ac1a7220245d6a00faaf178e1c18bdcedad0", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "68f03e71f98c60fc6c8c7d45b417065e4cfecb69", size: 20 })), this.expandable && n("span", { key: "235a6f7a70a4fc56ea471afe99768b6466c2ec28", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "b6ff86e4d1537e1784f8ed05a7eaad298795df36" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "204331ae9d679405b1ad048503ec8aa7e2edc69b" }, n("span", { key: "58e9b0d869982ee5c8405206c498cab117395606", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "d4aad2cad83f0dc5d7b5cd5ca4ef578a9df68f74", class: "tree-view-item__label" }, this.label), n("span", { key: "85ba011efab486be722cfdf74eca42f4a58836da", class: "tree-view-item__tags" }, n("slot", { key: "bfa534b2372549c62a72cd169233dfeedc47726c", name: "tags" }))), n("ul", { key: "30df34467ff1672b2eceef412c78e008103e38c0", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "01ca9cc89f5eb7c66ae47680591e378c09f67d3d", id: this.itemId, role: "none" }, n("li", { key: "1b1d36073813b3bb207d3e2a20515bce93dbd226", class: a, role: "none" }, n("a", { key: "86d9cca76300bd49749c096125b9d22cb697cc50", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "228858a5745c9f6c20d9567d758e469647818036", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "ee78522ed5de0420940ed3863a689c6f9d511cee", size: 20 })), this.expandable && n("span", { key: "e6f2e65376329d9c3c292759150073e8a1b731ab", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "575c9975bf329f7635f83bd08f188d5d07920009" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "cfc4cb15788507d1ee43b27d83917e0ca4df7091" }, n("span", { key: "fbae6155ff22a1237b851cadb7db8f943b9cab9a", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "20d11a4893c03d2cdf885785375b5bf83bb62db6", class: "tree-view-item__label" }, this.label), n("span", { key: "5bfca18ada019bcc182c96c97858fd0e7e6db783", class: "tree-view-item__tags" }, n("slot", { key: "c69e510d1d46b26eae73011864162f03ce2615e3", name: "tags" }))), n("ul", { key: "77ae8fd3096eb8aeb68dfd8bafd7682c586d8932", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "1f8bf0ca427bcd43526dbff2d700abed393f5394" }))));
+    } }, n("slot", { key: "81a3a31a6d70578df79cf64802480e0aaf856e91" }))));
   }
   get el() {
     return y(this);