@getflip/swirl-components-react 0.56.1 → 0.57.1

package/dist/{swirl-icon-menu-filled.entry.2e5c6d56.js → swirl-icon-menu-filled.entry.ebac420f.js}

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

package/dist/{swirl-icon-menu-outlined.entry.e2ed802b.js → swirl-icon-menu-outlined.entry.f7961182.js}

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

package/dist/{swirl-icon-menu.entry.1d5c5296.js → swirl-icon-menu.entry.9db53dea.js}

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

package/dist/{swirl-icon-message.entry.54d9000a.js → swirl-icon-message.entry.077b4f1e.js}

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

package/dist/{swirl-icon-more-horizontal.entry.d45edc70.js → swirl-icon-more-horizontal.entry.ab0c0501.js}

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

package/dist/{swirl-icon-news-filled.entry.cfe8d64f.js → swirl-icon-news-filled.entry.aa5fb065.js}

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

package/dist/{swirl-icon-news-outlined.entry.c06a8240.js → swirl-icon-news-outlined.entry.6a64e69d.js}

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

package/dist/{swirl-icon-notifications-active.entry.e03b1e27.js → swirl-icon-notifications-active.entry.e7fce608.js}

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

package/dist/{swirl-icon-notifications-off.entry.74cde087.js → swirl-icon-notifications-off.entry.fd36ecaa.js}

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

package/dist/{swirl-icon-notifications.entry.d874d390.js → swirl-icon-notifications.entry.7158fdc5.js}

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

package/dist/{swirl-icon-open-in-new.entry.10e9ad5a.js → swirl-icon-open-in-new.entry.2b602dab.js}

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

package/dist/{swirl-icon-people-alt.entry.dcd8b9cf.js → swirl-icon-people-alt.entry.9a6a5be7.js}

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

package/dist/{swirl-icon-person-off.entry.7ad22140.js → swirl-icon-person-off.entry.c1a03727.js}

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

package/dist/{swirl-icon-person.entry.36676da6.js → swirl-icon-person.entry.46bc4708.js}

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

package/dist/{swirl-icon-phone.entry.887863da.js → swirl-icon-phone.entry.34d0cde3.js}

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

package/dist/{swirl-icon-poll.entry.85ef2630.js → swirl-icon-poll.entry.ffe26cd1.js}

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

package/dist/{swirl-icon-print.entry.7aaa6172.js → swirl-icon-print.entry.0d284362.js}

@@ -1,4 +1,4 @@
-import { r as V, h as C, F as H } from "./index.20393dfd.js";
+import { r as V, h as C, F as H } from "./index.c9511ef4.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.d47745b9.js → swirl-icon-recieved.entry.e8dc588c.js}

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

package/dist/{swirl-icon-search-strong.entry.62625153.js → swirl-icon-search-strong.entry.39480503.js}

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

package/dist/{swirl-icon-search.entry.3e997166.js → swirl-icon-search.entry.983ddbc2.js}

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

package/dist/{swirl-icon-send.entry.e1ac0d70.js → swirl-icon-send.entry.8ee9b42b.js}

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

package/dist/{swirl-icon-settings.entry.58057a31.js → swirl-icon-settings.entry.8f9bf9f8.js}

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

package/dist/{swirl-icon-short-text.entry.bedb011c.js → swirl-icon-short-text.entry.e8dd8951.js}

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

package/dist/{swirl-icon-simplify.entry.f2720658.js → swirl-icon-simplify.entry.05b4e43a.js}

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

package/dist/{swirl-icon-spellcheck.entry.f617b43f.js → swirl-icon-spellcheck.entry.d3f1eaf1.js}

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

package/dist/{swirl-icon-sync.entry.a0f8abdb.js → swirl-icon-sync.entry.9cb9703e.js}

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

package/dist/{swirl-icon-tasks-filled.entry.6637e035.js → swirl-icon-tasks-filled.entry.7363eebc.js}

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

