@getflip/swirl-components-react 0.334.0 → 0.336.0

package/dist/{swirl-tooltip.entry.d4f3f8f2.js → swirl-tooltip.entry.ae4b04d2.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.bf0c5c8d.js";
-import { b as h, c as f, a as m, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as h } from "./index.736c6dd0.js";
+import { b as d, c as m, a as u, o as f, 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,9 +14,9 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await f(t, this.popperEl, { ...this.options, middleware: s });
+      this.actualPosition = await m(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(e) ? e + "px" : void 0,
@@ -25,7 +25,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [u(t), b(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "6b15209f9e0d9cfafc7af244f1ef22cb4d7da719", onKeydown: this.onKeydown }, i("span", { key: "7c75a8e5d9f2e5b1099fcf7f750ef12095b58402", class: a }, i("span", { key: "ed98c804d5526c58ed70705b8a63a7d6f2ff7734", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6dcbf266cdb3521c6d8e8d37cf293149f0469190" })), i("span", { key: "a2f3b747288d55f9d46c5476d100f8a230e56615", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "2d6b49b382926f6942c81344ac2b974d331a6b5e", onKeydown: this.onKeydown }, i("span", { key: "280ae64e77990f984e7cdc5a653271626ec38669", class: a }, i("span", { key: "39517564295b77ce37515f95a187347f080db56e", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "5cdd2d93f3baaca9c702e94e698237a5912fd30f" })), i("span", { key: "dca696e07bb95fe77b551c4e8c9dec71dfb89024", 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) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "216ff9495331d0a424c0bce32a32e52f8fb46d4c", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "bf5df3af6609b7a00230f108386435283a340aa9", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "a95c884426bc39651f749305f3d16568dc0da4b1", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "d26e9c7251d2b01310a77521e0fd1bbd2c8ff895", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "4ef774c975f38c84cd1540c0821f16b3ac94c0ec", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "483debf12c5d3474106c02cfba94934d2d2e7cb0", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.e3045721.js → swirl-tree-navigation-item.entry.d834d47a.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.bf0c5c8d.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.736c6dd0.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: "eb4a04f23205f1f56ccc5cb3f2003af5a5d0e4e7", role: "none" }, e("li", { key: "610acefd71f18340dd8fc49d311a8d0f3e836b42", class: {
+    return e(d, { key: "f33c553d06cb3b29d4c2e9527277b03b312b0650", role: "none" }, e("li", { key: "971cdbcb05e91cf7f368bcaa2ad33dfdbe93014b", 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: "dc7ef95edf24048c6fa05b177a314cb3e815259e", 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: "88df6dfedf5672b9ae63007d77333a0625a5c212", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d08e58ac750735027d436880aa219852625f19ef", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "b3af00057ed207fcecc66a0050dcc2ac6a2f7fc8", class: "tree-navigation-item__label" }, e("span", { key: "21c0ec85d6bbb9a581436b155f762e9d03a81686", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "f0cdf777a64086dd9f6135610770fbf45c334992", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "ccceaed3dae45a1f1ab21e3635a33ddbd1873e4a", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "6dbabb5cc6c6cde16f96fa0851268f8bebc972da", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "493908e10b95e39e9d49b04cdbcdddd7fae9fc93", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "efee536b8d7dbbf9e36c29c6eda5967b8d64c46f", 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: "d36272ba76062dffb1033eccd813a158bd25fad8", 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: "ef71ac2ed5a6fbd87930e4df0d7d68c93633d3c3", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d9536ef0dc27faaa3c190105bbce8c2eed7113c8", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "ea3dd74094aac0ef812c6e1621f0f32099e7a19e", class: "tree-navigation-item__label" }, e("span", { key: "3f9114d80d4db85a105c9b24afa251ea1b5c3e3e", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "1ec3cad89a3dde29ac98d4b43852eddd7add56b1", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "20a0181bc6ea2a42d2c6017cd52abf3db949c0bb", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "22e54fdd93417bf600e9a47b873fd5d425445871", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "021a84f84ebe275c5df496c3d8a1b14d97ce5729", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "1ce37d551ae64d472190e1939dd4e1fbb787f2c7", 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: "2784a6e0abf70e304a5e0594d6de0ec376cc86e2" }))));
+    } }, e("slot", { key: "3cfb78cb6e7caefdf1915d30e1d87c66a9dffc22" }))));
   }
   get el() {
     return o(this);

package/dist/swirl-tree-navigation.entry.2e32ca5f.js

@@ -0,0 +1,15 @@
+import { r as t, h as e, H as i } from "./index.736c6dd0.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 {
+  constructor(a) {
+    t(this, a), this.label = void 0;
+  }
+  render() {
+    return e(i, { key: "5b6ccfe4de257f59beac536c3e1e47c2fe7417bf" }, e("ul", { key: "534f9cd5a2cd012f62d3766dc8ee2bcbf9045487", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "9beb62cca5eaa8c6aa35796a578eff0c1776e6bf" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.f2781f6f.js → swirl-tree-view-item.entry.0bc417eb.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.bf0c5c8d.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.736c6dd0.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";
@@ -59,15 +59,15 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       onEnd: (t) => {
         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: 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,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: a,
+          sourceParentItemId: s,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, s, o, a;
+    var r, a, o, s;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
+      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const s = this.getKeyboardMoveEventData();
-    !s || this.keyboardMoveEvent.emit(s);
+    const a = this.getKeyboardMoveEventData();
+    !a || this.keyboardMoveEvent.emit(a);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "d044ae199022dcc3b022b2d4dc266d82db00a2fc", id: this.itemId, role: "none" }, n("li", { key: "106bc3696b6d68b5ba22badaa9d457e3e72d62f8", class: s, role: "none" }, n("a", { key: "0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "24aa0852201a264f2e596851d9acef1f653b669a", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "f23b5c4a9c0e56320e53b9da3ad55462c4f265e1", size: 20 })), this.expandable && n("span", { key: "cd5933c4674e8095e00d66157fd646f3edc6af04", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "d8dc9940a46e7de9b2148e98f06a8b8edbbfac61" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(b, { key: "da21cb2a18f2755d747a854ff3d1a3ddc27d6c70" }, n("span", { key: "5eb18d4f3e9c9268c93f16989cce4332fe91dbf5", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "70715c356b263b1d78f20dd015ec93aaba5b271f", class: "tree-view-item__label" }, this.label), n("span", { key: "77fec8960d46a38e198196073841cc0cceae27c2", class: "tree-view-item__tags" }, n("slot", { key: "3940dae27077c4b8a71f2dcc6b82208c90d8b34a", name: "tags" }))), n("ul", { key: "17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "8aca1986716c681392634e105a0fb0d2675144c0", id: this.itemId, role: "none" }, n("li", { key: "4f1e470bbd01673bc262ddfd777268ff64ae25c0", class: a, role: "none" }, n("a", { key: "bcdcf949244e2d11c5cedb7a01a45287e6280287", "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: "ed8ae6fe09ea01804c91bf84838c6ef51702b612", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "258d7c6e547ba6ed14f0ce65c7f88358dc5b5f95", size: 20 })), this.expandable && n("span", { key: "7bfd8cb3c9bce8224fc074f53a6d0da690872aed", class: "tree-view-item__toggle-icon" }, t && n(b, { key: "ba55d38479251d0af6a46d4f2fb72bde35a5bed6" }, 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: "aa897b726eda2805d1c4de369fe9c9f3faa23913" }, n("span", { key: "82c9ef03ad47a4e342b370abe0425f8ab1971e23", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "1997b913a39db64132763cbafe49d30254812895", class: "tree-view-item__label" }, this.label), n("span", { key: "4689ee81c23fec186b9abe66058f9defe040d50e", class: "tree-view-item__tags" }, n("slot", { key: "1ea0dd502e1a9c0fe7e626b9312246104c578490", name: "tags" }))), n("ul", { key: "d019f7d4df9aaeb8cb44286988558dbc24e53256", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "84e8e55f032818f56c1cd38d3f7949d0be2db270" }))));
+    } }, n("slot", { key: "9c22aea2c44a74ccf0b8857df3cc79fc2389d93b" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.9ce083e8.js → swirl-tree-view.entry.fe9e1a8c.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.bf0c5c8d.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.736c6dd0.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
@@ -199,7 +199,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "51aa3a81589abb63a2d736f430ad154c7c75d9ee" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "c0a5e93d03187dc182921d0561c09b76b00382a1" }, c("span", { key: "f25313f606c553ef032184a599efda8c0bd42fc4", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "6004a1690b501c446c4fadbcef7b107bb5a3ab24", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "502e08fe357a9a67d71a98527a0cb4fe318ada0c" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "afa6dad6840586fec08935372ca9d3e9270bfc1a" }, c("span", { key: "1869122cb7f014f639d74a08a833cafd857cb902", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "aa6e7c04b7d4f24ce56163662f784d993865349c", "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: "fcbe38b7432849b0acb98ae9e51593f6cd1e73b2", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return w(this);

package/dist/{swirl-video-thumbnail.entry.d0c8dcdb.js → swirl-video-thumbnail.entry.7dcb09ab.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.bf0c5c8d.js";
+import { r as e, h as n, H as a } from "./index.736c6dd0.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: "e2f655f2cfb996e6ad6855a199209e27931a8a3d" }, n("button", { key: "9619b3db17dc13f3aec0e2ce705da9cbe1d9ff5d", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1427db1809c03e0a413d5d9c8ccb5e26354edbb5", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "9e5d359809046cbfdaa7e53d1e985fae80d24ea0", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "50415a24aef90abb82408401e7dfbc45bb2afacd" }, this.durationLabel), this.duration), n("svg", { key: "d4f926340191c8782e285b4b31778c1a7e0f9d6c", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "6f0ba3a99fd6b32587e8ff39de9179bf4314ff5a", 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: "da75b47e2c7477494aab20239913a2c8f6189710" }, n("button", { key: "19ef7a3c86ec0f872be0ff9d7745d7e1a95c16b9", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "dd650aece1edc4af51aeefa75896c5cd684c9895", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "f60009f4b2646c2e76fa44540307b9cda020a809", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "ae6eef37c1f34f0eb4abf1906bdf105c512a8b42" }, this.durationLabel), this.duration), n("svg", { key: "5be1de4c653a1a3f7e2a67edbdf8f86f3b4cb4d6", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "0db260745806749812a9f2971d30b5b99d5fb862", 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.54a0e611.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.736c6dd0.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)}", d = l, t = class {
+  constructor(s) {
+    e(this, s);
+  }
+  render() {
+    return i(r, { key: "2c279a4f05083d13d723865d2f0421cfc8ec8750" }, i("slot", { key: "4bc1b3ca3f5e1e62d5efff5bb00839fa2b510193" }));
+  }
+};
+t.style = d;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.fccc78c0.js → wc-datepicker.entry.9233928c.js}

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

package/package.json

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