@getflip/swirl-components-react 0.252.0 → 0.253.0

package/dist/{swirl-toast.entry.6ae05770.js → swirl-toast.entry.d5ce5672.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.67b78cf9.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as o, c as n, h as e, H as r } from "./index.3c8ed313.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as c } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = h, m = class {
   constructor(s) {
-    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "aa416865a4d1ec73a1c414e729f1d064dc905b4f" }, e("div", { key: "b30606dfd61085995f2e75cd6721bf24a3fbf1b5", class: s }, this.icon && e("span", { key: "225f83723f9bb35e4c40d70377c03970db6d6062", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "77f4acb27ebbd47fbb6e562c61d75f290d4c3e46", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "c9175baa8208dc8c204d919bc7a0bb76afc090e8" })), e("button", { key: "25fa9b5f3b554744fa5b5f0b6f834450922f473c", "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: "9f290ae34e1bbe97f61c7cef4b5455ef99fde3ef", ref: (t) => this.dismissIconEl = t }))));
+    const s = d("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "1da46b96aef7cec3e3b3711964a2d8083f45131e" }, e("div", { key: "22e1fb9c7bf3314e3aba587f884783baebfd07dd", class: s }, this.icon && e("span", { key: "ee45314f8a40d8a72500704c2f2b2f8b895f8f9d", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "a8e12cf94d5f78dc75fa7b3087563020733e75cf", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "93eba2783424f44a5fe4d27ba7ea8d7b177e325a" })), e("button", { key: "794ab47b83f98e9ed36280539ea17a863725daee", "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: "d3f3ea7b0faf733ac7a0acd01bef775fcd086f56", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.6a47b700.js → swirl-toggle-button.entry.9feb2037.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.67b78cf9.js";
+import { r as e, h as o } from "./index.3c8ed313.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: "8687bd6e29b035db9a66d5e5f5026f86327dbeb3", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "d94933863510e6bdc62cbc3b4596377811db72ec", class: "button__label" }, this.label));
+    return o("button", { key: "f8769cbd60e01023b18b61c7a726af4a2678a5a4", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "af341a373bc46b4ebdcf133a354b6c276db03ecd", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.7a3e8f95.js → swirl-toggle-group.entry.4ec7271e.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.67b78cf9.js";
+import { r as g, c as i, h as o, g as r } from "./index.3c8ed313.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)}", 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: "c150389754cff2002bb60e9827f625aab3cb9e83", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "0e0f8f134ebb4eadd40280dd90875a536eb804ac", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "603fc6844c752c52e695547eb27bb7d7f91c7edf", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "1f0f00a7716cd7c61fe7cce95b9a4c667a7cd8ae", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.0e47d8bc.js → swirl-toolbar.entry.9931d662.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.67b78cf9.js";
+import { r as n, h as s, H as r, g as i } from "./index.3c8ed313.js";
 import { b as a } 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 c = ":host{display:block}:host *{box-sizing:border-box}", l = c, 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());
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class
     });
   }
   render() {
-    return s(r, { key: "77eafeb0997b550cbb4ad2e933ac87f0f7b194ab" }, s("swirl-stack", { key: "5ad5d221226ed9ab2148576b3f4b8f0d4c3c8db8", 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: "5a0974bb650224bc0fc771d293ea64b855544afc" })));
+    return s(r, { key: "4088eb0256fc47727edce81af5829f4ebbbbeed1" }, s("swirl-stack", { key: "b18ad85af85caf9418e498602d387d2bb888e8e6", 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: "f644ae3de4b776e4822240dc033779a671c4a684" })));
   }
   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.1a9798f8.js → swirl-tooltip.entry.eabf32e7.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as h } from "./index.67b78cf9.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 d, g as c } from "./index.3c8ed313.js";
