@getflip/swirl-components-react 0.266.0 → 0.267.0

package/dist/{swirl-table.entry.65bd37af.js → swirl-table.entry.fc7fab30.js}

@@ -1,11 +1,11 @@
-import { r as S, h as a, H as _, g as v } from "./index.5b145033.js";
-import { d as C, i as f } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as S, h as i, H as _, g as v } from "./index.884503fb.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, a = void 0, r = void 0, n = [];
   return function() {
-    var y = x(s), b = new Date().getTime(), w = !o || b - o > y;
+    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];
@@ -13,17 +13,17 @@ var k = function(t) {
       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 (a ? clearTimeout(r) : a = R(), n.push(c), r = setTimeout(m.bind(this), f), l.accumulate) {
       var g = n.length - 1;
-      return i.promise.then(function(u) {
+      return a.promise.then(function(u) {
         return u[g];
       });
     }
-    return i.promise;
+    return a.promise;
   };
   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;
+    var h = a;
+    clearTimeout(r), Promise.resolve(l.accumulate ? t.call(this, n) : t.apply(this, n[n.length - 1])).then(h.resolve, h.reject), n = [], a = null;
   }
 };
 function x(e) {
@@ -96,7 +96,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = f();
+    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);
@@ -126,28 +126,28 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   layOutCellsAndColumns() {
     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);
