@getflip/swirl-components-react 0.247.0 → 0.248.0

package/dist/{swirl-table-cell.entry.86da1f03.js → swirl-table-cell.entry.4917e306.js}

@@ -1,12 +1,12 @@
-import { r as a, h as s, H as t } from "./index.bc737c6d.js";
+import { r as t, h as s, H as a } from "./index.f9b32117.js";
 import "react";
 import "react-dom";
 const l = ":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 = l, r = class {
   constructor(e) {
-    a(this, e);
+    t(this, e);
   }
   render() {
-    return s(t, { key: "fc7da675df63b41262aab0ca5047cfc6c7c1a482", class: "table-cell", role: "cell" }, s("slot", { key: "5503681f11d794201347e8e705afb2c2dbcf19a6" }));
+    return s(a, { key: "e385e48abb9a9d6c8ca893faf94c04663b6a04b2", class: "table-cell", role: "cell" }, s("slot", { key: "7fc6b13b190f8d0354dd237692d4c400d668fddf" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.9baf9450.js → swirl-table-column.entry.152a964b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.bc737c6d.js";
+import { r as t, h as s, H as i, g as a } from "./index.f9b32117.js";
 import { c as o } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.ca8585a3.js → swirl-table-row-group.entry.cdfc1568.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as a } from "./index.bc737c6d.js";
+import { r as o, h as e, H as a, g as l } from "./index.f9b32117.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,13 +20,13 @@ 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: "42c1ae8cc2f029b64e6d5c30b385602968ab5795", class: "table-row-group", role: "rowgroup" }, e("div", { key: "41cbdfd1e008b3915e85205b2707a4788a966ebe", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "a9a33ca05064140a5e0b4ff440b16bcc8130be85", 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: "cf2e90d35fe85bb3b4282dea826b7928ec434ad4", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "73af6e7cda606e913f9d75458c2f8c23950e43e7", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "7d42b1ff4c5962d3691df08677a2369ac91f0d93", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "77c8d123bb003b4418f6fc6c820eeef1fefa7171", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "25232d5ef791eca3be4763a3895c9204416be5c4", class: {
+    return e(a, { key: "1d0bdf4f677cca0eeca34a2fea15bac8db8ea4cb", class: "table-row-group", role: "rowgroup" }, e("div", { key: "157df55eddceaa4ceccccc9f264d6561040d087c", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "c3fe7164c8b1de3a9079861d031d3d4de28f6353", 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: "18f467314272c8617e65f74e4ad90e38b30e0c33", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "de6d11fda4ad33efca885bf05b1a5cfbd79a1b01", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "cc9116a107dac532538fa719bb67faa949bf00ae", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "07160d507cabc38cdba60add786c71dbf9b08f3d", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "1100ceb304ad064dc0d15b1c28573ec63af7fd53", 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: "aff3caec1e960700f892a36f013889feaa1cba6b" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "eecee4654e7847431e27df0605378632700d186f" })));
   }
   get el() {
-    return a(this);
+    return l(this);
   }
 };
 c.style = n;

