@getflip/swirl-components-react 0.86.5 → 0.87.1

package/dist/{swirl-console-layout.entry.1732c301.js → swirl-console-layout.entry.40eb3c6b.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as e, H as c, g as h } from "./index.4bb10455.js";
+import { r as d, c as n, h as e, H as c, g as h } from "./index.93c32f2a.js";
 import { c as u } from "./index-d280dafb.186cdb0e.js";
 import { i } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-date-input.entry.93d40c50.js → swirl-date-input.entry.7cea32d4.js}

@@ -1,4 +1,4 @@
-import { r as p, c as l, h as a, H as m, g as f } from "./index.4bb10455.js";
+import { r as p, c as l, h as a, H as m, g as f } from "./index.93c32f2a.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-bc84f36e.1fee9865.js";

package/dist/{swirl-date-picker_2.entry.0c31b2b6.js → swirl-date-picker_2.entry.0fe30103.js}

@@ -1,4 +1,4 @@
-import { r as i, c as s, h as e, H as n, g as c, F as r } from "./index.4bb10455.js";
+import { r as i, c as s, h as e, H as n, g as c, F as r } from "./index.93c32f2a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list-item.entry.6adeafd3.js → swirl-description-list-item.entry.c8344eb2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as e } from "./index.4bb10455.js";
+import { r as n, h as i, H as e } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
@@ -93,12 +93,12 @@ const s = `:host {
   }
 }
 `, o = class {
-  constructor(n) {
-    t(this, n), this.bordered = !0, this.orientation = "horizontal", this.term = void 0;
+  constructor(t) {
+    n(this, t), this.bordered = !0, this.orientation = "horizontal", this.term = void 0;
   }
   render() {
-    const n = r("description-list-item", `description-list-item--orientation-${this.orientation}`, { "description-list-item--bordered": this.bordered });
-    return i(e, null, i("div", { class: n, part: "description-list-item" }, i("dt", { class: "description-list-item__term", part: "description-list-item__term" }, this.term), i("dd", { class: "description-list-item__description" }, i("slot", null))));
+    const t = r("description-list-item", `description-list-item--orientation-${this.orientation}`, { "description-list-item--bordered": this.bordered });
+    return i(e, { role: "listitem" }, i("div", { class: t, part: "description-list-item", role: "group" }, i("div", { class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term), i("div", { class: "description-list-item__description", role: "definition" }, i("slot", null))));
   }
 };
 o.style = s;

package/dist/{swirl-description-list.entry.655f672d.js → swirl-description-list.entry.d90739a7.js}

@@ -1,12 +1,12 @@
-import { r as t, h as s, H as r } from "./index.4bb10455.js";
+import { r as t, h as i, H as r } from "./index.93c32f2a.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 {
-  constructor(i) {
-    t(this, i);
+  constructor(s) {
+    t(this, s);
   }
   render() {
-    return s(r, null, s("dl", { class: "description-list" }, s("slot", null)));
+    return i(r, null, i("div", { class: "description-list", role: "list" }, i("slot", null)));
   }
 };
 n.style = o;

package/dist/{swirl-dialog.entry.e7f40401.js → swirl-dialog.entry.efa10592.js}

@@ -1,4 +1,4 @@
-import { r as t, c as e, h as i, H as s } from "./index.4bb10455.js";
+import { r as t, c as e, h as i, H as s } from "./index.93c32f2a.js";
 import { A as n } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-emoji-clap.entry.5eedf1c5.js → swirl-emoji-clap.entry.1c2a9206.js}

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

package/dist/{swirl-emoji-happy.entry.7042fc0a.js → swirl-emoji-happy.entry.6987d6ee.js}

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

package/dist/{swirl-emoji-idea.entry.9bc1740d.js → swirl-emoji-idea.entry.1f47214e.js}

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

package/dist/{swirl-emoji-love.entry.835aa90b.js → swirl-emoji-love.entry.6965f0a7.js}

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

package/dist/{swirl-emoji-sad.entry.90311285.js → swirl-emoji-sad.entry.174e7f56.js}

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

package/dist/{swirl-emoji-thumbs-up.entry.af30ebbe.js → swirl-emoji-thumbs-up.entry.7684dd88.js}

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

package/dist/{swirl-emoji.entry.e28964dc.js → swirl-emoji.entry.af423439.js}

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

package/dist/{swirl-file-uploader.entry.ed1ff38f.js → swirl-file-uploader.entry.823f8260.js}

@@ -1,4 +1,4 @@
-import { r, c as o, h as e, H as d } from "./index.4bb10455.js";
+import { r, c as o, h as e, H as d } from "./index.93c32f2a.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-file-viewer_7.entry.5f642a72.js → swirl-file-viewer_7.entry.0380cc1a.js}

@@ -1,4 +1,4 @@
-import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.4bb10455.js";
+import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.93c32f2a.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-bc84f36e.1fee9865.js";
 import "react";

package/dist/swirl-form-control.entry.50c9e7aa.js

@@ -0,0 +1,78 @@
+import { r as c, h as o, H as m, g as f } from "./index.93c32f2a.js";
+import { c as d } from "./index-d280dafb.186cdb0e.js";
+import { a as h } from "./utils-bc84f36e.1fee9865.js";
+import "react";
+import "react-dom";
+const p = `.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):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):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):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):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):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);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)}`, u = class {
+  constructor(t) {
+    c(this, t), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
+      this.inputEl.addEventListener("valueChange", this.checkInputValue);
+    }, this.checkInputValue = () => {
+      var r;
+      this.inputValue = (r = this.inputEl) == null ? void 0 : r.value;
+    }, this.onFocusIn = () => {
+      this.hasFocus = !0;
+    }, this.onFocusOut = () => {
+      this.hasFocus = !1;
+    }, this.onKeyDown = (r) => {
+      r.key === "Tab" && setTimeout(() => {
+        this.el.contains(h()) || (this.hasFocus = !1);
+      });
+    }, this.description = void 0, this.disabled = void 0, this.errorMessage = void 0, this.hideLabel = void 0, this.inline = void 0, this.invalid = void 0, this.label = void 0, this.labelPosition = "inside", this.hasFocus = void 0, this.inputValue = void 0;
+  }
+  componentWillLoad() {
+    this.inputEl = this.el.children[0], this.associateDescriptionWithInputElement(), this.setInputElementDisabledState(), this.setInputElementInlineState(), this.setInputElementInvalidState(), this.setInputElementLabel(), this.checkInputValue(), this.listenToInputValueChanges();
+  }
+  associateDescriptionWithInputElement() {
+    !Boolean(this.description) || !Boolean(this.inputEl) || this.inputEl.setAttribute("swirl-aria-describedby", this.descriptionId);
+  }
+  setInputElementDisabledState() {
+    !Boolean(this.inputEl) || (this.disabled ? this.inputEl.setAttribute("disabled", "true") : this.inputEl.removeAttribute("disabled"));
+  }
+  setInputElementInlineState() {
+    !Boolean(this.inputEl) || (this.inline || this.labelPosition === "outside" ? this.inputEl.setAttribute("inline", "true") : this.inputEl.removeAttribute("inline"));
+  }
+  setInputElementInvalidState() {
+    !Boolean(this.inputEl) || (this.invalid ? this.inputEl.setAttribute("invalid", "true") : this.inputEl.removeAttribute("invalid"));
+  }
+  setInputElementLabel() {
+    !Boolean(this.inputEl) || this.inputEl.setAttribute("label", this.label);
+  }
+  onWindowClick(t) {
+    if (!this.hasFocus)
+      return;
+    const r = t.target;
+    this.el.contains(r) || (t.stopPropagation(), this.hasFocus = !1);
+  }
+  render() {
+    const t = Boolean(this.errorMessage), r = Boolean(this.description) && !t, s = Boolean(this.el.querySelector('[slot="prefix"]')), l = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : Boolean(this.inputValue), e = Boolean(this.inputEl.getAttribute("show-character-counter")), i = Boolean(this.inputEl.getAttribute("placeholder")), n = this.inputEl.tagName === "SWIRL-SELECT", a = d("form-control", `form-control--label-position-${this.labelPosition}`, {
+      "form-control--disabled": this.disabled,
+      "form-control--has-character-counter": e,
+      "form-control--has-focus": this.hasFocus,
+      "form-control--has-placeholder": i,
+      "form-control--has-prefix": s,
+      "form-control--has-value": l,
+      "form-control--hide-label": this.hideLabel,
+      "form-control--inline": this.inline,
+      "form-control--invalid": this.invalid,
+      "form-control--is-select": n
+    });
+    return o(m, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, o("div", { class: a, role: "group" }, o("span", { class: "form-control__controls" }, o("span", { class: "form-control__prefix" }, o("slot", { name: "prefix" })), o("label", { class: "form-control__label" }, o("span", { class: "form-control__label-text" }, 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 f(this);
+  }
+  static get watchers() {
+    return {
+      description: ["associateDescriptionWithInputElement"],
+      disabled: ["setInputElementDisabledState"],
+      inline: ["setInputElementInlineState"],
+      invalid: ["setInputElementInvalidState"],
+      label: ["setInputElementLabel"]
+    };
+  }
+};
+u.style = p;
+export {
+  u as swirl_form_control
+};

package/dist/{swirl-form-group.entry.0ec24742.js → swirl-form-group.entry.9de1a50e.js}

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

package/dist/{swirl-heading.entry.2653e5c0.js → swirl-heading.entry.b98047cb.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as l } from "./index.4bb10455.js";
+import { r as a, h as i, H as l } from "./index.93c32f2a.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { b as r } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-icon-add-photo.entry.e53b3d1a.js → swirl-icon-add-photo.entry.6d7d84b4.js}

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

package/dist/{swirl-icon-add_6.entry.42b746fe.js → swirl-icon-add_6.entry.9ac605ac.js}

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

package/dist/{swirl-icon-admin-panel-settings.entry.3b412332.js → swirl-icon-admin-panel-settings.entry.238556ab.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.4bb10455.js";
+import { r as l, h as C, F as i } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-ai.entry.fa2a4a28.js → swirl-icon-ai.entry.39953b72.js}

@@ -1,4 +1,4 @@
-import { r, h as L, F as i } from "./index.4bb10455.js";
+import { r, h as L, F as i } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-back.entry.b6625daf.js → swirl-icon-arrow-back.entry.fb94414e.js}

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

package/dist/{swirl-icon-arrow-downward_2.entry.5e33bd1d.js → swirl-icon-arrow-downward_2.entry.704b618f.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.4bb10455.js";
+import { r, h as C, F as i } from "./index.93c32f2a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-forward.entry.4d0e9c82.js → swirl-icon-arrow-forward.entry.779dfc61.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as r } from "./index.4bb10455.js";
+import { r as t, h as s, F as r } from "./index.93c32f2a.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-left_4.entry.f396ee7a.js → swirl-icon-arrow-left_4.entry.0731927f.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t, c as o, H as n } from "./index.4bb10455.js";
+import { r, h as s, F as t, c as o, H as n } from "./index.93c32f2a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-right-small.entry.eda3e9e3.js → swirl-icon-arrow-right-small.entry.08e85938.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as t } from "./index.4bb10455.js";
+import { r as l, h as s, F as t } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-attachment.entry.561aa293.js → swirl-icon-attachment.entry.b5bc0c08.js}

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

package/dist/{swirl-icon-bar-chart.entry.78a742ea.js → swirl-icon-bar-chart.entry.d0ec5844.js}

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

package/dist/{swirl-icon-block.entry.2d63c7e4.js → swirl-icon-block.entry.25bf83c8.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.4bb10455.js";
+import { r as l, h as C, F as i } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bookmark.entry.2a5d332c.js → swirl-icon-bookmark.entry.e3d2e797.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as t } from "./index.4bb10455.js";
+import { r as o, h as s, F as t } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cancel_4.entry.103838dc.js → swirl-icon-cancel_4.entry.2b5d2456.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as C } from "./index.4bb10455.js";
+import { r as l, h as s, F as C } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chat-bubble.entry.78206bec.js → swirl-icon-chat-bubble.entry.9e3497a8.js}

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

package/dist/{swirl-icon-chats-filled.entry.407cf10d.js → swirl-icon-chats-filled.entry.3243be61.js}

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

package/dist/{swirl-icon-chats-outlined.entry.cab0d108.js → swirl-icon-chats-outlined.entry.ce63d99e.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as s } from "./index.4bb10455.js";
+import { r as l, h as C, F as s } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-circle_3.entry.394813e7.js → swirl-icon-check-circle_3.entry.c6ca5e0a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as i } from "./index.4bb10455.js";
+import { r as l, h as s, F as i } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-small_3.entry.e02140cb.js → swirl-icon-check-small_3.entry.eaa5c4ce.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s, c as h, H as p, g as m } from "./index.4bb10455.js";
+import { r as l, h as i, F as s, c as h, H as p, g as m } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import { g } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-icon-check-strong.entry.5d88336d.js → swirl-icon-check-strong.entry.fc7ffe57.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as e } from "./index.4bb10455.js";
+import { r, h as s, F as e } from "./index.93c32f2a.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check.entry.3730e83b.js → swirl-icon-check.entry.7ab9b40b.js}

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

