@getflip/swirl-components-react 0.320.1 → 0.322.0

package/dist/{swirl-toggle-group.entry.2dd6aeef.js → swirl-toggle-group.entry.f0ee978d.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.1bca8882.js";
+import { r as i, c as g, h as o, g as l } from "./index.8dea082b.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -43,7 +43,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     const e = r("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "07c92877560b8ea2bb8bf8beea2cdcfe875e1c9d", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "ca807e7d17146a3b0de3ce1a45ca19e5d648386c", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "b9dcd7dcb1dabd27227568473287bebbacd08d85", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "0d54fe748fc081ef7930aff6027a2ed460f275eb", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return l(this);

package/dist/{swirl-toolbar.entry.17e3e79f.js → swirl-toolbar.entry.557ce503.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.1bca8882.js";
-import { b as a } from "./utils-877a768f.c277f897.js";
+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 "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     });
   }
   render() {
-    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" })));
+    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" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+u.style = l;
 export {
-  d as swirl_toolbar
+  u as swirl_toolbar
 };

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

@@ -1,5 +1,5 @@
-import { r as p, h as e, H as d, g as h } from "./index.1bca8882.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 { 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 { 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"),
-        c({ element: this.arrowElement, padding: 12 })
+        h({ element: this.arrowElement, padding: 12 })
       ];
-      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.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.arrowStyles = {
-        left: Boolean(o) ? o + "px" : void 0,
-        top: Boolean(i) ? i + "px" : void 0
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(o) ? o + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(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, o;
+    var t, s, e;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return e(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: {
+    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: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && e("span", { key: "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.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.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {

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

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.1bca8882.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.8dea082b.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: "d4bd1525dc7f73254f0730db018608fd57042063", role: "none" }, e("li", { key: "13cdf618522cc29f85fa8eae21dbbb880fd1bdbe", class: {
+    return e(d, { key: "976cd4e831727e7db9956829f340acd697382d25", role: "none" }, e("li", { key: "e48f3bce8ed4b1d76e40732de8fc198850dc1566", 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: "766f3abc27868c37624a43c41fab80e13806dae9", 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: "800e66e35bccc69c986b07f03f9469262da11d3f", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fa428d0000cfd68a0bc2d62cc541fe022c1ec24", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "8024409708d5a89112d87cb9cfa9cef748d9dba2", class: "tree-navigation-item__label" }, e("span", { key: "821a70bb13ab77f343007cb211e3aa04e7685deb", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "3f25bf7f893d5bcc99f2bc6c526da57d8b0b40dc", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "de9318ee7c6ba345585c39714dcca1c3537185a7", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "81665225542afc273b02768ff0b6091f3229be03", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "413056e3aab8a57891262502517d7b23fba33e99", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "5141f8db8278a28d3ea8b8591a469eaf4783e841", 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: "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: {
       height: this.childrenHeight
-    } }, e("slot", { key: "d141cb5f47d0b2d47a6706351092687b89cefd70" }))));
+    } }, e("slot", { key: "4553b9129e43d38d3f437c278a9680b23e6b02ea" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.9a750459.js → swirl-tree-navigation.entry.314bda3e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.1bca8882.js";
+import { r as t, h as e, H as i } from "./index.8dea082b.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "d64a1dd341a5211587d8cc7b148371c16571ccab" }, e("ul", { key: "8c6bd4e37aed34dda2140ff37fe9687e9c6ff48f", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "aca30c87ebdb9cabec3b4365f4d8f67c00893b3e" })));
+    return e(i, { key: "8d146cd8f185c5ae4580e7ce354d2e949d3e6b07" }, e("ul", { key: "35e93effb7f45a842a9219e66e01a52a1e0fc241", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "67e52a189443e4527b27c2e3a522c8cf589587ac" })));
   }
 };
 o.style = s;

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

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.1bca8882.js";
+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 { 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, b;
+        var m, p, v, g, f;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        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;
+        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;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: a,
+          oldIndex: s,
           item: o,
-          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (f = o.id) != null ? f : 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: s,
+          sourceParentItemId: a,
           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, a, o, s;
+    var r, s, o, a;
     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 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
+      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.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 s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.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 s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(s), s.expand();
+        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(a), a.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const a = this.getKeyboardMoveEventData();
-    !a || this.keyboardMoveEvent.emit(a);
+    const s = this.getKeyboardMoveEventData();
+    !s || this.keyboardMoveEvent.emit(s);
   }
   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, a = _("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, s = _("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: "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: {
+    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: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "173b8f94cb788699ef8ed8925084766337389409" }))));
+    } }, n("slot", { key: "84e8e55f032818f56c1cd38d3f7949d0be2db270" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.0f552472.js → swirl-tree-view.entry.6e48a6a8.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.1bca8882.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.8dea082b.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: "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 })));
+    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 })));
   }
   get el() {
     return w(this);

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

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.1bca8882.js";
+import { r as e, h as n, H as a } from "./index.8dea082b.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: "89b30ebbabaa0125ea604e37ab15ba8e4ed8a70f" }, n("button", { key: "3eccecc8fc13e0107c06ab6f5b7061890a2cc586", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "46a3b1ffd73342381e5a653e4882164046cc7acb", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ce763f7f7139820fa7dca759f75423561ab77082", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "e24762998cc8964572a171714e2863120a31843e" }, this.durationLabel), this.duration), n("svg", { key: "bea7034af79ae9405b17303db7a63aefd4d07198", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "1b76a07faf72896a78c7263087475e7e3ee4c347", 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: "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" }))));
   }
 };
 s.style = o;

