@getflip/swirl-components-react 0.204.1 → 0.205.0

package/dist/{swirl-inline-status.entry.fef713de.js → swirl-inline-status.entry.e9d8efd7.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as a } from "./index.385abe8b.js";
+import { r as s, h as e, H as a } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-lightbox.entry.aebfcaab.js → swirl-lightbox.entry.8c733081.js}

@@ -1,4 +1,4 @@
-import { r as h, h as i, H as b, g as f } from "./index.385abe8b.js";
+import { r as h, h as i, H as b, g as f } from "./index.eaeb17f0.js";
 import { A as u } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-link.entry.40b0242d.js → swirl-link.entry.c02af9dd.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.385abe8b.js";
+import { r, h as i, H as t } from "./index.eaeb17f0.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-list.entry.04fac208.js → swirl-list.entry.f6633b3f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.385abe8b.js";
+import { r as l, h as i, H as r } from "./index.eaeb17f0.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 = s, o = class {

package/dist/{swirl-menu-item.entry.29e3c971.js → swirl-menu-item.entry.b426d5c2.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as u, g as l } from "./index.385abe8b.js";
+import { r, h as i, H as u, g as l } from "./index.eaeb17f0.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-menu.entry.62b27fa1.js → swirl-menu.entry.6f1919e2.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as n, H as b, g as p } from "./index.385abe8b.js";
+import { r as d, c, h as n, H as b, g as p } from "./index.eaeb17f0.js";
 import { c as v, a as f, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as M, b as x } from "./utils-aab10c80.240adddc.js";

package/dist/{swirl-modal.entry.f6095ea3.js → swirl-modal.entry.2b0b60d6.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.385abe8b.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.eaeb17f0.js";
 import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";

package/dist/{swirl-option-list-section.entry.eb598aea.js → swirl-option-list-section.entry.d0659d51.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as s } from "./index.385abe8b.js";
+import { r as i, h as t, H as s } from "./index.eaeb17f0.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)}}", a = o, l = class {

package/dist/{swirl-option-list_2.entry.21f9b35c.js → swirl-option-list_2.entry.755d579b.js}

@@ -1,4 +1,4 @@
-import { r as d, c as o, h as a, H as c, g as h } from "./index.385abe8b.js";
+import { r as d, c as o, h as a, H as c, g as h } from "./index.eaeb17f0.js";
 import { c as l, q as n } from "./utils-aab10c80.240adddc.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-pagination.entry.57a96c87.js → swirl-pagination.entry.a29959c4.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.385abe8b.js";
+import { r as l, c as s, h as e, H as r } from "./index.eaeb17f0.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as g } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.85974a2f.js → swirl-pdf-reader.entry.99d713a4.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.385abe8b.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.eaeb17f0.js";
 import { A as b } 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-267776a4.6beb4f4b.js";

package/dist/{swirl-popover_2.entry.765a1d33.js → swirl-popover_2.entry.0f983c95.js}

@@ -1,13 +1,13 @@
-import { r as g, c as l, h as n, H as v, g as f } from "./index.385abe8b.js";
-import { o as c, s as d, f as y, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as v, c as l, h as n, H as g, g as f } from "./index.eaeb17f0.js";
+import { o as c, s as h, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
-import { i as a, b as T, q as h } from "./utils-aab10c80.240adddc.js";
+import { i as a, b as T, q as d } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", P = S, B = class {
+const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", S = P, L = class {
   constructor(e) {
-    g(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (t) => {
+    v(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (t) => {
       t.stopPropagation(), this.active ? this.close() : this.open();
     }, this.onKeydown = (t) => {
       t.code === "Escape" && this.active && (t.stopImmediatePropagation(), t.stopPropagation(), this.close());
@@ -19,7 +19,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
         this.position = void 0;
         return;
       }
-      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), d(), y()] : [c(o), d()];
+      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), h(), _()] : [c(o), h()];
       this.position = await E(this.triggerEl, this.contentContainer, {
         middleware: i,
         placement: this.placement,
@@ -39,8 +39,8 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, m = T(), u = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(m), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), _ = i && !this.el.contains(s || r) && s !== this.el;
-    !u.includes(r.tagName) && b && w && (!i || _) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, u = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(u), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
+    !m.includes(r.tagName) && b && w && (!i || y) && this.close();
   }
   onWindowClick(e) {
     if (!this.active || this.closing)
@@ -68,7 +68,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.triggerEl = void 0;
       return;
     }
-    this.triggerEl = typeof this.trigger == "string" ? h(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
+    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
       this.toggle(e);
     });
   }
@@ -83,7 +83,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
   }
   getFocusableChildren() {
-    return h(this.el, '[role="menuitem"], [role="listbox"]');
+    return d(this.el, '[role="menuitem"], [role="listbox"]');
   }
   adjustWidth() {
     let e = this.useContainerWidth;
@@ -110,7 +110,7 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--inactive": !this.active,
       "popover--transparent": this.transparent
     });