package/dist/{swirl-icon-chevron-left.entry.76f4fbba.js → swirl-icon-chevron-left.entry.57f8b766.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.4bb10455.js";
+import { r as e, h as s, F as t } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chevron-right.entry.581e09b2.js → swirl-icon-chevron-right.entry.488059dd.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.4bb10455.js";
+import { r, h as s, F as t } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-close-small.entry.f32abf9a.js → swirl-icon-close-small.entry.fdc612fa.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as i } from "./index.4bb10455.js";
+import { r as l, h as s, F as i } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-close.entry.daa3fe2e.js → swirl-icon-close.entry.a662c77b.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as i } from "./index.4bb10455.js";
+import { r as e, h as s, F as i } from "./index.93c32f2a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cloud-upload.entry.735977c3.js → swirl-icon-cloud-upload.entry.a254a5c7.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.4bb10455.js";
+import { r as l, h as C, F as i } from "./index.93c32f2a.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-column.entry.5d6e733d.js → swirl-icon-column.entry.726716fa.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.4bb10455.js";
+import { r, h as s, F as t } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-comment.entry.9a278c45.js → swirl-icon-comment.entry.61fb2611.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as t } from "./index.4bb10455.js";
+import { r as l, h as s, F as t } from "./index.93c32f2a.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-copy.entry.0dd11b6d.js → swirl-icon-copy.entry.b3f45b24.js}

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

