@getflip/swirl-components-react 0.220.5 → 0.222.0

package/dist/{swirl-symbol-image.entry.64736594.js → swirl-symbol-image.entry.f2c864de.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.b829712a.js";
+import { r as t, h as e, F as l } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-info-menu.entry.ea956a40.js → swirl-symbol-info-menu.entry.06cf6313.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.b829712a.js";
+import { r as t, h as e, F as o } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-instagram.entry.653cdbdc.js → swirl-symbol-instagram.entry.a3e83675.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.b829712a.js";
+import { r as t, h as s, F as e } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-ios.entry.896685c2.js → swirl-symbol-ios.entry.20335811.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.b829712a.js";
+import { r as t, h as e, F as C } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-language.entry.8e5c630c.js → swirl-symbol-language.entry.708550fd.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.b829712a.js";
+import { r as i, h as e, F as t } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-leaderboard.entry.1df43ca0.js → swirl-symbol-leaderboard.entry.6788a16d.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as t } from "./index.b829712a.js";
+import { r, h as e, F as t } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-lightbulb.entry.29baf785.js → swirl-symbol-lightbulb.entry.d5eb6dfc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.b829712a.js";
+import { r as t, h as s, F as l } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-linkedin.entry.48432ae1.js → swirl-symbol-linkedin.entry.7664dd0e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as l } from "./index.b829712a.js";
+import { r as t, h as i, F as l } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-location-on.entry.5dbdfd56.js → swirl-symbol-location-on.entry.fb412d59.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as o } from "./index.b829712a.js";
+import { r as t, h as i, F as o } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-loyalty.entry.b7fd349d.js → swirl-symbol-loyalty.entry.62e3c7fd.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b829712a.js";
+import { r as t, h as C, F as i } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-maps-home-work.entry.0ca1b7e1.js → swirl-symbol-maps-home-work.entry.8f9f14cf.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.b829712a.js";
+import { r as o, h as e, F as t } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-notifications.entry.e06a5493.js → swirl-symbol-notifications.entry.7ef2c6cc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as o } from "./index.b829712a.js";
+import { r as t, h as i, F as o } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-open-in-new.entry.a4699e42.js → swirl-symbol-open-in-new.entry.df47a774.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.b829712a.js";
+import { r as C, h as e, F as t } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pedal-bike.entry.3b69f68d.js → swirl-symbol-pedal-bike.entry.bbc75b2e.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as l } from "./index.b829712a.js";
+import { r as i, h as e, F as l } from "./index.4be20a24.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pinterest.entry.d1805ac5.js → swirl-symbol-pinterest.entry.186d30db.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b829712a.js";
+import { r as t, h as C, F as i } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-policy.entry.e53c2829.js → swirl-symbol-policy.entry.c2fb8e10.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.b829712a.js";
+import { r as t, h as e, F as l } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-push-pin.entry.e2fff3a9.js → swirl-symbol-push-pin.entry.db213414.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, F as t } from "./index.b829712a.js";
+import { r as l, h as e, F as t } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-redeem.entry.80aad635.js → swirl-symbol-redeem.entry.c79f6554.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.b829712a.js";
+import { r as i, h as e, F as t } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-report-problem.entry.1df0705f.js → swirl-symbol-report-problem.entry.9f1c476e.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.b829712a.js";
+import { r as i, h as e, F as r } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-restaurant.entry.355a70af.js → swirl-symbol-restaurant.entry.0bec2196.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.b829712a.js";
+import { r as i, h as e, F as C } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-roadmap.entry.b3adefbe.js → swirl-symbol-roadmap.entry.7ab653a5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.b829712a.js";
+import { r as t, h as e, F as o } from "./index.4be20a24.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-room.entry.2c7c0f8e.js → swirl-symbol-room.entry.9a2068c3.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.b829712a.js";
+import { r as o, h as e, F as t } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-savings.entry.23cbdf8c.js → swirl-symbol-savings.entry.a0b82722.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as t } from "./index.b829712a.js";
+import { r as e, h as C, F as t } from "./index.4be20a24.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-settings-voice.entry.8e3016c9.js → swirl-symbol-settings-voice.entry.e0645679.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.b829712a.js";
+import { r as i, h as s, F as t } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-shopping-cart.entry.ed74ab9f.js → swirl-symbol-shopping-cart.entry.77356377.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as e } from "./index.b829712a.js";
+import { r as t, h as C, F as e } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.d4e91e0b.js → swirl-symbol-smartphone.entry.35caaae4.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.b829712a.js";
+import { r as i, h as e, F as o } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.f11c5456.js → swirl-symbol-star.entry.b264a113.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.b829712a.js";
+import { r as i, h as e, F as r } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.5338a3fd.js → swirl-symbol-supervisor-account.entry.ee316411.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.b829712a.js";
+import { r as C, h as e, F as t } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.068d4deb.js → swirl-symbol-thumbs-up-down.entry.e2504753.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as c } from "./index.b829712a.js";
+import { r as t, h as s, F as c } from "./index.4be20a24.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.8f52bae1.js → swirl-symbol-twitter.entry.63cc1b70.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, F as r } from "./index.b829712a.js";
+import { r as i, h as t, F as r } from "./index.4be20a24.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.659c8926.js → swirl-symbol-wb-sunny.entry.0b4af1ba.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.b829712a.js";
+import { r as e, h as s, F as t } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.1b3c9a7b.js → swirl-symbol-wechat.entry.4894db91.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as i } from "./index.b829712a.js";
+import { r as t, h as s, F as i } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.ed65190a.js → swirl-symbol-weibo.entry.9dee5835.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.b829712a.js";
+import { r as e, h as s, F as t } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.4fa4350b.js → swirl-symbol-work.entry.5ad0d2dd.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.b829712a.js";
+import { r as t, h as e, F as o } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.baa9f64a.js → swirl-symbol-xing.entry.6e4f0cbf.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.b829712a.js";
+import { r as t, h as i, F as C } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.f0c7bcfa.js → swirl-symbol-youtube.entry.299889ee.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, F as o } from "./index.b829712a.js";
+import { r as e, h as t, F as o } from "./index.4be20a24.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.b1524b00.js → swirl-symbol.entry.59778150.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.b829712a.js";
+import { r as i, h as e, H as t } from "./index.4be20a24.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = r, o = class {

