npm - @getflip/swirl-components-react - Versions diffs - 0.331.0 → 0.333.0 - Mend

@getflip/swirl-components-react 0.331.0 → 0.333.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (356) hide show

package/dist/{swirl-icon-cancel_4.entry.cf3afeac.js → swirl-icon-cancel_4.entry.36b012b4.js} RENAMED Viewed

@@ -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-chat-bubble.entry.dd85373d.js → swirl-icon-chat-bubble.entry.9e6f22cb.js} RENAMED Viewed

@@ -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-chats-filled.entry.a43c8097.js → swirl-icon-chats-filled.entry.cecb69ae.js} RENAMED Viewed

@@ -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 } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chats.entry.e4d48f41.js → swirl-icon-chats.entry.f54e1404.js} RENAMED Viewed

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

package/dist/{swirl-icon-check-circle_2.entry.b87727b5.js → swirl-icon-check-circle_2.entry.9123e755.js} RENAMED Viewed

@@ -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 as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-small_2.entry.e5e3b16f.js → swirl-icon-check-small_2.entry.c2ece7ba.js} RENAMED Viewed

@@ -1,28 +1,28 @@
-import { r as l, h as i, F as o, c as m, H as b, g as f } from "./index.bea7a45c.js";
+import { r as l, h as i, F as o, c as h, H as b, g as f } from "./index.67f1f4e7.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
-import { g } from "./utils-0cdf2a1e.c9917628.js";
-import { v as w } from "./v4-23648a96.77c7c20f.js";
+import { D as w } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { v as g } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
+import "./utils-28df99ee.9fb223f6.js";
 const u = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", v = u, _ = class {
