@getflip/swirl-components-react 0.338.0 → 0.338.2

package/dist/{swirl-table-row-group.entry.e6c7765a.js → swirl-table-row-group.entry.7418337d.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as l, g as a } from "./index.be62a37c.js";
+import { r as o, h as e, H as l, g as r } from "./index.9a597714.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{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, d = 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{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = a, b = 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(l, { key: "3a53d59a7296ba3443c5400d46623736b4014fea", class: "table-row-group", role: "rowgroup" }, e("div", { key: "cf6ed8576b7d58c01f20c1a0b7a3408a02385a06", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "d3da800321d2d962d19a80f3d4f2ad29779f6ad7", 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: "545380bddca98269a09e0f20a3f6d058596d5342", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "60b1b8d315432dd2a20854ec0475b373836a71d7", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "34ff6855b3e20f7f08111581e239432bda36409f", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "d6e35447ad369453fa7ed1d0db016ea54912b47f", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "703710b328fd640b34235fcdb7c9d76eefec24ce", class: {
+    return e(l, { key: "6102e5e64557f1b48e9cbb8b28995efd64c40934", class: "table-row-group", role: "rowgroup" }, e("div", { key: "7c970e0c56a7318d38d78b6277e84438972edb3e", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "0336dc38b04f5b6036a4f37586678e720f112e48", 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: "6ba476fb86859973bb7f2cbc8e07ba96c9e161d8", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "4715ceef3f9d0881db961a88e9c10fe9a8d44a37", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "2b90216560e0136fe44b61347988c5c05bba4734", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "b800d67f6c753ffd4c07a9efcff5f9c16d2b2083", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "b7d028b009d27ad7c264209512754c1e15c55a55", 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: "3560ff53d43679eb9227e1f6a98d7e08edad8a7c" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "913baab42a7f698b7173906ada9efcbe7bd45f78" })));
   }
   get el() {
-    return a(this);
+    return r(this);
   }
 };
