@getflip/swirl-components-react 0.331.0 → 0.333.0

package/dist/{swirl-console-layout.entry.7d14b6a2.js → swirl-console-layout.entry.c0c6d0ad.js}

@@ -1,6 +1,6 @@
-import { r as c, c as n, h as e, H as r, g as b } from "./index.bea7a45c.js";
+import { r as c, c as n, h as e, H as r, g as b } from "./index.67f1f4e7.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
-import { i } from "./utils-0cdf2a1e.c9917628.js";
+import { i } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const f = `: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.81c1b239.js → swirl-date-input.entry.cb120df4.js}

@@ -1,16 +1,16 @@
-import { r as f, c as o, h as a, H as b, g as m } from "./index.bea7a45c.js";
+import { r as f, c as o, h as a, H as b, g as m } from "./index.67f1f4e7.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
-import { p as l, i as c, f as d, m as k } from "./maska-c5119b9a.aa658697.js";
-import { g as y, i as u } from "./utils-0cdf2a1e.c9917628.js";
+import { p as l, i as c, f as r, m as w } from "./maska-c5119b9a.aa658697.js";
+import { D as k } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { i as u } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const w = ".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}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}", g = w, r = "yyyy-MM-dd", _ = class {
-  constructor(t) {
-    f(this, t), this.invalidInput = o(this, "invalidInput", 7), this.valueChange = o(this, "valueChange", 7), this.desktopMediaQuery = y(), this.desktopMediaQueryHandler = (e) => {
-      this.updateIconSize(e.matches);
-    }, this.onChange = (e) => {
-      const i = e.target.value;
+const y = ".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}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}", g = y, d = "yyyy-MM-dd", _ = class {
+  constructor(e) {
+    f(this, e), this.invalidInput = o(this, "invalidInput", 7), this.valueChange = o(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
+    }, this.onChange = (t) => {
+      const i = t.target.value;
       i === "" && (this.value = void 0);
       const s = l(i, this.format, new Date()), n = this.format.replace(/\\/g, "\\\\"), p = new RegExp(`^${n.replace(/[ydM]/g, "\\d")}$`);
       if (!Boolean(i.match(p)))
@@ -19,66 +19,68 @@ const w = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h
         this.invalidInput.emit(i);
         return;
       }
-      const h = d(s, r);
+      const h = r(s, d);
       this.value = h;
-    }, this.onInput = (e) => {
-      this.onChange(e);
-    }, this.onClick = (e) => {
-      e.preventDefault(), this.preferredInputMode === "pick" && (this.pickerPopover.open(this.el), u() || this.focus());
+    }, this.onInput = (t) => {
+      this.onChange(t);
+    }, this.onClick = (t) => {
+      t.preventDefault(), this.preferredInputMode === "pick" && (this.pickerPopover.open(this.el), u() || this.focus());
     }, this.onMouseDown = () => {
       this.preferredInputMode === "pick" && this.pickerPopover.close();
-    }, this.onFocus = (e) => {
-      this.handleAutoSelect(e);
-    }, this.onBlur = (e) => {
-      const i = this.pickerPopover.contains(e.relatedTarget);
+    }, this.onFocus = (t) => {
+      this.handleAutoSelect(t);
+    }, this.onBlur = (t) => {
+      const i = this.pickerPopover.contains(t.relatedTarget);
       this.setReadOnly(!i);
-    }, this.onPickDate = (e) => {
-      const i = e.detail, s = d(i, r);
+    }, this.onPickDate = (t) => {
+      const i = t.detail, s = r(i, d);
       this.value = s, this.setReadOnly(!0), 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, this.readonly = !1;
   }
   componentWillLoad() {
-    const t = Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);
-    this.id = `swirl-date-input-${t}`, this.setReadOnly(!0);
+    const e = Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);
+    this.id = `swirl-date-input-${e}`, this.setReadOnly(!0);
   }
   componentDidLoad() {
-    this.setupMask(), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && this.focus();
+    this.setupMask(), this.mediaQueryUnsubscribe = k.subscribe((e) => {
+      this.updateIconSize(e);
+    }), this.autoFocus && this.focus();
   }
   disconnectedCallback() {
-    var t, e, i;
-    (t = this.mask) == null || t.destroy(), (i = (e = this.desktopMediaQuery).removeEventListener) == null || i.call(e, "change", this.desktopMediaQueryHandler);
+    var e;
+    (e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe();
   }
   watchFormat() {
     this.setupMask();
   }
-  watchValue(t, e) {
-    t !== e && this.valueChange.emit(t);
+  watchValue(e, t) {
+    e !== t && this.valueChange.emit(e);
   }
   focus() {
     setTimeout(() => {
       this.inputEl.focus();
     });
   }
-  updateIconSize(t) {
-    this.iconSize = t ? 20 : 24;
+  updateIconSize(e) {
+    this.iconSize = e ? 20 : 24;
   }
-  handleAutoSelect(t) {
-    !this.autoSelect || t.target.select();
+  handleAutoSelect(e) {
+    !this.autoSelect || e.target.select();
   }
-  setReadOnly(t) {
-    this.preferredInputMode === "pick" && u() ? this.readonly = t : this.readonly = !1;
+  setReadOnly(e) {
+    this.preferredInputMode === "pick" && u() ? this.readonly = e : this.readonly = !1;
   }
   setupMask() {
-    var t;
-    (t = this.mask) == null || t.destroy(), this.mask = k.exports.create(`#${this.id}`, {
+    var e;
+    (e = this.mask) == null || e.destroy(), this.mask = w.exports.create(`#${this.id}`, {
       mask: this.format.replace(/[ydM]/g, "#")
     });
   }
   render() {
-    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = Boolean(this.value) ? l(this.value, r, new Date()) : void 0, i = c(e) ? d(e, this.format) : void 0, s = v("date-input", {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = Boolean(this.value) ? l(this.value, d, new Date()) : void 0, i = c(t) ? r(t, this.format) : void 0, s = v("date-input", {
       "date-input--inline": this.inline
     });
-    return a(b, { key: "b6ddc22bcdc331f61fca4b108b4d34f4d7f4eccd" }, a("div", { key: "d92b1daa42c5e2fb64c378621bf50b0440813252", class: s }, a("input", { key: "a775ec1989a9e35f3dbe380e5f7f83170bb5d1fe", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: i }), a("swirl-popover-trigger", { key: "1fd79df32d35be0951b49a2ce141309b2938d4c3", swirlPopover: `popover-${this.id}` }, a("button", { key: "11680b4c3bfee66566fd895c5399b5c860f7b771", "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, a("swirl-icon-today", { key: "91563a1eb521b7beceb4f967b091c44445d04b60", size: this.iconSize })))), !this.disabled && a("swirl-popover", { key: "7b7534da460943832ed5cc8d786dd316a4e442c3", animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (n) => this.pickerPopover = n }, a("swirl-date-picker", { key: "74b13475c333443ae34d68fa7ac78e63c79c1c1e", disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: e, startDate: e })));
+    return a(b, { key: "b08bf17f0edd807a419199a88ba2ca14b0a2e4b6" }, a("div", { key: "5543669cbc75241146e2808293631e007914e258", class: s }, a("input", { key: "85836403ef82b583fad6a4118dc4532aa482e01b", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: i }), a("swirl-popover-trigger", { key: "2054f02531393bbb345c78ed79dc620ce491e90a", swirlPopover: `popover-${this.id}` }, a("button", { key: "6aa6a53cd62693a74be31f1e2c1ed6f42d8dccec", "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, a("swirl-icon-today", { key: "87745196a9f9a67938410acf56ca36b6d7396711", size: this.iconSize })))), !this.disabled && a("swirl-popover", { key: "29e15ada59823318ef9c05aae7813eeda1e8ecbb", animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (n) => this.pickerPopover = n }, a("swirl-date-picker", { key: "65b8374a92785362f5b9060d4ddd83c5d518c5bd", disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: t, startDate: t })));
   }
   get el() {
     return m(this);

package/dist/{swirl-date-picker_2.entry.983e23fb.js → swirl-date-picker_2.entry.5e7b738a.js}

@@ -1,5 +1,5 @@
-import { r as s, c as n, h as a, H as c, g as d, F as i } from "./index.bea7a45c.js";
-import { r as o, o as l } from "./utils-0cdf2a1e.c9917628.js";
+import { r as s, c as n, h as a, H as c, g as d, F as i } from "./index.67f1f4e7.js";
+import { r as o, s as l } from "./utils-28df99ee.9fb223f6.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list-item.entry.40dd15ee.js → swirl-description-list-item.entry.714579c9.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as d, g as a } from "./index.bea7a45c.js";
+import { r as o, h as i, H as d, g as a } from "./index.67f1f4e7.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list.entry.a966c47c.js → swirl-description-list.entry.efc49245.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as e } from "./index.bea7a45c.js";
+import { r as t, h as i, H as e } from "./index.67f1f4e7.js";
 import "react";
 import "react-dom";
 const r = ":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}", c = r, o = class {

package/dist/{swirl-dialog.entry.9e879f31.js → swirl-dialog.entry.5dde266c.js}

@@ -1,4 +1,4 @@
-import { r as s, c as o, h as i, H as d, g as n } from "./index.bea7a45c.js";
+import { r as s, c as o, h as i, H as d, g as n } from "./index.67f1f4e7.js";
 import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-emoji-clap.entry.f5c792be.js → swirl-emoji-clap.entry.16028d09.js}

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

package/dist/{swirl-emoji-happy.entry.9f4e9488.js → swirl-emoji-happy.entry.b4fca79d.js}

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

package/dist/{swirl-emoji-idea.entry.257a7838.js → swirl-emoji-idea.entry.59d037b5.js}

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

package/dist/{swirl-emoji-love.entry.f117767b.js → swirl-emoji-love.entry.33f5d42b.js}

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

package/dist/{swirl-emoji-sad.entry.1f0fb096.js → swirl-emoji-sad.entry.ad24648d.js}

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

package/dist/{swirl-emoji-thumbs-up.entry.6990f27c.js → swirl-emoji-thumbs-up.entry.a31b437f.js}

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

package/dist/{swirl-emoji.entry.93bc8074.js → swirl-emoji.entry.0eee40ec.js}

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

package/dist/swirl-file-chip.entry.9a7ed145.js

@@ -0,0 +1,36 @@
+import { r as l, c as o, h as i, H as n } from "./index.67f1f4e7.js";
+import { F as a } from "./FileSaver.min-0f069dea.b93bc2ba.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { a as c, b as h, c as d, e as f, f as p, h as w } from "./utils-28df99ee.9fb223f6.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-d20b9603.2d9b8855.js";
+const u = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;position:relative;max-width:100%;min-width:15rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background:var(--s-surface-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px;padding-right:var(--s-space-16);gap:var(--s-space-12)}.file-chip:hover.file-chip--one-action .file-chip__info>*,.file-chip:focus-within.file-chip--one-action .file-chip__info>*{width:calc(100% - 44px - var(--s-space-12))}.file-chip:hover.file-chip--two-actions .file-chip__info>*,.file-chip:focus-within.file-chip--two-actions .file-chip__info>*{width:calc(100% - 88px - var(--s-space-12))}.file-chip:hover .file-chip__actions,.file-chip:focus-within .file-chip__actions{opacity:1}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-16);background:var(--s-surface-sunken-hovered);border-radius:var(--s-border-radius-sm) 0 0 var(--s-border-radius-sm);color:var(--s-icon-default)}.file-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.file-chip__name{font-weight:var(--s-font-weight-semibold)}.file-chip__description{color:var(--s-text-subdued)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;position:absolute;right:var(--s-space-16);top:0;bottom:0;opacity:0}", b = u, m = class {
+  constructor(e) {
+    l(this, e), this.preview = o(this, "preview", 7), this.download = o(this, "download", 7), this.handleDownloadClick = () => {
+      if (this.download.emit(), this.skipNativeDownload)
+        return;
+      const s = this.name || this.url.split("/").pop();
+      fetch(this.url).then((t) => t.blob()).then((t) => {
+        a.exports.saveAs(t, s);
+      });
+    }, this.handlePreviewClick = () => {
+      this.preview.emit();
+    }, this.url = void 0, this.name = void 0, this.type = void 0, this.description = void 0, this.loading = void 0, this.loadingLabel = "Loading", this.skipNativeDownload = void 0, this.showDownloadButton = void 0, this.showPreviewButton = void 0, this.downloadButtonLabel = "Download", this.previewButtonLabel = "Preview", this.isHovered = !1;
+  }
+  getFileIcon() {
+    return this.loading ? i("swirl-spinner", { size: "s", label: this.loadingLabel }) : c(this.type) ? i("swirl-icon-image", null) : h(this.type) ? i("swirl-icon-video-player", null) : d(this.type) ? i("swirl-icon-audio-file", null) : f(this.type) ? i("swirl-icon-picture-as-pdf", null) : p(this.type) ? i("swirl-icon-folder", null) : w(this.type) ? i("swirl-icon-file", null) : i("swirl-icon-attachment", null);
+  }
+  render() {
+    const e = +this.showPreviewButton + +this.showDownloadButton, s = r("file-chip", {
+      "file-chip--loading": this.loading,
+      "file-chip--one-action": e === 1,
+      "file-chip--two-actions": e === 2
+    });
+    return i(n, { key: "8ba0390953507f3c39fdb662c2714a721c1f048b" }, i("span", { key: "97a4e2627f6490a237cde23f54347e320e8065b5", role: "group", class: s }, i("span", { key: "f6dee9b3416db43baeeb3854995d94ef1142607f", class: "file-chip__icon" }, this.getFileIcon()), i("span", { key: "29d1a7aa234ceb846039004e8439db4441a32ba1", class: "file-chip__info" }, i("span", { key: "8594d492fd758e59797dff9b0923b2e2ec5bdc86", class: "file-chip__name", title: this.name }, this.name), this.description && i("span", { key: "887570df6590394016b9b0a4a49e06e6719acb53", class: "file-chip__description" }, this.description)), i("swirl-button-group", { key: "9fee7eaf170777b86fd33b98c069e641fa7eab02", class: "file-chip__actions" }, this.showPreviewButton && i("swirl-button", { key: "647360858f679d9eb4a65947f2839dec369d1a08", variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: !0, part: "file-chip__preview" }), this.showDownloadButton && i("swirl-button", { key: "6e718daf409c8f37caa228f545806f2fe7579f6d", variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: !0, part: "file-chip__download" }))));
+  }
+};
+m.style = b;
+export {
+  m as swirl_file_chip
+};

package/dist/{swirl-file-uploader.entry.436202db.js → swirl-file-uploader.entry.a9061518.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as e, H as d } from "./index.bea7a45c.js";
+import { r as o, c as r, h as e, H as d } from "./index.67f1f4e7.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-file-viewer_8.entry.accb65bb.js → swirl-file-viewer_8.entry.d5512761.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./index.bea7a45c.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./index.67f1f4e7.js";
 import { F as FileSaver_min } from "./FileSaver.min-0f069dea.b93bc2ba.js";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs, a as commonjsRequire, b as getAugmentedNamespace } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as classnames } from "./index-267776a4.6beb4f4b.js";
-import { d as debounce, s as getVisibleHeight, i as isMobileViewport } from "./utils-0cdf2a1e.c9917628.js";
+import { d as debounce, t as getVisibleHeight, i as isMobileViewport } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const swirlFileViewerCss = ":host{display:block;width:100%;height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}", SwirlFileViewerStyle0 = swirlFileViewerCss, SwirlFileViewer = class {

package/dist/{swirl-form-control.entry.aa26aa90.js → swirl-form-control.entry.5bf25498.js}

@@ -1,6 +1,6 @@
-import { r as d, h as o, H as h, g as p } from "./index.bea7a45c.js";
+import { r as d, h as o, H as h, g as p } from "./index.67f1f4e7.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
-import { h as u, j as w } from "./utils-0cdf2a1e.c9917628.js";
+import { j as u, k as w } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const v = `.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{font-size:var(--s-font-size-base);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):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder):not(.form-control--label-position-outside) .form-control__label-text.sc-swirl-form-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;height:auto}.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--font-size-sm.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.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--font-size-sm.sc-swirl-form-control .form-control__description.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.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--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@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--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}.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{font-size:var(--s-font-size-base);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.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select:not(.form-control--label-position-outside) .form-control__label-text.sc-swirl-form-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;height:auto;pointer-events:auto}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@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--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@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)}.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@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)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__label-text.sc-swirl-form-control{display:flex;align-items:center}}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:none;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:flex;position:relative;padding:var(--s-space-4);z-index:10}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control:hover{cursor:default}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control swirl-tooltip.sc-swirl-form-control::after{content:"";position:absolute;inset:calc(-1 * var(--s-space-4))}}.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__secondary-label.sc-swirl-form-control{font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued);margin-left:var(--s-space-4)}.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__icon.sc-swirl-form-control{position:absolute;top:0px;bottom:0px;margin:auto;display:flex;align-items:center;justify-content:center;width:var(--s-space-20)}.form-control--has-icon.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{margin-left:calc(var(--s-space-20) + var(--s-space-12))}.form-control--has-icon.sc-swirl-form-control .form-control__input.sc-swirl-form-control{margin-left:calc(var(--s-space-20) + var(--s-space-12))}.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, x = class {
@@ -28,8 +28,11 @@ const v = `.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
   componentDidRender() {
     this.checkInputValue();
   }
-  associateDescriptionWithInputElement() {
-    !Boolean(this.description) || !Boolean(this.inputEl) || (Boolean(this.inputEl.getAttribute("contenteditable")) ? this.inputEl.setAttribute("aria-describedby", this.descriptionId) : this.inputEl.setAttribute("swirl-aria-describedby", this.descriptionId));
+  watchDescription() {
+    this.associateDescriptionWithInputElement();
+  }
+  watchErrorMessage() {
+    this.associateDescriptionWithInputElement();
   }
   setInputElementDisabledState() {
     !Boolean(this.inputEl) || (this.disabled ? this.inputEl.setAttribute("disabled", "true") : this.inputEl.removeAttribute("disabled"));
@@ -55,28 +58,32 @@ const v = `.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-cont
   associateLabelWithInputElement() {
     !Boolean(this.inputEl.getAttribute("contenteditable")) || (this.inputEl.setAttribute("aria-labelledby", this.labelId), this.inputEl.setAttribute("aria-describedby", this.descriptionId));
   }
+  associateDescriptionWithInputElement() {
+    !Boolean(this.inputEl) || (Boolean(this.description) || Boolean(this.errorMessage) ? Boolean(this.inputEl.getAttribute("contenteditable")) ? this.inputEl.setAttribute("aria-describedby", this.descriptionId) : this.inputEl.setAttribute("swirl-aria-describedby", this.descriptionId) : (this.inputEl.removeAttribute("aria-describedby"), this.inputEl.removeAttribute("swirl-aria-describedby")));
+  }
   render() {
-    const r = Boolean(this.errorMessage), t = Boolean(this.description) && !r, l = Boolean(this.inputEl.getAttribute("contenteditable")), e = Boolean(this.el.querySelector('[slot="prefix"]')), s = Boolean(this.icon), n = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : Boolean(this.inputValue) || l && Boolean(this.inputEl.innerHTML), i = Boolean(this.inputEl.getAttribute("show-character-counter")), c = Boolean(this.inputEl.getAttribute("placeholder")), a = this.inputEl.tagName === "SWIRL-SELECT", f = b("form-control", `form-control--font-size-${this.fontSize}`, `form-control--label-position-${this.labelPosition}`, {
+    const r = Boolean(this.errorMessage), t = Boolean(this.description) && !r, e = Boolean(this.inputEl.getAttribute("contenteditable")), s = Boolean(this.el.querySelector('[slot="prefix"]')), l = Boolean(this.icon), i = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : Boolean(this.inputValue) || e && Boolean(this.inputEl.innerHTML), n = Boolean(this.inputEl.getAttribute("show-character-counter")), c = Boolean(this.inputEl.getAttribute("placeholder")), a = this.inputEl.tagName === "SWIRL-SELECT", f = b("form-control", `form-control--font-size-${this.fontSize}`, `form-control--label-position-${this.labelPosition}`, {
       "form-control--disabled": this.disabled,
-      "form-control--has-character-counter": i,
+      "form-control--has-character-counter": n,
       "form-control--has-focus": this.hasFocus,
       "form-control--has-placeholder": c,
-      "form-control--has-prefix": e,
-      "form-control--has-icon": s,
-      "form-control--has-value": n,
+      "form-control--has-prefix": s,
+      "form-control--has-icon": l,
+      "form-control--has-value": i,
       "form-control--hide-label": this.hideLabel,
       "form-control--inline": this.inline,
       "form-control--invalid": this.invalid,
       "form-control--is-select": a
-    }), m = l ? "div" : "label";
-    return o(h, { key: "75f89bf5628f878c9905adc63eccdc466a1b1216", onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("div", { key: "029f9f8d95b0a93add2dbf1d88d3518e0ff95a97", class: f, role: "group" }, o("span", { key: "b74c4cd72ad874cc5884e24ab5e84e637f73dde7", class: "form-control__controls" }, o("span", { key: "3e185f5b9339766db5fb50f1ac69e1c24a831904", class: "form-control__prefix" }, o("slot", { key: "a160fe30b0c0befead143f1c0ed947fd13c72df1", name: "prefix" })), o(m, { key: "077bdc0fdca9f99383f8f66dff4930fc4ee0de21", class: "form-control__label", onClick: this.onLabelClick }, s && o("span", { key: "c743d337b6e2d4bcf3113cb82f0378f600dec1c7", class: "form-control__icon" }, o("swirl-icon", { key: "554f4a49720b5b0e0ca2c50789cb5542f340909a", glyph: this.icon, size: 20 })), o("span", { key: "55852523399d32a5835355144ee744757d10efaa", class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && o("span", { key: "5affcc782e4f7834ceac151e8cd62b199f98bfbf", class: "form-control__secondary-label" }, this.secondaryLabel), this.tooltip && o("span", { key: "1ba74a1a9ddbee3126743d62105d74cf7f600241", class: "form-control__tooltip" }, o("swirl-tooltip", { key: "5f4a8ab75d986099c01159e7084ad8c819be9a61", content: this.tooltip, positioning: "fixed", position: "top" }, o("swirl-icon-help", { key: "0cc87113e888aa3b99f5ad2616a39c1925b9cb87", size: 16, tabindex: "0" })))), o("span", { key: "11492d15ac22c4bcb7e9753457ac3149a3703e00", class: "form-control__input" }, o("slot", { key: "e4f4d01a17e4d39462f33bf1dce0bc1949dd2015" })))), t && o("span", { key: "6afcb5673ba1bee9693ff9c5405e4c7933f4888a", class: "form-control__description", id: this.descriptionId }, this.description), r && o("span", { key: "89875a4b67de19acdeecb10878e65447b4a1e88c", "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { key: "5dd41ad22713ec400b2c01d8c8117180937aa940", message: this.errorMessage, size: "s" }))));
+    }), m = e ? "div" : "label";
+    return o(h, { key: "f78a0f9a49ce41a080064a155f715ef89fd91587", onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("div", { key: "d2fd7eb95177001c0706a6d18e48e83185f6caf9", class: f, role: "group" }, o("span", { key: "e8fe85fc929992d48a22005c63c228c8ee14d208", class: "form-control__controls" }, o("span", { key: "bd67548611eec6031148bf04e5b45c9d6caec594", class: "form-control__prefix" }, o("slot", { key: "5093dd090be2f2432bece77ec1d0d390fdb482bd", name: "prefix" })), o(m, { key: "30c60c1a1b7d36faa862acca026d218e38406da3", class: "form-control__label", onClick: this.onLabelClick }, l && o("span", { key: "7f3b05a85aeac928540c1fcd7a34bebceccf786f", class: "form-control__icon" }, o("swirl-icon", { key: "12cd37a3f685e93fa7fc6b08d3fb4239e0202b36", glyph: this.icon, size: 20 })), o("span", { key: "045cc7c094980fc107c1b47ebd0bbe37e5a4080e", class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && o("span", { key: "c6fdda2752f2a88ed46839213d6906c6768b7f16", class: "form-control__secondary-label" }, this.secondaryLabel), this.tooltip && o("span", { key: "cf3f742e1cedd723e655f3f6d237aeb04cf26bad", class: "form-control__tooltip" }, o("swirl-tooltip", { key: "a450c876d07b2c4f2ff90f9468554c1c897a111d", content: this.tooltip, positioning: "fixed", position: "top" }, o("swirl-icon-help", { key: "41b1b6ab4f6c240d7e7028020b15edf178129293", size: 16, tabindex: "0" })))), o("span", { key: "968e151ce5df21d39ffd348bb696e8b6c53828c9", class: "form-control__input" }, o("slot", { key: "8b9507aae4143b57d8a29ef4ae4fa1de23d0f897" })))), t && o("span", { key: "1d2a0bada179effc4c912adc43e1ea9e8aa49ea4", class: "form-control__description", id: this.descriptionId }, this.description), r && o("span", { key: "4b1e4794cdf197fba650d97d56e752f0ed09df89", "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { key: "505704e097a229340d566b0240be6f43af4d19f0", message: this.errorMessage, size: "s" }))));
   }
   get el() {
     return p(this);
   }
   static get watchers() {
     return {
-      description: ["associateDescriptionWithInputElement"],
+      description: ["watchDescription"],
+      errorMessage: ["watchErrorMessage"],
       disabled: ["setInputElementDisabledState"],
       inline: ["setInputElementInlineState"],
       invalid: ["setInputElementInvalidState"],

package/dist/{swirl-form-group.entry.da9b12d5.js → swirl-form-group.entry.ce072cde.js}

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

package/dist/{swirl-heading.entry.4d23a49a.js → swirl-heading.entry.8bf5c75e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as a } from "./index.bea7a45c.js";
+import { r as t, h as i, H as a } from "./index.67f1f4e7.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-moderator.entry.7a7724f3.js → swirl-icon-add-moderator.entry.874fccf6.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.bea7a45c.js";
+import { r as o, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-photo.entry.16243383.js → swirl-icon-add-photo.entry.b8b8d702.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.bea7a45c.js";
+import { r as o, h as C, F as s } from "./index.67f1f4e7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-reaction.entry.81eeb2c1.js → swirl-icon-add-reaction.entry.e35c6458.js}

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

package/dist/{swirl-icon-add_6.entry.188fc3d6.js → swirl-icon-add_6.entry.5179c822.js}

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

package/dist/{swirl-icon-admin-panel-settings.entry.4d4bf311.js → swirl-icon-admin-panel-settings.entry.28a9f066.js}

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

package/dist/{swirl-icon-ai-filled.entry.0271841c.js → swirl-icon-ai-filled.entry.10a22786.js}

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

package/dist/{swirl-icon-ai.entry.0738d5bb.js → swirl-icon-ai.entry.bbaca8eb.js}

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

package/dist/{swirl-icon-apps.entry.3830a5e0.js → swirl-icon-apps.entry.db15fcc1.js}

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

package/dist/{swirl-icon-arrow-back_5.entry.8eefa675.js → swirl-icon-arrow-back_5.entry.907c20d9.js}

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

package/dist/{swirl-icon-arrow-downward_2.entry.5435f020.js → swirl-icon-arrow-downward_2.entry.d7647187.js}

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

package/dist/{swirl-icon-arrow-left_4.entry.83267051.js → swirl-icon-arrow-left_4.entry.2d031682.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as a, c as n, H as C } from "./index.bea7a45c.js";
+import { r, h as i, F as a, c as n, H as C } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-right-small.entry.21b03b5a.js → swirl-icon-arrow-right-small.entry.648597c8.js}

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

package/dist/{swirl-icon-aspect-ratio.entry.79e2fd95.js → swirl-icon-aspect-ratio.entry.ec84a680.js}

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

package/dist/{swirl-icon-attachment_6.entry.a0750051.js → swirl-icon-attachment_6.entry.0e158fde.js}

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

package/dist/{swirl-icon-bar-chart.entry.370e0b97.js → swirl-icon-bar-chart.entry.620041d0.js}

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

package/dist/{swirl-icon-beach-access-filled.entry.0b7d9da4.js → swirl-icon-beach-access-filled.entry.f5cbde46.js}

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

package/dist/{swirl-icon-beach-access.entry.7419511b.js → swirl-icon-beach-access.entry.eef7eb47.js}

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

package/dist/{swirl-icon-block.entry.3f1b21d7.js → swirl-icon-block.entry.718cf327.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.bea7a45c.js";
+import { r as c, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bookmark-filled.entry.e1623b60.js → swirl-icon-bookmark-filled.entry.98c96ef9.js}

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

package/dist/{swirl-icon-bookmark.entry.491a6881.js → swirl-icon-bookmark.entry.445653a2.js}

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

package/dist/{swirl-icon-calendar-add-on-filled.entry.ebc174ac.js → swirl-icon-calendar-add-on-filled.entry.74db1b76.js}

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

package/dist/{swirl-icon-calendar-today.entry.6c139031.js → swirl-icon-calendar-today.entry.161474a7.js}

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

package/dist/{swirl-icon-call-end.entry.bdfa5218.js → swirl-icon-call-end.entry.a6b05d26.js}

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

package/dist/{swirl-icon-call.entry.17b81b91.js → swirl-icon-call.entry.5362c4e6.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as s } from "./index.bea7a45c.js";
+import { r as a, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";