-  constructor(e) {
-    l(this, e), this.color = void 0, this.size = 24;
+  constructor(t) {
+    l(this, t), this.color = void 0, this.size = 24;
   }
   render() {
-    const e = this.size === 20 ? 24 : this.size, t = {
+    const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, s = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return i("svg", { key: "c21fa1f553b410bd1f3d426db9a7946cd66b5b04", "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(o, { key: "efb4280431d1f5549aee26fb81f47084a08802f1" }, i("path", { key: "659c44a71d769df95ba9f6f54c2d6c4374dbb195", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(o, { key: "f633f67ebd3647fe094c529560d2fe3cde0714c6" }, i("path", { key: "cafc8e1658c88ddaec139a25099eb7fabdcf27e0", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" })), this.size === 28 && i(o, { key: "0dea1c7f496fd0278d28f3f5973002270e983ed5" }, i("path", { key: "46df822026f6a2296cbf5ba2e418ca43eba0805e", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })));
+    return i("svg", { key: "c21fa1f553b410bd1f3d426db9a7946cd66b5b04", "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(o, { key: "efb4280431d1f5549aee26fb81f47084a08802f1" }, i("path", { key: "659c44a71d769df95ba9f6f54c2d6c4374dbb195", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(o, { key: "f633f67ebd3647fe094c529560d2fe3cde0714c6" }, i("path", { key: "cafc8e1658c88ddaec139a25099eb7fabdcf27e0", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z", fill: "currentColor" })), this.size === 28 && i(o, { key: "0dea1c7f496fd0278d28f3f5973002270e983ed5" }, i("path", { key: "46df822026f6a2296cbf5ba2e418ca43eba0805e", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z", fill: "currentColor" })));
   }
 };
 _.style = v;
 const x = `.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);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-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);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-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;width:2.5rem;height:2.5rem;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, y = x, k = class {
-  constructor(e) {
-    l(this, e), this.toggleDrag = m(this, "toggleDrag", 7), this.desktopMediaQuery = g(), this.elementId = w(), this.desktopMediaQueryHandler = (t) => {
-      this.forceIconProps(t.matches), this.updateIconSize(t.matches);
-    }, this.onDragHandleKeyDown = (t) => {
-      (t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
+  constructor(t) {
+    l(this, t), this.toggleDrag = h(this, "toggleDrag", 7), this.elementId = g(), this.mediaQueryUnsubscribe = () => {
+    }, this.onDragHandleKeyDown = (e) => {
+      (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
     }, this.onBlur = () => {
       this.focused = !1;
     }, this.onFocus = () => {
@@ -30,29 +30,30 @@ const x = `.sc-swirl-option-list-item-h{position:relative;display:block;width:10
     }, this.allowDrag = void 0, this.context = "single-select", this.description = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.icon = void 0, this.iconBadge = void 0, this.label = void 0, this.selected = !1, this.swirlAriaRole = "option", this.value = void 0, this.iconSize = 24, this.focused = void 0;
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe = w.subscribe((t) => {
+      this.forceIconProps(t), this.updateIconSize(t);
+    });
   }
   disconnectedCallback() {
-    var e, t;
-    (t = (e = this.desktopMediaQuery).removeEventListener) == null || t.call(e, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
-  forceIconProps(e) {
+  forceIconProps(t) {
     var s;
-    const t = (s = this.iconEl) == null ? void 0 : s.children[0];
-    t == null || t.setAttribute("size", e ? "20" : "24");
+    const e = (s = this.iconEl) == null ? void 0 : s.children[0];
+    e == null || e.setAttribute("size", t ? "20" : "24");
   }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
+  updateIconSize(t) {
+    this.iconSize = t ? 20 : 24;
   }
   render() {
-    const e = this.disabled ? "true" : void 0, t = String(this.selected), s = this.context === "multi-select", a = Boolean(this.icon) && this.context === "single-select", r = Boolean(this.iconBadge), c = this.el.querySelector('[slot="avatar"]'), d = this.selected && this.context === "single-select", p = n("option-list-item", `option-list-item--context-${this.context}`, {
+    const t = this.disabled ? "true" : void 0, e = String(this.selected), s = this.context === "multi-select", a = Boolean(this.icon) && this.context === "single-select", r = Boolean(this.iconBadge), c = this.el.querySelector('[slot="avatar"]'), d = this.selected && this.context === "single-select", p = n("option-list-item", `option-list-item--context-${this.context}`, {
       "option-list-item--disabled": this.disabled,
       "option-list-item--draggable": this.allowDrag,
       "option-list-item--dragging": this.dragging,
       "option-list-item--selected": this.selected,
       "option-list-item--show-avatar": c
     });
-    return i(b, { key: "d10255b1a3ce16def32576bcfce8b007122e80fc" }, i("div", { key: "67d2f23595c118dc104cc0c1bec3aa516d514783", "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": e, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: p, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, a && i("span", { key: "12c511dd3c23e90f0d4cc988daa0c9992cc71c60", class: "option-list-item__icon", innerHTML: this.icon, ref: (h) => this.iconEl = h }, r && i("span", { key: "9041ef204b95835c99fa409268337c553079d6c2", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), s && i("span", { key: "37ccff8e7e31a78eac6f9a1ede06e55123755a8f", class: "option-list-item__checkbox" }, i("span", { key: "d0b3a8115a097ee4f538bf6ce64f4de6fe9e5c87", class: "option-list-item__checkbox-box" }, this.selected && i("swirl-icon-check-strong", { key: "732bfb290c9c6038ec11001919c3bdd658843490", class: "option-list-item__checkbox-icon", size: 16 }))), i("span", { key: "d2810259d04b5d49d40d0774c98ee56a7f5f7226", class: "option-list-item__avatar" }, i("slot", { key: "042f2a3c70063fd130fec296ccddec084d56aec4", name: "avatar" })), i("span", { key: "61032284deee69c6dc2a66fc0627a5dbedd1dc75", class: "option-list-item__label-container" }, i("span", { key: "320288d88e77a1e8033f102147e046e7fd52a98b", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && i("span", { key: "6af76305ce6ac4fd64d562801ae976a265075cac", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), d && i("span", { key: "d9a049efa8acc2f8e163bb201d537fa09e6e215c", class: "option-list-item__selection-icon" }, i("swirl-icon-check-small", { key: "57ce2025b73bdf1d5303b6c6abc1bc27f6f4beb6", size: this.iconSize }))), this.allowDrag && i("button", { key: "94f9abc9e467ee5e7ca0bb20cbb41759cefe4207", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, i("swirl-icon-drag-handle", { key: "3bf3b75c4fc6ea020ef18d595d80d8529ec227bf", size: this.iconSize })));
+    return i(b, { key: "f10b9d5998e571b30de2b9755b20aa9ff6553b7c" }, i("div", { key: "7351b14adf1f9b8e7f6c8fe95bff82703e3cb0c8", "aria-checked": this.swirlAriaRole === "menuitemradio" ? e : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": t, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? e : void 0, class: p, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, a && i("span", { key: "28b5bf751e4b6f040e217976431cc10ccc18b2ab", class: "option-list-item__icon", innerHTML: this.icon, ref: (m) => this.iconEl = m }, r && i("span", { key: "17d8ee99d49bc39e9c29acbdefa6a33ac1fe011f", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), s && i("span", { key: "c96a9aa51eb3d24d8d2981e72f57258ec104a4f0", class: "option-list-item__checkbox" }, i("span", { key: "e5e16760dac9d5f8fd32dfc1a87b276bac40e218", class: "option-list-item__checkbox-box" }, this.selected && i("swirl-icon-check-strong", { key: "19678c01717c67032d419f1c081c79dd3d2d86d2", class: "option-list-item__checkbox-icon", size: 16 }))), i("span", { key: "206a3376c0fc0cc5fc251417d3807cb9d021dcc8", class: "option-list-item__avatar" }, i("slot", { key: "d017728bbc40c000fd35fb1baa92ea4c01f730a2", name: "avatar" })), i("span", { key: "0fd4cec5ad5274106c2db52c304bc1877bbb03fd", class: "option-list-item__label-container" }, i("span", { key: "b3e61b55ed5e5a0f40a59ee5ff6705ba0f170915", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && i("span", { key: "a789b71d53ce36c63aacba3136d29e778da6c506", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), d && i("span", { key: "cc615418e02db15288d1038518c032216db71025", class: "option-list-item__selection-icon" }, i("swirl-icon-check-small", { key: "6f06dee5b1cd618ad9fabb61b6bf9f4abf07fa0a", size: this.iconSize }))), this.allowDrag && i("button", { key: "1bad552ed0a4324962a5e4735bc4330bb44cd3ea", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, i("swirl-icon-drag-handle", { key: "124518bd0178c8e3e8021b5519ae751213f2e99a", size: this.iconSize })));
   }
   get el() {
     return f(this);

package/dist/{swirl-icon-check-strong_2.entry.67c7b28c.js → swirl-icon-check-strong_2.entry.bb15b794.js} RENAMED Viewed

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

package/dist/{swirl-icon-check.entry.738bf82a.js → swirl-icon-check.entry.d6008a44.js} RENAMED Viewed

@@ -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-chevron-left.entry.c75fddbb.js → swirl-icon-chevron-left.entry.1b220330.js} RENAMED Viewed

@@ -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 r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chevron-right.entry.d79e22fe.js → swirl-icon-chevron-right.entry.9b0a4e03.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as s } from "./index.bea7a45c.js";
+import { r as o, h as e, 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-close-small.entry.c00065f5.js → swirl-icon-close-small.entry.ea263375.js} RENAMED Viewed

@@ -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-close.entry.c39d2a0c.js → swirl-icon-close.entry.45c8a449.js} RENAMED Viewed

@@ -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 } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cloud-upload.entry.68529e25.js → swirl-icon-cloud-upload.entry.04ff0b65.js} RENAMED Viewed

@@ -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 a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-column.entry.a6f7372d.js → swirl-icon-column.entry.83160a0c.js} RENAMED Viewed

@@ -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 r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-comment.entry.ce3bbdf0.js → swirl-icon-comment.entry.70182dbe.js} RENAMED Viewed

@@ -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-contrast.entry.3386d822.js → swirl-icon-contrast.entry.b3919428.js} RENAMED Viewed

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

package/dist/{swirl-icon-copy.entry.7a32adc6.js → swirl-icon-copy.entry.2154d2f0.js} RENAMED Viewed

@@ -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-crop.entry.98b03fcb.js → swirl-icon-crop.entry.c3a9554d.js} RENAMED Viewed

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

package/dist/{swirl-icon-dark-mode.entry.e5eb802c.js → swirl-icon-dark-mode.entry.23eed0d4.js} RENAMED Viewed

@@ -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-date-range.entry.b844f6db.js → swirl-icon-date-range.entry.0fd41707.js} RENAMED Viewed

@@ -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-delete.entry.97d5b0bd.js → swirl-icon-delete.entry.52faaafe.js} RENAMED Viewed

@@ -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-deployed-code.entry.06aed7bb.js → swirl-icon-deployed-code.entry.672357bd.js} RENAMED Viewed

@@ -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 as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-description.entry.bf947ee0.js → swirl-icon-description.entry.72788d23.js} RENAMED Viewed

@@ -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 as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-desktop.entry.40bb23e0.js → swirl-icon-desktop.entry.eb0386f7.js} RENAMED Viewed

@@ -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 } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-directory-filled.entry.737d7428.js → swirl-icon-directory-filled.entry.7c9e6521.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as e, F as s } from "./index.bea7a45c.js";
+import { r, h as e, 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-directory.entry.b93d3d64.js → swirl-icon-directory.entry.a402492c.js} RENAMED Viewed

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

package/dist/{swirl-icon-discover.entry.7dd6bb25.js → swirl-icon-discover.entry.0dcab20f.js} RENAMED Viewed

@@ -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-dock-left.entry.ed8622a0.js → swirl-icon-dock-left.entry.d49a9a0a.js} RENAMED Viewed