package/dist/{swirl-visually-hidden.entry.200bf27b.js → swirl-visually-hidden.entry.d788a393.js}

@@ -1,15 +1,15 @@
-import { r as e, h as i, H as r } from "./index.1bca8882.js";
+import { r as e, h as i, H as r } from "./index.8dea082b.js";
 import "react";
 import "react-dom";
-const l = ".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 = l, d = class {
+const l = ".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 = l, t = class {
   constructor(s) {
     e(this, s);
   }
   render() {
-    return i(r, { key: "69846d59ed62a94845e0943463263a760121e458" }, i("slot", { key: "a13661b354d562468572064c0362f23a8d9e509a" }));
+    return i(r, { key: "570b5c52a11540e704b58464a05f5235a49c5e41" }, i("slot", { key: "05a73d221016ef4a7f055bbb15c628186d01e5bd" }));
   }
 };
-d.style = a;
+t.style = a;
 export {
-  d as swirl_visually_hidden
+  t as swirl_visually_hidden
 };

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

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

package/package.json

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

package/dist/swirl-carousel-slide.entry.96ebc4c6.js

@@ -1,23 +0,0 @@
-import { r as i, h as e, H as t } from "./index.1bca8882.js";
-import { c as a } from "./index-267776a4.6beb4f4b.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%}", o = l, r = class {
-  constructor(s) {
-    i(this, s), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const s = a("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return e(t, { key: "e75b302d0c27d9571444d6019cc2295ab86413f1", "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: "63794dea8f1ab9790b135a39eb9f84e004e4e349" }));
-  }
-};
-r.style = o;
-export {
-  r as swirl_carousel_slide
-};