package/dist/{swirl-icon-tasks-outlined.entry.3aaa3c82.js → swirl-icon-tasks-outlined.entry.3964f1bc.js}

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

package/dist/{swirl-icon-time-filled.entry.581c8d48.js → swirl-icon-time-filled.entry.9503a1fb.js}

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

package/dist/{swirl-icon-time-outlined.entry.d1eba4d0.js → swirl-icon-time-outlined.entry.31805fb6.js}

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

package/dist/{swirl-icon-undo.entry.6b46cc9d.js → swirl-icon-undo.entry.b5710944.js}

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

package/dist/{swirl-icon-unlock-person.entry.dbab8b48.js → swirl-icon-unlock-person.entry.3ac96d1c.js}

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

package/dist/{swirl-icon-user-assign.entry.27003a69.js → swirl-icon-user-assign.entry.101c3895.js}

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

package/dist/{swirl-icon-video-camera.entry.0bf8a86d.js → swirl-icon-video-camera.entry.8efd5c3d.js}

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

package/dist/{swirl-icon-voice.entry.4c263bbf.js → swirl-icon-voice.entry.d7acf0a7.js}

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

package/dist/{swirl-icon.entry.3a2b259a.js → swirl-icon.entry.f8980412.js}

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

package/dist/{swirl-inline-notification.entry.fcbd1ddb.js → swirl-inline-notification.entry.39e65ea3.js}

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

package/dist/{swirl-lightbox.entry.ad5ef4b4.js → swirl-lightbox.entry.e3dd7bb0.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.20393dfd.js";
+import { r as c, h as e, H as u, g } from "./index.c9511ef4.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-link.entry.d20966a7.js → swirl-link.entry.852c41ab.js}

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

package/dist/{swirl-list.entry.3f5b0a9e.js → swirl-list.entry.659c0bdf.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.20393dfd.js";
+import { r as l, h as t, H as r } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {

package/dist/{swirl-modal.entry.9ce7be64.js → swirl-modal.entry.663e30a6.js}

@@ -1,4 +1,4 @@
-import { r as ie, c as E, h as m, H as ne, g as se } from "./index.20393dfd.js";
+import { r as ie, c as E, h as m, H as ne, g as se } from "./index.c9511ef4.js";
 import { d as le, e as de } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as ce } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-option-list-section.entry.a2b6083c.js → swirl-option-list-section.entry.cfbea601.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.20393dfd.js";
+import { r as s, h as t, H as e } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);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-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {

package/dist/{swirl-pagination.entry.77773fd8.js → swirl-pagination.entry.89055065.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as i, H as r } from "./index.20393dfd.js";
+import { r as l, c as s, h as i, H as r } from "./index.c9511ef4.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { d as g } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.026530de.js → swirl-pdf-reader.entry.410f24eb.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.20393dfd.js";
+import { r as l, h as e, H as n, g as d } from "./index.c9511ef4.js";
 import { A as c } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover.entry.f1895e52.js → swirl-popover.entry.4fbbe15e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as p, h as s, H as v, g as m } from "./index.20393dfd.js";
+import { r as h, c as p, h as s, H as v, g as m } from "./index.c9511ef4.js";
 import { o as l, s as c, f, c as u, a as g } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { d as b, e as _ } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as y } from "./index-d280dafb.186cdb0e.js";