@@ -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-door-open.entry.1009ea22.js → swirl-icon-door-open.entry.a3ef1d33.js} RENAMED Viewed

@@ -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 } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-dot.entry.3ae8b55a.js → swirl-icon-dot.entry.8e5907ee.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, h as s, F as i } from "./index.bea7a45c.js";
+import { r as c, h as s, 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-double-arrow-right.entry.e4335281.js → swirl-icon-double-arrow-right.entry.1a826156.js} RENAMED Viewed

@@ -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-download.entry.590d6b72.js → swirl-icon-download.entry.954d20b8.js} RENAMED Viewed

@@ -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-edit-note.entry.717e0faa.js → swirl-icon-edit-note.entry.2ac73530.js} RENAMED Viewed

@@ -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-edit.entry.b9b7a5db.js → swirl-icon-edit.entry.6f67bf4e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as s } from "./index.bea7a45c.js";
+import { r as o, h as e, 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-emoji-mood.entry.33a12ed8.js → swirl-icon-emoji-mood.entry.f8e3190c.js} RENAMED Viewed

@@ -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-emoji-satisfied.entry.c32d53ac.js → swirl-icon-emoji-satisfied.entry.9e003ad8.js} RENAMED Viewed

@@ -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-error_3.entry.719b6ad1.js → swirl-icon-error_3.entry.7ca90b16.js} RENAMED Viewed

