@getflip/swirl-components-react 0.53.1 → 0.54.0

package/dist/{swirl-console-layout.entry.bae76046.js → swirl-console-layout.entry.85951205.js}

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

package/dist/{swirl-date-input.entry.8eb02310.js → swirl-date-input.entry.079405fa.js}

@@ -1,4 +1,4 @@
-import { r as Co, c as No, h as Q, H as Io, g as Uo } from "./index.fac2ca3b.js";
+import { r as Co, c as No, h as Q, H as Io, g as Uo } from "./index.a4b92857.js";
 import { a as Yo, c as Wo, b as Bo } from "./index-d280dafb.186cdb0e.js";
 import { a as qo } from "./utils-61f188cc.4a43deab.js";
 import "react";
@@ -5416,7 +5416,7 @@ var sl = Yo(function(t, e) {
     }, r.default = O, r.install = O, r.mask = o, r.maska = m, r.tokens = n, Object.defineProperty(r, "__esModule", { value: !0 });
   });
 });
-const yl = ".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: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)}.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}}", Et = "yyyy-MM-dd", pl = class {
+const yl = ".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}}", Et = "yyyy-MM-dd", pl = class {
   constructor(t) {
     Co(this, t), this.valueChange = No(this, "valueChange", 7), this.desktopMediaQuery = qo(), this.desktopMediaQueryHandler = (e) => {
       this.updateIconSize(e.matches);

package/dist/{swirl-date-picker_2.entry.2ea45cf7.js → swirl-date-picker_2.entry.2cd2140d.js}

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

package/dist/{swirl-description-list-item.entry.79e4bc43.js → swirl-description-list-item.entry.4aea30e3.js}

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

package/dist/{swirl-description-list.entry.f6dd55cb.js → swirl-description-list.entry.79df65c8.js}

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

package/dist/{swirl-dialog.entry.bd248ecf.js → swirl-dialog.entry.423bdbba.js}

@@ -1,9 +1,9 @@
-import { r as t, c as e, h as o, H as n } from "./index.fac2ca3b.js";
+import { r as t, c as e, h as o, H as n } from "./index.a4b92857.js";
 import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const d = ':host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', l = class {
+const d = ':host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', l = class {
   constructor(i) {
     t(this, i), this.primaryAction = e(this, "primaryAction", 7), this.secondaryAction = e(this, "secondaryAction", 7), this.onKeyDown = (a) => {
       a.code === "Escape" && this.close();

package/dist/{swirl-file-uploader.entry.d1c78525.js → swirl-file-uploader.entry.52473aa5.js}

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

package/dist/{swirl-file-viewer_7.entry.2e4f92d1.js → swirl-file-viewer_7.entry.c0cd235b.js}

@@ -1,4 +1,4 @@
-import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.fac2ca3b.js";
+import { r as jt, c as Rt, h as qe, H as $t, g as Qt } from "./index.a4b92857.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-61f188cc.4a43deab.js";
 import "react";

package/dist/swirl-form-control.entry.d0041649.js

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

package/dist/{swirl-form-group.entry.c5e34905.js → swirl-form-group.entry.42cea9f8.js}

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

package/dist/{swirl-heading.entry.696e0d48.js → swirl-heading.entry.f5a662da.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as l } from "./index.fac2ca3b.js";
+import { r as a, h as i, H as l } from "./index.a4b92857.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.e116af53.js → swirl-icon-add-photo.entry.fdf0de97.js}

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

package/dist/{swirl-icon-add_6.entry.abc6bb0a.js → swirl-icon-add_6.entry.d0484352.js}

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

package/dist/{swirl-icon-admin-panel-settings.entry.9de64f1d.js → swirl-icon-admin-panel-settings.entry.4b5bbf38.js}

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

package/dist/{swirl-icon-ai.entry.31310a9f.js → swirl-icon-ai.entry.a0d2cbf0.js}

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

package/dist/{swirl-icon-arrow-back.entry.e2b1a01e.js → swirl-icon-arrow-back.entry.59f870f3.js}

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

package/dist/{swirl-icon-arrow-downward_2.entry.81c8b527.js → swirl-icon-arrow-downward_2.entry.06e2b3b1.js}

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

package/dist/{swirl-icon-arrow-forward.entry.fae45efa.js → swirl-icon-arrow-forward.entry.6e1b0fcc.js}

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

package/dist/{swirl-icon-arrow-left_4.entry.752300f8.js → swirl-icon-arrow-left_4.entry.e4f601c8.js}

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

package/dist/{swirl-icon-arrow-right-small.entry.327ada2b.js → swirl-icon-arrow-right-small.entry.9f4ef03a.js}

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

package/dist/{swirl-icon-attachment.entry.99a47af7.js → swirl-icon-attachment.entry.e590a2c4.js}

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

package/dist/{swirl-icon-block.entry.9a1b4967.js → swirl-icon-block.entry.a0c726e2.js}

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

package/dist/{swirl-icon-bookmark.entry.1df2072e.js → swirl-icon-bookmark.entry.b7f7c0f7.js}

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

package/dist/{swirl-icon-cancel_4.entry.068e9982.js → swirl-icon-cancel_4.entry.d451b908.js}

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

package/dist/{swirl-icon-chat-bubble.entry.cacada73.js → swirl-icon-chat-bubble.entry.8bd19753.js}

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

package/dist/{swirl-icon-chats-filled.entry.a6132a6c.js → swirl-icon-chats-filled.entry.7a4ed5ba.js}

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

package/dist/{swirl-icon-chats-outlined.entry.4d53adba.js → swirl-icon-chats-outlined.entry.605aa2ac.js}

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

package/dist/{swirl-icon-check-circle_3.entry.c49ec714.js → swirl-icon-check-circle_3.entry.fa28b855.js}

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

package/dist/{swirl-icon-check-small_4.entry.dcec349f.js → swirl-icon-check-small_4.entry.8b5d5d68.js}

@@ -1,4 +1,4 @@
-import { r as $t, h as g, F as ht, c as ie, H as xe, g as Ee } from "./index.fac2ca3b.js";
+import { r as $t, h as g, F as ht, c as ie, H as xe, g as Ee } from "./index.a4b92857.js";
 import { c as ae } from "./index-d280dafb.186cdb0e.js";
 import { c as he, q as fe, a as Xe } from "./utils-61f188cc.4a43deab.js";
 import "react";
@@ -1251,8 +1251,8 @@ p.mount(new mi());
 p.mount(de, ce);
 const vi = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", bi = class {
   constructor(e) {
-    $t(this, e), this.itemDrop = ie(this, "itemDrop", 7), this.valueChange = ie(this, "valueChange", 7), this.onFocus = async () => {
-      await new Promise((t) => setTimeout(t)), Boolean(this.focusedItem) ? this.focusItem(this.getActiveItemIndex()) : this.focusItem(0);
+    $t(this, e), this.itemDrop = ie(this, "itemDrop", 7), this.valueChange = ie(this, "valueChange", 7), this.onFocus = async (t) => {
+      this.listboxEl.contains(t.relatedTarget) || (await new Promise((i) => setTimeout(i)), Boolean(this.focusedItem) ? this.focusItem(this.getActiveItemIndex()) : this.focusItem(0));
     }, this.onClick = (t) => {
       t.preventDefault();
       const i = t.target, o = i == null ? void 0 : i.closest("swirl-option-list-item"), n = t.composedPath()[0], r = Boolean(he(n, '[role="option"]'));
@@ -1423,7 +1423,7 @@ const vi = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-s
 };
 bi.style = vi;
 const wi = `.sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
-    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:-webkit-grab;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:-webkit-grabbing;cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, yi = class {
+    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, yi = class {
   constructor(e) {
     $t(this, e), this.toggleDrag = ie(this, "toggleDrag", 7), this.desktopMediaQuery = Xe(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches), this.updateIconSize(t.matches);

package/dist/{swirl-icon-check-strong.entry.c156257b.js → swirl-icon-check-strong.entry.7576037f.js}

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

package/dist/{swirl-icon-check.entry.b6996b59.js → swirl-icon-check.entry.86c03f2c.js}

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

package/dist/{swirl-icon-chevron-left.entry.fa057a81.js → swirl-icon-chevron-left.entry.59e4a266.js}

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

package/dist/{swirl-icon-chevron-right.entry.504a22aa.js → swirl-icon-chevron-right.entry.e0f01112.js}

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

package/dist/{swirl-icon-close-small.entry.6ecb6923.js → swirl-icon-close-small.entry.bc7251bf.js}

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

package/dist/{swirl-icon-close.entry.dd86be72.js → swirl-icon-close.entry.8d50d7d2.js}

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

package/dist/{swirl-icon-cloud-upload.entry.217f880c.js → swirl-icon-cloud-upload.entry.e6267e3d.js}

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

package/dist/{swirl-icon-column.entry.91d620ea.js → swirl-icon-column.entry.1ab44142.js}

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

package/dist/{swirl-icon-comment.entry.4fd68ec6.js → swirl-icon-comment.entry.cefa7e58.js}

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

package/dist/{swirl-icon-copy.entry.0516d949.js → swirl-icon-copy.entry.8178d62f.js}

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

package/dist/{swirl-icon-date-range.entry.bf1941ad.js → swirl-icon-date-range.entry.7b6873fc.js}

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

package/dist/{swirl-icon-delete.entry.20bf33c1.js → swirl-icon-delete.entry.aa9cd301.js}

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

package/dist/{swirl-icon-description.entry.e6e1d7ff.js → swirl-icon-description.entry.8cac5056.js}

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

package/dist/{swirl-icon-double-arrow-left.entry.e8523582.js → swirl-icon-double-arrow-left.entry.32c75b81.js}

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

package/dist/{swirl-icon-double-arrow-right.entry.bf8f3680.js → swirl-icon-double-arrow-right.entry.43a5c993.js}

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

package/dist/{swirl-icon-download.entry.4b91fc90.js → swirl-icon-download.entry.149a1060.js}

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

package/dist/{swirl-icon-edit.entry.94f6c691.js → swirl-icon-edit.entry.7d36e252.js}

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

package/dist/{swirl-icon-emoji-mood.entry.bc72e0ea.js → swirl-icon-emoji-mood.entry.18a9504d.js}

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

package/dist/{swirl-icon-emoji-satisfied.entry.9dd39bd5.js → swirl-icon-emoji-satisfied.entry.6e8d1788.js}

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

package/dist/{swirl-icon-error_3.entry.a547eb8e.js → swirl-icon-error_3.entry.339342e4.js}

@@ -1,9 +1,9 @@
-import { r as t, h as i, F as n, H as a } from "./index.fac2ca3b.js";
+import { r as t, h as i, F as n, H as l } from "./index.a4b92857.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
-import { a as l } from "./utils-61f188cc.4a43deab.js";
+import { a } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
-const c = ":host{display:inline-flex}", d = class {
+const c = ":host{display:inline-flex}", C = class {
   constructor(e) {
     t(this, e), this.size = 24;
   }
@@ -12,10 +12,10 @@ const c = ":host{display:inline-flex}", d = class {
     return i("svg", { class: s, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(n, null, i("path", { d: "M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(n, null, i("path", { d: "M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13Z", fill: "currentColor" })), this.size === 28 && i(n, null, i("path", { d: "M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667Z", fill: "currentColor" })));
   }
 };
-d.style = c;
-const h = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical);align-self:flex-start}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem}", C = class {
+C.style = c;
+const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical);align-self:flex-start}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem}", h = class {
   constructor(e) {
-    t(this, e), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (s) => {
+    t(this, e), this.desktopMediaQuery = a(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
     }, this.message = void 0, this.size = "m";
   }
@@ -36,22 +36,22 @@ const h = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error
   }
   render() {
     const e = o("inline-error", `inline-error--size-${this.size}`);
-    return i(a, null, i("span", { class: e, part: "inline-error" }, i("span", { class: "inline-error__icon", ref: (s) => this.iconEl = s }, i("swirl-icon-error", null)), i("span", { class: "inline-error__message" }, this.message)));
+    return i(l, null, i("span", { class: e, part: "inline-error" }, i("span", { class: "inline-error__icon", ref: (s) => this.iconEl = s }, i("swirl-icon-error", null)), i("span", { class: "inline-error__message" }, this.message)));
   }
 };
-C.style = h;
-const p = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", f = class {
+h.style = d;
+const p = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", f = class {
   constructor(e) {
     t(this, e), this.label = void 0, this.size = "m";
   }
   render() {
     const e = o("spinner", `spinner--size-${this.size}`);
-    return i(a, null, i("span", { class: e, role: Boolean(this.label) ? "status" : void 0 }, i("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, i("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), i("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && i("swirl-visually-hidden", null, i("span", { class: "spinner__label" }, this.label))));
+    return i(l, null, i("span", { class: e, role: Boolean(this.label) ? "status" : void 0 }, i("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, i("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), i("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && i("swirl-visually-hidden", null, i("span", { class: "spinner__label" }, this.label))));
   }
 };
 f.style = p;
 export {
-  d as swirl_icon_error,
-  C as swirl_inline_error,
+  C as swirl_icon_error,
+  h as swirl_inline_error,
   f as swirl_spinner
 };

package/dist/{swirl-icon-expand-more.entry.54027f67.js → swirl-icon-expand-more.entry.486f8ce8.js}

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

package/dist/{swirl-icon-filter.entry.be4a2e51.js → swirl-icon-filter.entry.ff77c374.js}

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