npm - @getflip/swirl-components-react - Versions diffs - 0.252.0 → 0.252.1 - Mend

@getflip/swirl-components-react 0.252.0 → 0.252.1

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 (322) hide show

package/dist/{swirl-icon-tasks-filled.entry.c0f8aa6f.js → swirl-icon-tasks-filled.entry.08e03c85.js} RENAMED Viewed

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

package/dist/{swirl-icon-tasks.entry.068c97ef.js → swirl-icon-tasks.entry.812b9bdb.js} RENAMED Viewed

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

package/dist/{swirl-icon-terminal.entry.f033e8d0.js → swirl-icon-terminal.entry.4f0a3fbb.js} RENAMED Viewed

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

package/dist/{swirl-icon-time-filled.entry.203f0a29.js → swirl-icon-time-filled.entry.736fcdc0.js} RENAMED Viewed

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

package/dist/{swirl-icon-time.entry.b08d8f05.js → swirl-icon-time.entry.b5cbe8f9.js} RENAMED Viewed

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

package/dist/{swirl-icon-today-filled.entry.2b90bd78.js → swirl-icon-today-filled.entry.58288ac0.js} RENAMED Viewed

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

package/dist/{swirl-icon-translate.entry.31b9fcee.js → swirl-icon-translate.entry.62d1476f.js} RENAMED Viewed

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

package/dist/{swirl-icon-tree-structure.entry.b1585411.js → swirl-icon-tree-structure.entry.4d8acf68.js} RENAMED Viewed

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

package/dist/{swirl-icon-undo.entry.5e4a49d2.js → swirl-icon-undo.entry.b7af09e5.js} RENAMED Viewed

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

package/dist/{swirl-icon-unlock-person.entry.6f5bf1d9.js → swirl-icon-unlock-person.entry.e2bb6ae4.js} RENAMED Viewed

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

package/dist/{swirl-icon-user-add.entry.3536fe08.js → swirl-icon-user-add.entry.90a78dfe.js} RENAMED Viewed

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

package/dist/{swirl-icon-user-assign.entry.831c7837.js → swirl-icon-user-assign.entry.56cc2bcc.js} RENAMED Viewed

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

package/dist/{swirl-icon-video-camera-off.entry.a5d72c4e.js → swirl-icon-video-camera-off.entry.575ce448.js} RENAMED Viewed

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

package/dist/{swirl-icon-video-camera.entry.80d29d60.js → swirl-icon-video-camera.entry.eec5a0fd.js} RENAMED Viewed

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

package/dist/{swirl-icon-video-library.entry.600dd175.js → swirl-icon-video-library.entry.a4d41788.js} RENAMED Viewed

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

package/dist/{swirl-icon-video-player.entry.f00c2cef.js → swirl-icon-video-player.entry.d46b4e03.js} RENAMED Viewed

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

package/dist/{swirl-icon-voice.entry.affce676.js → swirl-icon-voice.entry.45cd4b2f.js} RENAMED Viewed

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

package/dist/{swirl-icon-web-asset-off.entry.b1d93e7f.js → swirl-icon-web-asset-off.entry.64e81af9.js} RENAMED Viewed

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

package/dist/{swirl-icon-web-asset.entry.0fe7f2ce.js → swirl-icon-web-asset.entry.e63b4a76.js} RENAMED Viewed

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

package/dist/{swirl-icon-work.entry.dab05fb7.js → swirl-icon-work.entry.6ceeb608.js} RENAMED Viewed

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

package/dist/{swirl-icon.entry.b8c6cbf8.js → swirl-icon.entry.7feb8f98.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as e } from "./index.67b78cf9.js";
+import { r as t, h as s, H as e } from "./index.61ca2c93.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, c = class {

package/dist/{swirl-image-grid-item.entry.a262f108.js → swirl-image-grid-item.entry.9978942f.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as g, c as n, h as e, H as l, g as h } from "./index.67b78cf9.js";
+import { r as g, c as n, h as e, H as l, g as h } from "./index.61ca2c93.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -23,9 +23,12 @@ const b = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
   watchSrcProp() {
     this.computedSrc = this.src, this.gifPaused = !1;
   }
