@getflip/swirl-components-react 0.53.2 → 0.54.0

package/dist/{swirl-skeleton-box.entry.8d896c71.js → swirl-skeleton-box.entry.ad743768.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.3c21a5ce.js";
+import { r as t, h as s, H as i } from "./index.a4b92857.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
@@ -9,7 +9,7 @@ const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{posit
       var(--s-surface-raised-default) 50%,
       rgba(255, 255, 255, 0) 88%,
       rgba(255, 255, 255, 0) 100%
-    );content:"";transform:translateX(-100%);-webkit-animation:skeleton-box-shimmer 3s infinite;animation:skeleton-box-shimmer 3s infinite}@-webkit-keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}`, a = class {
+    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}`, a = class {
   constructor(e) {
     t(this, e), this.animated = !0, this.aspectRatio = void 0, this.borderRadius = "base", this.height = void 0, this.width = void 0;
   }

package/dist/{swirl-skeleton-text.entry.dcb5c8e1.js → swirl-skeleton-text.entry.cfb0db19.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.3c21a5ce.js";
+import { r as l, h as t, H as a } from "./index.a4b92857.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
@@ -23,7 +23,7 @@ const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleto
       rgba(255, 255, 255, 0) 0,
       var(--s-surface-raised-default) 33%,
       rgba(255, 255, 255, 0) 66%
-    );content:"";transform:translateX(-100%);-webkit-animation:skeleton-text-shimmer 3s infinite;animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@-webkit-keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}`, r = class {
+    );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}`, r = class {
   constructor(e) {
     l(this, e), this.animated = !0, this.lines = 1, this.size = "base";
   }

package/dist/{swirl-stack.entry.ca68b796.js → swirl-stack.entry.69e0f024.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.3c21a5ce.js";
+import { r as i, h as s, H as e } from "./index.a4b92857.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.23414e3d.js → swirl-switch.entry.9e35c419.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.3c21a5ce.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.a4b92857.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab-bar.entry.8fb902f7.js → swirl-tab-bar.entry.b57b1b30.js}

@@ -1,4 +1,4 @@
-import { r, c as i, h as e, H as s } from "./index.3c21a5ce.js";
+import { r, c as i, h as e, H as s } from "./index.a4b92857.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.0aa95d82.js → swirl-tab.entry.8fbcee5d.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.3c21a5ce.js";
+import { r as a, h as s, H as i } from "./index.a4b92857.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.10c5a5cc.js → swirl-table-cell.entry.6213ca7a.js}

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

package/dist/{swirl-table-column.entry.17a64701.js → swirl-table-column.entry.c23f60eb.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.3c21a5ce.js";
+import { r as e, h as t, H as i, g as r } from "./index.a4b92857.js";
 import { c as o } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.327758a7.js → swirl-table-row-group.entry.d8c93491.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.3c21a5ce.js";
+import { r as o, h as r, H as s, g as t } from "./index.a4b92857.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{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)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.e83c1e94.js → swirl-table-row.entry.f371fa98.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as s, g as r } from "./index.3c21a5ce.js";
+import { r as o, h as e, H as s, g as r } from "./index.a4b92857.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-table.entry.c81e8549.js → swirl-table.entry.65c30666.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as v, g as _ } from "./index.3c21a5ce.js";
+import { r as g, h as r, H as v, g as _ } from "./index.a4b92857.js";
 import { d as S, i as R } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.8052d606.js → swirl-tabs.entry.06325123.js}

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

package/dist/{swirl-tag.entry.5008814f.js → swirl-tag.entry.d163b127.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.3c21a5ce.js";
+import { r, c as s, h as t, H as n } from "./index.a4b92857.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/swirl-text-input.entry.6bb2d8bc.js

@@ -0,0 +1,76 @@
+import { r as h, c as n, h as i, H as d } from "./index.a4b92857.js";
+import { c } from "./index-d280dafb.186cdb0e.js";
+import { a as x } from "./utils-61f188cc.4a43deab.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)}.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--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}@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)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.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)}', 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.valueChange.emit(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.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, 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.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.passwordToggleLabel = "Toggle password display", this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
+  }
+  componentDidLoad() {
+    var e, t;
+    this.updateIconSize(this.desktopMediaQuery.matches), (t = (e = this.desktopMediaQuery).addEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
+  }
+  componentDidRender() {
+    this.adjustInputSize();
+  }
+  disconnectedCallback() {
+    var e, t;
+    (t = (e = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
+  }
+  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 = this.inputEl.scrollHeight / 16 + "rem"), this.rows === 1 && !this.autoGrow && (this.inputEl.style.height = "", this.inputEl.style.width = "", 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 e;
+    const t = this.rows === 1 && !this.autoGrow ? "input" : "textarea", s = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, r = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !r && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `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, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "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": s, 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.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), a && i("button", { "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 })), r && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((e = this.value) === null || e === void 0 ? void 0 : e.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+  }
+};
+b.style = w;
+export {
+  b as swirl_text_input
+};

package/dist/{swirl-text.entry.7d9c2de3.js → swirl-text.entry.31e2be61.js}

@@ -1,4 +1,4 @@
-import { r as I, h as p, H as J, g as T } from "./index.3c21a5ce.js";
+import { r as I, h as p, H as J, g as T } from "./index.a4b92857.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.11e0a7f2.js → swirl-theme-provider.entry.9cca2f11.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.3c21a5ce.js";
+import { r as j, c as E, h as w, H } from "./index.a4b92857.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.c9e9b61f.js → swirl-toast-provider.entry.3b223589.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.3c21a5ce.js";
+import { r as n, h as a, H as r } from "./index.a4b92857.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.daf33663.js → swirl-toast.entry.3304a149.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.3c21a5ce.js";
+import { r as a, c as n, h as i, H as r } from "./index.a4b92857.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.787beafe.js → swirl-tooltip.entry.34dc5729.js}

@@ -1,8 +1,8 @@
-import { r as n, h as i, H as l } from "./index.3c21a5ce.js";
+import { r as n, h as i, H as l } from "./index.a4b92857.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";
-const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);-webkit-animation:tooltip-fade-in 0.1s;animation:tooltip-fade-in 0.1s}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@-webkit-keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", u = class {
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);animation:tooltip-fade-in 0.1s}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", u = class {
   constructor(e) {
     n(this, e), this.onKeydown = (t) => {
       t.code === "Escape" && this.hide();

package/dist/{swirl-tree-navigation-item.entry.faefc318.js → swirl-tree-navigation-item.entry.0c5d51e8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.3c21a5ce.js";
+import { r as t, h as i, H as s, g as r } from "./index.a4b92857.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.3c2b644a.js → swirl-video-thumbnail.entry.e4954058.js}

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

package/dist/{swirl-visually-hidden.entry.52e6e1d8.js → swirl-visually-hidden.entry.1a644479.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.3c21a5ce.js";
+import { r as s, h as i, H as l } from "./index.a4b92857.js";
 import "react";
 import "react-dom";
 const t = ":host{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)}", o = class {

package/dist/{wc-datepicker.entry.2fdacabb.js → wc-datepicker.entry.84ac2f75.js}

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

package/package.json

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

package/dist/swirl-form-control.entry.2f358a3d.js

@@ -1,69 +0,0 @@
-import { r as l, h as o, H as n, g as a } from "./index.3c21a5ce.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const m = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control--label-position-outside.sc-swirl-form-control{padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}", f = class {
-  constructor(r) {
-    l(this, r), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
-      this.inputEl.addEventListener("valueChange", this.checkInputValue);
-    }, this.checkInputValue = () => {
-      var t;
-      this.inputValue = (t = this.inputEl) === null || t === void 0 ? void 0 : t.value;
-    }, this.onFocusIn = () => {
-      this.hasFocus = !0;
-    }, this.onFocusOut = () => {
-      !this.hasFocus || (this.hasFocus = !1);
-    }, this.description = void 0, this.disabled = void 0, this.errorMessage = void 0, this.inline = void 0, this.invalid = void 0, this.label = void 0, this.labelPosition = "inside", this.hasFocus = void 0, this.inputValue = void 0;
-  }
-  componentWillLoad() {
-    this.inputEl = this.el.children[0], this.associateDescriptionWithInputElement(), this.setInputElementDisabledState(), this.setInputElementInlineState(), this.setInputElementInvalidState(), this.setInputElementLabel(), this.checkInputValue(), this.listenToInputValueChanges();
-  }
-  associateDescriptionWithInputElement() {
-    !Boolean(this.description) || !Boolean(this.inputEl) || this.inputEl.setAttribute("swirl-aria-describedby", this.descriptionId);
-  }
-  setInputElementDisabledState() {
-    !Boolean(this.inputEl) || (this.disabled ? this.inputEl.setAttribute("disabled", "true") : this.inputEl.removeAttribute("disabled"));
-  }
-  setInputElementInlineState() {
-    !Boolean(this.inputEl) || (this.inline || this.labelPosition === "outside" ? this.inputEl.setAttribute("inline", "true") : this.inputEl.removeAttribute("inline"));
-  }
-  setInputElementInvalidState() {
-    !Boolean(this.inputEl) || (this.invalid ? this.inputEl.setAttribute("invalid", "true") : this.inputEl.removeAttribute("invalid"));
-  }
-  setInputElementLabel() {
-    !Boolean(this.inputEl) || this.inputEl.setAttribute("label", this.label);
-  }
-  onWindowClick(r) {
-    if (!this.hasFocus)
-      return;
-    const t = r.target;
-    this.el.contains(t) || (this.hasFocus = !1);
-  }
-  render() {
-    const r = Boolean(this.errorMessage), t = Boolean(this.description) && !r, s = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : Boolean(this.inputValue), e = this.inputEl.tagName === "SWIRL-SELECT", i = c("form-control", `form-control--label-position-${this.labelPosition}`, {
-      "form-control--disabled": this.disabled,
-      "form-control--has-focus": this.hasFocus,
-      "form-control--has-value": s,
-      "form-control--inline": this.inline,
-      "form-control--invalid": this.invalid,
-      "form-control--is-select": e
-    });
-    return o(n, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, o("div", { class: i, role: "group" }, o("label", { class: "form-control__label" }, o("span", { class: "form-control__label-text" }, this.label), o("span", { class: "form-control__input" }, o("slot", null))), t && o("span", { class: "form-control__description", id: this.descriptionId }, this.description), r && o("span", { "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { message: this.errorMessage, size: "s" }))));
-  }
-  get el() {
-    return a(this);
-  }
-  static get watchers() {
-    return {
-      description: ["associateDescriptionWithInputElement"],
-      disabled: ["setInputElementDisabledState"],
-      inline: ["setInputElementInlineState"],
-      invalid: ["setInputElementInvalidState"],
-      label: ["setInputElementLabel"]
-    };
-  }
-};
-f.style = m;
-export {
-  f as swirl_form_control
-};

package/dist/swirl-popover.entry.fc83ef05.js

@@ -1,117 +0,0 @@
-import { r as h, c as p, h as i, H as m, g as v } from "./index.3c21a5ce.js";
-import { o as l, s as c, f, c as u, a as g } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
-import { d as b, e as _ } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as y } from "./index-d280dafb.186cdb0e.js";
-import { i as a, g as w, q as d } from "./utils-61f188cc.4a43deab.js";
-import "react";
-import "react-dom";
-const k = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in-xy;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-scale-in-y;animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", x = class {
-  constructor(o) {
-    h(this, o), this.popoverClose = p(this, "popoverClose", 7), this.popoverOpen = p(this, "popoverOpen", 7), this.toggle = (e) => {
-      e.stopPropagation(), this.active ? this.close() : this.open();
-    }, this.onKeydown = (e) => {
-      e.code === "Escape" && this.active && (e.stopPropagation(), this.close());
-    }, this.reposition = async () => {
-      const e = a();
-      if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
-        return;
-      if (e) {
-        this.position = void 0;
-        return;
-      }
-      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, n = this.enableFlip ? [l(t), c(), f()] : [l(t), c()];
-      this.position = await u(this.triggerEl, this.contentContainer, {
-        middleware: n,
-        placement: this.placement,
-        strategy: "fixed"
-      });
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.placement = "bottom-start", this.popoverId = void 0, this.trigger = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
-  }
-  componentDidLoad() {
-    this.connectTrigger(), this.updateFocusableChildren(), this.updateTriggerAttributes();
-  }
-  disconnectedCallback() {
-    this.unlockBodyScroll();
-  }
-  onWindowFocusIn(o) {
-    if (!this.active)
-      return;
-    const e = o.target, t = w();
-    !this.el.contains(e) && !this.el.contains(t) && e !== this.triggerEl && this.close();
-  }
-  onWindowClick(o) {
-    if (!this.active)
-      return;
-    const e = o.target, t = this.el.contains(e), n = o.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = o.target === this.triggerEl;
-    !t && !n && !r && this.close();
-  }
-  async close() {
-    var o;
-    this.closing || !this.active || (this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
-      this.active = !1, this.closing = !1, this.updateTriggerAttributes();
-    }, 150), this.unlockBodyScroll(), (o = this.getNativeTriggerElement()) === null || o === void 0 || o.focus());
-  }
-  async open() {
-    this.active || (this.adjustWidth(), this.active = !0, this.popoverOpen.emit(), this.updateFocusableChildren(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
-      await this.reposition(), this.focusableChildren.length > 0 ? this.focusableChildren[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = g(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
-    }));
-  }
-  connectTrigger() {
-    this.triggerEl = d(document.body, `#${this.trigger}`)[0], Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (o) => {
-      this.toggle(o);
-    });
-  }
-  getNativeTriggerElement() {
-    var o, e, t;
-    return this.triggerEl.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((t = (e = this.triggerEl) === null || e === void 0 ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || this.triggerEl : this.triggerEl;
-  }
-  updateTriggerAttributes() {
-    if (!Boolean(this.triggerEl))
-      return;
-    const o = this.getNativeTriggerElement();
-    o.setAttribute("aria-controls", this.popoverId), o.setAttribute("aria-expanded", String(this.active)), o.setAttribute("aria-haspopup", "dialog");
-  }
-  updateFocusableChildren() {
-    this.focusableChildren = d(this.el, '[role="menuitem"], [role="listbox"]');
-  }
-  adjustWidth() {
-    let o = this.useContainerWidth;
-    [!0, "true"].includes(this.useContainerWidth) ? o = !0 : [!1, "false"].includes(this.useContainerWidth) && (o = !1);
-    const e = !window.matchMedia("(min-width: 768px)").matches;
-    if (Boolean(o) && !e) {
-      const t = typeof o == "string" ? this.el.closest(o) || this.el.parentElement : this.el.parentElement;
-      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
-    } else
-      this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
-  }
-  lockBodyScroll() {
-    !a() || this.disableScrollLock || b(this.scrollContainer);
-  }
-  unlockBodyScroll() {
-    !a() || this.disableScrollLock || _(this.scrollContainer);
-  }
-  render() {
-    var o, e;
-    const t = !window.matchMedia("(min-width: 768px)").matches, n = y("popover", `popover--animation-${this.animation}`, {
-      "popover--closing": this.closing,
-      "popover--active": this.active,
-      "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
-      "popover--inactive": !this.active
-    });
-    return i(m, { id: this.popoverId }, i("div", { class: n, onKeyDown: this.onKeydown }, i("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", ref: (r) => this.contentContainer = r, style: {
-      top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
-      left: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.x}px` : ""
-    }, tabindex: "-1" }, i("span", { class: "popover__handle" }), i("div", { class: "popover__scroll-container", ref: (r) => this.scrollContainer = r, style: {
-      maxHeight: !t && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, i("slot", null))), this.active && i("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
-  }
-  get el() {
-    return v(this);
-  }
-};
-x.style = k;
-export {
-  x as swirl_popover
-};

package/dist/swirl-text-input.entry.0a63dc86.js

@@ -1,75 +0,0 @@
-import { r as h, c as n, h as i, H as d } from "./index.3c21a5ce.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
-import { a as x } from "./utils-61f188cc.4a43deab.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)}.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--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{display:none}.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:0}.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}@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)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.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)}', 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.valueChange.emit(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.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, 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.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.passwordToggleLabel = "Toggle password display", this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
-  }
-  componentDidLoad() {
-    var e, t;
-    this.updateIconSize(this.desktopMediaQuery.matches), (t = (e = this.desktopMediaQuery).addEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
-  }
-  componentDidRender() {
-    this.adjustInputSize();
-  }
-  disconnectedCallback() {
-    var e, t;
-    (t = (e = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
-  }
-  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 = this.inputEl.scrollHeight / 16 + "rem"), this.rows === 1 && !this.autoGrow && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.type !== "password" && !this.disableDynamicWidth && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
-  }
-  handleAutoSelect(e) {
-    !this.autoSelect || e.target.select();
-  }
-  render() {
-    var e;
-    const t = this.rows === 1 && !this.autoGrow ? "input" : "textarea", s = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, r = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !r && !this.showCharacterCounter, o = this.type === "password" && this.showPassword ? "text" : this.type, l = c("text-input", `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,
-      "text-input--inline": this.inline,
-      "text-input--show-password": this.type === "password" && this.showPassword
-    });
-    return i(d, null, i("div", { class: l }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "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": s, 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, 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: o, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), a && i("button", { "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 })), r && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((e = this.value) === null || e === void 0 ? void 0 : e.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
-  }
-};
-b.style = w;
-export {
-  b as swirl_text_input
-};