@getflip/swirl-components-react 0.315.1 → 0.317.0

package/dist/{swirl-tree-navigation-item.entry.c0f8bf49.js → swirl-tree-navigation-item.entry.8c7a2408.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.5e0cefe1.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.5395ee70.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ 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: "7546bf91687cb5255d0ef2856f01a4548985268b", role: "none" }, e("li", { key: "5f02e0faedc4b2d787f9759ef2f434c1d6cf3fa5", class: {
+    return e(o, { key: "f057207f2e8d0e1c7edf04100b6f0be095418e82", role: "none" }, e("li", { key: "d00ea289fbf323e754c28ffb738947f2c7b1796c", 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: "8c219beee1fe1ee73d1cd522f838422acb33b33e", 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: "4c117cc39f106e791e585630fea054836654eaad", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fb3d79ca8cce16844def593363c3ef5e1db2547", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "85ad7eae806e912da5de9ff56f231aa13c1bd67d", class: "tree-navigation-item__label" }, e("span", { key: "635144abfeb581ac66daefb47b7eb2be65eb9704", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "89f60c6b1ebdeba002dfbf5c6b3d59274e21466b", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "67e02c4f54fd23d95d6aa6149d416f5212cb0239", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "fb64bee62ee5d24c86c0add84727e16c3593ae1e", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "9c52b27c8dcff4094a86c4003675c953fbf24d89", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "30f499f93b18ebf815cec0b153bac97c7b26697c", 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: "6eeff235437541f45adff53633e1a7200b89b804", 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: "4573e9b26b5cd34369e156eccea0a5ef76b8df5a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "40efe54de1e31392fa1dabefa37535fc088fb1b8", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "b5d9c26df5afac9a734a34a9ff77b6dfaee74b4e", class: "tree-navigation-item__label" }, e("span", { key: "aec77460b750b898fcce37c9adf381b8d0fa198e", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "bff0bc516c2dded34660e04af38ae1adbceb43e6", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "6b9899f03ef854de004013776c75508c1a9e3b17", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "8dda736bb7b593a74762f2168ee393d69c400806", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "fface871913d1cdd637f8213a41943d57409ca36", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "c046cda05be68a047754825b6c2894b91a2bb0ad", 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: "17ed564e5284de612b5e82075b8cc591facad53a" }))));
+    } }, e("slot", { key: "aff032044a5ac0e21d795f102ce30e180301dd64" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.91982cbe.js → swirl-tree-navigation.entry.5cb82b62.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.5e0cefe1.js";
+import { r as t, h as e, H as i } from "./index.5395ee70.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: "fbe80606091f084351fd413c8bd9d84840a43853" }, e("ul", { key: "b570f59e9d44fbcfb54daa22b083b0bf30af6920", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "08bc43245333aaaaadb4b2157117849b28c9ef46" })));
+    return e(i, { key: "872d53d006a47c2f9929f9757ecd03b066ce9cb9" }, e("ul", { key: "ce670865a6fbb1ecde94264a0363165aeb76591a", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "6fdf68ade28854c7524855e164b4273feea5442c" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.dcc70754.js → swirl-tree-view-item.entry.abc8051b.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.5e0cefe1.js";
+import { r as f, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.5395ee70.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";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = x, k = class {
   constructor(t) {
-    b(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
+    f(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -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: "e0d2b8694f743503c83d65b022181b5f4b8aa430", id: this.itemId, role: "none" }, n("li", { key: "a62867688783903f80962951582f3e546e005433", class: s, role: "none" }, n("a", { key: "96d0fa15dc38aa0e16d040e1f738f8afb2043492", "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: "7689ac1a7220245d6a00faaf178e1c18bdcedad0", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "68f03e71f98c60fc6c8c7d45b417065e4cfecb69", size: 20 })), this.expandable && n("span", { key: "235a6f7a70a4fc56ea471afe99768b6466c2ec28", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "b6ff86e4d1537e1784f8ed05a7eaad298795df36" }, 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(w, { key: "204331ae9d679405b1ad048503ec8aa7e2edc69b" }, n("span", { key: "58e9b0d869982ee5c8405206c498cab117395606", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "d4aad2cad83f0dc5d7b5cd5ca4ef578a9df68f74", class: "tree-view-item__label" }, this.label), n("span", { key: "85ba011efab486be722cfdf74eca42f4a58836da", class: "tree-view-item__tags" }, n("slot", { key: "bfa534b2372549c62a72cd169233dfeedc47726c", name: "tags" }))), n("ul", { key: "30df34467ff1672b2eceef412c78e008103e38c0", "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: "01ca9cc89f5eb7c66ae47680591e378c09f67d3d", id: this.itemId, role: "none" }, n("li", { key: "1b1d36073813b3bb207d3e2a20515bce93dbd226", class: a, role: "none" }, n("a", { key: "86d9cca76300bd49749c096125b9d22cb697cc50", "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: "228858a5745c9f6c20d9567d758e469647818036", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "ee78522ed5de0420940ed3863a689c6f9d511cee", size: 20 })), this.expandable && n("span", { key: "e6f2e65376329d9c3c292759150073e8a1b731ab", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "575c9975bf329f7635f83bd08f188d5d07920009" }, 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(w, { key: "cfc4cb15788507d1ee43b27d83917e0ca4df7091" }, n("span", { key: "fbae6155ff22a1237b851cadb7db8f943b9cab9a", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "20d11a4893c03d2cdf885785375b5bf83bb62db6", class: "tree-view-item__label" }, this.label), n("span", { key: "5bfca18ada019bcc182c96c97858fd0e7e6db783", class: "tree-view-item__tags" }, n("slot", { key: "c69e510d1d46b26eae73011864162f03ce2615e3", name: "tags" }))), n("ul", { key: "77ae8fd3096eb8aeb68dfd8bafd7682c586d8932", "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: "1f8bf0ca427bcd43526dbff2d700abed393f5394" }))));
+    } }, n("slot", { key: "81a3a31a6d70578df79cf64802480e0aaf856e91" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.453d82b4.js → swirl-tree-view.entry.7c1efde4.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.5e0cefe1.js";
+import { r as g, c as h, f as p, h as d, H as I, g as w } from "./index.5395ee70.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";
@@ -94,14 +94,14 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
         (i = (t = m).onStart) == null || i.call(t, e);
       },
       onEnd: (e) => {
-        var a, s, d;
+        var a, s, c;
         e.stopPropagation(), (s = (a = m).onEnd) == null || s.call(a, e);
         const { to: t, newIndex: i, oldIndex: r, item: n } = e, o = void 0, l = t.closest("swirl-tree-view-item");
         l && (p(l), l.expand()), this.dropItem.emit({
           newIndex: i,
           oldIndex: r,
           item: n,
-          itemId: (d = n.id) != null ? d : n.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (c = n.id) != null ? c : n.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: i < t.children.length - 1 ? t.children[i + 1].id : void 0,
           newPrevSiblingItemId: i > 0 ? t.children[i - 1].id : void 0,
           sourceParentItemId: o,
@@ -153,9 +153,9 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     var l, a;
     const e = this.getItems(), t = this.getSelectedItem(), i = this.getPreviousSibling(t);
     if (Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'))) {
-      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
-      for (; d; )
-        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
+      let s = i == null ? void 0 : i.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'));
+      for (; c; )
+        s = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), c = Boolean(s == null ? void 0 : s.querySelector('[aria-expanded="true"]'));
       e.forEach((u) => u.unselect()), (l = s.select) == null || l.call(s, !0);
       return;
     }
@@ -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: "c74f0eef5ec8ab6482c062277106d925a35a4717" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "2e83137a61d57d1755feb66c9e1eb8d09c3b7bfa" }, c("span", { key: "b5c423550a882b6e640cac4557aa8b4daf4814af", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "22590a1c7c01e43efee1e24d5b981aa65905b579", "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: "7e3132eaf1953e8d8143f657337b6037faf62a0d", onSlotchange: this.onSlotChange })));
+    return d(I, { key: "dd10c741ea08fa6de714c07f1c2fd8bf33da3aee" }, this.enableDragDrop && d("swirl-visually-hidden", { key: "c1b184641c0a64ea7353910854413c1512fc2635" }, d("span", { key: "7e9fdf484ebccebc6164a4ff8b5d01f932f332bb", "aria-live": "assertive" }, this.liveRegionText)), d("ul", { key: "1c7b63be88e2d085a72dc6deccfac71ee27352d5", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, d("slot", { key: "cc38bcaab78bbea68503c699962fb19f228e20b6", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.8476e29b.js → swirl-video-thumbnail.entry.c4ace0e3.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as t } from "./index.5e0cefe1.js";
+import { r as e, h as n, H as a } from "./index.5395ee70.js";
 import "react";
 import "react-dom";
-const a = `:host {
+const t = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const a = `:host {
     height: 4.5rem;
   }
 }
-`, o = a, s = class {
+`, o = t, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(t, { key: "cbc11a536fffd7c596d73e5949e8611da83d63ed" }, n("button", { key: "580655c9d10438b903ace6b4f6b0fd0a52d60512", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "e79343ab5641db05771c83c2a5dce4ff6b3681b7", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "35d60fd03690cd00917804ff5d6429c3b73d9c50", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "04f8127dabb303be0bb552fe08ee1bd72c681a95" }, this.durationLabel), this.duration), n("svg", { key: "64b971b3065a17c42a71c9c7f93b7c2f4b4b1b58", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "e67be3ac8b5354875dedf9a246d12182cb0b2ce6", 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: "55e1613b1eb5cfab6b61722a1e00aadbfd3fe860" }, n("button", { key: "13a60b3cfff2d809f199ffc6a22f547591a3f522", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "cd2ed40c9b3745b8c806d532d2ca5a26d99fec9a", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "37fb6952598d1ebbf74ecdcb6f739d31ed202a66", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "2a227c9d7b6c3cca2683bd8023a87e8382ae5ac9" }, this.durationLabel), this.duration), n("svg", { key: "f1a26e7451069483c0bb8a2265f92a696a8f661d", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "5eb84639a2d60932def50287f92bb366d17e10bc", 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.2fd98a52.js

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

package/dist/{wc-datepicker.entry.4b8bac9f.js → wc-datepicker.entry.ff79385e.js}

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

package/package.json

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

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

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.5e0cefe1.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "43e56c38b6d01c8d7d6fff6680554609bfb37053" }, this.size === 16 && i("img", { key: "d99b198f815ea334d1c84f614a3f82f73f037808", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "58c09fde750fa93abbd890a89158c9993d016194", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "f346ff1348ab954044279dbb7127c2442caf9c67", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "8762860d7ce364cd57e5510e876078f6937ada0a", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.b1bb24f1.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.5e0cefe1.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "a1506b18d3fdcf1b8790740f628b33d1229d2f5d" }, this.size === 16 && i("img", { key: "c34247e9fa070ffbe81a584ae54405e2a97b0e5f", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && i("img", { key: "b71294b2f8b2833b4132b020007799e74b4a4cb9", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && i("img", { key: "692da54b23c4ef838575eae9e03f9b93fd6ac82b", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && i("img", { key: "9c7241735699412150dd07b0aa2cc2d14d473195", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_happy
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.5e0cefe1.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: "1ba03f325f8ab703c520090423eba07b7bb73e43" }, this.size === 16 && e("img", { key: "a207a88bd1f8a9b1387b7491bbcd29dacd246c1d", alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && e("img", { key: "c77d700523ea42913160b26b9a33773f9f3b81b5", alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && e("img", { key: "9cb84cbc881b13d5989ab8748585afe454664f5e", alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && e("img", { key: "aa002c4dd4f8ff8c83489c7a69567c6f5e2ccc5e", 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.eef58958.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.5e0cefe1.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", d = l, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "a14a5f15884ffee4da8697975e6acd4de71d4ac6" }, this.size === 16 && e("img", { key: "21d1018e99a0ff79d7b387f6720f6a2f2f1992ae", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "95a65e9eb4033765ab3b5d7477b6bf0827521e3a", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "fb31dcbceda568db764219362d696fc230b2f7f1", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "1291e9780a06def51bce43fe775b6b17bd52d4d0", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-h.style = d;
-export {
-  h as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.80c32509.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.5e0cefe1.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", h = a, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = c("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "94bda21663dd9c6c67c92a8c9399e1f34c2c8952" }, this.size === 16 && e("img", { key: "cf0d5ace00f6c6e2738a4737a166075e67b9d991", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "2698f363c0c242621ec8606807ae7251dd4bc505", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "c68ec094f31f9bfc9c34640a2bf547c2a3348fa0", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "9c26eac67e53be53c81dee120e0530a9a5bf4b48", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.4391d74e.js

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

package/dist/swirl-icon-ai-filled.entry.ae226bfd.js

@@ -1,19 +0,0 @@
-import { r as L, h as e, F as s } from "./index.5e0cefe1.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = r, l = 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 = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "ca60bc4a1cc7937c9375cf8ec32853a34757f291", "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(s, { key: "938254ff366610c6e9e6a50bdfca473793af4095" }, e("path", { key: "0671e8e76a872420907acd8d7eb728b8d0f10e51", d: "M6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "996520926883f89a11ed23494ca7f0e99fe4bfe4" }, e("path", { key: "aed3229fc2aa9397fbdc5815e1c2bac2bf2b7857", d: "M10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "f7b9635e3ffd76a483edd6f7961f2d91c02d2cdd" }, e("path", { key: "bf562945cb22fe9dc7fcb33600e11086c1380fb0", d: "M11.6666 22.1667L8.74998 15.75L2.33331 12.8333L8.74998 9.91667L11.6666 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6666 22.1667ZM21 24.5L19.5416 21.2917L16.3333 19.8333L19.5416 18.375L21 15.1667L22.4583 18.375L25.6666 19.8333L22.4583 21.2917L21 24.5Z", fill: "currentColor" })));
-  }
-};
-l.style = a;
-export {
-  l as swirl_icon_ai_filled
-};

package/dist/swirl-icon-arrow-right-small.entry.9b376cad.js

@@ -1,19 +0,0 @@
-import { r as o, h as i, F as e } from "./index.5e0cefe1.js";
-import { c } 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%}", l = a, n = class {
-  constructor(s) {
-    o(this, s), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, r = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return i("svg", { key: "057722489853181cf5095c16566f2eca81517883", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(e, { key: "97be657b570ff1d8ed331d93c110399d658c4ef0" }, i("path", { key: "325b65bb4b70840ec1063787df8526a57827b310", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(e, { key: "b53969af58adcd57f6d8c9df636b58b3be8a1c41" }, i("path", { key: "0266720a7fcc4b38b7de09c6456dd29adbf5db54", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && i(e, { key: "90a401da7448ea574fee04a29be5175692407d7f" }, i("path", { key: "87c33edb3513506fd33b83d9f7fb104d212a10e1", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon-check-strong_2.entry.2cb6efb9.js

@@ -1,32 +0,0 @@
-import { r as a, h as e, F as i } from "./index.5e0cefe1.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%}", d = o, s = class {
-  constructor(c) {
-    a(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "3b98a3d64349e78ce6cec37b943ec3df83a40757", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "b97005265e7302feb63b6d3a4dad6837c73e8be2" }, e("path", { key: "5f0629b5c3ab0e8bcbdc64134bdde569d11fb90f", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.0404 4.29289C13.431 4.68342 13.431 5.31658 13.0404 5.70711L6.7071 12.0404C6.31657 12.431 5.68341 12.431 5.29288 12.0404L2.95955 9.70711C2.56903 9.31658 2.56903 8.68342 2.95955 8.29289C3.35007 7.90237 3.98324 7.90237 4.37376 8.29289L5.99999 9.91912L11.6262 4.29289C12.0167 3.90237 12.6499 3.90237 13.0404 4.29289Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "d32aec3c6ff17464f68ab95464ce51659ebe90c1" }, e("path", { key: "13ec7d758f4941974d635f990f90a9711777af30", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5607 6.43934C20.1464 7.02513 20.1464 7.97487 19.5607 8.56066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L4.43934 14.5607C3.85355 13.9749 3.85355 13.0251 4.43934 12.4393C5.02513 11.8536 5.97487 11.8536 6.56066 12.4393L9 14.8787L17.4393 6.43934C18.0251 5.85355 18.9749 5.85355 19.5607 6.43934Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "085cae70bd87947e9d7d8ec07532ba5f68d1f8e9" }, e("path", { key: "eb020e5ae573906bfbc29c7141a8ca07b0da6cb6", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.8208 7.51256C23.5042 8.19598 23.5042 9.30402 22.8208 9.98744L11.7374 21.0708C11.054 21.7542 9.94597 21.7542 9.26255 21.0708L5.17922 16.9874C4.4958 16.304 4.4958 15.196 5.17922 14.5126C5.86264 13.8291 6.97068 13.8291 7.65409 14.5126L10.5 17.3585L20.3459 7.51256C21.0293 6.82915 22.1373 6.82915 22.8208 7.51256Z", fill: "currentColor" })));
-  }
-};
-s.style = d;
-const h = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = h, f = class {
-  constructor(c) {
-    a(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, r = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "861c5b5e0a1b394c72d2c4d4166c3949886f4f02", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: r, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "038a45978d2071477d2a6dfab0b772f09c65b84e" }, e("rect", { key: "2e2963fe98c16d2c00b85a8326fa36eab27ad8aa", x: "9", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "fca6590579ac4642c193419e22770427fa3b81ec", x: "9", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "511c6288e6d5e2617a9035c5aa9e51760c1318d9", x: "9", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "190f11314afcab1c5a14036f6b72f8c4a020cdf6", x: "5", y: "3", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "96e2dca905e04e09aabb3b586e89f88c6e3db68e", x: "5", y: "7", width: "2", height: "2", rx: "1", fill: "currentColor" }), e("rect", { key: "189f451b0b46ccc3adc69f37d1211134cf7683d6", x: "5", y: "11", width: "2", height: "2", rx: "1", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "0da757c25e5b0947aeaaa89aa8ca2510301458dc" }, e("rect", { key: "3abef1736ca3d8f1646866416eaf8e8144c21272", x: "13.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "2500ad4b14a4b6465e2f7c34b6407e34bc08ce37", x: "13.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "fdac395e38071ab973a86edcc9e0a15c6c4cb7e2", x: "13.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "700fdcd04cffea2adc45463046ce6a9a1d4ab8e6", x: "7.5", y: "4.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "b3aafbeede6ef864fd1ca1795144fcc5a9dbac76", x: "7.5", y: "10.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" }), e("rect", { key: "45d734c20c3b7ef1b0e059a0d56b76ed17fc10c5", x: "7.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "currentColor" })), this.size === 28 && e(i, { key: "ea242e4d834172a22e7ac62e0125a0babb3df97e" }, e("rect", { key: "74941dd6935450387343ac1c55f7ec2d465f0cc4", x: "15.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "23a5402e94dd8e49bdc27d3c9be34284685e89ea", x: "15.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "45fe5e1cde50a635ab7af5a17671a1a0887376a2", x: "15.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "1c697895aca53d0d397b3afea1702956e2aa1a24", x: "8.75", y: "5.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "9f211d7f75f6fc199eace809b0085c0a61b01807", x: "8.75", y: "12.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" }), e("rect", { key: "ff7be10e3c51109eba148934c9adbc883cfea111", x: "8.75", y: "19.25", width: "3.5", height: "3.5", rx: "1.75", fill: "currentColor" })));
-  }
-};
-f.style = n;
-export {
-  s as swirl_icon_check_strong,
-  f as swirl_icon_drag_handle
-};

package/dist/swirl-icon-dot.entry.65c36b84.js

@@ -1,19 +0,0 @@
-import { r as o, h as s, F as e } from "./index.5e0cefe1.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = r, l = class {
-  constructor(i) {
-    o(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, c = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = a("swirl-icon", `swirl-icon--size-${this.size}`);
-    return s("svg", { key: "bb2444241da49cadceb58d35a1761a5607683986", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: c, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(e, { key: "2c8ca2bbfe494f48368263b6edbc7a6e6f70891f" }, s("path", { key: "1cfc183ae9b8d39d5aa0c51c6cb37a79413bc9b0", 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(e, { key: "3b29a298367425d83cced762b5eac66d218b86ea" }, s("path", { key: "bacc25a1859aacf5f11611527674955917acf859", 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(e, { key: "402e5de42c4316e9900a39a6f22f78dca82c2d3c" }, s("path", { key: "2c5608f8010f49a58c1564642cd12216b02933f1", 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-symbol-bookmark.entry.b8d1ae02.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.5e0cefe1.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "9b3385b22ee0c0f8429d4cbc63e9471d1f8967b1", 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: "a740a5695a39d7731a1f4612afca79eebd15fce5" }, e("path", { key: "adf85b17cfed070186c29890dd58ca260032fbab", 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 = a;
-export {
-  c as swirl_symbol_bookmark
-};

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

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

package/dist/swirl-symbol-smartphone.entry.018d86e1.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.5e0cefe1.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: "5509bf4e880f196f40355d21d5eb5ddf0900264d", 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: "137f1287dad8aee754021866455bf369ace3a379" }, e("path", { key: "1bf88ac4bae4aa0ca478c37db53e101f0612c60b", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-n.style = a;
-export {
-  n as swirl_symbol_smartphone
-};

package/dist/swirl-tab.entry.8ebcb8d6.js

@@ -1,17 +0,0 @@
-import { r as a, h as s, H as i } from "./index.5e0cefe1.js";
-import { c as e } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", d = c, n = class {
-  constructor(t) {
-    a(this, t), this.active = void 0, this.icon = void 0, this.label = void 0, this.padding = "8", this.tabId = void 0;
-  }
-  render() {
-    const t = e("tab", { "tab--active": this.active });
-    return s(i, { key: "5c3f295c4debb7c5f5195c9b50031cd652180c18", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: t, style: { padding: `var(--s-space-${this.padding})` } }, s("slot", { key: "323259a8ce43ea3b3895b6866b392459470c0fd0" }));
-  }
-};
-n.style = d;
-export {
-  n as swirl_tab
-};