+      const o = this.getCellsForColumn(t, e, l), a = this.calculateColumnProperties(s, e, l);
+      o.forEach((r) => this.applyCellStyles(r, s, a)), this.applyColumnStyles(s, a);
     });
   }
   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`, a = e.sticky && t.length === s + 1, r = e.sticky && !this.hasStickyColumnsToRight(t, s);
     return {
       leftOffsetForStickyColumn: l,
       columnWidth: o,
-      isLastColumnSticky: i,
+      isLastColumnSticky: a,
       hasShadowRight: r
     };
   }
   applyCellStyles(e, t, s) {
-    const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: i, hasShadowRight: r } = s;
-    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !f() && (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: a, hasShadowRight: r } = s;
+    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !y() && (t.sticky && !a && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", r && e.classList.add("table-cell--has-shadow-right")), a && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
   }
   applyColumnStyles(e, t) {
-    if (f())
+    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: "ed0cba274eba2bc682996d8d4a88e9d95cd2c38c" }, a("div", { key: "1aed68d5e4d045fd98ab468acf6c723f6f86204f", class: "table" }, a("div", { key: "dcc6a5c5bf914853a128c3a790b8f90fe96aee60", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "e1051b7144cd8f0bd5cfb22c3133c30c8651b245", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "94d7fbb20c5c1f62bbec7a68670edf4d1cb8af19" }, a("div", { key: "1447e15b44f261277ca36b57b7cd5552ce8236ef", id: "caption" }, this.caption)), a("div", { key: "9e9ba5a856f68348528a25009751e90847e31899", role: "rowgroup" }, a("div", { key: "5a1e7f664fc73a33bc79475f7ae84af1e6555f1c", class: "table__header", role: "row" }, a("slot", { key: "e51218f9c95ff51fdb58e14279af3806339e036b", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "3e212175f052d42dcdb97a5b2d61f03e2f79b2f0", class: "table__body" }, a("slot", { key: "fb7124d01de83ee336762724e62ddbdb3296ee9a", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "ebe4ecc72523f8002d488e3e766bd0c39bae7705", class: "table__empty-row", role: "row" }, a("div", { key: "ff6c32891c4f0ef5bff92b1b7ae9279fa09d1ba8", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "f508f44cfaca97ecdb53b30e2585eeafd364d283", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return i(_, { key: "412b08769f45b8aa858869d4491ceccdfa4e86d1" }, i("div", { key: "6dd4ca54706cde4c9487661f9200bc9d8a7fc918", class: "table" }, i("div", { key: "f27441bb815a76c2e12a179d81a0390d5ad941d3", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, i("div", { key: "b9692a25aaafc343ed763015ff4c69fe268ed009", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && i("swirl-visually-hidden", { key: "d63787b20d15ed26019171a2130ea28d90c82b46" }, i("div", { key: "3aa8d4a55694bfaeece39537122c9febdaa1f70a", id: "caption" }, this.caption)), i("div", { key: "7df652d72ae16a656a640d37caf46ee64d6af5d8", role: "rowgroup" }, i("div", { key: "d347894b3861370357e82e907446429c938fdc61", class: "table__header", role: "row" }, i("slot", { key: "7208f8d4986bdf8ffeeae0df4a3e59213baa880e", name: "columns", onSlotchange: this.onSlotChange }))), i("div", { key: "27ac5928a49862f20ac2ca291fc95e8f562e75c0", class: "table__body" }, i("slot", { key: "a86a20735cc0104b9cefb408a47289d8b42553f4", name: "rows", onSlotchange: this.onSlotChange }), this.empty && i("div", { key: "55e6fb96945be8c0499dcb8d12873e162e4bf982", class: "table__empty-row", role: "row" }, i("div", { key: "c3a0507eea172cb4cdd283dba08cb495afecae00", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, i("swirl-text", { key: "71f3fa8903d2a8bfe1e1d44dfc8bb8894153edc0", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.f74058d2.js → swirl-tabs.entry.42b606d4.js}

@@ -1,9 +1,9 @@
-import { r as s, c as b, h as e, H as n, g as r } from "./index.5b145033.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.884503fb.js";
 import "react";
 import "react-dom";
-const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", d = c, h = class {
+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,10 +50,10 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(n, { key: "941bd54b3b0fbe840a1272fa88aee9046130786e" }, e("div", { key: "a1f72b4a2e5201fb4729e9ab32bd7aebef4e57b8", class: "tabs" }, e("swirl-tab-bar", { key: "2d9c3ee8478418dd4f75126d7e718673ceba964e", 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: "d0913666f41358e3f09bb7fc40c4ae6dd088972d" }));
+    return s(n, { key: "07540d084786f425e95755d62fb0093a999f8799" }, s("div", { key: "78f76c96435c61801042b9f8f47afd3209fd5190", class: "tabs" }, s("swirl-tab-bar", { key: "e5c7c8f4258a9ec73f88e248c885d865a639d03c", 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: "89daa6848f561e37c6031b926030b787afd00edc" }));
   }
   get el() {
-    return r(this);
+    return c(this);
   }
 };
 h.style = d;

package/dist/{swirl-text-input.entry.d810c28e.js → swirl-text-input.entry.0484cada.js}

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

package/dist/{swirl-text.entry.7d5751b0.js → swirl-text.entry.d4daacc8.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.5b145033.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.884503fb.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "67b3f84f719c449587fdee7cec69b658137b7318" }, Y(l, { key: "ed03d274cde2bba9af7bf6cc0d65e66592392c0d", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "c5ebf1c1a2ea1619100a8dd05fffc3fbbcf80071" })));
+    return Y(lt, { key: "32dc266a755c1dabeac2c985ea8d905dafcbe886" }, Y(l, { key: "40e528843db1896427fda552e0d0abcf97637021", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "292b61a0c45364c90a709f874c2d0e493dea86b5" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.c5fb49e6.js → swirl-theme-provider.entry.c030a546.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.5b145033.js";
+import { r as m, c as a, h as o, H as d } from "./index.884503fb.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: "5a01f6414bd65eed49ad9f87e676b9ec69f88879" }, o("slot", { key: "53ccf4fabc139f2e76c22a9b869e959aca85cfdd" }));
+    return o(d, { key: "b2c16fc101fbb05c86f26e0d21e479c7b6dc7bb2" }, o("slot", { key: "cd1b1db2ba011ae1bc8450df198dfe3e76d1fbf9" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.82696c17.js → swirl-time-input.entry.dfec4f3a.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.5b145033.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.884503fb.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: "0c53f04de3ba80f57f7099edc371adb04d5c073f" }, a("div", { key: "7f80c674345224c8d8b206493e3869f76ea3ff27", class: s }, a("input", { key: "daa596545b1f3fa69791ff4b960b571f0c629b25", "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: "a8f8c1a689867e95b017fcdf994e96325ddf9804", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "b0d6f82d1b4215fb21814307cccdf3f99241dad4", size: this.iconSize }))));
+    return a(p, { key: "489eed3727176e834e170772e2d45f643313a94c" }, a("div", { key: "913f4814583e52b837a2713c2bc9e4d0cc37219d", class: s }, a("input", { key: "33677ddfe35240b87f7d3b6ebcb37b5a3a2bf86b", "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: "72c7744ddf03d3db46c51f2e47717e3e183057f6", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "9cbd8c660778f9c566f2dc556562e66af3e8a900", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.2304c1c3.js → swirl-toast-provider.entry.ec4c3b64.js}

@@ -1,10 +1,10 @@
-import { r, h as a, H as e } from "./index.5b145033.js";
+import { r, h as i, H as e } from "./index.884503fb.js";
 import "react";
 import "react-dom";
 const h = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
-      this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
+      this.toasts = [...this.toasts].filter((a) => a.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
   async clearAll() {
@@ -18,18 +18,18 @@ const h = class {
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
-    const i = {
+    const a = {
       ...t,
       createdAt: new Date(),
       duration: s,
       toastId: t.toastId || String(Math.round(Math.random() * 1e4))
     };
-    return this.toasts = [...this.toasts, i], i;
+    return this.toasts = [...this.toasts, a], a;
   }
   render() {
-    return a(e, { key: "291cbaa4de84f5642e2e81f2a1dc5725fc1f760f", role: "status" }, a("swirl-stack", { key: "3a0ddb12cdfa15889ae18097657dd448f77e5348", spacing: "12" }, this.toasts.map((t) => {
+    return i(e, { key: "dae1a9edd3dd5dcadc1068e0b91060cd0847b858", role: "status" }, i("swirl-stack", { key: "31846e109301df202aa9a064b89a8f0cf3d5a374", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+      return i("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };

package/dist/{swirl-toast.entry.3b83e28b.js → swirl-toast.entry.c8ee8928.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.5b145033.js";
+import { r as o, c as n, h as e, H as r } from "./index.884503fb.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "d1a206cc1408bd32f79b2feb9dfd26dbcfe1789a" }, e("div", { key: "ae3d5d0cb7670db77bff1dabaa44c25f65aea10a", class: s }, this.icon && e("span", { key: "7cf231b57090e4bdd862662e4e847ba22c9117ad", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "87ead7ae92ad5c54455942c47b81a436dedeba63", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "095331448ed5216d25a6afb5509b31ac64a6796e" })), e("button", { key: "cca7dd9b24296c10cc17139fe687e26598303d54", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "ce360cc5829a71d521cceebb6a8b0418f3692302", ref: (t) => this.dismissIconEl = t }))));
+    return e(r, { key: "569484da1c257f0d7d5e01a9542c7be2a1b22654" }, e("div", { key: "2b8e58e7a7be4e361818f70dc19dd92cbd505681", class: s }, this.icon && e("span", { key: "2f701e06a546ce2ca2d9bea70e64156d8e129ab9", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "bff563d122f97e0dd131d46eb2e78c71308db397", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "f7e07305384660b969f43e531ef3875c59809e21" })), e("button", { key: "0b610699e3793a2a1aa0c9d4f1fcf912cb54467f", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "28c5476a300d3b210c48fb06074702906231a097", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.8d55cafb.js → swirl-toggle-button.entry.48c77913.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.5b145033.js";
+import { r as e, h as o } from "./index.884503fb.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: "ee908a17a752436ee0787555545bde5979699f37", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "be731952e9420f7b39424cffaacf6b9e8f0651bc", class: "button__label" }, this.label));
+    return o("button", { key: "e4b8d08845c0c1987ee12f6b8c68c154f1abef63", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "f1fc7b8bfaec51f6cf870e60f807235fe4542935", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.f0c495a2.js → swirl-toggle-group.entry.efb8efaf.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.5b145033.js";
+import { r as g, c as i, h as o, g as r } from "./index.884503fb.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: "9623ee39e6a18e31769e4f7a7a73e4d0e4d18ce0", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "5e476408d6ff8269d798cf3f1f94d862d1a73525", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "39cb88c126872e07430aad3fd2257db2b06bf6a2", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "c2361ea04a7267267180e556faf2ded5bd8eccbf", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.ea2e1cd9.js → swirl-toolbar.entry.7b22fb38.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.5b145033.js";
-import { b as a } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as n, h as s, H as r, g as i } from "./index.884503fb.js";
+import { b as c } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class
     });
   }
   render() {
-    return s(r, { key: "72977493f6b33b2b1d053027fa0f4ab363090973" }, s("swirl-stack", { key: "f7d0790b83c039a0550e3e355111b1e96445303b", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "08334df6038b818ca78243beaec98d85f97a7e04" })));
+    return s(r, { key: "217aeb08b27129c18ed0925805f03e074de2d5cb" }, s("swirl-stack", { key: "11e8f0ac8f648fd469cf5ae0ff5d4693fe4b5923", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "8501d2cf5d0bc5c8b50951f6a27f6dadda859be8" })));
   }
   get el() {
     return i(this);
   }
 };
-b.style = l;
+d.style = l;
 export {
-  b as swirl_toolbar
+  d as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.06e6f8a9.js → swirl-tooltip.entry.6984f8d5.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as h } from "./index.5b145033.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 { r as p, h as i, H as c, g as h } from "./index.884503fb.js";
+import { b as d, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -25,7 +25,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [u(t), b(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -70,11 +70,11 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "7a14595f01dd2cc707ef5d540664f0cca2766e3f", onKeydown: this.onKeydown }, i("span", { key: "cd4f0f8f6ecf8db5aa096822f69abf8859ca4bcb", class: a }, i("span", { key: "55da1452153d3bdbf2dec9a597cae31343b803d8", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "62c1e9c1a88102d18dfc6ca4686102b419ff79c4" })), i("span", { key: "6243161edb779b3bb9d885416f4688382ceeac03", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "ce14095a3c0e900041fd0df8c6b99c196155350d", onKeydown: this.onKeydown }, i("span", { key: "2a8a359cee3ad28a5073ff2c0ac455b4e2bfc784", class: a }, i("span", { key: "0765f346d224709abfb9079441735d1e851fde10", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "e470c934075f7bd2621647b5f34b7bc89f781967" })), i("span", { key: "be31d205bf565740edc3ae0f775a0a7af51002c0", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "3fced37e021251c5d868641536ebf9ec9470b480", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "77f9e4ff72dfe1c8427a7eaae83632a16fe5e38d", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "555e04a2f087b29d380fac6d6ac85f8aa553758c", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "2b67bbcba09607a77b2954e69be2d4c30e808789", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "7812af453b17d71a7f63071eed60e995ca913952", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "5c3aa1d245ca097a4e471f961d45d7244b14b323", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));

package/dist/{swirl-tree-navigation-item.entry.58e775a8.js → swirl-tree-navigation-item.entry.31446bf5.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.5b145033.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.884503fb.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: "41362a167f2eacd12bf7dc05d393535d920e1c84", role: "none" }, e("li", { key: "258f61abc2715627c88e02b5096b14b05caad92c", class: {
+    return e(o, { key: "cf726832cb0a6d48b9872041ea741bf7ae50a2fc", role: "none" }, e("li", { key: "07541c3b63cc1ec66ce957e56bf34e5db34e7b08", 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: "0fe6d7779277465ea70dcb87b4f93888ded7a1d4", 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: "207e8d6863339dcad2247d5f3b83ad85b19edfe1", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "bafb8e9d8de860303538670e8425718170f0141b", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "d570cde65c293c1a66e87a68fb0a8f6b560460e6", class: "tree-navigation-item__label" }, e("span", { key: "74556aba7ff4d4fbdf4c260823bb9d17f6f14e48", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "e496c77ed1a01f26d88635f9093ab3fc5551a1b6", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "ca75c848c4356af9a9f7076f86299906aaf74f56", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "dd17e9ab861329762c3534737254aa2777a4ecea", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "098c4d654f7a9c2485970dd4db142ecb824bfeb8", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "afcd79085d0bb9baa0bd7d64f1cf346b80f7ba99", 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: "50ce666548e13a80b290c4a15aac3ae5a87ed45e", 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: "7b10d71ee084a647ed4ad3bc984006feff5c0693", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "48c30ce22e79c8712f72641fa413a432110645f6", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "e019e05cfa3dc0b44be48c54ea6cdadd80fe1bda", class: "tree-navigation-item__label" }, e("span", { key: "6cdf08bcc2935bebaa0d738a2b2ddc293910e1f0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "4406a1468fa08f855618633666e81f411e8de85a", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "c0c9c1a74ffe35939e092420e005dbc6f9197435", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "fa517b61c96454cc57fa317818f46bd5ea550a9a", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "f9add0b5570730032a4667a2ef999a22402ae5cf", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "bf70346d91410d6fafc43c8d08072948c9b5315d", 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: "4b2bcc33ea38d223d9111fda50f4eb560fc4b1a0" }))));
+    } }, e("slot", { key: "6687d02d82e60acbd3761efbaa82e57643985e6b" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {

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

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

package/dist/{swirl-tree-view-item.entry.8a5fe1c8.js → swirl-tree-view-item.entry.a69215f0.js}

@@ -1,10 +1,10 @@
-import { r as d, c as a, h as e, F as l, H as c, g as o } from "./index.5b145033.js";
+import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.884503fb.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) {
-    d(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(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();
@@ -39,11 +39,11 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
     }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(c, { key: "00b87eab57e8519ea116dae7c362faa7e1c6dbb4", id: this.itemId, role: "none" }, e("li", { key: "9459dc3d87e1cf763bc816ad2be419dd457f3e58", class: s, role: "none" }, e("a", { key: "8965dc4392812f3c3def5b65782fa913a243a894", "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: {
+    return e(d, { key: "b8e2c6a92fb374acd8942726bf97823505604243", id: this.itemId, role: "none" }, e("li", { key: "a6ec359ca8dfe1a45a185a0702bf49a6b728980c", class: s, role: "none" }, e("a", { key: "72311df072dc341d3c355d837cf7c9630bf59286", "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: "d9953d06e4a51c832285d7697b694ef57972544f", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "7107f11d4b09ae9a2017ffd7811b8ebd568c7796" }, 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: "6b831c398f513544f2a328820ff0df2dce18a0e3" }, e("span", { key: "c46d2e878cda70c7ae240efe53262093c5a9004e", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "ad0d875a64447cebad46e7e83edf4506faf5d7df", class: "tree-view-item__label" }, this.label), e("span", { key: "94e42894459e0f9cfbe65628f66e71e975db0db5", class: "tree-view-item__tags" }, e("slot", { key: "8f560a19c41d27dc74a97a9431a721a05834e9bf", name: "tags" }))), e("ul", { key: "f49e0e4e1f25635342d3e00a75ff345961df8873", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "9102d8b203e05e94d0958bc2ff932124ebcd262e", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "fb3ab557847ef9d8a7fb4e1659b9ec82cee35fbc" }, 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: "96df692d43c0ec3ba6b89b3f975ac4bd14087e1e" }, e("span", { key: "6690cff6688711290f84763e305d41f4e8dcbd0c", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "9b6a226d4a7668e53a211fbafa652e0233206bee", class: "tree-view-item__label" }, this.label), e("span", { key: "920ac7a2386b40d040603537cde22323ff72a1dd", class: "tree-view-item__tags" }, e("slot", { key: "43b6674aa96e1b9fb44135486b590e67b052129a", name: "tags" }))), e("ul", { key: "d38101fa037d0b863e0a9b943b6deb4e07402f00", "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: "58e09b3d1f5bf963dbc420b855660894a84a1aba" }))));
+    } }, e("slot", { key: "a9ecf846cdeaa662dc24b59870da9557cc39f15c" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-view.entry.29508cf3.js → swirl-tree-view.entry.656cdabf.js}

@@ -1,4 +1,4 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.5b145033.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.884503fb.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 {
@@ -115,7 +115,7 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "c35e27e0c75e25af047dc7fae73be660cd4aaa05" }, o("ul", { key: "158f3112f6d5a4909a718abf32752a81cc428d99", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "275d69cbcf753e0316e5a90ce8328f0af9bd733c", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "e1353d99168e7c7e6b5b66a6973996bfbd4c51a9" }, o("ul", { key: "d1f0d799218817fad7f0bc87108cf16a3b123782", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "83d1b8bfc2f4013788749363f5421321d21e607f", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-video-thumbnail.entry.068b5c7e.js → swirl-video-thumbnail.entry.12352f10.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as t } from "./index.5b145033.js";
+import { r as e, h as n, H as a } from "./index.884503fb.js";
 import "react";
 import "react-dom";
-const a = `:host {
+const t = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const a = `:host {
     height: 4.5rem;
   }
 }
-`, o = a, s = class {
+`, o = t, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(t, { key: "61fe6ef31be9e5f007a9481cb5211d400aa62203" }, n("button", { key: "986f3976fd2efdffc510274144b7faea5bc6d428", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "2efeb395e158129ce69209b35143951dc77f2300", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ab80c16fe5613c30573d8683fb53ff80b75684f5", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "51330c1463b096c8027aa4bae334fc99f6cce162" }, this.durationLabel), this.duration), n("svg", { key: "11d433b5fd9e6b2b7bc53867086c6f644130b803", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "312fe905e2ac8f7a9441d1e4155f9eccd82eed1b", 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: "d8351ae7c2d885a612251c0915fb60a62f2f5ca7" }, n("button", { key: "b8d166f56e3861bc778f634295993dd7199a3565", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "303ebde2d6c1732274c2a3769af6aa12ca68bc53", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "2414d916f68ad2be818084ba7a7e38ce108a24a9", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "c64c3da49ac5720b0a1b23afa6252642dd9f7be3" }, this.durationLabel), this.duration), n("svg", { key: "46fa1742445698ed1f34c789195c5f0dbecdd4b6", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "60045c2059310c3737741bdd3df0f97fa74f7671", 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.c90136bc.js

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

package/dist/{wc-datepicker.entry.9693b715.js → wc-datepicker.entry.339d7ef2.js}

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

package/package.json

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

package/dist/swirl-description-list.entry.3e659d04.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.5b145033.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", o = r, c = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "a3087fa2e0e84ac2bc6f4cd5a27a98d945cdff0d" }, i("div", { key: "8dc9916ad4cf9dd8284fc24e96178af3586b6210", class: "description-list", role: "list" }, i("slot", { key: "dd319d9649ded0a1fb44ffd536586f0b43c6278f" })));
-  }
-};
-c.style = o;
-export {
-  c as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.0e5eab07.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.5b145033.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "bcec502f8afd9496dcb9013ea7e468eb76e80b87" }, this.size === 16 && i("img", { key: "610fe681a08cff28ca7a0779ca7a8a7b8f8c227f", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "bb659a724f4f67887281a8d495b5ecb819086744", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "f2295aa1940879557e71f9b3d99d871f7ac2ab60", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "14949538ce9b84cb9b0973c3b089e7f30445a8f0", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.9b5fe5a0.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.5b145033.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "bf61031b2354fd68ebdb9b68492a6ebe9245dd75" }, this.size === 16 && e("img", { key: "ad7c462fb1cbc4ae7bdb376f9684ebcc64c91656", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "e8d8ca87d588895b80cc744c39b4f3923b52d89f", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "85dab1a3aed8f8b0e45c18ba16e41ce15abd8e79", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "aea5a2a2a336d845353c13a3abbfc1f22ea89b2a", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};