@getflip/swirl-components-react 0.353.1 → 0.355.0

package/dist/{swirl-tooltip.entry.e6accac5.js → swirl-tooltip.entry.41d17542.js}

@@ -1,5 +1,5 @@
-import { r as p, h as e, H as c, g as h } from "./index.93ca0535.js";
-import { u as d, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { r as p, h as i, H as d, g as h } from "./index.dece22df.js";
+import { u as c, P as m, N as u, D as f, k as b, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -14,13 +14,13 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        d({ element: this.arrowElement, padding: 12 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
-      const o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, i = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
+      const e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
       this.arrowStyles = {
-        left: Boolean(o) ? o + "px" : void 0,
-        top: Boolean(i) ? i + "px" : void 0
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(o) ? o + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
@@ -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: [b(t), f(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -65,16 +65,16 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, o;
+    var t, s, e;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return e(c, { key: "5b565c574e408811ac5da51851f490cac98e94b7", onKeydown: this.onKeydown }, e("span", { key: "3344e1c1283e902fc1ff26b7a66ee72eae47321a", class: a }, e("span", { key: "7ede905a8cf59b8b1d1e649aa285edc843052672", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "3b224e30be526d1c6ebcefb536662bdba3a60f6b" })), e("span", { key: "4b3567ba85d51a75d654339c83d3c8a2b3a27dae", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return i(d, { key: "d4f44ac10eae2b884b38de92c267e4fb28957d42", onKeydown: this.onKeydown }, i("span", { key: "cd2e654187abaff40e055d5678d36f85573f1389", class: a }, i("span", { key: "01007180fc69b2ea7562aad8a914aab9f6a0559d", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "979270ff10a2af5f2900f101584bfe70da274c34" })), i("span", { key: "4d62c0967d26521147ca7daddfffa8686d752b80", 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) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && e("span", { key: "1ee77407f48ca1fbb5e327cde6fe60a375b77fdf", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "93a6acbe39a95f1452ae65ade40b769c7c55dc93", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "a861ada0df72838460e1e831e7a404d176f0a5e3", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && i("span", { key: "c88d48b37dda6994960a59aa6dd0e6afa9e335d1", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "3adf4b87fbc1e5613d4eaa6c6c7fa4b958353d68", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "57397e5de9752c0e394be9cfb690cd9747b25c88", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));

package/dist/{swirl-tree-navigation-item.entry.82b9db0e.js → swirl-tree-navigation-item.entry.9b7aac04.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.93ca0535.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.dece22df.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "893b54be30e1faa7030ec7e356b0bbced56216d4", role: "none" }, e("li", { key: "516f2c19b3cf02f6e2c97ccd9b6d388a7a0e190f", class: {
+    return e(o, { key: "39c9d830252adec9be51e6cd5a0fae6f50ff51d9", role: "none" }, e("li", { key: "6f5236d05c45425393d3371e305189face53dbd6", 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: "c793fe41d80841e99aa746998c11c253f5047de1", 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: "141c9bcdf37fc3b956973d6460173d7312eeeff6", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "db7c5592139efdf674146fa7a41dd2a9e4ea1f37", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "1af04e24bcf090966722fa2c6d4d332cba8a5cf1", class: "tree-navigation-item__label" }, e("span", { key: "d27d8550945374f685233d6566dcaf9fa0d92c52", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "013eb6c562feb132ea2f099cda00d6df549a8068", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "3f39faedc52b899eb7d8fd874b4dbb3ad29be4e5", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "df868d68693afab41f63931fa266990e70e32d33", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "0be9731e3e4cd2506b2739973c3f40c94cf6981f", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "807017fd7a40ca1a3368a8b295b22fcbcb83ee01", 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: "8ae91cf369108cade1e27a0b12a65c867657d816", 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: "6cf2ae2af4221eeedbcaf729be206125f8e38a83", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "f8bc6f3cadceb6c8ad0257ed7dfa59684c9f2131", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "28ce59d45b0d0f0540e239a19aca1b269748a692", class: "tree-navigation-item__label" }, e("span", { key: "29706b9fabca1188562e988cd557fed7e6d26453", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "eb6880d400f19b1f51f2fe1c6dadc0fa72063492", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "5d1382aa660613faa1ee4f31bcf3ab0d835e6b26", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "b393d466390c9890a1398c7609a4fec65bc6a947", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "80b5de2a73045b8387bfdf91be4fb5e37e7b54a7", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "a38548095cd8a83327dcf13f3fa05bae58117ec8", 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: "4ffef76bfcdb763630df1cc2f27df700767dfe32" }))));
+    } }, e("slot", { key: "ae6e41bf6226ed66f7a030448df18d8e5f77730c" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.190e8a71.js → swirl-tree-navigation.entry.0381045a.js}

@@ -1,12 +1,12 @@
-import { r, h as e, H as t } from "./index.93ca0535.js";
+import { r, h as a, H as t } from "./index.dece22df.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {
-  constructor(a) {
-    r(this, a);
+  constructor(e) {
+    r(this, e);
   }
   render() {
-    return e(t, { key: "eeadd961fff76ef3fabf02b9a3e7b6506c5ef05e" }, e("ul", { key: "8b03207b5172d5131293e4007687e75946b454de", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "710569389f1ac4cf95cff4d8b5c887cf22757aa8" })));
+    return a(t, { key: "cb38614c23f0094033ec98a3baa74c78f6c442a2" }, a("ul", { key: "98ae37462a1aa9f4463d59eeab9fb273d2b8b6d8", "aria-label": this.label, class: "tree-navigation", role: "tree" }, a("slot", { key: "3f79b9c2ff0f4124b8f75b3cf58f021b6765abb5" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.7760d1d2.js → swirl-tree-view-item.entry.6ffd82bb.js}

@@ -1,4 +1,4 @@
-import { r as w, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.93ca0535.js";
+import { r as f, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.dece22df.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);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:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link: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{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{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 ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::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{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = class {
   constructor(t) {
-    w(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
+    f(this, t), this.dropTreeViewItem = l(this, "dropTreeViewItem", 7), this.expandedChange = l(this, "expandedChange", 7), this.itemSelected = l(this, "itemSelected", 7), this.startKeyboardMoveEvent = l(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = l(this, "endKeyboardMove", 7), this.keyboardMoveEvent = l(this, "keyboardMove", 7), this.expandable = !0, this.cannotKeyboardDropInCurrentPosition = !1, this.dragDropItemSelector = "swirl-tree-view-item", this.enableDragDrop = !1, this.expanded = !1, this.level = 0, this.movingViaKeyboard = !1, this.selected = !1, this.onFocus = () => {
       !this.selected && this.getSemantics() === "tree" && this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -189,9 +189,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return s(u, { key: "b69e0f608416e28e933f600068bc9781b8a7e67a", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "59debc40e5914cf0861f77d839b8e1fb5048185f", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "537cf90ebc08a8a1f852a2ebb44a7f6cd9487b9d", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "8964954fbe3bf1d76f002cad14103a6490e46e41", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "543ea8186b5fff51002487f4d1efd2157f579de2", size: 20 })), this.expandable && n === "tree" && s("span", { key: "16ddb005d1a629694d074823171d84add485c60a", class: "tree-view-item__toggle-icon" }, t && s(f, { key: "736eb2a5bd66e82af18a65870f48d8f9bec05ea4" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(f, { key: "1b9889c672bfed46bdfa65ff2d5cab61de2e37cf" }, s("span", { key: "c2e6b715bc17b468b7656de8750db4ba06cd41db", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "300e38e84a87b1f70408d5d710eb0b350a4b3e41", class: "tree-view-item__label" }, this.label), s("span", { key: "ea9b1b1e29f7a770d123ed9aba08f15d2002f722", class: "tree-view-item__tags" }, s("slot", { key: "d27ac7d0acb0da444304979cc21d6be4bf73ff68", name: "tags" }))), s("ul", { key: "cb8ba76c9ceca5e94c9fb85005963b03f58ceb40", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: n === "tree" ? "group" : void 0, style: {
+    return s(u, { key: "9c15110c17c0e525e9d795a56fe3c9e6027066e8", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "b4d4501bba0bc9ce223de8b4db9430bc42197bc1", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "32fa772b5646f0b6140a4bbb9365a8e818578bea", "aria-current": this.active ? "page" : void 0, "aria-expanded": !t || n !== "tree" ? void 0 : String(o), "aria-level": n === "tree" ? this.level + 1 : void 0, "aria-owns": t && n === "tree" ? `${this.itemId}-children` : void 0, "aria-selected": n === "tree" ? String(this.selected) : void 0, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (d) => this.link = d, role: n === "tree" ? "treeitem" : void 0, tabIndex: a }, !this.disableDrag && this.enableDragDrop && s("span", { key: "5d0cdeb21ee8c7549e797b6dad33c2caeacbbcd8", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "1073ab90768adcce824848016a58bda4a7d78856", size: 20 })), this.expandable && n === "tree" && s("span", { key: "1a65e9c5055e0222782a6fc0fd9a054cf6dda870", class: "tree-view-item__toggle-icon" }, t && s(w, { key: "9e8fd067a2f8cf6b6c2e4f34cb06e24b0071690e" }, o ? s("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : s("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && s(w, { key: "a4b24adfbfe9d5a07c0004a3d621cf5d38542ace" }, s("span", { key: "bda81f006ed0cc4d04a7c0e68eda2c75bfe3ef78", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "522285b44bae82edd1ddafcbb1070b433cae1f35", class: "tree-view-item__label" }, this.label), s("span", { key: "3c5adab020bcb559b88124e91c49073580edb219", class: "tree-view-item__tags" }, s("slot", { key: "d73e04abccdf715067af3f2f420247996621da40", name: "tags" }))), s("ul", { key: "c4174b53e35864d3168a72d0734f5ce3e2ef89c7", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (d) => this.childList = d, role: n === "tree" ? "group" : void 0, style: {
       display: (!o || !t) && !r ? "none" : void 0
-    } }, s("slot", { key: "712ac39576c65889812fab90246284afefc79ca0" }))));
+    } }, s("slot", { key: "3ea98ba83f784ed98896977156f15ee37483dc05" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.99d01545.js → swirl-tree-view.entry.4daa2121.js}

@@ -1,5 +1,5 @@
-import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.93ca0535.js";
-import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { r as g, c as h, f as p, h as c, H as I, g as f } from "./index.dece22df.js";
+import { S as w } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";
 import "react-dom";
@@ -83,7 +83,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     t.forEach((r) => r.unselect()), Boolean(e) ? e.select() : (i = t[0]) == null || i.select();
   }
   setUpDragDrop() {
-    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new f(this.listElement, {
+    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new w(this.listElement, {
       ...m,
       draggable: this.dragDropItemSelector,
       onMove: (e) => {
@@ -98,14 +98,14 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
         (i = (t = m).onStart) == null || i.call(t, e);
       },
       onEnd: (e) => {
-        var a, s, c;
+        var a, s, d;
         e.stopPropagation(), (s = (a = m).onEnd) == null || s.call(a, e);
         const { to: t, newIndex: i, oldIndex: r, item: n } = e, o = void 0, l = t.closest("swirl-tree-view-item");
         l && (p(l), l.expand()), this.dropItem.emit({
           newIndex: i,
           oldIndex: r,
           item: n,
-          itemId: (c = n.id) != null ? c : n.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (d = n.id) != null ? d : n.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: i < t.children.length - 1 ? t.children[i + 1].id : void 0,
           newPrevSiblingItemId: i > 0 ? t.children[i - 1].id : void 0,
           sourceParentItemId: o,
@@ -157,9 +157,9 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     var l, a;
     const e = this.getItems(), t = this.getSelectedItem(), i = this.getPreviousSibling(t);
     if (Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'))) {
-      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
-      for (; c; )
-        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
+      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
+      for (; d; )
+        s = 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(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
       e.forEach((u) => u.unselect()), (l = s.select) == null || l.call(s, !0);
       return;
     }
@@ -203,10 +203,10 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return d(I, { key: "7177dd9e2f74be230521a2f9a139ad1277d11556" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "d39aa04b285432925acd615b96cf33c6939d6902" }, d("span", { key: "2b6a48e97c71dd795d1fe2a4cd74a5330b3ede4e", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "fb057f182e27709fb30d8ee9c460984d3f962be1", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "164cb029c89c6124b6c3c91a951f8ceca4b3af04", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "d70ad5db06afd4a8d6d83ad591d09994f59c0325" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "2acc3e4542fb2687575500a6f603dca34ff310d8" }, c("span", { key: "f3ae5aa66ff53b19db1b888eb03234709a264fe6", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "ec7454804f6b5d93cbffd699f17a1bf9dcf15859", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : void 0, ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "836eead8ff82f16ea9ee81354bedb6c6c7e8d52b", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return w(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-video-thumbnail.entry.10063ad1.js → swirl-video-thumbnail.entry.cb2a3dd5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.93ca0535.js";
+import { r as e, h as n, H as a } from "./index.dece22df.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration";
   }
   render() {
-    return n(a, { key: "355ed4db7663ad37bcbfb465312452bafd05017e" }, n("button", { key: "ba7972ee44af46db84ecea028ed84044954365ce", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "8ffbb8ddcbffb133c5ea82e2b937a6829ee7bdac", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "4d1237e85fd6826507d3115559dba0baba59dec5", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "e54cc30914cd9dc43d9a9f9fd326eb1a0119936a" }, this.durationLabel), this.duration), n("svg", { key: "317ed2c0b033bed73d2387ed734ac311ad8852f9", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "b5334eb233fd57a73769c7ba43ac632e415fa8bd", 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: "ebf4104933fe996a1b5bf75429860ca35af45873" }, n("button", { key: "560064ca78b5bac9f9f557d669b0943781d2979b", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "c5e0d43b0fadc2dddc8064adfbf5e81a43248e58", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ea42f74167078cac846c3d2ed8abc8daac091a6f", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "88f0ea33a732fc930136499d3487290097aae01e" }, this.durationLabel), this.duration), n("svg", { key: "3985277d983a2528959ecee9ba80037c3037e90c", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "00639d70e38416d5479e79f7657e226b42629e07", 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" }))));
   }
 };
 o.style = t;

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

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.dece22df.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)}", a = class {
+  constructor(s) {
+    e(this, s);
+  }
+  render() {
+    return i(r, { key: "555af564691d195bb1ff8c8ae17adfbaff274da4" }, i("slot", { key: "dccd2bc55134f02e7b5e20dd38bc356e2a50dd82" }));
+  }
+};
+a.style = d;
+export {
+  a as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.c34c2c04.js → wc-datepicker.entry.e53e6f02.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.353.1",
+  "version": "0.355.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.353.1"
+    "@getflip/swirl-components": "^0.355.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",

package/dist/swirl-action-list-section.entry.3b1076c9.js

@@ -1,15 +0,0 @@
-import { r as i, h as a, H as t } from "./index.93ca0535.js";
-import "react";
-import "react-dom";
-const e = ":host{display:block;width:100%}: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);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 = class {
-  constructor(s) {
-    i(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return a(t, { key: "7c1092cb88e8474b35776ad798fa4613a11e81fa" }, this.hasSeparator && a("swirl-separator", { key: "9070e9f68eb5bcc5bfadf65332c2aad655afc2aa", spacing: this.separatorSpacing }), a("div", { key: "cc38659b771d5937778a3be89965591b2799b2d7", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "e3863480916d68ef2f9237932728572d29260b95", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "7a40d51970180e89b7b3b439a4fa98bc54be37da", spacing: this.spacing, align: "stretch" }, a("slot", { key: "4f3a00dfe73ba997304027dbca4d4a6fe1bd727d" }))));
-  }
-};
-o.style = e;
-export {
-  o as swirl_action_list_section
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.93ca0535.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "e7fa1157a83b5c25568366eec0680c3db74c59ec" }, this.size === 16 && e("img", { key: "aafb347a51fd3a6132b70ffe489cf232c253388a", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "30af8aa48108a1d871ae1642f80fdf97f1886864", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "516f88368bbe0927fe233eb70051c9778866f12f", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "36e3e8bb7f1ca34351f90bd82e232568794788ff", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-c.style = l;
-export {
-  c as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.3caaf601.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.93ca0535.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", 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: "07547c38eb69001949174a15b6f8145702ecb274" }, this.size === 16 && e("img", { key: "c7526393b7d0400861268a631989e4ef97921531", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "5501df0843ddd91b1fb9d8c46c10d2bff0aa0a50", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "9acbe8b0261aee4de63ae54e404b6f8a78345023", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "0c90b82b96a7ae758370a7ec95d46a8988a74f24", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.93ca0535.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", d = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "545c3726701bef5183ead618b812dbec8c6dd66e" }, this.size === 16 && s("img", { key: "4e2d700ddc73f6798204ed691c392c7308b260b8", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "e2fe4cf219876ebe965324d8f53355414327c9ad", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "2027bca40ddc0dd046c45fed01bc5742e0a95e63", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "fad64ad0fa7667d12a7d0bcdb7b3e95d2d8d6f60", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-d.style = c;
-export {
-  d as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.8fd6591f.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.93ca0535.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "246d1d88ac540bcaa311de77c06f6bf76bff4463" }, this.size === 16 && e("img", { key: "d329e972bfef7f12ddf1071793812b1798f13448", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "8b0bf16c17fd214f6149eafc53c99483cae1393d", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "96e3579ede135bbe9af0be7603b2e6fa3ca8dbd1", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "38f33e6b435bdc5273c8da767de80323e11464fd", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.248c776f.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.93ca0535.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", c = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "a629609597f9b3dfffa0f5760df2f43287a22c62" }, this.size === 16 && e("img", { key: "35543e36d80c7c9d89e5900753f6159beb705274", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "1889ecccb32343974706c2e27b072c4d721ef857", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "1b8e1dbf466ad5bd361e7c9946a18ae4d7104024", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "84c01cb1997da7ae20a0d6f44ee2cb017aaabf9e", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-c.style = h;
-export {
-  c as swirl_emoji_thumbs_up
-};

package/dist/swirl-icon-check-strong_2.entry.53959072.js

@@ -1,32 +0,0 @@
-import { r as d, h as e, F as i } from "./index.93ca0535.js";
-import { c as l } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const s = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = class {
-  constructor(c) {
-    d(this, c), this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "953e25e14395c18b5939701925f830d742a9eb1b", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "7cd3a5670f223089b7e00a0c47d23be085ec443e" }, e("path", { key: "21aa1aa817669616c94776ff7bc1cc3f8ea28aed", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "06a8fff313cdbf89d2106dcd6cce0ef55918b771" }, e("path", { key: "e85d3050523b801a208c7550538ce802e7331b6a", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "0adb944b94a061e2c64369ee9f33a2dfa5cfed5b" }, e("path", { key: "87488dea90b2dde1b56d0d804a0574c2e0099997", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })));
-  }
-};
-a.style = s;
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", h = class {
-  constructor(c) {
-    d(this, c), this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "2a2171910f68737cffe994dc9f0550ef1ba75a9c", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "c28643490326d18d21cc7769b2a25b02bcd6d6c2" }, e("rect", { key: "3fc9a4470d7493c0d98fd0c3d1b8b4485700df04", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "139567aeee1442385f3c7d448e5d6645d4455d84", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "1ac546b0ae986a271b289fc43cb469d1c246e453", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "43ec9666e6ad537ebf11013c60ae2a03a31e60cd", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "76b5dc7b9b71f85c609769bbf20a1c26cfbeca03", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "ca5785e84ab0213b9199e3ab8259f324b8e38c39", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "03ae1b1b9ee762709b06be92e971958e146c2153" }, e("rect", { key: "79b2dd97d7d2d8c0a44da70aa94149cfd4efec2d", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "7316e31c98ca4f928206bde594935463a5402221", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "b70e2d016ddbc618f0760852e92c99f4c9ab8be9", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "ebc3546f5a32226f0a6ec494342a6f2178869feb", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e5bc3eee3f24cf2e9154ce094131a186c24470d0", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "efc6e1faff8c424b9ced2029221eaf0c53b2128a", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(i, { key: "e1cdc176ba2053d7c386441e980bccce11d0ec07" }, e("rect", { key: "2c728e49cbb1c54f4d5d95677cae5aab9db2869d", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "6b9d64caaedb6eb9ba3b5c3385c4c44af431916f", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "6e0fd5d1a2ebc6521d0d2c06889b8037d4443499", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "0393372d8084a91eddca5461307af331d34ae7e6", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "e2a89c082ac0f348fe7723dc05ee73e1848c1321", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "8dfdf01abb3112a23aa603d517b9957fa098c50a", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-h.style = o;
-export {
-  a as swirl_icon_check_strong,
-  h as swirl_icon_drag_handle
-};

package/dist/swirl-option-list-section.entry.1a3843c6.js

@@ -1,15 +0,0 @@
-import { r as i, h as s, H as t } from "./index.93ca0535.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);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){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
-  constructor(e) {
-    i(this, e), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return s(t, { key: "c4534fe020f4bf9e590e08393026db4c69983828" }, this.hasSeparator && s("swirl-separator", { key: "8811961620b37dc8f3461fd9dc77d8c52fffc78b", spacing: this.separatorSpacing }), s("div", { key: "b077fcd2656c6058e8bf34b77061cba134546651", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "57cbd6dae5a2821a3891b0be634290204eae1ed9", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "38e3b3a46b05691f3daec260aae69d29a47d6e9c", spacing: this.spacing, align: "stretch" }, s("slot", { key: "eb7b7bba95800698c2ceba9953c19ed8b8947628" }))));
-  }
-};
-o.style = a;
-export {
-  o as swirl_option_list_section
-};

package/dist/swirl-switch.entry.e89b7739.js

@@ -1,30 +0,0 @@
-import { r, c as h, h as i, H as l, g as n } from "./index.93ca0535.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const w = `.sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none;width:100%}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
-      0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__label.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`, d = class {
-  constructor(s) {
-    r(this, s), this.valueChange = h(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.labelPosition = "end", this.onChange = () => {
-      this.checked = !this.checked, this.valueChange.emit(this.checked);
-    };
-  }
-  async toggle() {
-    this.inputEl.dispatchEvent(new Event("change"));
-  }
-  render() {
-    const s = !this.checked, e = this.checked, t = e ? "true" : "false", c = o("switch", `switch--label-position-${this.labelPosition}`, {
-      "switch--off": s,
-      "switch--on": e,
-      "switch--disabled": this.disabled
-    });
-    return i(l, { key: "1e323bfe13463875e0c03be401d6b10a3477a18f" }, i("label", { key: "77fa3a093892e07257c374c9041c374ae2e7285f", class: c, htmlFor: this.inputId }, i("span", { key: "a4696dd1d289232a27386f70def4e5f07a9d7ab4", class: "switch__control" }, i("swirl-visually-hidden", { key: "b6d90604bce1cfc3d5061a644f98601ddebb2182" }, i("input", { key: "55a4ba6f0837263bb67db64b7ed71f68144a27c0", "aria-checked": t, "aria-label": !this.hideLabel && this.swirlAriaLabel ? this.swirlAriaLabel : void 0, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, role: "switch", type: "checkbox", value: this.value })), i("span", { key: "07ea32140c6e01c9e9ce970062f288470f497332", "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { key: "5db693d9c4ea03ecad71a8e95d22054320f337f9", class: "switch__label" }, this.label), this.hideLabel && i("swirl-visually-hidden", { key: "2af73bce02a7e68e8e5085fa4f88e892983a9cc4" }, this.swirlAriaLabel || this.label)));
-  }
-  get el() {
-    return n(this);
-  }
-};
-d.style = w;
-export {
-  d as swirl_switch
-};

package/dist/swirl-symbol-roadmap.entry.984e9205.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.93ca0535.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = 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: "67acd97fe343572f3f7177650983e472b275da2a", 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: "32b7075846b90e733f3832eadeb5a53775d2fbeb" }, e("path", { key: "9379b7ddf3bfe6b5d400ccb52ed58f7babc4e9df", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-l.style = a;
-export {
-  l as swirl_symbol_roadmap
-};

package/dist/swirl-tab.entry.f90cda53.js

@@ -1,17 +0,0 @@
-import { r as t, h as a, H as e } from "./index.93ca0535.js";
-import { c as i } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", r = class {
-  constructor(s) {
-    t(this, s), this.padding = "8";
-  }
-  render() {
-    const s = i("tab", { "tab--active": this.active });
-    return a(e, { key: "cfcefb1ee71d22bf262de0c636ade0611412986c", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: s, style: { padding: `var(--s-space-${this.padding})` } }, a("slot", { key: "7cf4c8a100b84b05d077410873a3023c850a5b69" }));
-  }
-};
-r.style = c;
-export {
-  r as swirl_tab
-};

package/dist/swirl-visually-hidden.entry.0deb6685.js

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as r } from "./index.93ca0535.js";
-import "react";
-import "react-dom";
-const a = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", d = class {
-  constructor(i) {
-    s(this, i);
-  }
-  render() {
-    return e(r, { key: "fd72954ca700da002aebcfe4b1ed66896c8c0478" }, e("slot", { key: "9263cd6117cb6171c664e75ca74f4945bcec3e49" }));
-  }
-};
-d.style = a;
-export {
-  d as swirl_visually_hidden
-};