@getflip/swirl-components-react 0.320.0 → 0.321.0

package/dist/{swirl-tab.entry.3b0361ce.js → swirl-tab.entry.330e527c.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.6d7f2bc8.js";
+import { r as s, h as t, H as e } from "./index.0f8940f3.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.085df171.js → swirl-table-cell.entry.11094c0b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as l } from "./index.6d7f2bc8.js";
+import { r as t, h as s, H as l } from "./index.0f8940f3.js";
 import "react";
 import "react-dom";
 const a = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = a, r = class {
@@ -6,7 +6,7 @@ const a = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding
     t(this, e);
   }
   render() {
-    return s(l, { key: "357977c98b2360b8881505b8bc7d89e0d72c23e4", class: "table-cell", role: "cell" }, s("slot", { key: "564fc12572d336e8019a0e2a658d6bb5d04988c5" }));
+    return s(l, { key: "546c360874f9b4ce2ffa0d7e6e0c27e7e8469823", class: "table-cell", role: "cell" }, s("slot", { key: "2444131e65440112fb91c78207cbb5e3f5fa8498" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.81320d01.js → swirl-table-column.entry.de44346e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.6d7f2bc8.js";
+import { r as t, h as s, H as i, g as a } from "./index.0f8940f3.js";
 import { c as o } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.e92253b9.js → swirl-table-row-group.entry.c3470e3a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as a } from "./index.6d7f2bc8.js";
+import { r as o, h as e, H as l, g as a } from "./index.0f8940f3.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}.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{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, c = class {
@@ -20,10 +20,10 @@ 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(l, { key: "2a2e7fe67b8507f5696bc6ca918f1466ebdc95f3", class: "table-row-group", role: "rowgroup" }, e("div", { key: "0cfa308378587ce771395ccab24b5e6b9492694c", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "e500805e29d933703093592bcff1184c009a6ba7", 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: "6b52d7eca0994b81674eb9d170a89b3b659f035e", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "c92d8cededeafd7b6f36337cbc2008fcbe0feae0", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "e02266c290332122247be89789a78a4660a905ea", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "881a1e47888d6e83649e493455de9647999a43f6", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "c54b4037c5083a8b245304f88c68855eb0402c5d", class: {
+    return e(l, { key: "6f5cc2ed75e423a0c10710833c6c16210a6df582", class: "table-row-group", role: "rowgroup" }, e("div", { key: "e31ab317718c51b48b29b54749663026c4c8ed21", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "6396418f78cd8341e0b59916dfbfb9b6129961cd", 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: "f1c2873b1192a53f336cc838cc039bedd19600fd", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "1cd682fbee0a524b0b581fce0e3603c2f1d0ea1c", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "7990f2f3d8cab4666c693a24aab05dcfa9afa716", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "3b9af1f3e107ddde8a22505e41fdc664681bb616", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "5e78530835ec15f98a9c8ee72eaa5fb8cd97db34", 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: "79fae27eaa8351ed46252f43e63d85af04390ccc" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "6a21185e923bb3f8493ab8fa25d99e95b2e939f8" })));
   }
   get el() {
     return a(this);

package/dist/{swirl-table-row.entry.0a017f70.js → swirl-table-row.entry.dc5d7d1e.js}

@@ -1,9 +1,9 @@
-import { r as o, h as t, H as r, g as s } from "./index.6d7f2bc8.js";
+import { r as o, h as t, H as r, g as s } from "./index.0f8940f3.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-877a768f.c277f897.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(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = i, b = class {
+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(.table-row--moving){border:var(--swirl-table-moving-row-border)}: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(e) {
     o(this, e), this.highlighted = void 0, this.index = void 0;
   }
@@ -15,13 +15,13 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(r, { key: "5b5b4bce99c377bc03e9f4a4f6041f2f83f9645a", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "9e9fb42ae9a05451dbd2c6d57e930efb691fb91c" }));
+    return t(r, { key: "e3a648edacf958340b0e5110572848630e8e1ac3", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "cef6e5fa3dbf3bfc451c20ee445ecd18a2f0264a" }));
   }
   get el() {
     return s(this);
   }
 };
-b.style = d;
+h.style = d;
 export {
-  b as swirl_table_row
+  h as swirl_table_row
 };

package/dist/{swirl-table.entry.dd27f6ae.js → swirl-table.entry.671b8b98.js}

@@ -1,4 +1,4 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.6d7f2bc8.js";
+import { r as v, c as C, h as a, H as D, g as S } from "./index.0f8940f3.js";
 import { c as x } from "./index-267776a4.6beb4f4b.js";
 import { S as _ } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { d as R, i as p, q as k } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-tabs.entry.5aa93dd9.js → swirl-tabs.entry.3816aa9f.js}

@@ -1,10 +1,10 @@
-import { r as b, c as n, h as s, H as d, g as r } from "./index.6d7f2bc8.js";
+import { r as n, c as b, h as s, H as r, g as d } from "./index.0f8940f3.js";
 import { f as e } from "./utils-877a768f.c277f897.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%}", h = c, l = class {
   constructor(t) {
-    b(this, t), this.tabActivated = n(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    n(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -51,10 +51,10 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(d, { key: "cdf2b0f3aaf046adda389c6f7ebecac192998891" }, s("div", { key: "6c19b1a65dc2b1b3af976b17edc3ddebbb8ab3d9", class: "tabs" }, s("swirl-tab-bar", { key: "b6e1cb8885a0074a1eb00d31d29df3d8ad49639c", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "37f1a0abbf1db3a4dfb07275ce5a164399b16571" }));
+    return s(r, { key: "5d40d86854480a2ca07a3dd0ef65ac11b36c1275" }, s("div", { key: "b0c32424103d997b19042d412b716aa8a6b5638c", class: "tabs" }, s("swirl-tab-bar", { key: "ce4d3579606064e73ad32c6934204840ecccf348", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "1077b3845717262dc80c4d561ae8a9d9a927e762" }));
   }
   get el() {
-    return r(this);
+    return d(this);
   }
 };
 l.style = h;

package/dist/{swirl-text-input.entry.43034979.js → swirl-text-input.entry.c456c6d5.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.6d7f2bc8.js";
+import { r as h, c as n, h as i, H as d } from "./index.0f8940f3.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-text.entry.3d4f15e9.js → swirl-text.entry.ea4f369d.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.6d7f2bc8.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.0f8940f3.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.4ead7372.js → swirl-theme-provider.entry.ccb435f4.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.6d7f2bc8.js";
+import { r as m, c as a, h as o, H as d } from "./index.0f8940f3.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "287ef027798030dedfe3ebc017c97b3fa0beaf8c" }, o("slot", { key: "f9d60b411730b393306ecfcee1b659884ab60178" }));
+    return o(d, { key: "e1520b8d3fddb50513109c58174123f06c381a32" }, o("slot", { key: "b822663975594f8579c2fc65e6944fe9e4f9da5a" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.ada141ab.js → swirl-time-input.entry.b47ada67.js}

@@ -1,11 +1,11 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.6d7f2bc8.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.0f8940f3.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-877a768f.c277f897.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 b = ".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}}", g = b, l = "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) => {
       this.updateIconSize(i.matches);
@@ -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: "62cad8160514e5d742505e6a39e55df30ac9bf3f" }, a("div", { key: "cf232d9443be8c35549138d2414ab655cd1ed648", class: s }, a("input", { key: "6856af41a01e6fd0bebf7d412e7ccf90b4a927a9", "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: "791576da99aaf53545bae4ff29221c1ece69b2cc", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "f78a4765dbb5a4fdcded534bd0d95a3c34f39e6f", size: this.iconSize }))));
+    return a(p, { key: "78250cf1551daf268cd95f944f092e5f9048adeb" }, a("div", { key: "0c92c1575be04fb1ed8bb48abe514ff43b08025b", class: s }, a("input", { key: "227f3ddefa25f870d00d77d7189692c318fbf335", "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: "b0fa2d02d8d12a564ff2435f943b7a88359a1bb5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "593119f620fe38e78cba6fb1c2639fefdc35bfef", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = b;
+k.style = g;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.ff60fd0c.js → swirl-toast-provider.entry.2eac697c.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.6d7f2bc8.js";
+import { r as e, h as i, H as r } from "./index.0f8940f3.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.fca0d2ed.js → swirl-toast.entry.c64cb42a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.6d7f2bc8.js";
+import { r as o, c as n, h as e, H as r } from "./index.0f8940f3.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-toggle-button.entry.ee972eb6.js → swirl-toggle-button.entry.83a8b0de.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.6d7f2bc8.js";
+import { r as s, h as t } from "./index.0f8940f3.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "7cc5d2a7d5ffe8b792cc76c639a762f862402d12", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "dca7033d3833f625b0ffac8b191edb314f50778d", class: "button__icon", glyph: this.icon }), t("span", { key: "5380169ce206429406894ba691dd3012ed43467a", class: "button__label" }, this.label));
+    return t("button", { key: "d2ea1bc559522750ae1b901b1ae2040a2d400d35", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "7b847da8ef94a05164b28e90dc137be9a1e15d2e", class: "button__icon", glyph: this.icon }), t("span", { key: "0c08e4e123efb64f7e9d6c8b0d44765494086d06", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.f05afa45.js → swirl-toggle-group.entry.2a7b5577.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.6d7f2bc8.js";
+import { r as i, c as g, h as o, g as l } from "./index.0f8940f3.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.be601894.js → swirl-toolbar.entry.7b123039.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.6d7f2bc8.js";
+import { r as n, h as s, H as r, g as i } from "./index.0f8940f3.js";
 import { b as a } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.aa622886.js → swirl-tooltip.entry.0511c36a.js}

@@ -1,4 +1,4 @@
-import { r as p, h as e, H as d, g as h } from "./index.6d7f2bc8.js";
+import { r as p, h as e, H as d, g as h } from "./index.0f8940f3.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.b0c63ace.js → swirl-tree-navigation-item.entry.d3c0aa04.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.6d7f2bc8.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.0f8940f3.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "d4bd1525dc7f73254f0730db018608fd57042063", role: "none" }, e("li", { key: "13cdf618522cc29f85fa8eae21dbbb880fd1bdbe", class: {
+    return e(d, { key: "f5be2a3692fc41ea28c78a5249e282fd4eb0ac90", role: "none" }, e("li", { key: "e2ac3f5d22de042ebadea3fa1544a52f787242ce", 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: "766f3abc27868c37624a43c41fab80e13806dae9", 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: "800e66e35bccc69c986b07f03f9469262da11d3f", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fa428d0000cfd68a0bc2d62cc541fe022c1ec24", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "8024409708d5a89112d87cb9cfa9cef748d9dba2", class: "tree-navigation-item__label" }, e("span", { key: "821a70bb13ab77f343007cb211e3aa04e7685deb", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "3f25bf7f893d5bcc99f2bc6c526da57d8b0b40dc", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "de9318ee7c6ba345585c39714dcca1c3537185a7", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "81665225542afc273b02768ff0b6091f3229be03", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "413056e3aab8a57891262502517d7b23fba33e99", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "5141f8db8278a28d3ea8b8591a469eaf4783e841", 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: "59768aa64bfb74b81e595c433579d56342540b8e", 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: "aa64113919148037c9b8f6b92c35003364a7962a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "a9948f2f2aac50063b9faacdf161a4a0b322b40c", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "bcd4227df99f9893b3e8dda5c874052976bc0191", class: "tree-navigation-item__label" }, e("span", { key: "abd5a09ee4a63ba8ed4e911313366bd0c4bd16f0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "47a4349d3d26494cdfa844359e7636713d54eb8a", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f5e65b291427326ca0d5407d1cdfd3358fbd7030", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "83bb63db09b9d584e09c27e4da954aa9bf01b548", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "b4b6991bd9249aecb5665d1d4397af25479d72fa", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "527475602f2fae5ce2603f1ee6655f02663cd071", 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: "d141cb5f47d0b2d47a6706351092687b89cefd70" }))));
+    } }, e("slot", { key: "d4a242d617109b0a882ef3f11ba160ed319db41d" }))));
   }
   get el() {
     return o(this);

package/dist/swirl-tree-navigation.entry.112ecfbe.js

@@ -0,0 +1,15 @@
+import { r as i, h as e, H as r } from "./index.0f8940f3.js";
+import "react";
+import "react-dom";
+const a = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = a, o = class {
+  constructor(t) {
+    i(this, t), this.label = void 0;
+  }
+  render() {
+    return e(r, { key: "9163b6d577bfc300093480152b24765d4523d93a" }, e("ul", { key: "805bcc5447f1efc46537e797ce660805d709dd1e", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "8e8f61e26ac91760990398fb7f476c2b82700b62" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.99a71caf.js → swirl-tree-view-item.entry.043e78b5.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.6d7f2bc8.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.0f8940f3.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";

package/dist/{swirl-tree-view.entry.8451f8b0.js → swirl-tree-view.entry.4d628fdb.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.6d7f2bc8.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.0f8940f3.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.298882a0.js → swirl-video-thumbnail.entry.acb1056e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.6d7f2bc8.js";
+import { r as e, h as n, H as a } from "./index.0f8940f3.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: "89b30ebbabaa0125ea604e37ab15ba8e4ed8a70f" }, n("button", { key: "3eccecc8fc13e0107c06ab6f5b7061890a2cc586", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "46a3b1ffd73342381e5a653e4882164046cc7acb", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ce763f7f7139820fa7dca759f75423561ab77082", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "e24762998cc8964572a171714e2863120a31843e" }, this.durationLabel), this.duration), n("svg", { key: "bea7034af79ae9405b17303db7a63aefd4d07198", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "1b76a07faf72896a78c7263087475e7e3ee4c347", 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: "0d1fdc4949d838a62c3c8b8268c5229f41fc3c60" }, n("button", { key: "02444d9291683335bc640b69bdcc4267e423e68a", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "f4a933ab01d22b51816056b86f1a307db9a5f3ad", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "6b286644f477a85aa7976025f82476017b3833c0", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b70d41aa916302f0ddb8b51430841091d68fa794" }, this.durationLabel), this.duration), n("svg", { key: "8a3092527b6b853687102e88a2e2f246e9b571ee", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "dc88cd0978ae654fccd17ff0fbb37bc2f132a1a0", 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.a983328b.js

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

package/dist/{wc-datepicker.entry.c564c7e6.js → wc-datepicker.entry.7a3a82ea.js}

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

package/package.json

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

package/dist/swirl-option-list-section.entry.ea5ecda2.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as t } from "./index.6d7f2bc8.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, l = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(t, { key: "e99fbd8cc5f028e94ee9fa7ff3b48fe65eb0379d" }, this.hasSeparator && e("swirl-separator", { key: "a989e3fea9fbb74a08afaec3689be6ddc8fed766", spacing: this.separatorSpacing }), e("div", { key: "b097b691b05cba551d24933b16c508a419b33cb2", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "f3621a3844c0a2a30d0f1ae145476a2339e7d588", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "02c6008401c808aea28fdbd96879990038d2a386", spacing: this.spacing, align: "stretch" }, e("slot", { key: "547823346390ea32380b902c059c1c3dc8c11b32" }))));
-  }
-};
-l.style = o;
-export {
-  l as swirl_option_list_section
-};

package/dist/swirl-symbol-bookmark.entry.194b6600.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.6d7f2bc8.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) {
-    o(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: "3121e66a16d6e67a0d0fe9711d69159cda40ec67", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(t, { key: "97a4b21a167008698a891c2f0a7c8b818432dcad" }, e("path", { key: "d829a65cc17c74c84a9b2e0a30190db2341a2a24", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_bookmark
-};

package/dist/swirl-tree-navigation.entry.9dc04245.js

@@ -1,15 +0,0 @@
-import { r as t, h as e, H as i } from "./index.6d7f2bc8.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
-  constructor(a) {
-    t(this, a), this.label = void 0;
-  }
-  render() {
-    return e(i, { key: "d64a1dd341a5211587d8cc7b148371c16571ccab" }, e("ul", { key: "8c6bd4e37aed34dda2140ff37fe9687e9c6ff48f", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "aca30c87ebdb9cabec3b4365f4d8f67c00893b3e" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_tree_navigation
-};

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

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