@getflip/swirl-components-react 0.335.0 → 0.336.0

package/dist/{swirl-tab.entry.07b3d497.js → swirl-tab.entry.f2b93ab2.js}

@@ -1,17 +1,17 @@
-import { r as a, h as s, H as e } from "./index.d7454d9a.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
+import { r as a, h as s, H as i } from "./index.736c6dd0.js";
+import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", n = d, b = class {
+const d = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", c = d, n = class {
   constructor(t) {
     a(this, t), this.active = void 0, this.icon = void 0, this.label = void 0, this.padding = "8", this.tabId = void 0;
   }
   render() {
-    const t = i("tab", { "tab--active": this.active });
-    return s(e, { key: "bae08feb5111e759b30e0d5ba813dd8565001b04", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: t, style: { padding: `var(--s-space-${this.padding})` } }, s("slot", { key: "fd773d5738cf26fea22a2e2c3ddf732721475285" }));
+    const t = e("tab", { "tab--active": this.active });
+    return s(i, { key: "2b106914302dd758cbcc4a9e9cc65fffbb7435af", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: t, style: { padding: `var(--s-space-${this.padding})` } }, s("slot", { key: "34761dfc73643801259a94cf6a271e566d890e67" }));
   }
 };
-b.style = n;
+n.style = c;
 export {
-  b as swirl_tab
+  n as swirl_tab
 };

