@getflip/swirl-components-react 0.286.0 → 0.288.0

package/dist/{swirl-menu-item.entry.2cb525ca.js → swirl-menu-item.entry.65f4eade.js}

@@ -1,34 +1,34 @@
-import { r, f as d, h as i, H as u, g as l } from "./index.95b03b09.js";
-import { c as h } from "./index-267776a4.6beb4f4b.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.19e43523.js";
+import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { c, p } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", f = m, b = class {
-  constructor(t) {
-    r(this, t), this.onSlotChange = () => {
+  constructor(e) {
+    r(this, e), this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
     }, this.onActionListItemClick = () => {
       this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
     }, this.onOptionListItemClick = () => {
       this.optionListItem.disabled || this.parentMenu.updateSelection(this.optionListItem);
-    }, this.onOptionListItemKeyDown = (e) => {
-      if (e.code === "Space")
-        e.preventDefault();
-      else if (e.code === "Enter") {
+    }, this.onOptionListItemKeyDown = (t) => {
+      if (t.code === "Space")
+        t.preventDefault();
+      else if (t.code === "Enter") {
         if (this.optionListItem.disabled)
           return;
-        e.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
-    }, this.onOptionListItemKeyUp = (e) => {
-      if (e.code === "Space") {
+    }, this.onOptionListItemKeyUp = (t) => {
+      if (t.code === "Space") {
         if (this.optionListItem.disabled)
           return;
-        e.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
-    }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.parentMenu = void 0, this.subMenu = void 0;
+    }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.hasAvatar = !1, this.parentMenu = void 0, this.subMenu = void 0;
   }
   componentWillLoad() {
-    this.parentMenu = c(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu");
+    this.parentMenu = c(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
   }
   watchExpanded() {
     this.updateActionListItemProps();
@@ -45,28 +45,32 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   updateActionListItemProps() {
     !Boolean(this.actionListItem) || (this.actionListItem.swirlAriaExpanded = this.expanded ? "true" : void 0, this.actionListItem.swirlAriaHaspopup = Boolean(this.subMenu) ? "true" : void 0, this.actionListItem.suffix = Boolean(this.subMenu) ? '<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>' : void 0);
   }
+  updateAvatarState() {
+    const e = this.el.querySelector('[slot="avatar"]'), t = Boolean(e);
+    t !== this.hasAvatar && (this.hasAvatar = t);
+  }
   renderActionListItem() {
-    var e, s, o;
-    const t = Boolean((e = this.subMenu) == null ? void 0 : e.value) ? (o = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((n) => {
-      var a;
-      return n.value === ((a = this.subMenu) == null ? void 0 : a.value);
-    })) == null ? void 0 : o.label : void 0;
-    return i("swirl-action-list-item", { badge: t, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (n) => this.actionListItem = n, suffix: this.suffix });
+    var t, s, a;
+    const e = Boolean((t = this.subMenu) == null ? void 0 : t.value) ? (a = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((n) => {
+      var o;
+      return n.value === ((o = this.subMenu) == null ? void 0 : o.value);
+    })) == null ? void 0 : a.label : void 0;
+    return i("swirl-action-list-item", { badge: e, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (n) => this.actionListItem = n, suffix: this.suffix }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
   }
   renderOptionListItem() {
-    var e;
-    const t = ((e = this.parentMenu) == null ? void 0 : e.value) === this.value;
-    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: t, swirlAriaRole: "menuitemradio", value: this.value });
+    var t;
+    const e = ((t = this.parentMenu) == null ? void 0 : t.value) === this.value;
+    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: e, swirlAriaRole: "menuitemradio", value: this.value }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
   }
   render() {
-    var e;
-    const t = h("menu-item", {
+    var t;
+    const e = u("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(u, { key: "7f5a66431e423470afbe853a5225e3c4cd89a35d" }, i("div", { key: "491659e687e4f38adbfd309f4559ce42c2db54b8", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "5bcc5ebd312d0054712de53f92eb26e020d0f3b5", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "ec53da29dd7ec22ecbb14eae3cfd7212e666325e" }, i("div", { key: "a639071a7c8fb60cec52c673bc1b0fe9518100b9", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "02935d7a4997aaa9c8dece8f66f21a42508f8294", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return l(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-menu.entry.2b254b71.js → swirl-menu.entry.789bdb96.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.95b03b09.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.19e43523.js";
 import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as M } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as I, b as x } from "./utils-fbb8b494.acf1ae9e.js";
@@ -154,12 +154,12 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(b, { key: "3b92df4408a15cedf8b0a9bb60ce473fd0961873" }, o("div", { key: "2fd4cbac5b724bf356fbf8a947b2249e47bb3d3a", class: s }, this.mobile && e && o("div", { key: "371cb7e8a087531385df045dc6f0acda077c907b", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "d91a49b39335154a6c82dfe1b7ea17d337540550", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "e4c43afe40aa8b01f7cdeb24cedc77aa5723476d", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "5d01bb8e93edbbee6fbcd9d824cd51687286b5f2", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "5441040b35978d77aec036ab4989616932aa88e1", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "c19f08d241a3bd0adcaeded5680262e6f5a1b29e", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "23cd7ab65a69830e1eda0cd915bd9a0da7a12553", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0" }, o("div", { key: "4c036f7cc11ad4baaa694370f58200b95e9d8bd5", class: s }, this.mobile && e && o("div", { key: "efc5872b0eab8e30656ff08be0f22369b5dea335", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "011aae50518fcc6acf2df643d1b8baeb02ee258c", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "3290279dae6aa2f24db3e6255663a74d9ebfb245", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "74ec9876905b64c1d1564b4673da0afa6df8be88", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "d11cb7e73bf2ae10e4877adea3a1fc76ef8709bd", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "18763d9d7b8235d36d15962d9f0fa186f06cbf06", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "d13e7e02bebdc0b2672f9c99ad16b140245f0309", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "dfa08a4d4f6db200e3f9ffdc71b80f3cae307557" }))));
+    } : void 0 }, o("slot", { key: "9e4b84a77c38b544a1012c7cd28f767b54399b31" }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-modal.entry.a2452729.js → swirl-modal.entry.04d454ff.js}

@@ -1,4 +1,4 @@
-import { r as m, c as t, h as a, H as f, g as p } from "./index.95b03b09.js";
+import { r as m, c as t, h as e, H as f, g as p } from "./index.19e43523.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 y } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -13,8 +13,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
   );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
     var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
     var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;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-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, _ = g, w = class {
-  constructor(e) {
-    m(this, e), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
+  constructor(a) {
+    m(this, a), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -34,19 +34,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.focusTrap = y(this.modalEl, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (e) => e.shadowRoot
+        getShadowRoot: (a) => a.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
   componentDidRender() {
-    var e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
+    var a;
+    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -58,8 +58,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       this.focusTrap.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(e) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(a) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
@@ -76,8 +76,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
   }
   handleAutoFocus() {
-    var e;
-    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
+    var a;
+    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
   }
   lockBodyScroll() {
     u(this.scrollContainer);
@@ -86,7 +86,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     b(this.scrollContainer);
   }
   render() {
-    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
+    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -99,17 +99,17 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled-down": this.scrolledDown,
       "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders
     });
-    return a(f, { key: "f5579d8b6f825bccea2d09e2b44419fe02289673" }, a("section", { key: "c0e60961bf274ba4a8c06788bfcc1c9e44bdf5d2", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "fe939870589e372383d1d5243f4ebec089b7e957", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "c01a7f27fb539a30fb6ba9f16e8a6591bb47b431", class: "modal__body", style: {
+    return e(f, { key: "3bbd1990a38876aa5fa6022a7e75100bbf7b581c" }, e("section", { key: "bce314e825048303343607cbf919d2bc0d3705b2", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "9f2fdee44602aafa9192bf74491e6ef8ea54b916", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "6683da7a0d57dab9436e7de71ac3936b25d7a4e0", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "222ebf2128913e015b090cb2be4ea154033abffe", class: "modal__custom-header" }, a("slot", { key: "fc8ad0694fcd963795fcd7881fe97509f3cc5dfd", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "746b7a38c8fb4b89784ef56954977ca7bc018366", class: "modal__header" }, a("div", { key: "509133644a41d8d8a23799ca68537d305cc1bca5", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "406c442ff44b815545f8c0dd1c2f9ca566ab2254", 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 && a("swirl-heading", { key: "08f3eaac9c233aa30b6a8b623c255f8984187222", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "e6e95b4beb9ecb8a99afca41d39884394de570a9", class: "modal__content-container", style: {
+    } }, e("header", { key: "d40897c1767ea0a339159f34bfbe876c5acd6e17", class: "modal__custom-header" }, e("slot", { key: "60ae424e9814a0b51bfa1c23e8d6fa5e5b7ae84d", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "8eaa631b2764ced7b932cfe8c99d1c8c0e01e0a7", class: "modal__header" }, e("div", { key: "1df6bfb57f56f274646d28b18ce7f6d9b3bb52fe", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "a1dcfcdd6d47091805c1423520cec1418c20cc60", 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 && e("swirl-heading", { key: "9ab5c9fbc09068883a45a624de7b8979af08c309", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "9bec8811feb9e321f192161dbd31ce8713d2cf2e", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, a("div", { key: "1115f50a11d4d2fc90112c01ef6075b6aa6caad8", class: "modal__primary-content", style: {
+    } }, e("div", { key: "2979e5f0d391f891f547b45c2f632a11a95b6429", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, a("div", { key: "aeac1729752802197f63b69b16624f00d2045d8f", class: "modal__header-tools" }, a("slot", { key: "4f28b9e877f4548288411ac2dae56379597fa47c", name: "header-tools" })), a("div", { key: "e701fb933a2d676b925e43b450d468f1880accc1", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "fc880d7e24faea42456720ea2106f78de23cbe5d" }))), a("div", { key: "81cd1bab7fa105049aebac91827b2ca432ba02bd", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "9a6fdf26e5cc8cfc975a13af5ad2e7a16a83c821", class: "modal__header-tools" }, e("slot", { key: "461ed54444ab5dc497f299a7d4c1319847d58f1b", name: "header-tools" })), e("div", { key: "f9086457f301927401c089e78f2c1c650c729952", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "a28dda1fb3a3dd4e7bbe34cb1276320062e2d78b" }))), e("div", { key: "1c49dcec32e002149de659191999d7b0a9093596", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -117,7 +117,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, a("slot", { key: "e311eff7abc2857174462728b114d12adff31662", name: "secondary-content" }))), a("div", { key: "228acd5b3bd9e60461dff1b8c5cf70b6d93875ad", class: "modal__custom-footer" }, a("slot", { key: "db995f9110f0ac02ddf5b9a70b12738800c17c63", name: "custom-footer" })), e && a("footer", { key: "63d72b3e31b29bb4992e4eae26a99f4290cddb6f", class: "modal__controls" }, a("swirl-button-group", { key: "0684dfa56f53009374d7d617142d2d5933f5877a", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "a5991a56d77dd5cac9078659471310b4d505baaa", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "4b75a97b8c9ec94e6bdc2027b5f0f862466a3656", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, e("slot", { key: "28a894c1566166272c55a5d539bd4168a17947c1", name: "secondary-content" }))), e("div", { key: "5af192de2cfbdc6adbaa97d333e2acde0902d478", class: "modal__custom-footer" }, e("slot", { key: "60933eef98ebb97a50fdb29952a61318d96d2d2a", name: "custom-footer" })), a && e("footer", { key: "be3fd73f74e76731b5d3a8a4400586cd42b5bdaa", class: "modal__controls" }, e("swirl-button-group", { key: "c544bf607faa67ad57292234f70f4a2713b47976", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "f47e2ff0439c95f480c931d598981c5fbdf55b62", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "6e21d66f1f8583d13f48c105eff3d22ec9269759", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.8d4b8aeb.js → swirl-option-list-section.entry.42316767.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.95b03b09.js";
+import { r as i, h as e, H as s } from "./index.19e43523.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 {
@@ -6,7 +6,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "f1ca2c32834d15c796643c19ab8eec9faff631f4" }, e("div", { key: "ef46d281716bd2fcb1a105e99861786bc4f1ad8c", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "9bab60808cf163c212192969cd32f5b656a9960a", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "98552861bcbbb94d018297950ba7603f1566fb6e", class: "option-list-section__items" }, e("slot", { key: "abb3e99f9226e3219e8fd9ea3fe1056f7890abba" }))));
+    return e(s, { key: "e2401f37b99516ccd62cbed3fdb4637bd5a8b68a" }, e("div", { key: "31bf726f13e37ea9d3ad74a74ac6078228bc1118", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "8551ef2c99a481cb66dda9ed22958432075b37a3", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "ba28fd3e52e4542ab60745e01106a9df92faed69", class: "option-list-section__items" }, e("slot", { key: "402e4c95d254d4477223dece4d0696d3226bf305" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.df30cb3a.js → swirl-option-list_2.entry.9b907d9d.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.95b03b09.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.19e43523.js";
 import { c as n, q as l } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = v, p = class {
+const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = f, p = class {
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
@@ -173,7 +173,7 @@ const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "0893582068cce67e696e49b627433b92238c84ab" }, a("swirl-visually-hidden", { key: "1ef19b1ad26460e777fd9837679e95d2cc5280a2", role: "alert" }, this.assistiveText), a("div", { key: "6e933ff8fd3db2f4346ae3f8088ced66f1a4e36d", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "8f7e1c76446bcfe5db79adab39504be194931c81" })));
+    return a(d, { key: "24f83ba63aced28e609882a62c32376954884920" }, a("swirl-visually-hidden", { key: "ee9e29f8f6096b513b81353635ec420a84dd3708", role: "alert" }, this.assistiveText), a("div", { key: "d3477fc14b737db3e9f532681b4db036c48c0029", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "912b183b44588e9eaccf7a80ef8a7446efd394d9" })));
   }
   get el() {
     return g(this);
@@ -213,8 +213,8 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
   }
   render() {
-    const e = f("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "8ccf9135843039d1b81df50d1d0b9c159e64c54e" }, a("span", { key: "9f0bf54e7d19c81e6cd603d1b0ac78098c710220", class: e, part: "tag" }, this.icon && a("span", { key: "3d9ab1ec30fa7c14ab126367ee603e49858f0f18", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "dffe70b528eaa452b199b1dcd40e409512939ffb", class: "tag__label" }, this.label), this.removable && a("button", { key: "a763c24f3c174f8bb83460efc1bc86f5023e6606", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "a6aa51f9555d3386a0f4fe449a284b3904bad01d", size: 16 }))));
+    const e = v("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
+    return a(d, { key: "ca2cb979501329ba3ba800a37c3a7132d75222d3" }, a("span", { key: "bd936736821251c24baf182234105ce17d1f71d1", class: e, part: "tag" }, this.icon && a("span", { key: "ca1f65bd6534347f6d31478f5ce6aed953595a72", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "56ae5febd056e6fad9ffca2aca2389639a679083", class: "tag__label" }, this.label), this.removable && a("button", { key: "a0638fc6ef90664d7c309b72b40a9cde043a3480", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "bc276c83d87e0a4c4fac1ebcb3106006dd65376b", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.69e62a79.js → swirl-pagination.entry.b119039c.js}

@@ -1,35 +1,35 @@
-import { r as l, c as s, h as e, H as r } from "./index.95b03b09.js";
+import { r as l, c as s, h as e, H as r } from "./index.19e43523.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as g } from "./utils-fbb8b494.acf1ae9e.js";
+import { d as c } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = c, d = class {
+const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = g, d = class {
   constructor(n) {
-    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (i) => {
-      i.target.select();
+    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (a) => {
+      a.target.select();
     }, this.onFirstPageButtonClick = () => {
       this.page !== 1 && this.setPage.emit(1);
     }, this.onLastPageButtonClick = () => {
       this.page !== this.pages && this.setPage.emit(this.pages);
     }, this.onPrevButtonClick = () => {
-      const i = Math.max(this.page - 1, 1);
-      this.page !== i && this.setPage.emit(i);
+      const a = Math.max(this.page - 1, 1);
+      this.page !== a && this.setPage.emit(a);
     }, this.onNextButtonClick = () => {
-      const i = Math.min(this.page + 1, this.pages);
-      this.page !== i && this.setPage.emit(i);
+      const a = Math.min(this.page + 1, this.pages);
+      this.page !== a && this.setPage.emit(a);
     }, this.onPageInput = () => {
-      let i = +this.pageInput.value;
-      isNaN(i) ? (i = this.page, this.pageInput.value = String(i)) : i > this.pages ? (i = this.pages, this.pageInput.value = String(i)) : i < 1 && (i = 1, this.pageInput.value = String(i)), this.page !== i && this.onPageUpdate(i);
-    }, this.onPageUpdate = g((i) => {
-      this.setPage.emit(i);
-    }, 500), this.onPageSizeSelect = (i) => {
-      const t = +i.target.value;
+      let a = +this.pageInput.value;
+      isNaN(a) ? (a = this.page, this.pageInput.value = String(a)) : a > this.pages ? (a = this.pages, this.pageInput.value = String(a)) : a < 1 && (a = 1, this.pageInput.value = String(a)), this.page !== a && this.onPageUpdate(a);
+    }, this.onPageUpdate = c((a) => {
+      this.setPage.emit(a);
+    }, 500), this.onPageSizeSelect = (a) => {
+      const t = +a.target.value;
       this.pageSize !== t && this.setPageSize.emit(t);
     }, this.firstPageButtonLabel = "First page", this.lastPageButtonLabel = "Last page", this.label = void 0, this.nextButtonLabel = "Next page", this.page = void 0, this.pageLabel = "out of", this.pages = void 0, this.pageSelectLabel = "Select a page", this.pageSize = 10, this.pageSizeOptions = [10, 25, 50], this.pageSizeSelectLabel = "Items per page:", this.prevButtonLabel = "Previous page", this.showPageSizeSelect = void 0, this.variant = "default";
   }
   render() {
-    const n = this.variant !== "simple", i = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "3726e461fc29dfe798597b6c57866ab38783d30b" }, e("nav", { key: "a409fee02abe84439f107ee5329e81a099e05752", "aria-label": this.label, class: o }, e("ul", { key: "ee90536bedc6f5bf363cb72182a7245c8918e797", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "df23065f103d6de1a92c17267766cbbf8aeac37e", class: "pagination__list-item" }, e("label", { key: "e1fd25b3ecc04df6ed9e0081f7dca7c2d2965ea7", class: "pagination__page-size-selection" }, e("swirl-text", { key: "cfae989938cd970326abacb3146d11a21159dbe1", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "4a00b575f96e6ef4e760c2332227759306b72e36", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "b2fe11828103f7cc03185f05b275b43e9c925aed", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((a) => e("option", { key: a, selected: a === this.pageSize, value: a }, a))), e("swirl-icon-expand-more", { key: "a9ef957efa0133663db8247a5578faf402147ec5", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "5c0dfc38a663bdb6219a4e45da240fd19a1bfa53", class: "pagination__list-item" }, e("swirl-button", { key: "9496946b12dbf1a9c36ee624d7c9ea1521b1a2ec", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "b5ff7f73ebf9dc955fa216f414814d5e2dbb5c32", class: "pagination__list-item" }, e("swirl-button", { key: "7704f49d4667188bdf46401c1d17aa40c0aefd3c", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, i ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (a) => this.pageInput = a, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "303ac91dd0c3ef2bb86c1bb0f9c001eb919de3f3", class: "pagination__list-item" }, e("swirl-button", { key: "ac6695de5fba198a950a29ed52fd9ba23902a7d1", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "fc8396f63173fde636a20d7cc0e922f1e2860457", class: "pagination__list-item" }, e("swirl-button", { key: "61e8b90ac3992dfdc175d50d568d1d4321fbf6f0", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
+    const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
+    return e(r, { key: "fba8207382cf0734db42a2dea298004f8943c17f" }, e("nav", { key: "e166fe66e852e224c321627921c57605628d0ac4", "aria-label": this.label, class: o }, e("ul", { key: "3a4affd8175c790ef5d25f5e80523daf9b94fa01", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0", class: "pagination__list-item" }, e("label", { key: "9f6e04dc201cd60da406324be6c4ad9363c450b9", class: "pagination__page-size-selection" }, e("swirl-text", { key: "c2c85487931e6912edf0821eaa201e67e64bdc65", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "c7e46aae5f41adef62625b81e4335466f3ae51e8", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "354fef3715e457285692f4fb4cfcaf9ef6d47b1c", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "f6ef8a317e72eb0239aaa6acad36bc148c873a29", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "bf02a4f8f0413dee0791c39f26c6cbd46207474e", class: "pagination__list-item" }, e("swirl-button", { key: "e6aba96a8c7156e573ad7ff33d1b36be8f248158", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1", class: "pagination__list-item" }, e("swirl-button", { key: "ad00543f21637b669f341ffa7ff7dc9c985f7b11", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "f33a629ea11be2c8c1b1c07906b71f49b05afa35", class: "pagination__list-item" }, e("swirl-button", { key: "ae4becccba62f16b92e4056ce44d49ba800bacec", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "da1add506c324ae199592b1ef100737149a28ccf", class: "pagination__list-item" }, e("swirl-button", { key: "be7e1d28fe3af44062e3eda3c3889ed32f413499", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
   }
 };
 d.style = h;

package/dist/{swirl-pdf-reader.entry.6d48d747.js → swirl-pdf-reader.entry.8e9f3394.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.95b03b09.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.19e43523.js";
 import { A as h } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
@@ -89,12 +89,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       "pdf-reader--hide-menu": !i,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "7d813e404d67e236f60307a624269ee4b63b4295" }, e("section", { key: "e316286122ca97788019f3875c835531acb8bd37", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "bec2d218220bd02aaaf1fdfe48310e1ecc081d06", class: "pdf-reader__body", role: "document" }, e("header", { key: "dd6a28e024ce7830c02627f2c54f745185ad5cbf", class: "pdf-reader__header" }, e("span", { key: "8859db62a7e63e0514b795718e863aa59b4f5cbe", class: "pdf-reader__header-left" }, e("swirl-button", { key: "5787044d6479b480a5a2776618e808122569b500", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "914ed8631ed11b034278c2b0d33dbc2da44ca480", class: "pdf-reader__label" }, this.label)), e("span", { key: "d80649a3a983f200786e42ffc390aa678671e813", class: "pdf-reader__header-center" }, e("span", { key: "f8f93edf96f2e8029549752bb6ec9b1f3046fc69", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "946210b58d61939266fc5c287b74b570990cf05b", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "5a7b42c2305974572f23d2a9771ad322e9195968", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "1026648090cfe894209d94eca7e23a8f07cbc75b", class: "pdf-reader__zoom-select-container" }, e("select", { key: "2e73fd606ebb328fabdb581e993464bbd7384d4e", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "13cffc992b70e521024a67f16df104301246edc9", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "d0c9a3f5a661c13032b6caa537bbc05c0daf1959", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "19d1baf29f3964b417e11ff82cd2dbe07ff42de5", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "1612501f087b2a749cff0b15d14d55332f8969a8", swirlPopover: this.menu }, e("swirl-button", { key: "ca0c8a99e1cee388a4f381ad10e04bee0e4e5495", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "c779561118319aa97da02d1a403a9782d87e5ed4", class: "pdf-reader__floating-tools" }, e("button", { key: "0ef31a34fd14d97d7b59ee0699af623d48d0c82b", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "af9912f3bf0f12c74c2e38df9e0bc9b65006c366" })), e("button", { key: "f0879d6cb4c8922bd5f1b5d5c18bd9e02854ae10", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "300dc88300488aceea6bacb944eef3c5c0efa47b" })))), e("div", { key: "0bf99fe0c750bc9493c88e265fe2d0a50f708f1c", class: "pdf-reader__content" }, e("nav", { key: "a8a17bc906628bc1d3ce77277e77918a32d567a9", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "fb3a7c5440ad5ff941e5930befaf56135a5e7ba7" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "81d5e89fd73cdf93940502130d39382d68757763" }, e("section", { key: "77fd45b43ab3ba8d424b105fd956d7637dab08ac", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "97398c5d3531d0f210543efd5f4db5629c7f1b5d", class: "pdf-reader__body", role: "document" }, e("header", { key: "524e7c7fcfb5ec456403c4c7354ce1dc8565a31c", class: "pdf-reader__header" }, e("span", { key: "1a7f36ceab510764e4fd58be82db76c96ef849fb", class: "pdf-reader__header-left" }, e("swirl-button", { key: "fae99230801a2d755a86701bbc492d4260e9919d", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "49ddb9cc5ce3a929f4031c6ab6ea374ca9313ef4", class: "pdf-reader__label" }, this.label)), e("span", { key: "e26499b4bcf6c62f6b356020e4d84053bafb4b75", class: "pdf-reader__header-center" }, e("span", { key: "64cb978c4c8b46160fbee21fd1c27d658441660b", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "86ffdb46374cbe575746d5de3d227f6663ddf8e7", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "cfac8e6d9ef38dc58966fdc42059382e474ba1d4", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "e94afea8d541b40eeaf0f86d620797c07c850ad8", class: "pdf-reader__zoom-select-container" }, e("select", { key: "3abbbcc6a5feca804e7fd288a4f45d0d6904c29c", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "c1e9ec582b5594664c3d64ebd858b89682a9602a", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "29d8ac50214cfdb1fb4c21b5ab0012dc3d258867", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "fac4a6296c778b801a5963a9fbbb4610451c9fc0", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "5dbebf1825f3a762f27513b0c26a1334a1a5e2ab", swirlPopover: this.menu }, e("swirl-button", { key: "1ca64fd2b9e222b27c29b5acd30011858de16658", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "70dec652c63d082e7d5083d8cc8720cd2b5172d4", class: "pdf-reader__floating-tools" }, e("button", { key: "60d418dde1e7e6bf2e5b4c2dc91bdda1ebdc302d", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "58fde27cc6af25fff66e01c72cb60772a1989b8e" })), e("button", { key: "bd9e31b3c67695b8fe37fa128914d05e792dc015", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "b2a6b1e5f124924dc7352898e78b8fc400dbe023" })))), e("div", { key: "49c372ff04c32b061a045863669f446b161978b1", class: "pdf-reader__content" }, e("nav", { key: "5fc70757f58b12c3ee7e2bdfbd06f91a3f5cb887", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "8eb682ef0eb16ee71b3dd0748de265941ac146f4" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
       const l = r("pdf-reader__thumbnail", {
         "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
       });
       return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${o + 1}`, class: l, onClick: this.onThumbnailClick(o), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "b2835d80cc0584e909f77fc491a50012b0856046", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { key: "d3600e39527d28f9d6d49558acb069aba2beb147", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "2bbb43bc59651fcdee7cd8e730acfb718483c17c", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "20bae7e241a8f45ed28bd57133f2da6282179320", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "6b0e587c3793e2a65dc5333360c09ecdf11dc9ce" })), e("button", { key: "17a7a5b50ea65e1e3ec2adddb45ef63de9791028", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "525265c0dc72164e47bb2b0192ef80ae6ef7bbc4" }))))), e("swirl-popover", { key: "596bd59374a973815971a8ff7b44386f636ab2a7", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "b98e191d2ea967e28839ef457b69116e2a936f2d" }, e("div", { key: "29d4875d94b363fe38b258c653fe7daa34d75225", class: "pdf-reader__meta" }, e("div", { key: "ad205b729f16ba4439d28e8404e12e1739081784", class: "pdf-reader__file-icon" }, e("svg", { key: "529f41129ff9db740614a0b60a3b5ff4dd71369e", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "b57aa3c42d84f3916347b8e5d740d0384a189c92", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "295785b3ca732bdd7ef6c58d6c44a3217b037fcd", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "e928b035043e03130c64e97fde3ade1379979cc2", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "aa5676e3ebf1e2a77c126403501bf5e04b892d61", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { key: "6f9d1ac69c1997f6d281b87ec4a49841144d716a", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { key: "b4774f1354ea5198d3a5f48a28f87b7af378f268", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "7496eea399bab8fcd736886f66199ca300564136", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "a23ff7a5603fcf5f599ceaeee815b9b53f62ffc5", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "164be77229493c2f17570ce0f3e6fcba9c0e5af5", class: "pdf-reader__file-info" }, e("swirl-text", { key: "d225354eb8321f8ce28cfb56417251346b209c7d", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "a2a8a53ea0db76f5cc5a9665fe57df072d603351", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "e9b7f29f6c1a279198306abadbcb17a088a32906" }), e("swirl-action-list", { key: "184e2f7bae81836ae05bdfb964573a1dd272c36f", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "7de3ec6506c39e16ccb35888d1f6b6c9c2d5e3ae", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "979aa8d650014f1b71045d6adf3cc2ad07e77cb6", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "88784c7eeb059e0f5374dd28c21be9ec97a038fd", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "101b56bb9a17e754866767610f178813c2db46de", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { key: "baf1b664b7966ef07411fa92207abfed8b466e1c", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "fa16e93ac77cd1c800227a6706a2b0bfde5fae28", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "cac6b459d2f424348bc737bc6efbe3dfc3f15e40", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "9f22c2f191ea77ffd2a9c9ddb9c521d5b6360f0d" })), e("button", { key: "c3c1bf865ee86007b6806b965ddfeb875bc3893a", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "7d88c0725e991fbc8951a5c9c3d2863d8f5ab679" }))))), e("swirl-popover", { key: "1e9c2732f6b208f7143fbe78b6ea99652373b47c", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "9fd356755e76115ac89f97c4a929183eadd325f0" }, e("div", { key: "efda7662f54e9cbd0f9cdc56c0dde04d89ace796", class: "pdf-reader__meta" }, e("div", { key: "88a33932c2fc2075dacfe9b6c824a4746b45c224", class: "pdf-reader__file-icon" }, e("svg", { key: "913544df7dbc97da4eef47a4fe0c1e8064934b3d", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "1fa0b0d843b909c616f23d291f00fa4f8e089ecb", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "c3a612adf57e7800d2461bcf9243b623806327f5", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "d59e131de4dfff7a981a468a31245fc757c02544", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "6f4d8c47e0a13955050de7c54a1081392dbe1b82", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { key: "48cd4136c99fe57c08996470bc75614643300ff0", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { key: "408f2d9be89e1d79ce0f29bfb1be6a432aeea11f", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "f938659112f6e9fc86556e7571ce865f6d06ad9d", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "387377193f9ae487182e4b22d03e2052a6ed9c10", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "7c8e3a0935be4192a87d6cbd146fbe6646f77a4a", class: "pdf-reader__file-info" }, e("swirl-text", { key: "a3213ad51f4e330e265ab2eb38a825717af4a687", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "9f50fe4b4de372e801ceb4c02f8c3299ebbb6f44", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "560ad0e0e1df5a4807b32ec5d2b4e98fe5f64c46" }), e("swirl-action-list", { key: "8ade0c1800a31901a0c0030e54a03863d26b912d", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "8514d3e65061a3a50c2200756b1724da07c8692f", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "73e5b021562fa7244ec1408398d44ae575a0c289", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "39a090c22adc5081d628f9d097fb537293a53d50", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-popover_2.entry.5bd5fc6f.js → swirl-popover_2.entry.22ea382b.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.95b03b09.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.19e43523.js";
 import { o as c, s as d, 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";
@@ -39,8 +39,8 @@ const P = ":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(), f = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(m), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
-    !f.includes(r.tagName) && b && w && (!i || y) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, f = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(f), 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)
@@ -114,12 +114,12 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--transparent": this.transparent,
       "popover--padded": this.padded
     });
-    return n(g, { key: "8815084e5150553bddfe790dd9cd19afdb3238a3" }, n("div", { key: "fd5a988c7ac204f8bf33db790f356dd1cdb86e25", class: t, onKeyDown: this.onKeydown }, n("div", { key: "0928395880d54dbd994cac4da3b964b0a0dc0282", "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: "df476e6322d8d9d846f63c77d2150f058ff510f4" }, n("div", { key: "9be59d3e4afcdc085d6c6da4c6cf73117352ae15", class: t, onKeyDown: this.onKeydown }, n("div", { key: "da116f880c0744a9b626e772a79a8833deaf92b7", "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: "64dbc3388e5d822c9efea2b6ed1fae8ef907bbe1", class: "popover__handle" }), n("div", { key: "d0127fc8a3048dd1a1ec3ba044ff67688970bee1", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "fcbd5a764f47a2fe387893203c5fe5f7d3e5d158", class: "popover__handle" }), n("div", { key: "dc8acca5962062f9c48ae39181046c8c2c769771", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
       maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, n("slot", { key: "b74e14329dfcc483464bc1ce60e287f88ee51869" }))), this.active && n("div", { key: "a07997d220fb4de75e57444d71c98b64823322b5", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "c3941c4f0600dafcafdc9cf4328f2eb6319cbe79" }))), this.active && n("div", { key: "7f94b4404281c6ac68551584e6e1f273d99810df", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return u(this);
@@ -219,7 +219,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "83a4bacada4e5c75637fdc62259f60873f179156", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "9bb28a5079b4b838deca51e7837d764dc5a01e33" }));
+    return n(g, { key: "f24c307c0c793b723219d70536814ad68cb894a1", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "82f8797bcca392f456ed38085bb057fda4561e28" }));
   }
   get el() {
     return u(this);

package/dist/{swirl-progress-indicator.entry.78c0ff7f.js → swirl-progress-indicator.entry.ecc9c3ea.js}

@@ -1,17 +1,17 @@
-import { r as t, h as a, H as n } from "./index.95b03b09.js";
+import { r as t, h as a, H as n } from "./index.19e43523.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, b = class {
+const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, h = class {
   constructor(i) {
     t(this, i), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
     const i = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
-    return a(n, { key: "8c6955246ae9a88b7c7bcb33a067d2b1ebdef1f8", class: this.variant }, this.variant === "bar" && a("progress", { key: "7a072fe9b755e35c42dd645a8f777326e744a007", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && a("span", { key: "0d881a4f258e9193ac110ae1c80f96b27df6160c", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, a("svg", { key: "ef86cc8fb10443529cd585242e64ec0fdcd538b2", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, a("circle", { key: "ea75b70dc757a94a7ada3caf8ed3785b6d4be9bd", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), a("circle", { key: "472041dc17bae2a183e763d557b96bf3625f9916", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    return a(n, { key: "ec67df0261c2d7085b5993de26b9e8f8ef30aee5", class: this.variant }, this.variant === "bar" && a("progress", { key: "22cbde6694554a5fadec799363a7ee3ea9c783a8", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && a("span", { key: "60e257b78d70f3bd56b3a45178c6d97e84ba5dcc", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, a("svg", { key: "ddf18412e0bcc8acf6703471f812d19f9f65d7dc", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, a("circle", { key: "14dd6d446c100b80ac0ea3ca13f0f0f265222019", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), a("circle", { key: "8ccaa481b7637c0e7f3c57b9a9eecb495ede602c", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
-b.style = l;
+h.style = l;
 export {
-  b as swirl_progress_indicator
+  h as swirl_progress_indicator
 };

package/dist/{swirl-radio-group.entry.e31e187f.js → swirl-radio-group.entry.9c9fd78c.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.95b03b09.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.19e43523.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 {
@@ -23,7 +23,7 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "bd580b31648172d9b8744b9a38cc25ca453b9c48", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "8436065fb6f409976e4e68829c342ff9c8ad5253", class: "radio-group" }, i("slot", { key: "984f1f76974e3a9b5598ffa78a882de99e9df927" })));
+    return i(l, { key: "4d62efbff3589261ebe21f9819ccbff59b5d7d44", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "fb0b457aec9c6004b5110ad66d6d88be6dd63140", class: "radio-group" }, i("slot", { key: "9596bc61932d368521ed3ae511e05689013b4e1f" })));
   }
   get el() {
     return n(this);