-    return n(v, { key: "f3bca2b5bafb8518298ab646ac1c348b5c56b232" }, n("div", { key: "5c035656e06397cec7631204d61faece94c616fb", class: t, onKeyDown: this.onKeydown }, n("div", { key: "f2d24daa53c0e5165c5c60e38cd872179c5473ba", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
+    return n(g, { key: "f3bca2b5bafb8518298ab646ac1c348b5c56b232" }, n("div", { key: "5c035656e06397cec7631204d61faece94c616fb", class: t, onKeyDown: this.onKeydown }, n("div", { key: "f2d24daa53c0e5165c5c60e38cd872179c5473ba", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
       top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
       left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
     }, tabindex: "-1" }, n("span", { key: "4efd18f520572ae456d0e5bbfc3c92a158b771bd", class: "popover__handle" }), n("div", { key: "fa2c01019b25ec19830887d6ea72f08ca42daf27", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
@@ -121,12 +121,18 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     return f(this);
   }
 };
-B.style = P;
-const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
+L.style = S;
+const B = ".sc-swirl-popover-trigger-h{display:contents}", W = B, H = class {
   constructor(e) {
-    g(this, e), this.onMouseenter = () => {
-      if (!this.triggerOnHover)
-        return;
+    v(this, e), this.triggerIsActive = !1, this.popoverMouseEnter = () => {
+      this.stopHoverLingerTimer();
+    }, this.popoverMouseLeave = () => {
+      this.triggerIsActive && this.mouseleaveHandler();
+    }, this.onMouseenter = () => {
+      !this.triggerOnHover || (this.stopHoverLingerTimer(), this.triggerIsActive = !0, this.hoverDelayReference = setTimeout(() => {
+        this.hoverDelayReference = void 0, this.mouseenterHandler();
+      }, this.hoverDelay));
+    }, this.mouseenterHandler = () => {
       const t = this.getPopoverEl(), o = this.getTriggerEl();
       t.open(o, !0), t.addEventListener("popoverOpen", () => {
         this.updateTriggerElAriaAttributes(!0);
@@ -134,9 +140,9 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
         this.updateTriggerElAriaAttributes(!1);
       }, { once: !0 });
     }, this.onMouseleave = () => {
-      if (!this.triggerOnHover)
-        return;
-      this.getPopoverEl().close(!0);
+      clearTimeout(this.hoverDelayReference), Boolean(this.hoverDelayReference) || this.mouseleaveHandler();
+    }, this.mouseleaveHandler = () => {
+      !this.triggerOnHover || this.startHoverLingerTimer();
     }, this.onClick = () => {
       const t = this.getPopoverEl(), o = this.getTriggerEl();
       t.open(o), t.addEventListener("popoverOpen", () => {
@@ -153,10 +159,10 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
         return;
       const i = typeof this.swirlPopover == "string" ? this.swirlPopover : (r = this.swirlPopover) == null ? void 0 : r.id;
       o.tagName.startsWith("SWIRL-") ? (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false")), o.setAttribute("swirl-aria-haspopup", "dialog")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false")), o.setAttribute("aria-haspopup", "dialog"));
-    }, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.setAriaAttributes = !0, this.swirlPopover = void 0, this.triggerOnHover = !1;
+    }, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.setAriaAttributes = !0, this.swirlPopover = void 0, this.triggerOnHover = !1, this.hoverLingerDuration = void 0, this.hoverDelay = void 0;
   }
   componentDidLoad() {
-    if (this.updateTriggerElAriaAttributes(), this.hidePopoverWhenInvisible) {
+    if (this.updateTriggerElAriaAttributes(), this.setupHoverListeners(), this.hidePopoverWhenInvisible) {
       this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
         root: this.parentScrollContainer,
         threshold: 1
@@ -168,8 +174,10 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
     }
   }
   disconnectedCallback() {
-    var e;
-    (e = this.intersectionObserver) == null || e.disconnect();
+    var t;
+    (t = this.intersectionObserver) == null || t.disconnect();
+    const e = this.getPopoverEl();
+    Boolean(e) && (e.removeEventListener("mouseenter", this.popoverMouseEnter), e.removeEventListener("mouseleave", this.popoverMouseLeave));
   }
   watchPopover() {
     this.updateTriggerElAriaAttributes();
@@ -184,13 +192,25 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
     var o;
     !e[0].isIntersecting && this.isPopoverOpen() && ((o = this.getPopoverEl()) == null || o.close());
   }
+  setupHoverListeners() {
+    const e = this.getPopoverEl();
+    Boolean(e) && (e.addEventListener("mouseenter", this.popoverMouseEnter), e.addEventListener("mouseleave", this.popoverMouseLeave));
+  }
+  startHoverLingerTimer() {
+    clearTimeout(this.hoverLingerReference), this.hoverLingerReference = setTimeout(() => {
+      this.getPopoverEl().close(!0), this.triggerIsActive = !1;
+    }, this.hoverLingerDuration);
+  }
+  stopHoverLingerTimer() {
+    clearTimeout(this.hoverLingerReference);
+  }
   isPopoverOpen() {
     var o;
     const e = this.getPopoverEl();
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(v, { key: "4a9e50eecdd447bee7443beececeb7a17b648d4f", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "71383914c2a92fc70bab252189fe4ea6bdf75d6f" }));
+    return n(g, { key: "e5fbf7d336f3f42160bc7d9ff67f5758e6b12ee6", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "0c167364c36e9e98beeb2752c3d2e1a32518fafc" }));
   }
   get el() {
     return f(this);
@@ -201,8 +221,8 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", O = W, I = class {
     };
   }
 };
-I.style = O;
+H.style = W;
 export {
-  B as swirl_popover,
-  I as swirl_popover_trigger
+  L as swirl_popover,
+  H as swirl_popover_trigger
 };

package/dist/{swirl-progress-indicator.entry.3152c32b.js → swirl-progress-indicator.entry.6bc719f8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as n } from "./index.385abe8b.js";
+import { r as t, h as i, H as n } from "./index.eaeb17f0.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.1e63f5a3.js → swirl-radio-group.entry.3a19243d.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.385abe8b.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.eaeb17f0.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)}", c = u, h = class {

package/dist/{swirl-radio.entry.351f7878.js → swirl-radio.entry.81c992ed.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.385abe8b.js";
+import { r as s, c, h as i, H as l } from "./index.eaeb17f0.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.55ea4f5d.js → swirl-resource-list-file-item.entry.5a466e07.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.385abe8b.js";
+import { r as c, c as a, h as e, H as n } from "./index.eaeb17f0.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-search.entry.61c68bbf.js → swirl-search.entry.c5acba30.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.385abe8b.js";
+import { r as i, c as r, h as a, H as t } from "./index.eaeb17f0.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-select.entry.713734e0.js → swirl-select.entry.87288981.js}

@@ -1,4 +1,4 @@
-import { r as u, c as h, h as s, H as f, g as w } from "./index.385abe8b.js";
+import { r as u, c as h, h as s, H as f, g as w } from "./index.eaeb17f0.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { q as b } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-shell-layout.entry.aafa2955.js → swirl-shell-layout.entry.96c588a9.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d } from "./index.385abe8b.js";
+import { r, c as s, h as e, H as d } from "./index.eaeb17f0.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { c } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.932facbe.js → swirl-shell-navigation-item.entry.2a0fe3b2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as s, g as o } from "./index.385abe8b.js";
+import { r as t, h as e, H as s, g as o } from "./index.eaeb17f0.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.db3e9b20.js → swirl-skeleton-box.entry.5246d66f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.385abe8b.js";
+import { r as t, h as s, H as i } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.3c0ba204.js → swirl-skeleton-text.entry.7a182694.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.385abe8b.js";
+import { r as l, h as t, H as a } from "./index.eaeb17f0.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.54540cfc.js → swirl-stack.entry.9b835f37.js}

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

package/dist/{swirl-status-indicator.entry.199e4fb4.js → swirl-status-indicator.entry.2a90a9cd.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.385abe8b.js";
+import { r as i, h as t, H as a } from "./index.eaeb17f0.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.f1de5873.js → swirl-switch.entry.4cedecd1.js}

@@ -1,4 +1,4 @@
-import { r as a, c as h, h as i, H as r, g as l } from "./index.385abe8b.js";
+import { r as a, c as h, h as i, H as r, g as l } from "./index.eaeb17f0.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.2e643407.js → swirl-symbol-account-circle.entry.fb02dd5e.js}

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

package/dist/{swirl-symbol-alternate-email.entry.13c15603.js → swirl-symbol-alternate-email.entry.8c9ad202.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.385abe8b.js";
+import { r as t, h as C, F as i } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.7b23e13d.js → swirl-symbol-android.entry.80688045.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as t } from "./index.385abe8b.js";
+import { r as e, h as C, F as t } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.a225a043.js → swirl-symbol-announcement.entry.a7cf36a8.js}

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

package/dist/{swirl-symbol-backup.entry.2c449b33.js → swirl-symbol-backup.entry.a96ad5d8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.385abe8b.js";
+import { r as t, h as e, F as C } from "./index.eaeb17f0.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.0dd6c4c6.js → swirl-symbol-beach-access.entry.2bf0c9dc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as a } from "./index.385abe8b.js";
+import { r as t, h as e, F as a } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-bookmark.entry.d7897fc3.js → swirl-symbol-bookmark.entry.2b640cf5.js}

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

package/dist/{swirl-symbol-cloud.entry.a5e2d1f5.js → swirl-symbol-cloud.entry.1237f600.js}

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

package/dist/{swirl-symbol-coronavirus.entry.a1c9962f.js → swirl-symbol-coronavirus.entry.c3e22291.js}

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

package/dist/{swirl-symbol-desktop-windows.entry.1ba9564a.js → swirl-symbol-desktop-windows.entry.05f320a7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.385abe8b.js";
+import { r as t, h as e, F as o } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-directions-car-filled.entry.93131c68.js → swirl-symbol-directions-car-filled.entry.da2f3b8e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.385abe8b.js";
+import { r as t, h as i, F as C } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.d87ec382.js → swirl-symbol-edit-calendar.entry.9edea9a1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.385abe8b.js";
+import { r as t, h as e, F as l } from "./index.eaeb17f0.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-email.entry.a6a0ee05.js → swirl-symbol-email.entry.a67f6591.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as l } from "./index.385abe8b.js";
+import { r as t, h as i, F as l } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-emoji-food-beverage.entry.5788daf2.js → swirl-symbol-emoji-food-beverage.entry.6c216409.js}

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

package/dist/{swirl-symbol-event-menu.entry.ad72b2c8.js → swirl-symbol-event-menu.entry.f957f016.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.385abe8b.js";
+import { r as i, h as e, F as C } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-facebook.entry.00d5ae25.js → swirl-symbol-facebook.entry.7e4b0fba.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.385abe8b.js";
+import { r as o, h as e, F as t } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-favorite.entry.d648c126.js → swirl-symbol-favorite.entry.d70a847c.js}

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

package/dist/{swirl-symbol-fitness-center.entry.771fe1ce.js → swirl-symbol-fitness-center.entry.af3f55a1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.385abe8b.js";
+import { r as i, h as e, F as C } from "./index.eaeb17f0.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-flag.entry.cf84c0f4.js → swirl-symbol-flag.entry.770232e1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.385abe8b.js";
+import { r as t, h as e, F as l } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-folder.entry.4a8b34d8.js → swirl-symbol-folder.entry.a785e1e0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.385abe8b.js";
+import { r as t, h as e, F as l } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-globe.entry.ad203296.js → swirl-symbol-globe.entry.47b3837c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.385abe8b.js";
+import { r as t, h as e, F as l } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-groups.entry.d5b13795.js → swirl-symbol-groups.entry.57624a77.js}

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

package/dist/{swirl-symbol-help.entry.354de378.js → swirl-symbol-help.entry.c1cc9383.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.385abe8b.js";
+import { r as i, h as C, F as t } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-image.entry.58665ab8.js → swirl-symbol-image.entry.53c1ec4c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.385abe8b.js";
+import { r as t, h as e, F as l } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-info-menu.entry.4557f499.js → swirl-symbol-info-menu.entry.ec4cfd60.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.385abe8b.js";
+import { r as t, h as e, F as o } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-instagram.entry.bc6349a4.js → swirl-symbol-instagram.entry.340ae335.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.385abe8b.js";
+import { r as i, h as s, F as t } from "./index.eaeb17f0.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-ios.entry.97ced9f0.js → swirl-symbol-ios.entry.dbbe9ccf.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.385abe8b.js";
+import { r as t, h as e, F as C } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-language.entry.6fa04936.js → swirl-symbol-language.entry.734f0469.js}

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

package/dist/{swirl-symbol-leaderboard.entry.9fe9525f.js → swirl-symbol-leaderboard.entry.be753f07.js}

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

package/dist/{swirl-symbol-lightbulb.entry.e0fd5ece.js → swirl-symbol-lightbulb.entry.4da63ab7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.385abe8b.js";
+import { r as t, h as s, F as l } from "./index.eaeb17f0.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-linkedin.entry.6815d844.js → swirl-symbol-linkedin.entry.1c275f04.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.385abe8b.js";
+import { r as t, h as e, F as l } from "./index.eaeb17f0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-location-on.entry.3c5eb38a.js → swirl-symbol-location-on.entry.74ec3eb8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as o } from "./index.385abe8b.js";
+import { r as t, h as i, F as o } from "./index.eaeb17f0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";