@getflip/swirl-components-react 0.263.0 → 0.264.0

package/dist/{swirl-tree-navigation-item.entry.0e344e2c.js → swirl-tree-navigation-item.entry.8cf4b13c.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.326e5568.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.19dcb221.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: "652a16fd36adedc4ed3ed58eb2a38c3d9852723a", role: "none" }, e("li", { key: "060962fe2b9b206655f82409c5812ed4b4abfa63", class: {
+    return e(o, { key: "e4ae932bdae564eeea378a21ce80fdf24bab5bbe", role: "none" }, e("li", { key: "2180133103b4a35883370268c4c16b5309c8a9b4", 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: "40e10efdbde3f060c8d9e6e60f918bc05de9b3cf", 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: "6b6a370442b45ed67c3cfb702dc770a6901093b1", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d96b534eddb069a75fba3946d86204ce774c33e0", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "d0e29c798852b7eeb2aea1a05a14a23c0fe3c522", class: "tree-navigation-item__label" }, e("span", { key: "b8a838f7f173cb6936b47da13d529a60fdefce36", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "a909a45deae619b073a86b3c1f0f8411fb2fae1d", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "b930c7389508ea0fde9812e3406ae75adf78c93f", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "c569306540d0ed7d2c89cd5e5d27514fe67d180e", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "659a42e522b75f6742a02f2527f40d036bbbbaa5", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "3fe336f8054ee8cebde63a82751c06b37cafed4b", 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: "f2d8c1b6ee15d65091c3db576efa5a6d2db8ef04", 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: "0b0d00cf4e59b348db19c2afa2314d922058a2f1", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "aa9696841a8a75af4e4a131d5a1edc236be58eed", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "11bc1aa2873b8a3f3fefc82a6d45a1e144074266", class: "tree-navigation-item__label" }, e("span", { key: "6d3212c860627f120cebe27b251482b4c358a905", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "679d19bfb8190090593c42f832203b23bc68c829", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "80de69632fcc483a471eaf0ffe3ff247ababbc0b", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "51bcf079aae4fa5cac11fc4a8ad75ba67f490d60", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "b6b94dc1d6a9d5b2a4f57a744eb26a8b20422459", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "45033e3fa251f3803305234bd98b80928dc60ab0", 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: "b4464d7636e940fd6e25260b43367ccd8c5951aa" }))));
+    } }, e("slot", { key: "bf6390ad3b86e534309b4d110ef6a008663f4915" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.9909f872.js → swirl-tree-navigation.entry.39040dba.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.326e5568.js";
+import { r as t, h as e, H as i } from "./index.19dcb221.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: "7c0dc4ecadaad015572f7d95012b88e71a40aa14" }, e("ul", { key: "925d0d72d13f80f73d88267975eddc45dbf99578", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "ebb66aeb8b10f9f2743eec367bfcba04e460c7ec" })));
+    return e(i, { key: "8ba08edfe0ac2619178e4506cdb1f88433590377" }, e("ul", { key: "aee847cc0e73f2d43a99d7b2911bc2b1c511db05", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "88669ac1e2d4c00281aa3b0e960052492e213895" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.8d397c20.js → swirl-tree-view-item.entry.d77e3bb1.js}

@@ -1,10 +1,10 @@
-import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.326e5568.js";
+import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.19dcb221.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);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.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item: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.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{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.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::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.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
   constructor(t) {
-    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onClickCollapse = (i) => {
       i.preventDefault(), i.stopPropagation(), this.collapse();
@@ -38,12 +38,12 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
     const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
-    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "07ea7922664f39c7031dc930a65e9f70cb08bf9d", id: this.itemId, role: "none" }, e("li", { key: "2eae4d133c2643b4b2974e8e80929387c1fd787c", class: s, role: "none" }, e("a", { key: "408ed4cbecf864ab1500b5c12e22fbaee3b8eb88", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(d, { key: "84e8dffec34b056cbc21ec64b9ac5ee02046d947", id: this.itemId, role: "none" }, e("li", { key: "e0496d50597235d2f233d5f1d1c12d4c4173d69c", class: s, role: "none" }, e("a", { key: "85552118048066331756343b6aa6f971a16a5b79", "aria-current": this.active ? "page" : void 0, "aria-expanded": a ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": a ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
       paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "341a15b37e370b148c7a042c1471dd6042c1f6af", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "9991b74c044f8c5c13976ad72a00d9afbdedb8b3" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "ffc7bb8441a8c19b2d28a26ff6c6956bf60608ed" }, e("span", { key: "f06251e4d82c2570ddafdbccc18e6970a813ad56", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "57287361647a30f6217ef5468cc6e8ad5c730cea", class: "tree-view-item__label" }, this.label), e("span", { key: "9b15068fff2e3c2dbb3a0a4fd15f6c5092b063aa", class: "tree-view-item__tags" }, e("slot", { key: "8af6621f40ba00df5d477c0a65969ad2152d8646", name: "tags" }))), e("ul", { key: "3a0f080ba489a397dbdb8cc1f9c5cedc312f1315", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !r ? "none" : void 0
-    } }, e("slot", { key: "0d0a8f54f29e154740bc479c1f09675c1f5a4519" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "0cf52838ae02adb57e1326dfc3a8cbf507dc7b62", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "28000faf29edaf36743b8661d7179f01059346a8" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "5f8650233cab5d232a12d619fc6ea228753f073e" }, e("span", { key: "05da1e386195f4d1e4b1ac9958251d94eebb8015", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "5384a5e8f6820ab748e64415763e36d637cb4ab4", class: "tree-view-item__label" }, this.label), e("span", { key: "23dc0a18cbf436d08ffca6fe6d3c693921eaae80", class: "tree-view-item__tags" }, e("slot", { key: "e7ad54894349b9707059ea5fded3f4ae510094ad", name: "tags" }))), e("ul", { key: "027ace3a1dd9ed5756c619f44d291ea111b41c45", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+      display: !this.expanded || !a ? "none" : void 0
+    } }, e("slot", { key: "174a2d22926f86deafc5168b8319765aa608eb78" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-view.entry.ee3399a1.js → swirl-tree-view.entry.c2d58680.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.326e5568.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.19dcb221.js";
 import "react";
 import "react-dom";
-const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", w = E, f = class {
+const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
   constructor(e) {
     p(this, e), this.itemExpansionChanged = u(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
       this.init();
@@ -64,16 +64,16 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     }
   }
   selectNextItem() {
-    var a;
+    var c;
     const e = this.getSelectedItem(), t = this.isItemExpanded(e), s = this.getNextSibling(e);
     let l = e.parentElement.closest("swirl-tree-view-item"), r = this.getNextSibling(l);
     for (; Boolean(l) && !Boolean(r); )
       l = l == null ? void 0 : l.parentElement.closest("swirl-tree-view-item, swirl-tree-view"), r = this.getNextSibling(l);
-    const c = e.querySelector("swirl-tree-view-item"), n = t ? c : s || r;
-    !Boolean(n) || (this.unselectAllItems(), (a = n.select) == null || a.call(n, !0));
+    const a = e.querySelector("swirl-tree-view-item"), n = t ? a : s || r;
+    !Boolean(n) || (this.unselectAllItems(), (c = n.select) == null || c.call(n, !0));
   }
   selectPreviousItem() {
-    var n, a;
+    var n, c;
     const e = this.getItems(), t = this.getSelectedItem(), s = this.getPreviousSibling(t);
     if (Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'))) {
       let i = 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(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'));
@@ -82,8 +82,8 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
       e.forEach((m) => m.unselect()), (n = i.select) == null || n.call(i, !0);
       return;
     }
-    const r = t.parentElement.closest("swirl-tree-view-item"), c = s || r;
-    !Boolean(c) || (e.forEach((i) => i.unselect()), (a = c.select) == null || a.call(c, !0));
+    const r = t.parentElement.closest("swirl-tree-view-item"), a = s || r;
+    !Boolean(a) || (e.forEach((i) => i.unselect()), (c = a.select) == null || c.call(a, !0));
   }
   unselectAllItems() {
     this.getItems().forEach((e) => e.unselect());
@@ -115,13 +115,13 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "09435cc9ca0eec1ea4da3e5d8f5dbb6a797cd010" }, o("ul", { key: "9848dad4551ddfc89335135d1e5417406db94cc5", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "cfc0ed229c16018b7f4999fa915da14eec8b10ff", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "a2bfc69fabbf6adcbfc3d418f41f3207856c9e7a" }, o("ul", { key: "3ec4f616d3dad982a474a9e3fd0055587551bee6", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "07c695e41dc8cede5722b4fd098f1f8bc9a25983", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-f.style = w;
+w.style = f;
 export {
-  f as swirl_tree_view
+  w as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.408fec42.js → swirl-video-thumbnail.entry.afd32bb3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.326e5568.js";
+import { r as e, h as n, H as a } from "./index.19dcb221.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -74,15 +74,15 @@ const t = `:host {
     height: 4.5rem;
   }
 }
-`, o = t, s = class {
+`, o = t, d = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "1cb0ff925510679401e9c8e2487e6d54e94c1ad1" }, n("button", { key: "1d56aab709da9742848655098e56c1de15ca2cd4", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "41888140220468c78983f08a3d800841e3e91c80", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "6e5d194ff65c2067b2bfcf4795db0d27f4bc0853", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "4bfddca0db874a25c50d571db0cddd59844b3a47" }, this.durationLabel), this.duration), n("svg", { key: "8371947a9b6ad4e764459135985725add5c61c12", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "426e795eb1515aba2b3055a04075704bab103564", 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: "d0bea75a46371ce3259246720ef5e5e4174b6053" }, n("button", { key: "c58cd2f54b71f92b54d9557d33c78c7a3991ac05", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "790ddb68d1e747f5193af6554af36b5b3228934e", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "83879acdd74dc39578fcc024617f0d1593a4cea0", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "1cca6643d3ad6ba8963aca8115da66d2230b7afa" }, this.durationLabel), this.duration), n("svg", { key: "717fd9a88cd0c25fa2d1998974bd8dd19b7debfd", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "7e24ff8a99893f3a548b96e4b6da46060cee64ef", 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;
+d.style = o;
 export {
-  s as swirl_video_thumbnail
+  d as swirl_video_thumbnail
 };

package/dist/{swirl-visually-hidden.entry.86f16a48.js → swirl-visually-hidden.entry.af009527.js}

@@ -1,12 +1,12 @@
-import { r as e, h as i, H as r } from "./index.326e5568.js";
+import { r as e, h as i, H as r } from "./index.19dcb221.js";
 import "react";
 import "react-dom";
-const d = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = d, t = class {
+const a = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = a, t = class {
   constructor(s) {
     e(this, s);
   }
   render() {
-    return i(r, { key: "0b5966d7dbfe44af5d5168addf3466464ec2d4cc" }, i("slot", { key: "6af9cb6036c710c3ff9e8cc0e22d109b4b792f31" }));
+    return i(r, { key: "b216c664f313f0c3c7aa3a6a746aac1042308250" }, i("slot", { key: "4cebb4cb606e9bdad5836863ec6de489c1018043" }));
   }
 };
 t.style = l;

package/dist/{wc-datepicker.entry.62208878.js → wc-datepicker.entry.9c52c7d0.js}

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

package/package.json

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

package/dist/swirl-symbol-roadmap.entry.477014ca.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.326e5568.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, m = 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: "3e9bf9216ed652281e2a0d555814851ae8dd2649", 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: "efea9dd803d8ea89346b39901107808a8419ee9d" }, e("path", { key: "5c99618ed1c1fe75c0992fb1286394517863d8bb", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-m.style = a;
-export {
-  m as swirl_symbol_roadmap
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.326e5568.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = a, 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: "d5a25ae0eb266eb23da6786dfd9d8f156a01a994", 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: "a3eb7b2403a73707b29617cca7e126423ed1c4d5" }, e("path", { key: "7227a6ce1e57903a8653dd1a12d49eb3d0bda5dc", 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 = l;
-export {
-  n as swirl_symbol_smartphone
-};