@getflip/swirl-components-react 0.205.1 → 0.207.0

package/dist/{swirl-table-column.entry.f0f55268.js → swirl-table-column.entry.9e93f4a8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as a, g as i } from "./index.3f681a5e.js";
+import { r as t, h as s, H as i, g as a } from "./index.6cd7fea9.js";
 import { c as r } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
@@ -16,10 +16,10 @@ const o = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padd
       maxWidth: this.maxWidth || "",
       minWidth: this.minWidth || ""
     };
-    return s(a, { key: "a94a4f0e8400ef2b83101de17f6ff8682b647157", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "0ccfaa93f2f11c5e6b31f2eee3dc1c3c067f259c" }, s("slot", { key: "da4ca91899e1813328789aff631f5c60f763a130" })), this.sortable && s("span", { key: "460ac863dbd0c3f2e01307a44b2afa26100b9e13", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "684d87961ea71c7eb7c117aa05d5ae042cdfa5c4", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "e008ecab21767dd79013388ccdc0c9a7895e1dbe", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(i, { key: "4ca9e792e2e889ff77f48f505422bb85a7ee5a70", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "11acfd8452a241a50ed67dd9ec2f094a15988d82" }, s("slot", { key: "3987b4bb3d7665e69b90dee037342fcfaa3540d2" })), this.sortable && s("span", { key: "68bd9dd35cc26ef8073294f303551b246b26d5e2", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "3752451d54b8029363664ee08517741ccf2a572e", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "450042a595570364cb4f35b0f4455f30a3d7e3d0", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
-    return i(this);
+    return a(this);
   }
 };
 n.style = d;

package/dist/{swirl-table-row-group.entry.d7cc97bd.js → swirl-table-row-group.entry.df95708f.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as a, g as l } from "./index.3f681a5e.js";
+import { r as o, h as e, H as l, g as a } from "./index.6cd7fea9.js";
 import "react";
 import "react-dom";
-const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, d = class {
+const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, b = class {
   constructor(i) {
     o(this, i), this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -20,16 +20,16 @@ const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(a, { key: "df911dd7e1f408db7c15397a5b64a64f7155829b", class: "table-row-group", role: "rowgroup" }, e("div", { key: "7729904480701c6e1ca6d663992e9b123debd365", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "9aa70743a23b4af9ed231c1941f4b1e9365a430a", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "2769ebe8e6a15cfcd2b62ee3fdd29f0118dfa3b5", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "f030a1b5ea6aa71b94f6d4f114dae933b62c5547", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "e0f4ea24938914d6e71723eb34811a7f88548675", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "d4b05b134401f60dccedae0bc8463a808f8fc51e", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "3e373f19a09969d89325a6090b805b191ae557cc", class: {
+    return e(l, { key: "40786d2cf0aeb92871546e91993aff3240eeeafd", class: "table-row-group", role: "rowgroup" }, e("div", { key: "a3584d621e6bf09489d0974c6480b7936843bdde", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "5c5f66b5d579a2e083e14661487e46bfb13bd2e1", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "bd05e566ef70aa8131577a0925d7144054f52016", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "addb8cc4d6b89cc9a1d386c798babfb9bf4c3563", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "b6bab7a17c2d439543f195d7248f6edd5f497794", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "6a781d1ec9f12743b1e7966aaa41c503db1f8d75", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "27f42739951c709325954178ba718645d62bc8ad", class: {
       "table-row-group__rows-container": !0,
       "table-row-group__rows-container--is-hidden": this.isVisible
-    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "86af2e93a64d82269c18d05fa429e3512a75e3a6" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "6b1252f92bc11410b4b3f3195781266b3369ab90" })));
   }
   get el() {
-    return l(this);
+    return a(this);
   }
 };
-d.style = n;
+b.style = n;
 export {
-  d as swirl_table_row_group
+  b as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.539341b3.js → swirl-table-row.entry.29152e67.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.3f681a5e.js";
+import { r as s, h as t, H as o, g as r } from "./index.6cd7fea9.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -15,7 +15,7 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "b998da4b9000f1380599d753f1bdee56788dcb5a", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "d9d779909ecf199e2388e712e581bfcdcaa3873a" }));
+    return t(o, { key: "ee24db5f4287600c4ea793feba384922eebda815", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "e46df48d65e35240559a5cbc2afdfebad45dff19" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.66b430d2.js → swirl-table.entry.8a905ef6.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.3f681a5e.js";
+import { r as g, h as r, H as _, g as v } from "./index.6cd7fea9.js";
 import { d as S, i as R } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
@@ -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: "5ae7ed4dca67cb78726df6247d8238022ebb92a0" }, r("div", { key: "d4b3763be79aa111437311e6305fbe065aa80e96", class: "table" }, r("div", { key: "d595aa7462a0c4f34ef3ac2a127c482fc0cb96d5", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "446c0f777f5d7019e84fdb83aef5cfe5810c3127", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "b0d06c96b783bed16ee2297230cd2eaf4b69d2e5" }, r("div", { key: "dd7ccf4d364c8269c6dfe17d971a3e2b66541360", id: "caption" }, this.caption)), r("div", { key: "5c36f79ff53758c5ce7a68447f56f8fbb0ed5f5f", role: "rowgroup" }, r("div", { key: "2369f331b8e29038e1e8870c6f6c1ca2feabd491", class: "table__header", role: "row" }, r("slot", { key: "74de8a03d38397342078a3a360c8ddb5d527c50e", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "778e8194d37412211e3f020552f4848ca5164e97", class: "table__body" }, r("slot", { key: "bcbad871f49dd87684362fcaf7c11ace5508a23d", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "4c11be5eef170dea6d5aef6793dea61a3d64968c", class: "table__empty-row", role: "row" }, r("div", { key: "317e9383c23d65d6ce678cb5f38d46a0a269acb5", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "5c84b938185fb7f1d1035aa92abe33f55bd66503", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "f825fc823fc51ed7a8eba7810b1ab59e689e8a41" }, r("div", { key: "8df6c35df495dca1c04891ce76e59b2e7da3f605", class: "table" }, r("div", { key: "46e2b44fad899173173f820b54da7262ada1a29b", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "1a908da784452361ed825c7ad5a9f9da31224b34", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "b95ee5d18d4f6b73f8f001e9f019589affc3eb77" }, r("div", { key: "37b716de43c55ec3aa04af2b0ca75d349945e4bc", id: "caption" }, this.caption)), r("div", { key: "2a23da80be7745c426bf9a26b11564d07740015b", role: "rowgroup" }, r("div", { key: "7d3705a77c0ab029dedeb075ada0b63b9b4d8aef", class: "table__header", role: "row" }, r("slot", { key: "901a787de98344728dd3bf786672c681fa2ba8ca", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "3b0c5819ac28f42168197b8992474faf93400c3b", class: "table__body" }, r("slot", { key: "dbd2bf589e0c3fbe2e065ff8a0610ab364d878fe", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "1ec21fdc186874d5e8891554dcfc4acdad0d87c5", class: "table__empty-row", role: "row" }, r("div", { key: "5abaddf4dbdca60521d7e8d63681d26090722bcd", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "b9d851b5274b3b7b07aeb8618243b0097112307e", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.0a97b12b.js → swirl-tabs.entry.278aa0e3.js}

@@ -1,9 +1,9 @@
-import { r as e, c as b, h as s, H as n, g as r } from "./index.3f681a5e.js";
+import { r as s, c as b, h as e, H as n, g as c } from "./index.6cd7fea9.js";
 import "react";
 import "react-dom";
-const c = ".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%}", d = c, h = class {
+const r = ".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%}", d = r, h = class {
   constructor(t) {
-    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    s(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -50,10 +50,10 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(n, { key: "363b5000af1f2bf2bae5864fff12430d87650a43" }, s("div", { key: "8735e9bcff78931ff67d54159083953f4b0d4018", class: "tabs" }, s("swirl-tab-bar", { key: "7065564ec794ba85ad0d6da927b65274e2aa1bf6", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), s("slot", { key: "6bdcd37869e6752cff4248ff05101b97cece9d33" }));
+    return e(n, { key: "ca3751ad4241f90d7ac08650582eab62bdc20996" }, e("div", { key: "a02ac42fd26273e97889deeae33b4c03858b1cdb", class: "tabs" }, e("swirl-tab-bar", { key: "74b92342f16f348cb5592cdaaaf4da4febc43460", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), e("slot", { key: "b107fbc7a18e81e56cecbbd6f45fe7e88c906069" }));
   }
   get el() {
-    return r(this);
+    return c(this);
   }
 };
 h.style = d;

package/dist/{swirl-text-input.entry.20d294d4.js → swirl-text-input.entry.1893b0e7.js}

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

package/dist/{swirl-text.entry.9b39d92c.js → swirl-text.entry.13cbc4d6.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.3f681a5e.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.6cd7fea9.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -285,7 +285,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "2b93f1fd4b860a46c4ecceadb8b16d3d0c698c12" }, Y(l, { key: "91598eaf45494a8055a7fc6901e9798cf0ca83c2", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "472da5530334b2775e88755c9f56f6be31356d61" })));
+    return Y(lt, { key: "4e76cd5640a6e3796ddaf2c1248a5eb001f03327" }, Y(l, { key: "ddf69948aa62e50b470651cd7d4ae558a89f2c86", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "b8d4c77cd22364955682bc7f224de408a2439165" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.1a614600.js → swirl-theme-provider.entry.a0f1968d.js}

@@ -1,9 +1,9 @@
-import { r as d, c as a, h as o, H as m } from "./index.3f681a5e.js";
+import { r as m, c as a, h as o, H as d } from "./index.6cd7fea9.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
   constructor(e) {
-    d(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
+    m(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
       this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
     }, this.config = void 0;
   }
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(m, { key: "8609beef5e0aec9dfb8361cc2835dd6da6fde952" }, o("slot", { key: "07b54aa7dbd134ededdf42bd2846eb35d1f8f330" }));
+    return o(d, { key: "780652abefa22978dc091f053cbcf5de4f5f1865" }, o("slot", { key: "bee64d3cf6954134ba33d1336592082be8953b21" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.3a64e3e0.js → swirl-time-input.entry.f0f71370.js}

@@ -1,26 +1,26 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.3f681a5e.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.6cd7fea9.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 { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", b = g, l = "HH:mm:ss", k = class {
+const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", b = g, u = "HH:mm:ss", k = class {
   constructor(e) {
-    c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+    c(this, e), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
     }, this.onChange = (i) => {
       const t = i.target.value;
       let s;
       t === "" && (this.value = void 0, this.valueChange.emit(void 0));
       const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
       const t = i.target, s = r(t.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -59,10 +59,10 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   render() {
-    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", {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "63cd2f81fb3450ee960eec0311725f9715868ffc" }, a("div", { key: "d72d49559fd8a6bd53ed4664821ac83a4bd9c7c9", class: s }, a("input", { key: "6c56bec847fd5ad9f0f0adf625531806792434ca", "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: "f1a473485af7650df595a1543e815aedc3201e8d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "19364c42d895723db6007b9a22858626b97a645e", size: this.iconSize }))));
+    return a(p, { key: "12c63b96d660968f5b732222118a3693129132a3" }, a("div", { key: "77251862c08ca2b91b0d609c0c397954e5e18462", class: s }, a("input", { key: "3809a5ea86541c1636fea6b8e243e7a3fe3ba966", "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: "226e7bf8b7aefd292cf6d3c882b237cef2287873", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "ac72d113dfcbba44a3d11fb53c96369780331aa7", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.59d5da8b.js → swirl-toast-provider.entry.cafc33a5.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.3f681a5e.js";
+import { r, h as a, H as e } from "./index.6cd7fea9.js";
 import "react";
 import "react-dom";
-const l = class {
+const h = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
@@ -27,12 +27,12 @@ const l = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "336ab967756993cdddef8b82c5df8679d413adef", role: "status" }, a("swirl-stack", { key: "cbe539dec76ac6c7f21a45adbc6257bd24da108c", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "6a80302e6c239afdd65909cb335146e4971a1fa1", role: "status" }, a("swirl-stack", { key: "d966f4578e32bb6771facd589718367516221d46", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  l as swirl_toast_provider
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.8981df20.js → swirl-toast.entry.49821c12.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.3f681a5e.js";
+import { r as o, c as n, h as i, H as r } from "./index.6cd7fea9.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -23,8 +23,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   forceIconProps(s) {
     var a;
-    const t = (a = this.iconEl) == null ? void 0 : a.children[0], i = this.dismissIconEl;
-    t == null || t.setAttribute("size", s ? "20" : "24"), i == null || i.setAttribute("size", s ? "20" : "24");
+    const t = (a = this.iconEl) == null ? void 0 : a.children[0], e = this.dismissIconEl;
+    t == null || t.setAttribute("size", s ? "20" : "24"), e == null || e.setAttribute("size", s ? "20" : "24");
   }
   startTimer() {
     this.clearTimer(), this.duration !== void 0 && (this.timeout = setTimeout(() => {
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "44c0e7c5caef9346a5aab20d61b3ca6f524b9bb5" }, e("div", { key: "e9fe678eef8ee633009d9943e165f11c169fdd21", class: s }, this.icon && e("span", { key: "459f13f5bbc4a58c9300bf8e496af4ea9a504dc4", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "c4968c38176aee26ca4a63d6b3963b9b6860cd1f", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "8c7da7b6491f02145bc63684fe3f9aead9b7ef6b" })), e("button", { key: "c749ce63db5cc48f5734957b52fb5b82fd76b002", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "28b36e7afd397f18d4b76ddc74daca78d31a7af9", ref: (t) => this.dismissIconEl = t }))));
+    return i(r, { key: "921ff1d7869007a8bfef652310d255941d24c088" }, i("div", { key: "b50440dbd7a8c917d0220bca3a42146a6ca99efd", class: s }, this.icon && i("span", { key: "6971954911e9077a5114db40f464c7078800a692", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), i("span", { key: "05a9fc0cca75a4839ea2b5fa2316afda4e5702bf", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "60d16baf8f4a7c53994349ac42a80d4632d055d1" })), i("button", { key: "2ab3ae0c7b6e685d69f97e17f6f2a59ceeff493b", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "025c972db050fca597c00b9920905b788993994d", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toolbar.entry.23128879.js → swirl-toolbar.entry.5ebb1c46.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as i, g as r } from "./index.3f681a5e.js";
+import { r as n, h as s, H as i, g as r } from "./index.6cd7fea9.js";
 import { b as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, b = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -44,13 +44,13 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, b = class
     });
   }
   render() {
-    return s(i, { key: "a3c4eb79f0d8b117b341efc10a786637fd779280" }, s("swirl-stack", { key: "40b557fc51a8076a242c858814cd06d8be851470", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "992538241f2b3c1af5b6e43344c40fdb163cc8bc" })));
+    return s(i, { key: "5df7c943ac7df8f09fc8b1d45f4d56857cbfb2f6" }, s("swirl-stack", { key: "c21b170cae85b76061ed0c1206f49f54bf69a4a2", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "fd1acd8fbe00fdd09ca9c403fe1276405f81caae" })));
   }
   get el() {
     return r(this);
   }
 };
-b.style = l;
+d.style = l;
 export {
-  b as swirl_toolbar
+  d as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.a4ec3d1e.js → swirl-tooltip.entry.efde1fe3.js}

@@ -1,5 +1,5 @@
-import { r as p, h as o, H as c, g as d } from "./index.3f681a5e.js";
-import { b as h, c as m, a as b, o as u, s as f, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as o, H as d, g as h } from "./index.6cd7fea9.js";
+import { b as c, c as m, a as u, o as b, s as f, 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,7 +14,7 @@ const _ = ":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 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -25,7 +25,7 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.show = () => {
       this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = b(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, this.popperEl, this.reposition.bind(this)));
       });
     }, this.showWithDelay = () => {
       Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -37,7 +37,7 @@ const _ = ":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), f(), w()],
+        middleware: [b(t), f(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -69,17 +69,17 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--visible": this.visible
     });
-    return o(c, { key: "439c818a49a55fa2406b41fa167f56c41f23be77", onKeydown: this.onKeydown }, o("span", { key: "b6bde44079615456d5608902120a13e4160e6ff6", class: a }, o("span", { key: "9ba46d08fa9595647595c7b197233b92f86d2774", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "bcb14d7117697ad1260fd85c31cd354958be900a" })), o("span", { key: "099aa66cb293a5f653851e131cba3cff51be72ea", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return o(d, { key: "978135408aa2f9134dad3f15e1bff185e90557b5", onKeydown: this.onKeydown }, o("span", { key: "e72b3f2aa40f14a04cf274a39d7b8f6a2dbdcbd5", class: a }, o("span", { key: "556e530c9eec0390e75c79ada25e51f9e1824bed", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "62653d76b03bc1d2c0e99c2d9a0f2260dd421359" })), o("span", { key: "3b3baf02b091b9a2eeba3511d8cac32d8c9bd29f", class: "tooltip__popper", ref: (i) => this.popperEl = i, 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 && o("span", { key: "75719accc2de267f5bb0b9edb81e521880b320ca", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "d6cb38268148b8e6fb3cfce4b62f7a68b4e0b08b", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "1b26897acb27c52dc577bbdd68afe23d37adf390", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && o("span", { key: "d4445b6c16fdb2c674d8386bd94149a467995272", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "b374a803fc9342b6594951acb940976515abf2f4", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "3180c72b3db823fde79cfa27b2553921cd7d0351", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, 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.8903b5a3.js → swirl-tree-navigation-item.entry.1937eb2f.js}

@@ -1,23 +1,23 @@
-import { r, h as i, H as n, g as s } from "./index.3f681a5e.js";
+import { r, h as i, H as n, g as s } from "./index.6cd7fea9.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);text-decoration:none;cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}.tree-navigation-item:hover{background-color:var(--s-surface-hovered)}.tree-navigation-item:active{background-color:var(--s-surface-pressed)}.tree-navigation-item:focus{outline:none}.tree-navigation-item:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item--active{background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-border-highlight)}.tree-navigation-item--active:hover{background-color:var(--s-surface-raised-hovered)}.tree-navigation-item--active:active{background-color:var(--s-surface-raised-pressed)}.tree-navigation-item--has-icon{padding-left:var(--s-space-16)}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0}.tree-navigation-item__label{overflow:hidden;min-width:0;padding-right:var(--s-space-2);padding-left:var(--s-space-2);white-space:nowrap;text-overflow:ellipsis}", l = c, d = class {
+const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);text-decoration:none;cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}.tree-navigation-item:hover{background-color:var(--s-surface-hovered)}.tree-navigation-item:active{background-color:var(--s-surface-pressed)}.tree-navigation-item:focus{outline:none}.tree-navigation-item:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item--active{background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-border-highlight)}.tree-navigation-item--active:hover{background-color:var(--s-surface-raised-hovered)}.tree-navigation-item--active:active{background-color:var(--s-surface-raised-pressed)}.tree-navigation-item--has-icon{padding-left:var(--s-space-16)}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0}.tree-navigation-item__label{overflow:hidden;min-width:0;padding-right:var(--s-space-2);padding-left:var(--s-space-2);white-space:nowrap;text-overflow:ellipsis}", d = c, l = class {
   constructor(e) {
     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), a = 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 i(n, { key: "857640a6c05be89f758a2e33a642aa4a2a28d0b3" }, i(a, { key: "0ed6912fc566364a30f86d8a1f4e6097cb5a6a9b", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "c450ce32e4670f2e81f898d4e556c71a559a112a", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "98954816a32fcc4f66c0b0b2c9f7c8f7083c37c4", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "7ddc5484de3974b6ba0f02480c4febca63a3d134" }, i(t, { key: "4fcfb1294ee4adb399510c286cfd82b6fd9f2d31", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "b3d57d4466e3bc26b524e9833669f6032ab1766e", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "9e163b143100d08bdeb6549046fc4f5e4b092b64", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);
   }
 };
-d.style = l;
+l.style = d;
 export {
-  d as swirl_tree_navigation_item
+  l as swirl_tree_navigation_item
 };

package/dist/{swirl-video-thumbnail.entry.95beb1c2.js → swirl-video-thumbnail.entry.fae83eed.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.3f681a5e.js";
+import { r as e, h as n, H as a } from "./index.6cd7fea9.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: "7c2c39313a9ff99a6babd9818c42dd5de2eb7455" }, n("button", { key: "f800050437934597da8c7278b1be332c3879a3b6", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "daa287d193597c6af0d884bfb1de54a061c83fa1", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "a7948ab9738f68967c99324af5fc519b18952afd", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "1df15e1ceab8f7857f101b86867a4bc84326f591" }, this.durationLabel), this.duration), n("svg", { key: "4d722314c5d643d2e90e9a2dd9d0201073c334a9", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "99332a84c070ec53508781242b8f4d29ffa02c91", 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: "3dffbe79a9ff85b7c69e573410428d8b0caf54d4" }, n("button", { key: "9ea6bbebf31e4f993a7d6964efffc81044b98e87", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "48ca32db5a99fee5198804ac7c023da299e67365", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "a775ec375b552bd20544957438d932a1ff308370", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "1eb952d1c5ab42d085880e7e6ae348285c262bd5" }, this.durationLabel), this.duration), n("svg", { key: "3e9857365d77db5b3b8b3e1b1905513a0a488ff1", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "15f7cc8f6ff50d50c6b2cf11a32bfc52d2522e8f", 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.0911614c.js

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

package/dist/{wc-datepicker.entry.c7d32448.js → wc-datepicker.entry.bf6bf9ab.js}

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

package/package.json

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

package/dist/swirl-carousel-slide.entry.724f3023.js

@@ -1,19 +0,0 @@
-import { r as i, h as e, H as t } from "./index.3f681a5e.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", a = o, r = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const s = l("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return e(t, { key: "0f89338419e9487f7d3ae011e9b927a720b7179a", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "69a1e3a399584d8035e8448cb1990974ad295e28" }));
-  }
-};
-r.style = a;
-export {
-  r as swirl_carousel_slide
-};

package/dist/swirl-columns.entry.4700a938.js

@@ -1,18 +0,0 @@
-import { r as c, h as s, H as o } from "./index.3f681a5e.js";
-import "react";
-import "react-dom";
-const t = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", i = t, r = class {
-  constructor(e) {
-    c(this, e), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
-  }
-  render() {
-    return s(o, { key: "be4c273a9e25e8b0c32d7e90de79e60fed795141" }, s("div", { key: "5b834a7d9a058f0c2177648bc7320cd22b407a38", class: "columns", style: {
-      gridTemplateColumns: this.columns,
-      gap: `var(--s-space-${this.spacing})`
-    } }, s("slot", { key: "56c43acdf48ce8184e7b75ccc3ad0016bd2e285d" })));
-  }
-};
-r.style = i;
-export {
-  r as swirl_columns
-};

package/dist/swirl-description-list.entry.b6a4fb5b.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.3f681a5e.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", o = r, c = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "06112c1ae757e68833b7803e12f1200865bf19c4" }, i("div", { key: "f95fa8b2f2b4ffe435b94d2ea1ff30beb80d39b3", class: "description-list", role: "list" }, i("slot", { key: "296ad7f15a0fc2f2d389e5d7623b51974ac8afbc" })));
-  }
-};
-c.style = o;
-export {
-  c as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.3d73d129.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.3f681a5e.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = l, c = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "052cdceb59883546f01106d8094912fa966f85b3" }, this.size === 16 && i("img", { key: "266342a74c357f939df127ae5853559ca039a8df", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "d25e05a5cab42b05b17f5159e4ad8f111f3304af", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "47bd4d15976830b52692bd670fd16f46d427062d", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "e0b2371a454b6bd7e704301ee9b69b1557874e19", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-c.style = h;
-export {
-  c as swirl_emoji_clap
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.3f681a5e.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "13c16cd7d7d2e78c843b48ee2bb3e1cb6fb568b6" }, this.size === 16 && e("img", { key: "8ea4c0606a685fcd1dfd8a02fbcab238b04bd86f", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "742e74ab8b5494ef2c55bc5385b7c8ac7e3e8c4d", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "69bb139f5ba67106ee1c8fd4c9df7fa44ec61035", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "96fac667e81690b3d1587a8b3f6cd46edc2b5f4c", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.48d63b47.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.3f681a5e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = l, r = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "585b77897570176f9c826f3b916473f0d51ed6e4" }, this.size === 16 && s("img", { key: "1a1812b455a7b5b4a595c7b68e7f868fee1f3e98", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "c3dae1314db212130787948267c76965aed30794", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "d176779a9577bdf22655b176f3242e6510d13b19", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "255a76b736906ed20d9a09697e18b1e2870c2b75", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-r.style = h;
-export {
-  r as swirl_emoji_idea
-};