package/dist/{swirl-tab-bar.entry.a185d7a8.js → swirl-tab-bar.entry.06b88319.js}

@@ -1,4 +1,4 @@
-import { r as b, c as s, h as e, H as l } from "./index.b829712a.js";
+import { r as b, c as s, h as e, H as l } from "./index.4be20a24.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.9924fb9e.js → swirl-tab.entry.e8b1c4c5.js}

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

package/dist/{swirl-table-cell.entry.ed539368.js → swirl-table-cell.entry.a126deef.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.b829712a.js";
+import { r as e, h as s, H as l } from "./index.4be20a24.js";
 import "react";
 import "react-dom";
 const t = ":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--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 = t, r = class {

package/dist/{swirl-table-column.entry.a38922cc.js → swirl-table-column.entry.e966c7ec.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.b829712a.js";
+import { r as t, h as s, H as i, g as a } from "./index.4be20a24.js";
 import { c as r } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.7718cc4a.js → swirl-table-row-group.entry.1c61495b.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as r } from "./index.b829712a.js";
+import { r as o, h as e, H as l, g as r } from "./index.4be20a24.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = a, d = class {

package/dist/{swirl-table-row.entry.6b6a1516.js → swirl-table-row.entry.94ec0215.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.b829712a.js";
+import { r as s, h as t, H as o, g as r } from "./index.4be20a24.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-table.entry.dfe475d9.js → swirl-table.entry.48f291a4.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.b829712a.js";
+import { r as g, h as r, H as _, g as v } from "./index.4be20a24.js";
 import { d as S, i as R } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.8a3ef9d1.js → swirl-tabs.entry.b3b401f2.js}

@@ -1,4 +1,4 @@
-import { r as s, c as b, h as e, H as n, g as d } from "./index.b829712a.js";
+import { r as s, c as b, h as e, H as n, g as d } from "./index.4be20a24.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%}", r = c, h = class {

package/dist/swirl-text-input.entry.ccace2ff.js

@@ -0,0 +1,91 @@
+import { r as h, c as n, h as i, H as d } from "./index.4be20a24.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as x } from "./utils-9b747dd7.4c4c7dc0.js";
+import "react";
+import "react-dom";
+const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', f = w, b = class {
+  constructor(e) {
+    h(this, e), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = x(), this.desktopMediaQueryHandler = (t) => {
+      this.updateIconSize(t.matches);
+    }, this.clear = () => {
+      this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
+    }, this.onChange = (t) => {
+      const s = t.target;
+      this.value = s.value;
+    }, this.onBlur = (t) => {
+      this.inputBlur.emit(t);
+    }, this.onFocus = (t) => {
+      this.inputFocus.emit(t), this.handleAutoSelect(t);
+    }, this.onInput = (t) => {
+      this.onChange(t);
+    }, this.onKeyPress = (t) => {
+      this.type === "number" && ["+", "-", "e"].includes(t.key) && t.preventDefault();
+    }, this.decreaseValue = () => {
+      if (this.type !== "number")
+        return;
+      const t = this.step || 1;
+      let s = this.inputEl.valueAsNumber;
+      isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, s - t)), this.valueChange.emit(this.value);
+    }, this.increaseValue = () => {
+      if (this.type !== "number")
+        return;
+      const t = this.step || 1;
+      let s = this.inputEl.valueAsNumber;
+      isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, s + t)), this.valueChange.emit(this.value);
+    }, this.togglePassword = () => {
+      this.type === "password" && (this.showPassword = !this.showPassword);
+    }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.clearable = void 0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.disableDynamicWidth = void 0, this.fontSize = "default", this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.max = void 0, this.min = void 0, this.mode = void 0, this.passwordToggleLabel = "Toggle password display", this.placeholder = void 0, this.prefixLabel = void 0, this.required = void 0, this.rows = 1, this.showCharacterCounter = void 0, this.spellCheck = void 0, this.suffixLabel = void 0, this.step = void 0, this.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
+  }
+  componentDidLoad() {
+    this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    });
+  }
+  componentDidRender() {
+    this.adjustInputSize();
+  }
+  disconnectedCallback() {
+    var e, t;
+    (t = (e = this.desktopMediaQuery).removeEventListener) == null || t.call(e, "change", this.desktopMediaQueryHandler);
+  }
+  async blurInput() {
+    this.inputEl.blur();
+  }
+  async focusInput() {
+    this.inputEl.focus();
+  }
+  watchValue(e, t) {
+    e !== t && this.valueChange.emit(e);
+  }
+  updateIconSize(e) {
+    this.iconSize = e ? 20 : 24;
+  }
+  adjustInputSize() {
+    (this.rows > 1 || this.autoGrow) && (this.inputEl.style.width = "", this.inputEl.style.height = "", this.inputEl.style.height = Boolean(this.inputEl.scrollHeight) ? this.inputEl.scrollHeight / 16 + "rem" : ""), this.rows === 1 && !this.autoGrow && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.suffixLabel && this.type !== "password" && !this.disableDynamicWidth && !Boolean(this.placeholder) && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
+  }
+  handleAutoSelect(e) {
+    !this.autoSelect || e.target.select();
+  }
+  render() {
+    var r;
+    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !s && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--font-size-${this.fontSize}`, `text-input--type-${this.type}`, {
+      "text-input--auto-grow": this.autoGrow,
+      "text-input--clearable": this.clearable,
+      "text-input--disabled": this.disabled,
+      "text-input--disable-dynamic-width": this.disableDynamicWidth || Boolean(this.placeholder),
+      "text-input--has-suffix": Boolean(this.suffixLabel),
+      "text-input--inline": this.inline,
+      "text-input--show-password": this.type === "password" && this.showPassword
+    });
+    return i(d, { key: "4658a2dd9fab46ea562dba74019c12e68fe260d8" }, i("div", { key: "fe2fa12f890f7cbe42a451b21093b9bab284d53a", class: o }, this.prefixLabel && i("span", { key: "dcb430326933d4a5bd893955ad9acc84120c3a21", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "c2954dab26dba206268969db04f40443f71291f6", "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: "bd4e3352302934fbc72828627216f11181b0cea5", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "f6845aec9ef8e7c086a2f1896b3bd646b87a8aba", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "6796b78acc368c28b83779ebb9dba499d1fcfd8d", size: this.iconSize })), a && i("button", { key: "aee102f87d59cff9e55b39c4110c91364dd064dd", "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: "3a20020f1a43f55887d5cf2698366d68765e3188", class: "text-input__stepper" }, i("button", { key: "230f3c5e5abb4736c9c4d88a0a79ebdbaafff9ba", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "fb65cf22d115cd4409def4b841bd7b989fdde78a", size: this.iconSize })), i("button", { key: "a13ff6cd8da70f8286508e793ae7a9029f653cea", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "523d35e9e98f751f056cac087bf887b8185c32dc", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "28a5a684c2492ddd6f71f99e8863daa3f24d845b", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+  }
+  static get watchers() {
+    return {
+      value: ["watchValue"]
+    };
+  }
+};
+b.style = f;
+export {
+  b as swirl_text_input
+};

package/dist/{swirl-text.entry.f15d8526.js → swirl-text.entry.3ded8d54.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.b829712a.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.4be20a24.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.1132391c.js → swirl-theme-provider.entry.f8a9328b.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.b829712a.js";
+import { r as m, c as a, h as o, H as d } from "./index.4be20a24.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {

package/dist/{swirl-time-input.entry.e7d07d58.js → swirl-time-input.entry.12d48824.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.b829712a.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.4be20a24.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 { g as w } from "./utils-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-toast-provider.entry.d8f40661.js → swirl-toast-provider.entry.c165fe4d.js}

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

package/dist/{swirl-toast.entry.902049ea.js → swirl-toast.entry.f106bb4f.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.b829712a.js";
+import { r as o, c as n, h as e, H as r } from "./index.4be20a24.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-toolbar.entry.b3e210ea.js → swirl-toolbar.entry.a71dcb18.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.b829712a.js";
+import { r as n, h as s, H as i, g as r } from "./index.4be20a24.js";
 import { b as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.5b99082a.js → swirl-tooltip.entry.9854f609.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as c, g as d } from "./index.b829712a.js";
+import { r as p, h as o, H as c, g as d } from "./index.4be20a24.js";
 import { b as h, c as m, a as u, o as f, s as w, f as b } 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.7a4e1ddd.js → swirl-tree-navigation-item.entry.e474c166.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.b829712a.js";
+import { r, h as i, H as n, g as s } from "./index.4be20a24.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.e0faf1d5.js → swirl-video-thumbnail.entry.c020469f.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.b829712a.js";
+import { r as e, h as n, H as a } from "./index.4be20a24.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.584e7b33.js → swirl-visually-hidden.entry.2641510e.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as e } from "./index.b829712a.js";
+import { r as a, h as i, H as e } from "./index.4be20a24.js";
 import "react";
 import "react-dom";
 const r = ".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)}", d = r, l = class {

package/dist/{wc-datepicker.entry.7ced9840.js → wc-datepicker.entry.a3e470bc.js}

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

package/package.json

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