+import { b as h, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        d({ element: this.arrowElement, padding: 12 })
+        h({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "e8ed392cf038f8c7dda28d1b0f37f7fff7a99c67", onKeydown: this.onKeydown }, i("span", { key: "f396b86fa0472dc9a1c30d33a8467c998a611c37", class: a }, i("span", { key: "cf7e40414997d42d10a9fcb8ee010ed0d1b8f454", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "4b4b954f3235f3b9e796a58c682f609fd7e11cc3" })), i("span", { key: "b921c1388acc8775530b90fbee13268c7086ee7e", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(d, { key: "f3706b57f74c0223d9a0de457ae39737a23a4038", onKeydown: this.onKeydown }, i("span", { key: "27535b77f5b2e1e4adf25e2bce512dd019912e25", class: a }, i("span", { key: "5440bc1e39796bdec1dd1836fbc4e0483ec6a4a6", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6e30483c1a9ca4d1118c0f785d56a5fef246d7df" })), i("span", { key: "f7c45dfe92b9ad8192538f7b37cd8f117ac687f8", 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: "13332b6bd6ab0daabcfb060834d5cb0493d8e827", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "1a8ad1c43a2b86064a141f4d51ef158051974789", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "48fa4b800e6964d9d58301bcf9904f7d9ce5cf79", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "e8579729115384e96187814ad455d7a68fdcbe4f", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "2e490d94936c5dfb4fc983d084d7fa629ca51f9a", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "878b49d11caef03cbf0bcdd78e40d492bfc93d03", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return c(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.84e264b9.js → swirl-tree-navigation-item.entry.b6edf7d5.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.67b78cf9.js";
+import { r, h as i, H as n, g as s } from "./index.3c8ed313.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -7,11 +7,11 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     r(this, e), this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0;
   }
   render() {
-    const e = Boolean(this.href), a = e ? "a" : "button", t = o("tree-navigation-item", {
+    const e = Boolean(this.href), t = e ? "a" : "button", a = o("tree-navigation-item", {
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "667fff329a7d1df17448843b551660a3b57b00d1" }, i(a, { key: "641aaec069e941841a2b46a37235a03c823d76cc", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "c539f98f02ec6c0a91587947d23fc70851a20789", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "58a1037a0f3e35c4ff1245fa07ead267aa4b41e4", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "dc36eb485f7d73a283e54ef29491a2c07bd948b4" }, i(t, { key: "b67a32c2180cddddd793013fb4e57d14476c1823", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "c4819a88406972aa14e7788f69d692807a031669", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "6cb989d0db9a071e6efdede365b5fd8eefdffe7c", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-tree-view-item.entry.75f142ee.js → swirl-tree-view-item.entry.bc75d6be.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.67b78cf9.js";
+import { r as c, c as a, h as e, F as l, H as o, g as d } from "./index.3c8ed313.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: "15130b1a24bf5106cfd290b42664d931204a9cf7", id: this.itemId, role: "none" }, e("li", { key: "41f4cd48edd031505c0e67a6f15006ec71cf59ea", class: s, role: "none" }, e("a", { key: "922ef1a373afd9c9345a2f9a6b2b2201144ae8e3", "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: "5523ffce5b55936f94ea0b0158ef6901a39b158b", id: this.itemId, role: "none" }, e("li", { key: "2f5851ef66399d968e38b37088645bff77d9ee2c", class: s, role: "none" }, e("a", { key: "a058fdc8c9a5ad2faac6a28795de948f919ecde9", "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: "3beb6a201aef63c534e9443a7793c677be8be221", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "980561e9867b1eadcdf00f8d55e362470e0d3a8a" }, 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: "12ab5019112735ec0f5046eebe02f81147f3d4bd" }, e("span", { key: "267ad77c9aef6f6f638c9297293a6989315af8dc", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "6d32708751df76fd938accc329471f7962aedbcd", class: "tree-view-item__label" }, this.label), e("span", { key: "2a12c026e1b213bd195057091c5af752c1b064a7", class: "tree-view-item__tags" }, e("slot", { key: "2e70d4b8d8a320a8e8ba328c88b3ae51d53d6984", name: "tags" }))), e("ul", { key: "02542b147b3b8a017482c9fed1c9836c5aa96007", "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: "69de62e0d22ca3275ef5d623ce96b51abe235069" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "3c132a9ecf02a99f4913d8051c8755ae86134cd3", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "429830528f63d69130aa1ca1a8d01eed7ad4a777" }, 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: "a7b5853d3d637399e1fd9c4ba3177ed054517285" }, e("span", { key: "d61c0a7e8bad4ff13b8a520827720ca8681bff3e", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "d9fc1a660c54e4150590094f1635c003431f1a0b", class: "tree-view-item__label" }, this.label), e("span", { key: "800f963f60b44717003587b720c7e641cf87fd75", class: "tree-view-item__tags" }, e("slot", { key: "e077cbf65b801452f610c877b429338844167852", name: "tags" }))), e("ul", { key: "57d807f643c5af6f21dfe70cab53cc1c8138efdf", "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: "0af28bc00958af3c3f5e7f51ca288bdab7cdffe0" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
 };
 v.style = m;

package/dist/{swirl-tree-view.entry.cf7c9ee4.js → swirl-tree-view.entry.5f75fedd.js}

@@ -1,4 +1,4 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.67b78cf9.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.3c8ed313.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 {
@@ -64,16 +64,16 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     }
   }
   selectNextItem() {
-    var c;
+    var a;
     const e = this.getSelectedItem(), t = this.isItemExpanded(e), s = this.getNextSibling(e);
     let l = e.parentElement.closest("swirl-tree-view-item"), r = this.getNextSibling(l);
     for (; Boolean(l) && !Boolean(r); )
       l = l == null ? void 0 : l.parentElement.closest("swirl-tree-view-item, swirl-tree-view"), r = this.getNextSibling(l);
-    const a = e.querySelector("swirl-tree-view-item"), n = t ? a : s || r;
-    !Boolean(n) || (this.unselectAllItems(), (c = n.select) == null || c.call(n, !0));
+    const c = e.querySelector("swirl-tree-view-item"), n = t ? c : s || r;
+    !Boolean(n) || (this.unselectAllItems(), (a = n.select) == null || a.call(n, !0));
   }
   selectPreviousItem() {
-    var n, c;
+    var n, a;
     const e = this.getItems(), t = this.getSelectedItem(), s = this.getPreviousSibling(t);
     if (Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'))) {
       let i = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'));
@@ -82,8 +82,8 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
       e.forEach((m) => m.unselect()), (n = i.select) == null || n.call(i, !0);
       return;
     }
-    const r = t.parentElement.closest("swirl-tree-view-item"), a = s || r;
-    !Boolean(a) || (e.forEach((i) => i.unselect()), (c = a.select) == null || c.call(a, !0));
+    const r = t.parentElement.closest("swirl-tree-view-item"), c = s || r;
+    !Boolean(c) || (e.forEach((i) => i.unselect()), (a = c.select) == null || a.call(c, !0));
   }
   unselectAllItems() {
     this.getItems().forEach((e) => e.unselect());
@@ -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: "b666d321da58d3901f4cbbfe63a24bacdde640cf" }, o("ul", { key: "8ab176b6a697362ea7dbf8c88e83ad7e1c744cd3", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "defdbe195aec8654324c608c83382f2a4d233221", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "983c1378e440dd76a8b1ac619dfc899dbd5ce254" }, o("ul", { key: "de7c1d950b71d53197063fd76eee1305b94f1c2f", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "ad15821805be331e7869392c9fc468d11b574b22", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-video-thumbnail.entry.a1d102ca.js → swirl-video-thumbnail.entry.ef30d5a6.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.67b78cf9.js";
+import { r as e, h as n, H as a } from "./index.3c8ed313.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: "86bd3f7055dc7f6657ebeb4bd622851ddb795bb4" }, n("button", { key: "0e14617879ac71bcf65e9b03e7317a2cccb66022", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "19a3fb9095d4e6c6309b05c124c6f46d3c80af44", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ee25801c68ae932b9c42ffaa767b08ed85b740f9", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "1a2bebc69d6d3f237c31b526dc5e5d2888135cc8" }, this.durationLabel), this.duration), n("svg", { key: "854b3e0a64de7a2b4108fa94aefa2ee9981b7cf2", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "e2ddc41d27f17ede02a511e1b9b0108e768c2f44", 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: "b39b5077f4ee33414ea1578d08d6f1bc18233fc3" }, n("button", { key: "a29fca80b41e1e09973a06d95365aca8791fdca2", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "15212cf7444da3d2f2e51cae794f8bfdac0ece94", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "7365a0f2e0b39838396d3bd201b7f7dd04ca4b6b", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "4c18c45d28b86a9eac40b6283adc7fba79ece9ee" }, this.durationLabel), this.duration), n("svg", { key: "60a4a37549d03423f627747fa43db6cd8f1d0f0c", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "f41a876c132b3ab48948f58dfff99c50fdd8e72d", 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.93e02207.js

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

package/dist/{wc-datepicker.entry.995686ec.js → wc-datepicker.entry.35f04aae.js}

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

package/package.json

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

package/dist/swirl-action-list-section.entry.2f834995.js

@@ -1,15 +0,0 @@
-import { r as t, h as e, H as i } from "./index.67b78cf9.js";
-import "react";
-import "react-dom";
-const s = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = s, c = class {
-  constructor(a) {
-    t(this, a), this.label = void 0;
-  }
-  render() {
-    return e(i, { key: "830dae4278ca1ac9c198f5c47149cd3cc206ae5e" }, e("div", { key: "2dd8e9c05f6308ffddaf9522c85c6eb3a1a752ba", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "6438eab5f948648532a6da7ae8d231333aa80766", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "92cee7bc9a65b7249fb169dfe078fa74239ae5ae", class: "action-list-section__items" }, e("slot", { key: "6b07cb2b27d58438a1bc695ca851a15f4feb6aab" }))));
-  }
-};
-c.style = o;
-export {
-  c as swirl_action_list_section
-};

package/dist/swirl-description-list.entry.94166a02.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.67b78cf9.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}", c = r, o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "4a4e0c1c80e931a443e23d5b653e60ffc1ea5e3a" }, i("div", { key: "5de75fd031288206413ac3cf9593cdcbe40ae4d9", class: "description-list", role: "list" }, i("slot", { key: "41086981329b986a2c437ce91b4458518c706bd6" })));
-  }
-};
-o.style = c;
-export {
-  o as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.e4cb74b9.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.67b78cf9.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) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "3d7daef495efee9c988fe263883092f233560172" }, this.size === 16 && e("img", { key: "0d88f0164ac8ed1ff4ead71021fb8c7c38d86dc2", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "cbfc8094cfcea809bcf996ac99ddbb3e2ad20cb4", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "d34a97faf104274893626d54a5213659743773c1", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "0056ea5ef56400b798fa3a5dae5728144720befe", 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.36109b84.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.67b78cf9.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: "4238fa2c3aa8e9e8ac583c2f3088d2a190993683" }, this.size === 16 && i("img", { key: "e8058fc55240f96da279f66671b581996542f494", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && i("img", { key: "d6141873024ebd44c6dc8f927f76619e53ec66a9", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && i("img", { key: "686c15e3a36ba0ab85f3dc8611104ad342b1059e", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && i("img", { key: "ed1e9776265051509d0f4d0621bf46f20681bdba", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.62a077f0.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.67b78cf9.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "d6e52de1383cb77ed7613fc4c417441213d56ce5" }, this.size === 16 && s("img", { key: "1cb747bf10ac4d78ded62bae611a54fbb8a4508e", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "97cacb3705511ce054812b415acc25cdbec2e862", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "5fa02ed8dd865cbc703ce7d1c43e49bce41224ed", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "0072d3a7d481e13c0a558a29f3ba145ca49cb793", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.d2911b50.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.67b78cf9.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, o = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "c5c76c3a6e480bb3c59d0bff28170a9edf653c6e" }, this.size === 16 && s("img", { key: "c14d76f31617101ae9202024f29b8dd78fac7313", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "a3626fed795d25003cb1ce0a9cffb4f12c620b98", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "709b9c156a1138f8dc704618ef935df41f4e1a02", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "73dfa4fc06dbe6235230056ebc23d506932f3ede", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_emoji_love
-};

package/dist/swirl-emoji-thumbs-up.entry.3cfb9ffd.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.67b78cf9.js";
-import { c as h } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", b = c, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = h("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "0e4cd226b4f16cf6bc924d71ec01527315d726fd" }, this.size === 16 && e("img", { key: "02940b1d15e643914f8255842fc1626e5bfd2e62", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "2917fa5e055b3251ea9158bade7b186736286225", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "3eb52fcbbdb792cf4461e939e2f8c6bfb8e9a94b", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "7cf778c177809bb6264635fc084475e0bdcb598d", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = b;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.7aee96c3.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.67b78cf9.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", r = a, o = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "71fccbab028870a7fc7e2329e94ea5a3bf8e2d44" }, e(s, { key: "c022faf77f5affb0cdb078541f4ba6eca65ad1d1", label: this.label, size: this.size }));
-  }
-};
-o.style = r;
-export {
-  o as swirl_emoji
-};

package/dist/swirl-icon-arrow-right-small.entry.6e250037.js

@@ -1,19 +0,0 @@
-import { r as o, h as e, F as s } from "./index.67b78cf9.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = c, n = class {
-  constructor(i) {
-    o(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, r = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "ff4fb4b4283256376fc380b9b81d77bb9affe9d4", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "6e63c6c0d9d8bb83de3f3943a85c68d916ae0d14" }, e("path", { key: "47767882999a14ae917018f9875735b2884de8c7", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "f6391e6ddef9ace17559ab74785cffec11502f82" }, e("path", { key: "56860e4b5ed617e22664fea093d8aef33538b940", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "229cee452849a7404ab23ac18384d7dd4ce410da" }, e("path", { key: "78e1aefaf69053f7bcc51b286ad39549ddeda0f8", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon-menu-filled.entry.25248980.js

@@ -1,19 +0,0 @@
-import { r, h as e, F as i } from "./index.67b78cf9.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = c, o = class {
-  constructor(a) {
-    r(this, a), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const a = this.size === 20 ? 24 : this.size, f = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "2fe39fa5535db755268e6fa52f4085bb8b7fb22a", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: f, viewBox: `0 0 ${a} ${a}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "7fe122c42c7f7e638de4b62e2f9a65e87f238f44" }, e("path", { key: "eaa40fec8c0f46fdb1c1879931487b90be680194", d: "M2 3.33333C2 2.59695 2.59695 2 3.33333 2H6C6.73638 2 7.33333 2.59695 7.33333 3.33333V6C7.33333 6.73638 6.73638 7.33333 6 7.33333H3.33333C2.59695 7.33333 2 6.73638 2 6V3.33333Z", fill: "currentColor" }), e("path", { key: "d7430e11be7366d7cc152b798c538465580da24d", d: "M2 10C2 9.26362 2.59695 8.66667 3.33333 8.66667H6C6.73638 8.66667 7.33333 9.26362 7.33333 10V12.6667C7.33333 13.403 6.73638 14 6 14H3.33333C2.59695 14 2 13.403 2 12.6667V10Z", fill: "currentColor" }), e("path", { key: "90ea67e1593079f68d35a61b134ead1d67422388", d: "M8.66667 3.33333C8.66667 2.59695 9.26362 2 10 2H12.6667C13.403 2 14 2.59695 14 3.33333V6C14 6.73638 13.403 7.33333 12.6667 7.33333H10C9.26362 7.33333 8.66667 6.73638 8.66667 6V3.33333Z", fill: "currentColor" }), e("path", { key: "a407048a113baff2cab9a670f951a7888c59ec71", d: "M8.66667 10C8.66667 9.26362 9.26362 8.66667 10 8.66667H12.6667C13.403 8.66667 14 9.26362 14 10V12.6667C14 13.403 13.403 14 12.6667 14H10C9.26362 14 8.66667 13.403 8.66667 12.6667V10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "e253b46da74a1afb725d76e968db986d6e1698c6" }, e("path", { key: "6d527990f81f46dd5188734e8d884a8dbf587a81", d: "M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5Z", fill: "currentColor" }), e("path", { key: "b50c44baa9ac82f744d1451b9516f3d7af19f7c9", d: "M3 15C3 13.8954 3.89543 13 5 13H9C10.1046 13 11 13.8954 11 15V19C11 20.1046 10.1046 21 9 21H5C3.89543 21 3 20.1046 3 19V15Z", fill: "currentColor" }), e("path", { key: "5a78c94d4deff3cb3f89f7ea53e65e45f8d4ee41", d: "M13 5C13 3.89543 13.8954 3 15 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H15C13.8954 11 13 10.1046 13 9V5Z", fill: "currentColor" }), e("path", { key: "51687f447dff4595228b84e19e470b7347f4be66", d: "M13 15C13 13.8954 13.8954 13 15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "c5ff5f2d9a6042f0a5a960e445e6d9e0ae91a994" }, e("path", { key: "3265b68e33c5c4f22f81ad222a3b719f52ca920e", d: "M3.5 5.83333C3.5 4.54467 4.54467 3.5 5.83333 3.5H10.5C11.7887 3.5 12.8333 4.54467 12.8333 5.83333V10.5C12.8333 11.7887 11.7887 12.8333 10.5 12.8333H5.83333C4.54467 12.8333 3.5 11.7887 3.5 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "4353fafd378801681ae909205af801d87607375a", d: "M3.5 17.5C3.5 16.2113 4.54467 15.1667 5.83333 15.1667H10.5C11.7887 15.1667 12.8333 16.2113 12.8333 17.5V22.1667C12.8333 23.4553 11.7887 24.5 10.5 24.5H5.83333C4.54467 24.5 3.5 23.4553 3.5 22.1667V17.5Z", fill: "currentColor" }), e("path", { key: "9355a75e210ad3280c587fc254e853adffd5c0a7", d: "M15.1667 5.83333C15.1667 4.54467 16.2113 3.5 17.5 3.5H22.1667C23.4553 3.5 24.5 4.54467 24.5 5.83333V10.5C24.5 11.7887 23.4553 12.8333 22.1667 12.8333H17.5C16.2113 12.8333 15.1667 11.7887 15.1667 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "4171e70691731fe77bfcdcb1286155bf01d7e97f", d: "M15.1667 17.5C15.1667 16.2113 16.2113 15.1667 17.5 15.1667H22.1667C23.4553 15.1667 24.5 16.2113 24.5 17.5V22.1667C24.5 23.4553 23.4553 24.5 22.1667 24.5H17.5C16.2113 24.5 15.1667 23.4553 15.1667 22.1667V17.5Z", fill: "currentColor" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_icon_menu_filled
-};

package/dist/swirl-symbol-roadmap.entry.c5516c7d.js

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

package/dist/swirl-symbol-smartphone.entry.fb4bccee.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.67b78cf9.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, n = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "ff8d0882bbf91878a18b80e79157c310a30c4e33", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "9bab4cee8c26a8e58809a4096cad263837d57879" }, e("path", { key: "105d24342416eb52c600ebb9afe491fd3462bd62", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-n.style = a;
-export {
-  n as swirl_symbol_smartphone
-};

package/dist/swirl-symbol.entry.c01bda73.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.67b78cf9.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, o = class {
-  constructor(s) {
-    i(this, s), this.glyph = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "421c3396f4d5b7023a8f5555f695225795ce6582" }, e(s, { key: "a50d57fec87eb3e6df5c2b2e559c87a23b77a720", size: this.size }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_symbol
-};

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

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