package/dist/{swirl-table-cell.entry.043a6e6f.js → swirl-table-cell.entry.1b24ceca.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as a } from "./index.d7454d9a.js";
+import { r as t, h as s, H as a } from "./index.736c6dd0.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 {
@@ -6,7 +6,7 @@ const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding
     t(this, e);
   }
   render() {
-    return s(a, { key: "782de1259d21a5c7922414e9dab2e7f6b06f67b6", class: "table-cell", role: "cell" }, s("slot", { key: "927b40050c0700771dbd103d5a91fb1794c87dd6" }));
+    return s(a, { key: "5a0296fcb4a800237d46bcb1bf02388563ac5e69", class: "table-cell", role: "cell" }, s("slot", { key: "50b58c69e9214585a0d6d0a995fce49343df742f" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.04dfa55b.js → swirl-table-column.entry.bb8049ed.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.d7454d9a.js";
+import { r as t, h as s, H as i, g as a } from "./index.736c6dd0.js";
 import { l as o } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
@@ -16,7 +16,7 @@ const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padd
       maxWidth: this.maxWidth || "",
       minWidth: this.minWidth || ""
     };
-    return s(i, { key: "70f231961f80ebc0e23b643ca0b43942a6f62a84", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "8817ad3dd849eb111da48708fa849dfeff3627d6" }, s("slot", { key: "8dddbf88cc7fd6d4040eb3e46b46a3c94b524d0b" })), this.sortable && s("span", { key: "bc98f42f83b9c7b643802037f9e3d3c87bc9745a", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "0d5f6ca4c4ca1f329d2847072fb2bd875c7df543", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "5e75ee4cf854b0583428d91f2aa1065e366468d3", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(i, { key: "fe14994d0fdae0ecfbee6982fd8781d0d62fd10c", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "e86e6ed610b496c3a20c6f27121dc1d5e3b8e27e" }, s("slot", { key: "cb5d8f90a82bceda84bbb4b1efc9adc094eb3bd1" })), this.sortable && s("span", { key: "3afc3b97b283570839725302d6248952218d17c9", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "74519e6b536ca600812e7c342fac7bd79955fd84", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "77d0f69fb40fe512185b35b2af1cfdac50018964", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
     return a(this);

package/dist/{swirl-table-row-group.entry.0e6f90f0.js → swirl-table-row-group.entry.59e84e4f.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as a, g as l } from "./index.d7454d9a.js";
+import { r as o, h as e, H as l, g as r } from "./index.736c6dd0.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, c = class {
+const a = ":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 = a, d = class {
   constructor(i) {
     o(this, i), this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -20,16 +20,16 @@ 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: "4009aea2ffaa36d62941696b04952575286fb05f", class: "table-row-group", role: "rowgroup" }, e("div", { key: "2fa18e348aa557a14401884487e126320ad63b69", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "4631e86ca19f00e110acd68c20497c25c010f403", 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: "3cbd286ed384e85fa991c416ed5e218c5f68c3fc", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "8b84253ffbbed0bcf0c94a7207a182676982c764", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "a9cde02dd13134e8eb1b21ff40f010d242b67b9c", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "8a5ba525c452d181a4fcab6446e68a8fd1594b7d", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "9e934280ecb0c2b42cd4b8ac06996954f6696a5c", class: {
+    return e(l, { key: "8cdb4a0f006d70abfa2320b1f2d80bfe3cdab3f3", class: "table-row-group", role: "rowgroup" }, e("div", { key: "443b90ab3888b5d8bc6c5ec1443c5bef6ab3ae80", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "2ea27a4e7f1d233b37739d6d3d4bb3ddb9ee0300", 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: "df87dde490547dcf0076b3c49077b5f5fa8dc48d", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "8229ac98d1ae2b2663c6f74a8c98c4912f8f2cd4", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "7267e0831c581d30338e0ed0f669c4c2cd2f859b", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "f21463e7a5dd38642285390c023d645547c6f94f", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "94e24752cdf56d0b05e3638be15293e02900ee0a", 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: "fbf66c2989fe8435abdddbccc8ace3370ccf4d73" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "8be23b9fed8ee017961ff5e97d5417f2aaf07d61" })));
   }
   get el() {
-    return l(this);
+    return r(this);
   }
 };
-c.style = n;
+d.style = n;
 export {
-  c as swirl_table_row_group
+  d as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.5d70fb79.js → swirl-table-row.entry.a435c51d.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as r, g as s } from "./index.d7454d9a.js";
+import { r as o, h as t, H as r, g as s } from "./index.736c6dd0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { l as a } from "./utils-28df99ee.9fb223f6.js";
 import "react";
@@ -15,7 +15,7 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(r, { key: "fa4728c1594534cf78d9b8c1f1bb7ccf4df18735", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "3eea0a0cabf90be9a84cb11c94fdd361e4637dbe" }));
+    return t(r, { key: "37aab28b84e6383e85df44fade82e299451d588f", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "aecebeda0ca01b2c576b9b410b4e90588636deae" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-table.entry.7bfbc06e.js → swirl-table.entry.c3d5a123.js}

@@ -1,4 +1,4 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.d7454d9a.js";
+import { r as v, c as C, h as a, H as D, g as S } from "./index.736c6dd0.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-28df99ee.9fb223f6.js";
@@ -7,15 +7,15 @@ import "react-dom";
 var L = function(t) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, s = void 0, n = void 0, l = [];
   return function() {
-    var b = O(r), f = new Date().getTime(), m = !o || f - o > b;
-    o = f;
+    var f = O(r), b = new Date().getTime(), m = !o || b - o > f;
+    o = b;
     for (var g = arguments.length, d = Array(g), c = 0; c < g; c++)
       d[c] = arguments[c];
     if (m && i.leading)
       return i.accumulate ? Promise.resolve(t.call(this, [d])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(d)));
-    if (s ? clearTimeout(n) : s = T(), l.push(d), n = setTimeout(y.bind(this), b), i.accumulate) {
+    if (s ? clearTimeout(n) : s = T(), l.push(d), n = setTimeout(y.bind(this), f), i.accumulate) {
       var w = l.length - 1;
       return s.promise.then(function(u) {
         return u[w];
@@ -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: "e5625a5599994aa49cde89dd4b3089c4e4be70ee" }, a("div", { key: "9a3782be9fd19433e40d177c72538812a02fee96", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "5b09498b3b83ecc365e6cf34d611dc725e0c9380" }, a("span", { key: "1c8669d438082e37a98461cbe3a891cad28b16c8", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "0254ab703e36e344ed718692b24b7181a35c1662", 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: "8bea0a0edaab0f359da5056066eeb2de2d0bd6c1", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "90c368641f8d29ea1e55c8c5a74148c9c86f7dc6" }, a("div", { key: "717e06879bc83642ebce452e49a61a1ab0102be8", id: "caption" }, this.caption)), a("div", { key: "63cc6bc50f68ca4d0aca3d28fd4c7afcbe320977", role: "rowgroup" }, a("div", { key: "25114fb05a16198cc5a387149df3ca46e2afa93e", class: "table__header", role: "row" }, a("slot", { key: "f25129b8a5c49919c18e24b92e08535113659a2a", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "e74840547f0f891959efe8c651c7589fa5a84596", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "4ae4f10734e2a31225ccde5d07a234355bf37d30", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "58b5e36698de1e9e9fd36e8dd0d247976d8dbdb0", class: "table__empty-row", role: "row" }, a("div", { key: "33f8e6b1c6d48dff5d0cef521f704493f9d85e7b", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "c854a3ac132935900c6150e0d90f5e1990989532", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(D, { key: "9b1d6c01fdcea966fe24330b7680a1e41970a6e7" }, a("div", { key: "26b7d44a15fd14df4c58f02ead0040eeb6a87112", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "e2cd1f66e5d260146d46e44aef550c7dc9c01163" }, a("span", { key: "0d626e81cf20fef5b44f784ed59ff4bd6dc24faa", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "cefd03a97a45da5a6de98c41469972b297e7bc6c", 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: "f9792ae47625d73395d6e9ccec8933614a147127", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "f51c446eb0890c1a95d642aeb13c00742903c08d" }, a("div", { key: "18802bd2d7930923e3d9937b4a0c29e38c8c6b36", id: "caption" }, this.caption)), a("div", { key: "dd6dfcb40f5c7b28628e922644a5408453d8cb6b", role: "rowgroup" }, a("div", { key: "8b90a6de0ac3dca26b14884561572c7a4ef1b2cc", class: "table__header", role: "row" }, a("slot", { key: "c43f8a9496105e2da366485fe3ccdd5e1ffc0f74", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "91d1f7f012f1bd9df35959f30c917a3e51c6ebb3", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "113f3a2449eb327c13ef9ff5db744055999ead7e", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "d46195ec682ae075866517ff6252636f82b2db28", class: "table__empty-row", role: "row" }, a("div", { key: "c07afa0c4b28182b095ed43b8b5a6e8cfe203b9b", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "a03fbcd9e60b70bd016296125a77d34ebe59f7bc", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return S(this);

package/dist/{swirl-tabs.entry.aecea87c.js → swirl-tabs.entry.90eb6697.js}

@@ -1,8 +1,8 @@
-import { r as b, c as n, h as s, H as r, g as c } from "./index.d7454d9a.js";
+import { r as b, c as n, h as s, H as d, g as r } from "./index.736c6dd0.js";
 import { n as e } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
-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 {
+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 {
   constructor(t) {
     b(this, t), this.tabActivated = n(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
@@ -51,10 +51,10 @@ const d = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "f6c7e919c923385cb2cefa4d548e18749cdb182c" }, s("div", { key: "6d8e151e679466baba735e5bc722f3336bcfd261", class: "tabs" }, s("swirl-tab-bar", { key: "aa62560690f8b032261073d2594da95bf3b45a35", 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: "7177ca6acef4f9243e06b22ec9109fa46b16b917" }));
+    return s(d, { key: "7c4ddcfdf5617406fc496d55b8bfdffb7cf4377f" }, s("div", { key: "a4a82d93b2652791de53d8e8fc542d9c542d703b", class: "tabs" }, s("swirl-tab-bar", { key: "9446cba8398f69bbac923327db163375ae02e182", 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: "aa2d95ff797ced12b9f087d54206e1c60625fe4d" }));
   }
   get el() {
-    return c(this);
+    return r(this);
   }
 };
 l.style = h;

package/dist/{swirl-text-input.entry.9d806a33.js → swirl-text-input.entry.b23680b3.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.d7454d9a.js";
+import { r as h, c as n, h as i, H as d } from "./index.736c6dd0.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { D as x } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";

package/dist/{swirl-text.entry.bcbe51b0.js → swirl-text.entry.1e97006d.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.d7454d9a.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.736c6dd0.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: "20837a36e608452ce7705c3164ee6035c41502a1" }, Y(l, { key: "b449f83b563bcc1e3609eca5957ef8683c434eac", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "c804a7d5e0f4cb83f984506a92cb75d0d209db13" })));
+    return Y(lt, { key: "46c59cd19e5efab71b18b5a92117aac4350daa03" }, Y(l, { key: "99d84a4bcb9db229af708ca7b18e559c5e6d1fff", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "6c5299e4a8de583f0c2894fa699b768a04de623e" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.2aadec93.js → swirl-theme-provider.entry.434af41d.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.d7454d9a.js";
+import { r as m, c as a, h as o, H as d } from "./index.736c6dd0.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: "9d06e2e5a70a4580437870ed30e0809085c40aa5" }, o("slot", { key: "8276d2bd57d69e801b0365906455b27e467f6e65" }));
+    return o(d, { key: "2fc795caa5590daba2ca5b9cf3bb5544bb8e6d36" }, o("slot", { key: "e70aa8f6ce6775f55e45109df3b76f19c318a85d" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.2c177e35.js → swirl-time-input.entry.2c05987e.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as m, g as p } from "./index.d7454d9a.js";
+import { r as c, c as d, h as a, H as m, g as p } from "./index.736c6dd0.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as u, m as w } from "./maska-c5119b9a.aa658697.js";
 import { D as b } from "./media-query.service-9a0ff1cb.1b0964d0.js";
@@ -64,7 +64,7 @@ const v = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(e) ? u(e, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(m, { key: "692360011fce6580effdb30f7d1e37a06695fa36" }, a("div", { key: "e9c714e6eb7f6fc51c959750d07815a821700426", class: s }, a("input", { key: "f83b3deb648f9db7a1c66cb57428de35745e9966", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, 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: "ec00194927dc1a4bf9d86bddbc8fe12b033d83c2", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "3af25e6093d5d35ae3ed95a94ac72345e201b6c5", size: this.iconSize }))));
+    return a(m, { key: "49290cfb9f87830e17c2bc8d2e84fdf3eb751e5c" }, a("div", { key: "77f806fcde5e8ff892589a4544780eac84698337", class: s }, a("input", { key: "377940f70badf51e58fcb693cabebac4d5322aee", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, 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: "4ce65f599d61079ee38ff7c470e3e7049bf582a9", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "321c853a2e747d75b4c37b64a080e128bcf3f15e", size: this.iconSize }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-toast-provider.entry.83d285d8.js → swirl-toast-provider.entry.f766c534.js}

@@ -1,9 +1,9 @@
-import { r as e, h as a, H as r } from "./index.d7454d9a.js";
+import { r, h as a, H as e } from "./index.736c6dd0.js";
 import "react";
 import "react-dom";
-const c = class {
+const l = class {
   constructor(t) {
-    e(this, t), this.onDismiss = (s) => {
+    r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
@@ -27,12 +27,12 @@ const c = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(r, { key: "5016a14ee953a31f67d13bf1ae1e85c15354bde0", role: "status" }, a("swirl-stack", { key: "c543587f49c16ab6601bb7c6e2edaf7cbd242050", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "0a8b68e7c0dae73a1263ba813cde71f41337c8cf", role: "status" }, a("swirl-stack", { key: "fcbda75980965eabb709df9b958e6673bac9d0bc", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  c as swirl_toast_provider
+  l as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.6280b0a5.js → swirl-toast.entry.8bea7a0a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.d7454d9a.js";
+import { r as o, c as n, h as i, H as r } from "./index.736c6dd0.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { D as d } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
@@ -37,7 +37,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const t = c("toast", `toast--intent-${this.intent}`);
-    return i(r, { key: "92d6a7d7907fedd324c251dbf69cb465d01a2d91" }, i("div", { key: "48955f3012dbf46e0590b22a9af259fd976a9586", class: t }, this.icon && i("span", { key: "489f5e15ae9614b20f9706f395f01ad4e0fb2261", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "81fc11661e29fc37185288333fcddcd8febbf402", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "388c8073d0db9d6858e2e2564b2904b5af7a5d4b" })), i("button", { key: "e1351b4e40943e0dd729bebbbe9767b4e55de444", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "f92c2010b23232ea98a9c3d22c5e073ccfd1a1d3", ref: (s) => this.dismissIconEl = s }))));
+    return i(r, { key: "b29e2ba85fa079fe38d1c98f263dab533b62397f" }, i("div", { key: "12eb69241727e1987d0000f3d7c89abe3b67f91b", class: t }, this.icon && i("span", { key: "0ee932d76c4d808dd3cb1efdba1468cb6146371a", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "c430d5710e3cca352b8a60c5c5c03e7ed7f2fde2", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "8a7b16c6de39077fbe4155d96ccb99dc29576b0b" })), i("button", { key: "356452aae8898ceeae83629c617966f4873c1088", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "61d6def00097203affe39ad1c39a58d76750a37a", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.6abeb516.js → swirl-toggle-button.entry.61becab2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.d7454d9a.js";
+import { r as s, h as t } from "./index.736c6dd0.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: "8c47dae5d33babf77dd549dce9acdac2a2eb50aa", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "6c85625a9427b0b40c203a4de3e3bce6b51c755b", class: "button__icon", glyph: this.icon }), t("span", { key: "e6bcb8594de5691a6e5d4bbee310c6c5d03eb527", class: "button__label" }, this.label));
+    return t("button", { key: "ba7c1b000326c2090ed4f8e84bb02116ec826f16", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "e5d9e46e5ca33eca6f9159b85c403ee7145a5fd1", class: "button__icon", glyph: this.icon }), t("span", { key: "308de8443fc7be4cd52caf939409ac580f4dcace", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.e04dc48e.js → swirl-toggle-group.entry.e14508b7.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.d7454d9a.js";
+import { r as i, c as g, h as o, g as l } from "./index.736c6dd0.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -43,7 +43,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     const e = r("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "b9dcd7dcb1dabd27227568473287bebbacd08d85", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "0d54fe748fc081ef7930aff6027a2ed460f275eb", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "0a5782a3e94024f06810d2919ce656c1cb9554e4", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "96e9541276fc38ac30dc319f280ee3cba44cb70d", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return l(this);

package/dist/{swirl-toolbar.entry.8135990d.js → swirl-toolbar.entry.392af1b8.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.d7454d9a.js";
-import { k as c } from "./utils-28df99ee.9fb223f6.js";
+import { r as n, h as s, H as r, g as i } from "./index.736c6dd0.js";
+import { k as a } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = 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());
@@ -27,7 +27,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = c();
+    const t = a();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class
     });
   }
   render() {
-    return s(r, { key: "7a89a37bf47c2ca12422e4b69fc49c6b1478c373" }, s("swirl-stack", { key: "7349ee2ab52619ff8104f1fe122599178a139400", 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: "4c5b9382755409876bc554a7ee698ed326ec8ace" })));
+    return s(r, { key: "f1e21a1a5f8aad76142db1cc338e14585b59003b" }, s("swirl-stack", { key: "862342d9f86adf507fbb7c01514535def942bf5f", 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: "564920310d2ae86af3cb36fd4f304f0b780cdbf5" })));
   }
   get el() {
     return i(this);
   }
 };
-u.style = l;
+d.style = l;
 export {
-  u as swirl_toolbar
+  d as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.1bbf7d03.js → swirl-tooltip.entry.ae4b04d2.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.d7454d9a.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 h } from "./index.736c6dd0.js";
+import { b as d, c as m, a as u, o as f, 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";
@@ -14,9 +14,9 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        d({ 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 = u(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [u(t), b(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -70,17 +70,17 @@ 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: "6b15209f9e0d9cfafc7af244f1ef22cb4d7da719", onKeydown: this.onKeydown }, i("span", { key: "7c75a8e5d9f2e5b1099fcf7f750ef12095b58402", class: a }, i("span", { key: "ed98c804d5526c58ed70705b8a63a7d6f2ff7734", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6dcbf266cdb3521c6d8e8d37cf293149f0469190" })), i("span", { key: "a2f3b747288d55f9d46c5476d100f8a230e56615", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "2d6b49b382926f6942c81344ac2b974d331a6b5e", onKeydown: this.onKeydown }, i("span", { key: "280ae64e77990f984e7cdc5a653271626ec38669", class: a }, i("span", { key: "39517564295b77ce37515f95a187347f080db56e", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "5cdd2d93f3baaca9c702e94e698237a5912fd30f" })), i("span", { key: "dca696e07bb95fe77b551c4e8c9dec71dfb89024", 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: "216ff9495331d0a424c0bce32a32e52f8fb46d4c", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "bf5df3af6609b7a00230f108386435283a340aa9", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "a95c884426bc39651f749305f3d16568dc0da4b1", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "d26e9c7251d2b01310a77521e0fd1bbd2c8ff895", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "4ef774c975f38c84cd1540c0821f16b3ac94c0ec", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "483debf12c5d3474106c02cfba94934d2d2e7cb0", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.9f3a6f4f.js → swirl-tree-navigation-item.entry.d834d47a.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.d7454d9a.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.736c6dd0.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: "eb4a04f23205f1f56ccc5cb3f2003af5a5d0e4e7", role: "none" }, e("li", { key: "610acefd71f18340dd8fc49d311a8d0f3e836b42", class: {
+    return e(d, { key: "f33c553d06cb3b29d4c2e9527277b03b312b0650", role: "none" }, e("li", { key: "971cdbcb05e91cf7f368bcaa2ad33dfdbe93014b", 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: "dc7ef95edf24048c6fa05b177a314cb3e815259e", 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: "88df6dfedf5672b9ae63007d77333a0625a5c212", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d08e58ac750735027d436880aa219852625f19ef", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "b3af00057ed207fcecc66a0050dcc2ac6a2f7fc8", class: "tree-navigation-item__label" }, e("span", { key: "21c0ec85d6bbb9a581436b155f762e9d03a81686", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "f0cdf777a64086dd9f6135610770fbf45c334992", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "ccceaed3dae45a1f1ab21e3635a33ddbd1873e4a", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "6dbabb5cc6c6cde16f96fa0851268f8bebc972da", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "493908e10b95e39e9d49b04cdbcdddd7fae9fc93", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "efee536b8d7dbbf9e36c29c6eda5967b8d64c46f", 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: "d36272ba76062dffb1033eccd813a158bd25fad8", 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: "ef71ac2ed5a6fbd87930e4df0d7d68c93633d3c3", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d9536ef0dc27faaa3c190105bbce8c2eed7113c8", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "ea3dd74094aac0ef812c6e1621f0f32099e7a19e", class: "tree-navigation-item__label" }, e("span", { key: "3f9114d80d4db85a105c9b24afa251ea1b5c3e3e", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "1ec3cad89a3dde29ac98d4b43852eddd7add56b1", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "20a0181bc6ea2a42d2c6017cd52abf3db949c0bb", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "22e54fdd93417bf600e9a47b873fd5d425445871", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "021a84f84ebe275c5df496c3d8a1b14d97ce5729", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "1ce37d551ae64d472190e1939dd4e1fbb787f2c7", 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: "2784a6e0abf70e304a5e0594d6de0ec376cc86e2" }))));
+    } }, e("slot", { key: "3cfb78cb6e7caefdf1915d30e1d87c66a9dffc22" }))));
   }
   get el() {
     return o(this);

package/dist/swirl-tree-navigation.entry.2e32ca5f.js

@@ -0,0 +1,15 @@
+import { r as t, h as e, H as i } from "./index.736c6dd0.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 {
+  constructor(a) {
+    t(this, a), this.label = void 0;
+  }
+  render() {
+    return e(i, { key: "5b6ccfe4de257f59beac536c3e1e47c2fe7417bf" }, e("ul", { key: "534f9cd5a2cd012f62d3766dc8ee2bcbf9045487", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "9beb62cca5eaa8c6aa35796a578eff0c1776e6bf" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.67cbb7e7.js → swirl-tree-view-item.entry.0bc417eb.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.d7454d9a.js";
+import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.736c6dd0.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";
@@ -59,15 +59,15 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       onEnd: (t) => {
         var m, p, v, g, f;
         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,
           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: "d044ae199022dcc3b022b2d4dc266d82db00a2fc", id: this.itemId, role: "none" }, n("li", { key: "106bc3696b6d68b5ba22badaa9d457e3e72d62f8", class: s, role: "none" }, n("a", { key: "0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771", "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: "24aa0852201a264f2e596851d9acef1f653b669a", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "f23b5c4a9c0e56320e53b9da3ad55462c4f265e1", size: 20 })), this.expandable && n("span", { key: "cd5933c4674e8095e00d66157fd646f3edc6af04", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "d8dc9940a46e7de9b2148e98f06a8b8edbbfac61" }, 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(b, { key: "da21cb2a18f2755d747a854ff3d1a3ddc27d6c70" }, n("span", { key: "5eb18d4f3e9c9268c93f16989cce4332fe91dbf5", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "70715c356b263b1d78f20dd015ec93aaba5b271f", class: "tree-view-item__label" }, this.label), n("span", { key: "77fec8960d46a38e198196073841cc0cceae27c2", class: "tree-view-item__tags" }, n("slot", { key: "3940dae27077c4b8a71f2dcc6b82208c90d8b34a", name: "tags" }))), n("ul", { key: "17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe", "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: "8aca1986716c681392634e105a0fb0d2675144c0", id: this.itemId, role: "none" }, n("li", { key: "4f1e470bbd01673bc262ddfd777268ff64ae25c0", class: a, role: "none" }, n("a", { key: "bcdcf949244e2d11c5cedb7a01a45287e6280287", "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: "ed8ae6fe09ea01804c91bf84838c6ef51702b612", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "258d7c6e547ba6ed14f0ce65c7f88358dc5b5f95", size: 20 })), this.expandable && n("span", { key: "7bfd8cb3c9bce8224fc074f53a6d0da690872aed", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "ba55d38479251d0af6a46d4f2fb72bde35a5bed6" }, 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(b, { key: "aa897b726eda2805d1c4de369fe9c9f3faa23913" }, n("span", { key: "82c9ef03ad47a4e342b370abe0425f8ab1971e23", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "1997b913a39db64132763cbafe49d30254812895", class: "tree-view-item__label" }, this.label), n("span", { key: "4689ee81c23fec186b9abe66058f9defe040d50e", class: "tree-view-item__tags" }, n("slot", { key: "1ea0dd502e1a9c0fe7e626b9312246104c578490", name: "tags" }))), n("ul", { key: "d019f7d4df9aaeb8cb44286988558dbc24e53256", "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: "84e8e55f032818f56c1cd38d3f7949d0be2db270" }))));
+    } }, n("slot", { key: "9c22aea2c44a74ccf0b8857df3cc79fc2389d93b" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.24a3c526.js → swirl-tree-view.entry.fe9e1a8c.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.d7454d9a.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.736c6dd0.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "51aa3a81589abb63a2d736f430ad154c7c75d9ee" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "c0a5e93d03187dc182921d0561c09b76b00382a1" }, c("span", { key: "f25313f606c553ef032184a599efda8c0bd42fc4", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "6004a1690b501c446c4fadbcef7b107bb5a3ab24", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "502e08fe357a9a67d71a98527a0cb4fe318ada0c" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "afa6dad6840586fec08935372ca9d3e9270bfc1a" }, c("span", { key: "1869122cb7f014f639d74a08a833cafd857cb902", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "aa6e7c04b7d4f24ce56163662f784d993865349c", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "fcbe38b7432849b0acb98ae9e51593f6cd1e73b2", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);