@getflip/swirl-components-react 0.200.2 → 0.201.0

package/dist/{swirl-table-row.entry.3ef46dcc.js → swirl-table-row.entry.ed54aac6.js}

@@ -1,21 +1,21 @@
-import { r as s, h as e, H as o, g as r } from "./index.6feab55e.js";
+import { r as s, h as t, H as o, g as r } from "./index.2e207792.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = i, h = class {
-  constructor(t) {
-    s(this, t), this.highlighted = void 0, this.index = void 0;
+  constructor(e) {
+    s(this, e), this.highlighted = void 0, this.index = void 0;
   }
   componentDidLoad() {
-    const t = a(this.el, "swirl-table");
-    t == null || t.rerender();
+    const e = a(this.el, "swirl-table");
+    e == null || e.rerender();
   }
   render() {
-    const t = l("table-row", {
+    const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return e(o, { key: "b1062c56213a069a00577797f7a13b5b334d7178", "aria-rowindex": this.index, class: t, role: "row" }, e("slot", { key: "55d57df1bc074145a5bb859108260e5b782b50f9" }));
+    return t(o, { key: "300d2173e85b79808849ab8b22e98e7d0b0782d0", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "82e39dae0c0ece22c918563a293946fcbf7a4feb" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.89fbc7fb.js → swirl-table.entry.ceb461f8.js}

@@ -1,9 +1,9 @@
-import { r as g, h as r, H as _, g as v } from "./index.6feab55e.js";
+import { r as g, h as r, H as _, g as v } from "./index.2e207792.js";
 import { d as S, i as R } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 var x = function(t) {
-  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, s = void 0, n = void 0, a = [];
+  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, a = void 0, n = void 0, s = [];
   return function() {
     var b = C(l), f = new Date().getTime(), p = !i || f - i > b;
     i = f;
@@ -13,17 +13,17 @@ var x = function(t) {
       return o.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (s ? clearTimeout(n) : s = E(), a.push(c), n = setTimeout(m.bind(this), b), o.accumulate) {
-      var w = a.length - 1;
-      return s.promise.then(function(u) {
+    if (a ? clearTimeout(n) : a = E(), s.push(c), n = setTimeout(m.bind(this), b), o.accumulate) {
+      var w = s.length - 1;
+      return a.promise.then(function(u) {
         return u[w];
       });
     }
-    return s.promise;
+    return a.promise;
   };
   function m() {
-    var h = s;
-    clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, a) : t.apply(this, a[a.length - 1])).then(h.resolve, h.reject), a = [], s = null;
+    var h = a;
+    clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, s) : t.apply(this, s[s.length - 1])).then(h.resolve, h.reject), s = [], a = null;
   }
 };
 function C(e) {
@@ -110,9 +110,9 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   layOutCells() {
     const e = this.getColumns(), t = this.getCells();
     e.forEach((l, o) => {
-      const i = t.filter((n, a) => (o - a) % e.length === 0), s = l.width || `${l.getBoundingClientRect().width}px`;
+      const i = t.filter((n, s) => (o - s) % e.length === 0), a = l.width || `${l.getBoundingClientRect().width}px`;
       i.forEach((n) => {
-        n.style.flex = Boolean(s) ? `0 0 ${s}` : "";
+        n.style.flex = Boolean(a) ? `0 0 ${a}` : "";
       });
     });
   }
@@ -121,7 +121,7 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(_, { key: "3e4a18208ff51eb838941e6c3464b0dbc83dd30f" }, r("div", { key: "cab413055cd5bcb511848893020c041ef8cb6ff5", class: "table" }, r("div", { key: "5151b1208a9498ca2cd1e44b2fe7c2424857b453", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "8f080dd3b5edf1b43e8897cd41295d28b8004098", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "71730cc383d88208c01cfdf09c1f5bb3549aa111" }, r("div", { key: "1f1f3c207112cd5bba1e9ee9edb311117088c457", id: "caption" }, this.caption)), r("div", { key: "11a5b94bd3dc3486c45e45b5be239156726fdb63", role: "rowgroup" }, r("div", { key: "4ee31209a1bd14dc80b0077274d562560f678b29", class: "table__header", role: "row" }, r("slot", { key: "1912b37fd9f66d5b6a83be5a47bf958dc5ed35df", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "1bede9603ecd6d7443c74d0276cd36fef259fe07", class: "table__body" }, r("slot", { key: "3d16a6c2e5db8c06b7202dee0259bbd6e9ea2130", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "0c3f39670f6376fc2c7f7de484ca3f0aa33fcda0", class: "table__empty-row", role: "row" }, r("div", { key: "90756158e3d45e532c0278597069a06743e08055", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "723aac5eb9f82b6fa82f59e57f4e7c6e8431f6a6", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "f3605f682e2c2a6360266805a985126151e64516" }, r("div", { key: "2a3ff94b37d6c644ae2bacc6451b7ff0b2c347bb", class: "table" }, r("div", { key: "4cf5e9aae56f2070ad32504cad3c3d9fd671c3b3", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "8cfbf2fb0016f2aed79ecfb0c516dfd1c6ab8362", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "df3ab32a5b957d69fc52435525ab573df9afd4e2" }, r("div", { key: "87494fa81b969b4b7bfbaa44c7cbabe341b583ea", id: "caption" }, this.caption)), r("div", { key: "21159cd86f69d1877531bf574e2ca27e2c192fda", role: "rowgroup" }, r("div", { key: "d194792a1a33e4924e773f3bc1c6f3d791780aaa", class: "table__header", role: "row" }, r("slot", { key: "a209c18d43f59ddeefdb134fde39b4bbe4a67376", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "d11a644df5e9151111c6cc7c4fccb17416c9bc50", class: "table__body" }, r("slot", { key: "921dbc929f97d38fd6483aa6453bcb6cd1b5e4dd", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "998e00091d62d4470dcaeb8b717decfafe94f726", class: "table__empty-row", role: "row" }, r("div", { key: "d0f747b04ea590d15c8473630a46b7f4e5315415", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "32714ef93f7003f4497d6aa7e984389c7a991758", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.569f1b20.js → swirl-tabs.entry.39fb6c78.js}

@@ -1,14 +1,14 @@
-import { r as s, c as b, h as i, H as c, g as r } from "./index.6feab55e.js";
+import { r as e, c as b, h as s, H as c, g as r } from "./index.2e207792.js";
 import "react";
 import "react-dom";
 const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = n, o = class {
   constructor(t) {
-    s(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
-    }, this.onActivateTab = (e) => {
-      this.activateTab(e.detail);
+    }, this.onActivateTab = (i) => {
+      this.activateTab(i.detail);
     }, this.initialTab = void 0, this.label = void 0, this.activeTab = void 0, this.tabBarTabs = [];
   }
   componentWillLoad() {
@@ -18,19 +18,19 @@ const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     if (this.activeTab === t)
       return;
     this.activeTab = t, this.tabs.forEach((a) => a.active = !1);
-    const e = this.tabs.find((a) => a.tabId === t);
-    !Boolean(e) || (e.active = !0, this.tabActivated.emit(e), this.updateTabBarTabs());
+    const i = this.tabs.find((a) => a.tabId === t);
+    !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
   }
   activateNextTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), e = Math.min(this.tabs.length - 1, t + 1);
-    this.activateTab(this.tabs[e].tabId), requestAnimationFrame(() => {
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = Math.min(this.tabs.length - 1, t + 1);
+    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
   }
   activatePreviousTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), e = Math.max(0, t - 1);
-    this.activateTab(this.tabs[e].tabId), requestAnimationFrame(() => {
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = Math.max(0, t - 1);
+    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
@@ -38,7 +38,7 @@ const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
   collectTabs() {
     if (this.tabs = Array.from(this.el.querySelectorAll("swirl-tab")), this.tabs.length === 0)
       return;
-    const t = this.tabs.find((e) => e.tabId === this.initialTab);
+    const t = this.tabs.find((i) => i.tabId === this.initialTab);
     this.activateTab(Boolean(t) ? t.tabId : this.tabs[0].tabId);
   }
   updateTabBarTabs() {
@@ -50,7 +50,7 @@ const n = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return i(c, { key: "e7f3fe5be862aaa6e4ee0b572a4b1eb1ffb50522" }, i("div", { key: "d03af835933a7c11e99a0506c3505e048b3528e2", class: "tabs" }, i("swirl-tab-bar", { key: "4295f124d5ea19cf04bfcfe78417d78194c5b10c", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), i("slot", { key: "776e763a01bfacf378dec96ee5adaf917aea6581" }));
+    return s(c, { key: "0edc453f8ba76c7a7361f7550f07602497a1a097" }, s("div", { key: "85d0ad09f0b6057de295f61a2dc60c78885eacd9", class: "tabs" }, s("swirl-tab-bar", { key: "7ab758a1faf3e39d8d5cb70285a3dc3d1c33ff03", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), s("slot", { key: "f4fb5b3aead6b9fb585156238a399f302f13493a" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-text-input.entry.17c0cd4b.js → swirl-text-input.entry.8d0b2a13.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as i, H as h } from "./index.6feab55e.js";
+import { r as d, c as n, h as i, H as h } from "./index.2e207792.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-text.entry.f3d11780.js → swirl-text.entry.70f4048a.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.6feab55e.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.2e207792.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-theme-provider.entry.15a15c83.js → swirl-theme-provider.entry.1053ebad.js}

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as a, H as d } from "./index.6feab55e.js";
+import { r as m, c as o, h as a, H as d } from "./index.2e207792.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, h = "swirl-preferred-theme", g = class {
@@ -78,7 +78,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, h = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return a(d, { key: "3565218e86366023a97db4f327e4aa800bb739fe" }, a("slot", { key: "2392d2704a64b6578838accfb2d1daabe2174aa4" }));
+    return a(d, { key: "4a35507d040d9f22da4cc38510bd4d8959d7cf72" }, a("slot", { key: "feb318fb2b69dd37cc36fe9e5d45c7f429f681f6" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.908a7395.js → swirl-time-input.entry.e88ed6cd.js}

@@ -1,4 +1,4 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.6feab55e.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.2e207792.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-aab10c80.240adddc.js";
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "d3b58da5c2421ad5efb77fa87b33d1e55a583d00" }, a("div", { key: "9e771b398c0a2de0e8fa2be87adadca65debfd65", class: s }, a("input", { key: "d29a59f71756aa41e41337439b8938d1d8c8ac3b", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "dd014f52f637845947fd76f95b0a789bfeea5e3e", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "930ab5ed11d655b32edddd237337041a294c379c", size: this.iconSize }))));
+    return a(p, { key: "4d7e2898da3739cdce5e7f747816a241e71068b4" }, a("div", { key: "c5268cc07a3f0d7c9964fb7a52ea48badded4f35", class: s }, a("input", { key: "d70313765fb84343cd72eefe2b82a3ecedd2ca35", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "693bb398e9a71e1dfd66409dacd39e2b10239557", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "17b5407bf8ecda367d8471ddfd2569511dab8fef", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.5776884a.js → swirl-toast-provider.entry.03790579.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.6feab55e.js";
+import { r, h as a, H as e } from "./index.2e207792.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.2dd13f48.js → swirl-toast.entry.c4e98fa0.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.6feab55e.js";
+import { r as o, c as n, h as e, H as r } from "./index.2e207792.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-toolbar.entry.35933f8d.js → swirl-toolbar.entry.e9885928.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.6feab55e.js";
+import { r as n, h as s, H as i, g as r } from "./index.2e207792.js";
 import { b as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.2cb452e7.js → swirl-tooltip.entry.9c7667b7.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as d, g as h } from "./index.6feab55e.js";
+import { r as p, h as o, H as d, g as h } from "./index.2e207792.js";
 import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.8290bb0d.js → swirl-tree-navigation-item.entry.d93dafb3.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n, g as s } from "./index.6feab55e.js";
+import { r, h as i, H as n, g as s } from "./index.2e207792.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -7,11 +7,11 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     r(this, e), this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0;
   }
   render() {
-    const e = Boolean(this.href), i = e ? "a" : "button", t = o("tree-navigation-item", {
+    const e = Boolean(this.href), t = e ? "a" : "button", a = o("tree-navigation-item", {
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return a(n, { key: "09feff3faa350949d5a50ee97d42951d803f41dc" }, a(i, { key: "be4e403aca745ce1a343f8ad25fa31b900ffe4bd", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && a("span", { key: "e3a4da431a21824ffe6548b32a1955fc2a48aca2", class: "tree-navigation-item__icon", innerHTML: this.icon }), a("span", { key: "a54807fc0ab4ea517ebb530c858446e154c0f8d0", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "71c47140083ab15b543fb6ff9161f9242d68427a" }, i(t, { key: "22e40fb3f3e0310d1bc9f499b19fc54173128ee3", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "1ff81ab4f0c38acf6d5a03d3d569365063be85bc", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "53e8507093cdf691f63d3b8fca9a77649a7e9916", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.e0997879.js → swirl-video-thumbnail.entry.808fe941.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.6feab55e.js";
+import { r as i, h as n, H as a } from "./index.2e207792.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -75,11 +75,11 @@ const t = `:host {
   }
 }
 `, o = t, s = class {
-  constructor(i) {
-    e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
+  constructor(e) {
+    i(this, e), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "1753fc363fc36ec49415d1b8e53b5be248b33132" }, n("button", { key: "a53c421f53ba019ead0238c4ba956279ab8fcb0a", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "173850eeb03361d0b865e9d1cac2320ac501419f", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "1643d57c3fc662662432cc40fbaade8a63fc0970", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "f4683c3c864329d9970b65076fc6f7884be1b840" }, this.durationLabel), this.duration), n("svg", { key: "7a612550d3fc34784421d66449383153af19a1fb", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "d0ebef1b805f232782cf288c1b60da8ae4195251", 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: "623ffc83950d5accfbe79d9851af6580801a9735" }, n("button", { key: "3e803e2e17553c6e619a57ebef5b383541adc176", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "f421869e105764116c1f0bdacebda1b305bd3330", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "83ad61f3b2dcdaec56882bf135b0aff0a13a9011", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "cadff80a80eecaeae1beeee2e3ba058c6d8dfed4" }, this.durationLabel), this.duration), n("svg", { key: "e1b27836e1b12f9ffc418e68f15a9b40e74c91aa", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "c9d2dbfdb3ecfc773a7eaab58a1985d752f13bb6", 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.cfaba2fc.js

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

package/dist/{wc-datepicker.entry.4df346ae.js → wc-datepicker.entry.3b7029ce.js}

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

package/package.json

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

package/dist/swirl-icon-menu-filled.entry.a190a027.js

@@ -1,19 +0,0 @@
-import { r as a, h as e, F as i } from "./index.6feab55e.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", s = l, o = class {
-  constructor(c) {
-    a(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, d = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "d185e0388bc710f8831606fc8a3c4e43e9546e7b", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: d, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "2e28e0097817d1a4ce5aa0fed4821c335cbbe655" }, e("path", { key: "2427e875d39f93778f284963b586c6233fb21fe0", d: "M2 3.33333C2 2.59695 2.59695 2 3.33333 2H6C6.73638 2 7.33333 2.59695 7.33333 3.33333V6C7.33333 6.73638 6.73638 7.33333 6 7.33333H3.33333C2.59695 7.33333 2 6.73638 2 6V3.33333Z", fill: "currentColor" }), e("path", { key: "24add168df1af9369d13db06babec978ec1fb03b", d: "M2 10C2 9.26362 2.59695 8.66667 3.33333 8.66667H6C6.73638 8.66667 7.33333 9.26362 7.33333 10V12.6667C7.33333 13.403 6.73638 14 6 14H3.33333C2.59695 14 2 13.403 2 12.6667V10Z", fill: "currentColor" }), e("path", { key: "2f449ba3b19bfc37e6ac3a8b260cd84211c00ed8", d: "M8.66667 3.33333C8.66667 2.59695 9.26362 2 10 2H12.6667C13.403 2 14 2.59695 14 3.33333V6C14 6.73638 13.403 7.33333 12.6667 7.33333H10C9.26362 7.33333 8.66667 6.73638 8.66667 6V3.33333Z", fill: "currentColor" }), e("path", { key: "9d11f79c3b2128f9002aac15102a545a2d516ac6", d: "M8.66667 10C8.66667 9.26362 9.26362 8.66667 10 8.66667H12.6667C13.403 8.66667 14 9.26362 14 10V12.6667C14 13.403 13.403 14 12.6667 14H10C9.26362 14 8.66667 13.403 8.66667 12.6667V10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "f9670ca0da917736ff9e87156304ee2fe6f6ba0a" }, e("path", { key: "4c71487d488eeda41fb086cf9d4344faa2e9d0e2", d: "M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5Z", fill: "currentColor" }), e("path", { key: "9510f26111be953e9f3d4d3ad3606734ccfde0f9", d: "M3 15C3 13.8954 3.89543 13 5 13H9C10.1046 13 11 13.8954 11 15V19C11 20.1046 10.1046 21 9 21H5C3.89543 21 3 20.1046 3 19V15Z", fill: "currentColor" }), e("path", { key: "db5a7ea9c4f0ddae7f7d7fbec8ba2f460ccb8e20", d: "M13 5C13 3.89543 13.8954 3 15 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H15C13.8954 11 13 10.1046 13 9V5Z", fill: "currentColor" }), e("path", { key: "70b278612d5691cb5d167324ca87c09fb418508f", d: "M13 15C13 13.8954 13.8954 13 15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "4853e130e68cedd53e84f686cdf2eff063db3b63" }, e("path", { key: "5674fbbc4544dd7c9eaf8e272fc4501e60e2e4ee", d: "M3.5 5.83333C3.5 4.54467 4.54467 3.5 5.83333 3.5H10.5C11.7887 3.5 12.8333 4.54467 12.8333 5.83333V10.5C12.8333 11.7887 11.7887 12.8333 10.5 12.8333H5.83333C4.54467 12.8333 3.5 11.7887 3.5 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "702205201d87c0ae82d207c4a1f6cc184813617d", d: "M3.5 17.5C3.5 16.2113 4.54467 15.1667 5.83333 15.1667H10.5C11.7887 15.1667 12.8333 16.2113 12.8333 17.5V22.1667C12.8333 23.4553 11.7887 24.5 10.5 24.5H5.83333C4.54467 24.5 3.5 23.4553 3.5 22.1667V17.5Z", fill: "currentColor" }), e("path", { key: "28191cc555b0bd2a7d8e3737fd678d968d28a805", d: "M15.1667 5.83333C15.1667 4.54467 16.2113 3.5 17.5 3.5H22.1667C23.4553 3.5 24.5 4.54467 24.5 5.83333V10.5C24.5 11.7887 23.4553 12.8333 22.1667 12.8333H17.5C16.2113 12.8333 15.1667 11.7887 15.1667 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "78853f96589e84608db6917985aad9fc539b8411", d: "M15.1667 17.5C15.1667 16.2113 16.2113 15.1667 17.5 15.1667H22.1667C23.4553 15.1667 24.5 16.2113 24.5 17.5V22.1667C24.5 23.4553 23.4553 24.5 22.1667 24.5H17.5C16.2113 24.5 15.1667 23.4553 15.1667 22.1667V17.5Z", fill: "currentColor" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_icon_menu_filled
-};

package/dist/swirl-symbol-roadmap.entry.14514edf.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.6feab55e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "f43f25c37f0ac50214ef8267de050b906aaa7d4f", 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: "2c74f8c7118aef0f2d85ec4bc549160338a93ccf" }, e("path", { key: "4d1106e8adb56d4866ffdb562e287afb636b4084", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_roadmap
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.6feab55e.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) {
-    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: "9d2f00d552c0b68c0c1ce40549de61a82d0d4ed4", 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: "bea7f22514bb24b097709fd89bb1b87d38619e37" }, e("path", { key: "6fb6b8a702469ecfef094ee3c489cfe20e8092b2", 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" })));
-  }
-};
-c.style = a;
-export {
-  c as swirl_symbol_smartphone
-};

package/dist/swirl-visually-hidden.entry.fbe6e816.js

@@ -1,15 +0,0 @@
-import { r as e, h as i, H as r } from "./index.6feab55e.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, a = class {
-  constructor(s) {
-    e(this, s);
-  }
-  render() {
-    return i(r, { key: "5e48631c7d971d0acc22f52c4245ae6da98df8d8" }, i("slot", { key: "9bcf2d698a4587f72971245272cb74e7d47f0faf" }));
-  }
-};
-a.style = l;
-export {
-  a as swirl_visually_hidden
-};