-d.style = n;
+b.style = n;
 export {
-  d as swirl_table_row_group
+  b as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.4ec55a7d.js → swirl-table-row.entry.28d0f5e6.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as r, g as s } from "./index.be62a37c.js";
+import { r as o, h as t, H as r, g as s } from "./index.9a597714.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: "d6732b63fffabef29d1c14fcc1f0b9c174446b9b", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "9480864c6f7c21dce926222c562a9021518385e1" }));
+    return t(r, { key: "89ba09fcc51a48b6bd7dda262c3838e65f9c895b", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "8bdc8911217382fd4840c567ce7996facc3563e9" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-table.entry.c855f23b.js → swirl-table.entry.49e96851.js}

@@ -1,4 +1,4 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.be62a37c.js";
+import { r as v, c as C, h as a, H as D, g as S } from "./index.9a597714.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 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: "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))))))));
+    return a(D, { key: "6ac7943bed99ed6dee6b23279be8b1f62dfe8e67" }, a("div", { key: "82ca365e14c36629fcbd0221e0da8e59b073d676", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "987b960eccd844f9126d12eda6491ed20e401802" }, a("span", { key: "63a94363be802c91bb216942a8181e408144a3bc", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "b8c5c587032a6f60102d8a9d2081afe5d5c031e2", 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: "def66679842180515d74c1c823824649a2f54feb", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "ec4799f7ba6378597407e34eaa54b941b2f08026" }, a("div", { key: "fd01bce61ec23017550047f6ae7883045358c397", id: "caption" }, this.caption)), a("div", { key: "bec37516e678e60867e9d3d3e41303b9356ece8f", role: "rowgroup" }, a("div", { key: "8b81ce54bfaf2ad3152e27cf69ed8734b855105c", class: "table__header", role: "row" }, a("slot", { key: "f644cbc6793dfa040d58db5ee92eae3492a7b4bd", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "a5a6e780561cba1146741dc4e3c3559d61672fb4", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "870b5ff3c5a35a3cd7edc9e83043bc5134fb6472", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "e32257ee7037ea873d234500e2c1ae71c1b7e9bd", class: "table__empty-row", role: "row" }, a("div", { key: "2209b3bc8b213d97e1464d1af103d8e1ed24f4b1", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "a30ce46a5abe8781812970089bb1fafeaeb042d3", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return S(this);

package/dist/{swirl-tabs.entry.027a90c3.js → swirl-tabs.entry.ecec166c.js}

@@ -1,4 +1,4 @@
-import { r as b, c as n, h as s, H as r, g as d } from "./index.be62a37c.js";
+import { r as b, c as n, h as s, H as r, g as d } from "./index.9a597714.js";
 import { n as e } from "./utils-28df99ee.9fb223f6.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: "5ef9429e52a4da284ef87f944a0959d1c20ff663" }, s("div", { key: "853a8d623c506896b8d3dc51d34019f2c40bd68b", class: "tabs" }, s("swirl-tab-bar", { key: "05bcdb6bb61b29643b3fc4201c03d4ef8d60017e", 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: "2ba8f62503211003cdb45132ff713db6789eb6ee" }));
+    return s(r, { key: "1815b35352fd82d7601e1880d326fd6e2c5ec706" }, s("div", { key: "8e109ef9f2861b2a99adcf479b1402c0b4b5445b", class: "tabs" }, s("swirl-tab-bar", { key: "4814ed293af1b7d6a2668c05bb93dc24eca03263", 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: "64f982ad9cf0bc586cc0c681a9daca4662e118ea" }));
   }
   get el() {
     return d(this);

package/dist/{swirl-text-input.entry.7242fb61.js → swirl-text-input.entry.81dd4da1.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.be62a37c.js";
+import { r as h, c as n, h as i, H as d } from "./index.9a597714.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.e8344281.js → swirl-text.entry.ddd92909.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.be62a37c.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.9a597714.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: "46c59cd19e5efab71b18b5a92117aac4350daa03" }, Y(l, { key: "99d84a4bcb9db229af708ca7b18e559c5e6d1fff", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "6c5299e4a8de583f0c2894fa699b768a04de623e" })));
+    return Y(lt, { key: "02ebd4d3457d906cf717fe7eac978566d35cf19e" }, Y(l, { key: "105cf1a41d3f2b281b42603abce0ab06cc4c8bb1", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "8885f733ac20972898543cb2340a74f077aa1542" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.e602886b.js → swirl-theme-provider.entry.d3b00053.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.be62a37c.js";
+import { r as m, c as a, h as o, H as d } from "./index.9a597714.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: "de82273edb398b77580627f209f022965b1c0ac3" }, o("slot", { key: "e366b63ce7b2c9709f04de8be0968e6c5a0c76cd" }));
+    return o(d, { key: "c2060851d3fca5653c43593d58420aecf6339494" }, o("slot", { key: "56ddac4b54828155cd7ff82beea44c642cf5fd52" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.66b5bc96.js → swirl-time-input.entry.47154e9e.js}

@@ -1,20 +1,20 @@
-import { r as c, c as d, h as a, H as m, g as p } from "./index.be62a37c.js";
+import { r as h, c as d, h as a, H as m, g as p } from "./index.9a597714.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 v } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { p as r, i as o, f as u, m as b } from "./maska-c5119b9a.aa658697.js";
+import { D as w } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import "./utils-28df99ee.9fb223f6.js";
-const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, l = "HH:mm:ss", x = class {
+const v = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = v, l = "HH:mm:ss", x = class {
   constructor(i) {
-    c(this, i), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
+    h(this, i), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
     }, this.onChange = (t) => {
       const e = t.target.value;
       let s;
       e === "" && (this.value = void 0, this.valueChange.emit(void 0));
-      const n = r(e, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(e.match(h)) || (o(n) ? s = u(n, l) : s = u(new Date(), l), this.value = s, this.valueChange.emit(s));
+      const n = r(e, this.format, new Date()), c = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
+      !Boolean(e.match(c)) || (o(n) ? s = u(n, l) : s = u(new Date(), l), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (t) => {
       this.inputBlur.emit(t);
       const e = t.target, s = r(e.value, this.format, new Date());
@@ -35,7 +35,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     this.id = `swirl-time-input-${i}`;
   }
   componentDidLoad() {
-    this.setupMask(), this.mediaQueryUnsubscribe = v.subscribe((i) => {
+    this.setupMask(), this.mediaQueryUnsubscribe = w.subscribe((i) => {
       this.updateIconSize(i);
     }), this.autoFocus && setTimeout(() => {
       this.inputEl.focus();
@@ -56,7 +56,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
   }
   setupMask() {
     var i;
-    (i = this.mask) == null || i.destroy(), this.mask = w.exports.create(`#${this.id}`, {
+    (i = this.mask) == null || i.destroy(), this.mask = b.exports.create(`#${this.id}`, {
       mask: this.format.replace(/[Hhms]/g, "#")
     });
   }
@@ -64,7 +64,7 @@ const b = ".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, t = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, e = o(t) ? u(t, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(m, { key: "6f6532f250dde1f493daa6cdfa9228377e2b3c01" }, a("div", { key: "fb2f4127cc7eef9065952ecd5ae234a85cf8adbf", class: s }, a("input", { key: "f5e3830517970f475bd713d4d187bb784d700e1a", "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: e }), a("span", { key: "243c9536aa23fadd09a43fe3ed214061e7c9e99e", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "4844dff4f684bdb780016298fa78a60153dcc559", size: this.iconSize }))));
+    return a(m, { key: "055d27b9a6485b0eae2e562a383b2dcbc84cec92" }, a("div", { key: "a579b69e26f091e2ad14e6bfbfba1b9daff69f7d", class: s }, a("input", { key: "920e21accd1dedbaa7625274fc43752c0298541b", "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: e }), a("span", { key: "0fa4c676b17579cbb12d712a206022b14ec4c110", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "3418ef1b83ef5c27af902c001548e85d6e83ca11", size: this.iconSize }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-toast-provider.entry.c6a83291.js → swirl-toast-provider.entry.cc151d60.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.be62a37c.js";
+import { r, h as o, H as e } from "./index.9a597714.js";
 import "react";
 import "react-dom";
 const l = class {
@@ -14,7 +14,7 @@ const l = class {
     this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
   }
   async toast(t) {
-    if (this.toasts.some((o) => o.toastId === t.toastId))
+    if (this.toasts.some((a) => a.toastId === t.toastId))
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
@@ -27,9 +27,9 @@ const l = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "0a8b68e7c0dae73a1263ba813cde71f41337c8cf", role: "status" }, a("swirl-stack", { key: "fcbda75980965eabb709df9b958e6673bac9d0bc", spacing: "12" }, this.toasts.map((t) => {
+    return o(e, { key: "340f08d78ec9bdfc9385d0f936dc939d0e9af5e3", role: "status" }, o("swirl-stack", { key: "9195c9bcf7968755d17efec31b22ac9448710757", 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);
+      return o("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };

package/dist/{swirl-toast.entry.23b46b2d.js → swirl-toast.entry.71667a65.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.be62a37c.js";
+import { r as o, c as n, h as i, H as r } from "./index.9a597714.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: "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 }))));
+    return i(r, { key: "28d7e9b4880ba7d10cb4556896068f9953c84598" }, i("div", { key: "9e622ea4c91438b154decd9130eaaa5fee3a67ad", class: t }, this.icon && i("span", { key: "5d78d3b7308aa64ce6497c4371a5f3faae73e0eb", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "e632aedeaa4587112e365bd6e07ee16e13fcfc8b", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "13452b81c0caad1453bcf4b74d04c8fd7c758123" })), i("button", { key: "8ebe04383e3e41914ec51552478e65c5d5d091c5", "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: "635d3dcba82fbbeb1c7f5802c0bdeb403099d47d", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.11237407.js → swirl-toggle-button.entry.b83c2cbc.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.be62a37c.js";
+import { r as s, h as t } from "./index.9a597714.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: "a20a01e1f6155734e9b8059406c79bc8defe70e6", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "307ce763ac875aaa16bb3cc822716e569b5aad08", class: "button__icon", glyph: this.icon }), t("span", { key: "085c593219fa681bfa3e16fc2ee611672db305f3", class: "button__label" }, this.label));
+    return t("button", { key: "c93d88da4ed9574e5107b606391b6e5748ec0abe", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "532a2c555835aa4708b079d796adaa10539418a9", class: "button__icon", glyph: this.icon }), t("span", { key: "2b1a6d03f5485ccbdc0fe11cb27a4a69ad659108", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.9a509747.js → swirl-toggle-group.entry.90d42c53.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.be62a37c.js";
+import { r as i, c as g, h as o, g as l } from "./index.9a597714.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: "0a5782a3e94024f06810d2919ce656c1cb9554e4", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "96e9541276fc38ac30dc319f280ee3cba44cb70d", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "d2dbbfaaa342841f0258201bf0bb79754c447674", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "1b27cec315a21a909807e8573cbbd8e68bea59a4", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return l(this);

package/dist/{swirl-toolbar.entry.bc04a410.js → swirl-toolbar.entry.c5143d90.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.be62a37c.js";
-import { k as a } from "./utils-28df99ee.9fb223f6.js";
+import { r as n, h as s, H as r, g as i } from "./index.9a597714.js";
+import { k as c } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = 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, d = 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,7 +44,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     });
   }
   render() {
-    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" })));
+    return s(r, { key: "2d018723df0504d079bd06f5ab0ea2e3bfc52704" }, s("swirl-stack", { key: "4f351ced517b008f1c14941899f0c58810ad0b41", 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: "c545dc86146c60eb2233c7796f1349a8c4cddcbf" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.e3f357f2.js → swirl-tooltip.entry.92200272.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as h } from "./index.be62a37c.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 { r as p, h as i, H as h, g as d } from "./index.9a597714.js";
+import { b as c, 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"),
-        d({ element: this.arrowElement, padding: 12 })
+        c({ 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;
@@ -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: "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: {
+    return i(h, { key: "2e2b0769cda7d3b2a487e53280462e87911b09be", onKeydown: this.onKeydown }, i("span", { key: "dd2a661f6e7f53a41b3290e1f4c5cedaede64b01", class: a }, i("span", { key: "56568d36c50527a52a2cb259178bed3d9008b3c5", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "f0bfd967d1fc6030035b7ca279a6b019574fb085" })), i("span", { key: "f6752d00eae43720da5e3bb3d24a43da5c3beb97", 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: "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.visible && i("span", { key: "294d14c42e440f610995556549910d523b6e5e80", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "919a56098c755285a7f37f70901e6d090b5539df", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "8e0e4598f23c6e812c84831ba76d680f67e69775", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.8c5d0531.js → swirl-tree-navigation-item.entry.7a675e5c.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.be62a37c.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.9a597714.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: "353d53268aaef8adb7b25e6726f428e786f2bfd0", role: "none" }, e("li", { key: "843b36fae115482f81b7f09f5adbdcee127c013e", class: {
+    return e(d, { key: "edd2bcea6a2e45414e64b512809294793332c2c2", role: "none" }, e("li", { key: "131045bc5cef1ca271f38ad19be74e87372fdeb8", 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: "fcf225b051525084ed5b60834d929bfda32c857f", 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: "cd7930bdcfa201ffb8aca583ba20af4d3d16ba69", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "3c6ef4938ed7b20369fbea14df6aaa51b9a5c516", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "ce2e18a3196924ada12f764a2d8bcb1c1cdc1db8", class: "tree-navigation-item__label" }, e("span", { key: "66da365d77b933d0fc74578c9778b2c35e5d5ed5", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "32816bed543d3d285ed8700a279ff004d6cd5e59", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "d6aeb14cb389cb077bd770bfc44df55ff739bf32", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "320cea21f2dce42022ab7baf404e7951071bbaad", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "cf4490088c3fa855d9e072c0489ecefcb4ab32f7", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "76d6cd65107db75c832f619f30baac50d875dae4", 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: "a092177c1df885ebf0bad002db70a563c89ab4d7", 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: "651657e4f0e4ac2ab32805d8f13acd635a8c7f18", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "8efa7abffbc2c12ed471552cd04cd25d67adf1cc", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "c2e24b773fc054480cc43278545b30827c33b327", class: "tree-navigation-item__label" }, e("span", { key: "35cee74a414576a4fcbb24c4be0eae3d38f7233f", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "4504b5652739618b45a6edefaf1d22cb932855e8", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "ad6fabb9e3d5811b82a9c58d2e6a8a8e59784f70", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "b7ef4d513ff023877ec4db4ebc171c89259fb89c", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "81ccf3703e981b5b5a3609cd8e689aa924b191d3", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "cb8263dee2a8fd9fd1400624c73cba931440dc89", 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: "17eca1bfdac7222f8927cc582d0025a7c423e1a8" }))));
+    } }, e("slot", { key: "908dae4a55e86bf04d740892ed238d1c79eace03" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.d1e39d57.js → swirl-tree-navigation.entry.ae5c5253.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.be62a37c.js";
+import { r as t, h as e, H as i } from "./index.9a597714.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "bc78ae1d72675d3208744b1f7aa0d163c741aa38" }, e("ul", { key: "c0279e8f5a5d12ac09c16e303258010318b78ef6", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "49c9d56071adcd2f5e0fcf476e33b69761d8b4b5" })));
+    return e(i, { key: "a6d11a6dca30a90e44c91b68dc87395a5cc902c0" }, e("ul", { key: "4f7e246b92d9caa8b32603b3d5fc1e23a4bd618d", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "5af76042bfacc38812907c0f6bc061e19f740368" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.156a8954.js → swirl-tree-view-item.entry.4927c623.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.be62a37c.js";
+import { r as w, c as d, f as l, h as a, F as f, H as u, g as y } from "./index.9a597714.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";
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, f;
+        var m, p, v, g, b;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: 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;
+        const { from: e, to: i, newIndex: r, oldIndex: s, item: o } = t, n = (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,
+          oldIndex: s,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: s,
+          sourceParentItemId: n,
           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, a, o, s;
+    var r, s, o, n;
     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 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
+      targetParentItemId: (n = this.getParentItem()) == null ? void 0 : n.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 s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const n = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(n), n.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 s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const n = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(n), n.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const a = this.getKeyboardMoveEventData();
-    !a || this.keyboardMoveEvent.emit(a);
+    const s = this.getKeyboardMoveEventData();
+    !s || this.keyboardMoveEvent.emit(s);
   }
   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, a = _("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, s = _("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: "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: {
+    return a(u, { key: "1a2600fa0a2ccca5d1a5c76edf8aa72e3dc60e45", id: this.itemId, role: "none" }, a("li", { key: "673da11494e872b67d34d2d1bfaaccba1c7b7c8b", class: s, role: "none" }, a("a", { key: "a3efffb6797eb7b081747b1b4701624d42f2c255", "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 && a("span", { key: "17db5b066a5ab0037cee0e941acf9a69588097b5", class: "tree-view-item__drag-handle" }, a("swirl-icon-drag-handle", { key: "33504ad1b4754a0c7ffd1680b8e8d365477ac29f", size: 20 })), this.expandable && a("span", { key: "8bfca3ed7853b2117a58cc27542e8c73fba74c6b", class: "tree-view-item__toggle-icon" }, t && a(f, { key: "5178f914c6cc1205862e0da847a6c3d2a57c74aa" }, this.expanded ? a("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : a("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && a(f, { key: "b52614962964bbea2c8c0a50ba6f71819f94643c" }, a("span", { key: "7b34fcbfd2cc25da5ac9e4b46e45c020db82a0dd", class: "tree-view-item__icon" }, i ? this.icon : a("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), a("span", { key: "fa06ec0ecdfeec7c88541e790ef44db5731a8b1d", class: "tree-view-item__label" }, this.label), a("span", { key: "aaaa08fd63a644423b088807ff6a3d1551e11d78", class: "tree-view-item__tags" }, a("slot", { key: "e92aac2ae69cb04d310814dea55425f1d6676b43", name: "tags" }))), a("ul", { key: "251a76277ba33f11e79b23101ddb3edb58888609", "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: "9c22aea2c44a74ccf0b8857df3cc79fc2389d93b" }))));
+    } }, a("slot", { key: "cf74c05309bb5fef029ad92f2178ab96d3fdcd91" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.df2a8c5d.js → swirl-tree-view.entry.d488531a.js}

@@ -1,9 +1,9 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.be62a37c.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.9a597714.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";
 import "react-dom";
-const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", E = x, b = {
+const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", b = x, E = {
   cannotBeDropped: "Cannot drop here.",
   end: "{itemLabel}, dropped. Parent item: {parentLabel}. Final position in list: {position} of {childrenCount}.",
   initial: "Press space to move items.",
@@ -18,7 +18,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     }, this.onBlur = (t) => {
       const i = t.relatedTarget;
       this.el.contains(i) || this.liveRegionText !== "" && this.updateLiveRegionText();
-    }, this.canDrop = void 0, this.dragDropInstructions = b, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = void 0, this.initiallyExpandedItemIds = void 0, this.label = void 0, this.liveRegionText = "";
+    }, this.canDrop = void 0, this.dragDropInstructions = E, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = void 0, this.initiallyExpandedItemIds = void 0, this.label = void 0, this.liveRegionText = "";
   }
   componentDidLoad() {
     Boolean(this.initiallyExpandedItemIds) && this.expandItems(this.initiallyExpandedItemIds), this.init(), this.setUpDragDrop();
@@ -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: "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 })));
+    return c(I, { key: "8b347cabbed02c8b2713923e15693615ab652e10" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "2fa4176af9f97b7519445c07e4101ebbb0469c1f" }, c("span", { key: "4120c0f8ce3ce183089ddedb734e4cb66b456bc7", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "ff2f4d3f450c26152adbcb3429953ebd0d3b5b0a", "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: "a4e9fd3f954b3a174964af4f666e14311a6e9aaa", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);
@@ -210,7 +210,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     };
   }
 };
-v.style = E;
+v.style = b;
 export {
   v as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.5b118ece.js → swirl-video-thumbnail.entry.c58b688f.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.be62a37c.js";
+import { r as e, h as n, H as a } from "./index.9a597714.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "df21a2ffcc708f598e41214abfc6f1f858acd0b6" }, n("button", { key: "c9f9dc95edcd16811587407c261384b385d2cf29", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1fefadee1e1d582d79498793ec4d0fbc18dd02da", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ac97b6b482f22e38edcd3fb88028af1625c50af1", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "a9da286a270be65b4598d63089007bdec4130ab9" }, this.durationLabel), this.duration), n("svg", { key: "0856daf047d64f734120c871201345c0902389cd", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "b4c158266183d20ab909df8281a36300c0826fe8", 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: "088f6eb9229c8a316acc5a470758635da71f7a86" }, n("button", { key: "aa52b2b8f762c00e705530f41ed829e0f97ffebf", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "721cde0e3a094f20c2426fb7d58fbaa088f77b30", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "78a5e8080890986cb88b8a3f0345c48e7ee23f41", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "edbdbc44bf40dab420b89c534b01872d6bcb0841" }, this.durationLabel), this.duration), n("svg", { key: "a178a9031b8e67a26c7b35c73c9dab443aa0ccc5", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8ef4f8401ef30c193b60b650f5a29b8b811f5cb2", 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;