@@ -44,8 +44,8 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
   onWindowClick(o) {
     if (!this.active)
       return;
-    const e = o.target, t = this.el.contains(e), i = o.composedPath().some((r) => Boolean(r) && r instanceof Node ? this.el.contains(r) : !1), n = o.target === this.triggerEl;
-    !t && !i && !n && this.close();
+    const e = o.target, t = this.el.contains(e), i = o.composedPath().some((n) => Boolean(n) && n instanceof Node ? this.el.contains(n) : !1), r = o.target === this.triggerEl;
+    !t && !i && !r && this.close();
   }
   async close() {
     var o;
@@ -54,8 +54,8 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     }, 150), this.unlockBodyScroll(), (o = this.getNativeTriggerElement()) === null || o === void 0 || o.focus());
   }
   async open() {
-    this.active || (this.adjustWidth(), this.active = !0, this.popoverOpen.emit(), this.updateFocusableChildren(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
-      await this.reposition(), this.focusableChildren.length > 0 ? this.focusableChildren[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = g(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+    this.active || (this.adjustWidth(), this.active = !0, this.updateFocusableChildren(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
+      await this.reposition(), this.popoverOpen.emit({ position: this.position }), this.focusableChildren.length > 0 ? this.focusableChildren[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = g(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
     }));
   }
   connectTrigger() {
@@ -93,18 +93,18 @@ const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     !a() || this.disableScrollLock || _(this.scrollContainer);
   }
   render() {
-    var o, e;
-    const t = !window.matchMedia("(min-width: 768px)").matches, i = y("popover", `popover--animation-${this.animation}`, {
+    var o, e, t;
+    const i = !window.matchMedia("(min-width: 768px)").matches, r = y("popover", `popover--animation-${this.animation}`, `popover--placement-${(o = this.position) === null || o === void 0 ? void 0 : o.placement}`, {
       "popover--closing": this.closing,
       "popover--active": this.active,
       "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
       "popover--inactive": !this.active
     });
-    return s(v, { id: this.popoverId }, s("div", { class: i, onKeyDown: this.onKeydown }, s("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", ref: (n) => this.contentContainer = n, style: {
-      top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
-      left: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.x}px` : ""
+    return s(v, { id: this.popoverId }, s("div", { class: r, onKeyDown: this.onKeydown }, s("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", part: "popover__content", role: "dialog", ref: (n) => this.contentContainer = n, style: {
+      top: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.y}px` : "",
+      left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : ""
     }, tabindex: "-1" }, s("span", { class: "popover__handle" }), s("div", { class: "popover__scroll-container", ref: (n) => this.scrollContainer = n, style: {
-      maxHeight: !t && Boolean(this.maxHeight) ? this.maxHeight : void 0
+      maxHeight: !i && Boolean(this.maxHeight) ? this.maxHeight : void 0
     } }, s("slot", null))), this.active && s("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {

package/dist/{swirl-progress-indicator.entry.88c7165b.js → swirl-progress-indicator.entry.cf01c9a7.js}

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

package/dist/{swirl-radio-group.entry.bf80ec07.js → swirl-radio-group.entry.834c36c6.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.20393dfd.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {

package/dist/{swirl-radio.entry.ae612547.js → swirl-radio.entry.c59027bc.js}

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

package/dist/{swirl-resource-list-file-item.entry.6a1a57ac.js → swirl-resource-list-file-item.entry.ae7f5270.js}

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

package/dist/{swirl-search.entry.70510075.js → swirl-search.entry.9ab3d3ba.js}

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

package/dist/swirl-select.entry.ff2a40a5.js

@@ -0,0 +1,48 @@
+import { r as a, c as r, h as s, H as c, g as d } from "./index.c9511ef4.js";
+import { c as h } from "./index-d280dafb.186cdb0e.js";
+import { q as p } from "./utils-61f188cc.4a43deab.js";
+import "react";
+import "react-dom";
+const u = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--disabled.sc-swirl-select .select__label.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{top:0}.select__label.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__label.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__label.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__indicator.sc-swirl-select{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;color:var(--s-icon-default)}", v = class {
+  constructor(i) {
+    a(this, i), this.valueChange = r(this, "valueChange", 7), this.select = (e) => {
+      this.value = e.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
+    }, this.onSlotChange = () => {
+      this.updateOptions();
+    }, this.onOpen = (e) => {
+      this.placement = e.detail.position.placement, this.open = !0;
+    }, this.onClose = () => {
+      this.open = !1;
+    }, this.onKeyDown = (e) => {
+      (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.popover.open());
+    }, this.disabled = void 0, this.inline = void 0, this.invalid = void 0, this.label = void 0, this.multiSelect = void 0, this.required = void 0, this.selectId = Math.round(Math.random() * 1e6).toString(), this.swirlAriaDescribedby = void 0, this.value = void 0, this.options = [], this.open = void 0, this.placement = void 0;
+  }
+  componentWillLoad() {
+    queueMicrotask(() => {
+      this.updateOptions();
+    });
+  }
+  onWindowFocusIn(i) {
+    i.target === this.el.querySelector("input") && i.stopImmediatePropagation();
+  }
+  updateOptions() {
+    this.options = p(this.el, "swirl-option-list-item");
+  }
+  render() {
+    const i = Boolean(this.value) ? this.value.map((t) => {
+      var l;
+      return (l = this.options.find((o) => o.value === t)) === null || l === void 0 ? void 0 : l.label;
+    }).join(", ") : "", e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, n = h("select", `select--placement-${this.placement}`, {
+      "select--disabled": this.disabled,
+      "select--inline": this.inline
+    });
+    return s(c, { onKeyDown: this.onKeyDown }, s("div", { class: n }, s("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__label", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: !0, type: "text", value: i }), s("span", { class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { animation: "scale-in-y", class: "select__popover", label: this.label, offset: [0, -16], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: `select-options-${this.selectId}`, ref: (t) => this.popover = t, trigger: `trigger-${this.selectId}`, useContainerWidth: "swirl-form-control" }, s("swirl-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, s("slot", { onSlotchange: this.onSlotChange })))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+v.style = u;
+export {
+  v as swirl_select
+};

package/dist/{swirl-shell-layout.entry.b0786f64.js → swirl-shell-layout.entry.b9cfe641.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.20393dfd.js";
+import { r as o, h as e, H as t } from "./index.c9511ef4.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.3878055a.js → swirl-shell-navigation-item.entry.ad1379d2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.20393dfd.js";
+import { r as t, h as n, H as a, g as s } from "./index.c9511ef4.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.3ec82300.js → swirl-skeleton-box.entry.119abe77.js}

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

package/dist/{swirl-skeleton-text.entry.a2a5933e.js → swirl-skeleton-text.entry.ef8126c6.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.20393dfd.js";
+import { r as l, h as t, H as a } from "./index.c9511ef4.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.e33bd2bd.js → swirl-stack.entry.b3a7fe4f.js}

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

package/dist/{swirl-switch.entry.dafa3ed6.js → swirl-switch.entry.beb2ba2c.js}

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

package/dist/{swirl-tab-bar.entry.ae9b1a86.js → swirl-tab-bar.entry.5b3a4bda.js}

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

package/dist/{swirl-tab.entry.8018a2b1.js → swirl-tab.entry.5eb21906.js}

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

package/dist/{swirl-table-cell.entry.1850764d.js → swirl-table-cell.entry.79fcea14.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.20393dfd.js";
+import { r as e, h as s, H as l } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const o = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", t = class {

package/dist/{swirl-table-column.entry.d94b2504.js → swirl-table-column.entry.76d1e91a.js}

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

package/dist/{swirl-table-row-group.entry.dd41132e.js → swirl-table-row-group.entry.4248e356.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.20393dfd.js";
+import { r as o, h as r, H as s, g as t } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.40ebd59f.js → swirl-table-row.entry.b03bbe90.js}

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

package/dist/{swirl-table.entry.5d2bb19f.js → swirl-table.entry.c3850881.js}

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

package/dist/{swirl-tabs.entry.f31162ea.js → swirl-tabs.entry.123062fc.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.20393dfd.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.c9511ef4.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {

package/dist/{swirl-tag.entry.60143c36.js → swirl-tag.entry.bdfd4559.js}

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

package/dist/{swirl-text-input.entry.ba4a4801.js → swirl-text-input.entry.eece78fa.js}

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

package/dist/{swirl-text.entry.6baa86a8.js → swirl-text.entry.6e56954a.js}

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