package/dist/swirl-description-list.entry.55310b33.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as c } from "./index.1bca8882.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}", e = r, o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(c, { key: "31f8cdf6605116227d878fcf87878c341fa4be50" }, i("div", { key: "687e9967667fc2ac99dce8620cc5d4ba59563b20", class: "description-list", role: "list" }, i("slot", { key: "00cbc2fc0f676943751b8ccf379cc3f5d688c8a3" })));
-  }
-};
-o.style = e;
-export {
-  o as swirl_description_list
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.1bca8882.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(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "712753654c2a4d716f16be007cb66334d753741e" }, this.size === 16 && s("img", { key: "c2709614828a1e90c203ef2422283d172706b000", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "9abcfa58681f88ec8f296ca3760678b695dfa235", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "81a577e943978c7bfcb19ffc9a1614e884ab7476", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "a8f27ee63de19ca1845879f96691443d9e6b682f", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_idea
-};

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

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

package/dist/swirl-emoji-sad.entry.5b2c8818.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.1bca8882.js";
-import { c as t } 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 = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "82e118f9daa194c82b2cc5ccf78b82e6147bec3d" }, this.size === 16 && e("img", { key: "c6d9bf63c1ade3074958326b4dd5f4dcfbadd09f", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "5e83a3fa49f7d62292e26cfc65863797aa46f5a0", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "85b88944f43e15d612c292bd361da377b03a758d", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "6051b9d23ba75e7a1ee748c33853e5d295fd88f3", 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.7b09022e.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.1bca8882.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) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(t, { key: "5f5c8d8da0b88e6a2d09c948150a6b5cf0917a75" }, this.size === 16 && i("img", { key: "5d5a6410388b3ff6405304577fa5719cc489f645", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && i("img", { key: "4e8855477b57678f4f5a52dfc74386830aeadc90", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && i("img", { key: "5555bf0465668c7f23a25fdbcd39957061c41574", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && i("img", { key: "fda3af74a035d90e975e340eddb8b3182cebc506", 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.b8edb91c.js

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

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

@@ -1,32 +0,0 @@
-import { r as l, h as e, F as r } from "./index.1bca8882.js";
-import { c as d } 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, f = class {
-  constructor(i) {
-    l(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "3edf087855a1e10921c6c803f37d7540866b439d", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(r, { key: "d6d4ccd29f30a7a9543cc85c2718e33545fefa21" }, e("path", { key: "d1917b885851815aa1e085fa67a7a4f7f5830324", "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(r, { key: "4446380f65e54dbf132a281a6f0b640b59cdab5d" }, e("path", { key: "df600f07038f7e2e2547804e1188cc017c61390b", "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(r, { key: "28184ec4450554d4098960b7139b386910894ab3" }, e("path", { key: "2a901f9862f451917cecfa0926dbc5e9a9ea1434", "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" })));
-  }
-};
-f.style = s;
-const h = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = h, n = class {
-  constructor(i) {
-    l(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "88dc64a7ec66dc17f117b788d5e7d27217813d0f", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(r, { key: "bc0d3d364371400f425e3582458929a826cdf933" }, e("rect", { key: "ff4b8b6d9933ccc1b49376a59c8a255022573c91", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "3fb46a3dc5344fa3075a5d28246f119e12bf2a52", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "6f8ef53de5f99e25b919f32ef2e1994447d1b7c2", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "c45dbbe9398492aff37383f41ca873b5d764e5da", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "be552b15a393f64b38049a724b72f1b121e50f5d", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "328befb253dad984c4d2a739c780855168e4b20f", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, { key: "85c38173b0c6c9040fd61acf2aa07b70640892de" }, e("rect", { key: "2be23e279f84a9ade1de67d7a4a4887203f7e282", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "64ef53918b35adb80d58acb432c142318e80b71b", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "26ae81684f00e7261d34730f3eb9d03f70d2b41e", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "6400a9a91e5b30ab132890edf225fe1852f47aa2", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "e33b69f319890397af9f61be911dd543ebdb817f", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "36663ae68af8b8e4033a512a1178f3709844275c", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(r, { key: "e04e652426ecd9ff4ddf91172c8002dfd0704bd8" }, e("rect", { key: "d04fb1f9d8d5e925b7a0546d8a255728f4ecaccd", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "0d69f535709f54692aff6e97909e64b4ceda0126", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "ddcfe5270f0db22db283983f50699d3041f48654", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "f485806b472555fe291b7720624852c3d1827a3b", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "bf5082d8b2fde58fe2a99e2ab33e59b9398f25bc", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "2501a7c6ab4cf4cf0b40788b89d4a2f3306e2fd7", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-n.style = a;
-export {
-  f as swirl_icon_check_strong,
-  n as swirl_icon_drag_handle
-};

package/dist/swirl-icon-dot.entry.4e024019.js

@@ -1,19 +0,0 @@
-import { r as a, h as s, F as i } from "./index.1bca8882.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", d = c, n = class {
-  constructor(e) {
-    a(this, e), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const e = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return s("svg", { key: "90f8bae1a3827b1dcf19a66b1a2662d3717f1395", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(i, { key: "957e586eb713b2f509b7ff4bed1c04f3cfdb69bd" }, s("path", { key: "79c18ebbfaba0686b0c7d83f016669a1a59d06d7", 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) && s(i, { key: "95553729270d546798d49f40fd5b73c9ae1fe828" }, s("path", { key: "f4a838eeb4d3806edc41db597688dd2c5afdaa06", 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 && s(i, { key: "d6767c916f30580bd936a0d4415d2bf1af7e49ba" }, s("path", { key: "98d0b9f56ba22cfd90fd6ac53beb75a50da84915", 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" })));
-  }
-};
-n.style = d;
-export {
-  n as swirl_icon_dot
-};

package/dist/swirl-symbol-bookmark.entry.0fa528c4.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.1bca8882.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "3121e66a16d6e67a0d0fe9711d69159cda40ec67", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(t, { key: "97a4b21a167008698a891c2f0a7c8b818432dcad" }, e("path", { key: "d829a65cc17c74c84a9b2e0a30190db2341a2a24", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_bookmark
-};

package/dist/swirl-symbol-smartphone.entry.82867df2.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.1bca8882.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, n = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "1a91a7e9f5394f40dd07697358826e9b75936178", 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: "ffaae399a0f743fd186fcc6aad7d718899ba90e3" }, e("path", { key: "7c1c05b1883631f6e7cf906e65d15fb1dbb47f4a", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-n.style = a;
-export {
-  n as swirl_symbol_smartphone
-};