@getflip/swirl-components-react 0.78.0 → 0.80.0

package/dist/{swirl-image-grid.entry.a197134d.js → swirl-image-grid.entry.59145059.js}

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

package/dist/{swirl-inline-notification.entry.a42ce0ce.js → swirl-inline-notification.entry.96fd62b0.js}

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

package/dist/{swirl-inline-status.entry.f7187eab.js → swirl-inline-status.entry.a2d21fa5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as a } from "./index.d4f681a9.js";
+import { r as e, h as t, H as a } from "./index.406ed065.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import { g as r } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-lightbox.entry.0484f41e.js → swirl-lightbox.entry.ecf19039.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.d4f681a9.js";
+import { r as c, h as e, H as u, g } from "./index.406ed065.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.91fc93cd.js → swirl-link.entry.1838669e.js}

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

package/dist/{swirl-list.entry.5dcf1444.js → swirl-list.entry.ff229e39.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.d4f681a9.js";
+import { r as l, h as t, H as r } from "./index.406ed065.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-menu-item.entry.eaa709be.js → swirl-menu-item.entry.700e0e60.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as l, g as u } from "./index.d4f681a9.js";
+import { r as a, h as i, H as l, g as u } from "./index.406ed065.js";
 import { c as d, p as h } from "./utils-bc84f36e.1fee9865.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-menu.entry.bf9b6671.js → swirl-menu.entry.368748f1.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as o, H as v, g as p } from "./index.d4f681a9.js";
+import { r as d, c as r, h as o, H as v, g as p } from "./index.406ed065.js";
 import { c as b, a as f, o as w, f as g } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as M } from "./index-d280dafb.186cdb0e.js";
 import { q as n, c as l, p as u, i as x, a as y } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-modal.entry.e95c87e0.js → swirl-modal.entry.45fb2abe.js}