package/dist/{swirl-icon-date-range.entry.5d023a2e.js → swirl-icon-date-range.entry.a195ab05.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.4bb10455.js";
+import { r as e, h as s, F as t } from "./index.93c32f2a.js";
 import { c as H } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-delete.entry.c82ff296.js → swirl-icon-delete.entry.8e0c1c6a.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.4bb10455.js";
+import { r, h as s, F as t } from "./index.93c32f2a.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-description.entry.a7718645.js → swirl-icon-description.entry.03decb22.js}

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

package/dist/{swirl-icon-double-arrow-left.entry.9ba240a8.js → swirl-icon-double-arrow-left.entry.13af1e30.js}

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

package/dist/{swirl-icon-double-arrow-right.entry.0692f9f4.js → swirl-icon-double-arrow-right.entry.f88a0279.js}

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

package/dist/{swirl-icon-download.entry.fbfe1661.js → swirl-icon-download.entry.09db68de.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.4bb10455.js";
+import { r as o, h as C, F as i } from "./index.93c32f2a.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-edit.entry.35a00e02.js → swirl-icon-edit.entry.709a273a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.4bb10455.js";
+import { r as e, h as s, F as t } from "./index.93c32f2a.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-emoji-mood.entry.2c7d4f8d.js → swirl-icon-emoji-mood.entry.82e99f30.js}

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

package/dist/{swirl-icon-emoji-satisfied.entry.3482b52c.js → swirl-icon-emoji-satisfied.entry.bbbc3817.js}

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

package/dist/{swirl-icon-error_3.entry.87185a50.js → swirl-icon-error_3.entry.da274209.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as n, H as l } from "./index.4bb10455.js";
+import { r as t, h as e, F as n, H as l } from "./index.93c32f2a.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import { g as a } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-icon-expand-more.entry.a24f8cdc.js → swirl-icon-expand-more.entry.9d1aefde.js}

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

package/dist/{swirl-icon-filter.entry.978f2836.js → swirl-icon-filter.entry.66235a36.js}

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

package/dist/{swirl-icon-folder.entry.e8948012.js → swirl-icon-folder.entry.7969c572.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.4bb10455.js";
+import { r as e, h as s, F as t } from "./index.93c32f2a.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-format-h-one.entry.03b1ce4b.js → swirl-icon-format-h-one.entry.108b1720.js}

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

package/dist/{swirl-icon-gif.entry.b233bf3a.js → swirl-icon-gif.entry.df939b32.js}

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

package/dist/{swirl-icon-group-assign.entry.1b2cd913.js → swirl-icon-group-assign.entry.84875349.js}

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

package/dist/{swirl-icon-groups-custom.entry.6581f779.js → swirl-icon-groups-custom.entry.dc920a1f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as l } from "./index.4bb10455.js";
+import { r as o, h as C, F as l } from "./index.93c32f2a.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-groups-filled.entry.9ad94743.js → swirl-icon-groups-filled.entry.ddc89e75.js}

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