@@ -1,8 +1,9 @@
-import { r as t, h as e, F as n, H as o } from "./index.bea7a45c.js";
+import { r as t, h as e, F as n, H as o } from "./index.67f1f4e7.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
-import { g as c } from "./utils-0cdf2a1e.c9917628.js";
+import { D as c } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
+import "./utils-28df99ee.9fb223f6.js";
 const l = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", d = l, h = class {
   constructor(i) {
     t(this, i), this.color = void 0, this.size = 24;
@@ -15,18 +16,18 @@ const l = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
   }
 };
 h.style = d;
-const f = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}", C = f, p = class {
+const C = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}", f = C, b = class {
   constructor(i) {
-    t(this, i), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (s) => {
-      this.forceIconProps(s.matches);
+    t(this, i), this.mediaQueryUnsubscribe = () => {
     }, this.message = void 0, this.size = "m";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe = c.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))
@@ -37,11 +38,11 @@ const f = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error
   }
   render() {
     const i = a("inline-error", `inline-error--size-${this.size}`);
-    return e(o, { key: "6303d15a3f9688dfb4cba1f2abeef8ebe84b8fc0" }, e("span", { key: "4c86820f5b1089c302197c7de6ccd0eb74d24dc5", class: i, part: "inline-error" }, e("span", { key: "8efe0709d23bff115d86a0e0f8adf8dbfe9ffe2f", class: "inline-error__icon", ref: (s) => this.iconEl = s }, e("swirl-icon-error", { key: "c4d463892cdaafaefe9b295404366b0291d753aa" })), e("span", { key: "590848cd8c87f995501e87f2147b0e746151b445", class: "inline-error__message" }, this.message)));
+    return e(o, { key: "78eb4e0317497e4eb8b474bf2fc5dfe73a184a8d" }, e("span", { key: "a60bd28648dac3243d1af914dbaa4c77fcac9829", class: i, part: "inline-error" }, e("span", { key: "67c27900c45afff291461ba8446e3d812f02c955", class: "inline-error__icon", ref: (s) => this.iconEl = s }, e("swirl-icon-error", { key: "a6dbd685b5dcc2ccd50fdbf1802898cb99eb4a2d" })), e("span", { key: "7454ee5da004959bcf52ce2ca168b7aa1e81370e", class: "inline-error__message" }, this.message)));
   }
 };