@@ -1,4 +1,4 @@
-import { r as ie, c as E, h, H as ne, g as se } from "./index.d4f681a9.js";
+import { r as ie, c as E, h, H as ne, g as se } from "./index.406ed065.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";
@@ -188,14 +188,14 @@ function W(n) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? U(Object(a), !0).forEach(function(t) {
-      Fe(n, t, a[t]);
+      xe(n, t, a[t]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(a)) : U(Object(a)).forEach(function(t) {
       Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
   return n;
 }
-function Fe(n, e, a) {
+function xe(n, e, a) {
   return e in n ? Object.defineProperty(n, e, {
     value: a,
     enumerable: !0,
@@ -203,7 +203,7 @@ function Fe(n, e, a) {
     writable: !0
   }) : n[e] = a, n;
 }
-var xe = [], V = {
+var Fe = [], V = {
   activateTrap: function(e, a) {
     if (e.length > 0) {
       var t = e[e.length - 1];
@@ -229,14 +229,14 @@ var xe = [], V = {
   return e.every(function(s, l) {
     return a(s) ? (t = l, !1) : !0;
   }), t;
-}, F = function(e) {
+}, x = function(e) {
   for (var a = arguments.length, t = new Array(a > 1 ? a - 1 : 0), s = 1; s < a; s++)
     t[s - 1] = arguments[s];
   return typeof e == "function" ? e.apply(void 0, t) : e;
 }, D = function(e) {
   return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
 }, Ae = function(e, a) {
-  var t = (a == null ? void 0 : a.document) || document, s = (a == null ? void 0 : a.trapStack) || xe, l = W({
+  var t = (a == null ? void 0 : a.document) || document, s = (a == null ? void 0 : a.trapStack) || Fe, l = W({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0
@@ -326,16 +326,16 @@ var xe = [], V = {
   }, H = function(o) {
     var i = S("setReturnFocus", o);
     return i || (i === !1 ? !1 : o);
-  }, x = function(o) {
+  }, F = function(o) {
     var i = D(o);
     if (!(m(i) >= 0)) {
-      if (F(l.clickOutsideDeactivates, o)) {
+      if (x(l.clickOutsideDeactivates, o)) {
         c.deactivate({
           returnFocus: l.returnFocusOnDeactivate && !B(i, l.tabbableOptions)
         });
         return;
       }
-      F(l.allowOutsideClick, o) || o.preventDefault();
+      x(l.allowOutsideClick, o) || o.preventDefault();
     }
   }, j = function(o) {
     var i = D(o), d = m(i) >= 0;
@@ -371,7 +371,7 @@ var xe = [], V = {
       d = S("fallbackFocus");
     d && (o.preventDefault(), y(d));
   }, M = function(o) {
-    if (Ne(o) && F(l.escapeDeactivates, o) !== !1) {
+    if (Ne(o) && x(l.escapeDeactivates, o) !== !1) {
       o.preventDefault(), c.deactivate();
       return;
     }
@@ -381,15 +381,15 @@ var xe = [], V = {
     }
   }, q = function(o) {
     var i = D(o);
-    m(i) >= 0 || F(l.clickOutsideDeactivates, o) || F(l.allowOutsideClick, o) || (o.preventDefault(), o.stopImmediatePropagation());
+    m(i) >= 0 || x(l.clickOutsideDeactivates, o) || x(l.allowOutsideClick, o) || (o.preventDefault(), o.stopImmediatePropagation());
   }, G = function() {
     if (!!r.active)
       return V.activateTrap(s, c), r.delayInitialFocusTimer = l.delayInitialFocus ? $(function() {
         y(w());
-      }) : y(w()), t.addEventListener("focusin", j, !0), t.addEventListener("mousedown", x, {
+      }) : y(w()), t.addEventListener("focusin", j, !0), t.addEventListener("mousedown", F, {
         capture: !0,
         passive: !1
-      }), t.addEventListener("touchstart", x, {
+      }), t.addEventListener("touchstart", F, {
         capture: !0,
         passive: !1
       }), t.addEventListener("click", q, {
@@ -401,7 +401,7 @@ var xe = [], V = {
       }), c;
   }, K = function() {
     if (!!r.active)
-      return t.removeEventListener("focusin", j, !0), t.removeEventListener("mousedown", x, !0), t.removeEventListener("touchstart", x, !0), t.removeEventListener("click", q, !0), t.removeEventListener("keydown", M, !0), c;
+      return t.removeEventListener("focusin", j, !0), t.removeEventListener("mousedown", F, !0), t.removeEventListener("touchstart", F, !0), t.removeEventListener("click", q, !0), t.removeEventListener("keydown", M, !0), c;
   };
   return c = {
     get active() {
@@ -474,7 +474,7 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
       var e, a, t, s, l, r;
       const c = ((e = this.scrollContainer) === null || e === void 0 ? void 0 : e.scrollTop) > 0, u = Math.ceil(((a = this.scrollContainer) === null || a === void 0 ? void 0 : a.scrollTop) + ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.offsetHeight)) >= ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.scrollHeight), m = ((l = this.scrollContainer) === null || l === void 0 ? void 0 : l.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
       c !== this.scrolled && (this.scrolled = c), u !== this.scrolledDown && (this.scrolledDown = u), m !== this.scrollable && (this.scrollable = m);
-    }, this.closeButtonLabel = "Close modal", this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
+    }, this.closeButtonLabel = "Close modal", this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
   }
   componentDidLoad() {
     this.focusTrap = Ae(this.modalEl, {
@@ -532,7 +532,7 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
       "modal--scrolled": this.scrolled,
       "modal--scrolled-down": this.scrolledDown
     });
-    return h(ne, null, h("section", { "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (a) => this.modalEl = a }, h("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { class: "modal__body", style: { maxWidth: this.maxWidth } }, h("header", { class: "modal__custom-header" }, h("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && h("header", { class: "modal__header" }, h("div", { class: "modal__header-bar" }, !this.hideCloseButton && h("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && h("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), h("div", { class: "modal__header-tools" }, h("slot", { name: "header-tools" }))), h("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (a) => this.scrollContainer = a }, h("slot", null)), h("div", { class: "modal__custom-footer" }, h("slot", { name: "custom-footer" })), n && h("footer", { class: "modal__controls" }, h("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && h("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && h("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    return h(ne, null, h("section", { "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (a) => this.modalEl = a }, h("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { class: "modal__body", style: { maxHeight: this.maxHeight, maxWidth: this.maxWidth } }, h("header", { class: "modal__custom-header" }, h("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && h("header", { class: "modal__header" }, h("div", { class: "modal__header-bar" }, !this.hideCloseButton && h("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && h("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), h("div", { class: "modal__header-tools" }, h("slot", { name: "header-tools" }))), h("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (a) => this.scrollContainer = a }, h("slot", null)), h("div", { class: "modal__custom-footer" }, h("slot", { name: "custom-footer" })), n && h("footer", { class: "modal__controls" }, h("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && h("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && h("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return se(this);

package/dist/{swirl-option-list-section.entry.68798771.js → swirl-option-list-section.entry.ed53b720.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.d4f681a9.js";
+import { r as s, h as t, H as e } from "./index.406ed065.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-option-list.entry.6c101b52.js → swirl-option-list.entry.98cab563.js}

@@ -1,4 +1,4 @@
-import { r as c, c as l, h as o, H as u, g } from "./index.d4f681a9.js";
+import { r as c, c as l, h as o, H as u, g } from "./index.406ed065.js";
 import { c as a, q as r } from "./utils-bc84f36e.1fee9865.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import "react";

package/dist/{swirl-pagination.entry.132c370b.js → swirl-pagination.entry.ce8ca057.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as i, H as r } from "./index.d4f681a9.js";
+import { r as l, c as s, h as i, H as r } from "./index.406ed065.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { d as g } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.a567224e.js → swirl-pdf-reader.entry.52c07630.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as n, g as d } from "./index.d4f681a9.js";
+import { r, h as e, H as n, g as d } from "./index.406ed065.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 l } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover_2.entry.56e3a82e.js → swirl-popover_2.entry.29b0c775.js}

@@ -1,4 +1,4 @@
-import { r as h, c as p, h as n, H as v, g } from "./index.d4f681a9.js";
+import { r as h, c as p, h as n, H as v, g } from "./index.406ed065.js";
 import { o as l, s as c, f as m, c as u, a as f } 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";
@@ -7,19 +7,19 @@ import "react";
 import "react-dom";
 const x = ":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}}.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-1)}}.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}}", E = class {
   constructor(e) {
-    h(this, e), this.popoverClose = p(this, "popoverClose", 7), this.popoverOpen = p(this, "popoverOpen", 7), this.toggle = (t) => {
-      t.stopPropagation(), this.active ? this.close() : this.open();
-    }, this.onKeydown = (t) => {
-      t.code === "Escape" && this.active && (t.stopPropagation(), this.close());
+    h(this, e), this.popoverClose = p(this, "popoverClose", 7), this.popoverOpen = p(this, "popoverOpen", 7), this.toggle = (o) => {
+      o.stopPropagation(), this.active ? this.close() : this.open();
+    }, this.onKeydown = (o) => {
+      o.code === "Escape" && this.active && (o.stopPropagation(), this.close());
     }, this.reposition = async () => {
-      const t = a();
+      const o = a();
       if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
         return;
-      if (t) {
+      if (o) {
         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 ? [l(o), c(), m()] : [l(o), c()];
+      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [l(t), c(), m()] : [l(t), c()];
       this.position = await u(this.triggerEl, this.contentContainer, {
         middleware: i,
         placement: this.placement,
@@ -27,7 +27,7 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       });
     }, this.onCloseButtonClick = () => {
       this.close();
-    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.placement = "bottom-start", this.trigger = void 0, this.triggerContainer = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
+    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.popoverId = void 0, this.placement = "bottom-start", this.trigger = void 0, this.triggerContainer = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
   }
   componentDidLoad() {
     this.connectTrigger(), this.updateTriggerAttributes(), Boolean(this.trigger) && console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs');
@@ -36,17 +36,17 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     this.unlockBodyScroll();
   }
   onWindowFocusIn(e) {
-    var t;
+    var o;
     if (!this.active)
       return;
-    const o = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), i = e.target, r = e.relatedTarget, s = w();
-    !this.el.contains(i) && !this.el.contains(s) && i !== this.triggerEl && !(!((t = this.triggerEl) === null || t === void 0) && t.contains(i)) && (!o || o && !this.el.contains(r || i) && r !== this.el) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), i = e.target, r = e.relatedTarget, s = w();
+    !this.el.contains(i) && !this.el.contains(s) && i !== this.triggerEl && !(!((o = this.triggerEl) === null || o === void 0) && o.contains(i)) && (!t || t && !this.el.contains(r || i) && r !== this.el) && this.close();
   }
   onWindowClick(e) {
     if (!this.active)
       return;
-    const t = e.target, o = this.el.contains(t), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = t === this.triggerEl;
-    !o && !i && !r && this.close();
+    const o = e.target, t = this.el.contains(o), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = o === this.triggerEl;
+    !t && !i && !r && this.close();
   }
   async close() {
     var e;
@@ -58,9 +58,9 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     if (this.triggerEl = e || this.triggerEl, this.active || !Boolean(this.triggerEl))
       return;
     this.adjustWidth(), this.active = !0, this.updateTriggerAttributes();
-    const t = this.getFocusableChildren();
+    const o = this.getFocusableChildren();
     requestAnimationFrame(async () => {
-      await this.reposition(), this.popoverOpen.emit({ position: this.position }), t.length > 0 ? t[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+      await this.reposition(), this.popoverOpen.emit({ position: this.position }), o.length > 0 ? o[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
     });
   }
   connectTrigger() {
@@ -73,8 +73,8 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     });
   }
   getNativeTriggerElement() {
-    var e, t, o, i;
-    return !((e = this.triggerEl) === null || e === void 0) && e.tagName.startsWith("SWIRL-") ? ((t = this.triggerEl) === null || t === void 0 ? void 0 : t.children[0]) || ((i = (o = this.triggerEl) === null || o === void 0 ? void 0 : o.shadowRoot) === null || i === void 0 ? void 0 : i.children[0]) || this.triggerEl : this.triggerEl;
+    var e, o, t, i;
+    return !((e = this.triggerEl) === null || e === void 0) && e.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((i = (t = this.triggerEl) === null || t === void 0 ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.children[0]) || this.triggerEl : this.triggerEl;
   }
   updateTriggerAttributes() {
     if (!Boolean(this.triggerEl))
@@ -88,10 +88,10 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
   adjustWidth() {
     let e = this.useContainerWidth;
     [!0, "true"].includes(this.useContainerWidth) ? e = !0 : [!1, "false"].includes(this.useContainerWidth) && (e = !1);
-    const t = !window.matchMedia("(min-width: 768px)").matches;
-    if (Boolean(e) && !t) {
-      const o = typeof e == "string" ? this.el.closest(e) || this.el.parentElement : this.el.parentElement;
-      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = o.getBoundingClientRect().width + "px";
+    const o = !window.matchMedia("(min-width: 768px)").matches;
+    if (Boolean(e) && !o) {
+      const t = typeof e == "string" ? this.el.closest(e) || this.el.parentElement : this.el.parentElement;
+      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
     } else
       this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
   }
@@ -102,16 +102,16 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     !a() || this.disableScrollLock || _(this.scrollContainer);
   }
   render() {
-    var e, t, o;
+    var e, o, t;
     const i = !window.matchMedia("(min-width: 768px)").matches, r = y("popover", `popover--animation-${this.animation}`, `popover--placement-${(e = this.position) === null || e === void 0 ? void 0 : e.placement}`, {
       "popover--closing": this.closing,
       "popover--active": this.active,
       "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
       "popover--inactive": !this.active
     });
-    return n(v, null, n("div", { class: r, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
-      top: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.y}px` : "",
-      left: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.x}px` : ""
+    return n(v, null, n("div", { class: r, onKeyDown: this.onKeydown }, n("div", { "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) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
+      left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : ""
     }, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
       maxHeight: !i && Boolean(this.maxHeight) ? this.maxHeight : void 0
     } }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
@@ -123,27 +123,27 @@ const x = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
 E.style = x;
 const C = ".sc-swirl-popover-trigger-h{display:contents}", k = class {
   constructor(e) {
-    h(this, e), this.popoverOpen = !1, this.onClick = (t) => {
-      t.stopPropagation();
-      const o = this.getPopoverEl();
-      if (!Boolean(o))
+    h(this, e), this.popoverOpen = !1, this.onClick = (o) => {
+      o.stopPropagation();
+      const t = this.getPopoverEl();
+      if (!Boolean(t))
         return;
       if (this.popoverOpen) {
-        o.close();
+        t.close();
         return;
       }
       const i = this.getTriggerEl();
-      !Boolean(i) || (o.open(i), o.addEventListener("popoverOpen", () => {
+      !Boolean(i) || (t.open(i), t.addEventListener("popoverOpen", () => {
         this.popoverOpen = !0, this.updateTriggerElAriaAttributes(!0);
-      }, { once: !0 }), o.addEventListener("popoverClose", () => {
+      }, { once: !0 }), t.addEventListener("popoverClose", () => {
         this.popoverOpen = !1, this.updateTriggerElAriaAttributes(!1);
       }, { once: !0 }));
-    }, this.updateTriggerElAriaAttributes = (t) => {
-      var o;
+    }, this.updateTriggerElAriaAttributes = (o) => {
+      var t;
       if (!this.setAriaAttributes)
         return;
-      const i = this.getTriggerEl(), r = typeof this.popover == "string" ? this.popover : (o = this.popover) === null || o === void 0 ? void 0 : o.id;
-      i.tagName.startsWith("SWIRL-") ? (i.setAttribute("swirl-aria-controls", r), i.setAttribute("swirl-aria-expanded", String(t || "false")), i.setAttribute("swirl-aria-haspopup", "dialog")) : (i.setAttribute("aria-controls", r), i.setAttribute("aria-expanded", String(t || "false")), i.setAttribute("aria-haspopup", "dialog"));
+      const i = this.getTriggerEl(), r = typeof this.popover == "string" ? this.popover : (t = this.popover) === null || t === void 0 ? void 0 : t.id;
+      i.tagName.startsWith("SWIRL-") ? (i.setAttribute("swirl-aria-controls", r), i.setAttribute("swirl-aria-expanded", String(o || "false")), i.setAttribute("swirl-aria-haspopup", "dialog")) : (i.setAttribute("aria-controls", r), i.setAttribute("aria-expanded", String(o || "false")), i.setAttribute("aria-haspopup", "dialog"));
     }, this.popover = void 0, this.setAriaAttributes = !0;
   }
   componentDidLoad() {

package/dist/{swirl-progress-indicator.entry.605c5764.js → swirl-progress-indicator.entry.420d9ccd.js}

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

package/dist/{swirl-radio-group.entry.3aaf070b.js → swirl-radio-group.entry.3c79a84d.js}

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

package/dist/{swirl-radio.entry.8bb391e4.js → swirl-radio.entry.a674237d.js}

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

package/dist/{swirl-resource-list-file-item.entry.b10125b9.js → swirl-resource-list-file-item.entry.06819371.js}

@@ -1,4 +1,4 @@
-import { r as c, c as n, h as e, H as a } from "./index.d4f681a9.js";
+import { r as c, c as n, h as e, H as a } from "./index.406ed065.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { g as u } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-search.entry.1373a594.js → swirl-search.entry.04db05a8.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.d4f681a9.js";
+import { r as i, c as r, h as a, H as t } from "./index.406ed065.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as n } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-select.entry.6531e660.js → swirl-select.entry.ce4aaf5a.js}

@@ -1,4 +1,4 @@
-import { r as p, c as u, h as i, H as v, g as m } from "./index.d4f681a9.js";
+import { r as p, c as u, h as i, H as v, g as m } from "./index.406ed065.js";
 import { c as w } from "./index-d280dafb.186cdb0e.js";
 import { q as f } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-shell-layout.entry.bc39689c.js → swirl-shell-layout.entry.fd1c83f7.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.d4f681a9.js";
+import { r as o, h as e, H as t } from "./index.406ed065.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { g as r, a as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.9c599fcf.js → swirl-shell-navigation-item.entry.145f64dd.js}

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

package/dist/{swirl-skeleton-box.entry.5622d795.js → swirl-skeleton-box.entry.180b1ac3.js}

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

package/dist/{swirl-skeleton-text.entry.55d4b5f2.js → swirl-skeleton-text.entry.01071340.js}

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

package/dist/{swirl-stack.entry.1abd547e.js → swirl-stack.entry.da548b19.js}

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

package/dist/{swirl-status-indicator.entry.4dcfcf48.js → swirl-status-indicator.entry.8369f2c3.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as n } from "./index.d4f681a9.js";
+import { r as i, h as t, H as n } from "./index.406ed065.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.2f97be69.js → swirl-switch.entry.6c25c0f5.js}

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

package/dist/{swirl-symbol-account-circle.entry.570df05c.js → swirl-symbol-account-circle.entry.aaa9b3af.js}

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

package/dist/{swirl-symbol-alternate-email.entry.ae1c2c0e.js → swirl-symbol-alternate-email.entry.76f1569c.js}

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

package/dist/{swirl-symbol-android.entry.fde794bf.js → swirl-symbol-android.entry.8c08eae7.js}

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

package/dist/{swirl-symbol-announcement.entry.727e8425.js → swirl-symbol-announcement.entry.852bdcb8.js}

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

package/dist/{swirl-symbol-backup.entry.0246ca44.js → swirl-symbol-backup.entry.65b6a65f.js}

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

package/dist/{swirl-symbol-beach-access.entry.66387584.js → swirl-symbol-beach-access.entry.8a3f2f99.js}

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

package/dist/{swirl-symbol-bookmark.entry.27310c1e.js → swirl-symbol-bookmark.entry.edf1037d.js}

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

package/dist/{swirl-symbol-cloud.entry.f0b47e78.js → swirl-symbol-cloud.entry.407a1778.js}

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

package/dist/{swirl-symbol-coronavirus.entry.d57f6692.js → swirl-symbol-coronavirus.entry.6a8598f7.js}

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

package/dist/{swirl-symbol-desktop-windows.entry.ccc71ad5.js → swirl-symbol-desktop-windows.entry.1bc84644.js}

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

package/dist/{swirl-symbol-directions-car-filled.entry.993fe9f4.js → swirl-symbol-directions-car-filled.entry.74567a0b.js}

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

package/dist/{swirl-symbol-edit-calendar.entry.065d85a8.js → swirl-symbol-edit-calendar.entry.8796870e.js}

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

package/dist/{swirl-symbol-email.entry.3536229a.js → swirl-symbol-email.entry.a235b046.js}

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

package/dist/{swirl-symbol-emoji-food-beverage.entry.409f7621.js → swirl-symbol-emoji-food-beverage.entry.fdd511fe.js}

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

package/dist/{swirl-symbol-event-menu.entry.75f48fab.js → swirl-symbol-event-menu.entry.9a405760.js}

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

package/dist/{swirl-symbol-facebook.entry.2c9cbce1.js → swirl-symbol-facebook.entry.5d6ba82e.js}

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