@getflip/swirl-components-react 0.290.0 → 0.292.0

package/dist/{swirl-table.entry.6ad2a085.js → swirl-table.entry.c8f96858.js}

@@ -1,19 +1,19 @@
-import { r as S, h as a, H as _, g as v } from "./index.832d0b3f.js";
+import { r as S, h as a, H as _, g as v } from "./index.09c53839.js";
 import { d as C, i as y } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 var k = function(t) {
   var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, i = void 0, r = void 0, n = [];
   return function() {
-    var b = x(s), f = new Date().getTime(), w = !o || f - o > b;
-    o = f;
+    var f = x(s), b = new Date().getTime(), w = !o || b - o > f;
+    o = b;
     for (var p = arguments.length, c = Array(p), d = 0; d < p; d++)
       c[d] = arguments[d];
     if (w && l.leading)
       return l.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), b), l.accumulate) {
+    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), f), l.accumulate) {
       var g = n.length - 1;
       return i.promise.then(function(u) {
         return u[g];
@@ -166,7 +166,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return a(_, { key: "7a80f66bb69e1e2bb518c9f4ad7373f3d1cd8aaf" }, a("div", { key: "b902a14ca817ff832c0622469345dc0dffca1fe0", class: "table" }, a("div", { key: "86f4ee3195984e75b525062d9b379b8ee86d66e1", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "ba0104bfe969a01d50dcdcaa5624927b6869724a", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "975f6b52dcaa745662c33f4faaf90d6b99fa66a6" }, a("div", { key: "582c32d143f9291b72ecafb726b51907bffabb5e", id: "caption" }, this.caption)), a("div", { key: "808c56a7fb22853894b988d8f8515b67dda232bc", role: "rowgroup" }, a("div", { key: "1aa3dc88ce963001bb792d42a9e3730519377b83", class: "table__header", role: "row" }, a("slot", { key: "1be89a881770c763962ebc0a88b01809bf1a7565", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "8d891c4281b4e85a51589e44a7281cde41fe68d2", class: "table__body" }, a("slot", { key: "0e1a53489761f18466f7602c75ad6cbbc43f58f8", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "cb86d4b7da8de46dbcd0c24d0e8a54e5e6ef34de", class: "table__empty-row", role: "row" }, a("div", { key: "801287a643effbbdc592af74b72285e2a254bf42", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "ceaa762a51a2d65ed970bddb6e41fd0583ed07ed", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "489e0af2784b875210a639f0274df147bf2e9a9a" }, a("div", { key: "dcce14c2a441452f800a259d91d39f8bfec962b5", class: "table" }, a("div", { key: "7401b8e724d82978365e30f124587f55fd8eb8f9", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "4ef505d8f63534189a09cbc10c0488676f64da46", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "768afaa50928f328d49d3b8753a1ace11e4a6250" }, a("div", { key: "1717c365f6685d5a5f6e35f4af8418844872a9e1", id: "caption" }, this.caption)), a("div", { key: "0eac972a51fb8855bb0fe53f21e26de0574ecfa8", role: "rowgroup" }, a("div", { key: "f1117b14100602c5aea6b55de9ced8417535615c", class: "table__header", role: "row" }, a("slot", { key: "20c8bf8b5d06d4a1814b0e370bf3b97c01fded35", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "dc3fcdcda939a78ab236104865fddcce10574012", class: "table__body" }, a("slot", { key: "ea8d69b060c6130406bd8d891472217cc942b0aa", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "0fd3d5ce20766413ace37aa1fde42f162b3569d7", class: "table__empty-row", role: "row" }, a("div", { key: "5b04c803236b2ab41a74e99c289d69063359e323", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "f26bac5dbd2b600b90f537fa833112754e9f1261", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.5940f204.js → swirl-tabs.entry.d103b3b4.js}

@@ -1,10 +1,10 @@
-import { r as n, c as b, h as s, H as r, g as d } from "./index.832d0b3f.js";
+import { r as b, c as n, h as s, H as r, g as d } from "./index.09c53839.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) {
-    n(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    b(this, t), this.tabActivated = n(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -51,7 +51,7 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "1ac2dfa2ae746878117dd5a9d084c4f01b3bfea8" }, s("div", { key: "01e1a9a7f5fd4801af2bd54750f3e7954a6fff50", class: "tabs" }, s("swirl-tab-bar", { key: "9435cfed3336d04ae4f531992c26e1fbd54c4520", 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: "649844c197a13ebc8cd4a7925acb1cf48d728404" }));
+    return s(r, { key: "6b910c04a51b3132298f089eefa597b0f863fc4e" }, s("div", { key: "5e16de5360ea32a19bbc95f6999176b5d967adb9", class: "tabs" }, s("swirl-tab-bar", { key: "7d225d01d16b36c73c38dd4f06aee18e71bf082c", 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: "7042180e086172dbca0a2974779284171b182b04" }));
   }
   get el() {
     return d(this);

package/dist/{swirl-text-input.entry.a0381e37.js → swirl-text-input.entry.fc669d75.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.832d0b3f.js";
+import { r as h, c as n, h as i, H as d } from "./index.09c53839.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -77,7 +77,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       "text-input--inline": this.inline,
       "text-input--show-password": this.type === "password" && this.showPassword
     });
-    return i(d, { key: "8877954f2b89a0b7b9669c918b7daf110607c131" }, i("div", { key: "da676db95d6671652984ac045c906c2793f3656f", class: o }, this.prefixLabel && i("span", { key: "8da3604242fe0e746285915fe024f4920730c496", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "5223ee8c91b51c07191ca305c5bad1f6b7dd311a", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "6456ab9afe0c8be65de7a0c11259cf95e1cd1e4b", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "be09212cb1701d9f0f5a4e62450cf4a52e540db5", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "aa7b43c410667c07926bf961659f418dca46851b", size: this.iconSize })), a && i("button", { key: "ab4c0e6e8e61e80462bed282fda11edcbc36dc28", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "145fcaa35c8c842cafb2d2988437e6db9bf1857d", class: "text-input__stepper" }, i("button", { key: "2ebb5e19d146e168479e82ca56d4332ff6693789", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "b8c528d353e1ed55b135538e36c4252203091449", size: this.iconSize })), i("button", { key: "58d8392f4263b0e3292020a66bf1b29756b72af0", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "e04b796438f6e3f77bc594bc400a027e8f1d2583", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "c387de92beed839754ebad2d032c56efecfb8f4e", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, { key: "0b8eede30ea9a577bfebda81539cc5e1e4b5fe95" }, i("div", { key: "bc2a3ab889a8419636c393f9092ab3ed4a56f11c", class: o }, this.prefixLabel && i("span", { key: "a01095f25187269a58a9cc5cae28975b8d6365a3", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "3dbf1ce0097b57977a49a989eb2e4c842e990d79", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "3da40cda2b2f392da53a10797cc96fd726f48ef2", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "38cc8425b91dc70a26013a600e49da131db868cd", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "aa9e6a263886a5447b4af70bc0156b74ac74ff46", size: this.iconSize })), a && i("button", { key: "fa338b9f668a7a2ce80c827a4a529a41f129a441", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "b113f02d036be11655038a48c5ed649d82b240a3", class: "text-input__stepper" }, i("button", { key: "61efb8ca9aebaacdeb8b1aac4e1bc96389a97487", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "d04ce617e500fe49751f0def355124c8a6913872", size: this.iconSize })), i("button", { key: "dd2a2d378be0b6149332dcc49faca360cd96260a", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "0615ab4dfe50d8ca22864e016df8634e8d47ffb8", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "2d0ad8c0e8a8f894165ed20013a3e7429a93230c", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
   static get watchers() {
     return {

package/dist/{swirl-text.entry.20815813.js → swirl-text.entry.5053504f.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.832d0b3f.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.09c53839.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.69c8e30c.js → swirl-theme-provider.entry.268fd421.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.832d0b3f.js";
+import { r as m, c as a, h as o, H as d } from "./index.09c53839.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "debfbb9678d6e369c7481e5f712ce472ba2d9c76" }, o("slot", { key: "6e754b8908c5ff60064f021c28666708da2f15a9" }));
+    return o(d, { key: "06cb7dab4654a9aff51a3461e0dab0d8a1399330" }, o("slot", { key: "942441b82aca3622b43526e59f258a0011ec9755" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.a658ae3c.js → swirl-time-input.entry.e15ae4b7.js}

@@ -1,26 +1,26 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.832d0b3f.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.09c53839.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-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 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: "e6c010677d0fe28d382412d125809f54b27b70f7" }, a("div", { key: "fc50e1af664bea9d903acba075ce797f82c382de", class: s }, a("input", { key: "434bfe9e5029252ff1eacdd09dc1e5711847bb47", "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: "680a27380203369f4daf51f631923c2b5307ad0b", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "15d2dad527da68b7200f678c6ac6c035bd301e8d", size: this.iconSize }))));
+    return a(p, { key: "a38e24f535ad79a370fb2bb1f9d339632c59e60d" }, a("div", { key: "5ce3a38a4178db3e8dcf6e6e95e6ca12d38b3685", class: s }, a("input", { key: "bfe7f9b3711f46c2edce8ce0a1cebf8c496e9979", "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: "ad37f6a6d1b7ba1895f1e1aa0a981bf1822cc975", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "21886d25c983e7295f2d43c95deb40328401366f", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.4bf2fe24.js → swirl-toast-provider.entry.7c5ee6cc.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as e } from "./index.832d0b3f.js";
+import { r, h as o, H as e } from "./index.09c53839.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.8e79b22d.js → swirl-toast.entry.4f4eb30e.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.832d0b3f.js";
+import { r as o, c as n, h as e, H as r } from "./index.09c53839.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.5ba40847.js → swirl-toggle-button.entry.0d1f6fab.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.832d0b3f.js";
+import { r as e, h as o } from "./index.09c53839.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const t = r("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "b8e7f721501d04c68b53c450345b4dcabc790027", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "4eef8b7908fc9f7ba892068eedcfd9773dbe963f", class: "button__label" }, this.label));
+    return o("button", { key: "bf631952cd307b78282e5f146970b5ec52864e71", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "389eaf537658ba0530e96c7a95d767edee278131", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.2b6ddee3.js → swirl-toggle-group.entry.a72ea502.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.832d0b3f.js";
+import { r as g, c as i, h as o, g as r } from "./index.09c53839.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "3f15bce65905838eaafa73ecd6cebe6737c35b7f", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "ca54b914417598aacd1f92ed5ac8b486dc053d8b", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "90295cb6ebd80d18d13b91ca6e201519a25d8d48", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "80cdabf2a4cc3442a9890903fd26148d26db3ad4", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.4cf8f3c6.js → swirl-toolbar.entry.821c6690.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.832d0b3f.js";
+import { r as n, h as s, H as r, g as i } from "./index.09c53839.js";
 import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.c881929e.js → swirl-tooltip.entry.720002a4.js}

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

package/dist/{swirl-tree-navigation-item.entry.a404213b.js → swirl-tree-navigation-item.entry.ab0fe682.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.832d0b3f.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.09c53839.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "a42d7d58474bf84de0d134f2b3609967559dc879", role: "none" }, e("li", { key: "51cb405ab5f9530d4e6e765e67057ac9997d4634", class: {
+    return e(o, { key: "c5c9aaab9e0ae98823e070397b4210748aa5b89a", role: "none" }, e("li", { key: "247b020fb82797a67995dfff2e0cc46d0f45b12b", 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: "44f560f801d3cf310501173dee5d2f4705570dce", 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: "123e8940aa5bf2428dfdcd7d64edaebbbec9cbc6", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "ffac14d62fa8e10df0ae5904e0e2cc7a1b2f2ef7", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "1efecc50dda818fd6bb170452347e56e9fbf55e5", class: "tree-navigation-item__label" }, e("span", { key: "c4853609022c3396999efa4a865537decdc869e9", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "e1d8cb7ef87f2f30d0f98b578bcb062ea7db7f6c", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "6b3366a4a34fbc0984ded85cfc95b26b85eb9841", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "486638d47ebde4c21734f40fc517ecbb57124d13", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "be197e40ece624cc4235ade598730bb0677adef0", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "91f71af45a512ba54aebcef3cd5fec4b8c17b361", 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: "ae089b5cfc9e906bbdb47a8a18a6f9e93f0f5178", 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: "2280b27ba700de1473c91eb35f5d2de08bc3540a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "ee4146b5a61f0bad5d00371106fe782ffa32cd01", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "03f0283be566d93548cc0f516adcc2a9a3a9bc66", class: "tree-navigation-item__label" }, e("span", { key: "00af4fbe3d42cf0f7f327ae967381a30427f2492", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "c41f06c4e025286ddd8c79367d1f13f7b9360f4a", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "5ccbfe78fb441c52db23ab0e9b92fd4f3367d6fd", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "aa87687dbee58bb91a9a91ed04e430730e27bdd9", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "acdf648348a2c4f9c1e5b29a6c410f29237b0f02", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "8fc6a90fcedc94cae7a235982ff793a6d0f56a86", 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: "904ab4553e16b41f600100ac0ed143bf4068fd5a" }))));
+    } }, e("slot", { key: "32c27c15243605450ec166c1ec1dfd3170da624f" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.a0d30009.js → swirl-tree-navigation.entry.eed95bc3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.832d0b3f.js";
+import { r as t, h as e, H as i } from "./index.09c53839.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "8246dcc5d18a8736dfd23c7974a8deccd0403ca9" }, e("ul", { key: "5b4979eba60411f412fabcb92243b497fc1b45ae", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "1b04319c154ae86265056fde34d3b1012c33dd38" })));
+    return e(i, { key: "df4b506f6383d8bba14a49b1c06d36ef970af691" }, e("ul", { key: "fb3d1cac0cfe246df7abb222294d24200a4e712b", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "efc6f605145aa153900f92e2ccb38f47b6a00d5c" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.a3b604cf.js → swirl-tree-view-item.entry.597580ee.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.832d0b3f.js";
+import { r as c, c as a, h as e, F as l, H as o, g as d } from "./index.09c53839.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -39,14 +39,14 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
     }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "47fd18686962962937ccc3708f5055dada1de65b", id: this.itemId, role: "none" }, e("li", { key: "16d0c6786f038ec8f1bb9082f7e3039856dd6733", class: s, role: "none" }, e("a", { key: "4e538aa7a3ae3704ae75702ae4b576d40b5afc2f", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    return e(o, { key: "99e7b997cc0ac4b876a39ad8c86463f65b1f2b04", id: this.itemId, role: "none" }, e("li", { key: "92d5be2ddaf1e9ffde494bd80558b21be1d47b89", class: s, role: "none" }, e("a", { key: "8013e23ffc362c1c40d2bf499cc311408f28b450", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
       paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "c8378dc70fa49a84ba345b7a352f480bc777f768", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "a9d66509696f58cecdd0d5ccacbdcd182f90d676" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "cc3b301449a61927977554764808d4a45ecc12bc" }, e("span", { key: "ca01a05b89a703befb4323a770590f59d3c97452", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "654edeb374f8a8728bdf82e228231f62406fcfae", class: "tree-view-item__label" }, this.label), e("span", { key: "92809da1786d9852af825f6958113c0b01618416", class: "tree-view-item__tags" }, e("slot", { key: "38257ba68c4d6822d4b71e9b6aca8435b2a55c2e", name: "tags" }))), e("ul", { key: "50572d909fa2ce6df8f3b24d7dc151328bf5b12d", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "6e86292381b7968130520b76b33e95d6267de99a", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "76518e2402d633f2f4e410155ef8306fc74ee231" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "4cec92ec50f6e7b8eb7a10aa0557b39be03b1369" }, e("span", { key: "994c4d8f711823a38dc49d519d97d000dc94427e", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "0f0f0737811692e3d86d1147cbf9b5f2707156e4", class: "tree-view-item__label" }, this.label), e("span", { key: "6d59fb68782991840fa1e3728490bf3d52284b56", class: "tree-view-item__tags" }, e("slot", { key: "c73c93ecfb910c927b43915e10deec8c63357af2", name: "tags" }))), e("ul", { key: "3025c601105e94f5a19e7585c74b50398e242275", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
       display: !this.expanded || !r ? "none" : void 0
-    } }, e("slot", { key: "9a73358108ba61c642c9cb36cf40123316979638" }))));
+    } }, e("slot", { key: "44a4643f2d58607f9013ba83f8e1cc6d817394d7" }))));
   }
   get el() {
-    return o(this);
+    return d(this);
   }
 };
 v.style = m;

package/dist/{swirl-tree-view.entry.a93a75f7.js → swirl-tree-view.entry.85e77366.js}

@@ -1,4 +1,4 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.832d0b3f.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.09c53839.js";
 import "react";
 import "react-dom";
 const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
@@ -115,7 +115,7 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "c7ef2c549ea86a8206321c0d0ff1697b52e09596" }, o("ul", { key: "25ad431f5ec2295cf853e8d44c468203733f503c", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "8478ccb313cc9ca6e1d60f7fbb4a194489bd9229", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "bbcd1bc74c52c3b8896f20be1caadf84734e4b2f" }, o("ul", { key: "72bbdf03a78b04415cd17de341b4e4af7fcf3b54", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "279f56e5bb2eec5852bacc8e5416164cafb22f50", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-video-thumbnail.entry.2e6fb520.js → swirl-video-thumbnail.entry.0c749d75.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.832d0b3f.js";
+import { r as e, h as n, H as a } from "./index.09c53839.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: "c3391b000313dfda53d6f3b41b819ab281d44848" }, n("button", { key: "a919fcec1196b1c38751e6f42230851202887bac", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "7f725cff5641767e7cf70342155959ada5e2a176", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "7e528e23564753c92407ef8959d1f1fec67decf6", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "98ab1fcecd46520ad8257da8a89f12536869061e" }, this.durationLabel), this.duration), n("svg", { key: "df470fd68c7e8190c87ea9d97e46ed37cf06189f", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "a7adb674f667bbfdb88bfccf9cd492a651d689fd", 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: "037e6f35a107a2ad164eacd3f528b6a5828c1e06" }, n("button", { key: "7c29bfc214d4d0673908a9256ac19dabe483947d", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "99f5ce1c96758efeda64ab45078c12d1b2073a4a", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "0ee014ffa46b74a96110d08efc80c411acf8b9fb", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "cbe67dc2b72a6131641345c9a592ea6026d83124" }, this.durationLabel), this.duration), n("svg", { key: "f10251c6fd959bfa10d3a53f48999b8a2fe1cb12", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "a61e05c87882a9173e0f5a7b9cf67af7e5c93214", 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.b4a9ce6a.js

@@ -0,0 +1,15 @@
+import { r as s, h as i, H as r } from "./index.09c53839.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(e) {
+    s(this, e);
+  }
+  render() {
+    return i(r, { key: "787f927a3a310f100160b65f0b88d2907f53e9a3" }, i("slot", { key: "9fda62dd3f0e8b00e5bae33edac6c6997db2d8c7" }));
+  }
+};
+a.style = l;
+export {
+  a as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.de4405b7.js → wc-datepicker.entry.328a1cee.js}

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

package/package.json

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

package/dist/swirl-action-list-section.entry.ecd16d65.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as s } from "./index.832d0b3f.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = a, c = class {
-  constructor(t) {
-    i(this, t), this.label = void 0;
-  }
-  render() {
-    return e(s, { key: "297688f160ff018c0a2ecce9cb2bd2334a63b4ed" }, e("div", { key: "410c162413ca42fc3ea67cb8f242d425b565bb1c", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "5c65d4afe15c9c7beed9b475e22f20c5ef4bbdfb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "43ee7a618f4780e75b5d9434060807a0adeb522b", class: "action-list-section__items" }, e("slot", { key: "fdccbc861430f3f6bc839e8166adfb64640fc56f" }))));
-  }
-};
-c.style = o;
-export {
-  c as swirl_action_list_section
-};

package/dist/swirl-columns.entry.c938c54d.js

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

package/dist/swirl-emoji-clap.entry.f92b93de.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.832d0b3f.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, b = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "aa4c05c1fb7d333a6cebb00ac2e12d2eb4eb1117" }, this.size === 16 && e("img", { key: "90f874d6eea29bb242ab98000f84b972ffdda668", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "5f68eb3aae861b5308c1b84db7f9067ca2633cca", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "2cb0f473246fc79a35610ff9b10d08972dd28b03", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "1e7fa5eef8115ff3bd99bbb9b4aacef355c2967f", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-b.style = c;
-export {
-  b as swirl_emoji_clap
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.832d0b3f.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: "e9cf3c9a14543573eaae0cb19ea317a8ce5e33d0" }, this.size === 16 && e("img", { key: "410d35ffca908e9a513c6a5fa63b1e2225779390", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "dd471bfd58797e16115cd81ed2bc8008be14516f", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "b5bb3067158c00065414fae3798140e3d2691e52", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "654eae72907dd00c60c00821f6f550ffc5f9fef8", 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.841c48a4.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.832d0b3f.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "08bf8138e164dee3917e877ce3af33e37b7c158a" }, this.size === 16 && s("img", { key: "b24b209f7ba0884f70fba363abdb86174699fedb", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "57d19525051001a68a5fdfd4b755be25016ef7de", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "a6bc1b3fff9c36047d788654c47d452480978566", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "79e46a46d9bb06afd04272195b28ac3db8c7e76a", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.6a44298c.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.832d0b3f.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", o = l, c = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "980138d168c8b6e07165147997260bf807833883" }, this.size === 16 && s("img", { key: "390e6af239ef3aa511a825176324e1b66ed3420d", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "7dc150bee5dfd0f72ab769ff6ece6936838f2781", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "1922259c4fe4ed618f694713b1016085a6ca64ee", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "49b1bd28012f782eece413bf117113354c36115b", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.7bc0e3b8.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.832d0b3f.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "a80ee8ad5fe44fe4feab177efbd295f67ba34546" }, this.size === 16 && e("img", { key: "183cb5935153eb887df2c26c92898f80a39f8065", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "2e954145f57145e5cdf50edf558c81442c7dd426", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "b4d349f18df18a62fc2e8443944a5cf325eb9a7e", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "0b8ca8f425569f3d60f70dc3d03dff1dcadf7a05", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.d36c3337.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.832d0b3f.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", c = h, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "12fb2b0a399f34bcb703b7b409440b9bf02402ae" }, this.size === 16 && e("img", { key: "28d78be1216a881b26cee4897a8b991825603f96", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "085eeca0844876c8c229cd1f55f4bd5a8f2a9a59", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "980535ffc8f8ab8a6e88a4d812cf7fdfe6ee8b01", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "76e7a3f4581aedcf3df34258c51d900633fc3488", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.a9e46b9f.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.832d0b3f.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", c = r, o = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "cbc66918e8b6bc2a278c1debf235b76013a88c1f" }, e(s, { key: "f68d423cdc4cfcbf84336ca54b300968d37d122e", label: this.label, size: this.size }));
-  }
-};
-o.style = c;
-export {
-  o as swirl_emoji
-};

package/dist/swirl-icon-arrow-right-small.entry.816233ee.js

@@ -1,19 +0,0 @@
-import { r, h as e, F as s } from "./index.832d0b3f.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = a, f = class {
-  constructor(i) {
-    r(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "f3ce2955f8e6224197ed30c264c3b36236fea5a8", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "bb9c6b9cf8c05c9e20b7315f97e40785d431e13f" }, e("path", { key: "ace2e6525fd7f9e77a62d758aae14d11d72df426", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "fbfce12fef2ee1eb71f60c409f4c5863fb7f9042" }, e("path", { key: "3ba9a032f7d813b26d0e10fadc10f68c55ecb8dd", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "e0932875bc74f622c688b2ab51af39f565660019" }, e("path", { key: "ec1f2854dde349abffd55ec9341e887fa987c463", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-f.style = l;
-export {
-  f as swirl_icon_arrow_right_small
-};