-p.style = C;
-const b = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", m = b, y = class {
+b.style = f;
+const p = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", m = p, w = class {
   constructor(i) {
     t(this, i), this.label = void 0, this.size = "m";
   }
@@ -50,9 +51,9 @@ const b = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{posi
     return e(o, { key: "043b9f9665c42e42444ddc1b2fc63e3f60c295f6" }, e("span", { key: "639d5e15536da233b9a11f53c88b72a15cf05c5d", class: i, role: Boolean(this.label) ? "status" : void 0 }, e("svg", { key: "b8018a3b497cb6e6616d413b757635c34f712e06", "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, e("circle", { key: "35f391a47b60611b283dc872cd00e5cc47130b98", class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), e("circle", { key: "4309b504f5aca7fd067941c87dbae20d1458af49", class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && e("swirl-visually-hidden", { key: "39f2f102572d3919691492e78a521d6748b30e4f" }, e("span", { key: "35d31c0abd48fbadbd328631ec7a28a29f48b5e5", class: "spinner__label" }, this.label))));
   }
 };
-y.style = m;
+w.style = m;
 export {
   h as swirl_icon_error,
-  p as swirl_inline_error,
-  y as swirl_spinner
+  b as swirl_inline_error,
+  w as swirl_spinner
 };

package/dist/{swirl-icon-expand-more.entry.eb727124.js → swirl-icon-expand-more.entry.485c907b.js} RENAMED Viewed

@@ -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-experiment.entry.5d611810.js → swirl-icon-experiment.entry.6bad7493.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as s } from "./index.bea7a45c.js";
+import { r as a, h as e, 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-file.entry.d6596d4f.js → swirl-icon-file.entry.a4ef1e9b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as s } from "./index.bea7a45c.js";
+import { r as a, h as e, 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-filter.entry.2181bf8f.js → swirl-icon-filter.entry.d290e4b7.js} RENAMED Viewed

@@ -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 a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-format-h-one.entry.5fab20c9.js → swirl-icon-format-h-one.entry.3d87228a.js} RENAMED Viewed

@@ -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 a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-format-list-bulleted.entry.19a8f668.js → swirl-icon-format-list-bulleted.entry.47c46937.js} RENAMED Viewed

@@ -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 a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-gif_4.entry.8290429e.js → swirl-icon-gif_4.entry.26bad460.js} RENAMED Viewed

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

package/dist/{swirl-icon-group-add.entry.7c0a542e.js → swirl-icon-group-add.entry.d0e2ebb4.js} RENAMED Viewed

@@ -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-group-assign.entry.9da943d6.js → swirl-icon-group-assign.entry.ef3c6a58.js} RENAMED Viewed

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

package/dist/{swirl-icon-groups-filled.entry.491bcce0.js → swirl-icon-groups-filled.entry.566e05b0.js} RENAMED Viewed

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

package/dist/{swirl-icon-groups.entry.c5d6f120.js → swirl-icon-groups.entry.cda87a6e.js} RENAMED Viewed

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

package/dist/{swirl-icon-hamburger-menu.entry.6e083074.js → swirl-icon-hamburger-menu.entry.8bee90a1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as e, F as s } from "./index.bea7a45c.js";
+import { r, h as e, 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-health-and-safety.entry.c7b8a79e.js → swirl-icon-health-and-safety.entry.caa3b7d8.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as s } from "./index.bea7a45c.js";
+import { r as a, 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-help.entry.ba28022e.js → swirl-icon-help.entry.806ce626.js} RENAMED Viewed

@@ -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-highlight.entry.f23560e6.js → swirl-icon-highlight.entry.176d0b5b.js} RENAMED Viewed

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

package/dist/{swirl-icon-history.entry.ecbb64c0.js → swirl-icon-history.entry.dbabc2ed.js} RENAMED Viewed

@@ -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-home.entry.da079345.js → swirl-icon-home.entry.6becc17c.js} RENAMED Viewed

@@ -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-hr-resting.entry.c6003e11.js → swirl-icon-hr-resting.entry.ac2a0eba.js} RENAMED Viewed

@@ -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 o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-improve-text.entry.2ba1dd7f.js → swirl-icon-improve-text.entry.ed59977b.js} RENAMED Viewed

@@ -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 a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-info.entry.0b5c57a2.js → swirl-icon-info.entry.e036ca3d.js} RENAMED Viewed

@@ -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";