@getflip/swirl-components-react 0.331.0 → 0.333.0

package/dist/{swirl-icon-simplify.entry.fda30542.js → swirl-icon-simplify.entry.380f8e78.js}

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

package/dist/{swirl-icon-spellcheck.entry.c750f5ed.js → swirl-icon-spellcheck.entry.19acf616.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as s } from "./index.bea7a45c.js";
+import { r as t, h as e, F as s } from "./index.67f1f4e7.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-stars.entry.544e950b.js → swirl-icon-stars.entry.4b5f4093.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.bea7a45c.js";
+import { r as c, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sticky-note.entry.69dbee26.js → swirl-icon-sticky-note.entry.1214809b.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.bea7a45c.js";
+import { r as c, h as C, F as i } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-stop-circle.entry.a571a80d.js → swirl-icon-stop-circle.entry.9238e4b0.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.bea7a45c.js";
+import { r as c, h as C, F as i } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-stop.entry.795211d9.js → swirl-icon-stop.entry.8bbb781f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.bea7a45c.js";
+import { r as o, h as e, F as i } from "./index.67f1f4e7.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sunny.entry.b01db9e5.js → swirl-icon-sunny.entry.91769df5.js}

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

package/dist/{swirl-icon-sync.entry.44063d33.js → swirl-icon-sync.entry.101cd7df.js}

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

package/dist/{swirl-icon-tasks-filled.entry.5a6ae1d7.js → swirl-icon-tasks-filled.entry.eea207a6.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.bea7a45c.js";
+import { r as c, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks.entry.a24133b4.js → swirl-icon-tasks.entry.2ebe3f08.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.bea7a45c.js";
+import { r as c, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-terminal.entry.ed9bb5ac.js → swirl-icon-terminal.entry.e1eda29a.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.bea7a45c.js";
+import { r as a, h as C, F as i } from "./index.67f1f4e7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.a57660f5.js → swirl-icon-time-filled.entry.a4d95810.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.bea7a45c.js";
+import { r as o, h as C, F as i } from "./index.67f1f4e7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time.entry.f7e1ee22.js → swirl-icon-time.entry.3c2770e4.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.bea7a45c.js";
+import { r as a, h as C, F as i } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-today-filled.entry.fe2fff67.js → swirl-icon-today-filled.entry.f763f4c3.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.bea7a45c.js";
+import { r as a, h as C, F as i } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-translate.entry.470cf62b.js → swirl-icon-translate.entry.a9f31607.js}

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

package/dist/{swirl-icon-tree-structure.entry.44fe7c48.js → swirl-icon-tree-structure.entry.c573fb0b.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as s } from "./index.bea7a45c.js";
+import { r, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as H } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-undo.entry.28bef938.js → swirl-icon-undo.entry.d92ebeab.js}

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

package/dist/{swirl-icon-unlock-person.entry.d0f0f65b.js → swirl-icon-unlock-person.entry.eac73bf0.js}

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

package/dist/{swirl-icon-upload.entry.45a53f09.js → swirl-icon-upload.entry.699dc538.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.bea7a45c.js";
+import { r as o, h as C, F as s } from "./index.67f1f4e7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-add.entry.d1bb6b66.js → swirl-icon-user-add.entry.a9d0968a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.bea7a45c.js";
+import { r as o, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.9372f252.js → swirl-icon-user-assign.entry.a08bbb63.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.bea7a45c.js";
+import { r as c, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera-off.entry.3e98ef87.js → swirl-icon-video-camera-off.entry.0d143d21.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.bea7a45c.js";
+import { r as a, h as C, F as i } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.5bed51f2.js → swirl-icon-video-camera.entry.748a57d3.js}

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

package/dist/{swirl-icon-video-library.entry.e61167bc.js → swirl-icon-video-library.entry.ca13584c.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.bea7a45c.js";
+import { r as o, h as C, F as i } from "./index.67f1f4e7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-view-agenda.entry.061c60c0.js → swirl-icon-view-agenda.entry.42e2f3b2.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.bea7a45c.js";
+import { r as c, h as e, F as s } from "./index.67f1f4e7.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-voice.entry.90b57b29.js → swirl-icon-voice.entry.a0ba435c.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.bea7a45c.js";
+import { r as a, h as C, F as i } from "./index.67f1f4e7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-volume-up.entry.f22753a7.js → swirl-icon-volume-up.entry.a999b131.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.bea7a45c.js";
+import { r as o, h as C, F as s } from "./index.67f1f4e7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-web-asset-off.entry.77aacb15.js → swirl-icon-web-asset-off.entry.ba710837.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.bea7a45c.js";
+import { r as c, h as C, F as s } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-web-asset.entry.15e511bf.js → swirl-icon-web-asset.entry.2a909a07.js}

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

package/dist/{swirl-icon-work.entry.bebea712.js → swirl-icon-work.entry.f9b1b908.js}

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

package/dist/{swirl-icon.entry.92721d63.js → swirl-icon.entry.be9cb679.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as e } from "./index.bea7a45c.js";
+import { r as t, h as s, H as e } from "./index.67f1f4e7.js";
 import "react";
 import "react-dom";
 const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = o, n = class {

package/dist/{swirl-image-grid-item.entry.89c006f3.js → swirl-image-grid-item.entry.970a7490.js}

@@ -1,6 +1,6 @@
-import { r as g, c as d, h as e, H as l, g as m } from "./index.bea7a45c.js";
+import { r as g, c as d, h as e, H as l, g as m } from "./index.67f1f4e7.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
-import { d as b } from "./utils-0cdf2a1e.c9917628.js";
+import { d as b } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:"";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:"";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}', f = u, p = class {

package/dist/{swirl-image-grid.entry.585530fb.js → swirl-image-grid.entry.0bfb3719.js}

@@ -1,4 +1,4 @@
-import { r as a, h as t, H as r, g as c } from "./index.bea7a45c.js";
+import { r as a, h as t, H as r, g as c } from "./index.67f1f4e7.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.592cd192.js → swirl-inline-notification.entry.ef8f62a7.js}

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

package/dist/{swirl-inline-status.entry.e7f12b4f.js → swirl-inline-status.entry.5396a881.js}

@@ -1,36 +1,37 @@
-import { r as s, h as e, H as a } from "./index.bea7a45c.js";
+import { r as e, h as n, H as a } from "./index.67f1f4e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
-import { g as r } from "./utils-0cdf2a1e.c9917628.js";
+import { D as r } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
-const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", c = l, d = class {
-  constructor(t) {
-    s(this, t), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (i) => {
-      this.forceIconProps(i.matches);
+import "./utils-28df99ee.9fb223f6.js";
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = c, d = class {
+  constructor(i) {
+    e(this, i), this.mediaQueryUnsubscribe = () => {
     }, this.icon = void 0, this.intent = void 0, this.message = void 0, this.size = "m", this.iconSize = 20;
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe = r.subscribe((i) => {
+      this.forceIconProps(i);
+    });
   }
   disconnectedCallback() {
-    var t, i;
-    (i = (t = this.desktopMediaQuery).removeEventListener) == null || i.call(t, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
-  forceIconProps(t) {
+  forceIconProps(i) {
     if (!Boolean(this.iconEl))
       return;
-    const i = this.iconEl.children[0];
-    if (!Boolean(i))
+    const t = this.iconEl.children[0];
+    if (!Boolean(t))
       return;
-    let n = "24";
-    this.size === "s" ? n = "16" : t && (n = "20"), i.setAttribute("size", n);
+    let s = "24";
+    this.size === "s" ? s = "16" : i && (s = "20"), t.setAttribute("size", s);
   }
   render() {
-    const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "2399be5d627741cba2a289842457b41fc838c28a" }, e("span", { key: "3f6ad8e7b1fd303874334fccab02b942deb31ed3", class: t, part: "inline-status" }, this.icon && e("span", { key: "9d296ed8a4c1c232f91b7f96a2e9330bbad4d5ce", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "4a027e288e1b152c732e9881ac2eb781631f7674", class: "inline-status__message" }, this.message)));
+    const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
+    return n(a, { key: "4061d83f2fe39058d8d6e6d90b9dadc73d575aa7" }, n("span", { key: "ae51319d804419fda99def8af8fd81b25f5c9cfc", class: i, part: "inline-status" }, this.icon && n("span", { key: "c677da1834aef7c19041022ad7580115c1fd8ec3", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), n("span", { key: "dbec6cd97a2cab40ccbd9670eac038d64d14137c", class: "inline-status__message" }, this.message)));
   }
 };
-d.style = c;
+d.style = l;
 export {
   d as swirl_inline_status
 };

package/dist/{swirl-lightbox.entry.784eaf59.js → swirl-lightbox.entry.c3da6d8a.js}

@@ -1,8 +1,8 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.bea7a45c.js";
+import { r as h, c as b, h as i, H as u, g as f } from "./index.67f1f4e7.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import { q as v } from "./utils-0cdf2a1e.c9917628.js";
+import { q as v } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', S = y, _ = class {

package/dist/{swirl-link.entry.ea3d9a4e.js → swirl-link.entry.189d5060.js}

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

package/dist/{swirl-list.entry.23779e31.js → swirl-list.entry.42ea00df.js}

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

package/dist/{swirl-menu-item.entry.1d783829.js → swirl-menu-item.entry.cc9440c2.js}

@@ -1,6 +1,6 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.bea7a45c.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.67f1f4e7.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
-import { k as c, p } from "./utils-0cdf2a1e.c9917628.js";
+import { l as c, p } from "./utils-28df99ee.9fb223f6.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 {

package/dist/{swirl-menu.entry.2d5c2d54.js → swirl-menu.entry.b8ff6fec.js}

@@ -1,7 +1,7 @@
-import { r as d, c, h as o, H as b, g as f } from "./index.bea7a45c.js";
+import { r as d, c, h as o, H as b, g as f } from "./index.67f1f4e7.js";
 import { c as p, a as v, 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, k as l, p as h, i as I, j as x } from "./utils-0cdf2a1e.c9917628.js";
+import { q as a, l, p as h, i as I, k as x } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{background-color:var(--s-surface-overlay-default)}", k = _, L = class {

package/dist/{swirl-modal.entry.9f73a507.js → swirl-modal.entry.10221763.js}

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

package/dist/{swirl-option-list-section.entry.de63ee83.js → swirl-option-list-section.entry.3135342d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as t } from "./index.bea7a45c.js";
+import { r as i, h as s, H as t } from "./index.67f1f4e7.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block;width:100%}: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);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)}}", o = a, c = class {

package/dist/{swirl-option-list_2.entry.0c82f5de.js → swirl-option-list_2.entry.b76e80af.js}

@@ -1,6 +1,6 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.bea7a45c.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.67f1f4e7.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
-import { k as n, q as l } from "./utils-0cdf2a1e.c9917628.js";
+import { l as n, q as l } from "./utils-28df99ee.9fb223f6.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pagination.entry.fcb8c30a.js → swirl-pagination.entry.1da62035.js}

@@ -1,6 +1,6 @@
-import { r as l, c as s, h as e, H as r } from "./index.bea7a45c.js";
+import { r as l, c as s, h as e, H as r } from "./index.67f1f4e7.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as c } from "./utils-0cdf2a1e.c9917628.js";
+import { d as c } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 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 {

package/dist/{swirl-pdf-reader.entry.91272631.js → swirl-pdf-reader.entry.bbe2aefd.js}

@@ -1,8 +1,8 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.bea7a45c.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.67f1f4e7.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";
-import { q as m, i as s } from "./utils-0cdf2a1e.c9917628.js";
+import { q as m, i as s } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0

package/dist/{swirl-popover_2.entry.895503a1.js → swirl-popover_2.entry.3bc25025.js}

@@ -1,8 +1,8 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.bea7a45c.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.67f1f4e7.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 k, e as C } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
-import { i as a, j as T, q as h } from "./utils-0cdf2a1e.c9917628.js";
+import { i as a, k as T, q as h } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:border-box}:host{--swirl-resource-list-item-background-default:var(

package/dist/{swirl-progress-indicator.entry.cf018257.js → swirl-progress-indicator.entry.6aa34b64.js}

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

package/dist/{swirl-radio-group.entry.f65ba5f6.js → swirl-radio-group.entry.4a5dc526.js}

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

package/dist/{swirl-radio.entry.5d1a3131.js → swirl-radio.entry.0a65c73e.js}

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

package/dist/{swirl-resource-list-file-item.entry.66f48279.js → swirl-resource-list-file-item.entry.f0001c69.js}

@@ -1,20 +1,21 @@
-import { r as c, c as a, h as e, H as n } from "./index.bea7a45c.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as f } from "./utils-0cdf2a1e.c9917628.js";
+import { r as c, c as a, h as e, H as n } from "./index.67f1f4e7.js";
+import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { D as d } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
-const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = m, u = class {
+import "./utils-28df99ee.9fb223f6.js";
+const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', u = m, h = class {
   constructor(i) {
-    c(this, i), this.remove = a(this, "remove", 7), this.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (s) => {
-      this.forceIconProps(s.matches);
+    c(this, i), this.remove = a(this, "remove", 7), this.mediaQueryUnsubscribe = () => {
     }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe = d.subscribe((i) => {
+      this.forceIconProps(i);
+    });
   }
   disconnectedCallback() {
-    var i, s;
-    (s = (i = this.desktopMediaQuery).removeEventListener) == null || s.call(i, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
   forceIconProps(i) {
     if (!Boolean(this.iconEl))
@@ -23,13 +24,13 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     s == null || s.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("resource-list-file-item", {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = f("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "a77fb6c728aa73b07338bf27be5fe1bcff9cd5ce", role: "row" }, e("div", { key: "4f3e56655138f59ded67feb2a1c56d14d5bdbfab", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "fd87bc5faf44da2adfe0531f14084a3716357ff0", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "591358738d945b39c9b9ffdeb8ff8420662fc2d1", class: "resource-list-file-item__label-container" }, e("span", { key: "e542836253c3cbd2330d1ac3f8b39e9b4e44ccd4", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "a3fa60138b871755ddb9d6f882af6acd4add6594", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "22f1d243bf021a496f5bb1096a70915099d79e6b", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "76d645965f1c9e33ac2f74f9a5f53428fd76c430", message: this.errorMessage, size: "s" }))), r && e("span", { key: "0e3e3962afcdd746b1a46e3dd96f56563ae34170", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "cd07ad9b4b3f18f3d6d10dff309ba6451362f2ca", size: "s" })), t && e("span", { key: "0001190d82fc5a32420a465ee5bd5eaa917e0f42", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "7a6bc7c626ab5c9060c0bfc2aae771862055fbd8", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "00406d571fa761d38dbba9b0f662bf8fd8ccf894", role: "row" }, e("div", { key: "ae94f2002c524e297f147eef7fb1f468259ef351", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "b09d36edbd320f67f9a6fabf0c55b9aaba1dfcef", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "e2c7ebed082e6d7e5807865df3a86a7162ca6bb9", class: "resource-list-file-item__label-container" }, e("span", { key: "3899742fff0596baec287802dbae87171934f7fd", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "47d88eb73d4652c7575d0460db2a218002b2b765", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "453f887dc5d5c4d6ce05f8fb089b05f3e6036bab", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "6afa1e5d6a7c93bef6fbfaacae4ceb1d9d0cf5a7", message: this.errorMessage, size: "s" }))), r && e("span", { key: "24f2fe680d14334561cdcbc395084b338fd0bb11", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "83a6ba6bec794a03673af8cc9fc3f1e851af17a2", size: "s" })), t && e("span", { key: "c50ffc6f5db1880b01ba4df0dc68e20c7b1e85b7", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "4d8f1cc62abed8353d12d57e4b87387fbc6b0895", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
-u.style = h;
+h.style = u;
 export {
-  u as swirl_resource_list_file_item
+  h as swirl_resource_list_file_item
 };

package/dist/{swirl-resource-list-section.entry.21049603.js → swirl-resource-list-section.entry.c03bf126.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as a } from "./index.bea7a45c.js";
+import { r as i, h as e, H as a } from "./index.67f1f4e7.js";
 import "react";
 import "react-dom";
 const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = t, o = class {