@getflip/swirl-components-react 0.322.0 → 0.324.0

package/dist/{swirl-toolbar.entry.557ce503.js → swirl-toolbar.entry.8fb79f78.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.8dea082b.js";
-import { b as c } from "./utils-877a768f.c277f897.js";
+import { r as n, h as s, H as r, g as i } from "./index.567553f1.js";
+import { b as a } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = c();
+    const t = a();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class
     });
   }
   render() {
-    return s(r, { key: "7a89a37bf47c2ca12422e4b69fc49c6b1478c373" }, s("swirl-stack", { key: "7349ee2ab52619ff8104f1fe122599178a139400", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "4c5b9382755409876bc554a7ee698ed326ec8ace" })));
+    return s(r, { key: "2209c72d725863c4a00b7818f7807afec6ce9476" }, s("swirl-stack", { key: "28122759e485039ebd1293316115707fc0c0f4fa", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "839470d432295a35e89149203d8761e0aa5000da" })));
   }
   get el() {
     return i(this);
   }
 };
-u.style = l;
+d.style = l;
 export {
-  u as swirl_toolbar
+  d as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.6d5ce411.js → swirl-tooltip.entry.b441bda4.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.8dea082b.js";
-import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as e, H as d, g as h } from "./index.567553f1.js";
+import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,18 +14,18 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
-      const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
+      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
+      const o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
       this.arrowStyles = {
-        left: Boolean(e) ? e + "px" : void 0,
-        top: Boolean(o) ? o + "px" : void 0
+        left: Boolean(o) ? o + "px" : void 0,
+        top: Boolean(i) ? i + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -65,22 +65,22 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, e;
+    var t, s, o;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "6b15209f9e0d9cfafc7af244f1ef22cb4d7da719", onKeydown: this.onKeydown }, i("span", { key: "7c75a8e5d9f2e5b1099fcf7f750ef12095b58402", class: a }, i("span", { key: "ed98c804d5526c58ed70705b8a63a7d6f2ff7734", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6dcbf266cdb3521c6d8e8d37cf293149f0469190" })), i("span", { key: "a2f3b747288d55f9d46c5476d100f8a230e56615", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return e(d, { key: "fab7025501b2b85e03b31af571bfe2556a2fbf1d", onKeydown: this.onKeydown }, e("span", { key: "30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979", class: a }, e("span", { key: "be87c4cab59e4fd973fa9ea0da81b07d8ba056b0", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65" })), e("span", { key: "484c29090af80fe4acc66eee3808c75be3a16528", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "216ff9495331d0a424c0bce32a32e52f8fb46d4c", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "bf5df3af6609b7a00230f108386435283a340aa9", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "a95c884426bc39651f749305f3d16568dc0da4b1", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && e("span", { key: "07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "9d0e50ebdb013eeba59011945ed6e559c3d3bbf9", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "85c760dc089cf71b0e43e13de679b2ad795ad97f", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.608b5bd9.js → swirl-tree-navigation-item.entry.194a080d.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.8dea082b.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.567553f1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.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(d, { key: "976cd4e831727e7db9956829f340acd697382d25", role: "none" }, e("li", { key: "e48f3bce8ed4b1d76e40732de8fc198850dc1566", class: {
+    return e(d, { key: "f5be2a3692fc41ea28c78a5249e282fd4eb0ac90", role: "none" }, e("li", { key: "e2ac3f5d22de042ebadea3fa1544a52f787242ce", 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: "c0d5c2fa3df908a434db8979852e9656f1cbafdb", 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: "ddfe2b601720f1317b68662e487af6e381c87351", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "89e00270ec0ec3de5d03eebbf33724e1daffcee1", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "d6d643dd231bd76dddc62c1815ae5a093d5d8564", class: "tree-navigation-item__label" }, e("span", { key: "fd86b770fdfa2da8cfd2473de91b8b77e87579d8", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "e1e47f84a25d834cb998bfab78c8360599604615", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "ce81067a5db01871b2b3614fc53fe7e15f1c6dc0", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "5475fc0a1564c0b075b06de429e8ec9329ebfeff", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "6d60e9fa7495b3088c4073daaba0500b3374a158", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "ba7b191668487c2929de1dea4758666b5942a427", 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: "59768aa64bfb74b81e595c433579d56342540b8e", 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: "aa64113919148037c9b8f6b92c35003364a7962a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "a9948f2f2aac50063b9faacdf161a4a0b322b40c", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "bcd4227df99f9893b3e8dda5c874052976bc0191", class: "tree-navigation-item__label" }, e("span", { key: "abd5a09ee4a63ba8ed4e911313366bd0c4bd16f0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "47a4349d3d26494cdfa844359e7636713d54eb8a", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f5e65b291427326ca0d5407d1cdfd3358fbd7030", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "83bb63db09b9d584e09c27e4da954aa9bf01b548", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "b4b6991bd9249aecb5665d1d4397af25479d72fa", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "527475602f2fae5ce2603f1ee6655f02663cd071", 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: "4553b9129e43d38d3f437c278a9680b23e6b02ea" }))));
+    } }, e("slot", { key: "d4a242d617109b0a882ef3f11ba160ed319db41d" }))));
   }
   get el() {
     return o(this);

package/dist/swirl-tree-navigation.entry.23a8445d.js

@@ -0,0 +1,15 @@
+import { r as i, h as e, H as r } from "./index.567553f1.js";
+import "react";
+import "react-dom";
+const a = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = a, o = class {
+  constructor(t) {
+    i(this, t), this.label = void 0;
+  }
+  render() {
+    return e(r, { key: "9163b6d577bfc300093480152b24765d4523d93a" }, e("ul", { key: "805bcc5447f1efc46537e797ce660805d709dd1e", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "8e8f61e26ac91760990398fb7f476c2b82700b62" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.6f0ffa67.js → swirl-tree-view-item.entry.ef9cbfc5.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.8dea082b.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.567553f1.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, f;
+        var m, p, v, g, b;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: s, 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;
+        const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (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: s,
+          oldIndex: a,
           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,
+          sourceParentItemId: s,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, s, o, a;
+    var r, a, o, s;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
+      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const s = this.getKeyboardMoveEventData();
-    !s || this.keyboardMoveEvent.emit(s);
+    const a = this.getKeyboardMoveEventData();
+    !a || this.keyboardMoveEvent.emit(a);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "d044ae199022dcc3b022b2d4dc266d82db00a2fc", id: this.itemId, role: "none" }, n("li", { key: "106bc3696b6d68b5ba22badaa9d457e3e72d62f8", class: s, role: "none" }, n("a", { key: "0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "24aa0852201a264f2e596851d9acef1f653b669a", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "f23b5c4a9c0e56320e53b9da3ad55462c4f265e1", size: 20 })), this.expandable && n("span", { key: "cd5933c4674e8095e00d66157fd646f3edc6af04", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "d8dc9940a46e7de9b2148e98f06a8b8edbbfac61" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(b, { key: "da21cb2a18f2755d747a854ff3d1a3ddc27d6c70" }, n("span", { key: "5eb18d4f3e9c9268c93f16989cce4332fe91dbf5", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "70715c356b263b1d78f20dd015ec93aaba5b271f", class: "tree-view-item__label" }, this.label), n("span", { key: "77fec8960d46a38e198196073841cc0cceae27c2", class: "tree-view-item__tags" }, n("slot", { key: "3940dae27077c4b8a71f2dcc6b82208c90d8b34a", name: "tags" }))), n("ul", { key: "17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "359205749fd0fa8cdd09b902a535169cfa410031", id: this.itemId, role: "none" }, n("li", { key: "5e13cbe565927ba5fa14e3f99309a2c880b262b3", class: a, role: "none" }, n("a", { key: "776901fdfc6d1879285a3a37b131b4cc41ec7efc", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "c6d9ccbeca76689b7ffd72fe765c6196a6c4437d", size: 20 })), this.expandable && n("span", { key: "45873aeb8ee0ef116351e300397ff202d5950033", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "fe6bdc75d7beabe8ab58687ddd07f8a461426479" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(f, { key: "095e710bc88d20c62cbc79aaa66993b203b70cf5" }, n("span", { key: "b7a0c0b5446ce314e3bfb3778953a412d0d088f7", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "bb2fced3c07abca46d4fe1542ebc310a00acfdb6", class: "tree-view-item__label" }, this.label), n("span", { key: "7705d52ac2befb94f0b161a0875babbaed63b891", class: "tree-view-item__tags" }, n("slot", { key: "ed0d4949b0814388e305694dbc833319f215b1f3", name: "tags" }))), n("ul", { key: "1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "84e8e55f032818f56c1cd38d3f7949d0be2db270" }))));
+    } }, n("slot", { key: "173b8f94cb788699ef8ed8925084766337389409" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.6e48a6a8.js → swirl-tree-view.entry.f8e6ca3c.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.8dea082b.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.567553f1.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "51aa3a81589abb63a2d736f430ad154c7c75d9ee" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "c0a5e93d03187dc182921d0561c09b76b00382a1" }, c("span", { key: "f25313f606c553ef032184a599efda8c0bd42fc4", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "6004a1690b501c446c4fadbcef7b107bb5a3ab24", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "356121cb7f5adc3b4a9627b370233916cad1ae29" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "a6f46439112356816f0f853a96a373a960b1bd14" }, c("span", { key: "2bab282efa908ea48a31683b6dde185cb153c1af", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "ef9a99fe169c8752c982d9f0d4a02d6b091b042e", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "85a2a2c04d985d0892180c30f0c5b63bb85587fb", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.a64343d3.js → swirl-video-thumbnail.entry.d45dd6ee.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.8dea082b.js";
+import { r as e, h as n, H as a } from "./index.567553f1.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "f17cffc8d4b785cd750283accc36f68442e01d32" }, n("button", { key: "19c37090245311db067fbcf17a7f314684bf771a", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "d9b82c8d91b9df65080a9cb49ec262f621aa8bc1", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "9d4916b716239f6d54fdc5d871bf51c5dc40e92c", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "a416ac442c86f2e241d4d325fdf8ab146754ab52" }, this.durationLabel), this.duration), n("svg", { key: "4732e4585d157deae9abf1c5ff4a8fe0ca9c09de", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "2bdc2f16cf20880c403027c9aeaba474573341b0", 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: "0d1fdc4949d838a62c3c8b8268c5229f41fc3c60" }, n("button", { key: "02444d9291683335bc640b69bdcc4267e423e68a", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "f4a933ab01d22b51816056b86f1a307db9a5f3ad", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "6b286644f477a85aa7976025f82476017b3833c0", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b70d41aa916302f0ddb8b51430841091d68fa794" }, this.durationLabel), this.duration), n("svg", { key: "8a3092527b6b853687102e88a2e2f246e9b571ee", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "dc88cd0978ae654fccd17ff0fbb37bc2f132a1a0", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.38106a7a.js

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

package/dist/{wc-datepicker.entry.87abc73e.js → wc-datepicker.entry.17986920.js}

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

package/package.json

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

package/dist/swirl-carousel-slide.entry.501ea32e.js

@@ -1,23 +0,0 @@
-import { r as i, h as s, H as t } from "./index.8dea082b.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":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 = o, r = class {
-  constructor(e) {
-    i(this, e), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const e = l("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return s(t, { key: "9bc4985739dc192b039b2dea6524e1d561b89c80", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: {
-      aspectRatio: this.aspectRatio,
-      flexBasis: this.width,
-      minHeight: this.minHeight
-    }, tabIndex: 0 }, s("slot", { key: "42d69c816388c933e8e7529e5eed0a7e8a65ffd9" }));
-  }
-};
-r.style = a;
-export {
-  r as swirl_carousel_slide
-};

package/dist/swirl-description-list.entry.c5b148e0.js

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

package/dist/swirl-emoji-idea.entry.b8b5bac5.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.8dea082b.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "1ba03f325f8ab703c520090423eba07b7bb73e43" }, this.size === 16 && e("img", { key: "a207a88bd1f8a9b1387b7491bbcd29dacd246c1d", alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && e("img", { key: "c77d700523ea42913160b26b9a33773f9f3b81b5", alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && e("img", { key: "9cb84cbc881b13d5989ab8748585afe454664f5e", alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && e("img", { key: "aa002c4dd4f8ff8c83489c7a69567c6f5e2ccc5e", alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_idea
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.8dea082b.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, o = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "2ded4a2bdbbfd37f80abc6f9f698106a17154c11" }, this.size === 16 && e("img", { key: "a2baedf0c9684d81d2dd3214c5d2e92a5b45caae", alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && e("img", { key: "4b5c32a95071b1c4badcad8d34f574db062f30d1", alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && e("img", { key: "96c5d2d7f7cc07ff06ef25637616dc087af1e336", alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && e("img", { key: "1e2011d64fbc5f1edb9e00126ac989b053f02968", alt: this.label, class: s, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-o.style = l;
-export {
-  o as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.60fed62f.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.8dea082b.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", d = c, 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: "d83809f1c3792b7228e0ad3def9291f4cb5fd15b" }, this.size === 16 && e("img", { key: "6b057930087a49f87c5080e4051dd3bb78381cad", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "11d5a7bc61e35233ed024e8600cc0583d884be45", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "049e2fb9e9745d7cceef2097e212d5999846daa2", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "67728d2c290b731d6cf62d1de430334b3c7b9852", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-l.style = d;
-export {
-  l as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.e5d3b418.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.8dea082b.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", c = h, 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: "4d4491e6c88d0365eae1fd1dd0454684692740e7" }, this.size === 16 && e("img", { key: "b99e62234430194ea1a9fcb9401ea91c3a97e1bf", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "c06629c3d413bd597805461a315a90d51e517169", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "a306e728f462ad953695a1bd6865970a3e0feeb1", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "f368ccf7b202bcd158583019bc3bde0ffc3d7dc0", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.5c277708.js

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

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

@@ -1,32 +0,0 @@
-import { r as d, h as e, F as c } from "./index.8dea082b.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = o, a = class {
-  constructor(i) {
-    d(this, i), this.color = void 0, 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: "366ba404cb7777ec026a441435629d8e0118e905", "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: "fbad5ae410006d0dd166dd96a3bf48b155886d6f" }, e("path", { key: "5045b1053a9e4eedaf72908fe11856fa606b37c2", "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: "4382a27a2b81700c8fd356376c5206dfe48a0a63" }, e("path", { key: "ff1707e4fa76b9913361c00a6bf8eae60f236d73", "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: "a925e2c618bb0145137783347006fb27bc0fda0f" }, e("path", { key: "f0d799e2b76ea326f98d5fd1869f213834e08876", "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 h = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", f = h, n = class {
-  constructor(i) {
-    d(this, i), this.color = void 0, 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: "ab0648d8f841a0fd8a191d2018265f4e532baa22", "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: "4cca694014b3a877f39efd8ebf1a5eb59ad9336a" }, e("rect", { key: "29dd2dd7e1f92086dc3940b28b2365564eb88d82", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "677f224f84563aeed73a3b9efc2be6fbd0b67fe0", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "90338fabf8b4dd08117f02f47f1fb9dd8b0ee271", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "2492f0e027a23c7d942996e41597850bf7c13c7b", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "cdb2991a716a48eb2514958410fca3d4b13e766d", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "6ba3e4f1dc7899ad5a440f7090cda7c620a2266a", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(c, { key: "ae6539295588ec2018fd3bb399b97e593877f7ae" }, e("rect", { key: "57c80ee3d3a820eb0b3c9acdd2913d9face699fe", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "9cc3cac1d63870c9c7ef83f7800cc98640b59b3c", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "bfd66e713e6460c2fc810616a82e033b17ca6232", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "71a00cf00ac1149e03944c323dce1ed4c293a75a", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "69f07e5c2e0dad63f14305c28cad17c8c0b465fc", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "d602f3cac229ff204d3de8b5267ef5408f95dcb7", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(c, { key: "52285b433826464c97f9da86d0724e9f6d642d98" }, e("rect", { key: "7bdb0241b83d60c76594e13dfebfad4ea4164c24", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "fcefd98d9f88534128fcc220a3c1bced8f96547c", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "d135b6d88b7d87eeb7bba7bce10f1d98ee0af1b5", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "d71429e4ee4a539fefaa1aff83a5a1383a79cc03", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "519734311e65b3e448231a96f0671891485456ef", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "ed05cabf7c3e3c11669c4b0f84a304827cac0c35", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = f;
-export {
-  a as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

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

@@ -1,19 +0,0 @@
-import { r as o, h as e, F as i } from "./index.8dea082b.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = a, l = class {
-  constructor(s) {
-    o(this, s), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, c = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "834f4ab93b3863d880e86d89b2c6c0c4ebd22ece", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: c, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "30c71474cd26ec6fa7817bf2539195be7c039f9e" }, e("path", { key: "b25db527e7a6aaff3d749157dc68716ed1888971", 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: "775a513f5fa8a42329b35c6e4e17cd4ca7accf19" }, e("path", { key: "e7b7cc93d8c1fc46f6f1bd7dcedf9fcffbeb9060", 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: "29244e62ff338376e2c34d19a0527cb28ebc6fe4" }, e("path", { key: "610fd882c64a91fc120bfc1967df14eec1db8546", 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" })));
-  }
-};
-l.style = n;
-export {
-  l as swirl_icon_dot
-};

package/dist/swirl-option-list-section.entry.8c9e6277.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as t } from "./index.8dea082b.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 = a, l = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(t, { key: "b5a65fafaecf58d21701eee44291b775b4b9d94e" }, this.hasSeparator && e("swirl-separator", { key: "0dd2884e2745a8ed1ce18be526031760ec4d5481", spacing: this.separatorSpacing }), e("div", { key: "d64061cf3e2b9ecd471a77b310e2faa9ae1b6658", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "7e722b89c5e60aff20886a49b4c822d0e82f6518", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "aed52ff07359fd4654f30ac09ed6665d47f71934", spacing: this.spacing, align: "stretch" }, e("slot", { key: "04261f09630ee9d52165f30f14678f7ae34ff641" }))));
-  }
-};
-l.style = o;
-export {
-  l as swirl_option_list_section
-};

package/dist/swirl-skeleton-box.entry.1a7b3e47.js

@@ -1,31 +0,0 @@
-import { r as t, h as s, H as i } from "./index.8dea082b.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(
-      90deg,
-      rgba(255, 255, 255, 0) 0,
-      rgba(255, 255, 255, 0) 12%,
-      var(--s-surface-raised-default) 50%,
-      rgba(255, 255, 255, 0) 88%,
-      rgba(255, 255, 255, 0) 100%
-    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}`, a = r, n = class {
-  constructor(e) {
-    t(this, e), this.animated = !0, this.aspectRatio = void 0, this.borderRadius = "base", this.height = void 0, this.width = void 0;
-  }
-  render() {
-    const e = o("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-    return s(i, { key: "471008c459aa37c53fbeb14bf56e350edcd4c3a7", style: {
-      width: !Boolean(this.width) && !Boolean(this.aspectRatio) ? "100%" : void 0
-    } }, s("div", { key: "286894c42d78b1299850d6ca5f1faf1e1cd308ca", class: e, style: {
-      aspectRatio: this.aspectRatio,
-      borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none" ? `var(--s-border-radius-${this.borderRadius})` : void 0,
-      height: this.height,
-      width: this.width
-    } }));
-  }
-};
-n.style = a;
-export {
-  n as swirl_skeleton_box
-};

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

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