@getflip/swirl-components-react 0.354.0 → 0.355.0

package/dist/{swirl-tree-navigation-item.entry.5586141c.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.32954226.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: "7453150b3eac84e3ae9556fd1d6a570d30583be9", role: "none" }, e("li", { key: "88b7695cda336ad31d0fd49d1c05a9dd8b47fd17", 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: "49562490eb7db514ee16f146a78022c6aafa041e", 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: "754f083bfacaf6558abea3e59c59c0e419e9431e", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "986023149934e7982142bd0582912dc27d08de2e", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "01a3b720091e3978bde5542efd2106ce9879e39c", class: "tree-navigation-item__label" }, e("span", { key: "69b0d2f71b2b55eacf9e32406148fc5d30b81c95", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "6fe19107b22f3cf116e0ca35bd7bc385ada81cb6", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "9bf4775f00a4152e834a3a86e9b136c9affa4f36", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "466b79df59fd0c93114d7f8faa0e3f2568f2867c", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "a4ec32915634fb77231f9d8abfb10de98f16cdc4", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "256cc19f63bee0de2831fdcdbf8b1a52d5a21418", 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: "ad370e3f964f987277e24193a32a4b8935e1fa94" }))));
+    } }, e("slot", { key: "ae6e41bf6226ed66f7a030448df18d8e5f77730c" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.239135b4.js → swirl-tree-navigation.entry.0381045a.js}

@@ -1,12 +1,12 @@
-import { r as a, h as e, H as t } from "./index.32954226.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(r) {
-    a(this, r);
+  constructor(e) {
+    r(this, e);
   }
   render() {
-    return e(t, { key: "8a77f0a5bcde7f86da5e18494cd0468a20d73c50" }, e("ul", { key: "2284ff6d8ee937e3e06f891806764b35312544e1", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "112d7fb106752b439fe7903bd3ffb11fdfc9f318" })));
+    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.5a160046.js → swirl-tree-view-item.entry.6ffd82bb.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.32954226.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) {
-    b(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") {
@@ -57,14 +57,14 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = p).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, d, v, g, f;
+        var m, d, v, g, b;
         t.stopPropagation(), (d = (m = p).onEnd) == null || d.call(m, t);
         const { from: e, to: i, newIndex: r, oldIndex: n, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
           oldIndex: n,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
           sourceParentItemId: a,
@@ -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: "505fb72c566d6526be15ee395129a78a838d4b86", id: this.itemId, role: n === "tree" ? "none" : "listitem" }, s(h, { key: "79392fc902dc311a6366538f577a184e376b95cc", class: m, role: n === "tree" ? "none" : void 0 }, s("a", { key: "930933256243635920b5f783bd469a1796da97fb", "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: "477cc3a28ca0c2aab0619df41f961b33c7c4679f", class: "tree-view-item__drag-handle" }, s("swirl-icon-drag-handle", { key: "d44f4415553b1ddd763596ef46962f8b30828a60", size: 20 })), this.expandable && n === "tree" && s("span", { key: "448dadd940d5905216f3f0d2346dd44d8ff9d33b", class: "tree-view-item__toggle-icon" }, t && s(w, { key: "e1979d0536d287e79289f999eaab9cc9f9f186fd" }, 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: "f098f325315c455a31021e78e6caa5f5f49810dc" }, s("span", { key: "009c92d2c7c7a1033dbe54e24f6131456cb8f1a5", class: "tree-view-item__icon" }, i ? this.icon : s("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), s("span", { key: "e4a02a1ca6d57bbf0f4ddc4c659afa62ae5922f3", class: "tree-view-item__label" }, this.label), s("span", { key: "0d03f75ec727180084e6e31ec32918d4b313039d", class: "tree-view-item__tags" }, s("slot", { key: "22dd691a9c3d7910342beab6c1dc69f40bbaf705", name: "tags" }))), s("ul", { key: "88384486c1816e91b8b1d9357973d388abff8160", "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: "e62016fd5b647dca8b0243476ff1e7b798dde283" }))));
+    } }, s("slot", { key: "3ea98ba83f784ed98896977156f15ee37483dc05" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.7b287961.js → swirl-tree-view.entry.4daa2121.js}

@@ -1,17 +1,17 @@
-import { r as g, c as h, f as p, h as d, H as I, g as f } from "./index.32954226.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";
-const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", b = {
+const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}", E = {
   cannotBeDropped: "Cannot drop here.",
   end: "{itemLabel}, dropped. Parent item: {parentLabel}. Final position in list: {position} of {childrenCount}.",
   initial: "Press space to move items.",
   moved: "{itemLabel}. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}.",
   start: "{itemLabel}, grabbed. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}. Press up and down arrow keys to change position, Space to drop."
-}, E = class {
+}, b = class {
   constructor(e) {
-    g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = b, this.dragDropItemSelector = "swirl-tree-view-item", this.semantics = "tree", this.liveRegionText = "", this.onSlotChange = () => {
+    g(this, e), this.dropItem = h(this, "dropItem", 7), this.itemExpansionChanged = h(this, "itemExpansionChanged", 7), this.dragDropInstructions = E, this.dragDropItemSelector = "swirl-tree-view-item", this.semantics = "tree", this.liveRegionText = "", this.onSlotChange = () => {
       this.init();
     }, this.onFocus = () => {
       this.liveRegionText === "" && this.updateLiveRegionText("initial");
@@ -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,7 +203,7 @@ 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: "bc68811d359cd1b0e89d2cd4ccdcca4091cc562b" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "51682efe2cd20fb56d5961fbb03bfe9f86111b57" }, d("span", { key: "4f0523e122037fb3c7e6cc1c353b16acff57f6ff", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "fe0aff2aa1ab2e74bb045b60aab1a0ae228cb816", "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: "663bd1838841c272b2660e94abc72bbb3a9082a4", 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 f(this);
@@ -214,7 +214,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     };
   }
 };
-E.style = x;
+b.style = x;
 export {
-  E as swirl_tree_view
+  b as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.66e80e0f.js → swirl-video-thumbnail.entry.cb2a3dd5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.32954226.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: "8b0586b9170888a10132070f6e659bfb191d4ca0" }, n("button", { key: "01b757c42e9ba91dab7c88c98e39098d481df6d1", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "401a387bf46078c7b3d971f1215ff87bf489df16", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "4e7bc131dd91a16485cff9fc67134906ebed3f30", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "ac68630f9feebc6ef0e04181c8916412828ee72b" }, this.durationLabel), this.duration), n("svg", { key: "9db659b60b7b18295a04b6cd06b8d58ba60728b6", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8e1f1b6cb3e56ceadea2f701391ce2d2ebff2dbe", 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.d31be62a.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.32954226.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.354.0",
+  "version": "0.355.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.354.0"
+    "@getflip/swirl-components": "^0.355.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",

package/dist/swirl-carousel-slide.entry.2c1c00c8.js

@@ -1,23 +0,0 @@
-import { r as i, h as e, H as t } from "./index.32954226.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", a = class {
-  constructor(s) {
-    i(this, s), this.width = "15.5rem";
-  }
-  render() {
-    const s = o("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return e(t, { key: "d50b846053d487691b02b66e9d1fd2ce73e39e79", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
-      aspectRatio: this.aspectRatio,
-      flexBasis: this.width,
-      minHeight: this.minHeight
-    }, tabIndex: 0 }, e("slot", { key: "ba58e38f8d0561d9fc4d7e84d830c602141e39d2" }));
-  }
-};
-a.style = l;
-export {
-  a as swirl_carousel_slide
-};

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

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.32954226.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) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "bdfaca4bf45b5a235255c4ffc9f27607594a912f" }, this.size === 16 && i("img", { key: "158dbef98650173398adc7f8176a67df634abefc", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "561064e0f92d96c6048c0d82e073b8169ae2f035", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "c0e32d33031fc990825a5bb99689d82130f5a883", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "c449011a570bda27b4e7ded874a309717ba13268", 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.3fd0d19b.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.32954226.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const b = ":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: "79cdbd931ce7f4b9fac2ef95b0bb14a87695ad70" }, this.size === 16 && e("img", { key: "816bf5e116a715beeee3a22265bb137c53aa8f79", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "83c6d40b878095eb04821a90fbafe94e75b5f7ae", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "b7db5fbb018742908c5971b05b04429145e2db00", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "a052b0cbcc7470292500020b99a2ffdbaebe1d9b", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-l.style = b;
-export {
-  l as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.8415fc83.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.32954226.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "884ee097cfa514740ac2c591cca5657b9c5b16ce" }, this.size === 16 && e("img", { key: "79f9e697d2c737565adfdc9e8944c96575d6dd02", alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && e("img", { key: "9adf5a961deda65f081a9abfab8c60ddd1bc7b74", alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && e("img", { key: "4d4ed8120f42daccac14d7b0e181f55c20844d76", alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && e("img", { key: "2c8855dc32a7850f448aa4bb90ee31c95e9ab7f2", alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = c;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.563e42a5.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.32954226.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "be4dbf2d56933fbf5590ec26474c8144e5ab5322" }, this.size === 16 && s("img", { key: "723c723e1528b9834069929292c8fa4452beb9ad", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "b3ca1bf7af189b5eacbb02ead717ab14efe723b0", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "b14903de4365a7708a07414203dbeb2720871962", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "c5e6997256359835aa970f41ae0dc440bc8eb1cc", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.32560b03.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.32954226.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "5b8f3d880a4908f07319ee6b5e09ae49fced205e" }, this.size === 16 && e("img", { key: "277f41b647c415d246ed69a1bd9cb163db18c310", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "348abc3916d4affb216d3125ec8c8984af2a0938", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "cd12ee949dca40fb54d033098ae868c965081ddc", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "8f18c8f8821db1a69146390839032dad4aea7044", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-d.style = c;
-export {
-  d as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.4893d92c.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.32954226.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "d58e09f49f65ca9003c920ab51c04edbf3815a3d" }, this.size === 16 && e("img", { key: "264023765e5570a72dc4b49a14f1f0c3064e4e87", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "45e23a47a07b442afcf91aff245a379646251ffe", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "f0fbf5a7f032f37f6d09aeba30c581d895f8bee7", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "6142d6ae885ce9e2578c35e368932d2db790f6e5", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.dfb60eaa.js

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

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

@@ -1,32 +0,0 @@
-import { r as a, h as e, F as c } from "./index.32954226.js";
-import { c as l } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = class {
-  constructor(i) {
-    a(this, i), this.size = 24;
-  }
-  render() {
-    const i = 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: "7031b9e82a874c024252f31d31bfd26128cd395b", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(c, { key: "c4a5313d96b6d988e855acf255af5d10ad703466" }, e("path", { key: "fc79b4c4b8ca42f1fdff9f82009479f860c9ff7c", "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(c, { key: "09cbeccbc2b785cad4b6685892002589bdac93f9" }, e("path", { key: "cf3c806adcdf489d60d751fd67da74dec93eb326", "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(c, { key: "7f4e1d69f502573471e9744cb5496d8a10cd5c46" }, e("path", { key: "471f41a0db18128ec788be92d23765b513d02626", "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" })));
-  }
-};
-s.style = d;
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", h = class {
-  constructor(i) {
-    a(this, i), this.size = 24;
-  }
-  render() {
-    const i = 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: "8f1501ac49764db92c0655dc8bc4153ea8d41df1", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(c, { key: "25107130fb5fd8e21b262f8af607d83ae253c385" }, e("rect", { key: "66c7634f011a509b3b924019ac93430ba2b7b026", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "4a930dbc77679b1a954462514a39c0ecdf4c0844", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "e6811cd4800f776ffb25ac455293165051432d5e", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "12f1700ae8985fa1373252916d5814c27098f978", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "2a9699dc67492b0e53b0950ff35e800432151b4b", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "f007a9f172b4be6068d84e5fdf0f0cdc004809c2", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(c, { key: "76f311c11ab4af8161f8a53607d662e7c45e7487" }, e("rect", { key: "26ee45a8a56456adbdc337d2a86e325afdc40e7d", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "2baae8284bede96306c8eebbe975eb4fc4526ec2", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "0c154ab45df04620ab0f76c5a365412f3a836235", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "9c852fcec655877fa6fb86408753c7214ea3f8a1", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e4cfa4ce63ad4b404b3b1865adac7e07d5df991d", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "f90aac2bb55ebba1b46a74616aa8a541c1674e7a", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(c, { key: "c9d874ac50c899dda4eea517a6d877a0c273abb5" }, e("rect", { key: "7ef8d55e2aa0cadcc92ab8b990bb6c5e31764f00", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "c24a301d0498d7e00955e4bef25efd650f191726", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "03b9349fa019810622692f039a3040f8fa9d7d3a", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "973d9484c0eebe4f20b9f8adaa2a6a9be2d5e38d", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "855885cbd26f2e9a9999b0c21c517e7ac611569a", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "7a18ec4e2d5069c5007648f233a0c9d314a1b45a", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-h.style = o;
-export {
-  s as swirl_icon_check_strong,
-  h as swirl_icon_drag_handle
-};

package/dist/swirl-icon-dot.entry.c8fd7268.js

@@ -1,19 +0,0 @@
-import { r as o, h as e, F as i } from "./index.32954226.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "f7da6e805b0765235727d13f4daceed469fd8d18", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "9403274db7612d0558211d2ed45ab1897d020990" }, e("path", { key: "390c9a04671e5ea5d5ee7ab63584b36bd58d7bc8", d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "e657dc4d83d66dfd61aad1cf0df4109a47f13a2e" }, e("path", { key: "c142f54e5ac5894911a913d3795c39d0f48a1721", d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "231b651dbe65cd546db9984c84611a39a8bb5e43" }, e("path", { key: "0ad22fb68cde414e522a10ae69b1d557aac91452", d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })));
-  }
-};
-c.style = r;
-export {
-  c as swirl_icon_dot
-};

package/dist/swirl-option-list-section.entry.9690cfe1.js

@@ -1,15 +0,0 @@
-import { r as i, h as s, H as t } from "./index.32954226.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: "84ce887be24e51be3ca2d70f0f374761d160777b" }, this.hasSeparator && s("swirl-separator", { key: "59f0ade475cf630b4e6614786108a111f7b94a10", spacing: this.separatorSpacing }), s("div", { key: "c03c65eb150c25034f337ab8b9f0b2c896727200", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "82645b6c1182c8965425c3ca4b4fb6ebf13f4ecb", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "5091c31fe19d6d7da7ecca5afec15bde62230529", spacing: this.spacing, align: "stretch" }, s("slot", { key: "0ae179661301fcef56cbc3801d6c7490904ed20d" }))));
-  }
-};
-o.style = a;
-export {
-  o as swirl_option_list_section
-};

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

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