@getflip/swirl-components-react 0.311.0 → 0.312.0

package/dist/{swirl-tab.entry.aaaee64f.js → swirl-tab.entry.a0a9332b.js}

@@ -1,17 +1,17 @@
-import { r as a, h as s, H as e } from "./index.2ad19391.js";
+import { r as a, h as s, H as e } from "./index.52720c4c.js";
 import { c as i } 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 c = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", d = c, 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: "b08defd1b30ac10da3384b85eecd617631e285ef", "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: "d5fd5e59ff4a68d580448908b72f15efdb94c0a7" }));
+    return s(e, { key: "7c680b571be6af2ba37e729b9cccfd8c0190204a", "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: "9004e283ecae74cfdedeb538339e4401cac34248" }));
   }
 };
-b.style = n;
+n.style = d;
 export {
-  b as swirl_tab
+  n as swirl_tab
 };

package/dist/{swirl-table-cell.entry.20cbcb33.js → swirl-table-cell.entry.f5dc8cb3.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as t } from "./index.2ad19391.js";
+import { r as a, h as s, H as t } from "./index.52720c4c.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
     a(this, e);
   }
   render() {
-    return s(t, { key: "afd196cf7cc0afe6958a310579bf54f5a0ceb038", class: "table-cell", role: "cell" }, s("slot", { key: "cc99ea7002a3338354202549ed7f2ccc3ad81a3b" }));
+    return s(t, { key: "a72e3516277ecd26d796ac27246f6d943dab0447", class: "table-cell", role: "cell" }, s("slot", { key: "0def1e17a99469ad85099dba79d601cbd7b63517" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.0d422794.js → swirl-table-column.entry.71125ea7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.2ad19391.js";
+import { r as t, h as s, H as i, g as a } from "./index.52720c4c.js";
 import { c as o } from "./utils-877a768f.c277f897.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: "12be8a43ebd5ff73f602be1e7d338e52ed37bf10", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "89ad09b2d1f03c5c7aed571bd841b4450bd3ad57" }, s("slot", { key: "4cb26535828152ec646c8cfaa5c75258c44f830b" })), this.sortable && s("span", { key: "46bddd37f5de890dcbb1deeefe99a5fe64a1d270", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "d66664df0691719fd3732748da6974ced8292106", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "213168a8d1c74d8979b778bc7a1d8f689d9a3655", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(i, { key: "13a91ce9f9cca2c6b555fe5190660c09de9ee73d", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "bc000e7c8e0a2ad202d2cbef34355035ed40785d" }, s("slot", { key: "0b95f4e092e10642ef9db410d226ba45da7f4ae0" })), this.sortable && s("span", { key: "e234bc44a5d454fef475cf0529de000b81e2ac09", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "7a41c81ae7b39cf6851328312553168e191f2d20", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "3ed27adecbdc9e6996e4630d2e8d0ee73925d2be", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
     return a(this);

package/dist/{swirl-table-row-group.entry.8ceb3ca9.js → swirl-table-row-group.entry.48f12abd.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as l, g as a } from "./index.2ad19391.js";
+import { r as o, h as e, H as l, g as r } from "./index.52720c4c.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, c = class {
   constructor(i) {
     o(this, i), this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -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(l, { key: "e7765f0931961a01b7e4375479a8c5dc950572dc", class: "table-row-group", role: "rowgroup" }, e("div", { key: "2d315c7b17562e85b6a27eb71f706042b93ef7bf", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "f3e1b6d3ffdfebf4e56079143d0d40d9e55073b2", 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: "397387f508312c2c41caf520440187a0a32d2670", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "611d1a9616667ef6657f8c3cef226dc979922730", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "20bc818fdb2599a56cdd6aa4026066a47a9449ac", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "305175fe54110fe6fe50962a7cf79b954eb3b9c0", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "81d31bce114c8adc83187502c7bc29699182d9fb", class: {
+    return e(l, { key: "873848231e19955e3a177cd4e5f8f7171ea4fe90", class: "table-row-group", role: "rowgroup" }, e("div", { key: "935b972bc54973cce991597844702d174c138c4c", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "6900812b1e35785d71ee606e2686a2cdf6a96db1", 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: "c4e3dc8b90fbc8eb1f0070fe065a383ddbcd345d", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "9e6c8dcc82a8e4a253dc05e225637f3402d59c98", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "9414153f80b993bcf5b34ee04fb5adf0040e7bb2", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "715a9cac9b61c957e19325d731b110dcc24234c0", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "e9387185233dfe57ec4d2bef8d4210d2284eebb8", 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: "415f1c65c9950fbce3efaea24d464e35a4b696c5" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "28dd9896610c1a4f36e6a596a329c7fc1d0be3a4" })));
   }
   get el() {
-    return a(this);
+    return r(this);
   }
 };
 c.style = n;

package/dist/{swirl-table-row.entry.1d2eda94.js → swirl-table-row.entry.087b9f0c.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as r, g as s } from "./index.2ad19391.js";
+import { r as o, h as t, H as r, g as s } from "./index.52720c4c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-877a768f.c277f897.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: "e092412ed997a09905328d7d65c831d41b75700b", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "651392c65a933d2ddd743850ebd0ffaa706698c1" }));
+    return t(r, { key: "acff17878f7289446533e814db4b6c09ac59f10f", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "84dd5cc9dfb9d1c5fdb8ea88d4cd6e415b41db51" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-table.entry.4c8634d6.js → swirl-table.entry.7f60619e.js}

@@ -1,4 +1,4 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.2ad19391.js";
+import { r as v, c as C, h as a, H as D, g as S } from "./index.52720c4c.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";
@@ -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 f = O(r), b = new Date().getTime(), m = !o || b - o > f;
-    o = b;
+    var b = O(r), f = new Date().getTime(), m = !o || f - o > b;
+    o = f;
     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), f), i.accumulate) {
+    if (s ? clearTimeout(n) : s = T(), l.push(d), n = setTimeout(y.bind(this), b), 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: "1447881d1efde84e8841c6d1aff531f7bb024a5a" }, a("div", { key: "dbdc20d96a32973be23fda71e84ea1ce07955b5b", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "a3fcfa3c03a4fdf24b5fa6d014b3d7236472d873" }, a("span", { key: "7c2ce1663e664c58f16342efff083079c8deb040", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "98e64f304653ea45e912a261077a2e39db3c7caf", 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: "e7a7e24ae63747c6bb0cd3418207fdb4bc65ef82", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "4537f9b33fae4531eb8a10e0bc136c2cea949423" }, a("div", { key: "060dc5318ffe71018a4e6bde3e51cce04769d857", id: "caption" }, this.caption)), a("div", { key: "61598f2ba60d9def94e0a7c30a24e3108c67fc93", role: "rowgroup" }, a("div", { key: "6fc736dce4c2c50b2fc815b6065123cd9927462c", class: "table__header", role: "row" }, a("slot", { key: "4519fee7ab6b45db0f93ffc0921350a1c27b036c", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "c4e8834e738d66abcefca20e22b52e2bc0b68d50", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "1df1d994c3f4f305bd3c6cdddb25fe6c28e560df", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "87b06f67bf19a91337bd05964aa9435327c366aa", class: "table__empty-row", role: "row" }, a("div", { key: "734d97aad4b8b7235e113f1d470ac8fa5ec7a1d9", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "b50a849e4fab6a8fdc100eb5db793fd2cb3aaa77", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(D, { key: "2ae8540302a68acad9029fabf960923531ec934a" }, a("div", { key: "6b164e69ffa0182082ff290ff06ce36b8070b6b0", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "714747c389de5a86222b098da0ff7d72b18bbcd7" }, a("span", { key: "718b5a9b3190ae8f4f754b45dd05137ca4215399", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "c93b7539dc26c4b2ddb758afff05a39cbdbce178", 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: "9991891878bc050164e8c2a97d92b4d94bf31230", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "4f3cd1c1702e628eb806e800e4ee71ee1d8a3f30" }, a("div", { key: "abd58a04ee7ff3d59b649fb4e0a62f37836c2391", id: "caption" }, this.caption)), a("div", { key: "d1229b8b8e99756be743a9c3a58080f8c5dde9a6", role: "rowgroup" }, a("div", { key: "ae615779797edbae1f69a4f8f16a77bbb13a0e27", class: "table__header", role: "row" }, a("slot", { key: "8c423889a4e1d1347a49e99aa721dc8e71465c85", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "ac7ad4eb1591ec7e1031d18b012d3422891eeda6", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "803f24597520f80fc4241c72e5e22b63d3ef5b6b", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "c0e702dd177ec0a1ee0996acbf71943a3a4bb186", class: "table__empty-row", role: "row" }, a("div", { key: "ae680509ac11d7ecf9b83802c5a36db19598e25c", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "e0e1486a9e1f13d2b700772d5f274f1dadf3b0e8", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return S(this);

package/dist/{swirl-tabs.entry.5993aa56.js → swirl-tabs.entry.3b5ebd50.js}

@@ -1,4 +1,4 @@
-import { r as b, c as n, h as s, H as r, g as d } from "./index.2ad19391.js";
+import { r as b, c as n, h as s, H as r, g as d } from "./index.52720c4c.js";
 import { f as e } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -51,7 +51,7 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "9416903ca9d6b88cae2a3cb3774cd9144197421f" }, s("div", { key: "d13670144eb66f3fb1daa3efb65f87ccbf2b5fdf", class: "tabs" }, s("swirl-tab-bar", { key: "41c0d6c00ad2c5053a7cb37feec2bb0f1042c1df", 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: "f4ad6282aff0e59e73cd0b8beb7c0f9dabf8ee79" }));
+    return s(r, { key: "60260cb1f18a212dd2eabab8880fe0bdf107b559" }, s("div", { key: "182e210d264742891420dffc8ea131b661076cf0", class: "tabs" }, s("swirl-tab-bar", { key: "a2669ccad64fc1f6002a3828f84d7f4e5a71b182", 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: "a8487d716c79005cea85a470bc0aa855b735ac31" }));
   }
   get el() {
     return d(this);

package/dist/{swirl-text-input.entry.d5485a4a.js → swirl-text-input.entry.8ae1e972.js}

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

package/dist/{swirl-text.entry.9c6f53f7.js → swirl-text.entry.e6cbecfd.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.2ad19391.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.52720c4c.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: "83e1fa2f130305615c7f3b5d0dd2c43be0678f4b" }, Y(l, { key: "e0722bc8f2d6546b2c67e5e3fa468bfad24d7823", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "1b0adbcb9aa029c05cfd9063a0721608ffbe3a1e" })));
+    return Y(lt, { key: "96ae82ae22a10e00647691edb5252db1e8dec4a9" }, Y(l, { key: "57ec6835e2324b4e26d19e701e698eeefc1494e1", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "0a6be461bab15f5ad6ce8cf5d3018c1943bb7400" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.159b7b0d.js → swirl-theme-provider.entry.5b2f0341.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.2ad19391.js";
+import { r as m, c as a, h as o, H as d } from "./index.52720c4c.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: "ca058bf771dd18b13dd047f2885a599a00647a5b" }, o("slot", { key: "50916c63269ea4c024c25dc06714af324521fe3e" }));
+    return o(d, { key: "c412da23f8baf951faa754c36636458ec42f3b7c" }, o("slot", { key: "336242c2d1ec7b011aaba8059e5f309e36be476e" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.564e99dd.js → swirl-time-input.entry.486ef103.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.2ad19391.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.52720c4c.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 g = ".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: "d9d349da2d5dffc4263107ef073af2a8cdd0ec02" }, a("div", { key: "6e9b753c44fda2e9b473ea3fb25b7f18905d4311", class: s }, a("input", { key: "3b10ce81f3a052205298dcbf75790aec6108c79c", "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: "a016010c070cb9f3fa502cee2ba1b5150c17ce9b", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "76bb525b214a5bdf1f64e844531eac7249a04412", size: this.iconSize }))));
+    return a(p, { key: "d0b3fb3ed85f81fbc3df1854bf01a5927eaf3129" }, a("div", { key: "7a1aa4380fba14845c2c3ff7531ce2a38eca03c5", class: s }, a("input", { key: "d29606690c220d2273b58189ddb99e0a0a8ad850", "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: "006e537b7d623ba287481808397c1ba39f67be52", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "228a37b93f2cd5fa86277baade38c82826d4879b", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.f52a7a08.js → swirl-toast-provider.entry.1b8b9aba.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.2ad19391.js";
+import { r, h as a, H as e } from "./index.52720c4c.js";
 import "react";
 import "react-dom";
-const c = class {
+const h = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
@@ -27,12 +27,12 @@ const c = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "1d56b15f712d5700eedf795fdd056f23829084e1", role: "status" }, a("swirl-stack", { key: "1b0caf3ba9b0a659f8584bdae98c9c390c70d6c5", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "0998fba2aca64e83e30d1dd6521282e00b8fb11f", role: "status" }, a("swirl-stack", { key: "78c8d98ac284279192495b2350d090a4afa9d9f6", 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
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.1a852201.js → swirl-toast.entry.b921abc3.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.2ad19391.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-877a768f.c277f897.js";
+import { r as o, c as n, h as e, H as r } from "./index.52720c4c.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = h, m = class {
   constructor(s) {
-    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "4e10fb63fb1be2e0ee05b35f4d6e40c5dff1e1ab" }, e("div", { key: "9b0a40561f9d22078f18e0ec648ec98a4ff26eeb", class: s }, this.icon && e("span", { key: "8ec71ba2f631cd0c92f5082512064a68324ea85c", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "aa25c8b4b915f399ebc3ee43c8b43af31e74f4ee", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "51b7fd7dd4a5ba1cf323c7535e3efdcd05fbbf9e" })), e("button", { key: "68dd43b53a9a600db3c0380b0432221746d9fca3", "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: "b1eae00996c672014fc04ddef4f3a3f79408ccbf", ref: (t) => this.dismissIconEl = t }))));
+    const s = d("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "f6166d0f4e5056fb35f14de5f25eac8d58dd1c1a" }, e("div", { key: "62539278cb95d34d2fd81d90bb663036182cc449", class: s }, this.icon && e("span", { key: "b27cf85f7fa23bcb10d7c6734c20681f27d57ac8", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "78d34024974fbd20e74b818e155d3853486ef968", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "aaecc94e03ade48c3d7853eee2e55e2d619eff6d" })), e("button", { key: "854d3f18fcb5a03a71cdd04f8d10d3c0857a6d56", "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: "9c2d7bc628a096b4e1c0658de0ebd03aab329979", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.a2d322bb.js → swirl-toggle-button.entry.7db89c89.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.2ad19391.js";
+import { r as s, h as t } from "./index.52720c4c.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: "74e8b4246d353bfd943f8f4d7447795c38f9e4de", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "1c9f8f24faa20722664176f3badd22525bedd122", class: "button__icon", glyph: this.icon }), t("span", { key: "38c1a93f671686f9ee525597636a61b03fd0c0ce", class: "button__label" }, this.label));
+    return t("button", { key: "83c7fbb5fcda60398ac5c71fed5b5998a921bd72", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "6e397adca526c1776322a170f0c45ea018b6e893", class: "button__icon", glyph: this.icon }), t("span", { key: "a465db6330f888a5ae18bdee6fa4b0c31400499d", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.52b4cd2a.js → swirl-toggle-group.entry.98ec07f1.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.2ad19391.js";
+import { r as i, c as g, h as o, g as r } from "./index.52720c4c.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: "bbb892ebb0078f1d85221c09f45d26ab1a9394d7", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "b697050275ced33880041fa0f33fa9d9902c216d", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "f97cb2df8c324c931f4b644b6df0f4ec00a5d905", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "7a492e568a5f46cb19e8c622bf4a5cd4de1254ff", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.832cf710.js → swirl-toolbar.entry.cb3933c8.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.2ad19391.js";
-import { b as a } from "./utils-877a768f.c277f897.js";
+import { r as n, h as s, H as r, g as i } from "./index.52720c4c.js";
+import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, u = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, 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 c = ":host{display:block}:host *{box-sizing:border-box}", l = c, u = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, u = class
     });
   }
   render() {
-    return s(r, { key: "e0050b4506c6a1fa8f3caa40c2072fd05ee7a905" }, s("swirl-stack", { key: "a81e0333e80646ade8b45644a1838baf26da1873", 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: "92fa6c0f06ac9651b2f3abbc086f143b36d11277" })));
+    return s(r, { key: "c47f1477439dbc75cd98519c4085b22ccd1cdcd4" }, s("swirl-stack", { key: "3beb91a150632d2f26bab090e4ed190fe5be3dc5", 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: "8a8b20e1d846ef3d2e7c44c4f606f8cd692d525d" })));
   }
   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.c68e9ca5.js → swirl-tooltip.entry.fe2308b5.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as d, g as h } from "./index.2ad19391.js";
-import { b as c, c as m, a as f, 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.52720c4c.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,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        c({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
       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;
@@ -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 = f(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,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(d, { key: "b98af38861cabd42aedd37fd9e55e4a4bab68349", onKeydown: this.onKeydown }, i("span", { key: "5bb42e83b24028a5b7497c639505f8617705ea0a", class: a }, i("span", { key: "f6fb3fa48b455d68e538eea1a33d8c2a91abee2f", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "8ba4672f84663444be5131a4d240b84dffd94350" })), i("span", { key: "513527ac1724ab0ffa7c73026a46328f495ce9dd", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "2236c5b795c38c6d6099406fddfa6ac0cee7ab73", onKeydown: this.onKeydown }, i("span", { key: "e5d0f6faf86e12294d005f3216341172f9974274", class: a }, i("span", { key: "dc3270c80b0b59db83ad25e0de437227b5ef88b4", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "891b4c0bf749fe9d0f0eea92a6791338b7893368" })), i("span", { key: "4676c247f77288c7a1fb98088b5e57322dc22f8d", 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: "f9bba867d35b5d9f9d2f6b76d933285162ba747a", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "e002a27b50e4dc5bb1fb76ec8951b0a07ba9f4d7", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "7d986a3fd9dc05ed2e0798faf5bbc087ff6edc82", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "9f24cf37428b014e9c3b0839b7cf1458b2825b6f", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "0e3826c70432ea5a1e4572723b4d68ed7b4cb102", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "db27a117ce2dcd64108e3a28f8241a828be66e2e", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));

package/dist/{swirl-tree-navigation-item.entry.466d302e.js → swirl-tree-navigation-item.entry.728d1696.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.2ad19391.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.52720c4c.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ 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(o, { key: "33bef3f2582f3a66876f540eb64a4adca9c42095", role: "none" }, e("li", { key: "3a1ff715d4ab97ce1a8c1d4a2490bf0bbc32a95d", class: {
+    return e(d, { key: "e4576318687cd5c04204d9143d491daf9790849b", role: "none" }, e("li", { key: "39a2d1e87b7f87acea4384eb2a1a00c00fcaea5a", 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: "907aa367836e088e3f472f9579a2891a074c4d60", 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: "15440fbbe9c089a5bd4e83858cebe11ab6421003", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "74174884788c27e30975823813b53bf8f81518a6", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "b3bae7140c243df25b893fbf6121b2674ede0602", class: "tree-navigation-item__label" }, e("span", { key: "97b78af129e93c875efd89f7afe29c11c55e0e0d", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "ba4c64f57a82e998c8a3b439af9a5f027f7dae16", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "9b428893c69b34113363373c30d040092bfd60b6", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "a123a58d0a5e5785e69c1874549ee02faed762de", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "4e5125776c6a8ab2cc1a474ea4769797fd604f5e", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "efdf392212b852571d0db0228841f1761536e6f8", 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: "79e8b395fd48e48c4b78f47453bbf60c36d826b4", 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: "22d7ce73e9474afc48e9cd7926f39b813882cafe", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "1f24379f70cd6c108d546ab42d6b2c0bf2cdd14f", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "a4a68870512d4e9a41faed70714a4fdc5a846937", class: "tree-navigation-item__label" }, e("span", { key: "4b06a7994f819e16473c83979acc16640a992d71", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "9bdae5291ca9797ddee33b690ecbe58329cc3d50", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "5a11991d104527610e9459529323a51300075a90", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "88940e3e66e14239e7bed6fb858d82bda2a64b5f", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "e9e9fd847926123ae371a2d4c8c1bfbd031531f6", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "8419d950301dbbcc61deb81780dea70f3653de1b", 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: "8213c14e36a60a0a83665e28ee42b869004e2541" }))));
+    } }, e("slot", { key: "9ec60dbb89df51923139feb9f213933129a623ba" }))));
   }
   get el() {
-    return d(this);
+    return o(this);
   }
   static get watchers() {
     return {

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

@@ -0,0 +1,15 @@
+import { r as t, h as e, H as i } from "./index.52720c4c.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: "2e21813754c1a402da019a6751fdffe7ba515e1c" }, e("ul", { key: "0b44976618b26bb7e7245bc5f0d93d4c195403c4", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "e2428f21a7cdfa5c53a17406617005f9cc0e2233" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.5deafcda.js → swirl-tree-view-item.entry.7a62960c.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.2ad19391.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.52720c4c.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;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 = () => {
+    w(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,14 +57,14 @@ 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, w;
+        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: 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: a,
           item: o,
-          itemId: (w = o.id) != null ? w : 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: s,
@@ -186,9 +186,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "75dd63c2351c480395661aa8610d95f73ba847be", id: this.itemId, role: "none" }, n("li", { key: "122ed8c7439065d4a98b8482f70ca5085afeed50", class: a, role: "none" }, n("a", { key: "32c6ca8c645d70c1a5613f308b5b02647e681240", "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: "5eece9bd6261c2dd0b4ff99ec6ee0bd23fd6eea4", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "7539e72d5dc882dd7263ec4529ac406d69e77924", size: 20 })), this.expandable && n("span", { key: "062cd728c408668281f30ac640905fcdd6226c50", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "d4c8f1bcc9e4672217cd6ea9cf03f0d8760623a4" }, 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(f, { key: "aed364abae35a0d71531816442974a3a1e422367" }, n("span", { key: "fb00b679ad160b319f79548f69a2c1479514e542", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "271390e11dff546cdb789b684ad128873213b441", class: "tree-view-item__label" }, this.label), n("span", { key: "877f094d48b4c80458021d84efc17f1f38cfffd5", class: "tree-view-item__tags" }, n("slot", { key: "d610a4c86bfa2b1962cc94087382ca21c813e24b", name: "tags" }))), n("ul", { key: "12e5ebabf7f1b801846f0633a6116a093e81dbbc", "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: "93dc02e5eb22f1bd3c73ce98edf7f1d1f97541e8", id: this.itemId, role: "none" }, n("li", { key: "dda1fa8815f770054c2c973657527eae92f09926", class: a, role: "none" }, n("a", { key: "fd51ad27190a29e84b9bc5da1065fdbe3b68b5b9", "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: "466864a5732100a81c125e01ccac77f61ffc935d", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "c9019bd29e980bce6bd5b6de8251d2d9a511a283", size: 20 })), this.expandable && n("span", { key: "da78e6b937508ae712dbf45e97b451452703b22c", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "c0053bf890ba01d40da334f2a443825f47d52010" }, 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(f, { key: "571e97884326cb69f1bed60cb13855693dec61ab" }, n("span", { key: "524c89963b4be97fa50543f35458f09effa94189", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "4fb7d9453369eb53c0a27001513fdcc61e00d356", class: "tree-view-item__label" }, this.label), n("span", { key: "ca5ab620a3ba4e99192907627e1e5a5c31b322b0", class: "tree-view-item__tags" }, n("slot", { key: "000bdd02c2c99720b4684eb32abcf25ff17d1947", name: "tags" }))), n("ul", { key: "4ecb032a5172292d5fca2c5d4cece01efba90826", "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: "6a4281e2924093ea470ee009f4178a296d4569af" }))));
+    } }, n("slot", { key: "8cab84b9a0f2dd58e2e2d90816a7f3d6058aa661" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.eb8f164d.js → swirl-tree-view.entry.69c8b1b4.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.2ad19391.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.52720c4c.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: "16955aa0d14337164dad7afde596cb024a9db2da" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "f057d62cdfc78ab6934c0896d9ab9dc49b536b92" }, c("span", { key: "535b2f2897208e08d5c3b9fe4f831643457d5bf5", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "16272c7b26ae0c84b0a6e876bb6253c344fa281c", "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: "505e3b9141e895a347cca881762b67ae126485d3", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "4c2065517b90c6f27eb937ceccf4c57425dced81" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "6e10ffbbe3678201b4dced3f50de90d23c0d0974" }, c("span", { key: "6a2ab0e869c1ad73563d3edb29414fd0b7bba536", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "452b6a1a77dccf7ef85099a282400c716a733a9b", "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: "8704ebd9fe02fae40fc6ffe88da4eb81a9f3d123", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.62b4a0c6.js → swirl-video-thumbnail.entry.d4119ab5.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as t } from "./index.2ad19391.js";
+import { r as e, h as n, H as a } from "./index.52720c4c.js";
 import "react";
 import "react-dom";
-const a = `:host {
+const t = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const a = `:host {
     height: 4.5rem;
   }
 }
-`, o = a, s = class {
+`, o = t, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(t, { key: "725be56f5eeb3c9b535e0581b0421d3c86e8f4bc" }, n("button", { key: "04a020b91a16eb900b7c30738401f1ccd838bff3", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "9d441c9ecb649e25d34d7805b339a2e973d9cc04", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "9fe1db1b3ef5c30471564e2e7359ee59867df9c3", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "686264efcee5ad08e10dcff64132cecf3c26b336" }, this.durationLabel), this.duration), n("svg", { key: "34ccc3ae31421ae0b63158fb2dd5748bd29c94a7", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "c75b854caf9c121031bbb83f3ec47cecf1f7221b", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "417bb1f3a63576455e32ad4cca9ae5146bcbb221" }, n("button", { key: "1cc51d2d880e45f1cc933f59267461bee2441507", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "de93241fdeeb0a9ed2f3f5ba379a18ad12d748b0", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "62d3ccd011b5c2119b0a26f7f94456d89f785f49", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "6b59f1270f440a3a9d45865894092d835ea0aee4" }, this.durationLabel), this.duration), n("svg", { key: "f4c011cd334f4347772c00e416b661d325089b29", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "5b2f0b42374aed1461134371e3e686340e79bf01", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.dd24f64d.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as r } from "./index.52720c4c.js";
+import "react";
+import "react-dom";
+const l = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", a = l, t = class {
+  constructor(i) {
+    s(this, i);
+  }
+  render() {
+    return e(r, { key: "7294850eef8e84a5e02f997c93985c5637b8b8d3" }, e("slot", { key: "97659cec31fbca092e6e403c0fea4c0cdbe453aa" }));
+  }
+};
+t.style = a;
+export {
+  t as swirl_visually_hidden
+};