@getflip/swirl-components-react 0.279.0 → 0.280.0

package/dist/{swirl-table.entry.8ef87a15.js → swirl-table.entry.f24e6f66.js}

@@ -1,19 +1,19 @@
-import { r as S, h as a, H as _, g as v } from "./index.f71aa751.js";
-import { d as C, i as b } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as S, h as r, H as _, g as v } from "./index.3004123e.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 = [];
+  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, a = void 0, n = [];
   return function() {
-    var y = x(s), f = new Date().getTime(), w = !o || f - o > y;
-    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), y), l.accumulate) {
+    if (i ? clearTimeout(a) : i = R(), n.push(c), a = setTimeout(m.bind(this), f), l.accumulate) {
       var g = n.length - 1;
       return i.promise.then(function(u) {
         return u[g];
@@ -23,7 +23,7 @@ var k = function(t) {
   };
   function m() {
     var h = i;
-    clearTimeout(r), Promise.resolve(l.accumulate ? t.call(this, n) : t.apply(this, n[n.length - 1])).then(h.resolve, h.reject), n = [], i = null;
+    clearTimeout(a), Promise.resolve(l.accumulate ? t.call(this, n) : t.apply(this, n[n.length - 1])).then(h.resolve, h.reject), n = [], i = null;
   }
 };
 function x(e) {
@@ -96,7 +96,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = b();
+    const e = y();
     if (this.container === void 0)
       return;
     const t = this.container.scrollWidth > this.container.clientWidth, s = this.container.scrollLeft > 0, l = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
@@ -127,27 +127,27 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     const e = this.getColumns(), t = this.getCells();
     e.forEach((s, l) => {
       const o = this.getCellsForColumn(t, e, l), i = this.calculateColumnProperties(s, e, l);
-      o.forEach((r) => this.applyCellStyles(r, s, i)), this.applyColumnStyles(s, i);
+      o.forEach((a) => this.applyCellStyles(a, s, i)), this.applyColumnStyles(s, i);
     });
   }
   getCellsForColumn(e, t, s) {
     return e.filter((l, o) => (s - o) % t.length === 0);
   }
   calculateColumnProperties(e, t, s) {
-    const l = e.sticky ? this.getLeftOffsetForStickyColumn(t, s) : 0, o = `${e.getBoundingClientRect().width}px`, i = e.sticky && t.length === s + 1, r = e.sticky && !this.hasStickyColumnsToRight(t, s);
+    const l = e.sticky ? this.getLeftOffsetForStickyColumn(t, s) : 0, o = `${e.getBoundingClientRect().width}px`, i = e.sticky && t.length === s + 1, a = e.sticky && !this.hasStickyColumnsToRight(t, s);
     return {
       leftOffsetForStickyColumn: l,
       columnWidth: o,
       isLastColumnSticky: i,
-      hasShadowRight: r
+      hasShadowRight: a
     };
   }
   applyCellStyles(e, t, s) {
-    const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: i, hasShadowRight: r } = s;
-    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !b() && (t.sticky && !i && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", r && e.classList.add("table-cell--has-shadow-right")), i && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
+    const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: i, hasShadowRight: a } = s;
+    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !y() && (t.sticky && !i && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", a && e.classList.add("table-cell--has-shadow-right")), i && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
   }
   applyColumnStyles(e, t) {
-    if (b())
+    if (y())
       return;
     const { leftOffsetForStickyColumn: s, isLastColumnSticky: l, hasShadowRight: o } = t;
     e.sticky && !l && (e.classList.add("table-column--is-sticky"), e.style.left = s + "px", o && e.classList.add("table-column--has-shadow-right")), l && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
@@ -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: "675304f503cb6b0f765d75be8c637734f9eb45b1" }, a("div", { key: "46a8bcf02fd6fcb8bd58dcae6b6ebdc1553afd80", class: "table" }, a("div", { key: "41db3adb32af21328808b8d3a8252f1caf392017", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "fe87c82566fa5e9f4a88cb9782e6a1eac711d2fe", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "87ee15d26df270ed62c72dff719bc137fb4d133d" }, a("div", { key: "7a6588f9ec56fbc5848f0467112e6f8dfd38fb30", id: "caption" }, this.caption)), a("div", { key: "341a950ec57dcd1ba4b7ee31e56394abbc27812b", role: "rowgroup" }, a("div", { key: "bb8a7f5b0f29020ff653291507a38b77999b48e2", class: "table__header", role: "row" }, a("slot", { key: "75fb1a93e5be755ad05dfc5ab8eee90786b5e8d1", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "24b7c5a033214c6094a63b7b6332e72a6b4921d4", class: "table__body" }, a("slot", { key: "1325448c0bcdf7abf1455269a25c40d6904029d3", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "b80dee8f8e905d5338a16a5fcbd51ab0f8feedf0", class: "table__empty-row", role: "row" }, a("div", { key: "91b8072c02b31e93eaff48df135384a5d85af78d", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "c014fa080e3efe756491a5dc84a6581747bb5c39", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "3c6ceb12f44c9569c2e1f0123469a7f7bf78efac" }, r("div", { key: "8fc610eac6c9137c31bee2e1d29518b83c33109f", class: "table" }, r("div", { key: "7b7d0a4db01ae20c0bb1838fea908edf53429205", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "1351cc726777a39b94a61ef313728d2053d62012", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "80dd6702f8c1451447040687d4ebb843abc77d77" }, r("div", { key: "80f75e2bf3d8251e9f078216016d373751b937b3", id: "caption" }, this.caption)), r("div", { key: "47ed57a524071c9b8fd0e4c0837340cc9b7af440", role: "rowgroup" }, r("div", { key: "ba655b6daec9de3777f4bf156299beef79ab8fa7", class: "table__header", role: "row" }, r("slot", { key: "1f1c043262ebe55a7d7d99ec01ce93594f4ea312", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "4a7e2126391c33e31898e0bf57d5e7df9593ce16", class: "table__body" }, r("slot", { key: "e68a58ff6d4cbe8d2d31d34106bdf341b026cd91", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "a0c03aef7304d9bd75cedb1fb1b3d8261934ec29", class: "table__empty-row", role: "row" }, r("div", { key: "aeaf22c6f0de29b13fb72605057c801c819c985f", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "a27e8c59ded4317ef8efa447c4c41174f3739c10", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.75e24493.js → swirl-tabs.entry.f3978ec2.js}

@@ -1,9 +1,9 @@
-import { r as s, c as b, h as e, H as n, g as c } from "./index.f71aa751.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.3004123e.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 {
   constructor(t) {
-    s(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -50,7 +50,7 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(n, { key: "4abcbc6a5adebaec3a03c16d01961c7f816faffa" }, e("div", { key: "24e7bb07284beb7deca299a1ec5e3bda3e1ae002", class: "tabs" }, e("swirl-tab-bar", { key: "288dc6782de7f62a2b0d4f3fd8adab137791ecb6", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), e("slot", { key: "8fce383f2212bc1fd9acd2677569fe5321e83697" }));
+    return s(n, { key: "6b1426436840263dd7b7e58646daf3b10fe9520a" }, s("div", { key: "34da9a8dd090dd601fa3bf2dba8f3ccbc0168844", class: "tabs" }, s("swirl-tab-bar", { key: "f556966b5d8d0b0aa66ff546effe642fcd03619c", 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: "72a07cf0e9fcd0716346d26c4e637fab1d73431c" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.bdcae56d.js → swirl-text-input.entry.ce6b4873.js}

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

package/dist/{swirl-text.entry.4ff9a701.js → swirl-text.entry.c478a8b8.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.f71aa751.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.3004123e.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.f8314837.js → swirl-theme-provider.entry.d8498f01.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.f71aa751.js";
+import { r as m, c as a, h as o, H as d } from "./index.3004123e.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: "8359002539e544198dc0ac40692b34d527daabb6" }, o("slot", { key: "4c74c48f8530740d773570d0a289092265ccb0b2" }));
+    return o(d, { key: "e3fe6e2eb1cc7424f521e351264d3442be5d6d21" }, o("slot", { key: "fa5e17da0289211471c6e70fc88d1cdfd1547783" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.91dba4a0.js → swirl-time-input.entry.8385721c.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.f71aa751.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.3004123e.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-fbb8b494.acf1ae9e.js";
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "5572698ac135d370e0798ff79c8c4fee3b8ae1d0" }, a("div", { key: "28f5158c60405f237fdbc5191313c9743f3a388e", class: s }, a("input", { key: "c426e602f0d9c92a970d9f595ed525e608af7ce4", "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: "416debdb231e9c1432fffe4ea2fe38d3730c3396", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "a06f3ec98f6e61d2b045d6daf2f40bda71babca4", size: this.iconSize }))));
+    return a(p, { key: "eef4dbf1969b693fa25563f9fb1e2c2da0a947f6" }, a("div", { key: "925a03a60c99f27c66087e90826b9b2e7252eece", class: s }, a("input", { key: "575da3dbe7be598014eb9c66a4f4239afe5a19c7", "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: "aa2df52defa4638d85b6ca2bdd482f13d0c6cacf", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "3e842f1455d3ec6f59728c34f0146188dd29320a", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.b71f9d69.js → swirl-toast-provider.entry.bf3c8e1d.js}

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

package/dist/{swirl-toast.entry.3ebbe4f0.js → swirl-toast.entry.7dd3b5a0.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.f71aa751.js";
+import { r as o, c as n, h as e, H as r } from "./index.3004123e.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.184ae3c0.js → swirl-toggle-button.entry.31b140cd.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.f71aa751.js";
+import { r as e, h as o } from "./index.3004123e.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const t = r("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "6b31ccdda32630bcd13f4b0f98ade2e20cee9705", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "2db26beae59ac36b32bbeadbf422f8cec76a5c95", class: "button__label" }, this.label));
+    return o("button", { key: "93ab1b8aef098073cc2a73304cf5adc11ff8b6dd", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "a280e3b067ef3199ecad4f70a7c5d65596de60ee", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.84fb034f.js → swirl-toggle-group.entry.f33f6e01.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.f71aa751.js";
+import { r as g, c as i, h as o, g as r } from "./index.3004123e.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: "7884190a68426433452ca842df47f74fe02d3927", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "a5b880252035a3193b43fc7397b18b05d701e83b", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "667d79f6202e7cbb5167fb50c432c7c787d61e56", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "d5e7a2a34daef1af90ac9393905bd20839bcd9d5", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.7a8d16d5.js → swirl-toolbar.entry.f456b17f.js}

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

package/dist/{swirl-tooltip.entry.8b028945.js → swirl-tooltip.entry.b46c0cad.js}

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

package/dist/{swirl-tree-navigation-item.entry.a5707a26.js → swirl-tree-navigation-item.entry.bec6890a.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.f71aa751.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.3004123e.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "afa2ae5223b7dcf1dae1082efd4af986c4e17b37", role: "none" }, e("li", { key: "342f2f23f78f151a6351591942c58d4154096847", class: {
+    return e(o, { key: "a9fbce22fc2c48e419f2ba9827ca6f54f1b43db7", role: "none" }, e("li", { key: "f17e7d783b44949e9b918a591d1c760472c3f23e", 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: "2e4941eec16bfe96aa7b90fce0a368bc569cb304", 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: "3cc67b6dfd2b66cee4cc44ecf9d08a9b899edd80", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "aa35a4055c072f0fb66cb15c5ce63efce5b614af", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "3cff473a9ff8d12f8381cff49db9dc1c19d20746", class: "tree-navigation-item__label" }, e("span", { key: "84cef5ede38f44e18f1a9b10ba50518dd72b4bdd", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "6fa41ed11cdf2d2c3b311afc645ceb4687ad3187", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "c8f636d8dbf43392660b0b6b14ac060dbbd81ab0", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "f45628a3a52d37f160000ae7ec9941d335a80995", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "d6abe578950e5af069c983878f5039e98829dac8", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "46584ac5581b32f5d8eff8eeb9f735f53796d92b", 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: "82280630fa2877e8daff509612aee44c48ec91a7", 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: "065b36cfdb9581b46a1df4fa8b1e45e0080a5520", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "3f44154cc4ec8919465b0804bf0d56a52806d793", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "c947897b89843c744cc0d166bcef5644421f51fa", class: "tree-navigation-item__label" }, e("span", { key: "c07a23ea8d3b49beb64fe7f4c079bdd7887f0583", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "cdcb068e7abd0f0065f68a53a4002f11c7f94f25", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "7f0cf84b86a6d07af0582214b10e762f4ab9447d", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "b789cdae7ab0604bf7d3b354bff3ca4e705bcbc6", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "e5646106a5d6acbbd17b0ee1684aa4f4592f5b47", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "f843b12b95f71466b313b6a1b6c5ee8103eb1199", 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: "e57c58d1d211e4bd683cc1af92c538f9e5c2f119" }))));
+    } }, e("slot", { key: "46bfa61a656a2de53489b0f22422de2f6c6f4a12" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {

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

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

package/dist/{swirl-tree-view-item.entry.3870eb3a.js → swirl-tree-view-item.entry.d3249507.js}

@@ -1,10 +1,10 @@
-import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.f71aa751.js";
+import { r as c, c as a, h as e, F as l, H as o, g as d } from "./index.3004123e.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 = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(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
-    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "ecab3ab3f9a824fde4683cc69f1c1da1c752bbc9", id: this.itemId, role: "none" }, e("li", { key: "b5aa1e278263404deb9d17aca00d1a61d2706530", class: s, role: "none" }, e("a", { key: "ff0afac0c8d591132b0a0c73ef8ad8aecad402cb", "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: {
+    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(o, { key: "61f2f5139b9ca27e60e50a69e72d444d1f31fd4c", id: this.itemId, role: "none" }, e("li", { key: "3bc5d305ce0ca0c69c172cd688978476e5ac3ce1", class: s, role: "none" }, e("a", { key: "450e7bc4308d6e776d7da0cc9a214f327b3af3e0", "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: {
       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: "2f5f0a254f38127d9b81e9cc44e6cfa93bb258ce", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "82dc5dfa363a962f954ab64aac7ce722a7caba87" }, 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: "8f633fa4bb1db43c1c6c33d443e4673e6268b068" }, e("span", { key: "2d4494f0523d57a26128469fd12658d53442901c", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "7966e6a16b369d4596d0f38d0023e60919ef9905", class: "tree-view-item__label" }, this.label), e("span", { key: "4763750f982e2df58a0feb82ffd61efb05f7d0be", class: "tree-view-item__tags" }, e("slot", { key: "7536f449de07a815ad14f7df528f8c93f6890a6d", name: "tags" }))), e("ul", { key: "01c85dcc9126452f33b6753f675828c6766b8f54", "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: "65f6acff8fa18cfd53d1ab621a693ee4a133eda5" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "f6d1eea5ca826bcccc27b9f49b146a8a8eec5e67", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "7020d6ffa109cc5b99c72dd9c044bc5746ef8684" }, 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: "269b7a9347440cf7e7877ee44fa98c4ae6ade8b4" }, e("span", { key: "8cc35d72f1359baf6b0a4b40f0147fc8efcc117f", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "4c45722270e13a858be08069e587778654f8274d", class: "tree-view-item__label" }, this.label), e("span", { key: "36f3836c5e4cf22b86340c330163485ee1b5487e", class: "tree-view-item__tags" }, e("slot", { key: "cf6495dd4be44436748dfecc74584f8c62e02024", name: "tags" }))), e("ul", { key: "6a703a5fc262f88d33125d2670f1640f7ee1c16d", "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: "bb1796e1873a9aa3fc57b35b26955f7feb0a75e4" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
 };
 v.style = m;

package/dist/{swirl-tree-view.entry.3e08d755.js → swirl-tree-view.entry.90686a28.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.f71aa751.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.3004123e.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)}", w = E, g = 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)}", f = E, w = 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: "c1b1e1bc3e758462e8a260cbac6a436f3aa2b671" }, o("ul", { key: "80a515cc8491d3f9c09476d75be5825a63740f81", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "ac9698ff189a2555475a82813515ca45fa193211", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "fa93c938faa7e11fd4fad055fa9619b305895540" }, o("ul", { key: "fa0c7adc5bf1cd3f4efc77699726706f3e0a4648", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "713c42a3fa2188afca21934b6c96e816a5a86929", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-g.style = w;
+w.style = f;
 export {
-  g as swirl_tree_view
+  w as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.4fc059d9.js → swirl-video-thumbnail.entry.00f77ce1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.f71aa751.js";
+import { r as e, h as n, H as a } from "./index.3004123e.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: "5c4cbedf80aa80c9c82484343e8ba3a65db6abc5" }, n("button", { key: "0a4628f8f80c19e63dae688316b10bd9fc4e48ae", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "9e7afb03a72f41c1c581c16060adb2faa2c57da8", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "b6ddaa4af23660ed7c1ea9481b61103bb10f1e30", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "9e501593d230d27d61e44a4135a4e387c3f504c6" }, this.durationLabel), this.duration), n("svg", { key: "baed9f1378135d8303a4b789221a35315506f484", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "16aa2ccd3fb6f47e64f86cc70b5a5a9b390996b8", 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: "c27dd9df714d9f2881049363be1fc042e2017dc6" }, n("button", { key: "baab6007364ffabc39c20200446ea688195d73de", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "4ea56eb5a63793861b38a6767de5ff8d6e710a19", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "fd037e5a245ed10f2782671837c7cb89b02f3e5f", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "40fe7b6e3819cec721ef0e1290970185a5b4a6d4" }, this.durationLabel), this.duration), n("svg", { key: "5616174cd1d5b45df6bde5bcf4a488f4ee14dd55", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "3cfe6b1d7bf48b9fb158d1ae7fa09f1967e5fa5f", 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.bddb3899.js

@@ -0,0 +1,15 @@
+import { r as s, h as i, H as r } from "./index.3004123e.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)}", d = l, t = class {
+  constructor(e) {
+    s(this, e);
+  }
+  render() {
+    return i(r, { key: "283d92854f91eea22f68324f1e7093f3a81db80e" }, i("slot", { key: "45db844f488361adc64c30b962833c544b079e0b" }));
+  }
+};
+t.style = d;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.371460d7.js → wc-datepicker.entry.a60fc04e.js}

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

package/package.json

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

package/dist/swirl-button.entry.2d09268e.js

@@ -1,62 +0,0 @@
-import { r as l, h as o, H as u, g as d } from "./index.f71aa751.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as v } from "./utils-fbb8b494.acf1ae9e.js";
-import "react";
-import "react-dom";
-const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-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-subdued);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;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):not(.button--disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):not(.button--disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled):not(.button--disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled):not(.button--disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled):not(.button--disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:not(:disabled):not(.button--disabled){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:not(:disabled):not(.button--disabled){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:not(:disabled):not(.button--disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled):not(.button--disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled):not(.button--disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
-      --swirl-icon-button-border-bottom-right-radius
-    );border-bottom-left-radius:var(
-      --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, p = h, w = class {
-  constructor(n) {
-    l(this, n), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
-      this.forceIconProps(t.matches);
-    }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaCurrent = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.pressed = void 0, this.size = "m", this.target = void 0, this.textAlign = "center", this.type = "button", this.value = void 0, this.variant = "ghost", this.inheritFontSize = void 0;
-  }
-  componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute(), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  componentDidRender() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute();
-  }
-  disconnectedCallback() {
-    var n, t;
-    (t = (n = this.desktopMediaQuery).removeEventListener) == null || t.call(n, "change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(n) {
-    if (!Boolean(this.iconEl))
-      return;
-    const t = this.iconEl.children[0];
-    ((t == null ? void 0 : t.tagName.startsWith("SWIRL-ICON")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-EMOJI")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-SYMBOL"))) && (t == null || t.setAttribute("size", n ? "20" : "24"));
-  }
-  getAriaLabel(n) {
-    if (Boolean(this.swirlAriaLabel))
-      return this.swirlAriaLabel;
-    if (n)
-      return this.label;
-  }
-  updateFormAttribute() {
-    var t, r;
-    Boolean(this.href) || !Boolean(this.form) ? (t = this.buttonEl) == null || t.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
-  }
-  render() {
-    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = c("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
-      "button--disabled": this.disabled,
-      "button--has-icon": a,
-      "button--icon-only": n,
-      "button--pill": this.pill,
-      "button--pressed": this.pressed
-    }), b = t ? "a" : "button";
-    return o(u, { key: "9f7e6331c399db3c4bfd13decb2122be60e5e065", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "859b6ac29de2c34bb8d83195f15204e533e6def2", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "5c7f0e5a64b7a340f2150f389f20cd9316b187aa", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "d6a785644558af85728463ae5a91a0356597f234", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "fc0967d404034583af2e3de17f466cd16bb7a9b0", name: "icon" })), !n && o("span", { key: "adffba35ce4ab6113dbdcf9250d288f5ee0755d2", class: "button__label" }, this.label), s && o("span", { key: "e9fd1d4ab56df41b7c20b54fd830735571273f4d", class: "button__tag" }, o("slot", { key: "b102bba403ef8ec9f380fca6153ba242d789e0f0", name: "tag" }))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-w.style = p;
-export {
-  w as swirl_button
-};

package/dist/swirl-symbol-roadmap.entry.4238e1fb.js

@@ -1,17 +0,0 @@
-import { r as t, h as i, F as o } from "./index.f71aa751.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, m = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, e = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return i("svg", { key: "61d578924bda397175cb367e0d4dd0be78fa1d95", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(o, { key: "c08b22ab4058721142c5f9441434040ed1a234b3" }, i("path", { key: "f770fc56af3c01611855d44ef345d95f1b1830ff", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-m.style = a;
-export {
-  m as swirl_symbol_roadmap
-};

package/dist/swirl-tree-navigation.entry.9b963ef1.js

@@ -1,15 +0,0 @@
-import { r as a, h as e, H as i } from "./index.f71aa751.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(t) {
-    a(this, t), this.label = void 0;
-  }
-  render() {
-    return e(i, { key: "18e14f7cb4514871437b37192bccb4ce8b53a604" }, e("ul", { key: "eb54e2407d9f1f495941fa3473d1ad792bcd9997", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "93013f55e10c6d170945d543f99b558b05ba20cf" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_tree_navigation
-};

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

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as r } from "./index.f71aa751.js";
-import "react";
-import "react-dom";
-const a = ".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)}", l = a, t = class {
-  constructor(i) {
-    s(this, i);
-  }
-  render() {
-    return e(r, { key: "aea8c15c5a0a267f2b4de7861e0fa5aad40198a0" }, e("slot", { key: "8f460659e26c970eeb4f2b209f85ee0f45c53d6e" }));
-  }
-};
-t.style = l;
-export {
-  t as swirl_visually_hidden
-};