+  componentWillLoad() {
+    this.computedSrc = this.src;
+  }
   componentDidLoad() {
     var i;
-    this.setupIntersectionObserver(), this.computedSrc = this.src, (i = this.img) != null && i.complete && (this.loaded = !0);
+    this.setupIntersectionObserver(), (i = this.img) != null && i.complete && (this.loaded = !0);
   }
   componentDidRender() {
     var i;
@@ -49,22 +52,22 @@ const b = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
   }
   readImageFromCanvas(i) {
     return new Promise((t, d) => {
-      const o = new Image();
-      o.src = i, o.onload = (a) => {
-        const s = a.target, r = document.createElement("canvas"), c = r.getContext("2d");
-        r.width = s.width, r.height = s.height, c.drawImage(s, 0, 0, s.width, s.height), t(r.toDataURL("image/jpeg"));
-      }, o.onerror = () => d();
+      const r = new Image();
+      r.src = i, r.onload = (a) => {
+        const s = a.target, o = document.createElement("canvas"), c = o.getContext("2d");
+        o.width = s.width, o.height = s.height, c.drawImage(s, 0, 0, s.width, s.height), t(o.toDataURL("image/jpeg"));
+      }, r.onerror = () => d();
     });
   }
   render() {
     var a, s;
-    const i = this.interactive ? "button" : "div", t = this.gifPaused || !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), d = (s = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? s : 1, o = m("image-grid-item", {
+    const i = this.interactive ? "button" : "div", t = this.gifPaused || !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), d = (s = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? s : 1, r = m("image-grid-item", {
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay
     });
-    return e(l, { key: "75658ab5e5c9dfa05b47af29e6b173045a3046b0", "data-sibling-count": d, role: "listitem" }, e(i, { key: "730e1ae5791eea95fb9156b6c503ad8a86d0702e", class: o, type: this.interactive ? "button" : void 0 }, e("div", { key: "1af6c077e717b71b40e8f9a815a731218d0a37f4", class: "image-grid-item__background", style: {
+    return e(l, { key: "cdc714907ae1fc9c9624f56f41b9fcf0025eb285", "data-sibling-count": d, role: "listitem" }, e(i, { key: "5464cfb479a797e4dfa90c47079998948f2e3157", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "6f25439257b6df1507c7799c4a3b59b2c7a6e7d0", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.computedSrc})` : void 0
-    } }), this.loading !== "intersecting" || this.inViewport || this.gifPaused ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (r) => this.img = r, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.showGifControls && e("swirl-stack", { key: "0fd42074e485aa8c504060db5259891403e49665", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "66440c7eaea08167d32dceb3efe89bea404a94f7", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? e("swirl-icon-play-arrow", { size: 20 }) : e("swirl-icon-pause", { size: 20 })), e("div", { key: "7311b452251d0dbd0004b50855b51b8dd4a45a26", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "fda7c865e98ba6235035f21b63437bf2840c748a", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "ec261fd8161f6c4a0dbd1e4d453d53efa6078ffb", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "7ba82f4ae19a32b3645a9b78e896b77fe11d0fe7", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "5b10aa43ee80c16d2f49fc30d9a638700056bf6e", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "4e654ea8e949853cf0b2ab7c624a7d8335920117" })), this.loaded && this.error && e("div", { key: "2cebd11ed5552cd6c8e1637a3b0dc88858d8d01d", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "1ceb0a99118b6cc9ac2e693e09010ee5213db913", color: "critical" }))));
+    } }), this.loading !== "intersecting" || this.inViewport || this.gifPaused ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (o) => this.img = o, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.showGifControls && e("swirl-stack", { key: "fb75324360455d6cfe7e2284e7412377cc855427", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "c830ee3ce7ae6dec733814c87ead9e86e9f849bd", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? e("swirl-icon-play-arrow", { size: 20 }) : e("swirl-icon-pause", { size: 20 })), e("div", { key: "095c819753f83f4626adfedb8a0f684263b295bb", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "64bc862874b6823ceabaaf0aa23a5a2b0f3c5358", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "3c555ad4e984cc83e3d1b0c4a890357f2733dd79", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "6bbf9b518ef50a33b67a7bfcd6401a910343efbc", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "b9a362e3241d12569702f3a4a23ad982cd578343", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "8321dbb7ecc0f011267542aab3f4778c80ee1af0" })), this.loaded && this.error && e("div", { key: "5d4b51352870858fc00e89d59ea66ad3323568dd", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "caf660c996da50aea9089a4ed3d186598685d03b", color: "critical" }))));
   }
   get el() {
     return h(this);

package/dist/{swirl-image-grid.entry.bdb572cd.js → swirl-image-grid.entry.abc4ba8b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as a, g as r } from "./index.67b78cf9.js";
+import { r as s, h as e, H as a, g as r } from "./index.61ca2c93.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.67e97f34.js → swirl-inline-notification.entry.343fd4f6.js} RENAMED Viewed

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

package/dist/{swirl-inline-status.entry.db385399.js → swirl-inline-status.entry.0ff233ef.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as a } from "./index.67b78cf9.js";
+import { r as s, h as e, H as a } from "./index.61ca2c93.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-lightbox.entry.85f91a73.js → swirl-lightbox.entry.f1d0b209.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.67b78cf9.js";
+import { r as h, c as b, h as i, H as u, g as f } from "./index.61ca2c93.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";

package/dist/{swirl-link.entry.6cc3ff97.js → swirl-link.entry.502fdbc1.js} RENAMED Viewed

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

package/dist/{swirl-list.entry.07247e93.js → swirl-list.entry.37d86bd0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as r } from "./index.67b78cf9.js";
+import { r as l, h as e, H as r } from "./index.61ca2c93.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.503d0df0.js → swirl-menu-item.entry.acf8c916.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as i, H as u, g as d } from "./index.67b78cf9.js";
+import { r, h as i, H as u, g as d } from "./index.61ca2c93.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-menu.entry.a8da899b.js → swirl-menu.entry.867a633c.js} RENAMED Viewed

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

package/dist/{swirl-modal.entry.27d7262f.js → swirl-modal.entry.357e8060.js} RENAMED Viewed

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

package/dist/{swirl-option-list-section.entry.2009de36.js → swirl-option-list-section.entry.ba8c47a3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.67b78cf9.js";
+import { r as i, h as e, H as s } from "./index.61ca2c93.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", a = o, l = class {

package/dist/{swirl-option-list_2.entry.b43fa0ff.js → swirl-option-list_2.entry.8fac07d7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.67b78cf9.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.61ca2c93.js";
 import { c as n, q as l } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-pagination.entry.21e24220.js → swirl-pagination.entry.23373d60.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.67b78cf9.js";
+import { r as l, c as s, h as e, H as r } from "./index.61ca2c93.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as g } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.eb877c2d.js → swirl-pdf-reader.entry.f2baf198.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.67b78cf9.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.61ca2c93.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";

package/dist/{swirl-popover_2.entry.f4d8562c.js → swirl-popover_2.entry.255ce331.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.67b78cf9.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.61ca2c93.js";
 import { o as c, s as h, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-progress-indicator.entry.7f7e73d4.js → swirl-progress-indicator.entry.1c86f092.js} RENAMED Viewed

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

package/dist/{swirl-radio-group.entry.c329d161.js → swirl-radio-group.entry.f1a9b0ad.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.67b78cf9.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.61ca2c93.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.3f67f260.js → swirl-radio.entry.a087e713.js} RENAMED Viewed

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

package/dist/{swirl-resource-list-file-item.entry.a92a4370.js → swirl-resource-list-file-item.entry.822da0cf.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.67b78cf9.js";
+import { r as c, c as a, h as e, H as n } from "./index.61ca2c93.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-search.entry.7956f967.js → swirl-search.entry.98bd9979.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.67b78cf9.js";
+import { r as i, c as r, h as a, H as t } from "./index.61ca2c93.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-select.entry.ef9f4b04.js → swirl-select.entry.c70eb70d.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as e, H as p, g as u } from "./index.67b78cf9.js";
+import { r as d, c as n, h as e, H as p, g as u } from "./index.61ca2c93.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { q as f } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-shell-layout.entry.241bcd01.js → swirl-shell-layout.entry.50753542.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.67b78cf9.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.61ca2c93.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import { d as w, e as t } from "./utils-fbb8b494.acf1ae9e.js";

package/dist/{swirl-shell-navigation-item.entry.a3cd657e.js → swirl-shell-navigation-item.entry.5882a26c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as n, H as o, g as r } from "./index.67b78cf9.js";
+import { r as s, h as n, H as o, g as r } from "./index.61ca2c93.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -17,6 +17,10 @@ const h = `/**
 .shell-navigation-item {
   --swirl-app-icon-size: 1.5rem;
+  --swirl-shell-navigation-item-gradient: linear-gradient(
+    rgba(0, 0, 0, 0),
+    rgba(0, 0, 0, 0.8)
+  );
   position: relative;
   display: flex;
@@ -71,11 +75,9 @@ const h = `/**
 .shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {
       overflow: hidden;
-      border-width: var(--s-border-width-default);
-      border-style: solid;
-      border-color: var(--s-border-default);
       border-radius: var(--s-border-radius-sm);
       background-color: var(--s-background-default);
+      box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);
     }
 .shell-navigation-item.shell-navigation-item--tiled {
@@ -84,8 +86,9 @@ const h = `/**
     height: auto;
     padding: 0;
     align-items: start;
+    border-radius: var(--s-border-radius-base);
     flex-direction: column;
-    container-type: unset;
+    container-type: inline-size;
     gap: var(--s-space-8);
   }
@@ -99,8 +102,8 @@ const h = `/**
 .shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {
       position: absolute;
-      left: var(--s-space-12);
       top: var(--s-space-12);
+      left: var(--s-space-12);
     }
 .shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {
@@ -121,16 +124,13 @@ const h = `/**
     }
 .shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {
-          content: "";
           position: absolute;
-          width: 100%;
-          aspect-ratio: 1;
           display: inline-block;
+          width: 100%;
           border-radius: var(--s-border-radius-base);
-          background-image: linear-gradient(
-            rgba(0, 0, 0, 0),
-            rgba(0, 0, 0, 0.8)
-          );
+          background-image: var(--swirl-shell-navigation-item-gradient);
+          content: "";
+          aspect-ratio: 1;
         }
 .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {
@@ -143,12 +143,12 @@ const h = `/**
 .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {
       display: -webkit-box;
       overflow: hidden;
-      text-align: start;
+      color: var(--s-text-default);
       font-weight: var(--s-font-weight-semibold);
+      text-align: start;
       white-space: normal;
       text-overflow: unset;
       overflow-wrap: anywhere;
-      color: var(--s-text-default);
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
     }
@@ -242,6 +242,10 @@ const h = `/**
     padding: var(--s-space-2);
   }
+  .shell-navigation-item--gradient .shell-navigation-item__icon {
+    --swirl-shell-navigation-item-gradient: none;
+  }
   .shell-navigation-item__badge--dot {
     top: var(--s-space-8);
     right: var(--s-space-8);

package/dist/{swirl-skeleton-box.entry.c06ef4cb.js → swirl-skeleton-box.entry.b726ad4c.js} RENAMED Viewed

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

package/dist/{swirl-skeleton-text.entry.bc1e29a2.js → swirl-skeleton-text.entry.d4121950.js} RENAMED Viewed

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

package/dist/{swirl-stack.entry.ac667618.js → swirl-stack.entry.bbbad9a6.js} RENAMED Viewed

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

package/dist/{swirl-status-indicator.entry.d4fb5721.js → swirl-status-indicator.entry.da7b9117.js} RENAMED Viewed

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

package/dist/{swirl-switch.entry.5023720b.js → swirl-switch.entry.d63bb53a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as i, H as l, g as n } from "./index.67b78cf9.js";
+import { r as h, c as r, h as i, H as l, g as n } from "./index.61ca2c93.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.ece97694.js → swirl-symbol-account-circle.entry.5feb9628.js} RENAMED Viewed

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

package/dist/{swirl-symbol-alternate-email.entry.53018266.js → swirl-symbol-alternate-email.entry.7e99ba0a.js} RENAMED Viewed

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

package/dist/{swirl-symbol-android.entry.b04de28e.js → swirl-symbol-android.entry.ce128089.js} RENAMED Viewed

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

package/dist/{swirl-symbol-announcement.entry.38e45ae4.js → swirl-symbol-announcement.entry.9e8d617e.js} RENAMED Viewed

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

package/dist/{swirl-symbol-backup.entry.0d2a251d.js → swirl-symbol-backup.entry.f6c1f470.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.67b78cf9.js";
+import { r as t, h as e, F as C } from "./index.61ca2c93.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.e4be03c0.js → swirl-symbol-beach-access.entry.19b5564d.js} RENAMED Viewed

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

package/dist/{swirl-symbol-bookmark.entry.55ae2814.js → swirl-symbol-bookmark.entry.99a8bbcd.js} RENAMED Viewed

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

package/dist/{swirl-symbol-cloud.entry.28e3973e.js → swirl-symbol-cloud.entry.2cebe0fe.js} RENAMED Viewed

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

package/dist/{swirl-symbol-coronavirus.entry.563ccbbe.js → swirl-symbol-coronavirus.entry.215f94db.js} RENAMED Viewed

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

package/dist/{swirl-symbol-desktop-windows.entry.b174a083.js → swirl-symbol-desktop-windows.entry.bde9d759.js} RENAMED Viewed

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

package/dist/{swirl-symbol-directions-car-filled.entry.cd377f9c.js → swirl-symbol-directions-car-filled.entry.86c58820.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.67b78cf9.js";
+import { r as t, h as e, F as C } from "./index.61ca2c93.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.759cf193.js → swirl-symbol-edit-calendar.entry.ca44999d.js} RENAMED Viewed

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

package/dist/{swirl-symbol-email.entry.8217d3db.js → swirl-symbol-email.entry.83ae13a5.js} RENAMED Viewed

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

package/dist/{swirl-symbol-emoji-food-beverage.entry.d66dfb63.js → swirl-symbol-emoji-food-beverage.entry.1014dd0d.js} RENAMED Viewed

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