package/dist/{swirl-table-row.entry.de0405f1.js → swirl-table-row.entry.1cdbfe87.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.bc737c6d.js";
+import { r as s, h as t, H as o, g as r } from "./index.f9b32117.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
@@ -15,7 +15,7 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "ba098072d7003e074599dca860bea7791482f2dc", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "c2f6c8ea382d21ecf2ba2e22236d549108255b02" }));
+    return t(o, { key: "51cd81a5b7a2759b698bed63b82cf07bc8ede623", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "33dea8245ef23ef5660fb8073944000039f58438" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.734bc2a6.js → swirl-table.entry.89c0762e.js}

@@ -1,4 +1,4 @@
-import { r as S, h as a, H as _, g as v } from "./index.bc737c6d.js";
+import { r as S, h as a, H as _, g as v } from "./index.f9b32117.js";
 import { d as C, i as y } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
@@ -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: "211d3134f18e62f7f02f46645fde6e9c4ae07f12" }, a("div", { key: "342e7fc3f43e934c4850a730b15c55044b6ffae2", class: "table" }, a("div", { key: "7e7cfeeb4242ff504d3f523cd02e517dea86c6de", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "44221dbaed809884355ed108ab1c1713cf2bd123", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "57d579d1971de2d6115e585a4baf1fec894bfbd5" }, a("div", { key: "677f67a5395a1724e14e817cfe2a41bf73653978", id: "caption" }, this.caption)), a("div", { key: "cfffde89247b9c0cb50512ebfc735fecf04a0fc2", role: "rowgroup" }, a("div", { key: "c5fdb3c72b3b87f17a2da913ccd7820205b550ba", class: "table__header", role: "row" }, a("slot", { key: "717a3592a66bff785b483a73b32e71f7a322a4e7", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "e20d6e3f38b93015a71fc58e90ceb22e35ae8a13", class: "table__body" }, a("slot", { key: "79e5828baeb733d274bb0c17e6e564c9627aeeeb", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "723c25b4d747782529669e3e60d248bb2d91d2e4", class: "table__empty-row", role: "row" }, a("div", { key: "0dd9bafab682f5a632360fe1e3743119d8f5d653", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "938019e1f358a974deecc760b63fc262be3a8c30", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "24f2a6738264e8091386981013eb792ad020ac86" }, a("div", { key: "f97676899c0cceddc878b1cf7b795968d792b1d0", class: "table" }, a("div", { key: "72ef16c858fcb313244e13fd15d6191eec3a0cca", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "e2cc2d5ed3fafc5a30eb48a3469d1ad137099506", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "b5708c2dd48deb4bfc2c569dd0a249301578641a" }, a("div", { key: "4e016885e8bfba638b6e05eb0fa15024f5099dc5", id: "caption" }, this.caption)), a("div", { key: "cbde00b59313c31e0fd7620baf4e08ee699b6209", role: "rowgroup" }, a("div", { key: "4aa832ba26f60d3ef5e97996d207939aee97aff5", class: "table__header", role: "row" }, a("slot", { key: "d9a69f765ddc2d2faaccdfe51031d78613741693", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "a090d330a831c6b7aa63e1c1e7db1ab1722bd9fa", class: "table__body" }, a("slot", { key: "42d70543808550a115f7451744e2d21b03606bd4", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "db9ec3facf6ffc31f9e5e9b6b966f655dfdf57f8", class: "table__empty-row", role: "row" }, a("div", { key: "5176984f0202af1dba88810a6ea974556add854c", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "fd9eafe81d31876a2b37deafd2d9180c934f1d4c", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.3dc82dc4.js → swirl-tabs.entry.01fdc4f6.js}

@@ -1,9 +1,9 @@
-import { r as s, c as b, h as e, H as n, g as c } from "./index.bc737c6d.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.f9b32117.js";
 import "react";
 import "react-dom";
 const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", d = r, h = class {
   constructor(t) {
-    s(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -50,7 +50,7 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(n, { key: "7495ad88433612a876374ca84c56193ec16263e8" }, e("div", { key: "e1bd37e48815f19f72172e890071ed3bc0ab9749", class: "tabs" }, e("swirl-tab-bar", { key: "13b411c9c2e789151cae647b31b7e25c2886cfea", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), e("slot", { key: "d9604a021dc4226aa1939ecd6a99264528061fcf" }));
+    return s(n, { key: "b3117933df19f31baa5ff7d8f634113a80e49ad7" }, s("div", { key: "8f6b49a077ae6494063c32035d87b7c8e97920fc", class: "tabs" }, s("swirl-tab-bar", { key: "34cdbc9c318567a665ef0b76400a686049344f12", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), s("slot", { key: "d2d82108c3cfcfd6692bb4d27231fbfbf96ab801" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.832e38d5.js → swirl-text-input.entry.108cd0eb.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.bc737c6d.js";
+import { r as h, c as n, h as i, H as d } from "./index.f9b32117.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-text.entry.7f3ef206.js → swirl-text.entry.d3c630f2.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.bc737c6d.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.f9b32117.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "83c9324751af58f7ffc5b46dd0de6fe691c58524" }, Y(l, { key: "15686add3044af674ee4d124376fcb552addba4d", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "57a2e0f601059fd4a37bf8b6cd39fa237dbc68f8" })));
+    return Y(lt, { key: "3b14704a4e3913a8fc257bf5d92b300f13e8c0dc" }, Y(l, { key: "41e876d7809f3a8a060358f8c126bd93a09ac0bd", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "b2502f17709ccca445a18dfd279d52e73897ab41" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.91e4dd4b.js → swirl-theme-provider.entry.064e8249.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.bc737c6d.js";
+import { r as m, c as a, h as o, H as d } from "./index.f9b32117.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: "979ca9efaea42949aa0bdaf849921b74d4fc1f06" }, o("slot", { key: "89835b441ff86c54f44252fefe17fee8abe359df" }));
+    return o(d, { key: "f213ee10357d56715a9a3de89b943ada5b6055bc" }, o("slot", { key: "645627f1a8fefdec0703b1523cf44d0c6992df59" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.57cdb6a9.js → swirl-time-input.entry.bd43327f.js}

@@ -1,26 +1,26 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.bc737c6d.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.f9b32117.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.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-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-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, u = "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, l = "HH:mm:ss", k = class {
   constructor(e) {
-    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) => {
+    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);
     }, 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 = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), 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, u, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
+        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);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -59,10 +59,10 @@ const b = ".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, u, new Date()) : void 0, t = o(i) ? l(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, 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: "dd32efdce7b60f40c927166c39dd7af360147a7d" }, a("div", { key: "34aa896e2c51a378c563506fb27bbb82c863ef01", class: s }, a("input", { key: "0d00c63be92b9725f3541cc765b146665b4da04c", "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: "40f974e579ebca3a974849e84fbbe66ad7b46ae9", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "11d40f17ed904411818b1ce878e79418a36e9bee", size: this.iconSize }))));
+    return a(p, { key: "ec1451e38c1ed030832bbd774c438f5294d54c1a" }, a("div", { key: "4006c0b501d263dbd45bb5d4316a195dfe5cabc6", class: s }, a("input", { key: "5713e16c259634accc352ac82cc49c7470752af6", "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: "950f25edb2be507a6d0e2546bfc76a50f542d2f1", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "e93f2f9bb828b5d7e38115d959dff8d2fbc84d90", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = g;
+k.style = b;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.b52a64ce.js → swirl-toast-provider.entry.7e35f7d4.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as e } from "./index.bc737c6d.js";
+import { r, h as o, H as e } from "./index.f9b32117.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.bb1fd8d7.js → swirl-toast.entry.d7bebc42.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.bc737c6d.js";
+import { r as o, c as n, h as e, H as r } from "./index.f9b32117.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-toolbar.entry.fae39187.js → swirl-toolbar.entry.b7c4b768.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.bc737c6d.js";
+import { r as n, h as s, H as r, g as i } from "./index.f9b32117.js";
 import { b as a } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.cb28eb3b.js → swirl-tooltip.entry.8822e519.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as h } from "./index.bc737c6d.js";
+import { r as p, h as i, H as c, g as h } from "./index.f9b32117.js";
 import { b as d, 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.c6a960a8.js → swirl-tree-navigation-item.entry.ac23cd4d.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.bc737c6d.js";
+import { r, h as i, H as n, g as s } from "./index.f9b32117.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,7 +11,7 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "98d6a30a0df95c83024c06f8381b2cdfa825a0a0" }, i(a, { key: "4b00f039a17fcd44264d90cb67d3350c88f7101a", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "efdd020658971918eba5ddd2636f762d10e17a55", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "b66d5ac19e8f74642e0b30ae6c6d3149f9a662c5", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "43eae3e3dffc234008bd3159c5c1fbca22225e86" }, i(a, { key: "209012bd4e98b88f0c1cdcee45e830e81e81533d", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "98e0a59e6b0c4a9d99ee334afb21bc521b54ff32", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c8a780ce2218e6aaca7dbcb180aa76047acb4dde", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-tree-view-item.entry.c29dfe8e.js → swirl-tree-view-item.entry.6da20381.js}

@@ -1,10 +1,10 @@
-import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.bc737c6d.js";
+import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.f9b32117.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
   constructor(t) {
-    c(this, t), this.expandedChange = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onClickCollapse = (i) => {
       i.preventDefault(), i.stopPropagation(), this.collapse();
@@ -38,12 +38,12 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
     const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
-    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "ce367fefd45d1d50c202fa9ef3065eebcfccab7a", id: this.itemId, role: "none" }, e("li", { key: "ee966b1714d8415bdc2e658ab8fa42ceeb29a15a", class: s, role: "none" }, e("a", { key: "8be8b57d214fe8cb9172ea8d413b7d2adbce26f9", "aria-current": this.active ? "page" : void 0, "aria-expanded": a ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": a ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(d, { key: "74f44797d9eb38ef0147d8d94edf34ff2bbb1fff", id: this.itemId, role: "none" }, e("li", { key: "a53e946246de0c424c7ec0c1938ebbb781dd9e5a", class: s, role: "none" }, e("a", { key: "e25b958392e6ba0d2f174c74b9dbc2f8df7cbe3a", "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: "2845aeda99755558b9b4f819472fd025ac1eae13", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "50c496922accbf86cbbe26aff3b5fed207f9d1bc" }, 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: "6a5d0160e158b8c0135cc182128974ab84e6c900" }, e("span", { key: "a01e6768933afc225125fc5540a05dedf0e9b295", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "72dcaafd287e07fcfade3af12e71d68c1abfe514", class: "tree-view-item__label" }, this.label), e("span", { key: "a13263d1a457240cbc39b02eb1028cb8b9c3ab22", class: "tree-view-item__tags" }, e("slot", { key: "74abf719eb9604bb0749b50001efc95b3fb3c0df", name: "tags" }))), e("ul", { key: "a210013fde5ae34efc2006bddca079a5d0e251b5", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !a ? "none" : void 0
-    } }, e("slot", { key: "84e698eb01a8a13b508bddb94eaf711061284576" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "44c025c23b1d7d00f4f5ba898bab3cd41d1e9f39", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "fee00b36dea88c6e297e87c18d4b6ef86a8a4491" }, 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: "68826032f915fdfc3ecc262e594c6eae241e33fc" }, e("span", { key: "a58bf813760fb4b853fad56eae1cf40947568fa1", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "8e02da141a3969d86441450822099ed77aa68b06", class: "tree-view-item__label" }, this.label), e("span", { key: "4d1a5a5b5eba6cc2a6a67f7cf558f1cc96c97b1c", class: "tree-view-item__tags" }, e("slot", { key: "e09aa49f284fb4be5779fec0ecfd9608a2502a9f", name: "tags" }))), e("ul", { key: "e2d0cd19706165d0490ab40dd8562b51a61f3a5d", "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: "19f9ef904db49fa419ff41c69ca80e74218c0e26" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-view.entry.3c9c1b4f.js → swirl-tree-view.entry.5bb69f52.js}

@@ -1,4 +1,4 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.bc737c6d.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.f9b32117.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: "ffa39d336af033486bbf479935588592e7e75fc3" }, o("ul", { key: "26135c964f61c1c9f5c7be91a8cddb8f6850503a", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "2aab87e526eb259e67b23d5db60c21fdcb69258b", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "949d86f3cf3bbcad04e12edd0f19b5ce23ae9b69" }, o("ul", { key: "357ca6d5902c226fa040984147674bd24ef027b6", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "a96fdf4a6fa9ea94fd9a13df61901ae644465d86", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-video-thumbnail.entry.66b8d31d.js → swirl-video-thumbnail.entry.fc5de894.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.bc737c6d.js";
+import { r as e, h as n, H as a } from "./index.f9b32117.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: "ac33fdb74d0be7fcf9e99e2ba7ebf42b116007ba" }, n("button", { key: "1a6f39295e1854480120c12705c330a36ce25739", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "ab4244d3499bf5ad9237d1c991b7c03eab79cf58", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "31ac5e9ecf02b3d49da7c9e6f3b6c1765b5f31e7", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "385f3dd48d240f6ada32e108224d9cf485ccb9dd" }, this.durationLabel), this.duration), n("svg", { key: "fe0295f39cd1801ef80b97ecf16fb44ac4d22166", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "9319b02da21bee47728845c25e1c41e16236718f", 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: "7564e63785555daf7f703daa4e62d43003d7a1da" }, n("button", { key: "b084a855799c3393020189a75af9bacf3ba89e9f", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1a0e30e696e93382e4ca8505645d2bf1b869fb02", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "6e02c0e9cd4c427d4385812840475bc0ef87f8ac", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "772248ecc7a804c4e278721de73252b5cab189f7" }, this.durationLabel), this.duration), n("svg", { key: "e1692511770591d9c38ef8473110e6c13d526e1a", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "7bf48a8106bf3bec188da18e76ae7f3cf6635dac", 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.bbaba4fa.js

@@ -0,0 +1,15 @@
+import { r as s, h as i, H as r } from "./index.f9b32117.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: "c2e8c2e597d0b5e0bd1f545ae9adc7d9c53f2241" }, i("slot", { key: "53d87fb49eea3da3728c0a19f7579116943b8a97" }));
+  }
+};
+a.style = l;
+export {
+  a as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.0294abba.js → wc-datepicker.entry.eabd5bc3.js}

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

package/package.json

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

package/dist/swirl-select.entry.8da48a57.js

@@ -1,79 +0,0 @@
-import { r as u, c as h, h as s, H as b, g as f } from "./index.bc737c6d.js";
-import { c as w } from "./index-267776a4.6beb4f4b.js";
-import { q as v } from "./utils-fbb8b494.acf1ae9e.js";
-import "react";
-import "react-dom";
-const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", _ = m, g = class {
-  constructor(l) {
-    u(this, l), this.searchChange = h(this, "searchChange", 7), this.valueChange = h(this, "valueChange", 7), this.select = (t) => {
-      t.stopPropagation(), this.value = t.detail, this.valueChange.emit(this.value), this.multiSelect || this.swirlPopover.close();
-    }, this.unselectOption = (t) => {
-      !this.allowDeselect || (this.value = this.value.filter((i) => i !== t), this.valueChange.emit(this.value));
-    }, this.onSlotChange = () => {
-      this.updateOptions();
-    }, this.onOpen = (t) => {
-      var i, a;
-      this.placement = (i = t.detail.position) == null ? void 0 : i.placement, this.open = !0, this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (a = this.optionList.querySelector('[tabIndex="0"]')) == null || a.focus();
-    }, this.onClose = () => {
-      Boolean(this.searchInput) && (this.searchInput.value = "", this.searchChange.emit("")), this.open = !1, this.input.focus();
-    }, this.onKeyDown = (t) => {
-      var i;
-      if (t.code === "Space" || t.code === "Enter") {
-        if (t.target === this.searchInput)
-          return;
-        t.preventDefault(), this.swirlPopover.open(this.el);
-      } else
-        t.code === "ArrowDown" && t.target === this.searchInput && ((i = this.optionList.querySelector('[tabIndex="0"]')) == null || i.focus());
-    }, this.onSearchInput = (t) => {
-      this.searchChange.emit(t.target.value);
-    }, this.allowDeselect = !0, this.disabled = void 0, this.emptyListLabel = "No results found.", this.inline = void 0, this.invalid = void 0, this.label = void 0, this.multiSelect = void 0, this.required = void 0, this.searchInputLabel = "Search options", this.searchLoading = void 0, this.searchPlaceholder = void 0, this.selectId = Math.round(Math.random() * 1e6).toString(), this.swirlAriaDescribedby = void 0, this.value = void 0, this.withSearch = void 0, this.options = [], this.open = void 0, this.placement = void 0;
-  }
-  componentWillLoad() {
-    queueMicrotask(() => {
-      this.updateOptions(), this.observeSlotChanges();
-    });
-  }
-  disconnectedCallback() {
-    var l;
-    (l = this.observer) == null || l.disconnect();
-  }
-  onWindowFocusIn(l) {
-    l.target === this.el.querySelector("input") && l.stopImmediatePropagation();
-  }
-  observeSlotChanges() {
-    this.observer = new MutationObserver(() => {
-      this.updateOptions();
-    }), this.observer.observe(this.el, {
-      childList: !0,
-      subtree: !0
-    });
-  }
-  updateOptions() {
-    this.options = v(this.el, "swirl-option-list-item");
-  }
-  render() {
-    var r, n, o;
-    const l = Boolean(this.value) ? (r = this.value) == null ? void 0 : r.map((e) => {
-      var c;
-      return (c = this.options.find((p) => p.value === e)) == null ? void 0 : c.label;
-    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = w("select", `select--placement-${this.placement}`, {
-      "select--disabled": this.disabled,
-      "select--inline": this.inline,
-      "select--multi": this.multiSelect,
-      "select--search-loading": this.searchLoading
-    });
-    return s(b, { key: "36d77c32234ab13624593fe6a93fbe46ceb59c19", onKeyDown: this.onKeyDown }, s("div", { key: "ef357247a321c43a85a017b83924520889ad6d6d", class: d }, s("swirl-popover-trigger", { key: "72955fe5e04c2bca903f90597fe56e8154b64fc9", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "a283aafe99f399bbd36b39f1ffd5494fec450073", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "3db71733be912ace6b8a68e7ee5df6b65c469dea", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
-      "aria-hidden": "true",
-      label: e == null ? void 0 : e.label,
-      onRemove: () => this.unselectOption(e == null ? void 0 : e.value),
-      removable: !this.disabled && this.allowDeselect
-    }))), s("span", { key: "729a32ac7b64ca0091f6bafaf2028b72b3e3c282", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "3b367204cb7b59be703761daa9ca742ba2986e2e", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "4b10ea3e698f8e0d017f95ffd8aaec953e6cd4ed", class: "select__search" }, s("swirl-icon-search", { key: "b5e010f354e9b117bc230fe75fa88e02819217e9", class: "select__search-icon", size: 20 }), s("input", { key: "b73b3933261211cc1b9b0fe28dca5d54b575e99d", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "79136a64a324987faba199826718651e9671846c", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "aeb74e17ac9cfdc45b45f644bd5701ef0b151068", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "b2c309e5fd5cbde204cb8a8325b88c76d6fe0645", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "a1985c14a2d13174851ade1ca8aeced2fbe67d41", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "08bfc07bd1a9cfca7f38ddb2d8b2408302bd56cd", onSlotchange: this.onSlotChange })))));
-  }
-  get el() {
-    return f(this);
-  }
-};
-g.style = _;
-export {
-  g as swirl_select
-};

package/dist/swirl-symbol-bookmark.entry.21d1b7c4.js

@@ -1,17 +0,0 @@
-import { r as o, h as i, F as t } from "./index.bc737c6d.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = a, c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, e = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return i("svg", { key: "1f79cf3c93625d66fd75c8bb2d67abf8fb6cfb7a", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(t, { key: "a2f6be748f600b128e9aad818c76671c8aa0fa0f" }, i("path", { key: "4694d9ea2808d14d87bfcddc26b9a6bc1c2ceab3", 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-symbol-smartphone.entry.93ce7e66.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.bc737c6d.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = a, c = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "103c65add587b96da8c046af4f7da941f5d0f182", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "dbedc9bf6771ffcbd00e09ba87b6a64d45cd88fc" }, e("path", { key: "0f5a5cb77faf858db98dce27ba61534c7a2d5022", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_smartphone
-};

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

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