@getflip/swirl-components-react 0.261.0 → 0.262.0

package/dist/{swirl-symbol-youtube.entry.b53731f8.js → swirl-symbol-youtube.entry.1c6b12ce.js}

@@ -1,17 +1,17 @@
-import { r as i, h as e, F as o } from "./index.d8b0bea0.js";
+import { r as i, h as e, F as o } from "./index.2cbb8b7e.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const r = ":host{display:inline-flex}", a = r, b = class {
+const r = ":host{display:inline-flex}", c = r, a = class {
   constructor(s) {
     i(this, s), this.size = 24;
   }
   render() {
     const s = this.size === 20 ? 24 : this.size, t = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "7f038a51b6e62b30631a45c73d5816329b4c20fb", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "40eadbf6b1ef16cb8825141bc34ce70ccaf06b92" }, e("path", { key: "8fef01781a4e04111a280636b2ab788617499825", d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" })));
+    return e("svg", { key: "705522e1bcc820c36bddcec36e6dc1da635f8141", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "56417e5095be438cc1a22c71c2d81057d641e6a7" }, e("path", { key: "6f588fe340e32de0a31a50ec538e1f71fb1d3f86", d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" })));
   }
 };
-b.style = a;
+a.style = c;
 export {
-  b as swirl_symbol_youtube
+  a as swirl_symbol_youtube
 };

package/dist/{swirl-symbol.entry.495634e0.js → swirl-symbol.entry.f9ac950f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.d8b0bea0.js";
+import { r as i, h as e, H as t } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = r, o = class {
@@ -7,7 +7,7 @@ const r = ":host{display:inline-flex}", l = r, o = class {
   }
   render() {
     const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "fb864a405fb073ce14a74cefda7c0f48edd65b10" }, e(s, { key: "8087d99a72dd88dad6c136e5016307882926325a", size: this.size }));
+    return e(t, { key: "ddef5bd204db37af201019564cc6e5c0e9d1ebb7" }, e(s, { key: "c3d352c4e73aef9df74ef365f9ade52d4c974ccb", size: this.size }));
   }
 };
 o.style = l;

package/dist/{swirl-tab-bar.entry.6cf97b9c.js → swirl-tab-bar.entry.5b95c8ff.js}

@@ -1,4 +1,4 @@
-import { r as b, c as s, h as e, H as l } from "./index.d8b0bea0.js";
+import { r as b, c as s, h as e, H as l } from "./index.2cbb8b7e.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.bd629521.js → swirl-tab.entry.5bb98b3f.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.d8b0bea0.js";
+import { r as a, h as s, H as i } from "./index.2cbb8b7e.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.15c926a5.js → swirl-table-cell.entry.f9a91d1d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as a } from "./index.d8b0bea0.js";
+import { r as t, h as s, H as a } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = l, r = class {
@@ -6,7 +6,7 @@ const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding
     t(this, e);
   }
   render() {
-    return s(a, { key: "31bd9c27e242fa360280dbb369bf592ac8144236", class: "table-cell", role: "cell" }, s("slot", { key: "a05712f33fbb973f2e9f18e6c862cd1620efe2ce" }));
+    return s(a, { key: "3afb3e21832ab76925430cd86c89b6cc92ab2b28", class: "table-cell", role: "cell" }, s("slot", { key: "4c1dcfc5d728f0292dec7cf1d343c0b96a5e8b7f" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.47ff1f4a.js → swirl-table-column.entry.a9b5e4bc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.d8b0bea0.js";
+import { r as t, h as s, H as i, g as a } from "./index.2cbb8b7e.js";
 import { c as o } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.46e39380.js → swirl-table-row-group.entry.24d13bb0.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as a, g as l } from "./index.d8b0bea0.js";
+import { r as o, h as e, H as l, g as r } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
-const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, b = class {
+const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = a, d = class {
   constructor(i) {
     o(this, i), this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -20,16 +20,16 @@ const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(a, { key: "58cdf42c63b28aa7bd72bbd83e0835a0791d18d1", class: "table-row-group", role: "rowgroup" }, e("div", { key: "cf946829b6249410eabf195727c1d545f1be1745", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "d8a3b2e921bb44c611e6280b5de3bafc6050643f", 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: "fbec9e3be167ab5ebdcb1b86733f8d3d5f8871a9", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "b5640ea9ced5b547cfe049a1cd8b444f300acc06", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "4ea990891aa248f76466f5f1422ef3cce27e98aa", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "034264ffd6c83b33b90ca7d3c7aa47f964404273", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "da09ab4488ece843f8892062c9239ef084d2aa8b", class: {
+    return e(l, { key: "4e6968449d080b1ad7471ec3d31b0f05625fa1d7", class: "table-row-group", role: "rowgroup" }, e("div", { key: "06f639bffe9499a425c1483ed94303f2639d88e3", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "74d28c3e1eaec2727cf324776eef55238d8bf60c", 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: "05baefbf01e6dbc7b5184b191481da33325edbfc", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "bc0198d1ce1d392f77e351d6066598e2bf6ceac1", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "ddb416e4c7d548d3de94ca4f42d4abff44ae44f1", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "405fa7e9eb662e8eee44317ee65087fa95cfd751", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "b13cfbe403cd6937576087db78cd2876881dbff1", 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: "741e86ae974bb0f0ff2225b69afc7ddcd0a041a3" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "44c51b22d4919bbf2d48f680de4379a5a348a4fa" })));
   }
   get el() {
-    return l(this);
+    return r(this);
   }
 };
-b.style = n;
+d.style = n;
 export {
-  b as swirl_table_row_group
+  d as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.3a1173d4.js → swirl-table-row.entry.baf6d057.js}

@@ -1,6 +1,6 @@
-import { r as s, h as t, H as o, g as r } from "./index.d8b0bea0.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import { c as a } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as s, h as t, H as o, g as r } from "./index.2cbb8b7e.js";
+import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { c as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = i, h = class {
@@ -8,14 +8,14 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     s(this, e), this.highlighted = void 0, this.index = void 0;
   }
   componentDidLoad() {
-    const e = a(this.el, "swirl-table");
+    const e = l(this.el, "swirl-table");
     e == null || e.rerender();
   }
   render() {
-    const e = l("table-row", {
+    const e = a("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "29fec5b172dbe51a3dee3c82070a435ff277d9e5", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "fd256210efe1194209fab10f317cf9726a8b1baa" }));
+    return t(o, { key: "25f401b14664a3341ac10c61a858965aed09ea12", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "ebcc62fa5b21e00a61da978e129bc0521fbf49ee" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.785bf5dd.js → swirl-table.entry.159b5da0.js}

@@ -1,19 +1,19 @@
-import { r as S, h as a, H as _, g as v } from "./index.d8b0bea0.js";
+import { r as S, h as a, H as _, g as v } from "./index.2cbb8b7e.js";
 import { d as C, i as y } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 var k = function(t) {
   var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, i = void 0, r = void 0, n = [];
   return function() {
-    var b = x(s), f = new Date().getTime(), w = !o || f - o > b;
-    o = f;
+    var f = x(s), b = new Date().getTime(), w = !o || b - o > f;
+    o = b;
     for (var p = arguments.length, c = Array(p), d = 0; d < p; d++)
       c[d] = arguments[d];
     if (w && l.leading)
       return l.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), b), l.accumulate) {
+    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), f), l.accumulate) {
       var g = n.length - 1;
       return i.promise.then(function(u) {
         return u[g];
@@ -166,7 +166,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return a(_, { key: "22428ff9e118a7ed189cb33e91e62223ef284fa2" }, a("div", { key: "91155c06c37dc930b94850089ab640b2b29fd8f2", class: "table" }, a("div", { key: "6da9f3578213904b608e438faa46265636633321", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "e9714b742b1328e84551656f3e2d4b17d65a0c12", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "800a5a220d24c404e70a183262bebaf02a5fcc4d" }, a("div", { key: "7cb18553948e4dbac48d495fd487b8108208207f", id: "caption" }, this.caption)), a("div", { key: "e94da364a91e3f8eba42f2bdf476c99c41fe0676", role: "rowgroup" }, a("div", { key: "af00f2d137187b35bbe94204eec924d7053607c8", class: "table__header", role: "row" }, a("slot", { key: "d24e969f9024ce6d82f629184c06a8e3045a411a", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "d9359dc1be4474f4b0bc8d06df859ca2383a7c93", class: "table__body" }, a("slot", { key: "8cce694ed1389275a189d354bf9b2e67345f1fd9", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "997154e5deb62b9a7c899c6834a5964fe1b659cd", class: "table__empty-row", role: "row" }, a("div", { key: "0457c0ef49962f1a8884ba1526d05058708ee443", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "5b2b13a053cb752a1c480402a28328b43a5b2a83", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "6fb90136dabece7282c8cd54179a1ed27f9f118d" }, a("div", { key: "45831c321d10ee0625c43c05a32bf08e94a2aae9", class: "table" }, a("div", { key: "445a0aa087e3cad6f5dc819ca1ead6887878899d", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "e140f32cc39fe5e34e206045471c3d96f04cafcf", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "e1156cba43bc5dc860f173b965d352959ecd56e3" }, a("div", { key: "846c7bb4727b77e95e02ab5bdb30b795a3dbcfb4", id: "caption" }, this.caption)), a("div", { key: "106a5130d5c204bd80c4060fb8788ea9dcd9ec52", role: "rowgroup" }, a("div", { key: "80e6089da566561e2d16dd6f8123486924399ef5", class: "table__header", role: "row" }, a("slot", { key: "65a8fa8d478a78b57fe1b81aef77198c4a494687", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "de57d31a25996978cfdf99f01263afa62a084ac8", class: "table__body" }, a("slot", { key: "11b7d0aeaad80eef9ba783728f42ffd92c649cc4", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "6becaf6a44bc0c1e54097952aa75dec34042bbf0", class: "table__empty-row", role: "row" }, a("div", { key: "517409c67507154f7c19e8fc4d1929e3e1568b29", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "a875ab674813f9661bbf10dde0c3f92a6540fb51", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.bd7918ba.js → swirl-tabs.entry.ab77b2cd.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as n, g as c } from "./index.d8b0bea0.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", d = r, h = class {
@@ -50,7 +50,7 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(n, { key: "3089c06c74dd4876e94f2de43f389e73cd8c38e3" }, s("div", { key: "f83cab1ce8cbc664d0c579475349a242c5f971ae", class: "tabs" }, s("swirl-tab-bar", { key: "1a9a6954dd218d61601404c31439c7a824a02fd6", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), s("slot", { key: "ba49f898cb01f11eafa7ea257b9f52eaccd41d79" }));
+    return s(n, { key: "d3b0c51a55ad071d6f626e1f88db9a4b545b55ae" }, s("div", { key: "c808b91670b5e64606e1eca40ccbb9568cbed899", class: "tabs" }, s("swirl-tab-bar", { key: "2bc44e9f8d3691d64d4cfc62fae1fe806777d91c", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), s("slot", { key: "54316de3a43c1f240a202aba044b1330fb589340" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.f3c9147d.js → swirl-text-input.entry.87bc826b.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.d8b0bea0.js";
+import { r as h, c as n, h as i, H as d } from "./index.2cbb8b7e.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-text.entry.39fb5526.js → swirl-text.entry.fbf2a333.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.d8b0bea0.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.2cbb8b7e.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-theme-provider.entry.e0ab9c74.js → swirl-theme-provider.entry.9c172213.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.d8b0bea0.js";
+import { r as m, c as a, h as o, H as d } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "1266378fdaa0421b4a28d5c133f6990e4dd842c7" }, o("slot", { key: "ebf5af293a781e4b405f4dd3c6a8c0f0399e0d41" }));
+    return o(d, { key: "88380bec54cd03d62495ed57ab785d1d5cbd4351" }, o("slot", { key: "3d47241cc83e3c91dcb7146ac9c58441499997ff" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.a3301303.js → swirl-time-input.entry.e981c497.js}

@@ -1,26 +1,26 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.d8b0bea0.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.2cbb8b7e.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.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-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const g = ".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}}", b = g, u = "HH:mm:ss", k = class {
+const g = ".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}}", b = g, l = "HH:mm:ss", k = class {
   constructor(e) {
-    c(this, e), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+    c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
     }, this.onChange = (i) => {
       const t = i.target.value;
       let s;
       t === "" && (this.value = void 0, this.valueChange.emit(void 0));
       const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
       const t = i.target, s = r(t.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -59,10 +59,10 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
+    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: "6326c3a42f6ff4a21778fea7933efd21e7f586ad" }, a("div", { key: "aad488c92bd2232bcb98453ab80182f5509a26cd", class: s }, a("input", { key: "dfd55229a490341a911524f9c68c62a999653c58", "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: "c9dd879952e1e1cf2305980297e890ae57b7185d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "ce749a3f6cb76f482a1fc3a18f10f9b7a9c4a0fe", size: this.iconSize }))));
+    return a(p, { key: "a217a1162e3d29bf88073607cb01a5598d61926a" }, a("div", { key: "551db6df95d194cfcfa4c4b06288a90b58ab054e", class: s }, a("input", { key: "f6c6defc10484ca2dbc92d4fd971b7ce81d1b94c", "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: "e80e90de706e1b55a6e0506fd0b61a7e80a7d70c", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "0182e69b631e20ccb2363a16eb856865d89a9d49", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.7d2f9eb5.js → swirl-toast-provider.entry.5225c886.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.d8b0bea0.js";
+import { r, h as a, H as e } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.46b184ed.js → swirl-toast.entry.0ddc443a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.d8b0bea0.js";
+import { r as o, c as n, h as e, H as r } from "./index.2cbb8b7e.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-toggle-button.entry.32b6287f.js → swirl-toggle-button.entry.d7c4d814.js}

@@ -1,18 +1,18 @@
-import { r as e, h as o } from "./index.d8b0bea0.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r, h as o } from "./index.2cbb8b7e.js";
+import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-default);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--swirl-flat-button-background-default)}.button.button--pressed:hover{background-color:var(--swirl-flat-button-background-hovered)}.button.button--pressed:active{background-color:var(--swirl-flat-button-background-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", i = s, n = class {
   constructor(t) {
-    e(this, t), this.onClick = () => {
+    r(this, t), this.onClick = () => {
       this.isPressed = !0;
     }, this.identifier = void 0, this.label = void 0, this.isPressed = !1;
   }
   render() {
-    const t = r("button", {
+    const t = e("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "3861fde82eabc6dfbd4ea9d329ea36010c48e9a0", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "ae3b3b0635ca955084ded5360f419bbc8e00af56", class: "button__label" }, this.label));
+    return o("button", { key: "4554a886b0ebe5b44849b62a8197a06a78bd12af", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "da040c3015f6ab8876416cda6a397aab1087d3a0", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.270139d8.js → swirl-toggle-group.entry.23bfee22.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.d8b0bea0.js";
+import { r as g, c as i, h as o, g as r } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "8bffb40c1f341f5ba672ac8fd3335fde1259b6fd", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "f85e75cef254a1dd0522ef0cd9edb89603b965a4", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "08e556ffce1b69d494545650a1d9f2cc1b0e0d9c", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "4734f6ed01d1238f84aee22d9a8c00edcca2a77d", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.079b399e.js → swirl-toolbar.entry.4a120e4b.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.d8b0bea0.js";
+import { r as n, h as s, H as r, g as i } from "./index.2cbb8b7e.js";
 import { b as a } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.33706113.js → swirl-tooltip.entry.ba090a8e.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as h } from "./index.d8b0bea0.js";
+import { r as p, h as i, H as c, g as h } from "./index.2cbb8b7e.js";
 import { b as d, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.fea567b3.js → swirl-tree-navigation-item.entry.5cfd58b0.js}

@@ -1,5 +1,5 @@
-import { r, c as s, h as e, H as o, g as l } from "./index.d8b0bea0.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.2cbb8b7e.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-sm)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:2.25rem;padding:0 var(--s-space-16) 0 var(--tree-nav-item-padding, var(--s-space-8));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-sm)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}", c = h, g = class {
@@ -45,19 +45,19 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     !this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !1);
   }
   render() {
-    const t = Boolean(this.href), i = t ? "a" : "button", a = d("tree-navigation-item__link", {
+    const t = Boolean(this.href), i = t ? "a" : "button", a = l("tree-navigation-item__link", {
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "9ab69bdc4b053a7246d42f340fb0a7fb6e5f5924", role: "none" }, e("li", { key: "918e2904026c13a1389cb555abc8c353f99fa310", class: {
+    return e(o, { key: "ccb8fab72b82370116e0004cf153811d59064cc3", role: "none" }, e("li", { key: "739575efd5193cbb2885cb4908dd2983eaed70a2", 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: "3e097bf17d9e16fcf643a002d087d023c6a52ee8", 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: "ba714160b2eaf31ec8cb5446ee375db2583af244", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "7e9530c0aeeebb25cac46a61a19c0e8216acc45f", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "91fcabb1dee17b4fe7ef2b6d9b9f31f8f4950449", class: "tree-navigation-item__label" }, e("span", { key: "0cf8cf6ca838730e9a23f76185d1837e19c7bbd4", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "130a58936ce769e9e44db262c3c0905a0ef2be9e", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "51c0490baca573803b59150ab524cb67eea1a74c", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "58a6298e62a234ea3b69539e9ed705a6412805f1", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "2259456f1bf4f4b648099f2239dd409aa64903be", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "bb76e88c245a72b6fcd43f3df606bcbb65ab4591", 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: "9a5c4f9a2a28dba0cb621c606c96740bb2cd78b9", 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: "f40c840bbe8d412215a39f4d377de7da735e31a5", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "e872dd8e05f7c69945e8459133cc0628bcf2f8f9", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "00c0039c994111b9137b82f9e5bff9fbad17cff3", class: "tree-navigation-item__label" }, e("span", { key: "99da9102f4fd50b10bec3aece165c42d617054a8", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "24c65b2553f3d2c3c304a63a38f9ca326a3e93e7", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "396da912b54c3f602a042a85546fdc658a1b0f5a", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "fa5aa49d1f8ea0e00db54a0993c57eb9f758feb4", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "3b43aa4bb817d6419cc27e8ce9e1aab2c9ffc87c", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "8efaa76b983875a4e2c05625793fdf1a49f1bb0c", 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: "811fce6802672193cce2ba906420c3eb2ba184bd" }))));
+    } }, e("slot", { key: "12f645a477d1980b2e3dd69368eb6934b6dcc2a7" }))));
   }
   get el() {
-    return l(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/swirl-tree-navigation.entry.30563c8a.js

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

package/dist/{swirl-tree-view-item.entry.a5afe600.js → swirl-tree-view-item.entry.3808ab9c.js}

@@ -1,10 +1,10 @@
-import { r as c, c as a, h as e, F as l, H as o, g as d } from "./index.d8b0bea0.js";
+import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.2cbb8b7e.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);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.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item: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.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{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.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::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.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
   constructor(t) {
-    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onClickCollapse = (i) => {
       i.preventDefault(), i.stopPropagation(), this.collapse();
@@ -38,15 +38,15 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
     const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
-    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(o, { key: "716ad90519b37fa13068537964d8efbac4282481", id: this.itemId, role: "none" }, e("li", { key: "14cc2092318182a65a1280461ce789dd3671ffbe", class: s, role: "none" }, e("a", { key: "8113cef473e1481c469c765a1f639cea2bc715f3", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(d, { key: "9c4060a50612c5c04f9e9dc3d8f24b64cc86eb50", id: this.itemId, role: "none" }, e("li", { key: "a667aa3413ab89d0b73a1cdecf638c0edeebc30f", class: s, role: "none" }, e("a", { key: "892df8da2123bca07f4b742f2db7074aa2cebf34", "aria-current": this.active ? "page" : void 0, "aria-expanded": a ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": a ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
       paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "dabda22ad341597e5b8d5552bc067bb7b23c639c", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "8efebc17d42ce02df652f552845198e674578604" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "512f975726a90c013fd81bb92a8c90947478294d" }, e("span", { key: "363628160f091914461766665228a6d43fbef405", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "162edeef56f88eb4223d34632451a27e4fecac26", class: "tree-view-item__label" }, this.label), e("span", { key: "f731e735184b8551eaf94238145757411c5424db", class: "tree-view-item__tags" }, e("slot", { key: "e52b850530d15e0255642348fe0cbefd243722bb", name: "tags" }))), e("ul", { key: "cdd8836da2c60a1f9f20d8d17203c6e3579626bf", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !r ? "none" : void 0
-    } }, e("slot", { key: "6616b7ede4c157e1fc13e4ccbaffb0a60040d015" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "7ca84e257df1c6c1d50715b24c0174b162a4c87f", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "ee4e1e8abb8ee763899acacd736eff1d6dec3a88" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "42d4ad3e805c975aef45201476827db258866a0c" }, e("span", { key: "f2057d60353ee4715333afc7794ad1f88158b660", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "e8ad171d851551688c2147e64963a9f5ee1804e4", class: "tree-view-item__label" }, this.label), e("span", { key: "87a3d8a35f97ca90ac3d6474f0ec76091177606c", class: "tree-view-item__tags" }, e("slot", { key: "3d071ed48c8ce362a70f45e18ca4cbf1d30abe03", name: "tags" }))), e("ul", { key: "1c62c41a354a86187f87bf9788b6d751fb9cc610", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+      display: !this.expanded || !a ? "none" : void 0
+    } }, e("slot", { key: "42332e01614e7684e3c2564771752d65024a4bc8" }))));
   }
   get el() {
-    return d(this);
+    return o(this);
   }
 };
 v.style = m;

package/dist/{swirl-tree-view.entry.53a12e6d.js → swirl-tree-view.entry.7aa15edd.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.d8b0bea0.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
-const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
+const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", w = E, g = class {
   constructor(e) {
     p(this, e), this.itemExpansionChanged = u(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
       this.init();
@@ -115,13 +115,13 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "3d6b48b3ed3259ff00b0d74c2917a8df39152142" }, o("ul", { key: "0b7ab3c3a56b07df31b4654f480599c55c156fa3", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "761f5b11bd43703b837ce637edd10cb2207fb24d", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "9547acc6ee783cd7bbc86229456664b704ce3824" }, o("ul", { key: "054dbfae0ea04717ec92404e5cfdbd02b3aa8ef2", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "bd50ab3d80614550ff1369b2135087c9abd18f7e", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-w.style = f;
+g.style = w;
 export {
-  w as swirl_tree_view
+  g as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.29028907.js → swirl-video-thumbnail.entry.4f1011db.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.d8b0bea0.js";
+import { r as e, h as n, H as a } from "./index.2cbb8b7e.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: "74a36de00b296ef7cad5cbe88758d0d779142103" }, n("button", { key: "d73e9b19d127271f39e90117b55f5c375ab57161", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "2e02aa3be9c79105b3e1351bd91a012ac287b43e", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "199752310725807835e6714066653524aa25755a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b52032ae1d72c6fe385696181c7d8dbad03100b1" }, this.durationLabel), this.duration), n("svg", { key: "04802b94b1e8d0bd21ee4c6628beb110dc72131b", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8f9eca1c146e9235c0963202e7ca76226578177a", 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: "1cebf80b9a3b76e1f463a7e34fb9753092589df9" }, n("button", { key: "771634a63654892d7a8bb6bdee9130208778ac79", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "708ac273df7b36e84b280dc7a211947c554ed90c", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ccd1a3bdd939da1ceab82c5f480a6cc05886238a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "08b8b439f3e2fe529a5e08d2a3d4adf5a7b81d40" }, this.durationLabel), this.duration), n("svg", { key: "af98a07072d4963aa9838fdb15cf4a633f27e3c6", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "b99ee166bc59e5876b02c3e2a5c4c13f5034bc0d", 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.82f55630.js → swirl-visually-hidden.entry.8a5c016c.js}

@@ -1,15 +1,15 @@
-import { r as s, h as e, H as r } from "./index.d8b0bea0.js";
+import { r as s, h as e, H as r } from "./index.2cbb8b7e.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, d = class {
+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: "8ba0883ad9e5d6c38e9a5e0329f09d33ccfb94c3" }, e("slot", { key: "21748aee3f7fec7115212fc6a1672b0870eb24d5" }));
+    return e(r, { key: "11989ec156e6ed5fc03a3e40802e5af45247d534" }, e("slot", { key: "2464ac3e1a71c723e24c0258b3925ee54900a772" }));
   }
 };
-d.style = a;
+t.style = a;
 export {
-  d as swirl_visually_hidden
+  t as swirl_visually_hidden
 };

package/dist/{wc-datepicker.entry.6e7f7c86.js → wc-datepicker.entry.4742e651.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.d8b0bea0.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.2cbb8b7e.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.261.0",
+  "version": "0.262.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.261.0",
+    "@getflip/swirl-components": "^0.262.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },