@getflip/swirl-components-react 0.167.1 → 0.167.3

package/dist/{swirl-console-layout.entry.360bc3fc.js → swirl-console-layout.entry.5a2e9597.js}

@@ -1,6 +1,6 @@
-import { r as d, c as n, h as e, H as c, g as h } from "./index.0808ff1d.js";
+import { r as d, c as n, h as e, H as c, g as h } from "./index.47b86f2c.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
-import { i } from "./utils-9f141e25.a4ae3adc.js";
+import { i } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
 const p = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr auto;grid-template-areas:"header"

package/dist/{swirl-date-input.entry.018b5acc.js → swirl-date-input.entry.7ebdb48e.js}

@@ -1,44 +1,48 @@
-import { r as p, c as l, h as a, H as m, g as f } from "./index.0808ff1d.js";
+import { r as p, c as l, h as s, H as f, g as m } from "./index.47b86f2c.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";
-import { p as u, i as c, f as d, m as b } from "./maska-4866b970.5336f9cb.js";
-import { g as w } from "./utils-9f141e25.a4ae3adc.js";
+import { p as u, i as c, f as r, m as b } from "./maska-4866b970.5336f9cb.js";
+import { g as w, i as k } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
-const g = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-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}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}", r = "yyyy-MM-dd", k = class {
+const g = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-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}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}", o = "yyyy-MM-dd", y = class {
   constructor(t) {
-    p(this, t), this.invalidInput = l(this, "invalidInput", 7), this.valueChange = l(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (e) => {
+    p(this, t), this.invalidInput = l(this, "invalidInput", 7), this.valueChange = l(this, "valueChange", 7), this.desktopMediaQuery = w(), this.recursiveFocus = !1, this.desktopMediaQueryHandler = (e) => {
       this.updateIconSize(e.matches);
     }, this.onChange = (e) => {
       const i = e.target.value;
       i === "" && (this.value = void 0, this.valueChange.emit(void 0));
-      const s = u(i, this.format, new Date()), n = this.format.replace(/\\/g, "\\\\"), h = new RegExp(`^${n.replace(/[ydM]/g, "\\d")}$`);
+      const a = u(i, this.format, new Date()), n = this.format.replace(/\\/g, "\\\\"), h = new RegExp(`^${n.replace(/[ydM]/g, "\\d")}$`);
       if (!Boolean(i.match(h)))
         return;
-      if (!c(s)) {
+      if (!c(a)) {
         this.invalidInput.emit(i);
         return;
       }
-      const o = d(s, r);
-      this.value = o, this.valueChange.emit(o);
+      const d = r(a, o);
+      this.value = d, this.valueChange.emit(d);
     }, this.onInput = (e) => {
       this.onChange(e);
     }, this.onClick = (e) => {
       e.preventDefault();
+    }, this.onMouseDown = () => {
+      this.preferredInputMode === "pick" && this.pickerPopover.close();
     }, this.onFocus = (e) => {
-      this.handleAutoSelect(e);
+      if (this.recursiveFocus) {
+        this.recursiveFocus = !1;
+        return;
+      }
+      this.preferredInputMode === "pick" && (this.pickerPopover.open(this.el), k() || (this.recursiveFocus = !0, this.focus())), this.handleAutoSelect(e);
     }, this.onPickDate = (e) => {
-      const i = e.detail, s = d(i, r);
-      this.value = s, this.valueChange.emit(s), this.pickerPopover.close();
-    }, this.autoFocus = void 0, this.autoSelect = void 0, this.datePickerDisableDate = () => !1, this.datePickerLabel = "Date picker", this.datePickerTriggerLabel = "Open date picker", this.disabled = void 0, this.firstDayOfWeek = 0, this.format = "yyyy-MM-dd", this.inline = void 0, this.invalid = void 0, this.labels = void 0, this.locale = "en-US", this.placeholder = "yyyy-mm-dd", this.required = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.iconSize = 24;
+      const i = e.detail, a = r(i, o);
+      this.value = a, this.valueChange.emit(a), this.pickerPopover.close();
+    }, this.autoFocus = void 0, this.autoSelect = void 0, this.datePickerDisableDate = () => !1, this.datePickerLabel = "Date picker", this.datePickerTriggerLabel = "Open date picker", this.disabled = void 0, this.firstDayOfWeek = 0, this.format = "yyyy-MM-dd", this.inline = void 0, this.invalid = void 0, this.labels = void 0, this.locale = "en-US", this.placeholder = "yyyy-mm-dd", this.preferredInputMode = "input", this.required = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.iconSize = 24;
   }
   componentWillLoad() {
     const t = Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);
     this.id = `swirl-date-input-${t}`;
   }
   componentDidLoad() {
-    this.setupMask(), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
-      this.inputEl.focus();
-    });
+    this.setupMask(), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && this.focus();
   }
   disconnectedCallback() {
     var t, e, i;
@@ -47,6 +51,11 @@ const g = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h
   watchFormat() {
     this.setupMask();
   }
+  focus() {
+    setTimeout(() => {
+      this.inputEl.focus();
+    });
+  }
   updateIconSize(t) {
     this.iconSize = t ? 20 : 24;
   }
@@ -60,13 +69,13 @@ const g = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h
     });
   }
   render() {
-    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = Boolean(this.value) ? u(this.value, r, new Date()) : void 0, i = c(e) ? d(e, this.format) : void 0, s = v("date-input", {
+    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = Boolean(this.value) ? u(this.value, o, new Date()) : void 0, i = c(e) ? r(e, this.format) : void 0, a = v("date-input", {
       "date-input--inline": this.inline
     });
-    return a(m, null, a("div", { class: s }, a("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: i }), a("swirl-popover-trigger", { popover: `popover-${this.id}` }, a("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, a("swirl-icon-today", { size: this.iconSize })))), !this.disabled && a("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (n) => this.pickerPopover = n }, a("swirl-date-picker", { disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: e })));
+    return s(f, null, s("div", { class: a }, s("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: i }), s("swirl-popover-trigger", { popover: `popover-${this.id}` }, s("button", { "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, s("swirl-icon-today", { size: this.iconSize })))), !this.disabled && s("swirl-popover", { animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (n) => this.pickerPopover = n }, s("swirl-date-picker", { disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: e })));
   }
   get el() {
-    return f(this);
+    return m(this);
   }
   static get watchers() {
     return {
@@ -74,7 +83,7 @@ const g = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h
     };
   }
 };
-k.style = g;
+y.style = g;
 export {
-  k as swirl_date_input
+  y as swirl_date_input
 };

package/dist/{swirl-date-picker_2.entry.8777f67a.js → swirl-date-picker_2.entry.9ac7eb24.js}

@@ -1,5 +1,5 @@
-import { r as s, c as n, h as e, H as c, g as d, F as i } from "./index.0808ff1d.js";
-import { r as o } from "./utils-9f141e25.a4ae3adc.js";
+import { r as s, c as n, h as e, H as c, g as d, F as i } from "./index.47b86f2c.js";
+import { r as o } from "./utils-c5f2f98f.af14538a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list-item.entry.78e830a3.js → swirl-description-list-item.entry.5c721627.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as o, g as r } from "./index.0808ff1d.js";
+import { r as s, h as i, H as o, g as r } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list.entry.16883308.js → swirl-description-list.entry.987abb80.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as r } from "./index.0808ff1d.js";
+import { r as t, h as i, H as r } from "./index.47b86f2c.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", n = class {

package/dist/{swirl-dialog.entry.3a44e4e2.js → swirl-dialog.entry.dbdd7d30.js}

@@ -1,4 +1,4 @@
-import { r as t, c as e, h as a, H as n } from "./index.0808ff1d.js";
+import { r as t, c as e, h as a, H as n } from "./index.47b86f2c.js";
 import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-emoji-clap.entry.f1a6febf.js → swirl-emoji-clap.entry.eadcf5d6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as e } from "./index.0808ff1d.js";
+import { r as t, h as i, F as e } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-happy.entry.a0ff99a1.js → swirl-emoji-happy.entry.3e9edf4d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as e } from "./index.0808ff1d.js";
+import { r as t, h as i, F as e } from "./index.47b86f2c.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-idea.entry.3a1c9e9b.js → swirl-emoji-idea.entry.11993daf.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as t } from "./index.0808ff1d.js";
+import { r as e, h as i, F as t } from "./index.47b86f2c.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-love.entry.96c0825c.js → swirl-emoji-love.entry.221f8904.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as t } from "./index.0808ff1d.js";
+import { r as e, h as i, F as t } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-sad.entry.39b40d52.js → swirl-emoji-sad.entry.4003f0ce.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as e } from "./index.0808ff1d.js";
+import { r as t, h as i, F as e } from "./index.47b86f2c.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-thumbs-up.entry.ef4f1e3b.js → swirl-emoji-thumbs-up.entry.b473656f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as e } from "./index.0808ff1d.js";
+import { r as t, h as i, F as e } from "./index.47b86f2c.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji.entry.707abf2d.js → swirl-emoji.entry.60215978.js}

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

package/dist/{swirl-file-uploader.entry.480bd65d.js → swirl-file-uploader.entry.33d9b81d.js}

@@ -1,4 +1,4 @@
-import { r as s, c as r, h as e, H as d } from "./index.0808ff1d.js";
+import { r as s, c as r, h as e, H as d } from "./index.47b86f2c.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-file-viewer_7.entry.a56a7439.js → swirl-file-viewer_7.entry.0a12e244.js}

@@ -1,6 +1,6 @@
-import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.0808ff1d.js";
+import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.47b86f2c.js";
 import { a as cr, c as Qi, b as vt, g as Ji, d as qr, e as Zi } from "./index-d280dafb.186cdb0e.js";
-import { d as ea, b as ta, i as ra } from "./utils-9f141e25.a4ae3adc.js";
+import { d as ea, e as ta, i as ra } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
 var na = cr(function(De, Ce) {

package/dist/{swirl-form-control.entry.0fd687f2.js → swirl-form-control.entry.0f95b946.js}

@@ -1,11 +1,11 @@
-import { r as f, h as o, H as d, g as h } from "./index.0808ff1d.js";
+import { r as m, h as o, H as d, g as h } from "./index.47b86f2c.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
-import { a as u } from "./utils-9f141e25.a4ae3adc.js";
+import { a as u, b } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
-const b = `.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{--swirl-autocomplete-tags-margin-top:var(--s-space-4);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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.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__prefix.sc-swirl-form-control{border-color: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:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{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)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.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--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.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);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z" fill="%236E6E6E"/></svg>');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, w = class {
+const w = `.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{--swirl-autocomplete-tags-margin-top:var(--s-space-4);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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.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__prefix.sc-swirl-form-control{border-color: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:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{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)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.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--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.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);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z" fill="%236E6E6E"/></svg>');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, v = class {
   constructor(t) {
-    f(this, t), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.labelId = `form-control-label-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
+    m(this, t), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.labelId = `form-control-label-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
       this.inputEl.addEventListener("valueChange", this.checkInputValue);
     }, this.checkInputValue = () => {
       var r;
@@ -16,7 +16,7 @@ const b = `.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
       this.hasFocus = !1;
     }, this.onKeyDown = (r) => {
       r.key === "Tab" && setTimeout(() => {
-        this.el.contains(u()) || (this.hasFocus = !1);
+        u(b(), this.el) || (this.hasFocus = !1);
       });
     }, this.onLabelClick = () => {
       Boolean(this.inputEl.getAttribute("contenteditable")) && this.inputEl.focus();
@@ -64,8 +64,8 @@ const b = `.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
       "form-control--inline": this.inline,
       "form-control--invalid": this.invalid,
       "form-control--is-select": a
-    }), m = l ? "div" : "label";
-    return o(d, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("div", { class: c, role: "group" }, o("span", { class: "form-control__controls" }, o("span", { class: "form-control__prefix" }, o("slot", { name: "prefix" })), o(m, { class: "form-control__label", onClick: this.onLabelClick }, o("span", { class: "form-control__label-text", id: this.labelId }, this.label), o("span", { class: "form-control__input" }, o("slot", null)))), r && o("span", { class: "form-control__description", id: this.descriptionId }, this.description), t && o("span", { "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { message: this.errorMessage, size: "s" }))));
+    }), f = l ? "div" : "label";
+    return o(d, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("div", { class: c, role: "group" }, o("span", { class: "form-control__controls" }, o("span", { class: "form-control__prefix" }, o("slot", { name: "prefix" })), o(f, { class: "form-control__label", onClick: this.onLabelClick }, o("span", { class: "form-control__label-text", id: this.labelId }, this.label), o("span", { class: "form-control__input" }, o("slot", null)))), r && o("span", { class: "form-control__description", id: this.descriptionId }, this.description), t && 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 h(this);
@@ -80,7 +80,7 @@ const b = `.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
     };
   }
 };
-w.style = b;
+v.style = w;
 export {
-  w as swirl_form_control
+  v as swirl_form_control
 };

package/dist/{swirl-form-group.entry.fb8092d3.js → swirl-form-group.entry.80bd8254.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as i } from "./index.0808ff1d.js";
+import { r as s, h as o, H as i } from "./index.47b86f2c.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-heading.entry.90786866.js → swirl-heading.entry.a9787f6d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as a } from "./index.0808ff1d.js";
+import { r as t, h as i, H as a } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-moderator.entry.8e8c654e.js → swirl-icon-add-moderator.entry.55139cba.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.0808ff1d.js";
+import { r as e, h as C, F as i } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-photo.entry.2a6a60e4.js → swirl-icon-add-photo.entry.d20aa491.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.0808ff1d.js";
+import { r as e, h as C, F as i } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-reaction.entry.5ce62b91.js → swirl-icon-add-reaction.entry.73580076.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.0808ff1d.js";
+import { r as o, h as C, F as s } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add_6.entry.c2535b51.js → swirl-icon-add_6.entry.f36a5d44.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as s } from "./index.0808ff1d.js";
+import { r as l, h as C, F as s } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-admin-panel-settings.entry.c6be4d53.js → swirl-icon-admin-panel-settings.entry.85e47712.js}

@@ -1,4 +1,4 @@
-import { r as n, h as C, F as s } from "./index.0808ff1d.js";
+import { r as n, h as C, F as s } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-ai.entry.9e1ffd5a.js → swirl-icon-ai.entry.8afed360.js}

@@ -1,4 +1,4 @@
-import { r as o, h as L, F as s } from "./index.0808ff1d.js";
+import { r as o, h as L, F as s } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-apps.entry.da4845f4.js → swirl-icon-apps.entry.1aa804da.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.0808ff1d.js";
+import { r as o, h as C, F as i } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-back_5.entry.0c951818.js → swirl-icon-arrow-back_5.entry.a55cd269.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.0808ff1d.js";
+import { r as o, h as C, F as s } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-downward_2.entry.76130ca3.js → swirl-icon-arrow-downward_2.entry.20573ddd.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as C } from "./index.0808ff1d.js";
+import { r, h as i, F as C } from "./index.47b86f2c.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-left_4.entry.f16b6460.js → swirl-icon-arrow-left_4.entry.af8c9e10.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as t, c as l, H as h } from "./index.0808ff1d.js";
+import { r as o, h as i, F as t, c as l, H as h } from "./index.47b86f2c.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-right-small.entry.d75b55e4.js → swirl-icon-arrow-right-small.entry.2e991b49.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as t } from "./index.0808ff1d.js";
+import { r as e, h as i, F as t } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-attachment.entry.90f78cd4.js → swirl-icon-attachment.entry.e5856e90.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.0808ff1d.js";
+import { r as o, h as C, F as i } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bar-chart.entry.3747ae25.js → swirl-icon-bar-chart.entry.5538e3ed.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.0808ff1d.js";
+import { r as e, h as C, F as i } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-block.entry.339a528a.js → swirl-icon-block.entry.78531b3d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.0808ff1d.js";
+import { r as e, h as C, F as i } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bookmark-filled.entry.7228845b.js → swirl-icon-bookmark-filled.entry.58b17a4c.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as t } from "./index.0808ff1d.js";
+import { r as l, h as i, F as t } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bookmark.entry.fe50d7ae.js → swirl-icon-bookmark.entry.4d139e76.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.0808ff1d.js";
+import { r, h as s, F as t } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cancel_4.entry.2b030e22.js → swirl-icon-cancel_4.entry.80218920.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as s } from "./index.0808ff1d.js";
+import { r as e, h as C, F as s } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chat-bubble.entry.78191a9f.js → swirl-icon-chat-bubble.entry.79402df9.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as t } from "./index.0808ff1d.js";
+import { r as l, h as s, F as t } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chats-filled.entry.d4369c04.js → swirl-icon-chats-filled.entry.8965abe2.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as C } from "./index.0808ff1d.js";
+import { r as l, h as s, F as C } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chats.entry.86ea9103.js → swirl-icon-chats.entry.4dccf8c3.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as t } from "./index.0808ff1d.js";
+import { r as s, h as C, F as t } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-circle_2.entry.960b829f.js → swirl-icon-check-circle_2.entry.49452200.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as s } from "./index.0808ff1d.js";
+import { r as l, h as C, F as s } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-small_3.entry.35e2ba52.js → swirl-icon-check-small_3.entry.be299b27.js}

@@ -1,6 +1,6 @@
-import { r as l, h as i, F as o, c as h, H as p, g as m } from "./index.0808ff1d.js";
+import { r as l, h as i, F as o, c as h, H as p, g as m } from "./index.47b86f2c.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
-import { g } from "./utils-9f141e25.a4ae3adc.js";
+import { g } from "./utils-c5f2f98f.af14538a.js";
 import { v as w } from "./v4-fa4bb814.196482d9.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-strong.entry.eaf8054f.js → swirl-icon-check-strong.entry.2b08db7e.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as e } from "./index.0808ff1d.js";
+import { r as o, h as i, F as e } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check.entry.bbe57f44.js → swirl-icon-check.entry.fb58a841.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.0808ff1d.js";
+import { r, h as s, F as t } from "./index.47b86f2c.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chevron-left.entry.0329dd97.js → swirl-icon-chevron-left.entry.ffb417d1.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.0808ff1d.js";
+import { r, h as s, F as t } from "./index.47b86f2c.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chevron-right.entry.9c6eb755.js → swirl-icon-chevron-right.entry.dabadf5f.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as t } from "./index.0808ff1d.js";
+import { r, h as i, F as t } from "./index.47b86f2c.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-close-small.entry.eb833ea6.js → swirl-icon-close-small.entry.096ae8d5.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as C } from "./index.0808ff1d.js";
+import { r as l, h as s, F as C } from "./index.47b86f2c.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-close.entry.71400776.js → swirl-icon-close.entry.5914be46.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as C } from "./index.0808ff1d.js";
+import { r as o, h as s, F as C } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cloud-upload.entry.38f47aaa.js → swirl-icon-cloud-upload.entry.c99d4e21.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.0808ff1d.js";
+import { r as e, h as C, F as i } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-column.entry.70387c30.js → swirl-icon-column.entry.c754fbb9.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as t } from "./index.0808ff1d.js";
+import { r as l, h as s, F as t } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-comment.entry.ac7ffa67.js → swirl-icon-comment.entry.4ef69d6f.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.0808ff1d.js";
+import { r, h as s, F as t } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-copy.entry.a59680c0.js → swirl-icon-copy.entry.0a952346.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.0808ff1d.js";
+import { r as e, h as s, F as C } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-dark-mode.entry.07f40470.js → swirl-icon-dark-mode.entry.515871a4.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.0808ff1d.js";
+import { r as o, h as C, F as i } from "./index.47b86f2c.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-date-range.entry.87ef245b.js → swirl-icon-date-range.entry.0d4c1974.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.0808ff1d.js";
+import { r, h as s, F as t } from "./index.47b86f2c.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";