@getflip/swirl-components-react 0.339.0 → 0.340.0

package/dist/{swirl-image-grid-item.entry.be4ed37b.js → swirl-image-grid-item.entry.bcb8f1e0.js}

@@ -1,12 +1,12 @@
-import { r as g, c as d, h as e, H as l, g as m } from "./index.65ee776f.js";
-import { c as h } from "./index-267776a4.6beb4f4b.js";
-import { d as b } from "./utils-28df99ee.9fb223f6.js";
+import { r as g, c as d, h as e, H as l, g as m } from "./index.89ae7741.js";
+import { c as h } from "./index-orsBiyT_.fc4357c3.js";
+import { d as b } from "./utils-D_MUFqkF.654ff3ce.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 {
+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 = class {
   constructor(i) {
-    g(this, i), this.gifStarted = d(this, "gifStarted", 7), this.gifStopped = d(this, "gifStopped", 7), this.imageError = d(this, "imageError", 7), this.imageLoad = d(this, "imageLoad", 7), this.handleIntersectionEntries = b((t) => {
-      const s = [...t].sort((o, a) => o.time - a.time);
+    g(this, i), this.gifStarted = d(this, "gifStarted", 7), this.gifStopped = d(this, "gifStopped", 7), this.imageError = d(this, "imageError", 7), this.imageLoad = d(this, "imageLoad", 7), this.gifPauseLabel = "Pause GIF playback", this.gifPlayLabel = "Continue GIF playback", this.error = !1, this.loaded = !1, this.inViewport = !1, this.gifPaused = !1, this.handleIntersectionEntries = b((t) => {
+      const s = [...t].sort((r, a) => r.time - a.time);
       this.inViewport = s.at(-1).isIntersecting, this.inViewport || (this.loaded = !1);
     }, 250), this.onLoad = () => {
       this.error = !1, this.loaded = !0, this.imageLoad.emit();
@@ -17,9 +17,9 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     }, this.handleControlClick = (t) => {
       t.stopImmediatePropagation(), this.gifPaused ? this.playGif() : this.pauseGif();
     }, this.onImageElementUpdate = (t) => {
-      var s, o;
-      (s = this.img) == null || s.removeEventListener("load", this.onLoad), (o = this.img) == null || o.removeEventListener("error", this.onError), this.img = t, this.img && (this.img.addEventListener("load", this.onLoad), this.img.addEventListener("error", this.onError));
-    }, this.alt = void 0, this.gifPauseLabel = "Pause GIF playback", this.gifPlayLabel = "Continue GIF playback", this.icon = void 0, this.interactive = void 0, this.loading = void 0, this.overlay = void 0, this.showGifControls = void 0, this.src = void 0, this.error = !1, this.loaded = !1, this.inViewport = !1, this.gifPaused = !1, this.computedSrc = void 0;
+      var s, r;
+      (s = this.img) == null || s.removeEventListener("load", this.onLoad), (r = this.img) == null || r.removeEventListener("error", this.onError), this.img = t, this.img && (this.img.addEventListener("load", this.onLoad), this.img.addEventListener("error", this.onError));
+    };
   }
   async play() {
     this.playGif();
@@ -56,21 +56,21 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
   }
   readImageFromCanvas(i) {
     return new Promise((t, s) => {
-      const o = new Image();
-      o.src = i, o.onload = (a) => {
-        const r = a.target, n = document.createElement("canvas"), c = n.getContext("2d");
-        n.width = r.width, n.height = r.height, c.drawImage(r, 0, 0, r.width, r.height), t(n.toDataURL("image/jpeg"));
-      }, o.onerror = () => s();
+      const r = new Image();
+      r.src = i, r.onload = (a) => {
+        const o = a.target, n = document.createElement("canvas"), c = n.getContext("2d");
+        n.width = o.width, n.height = o.height, c.drawImage(o, 0, 0, o.width, o.height), t(n.toDataURL("image/jpeg"));
+      }, r.onerror = () => s();
     });
   }
   render() {
-    var a, r;
-    const i = this.interactive ? "button" : "div", t = this.gifPaused || this.loading !== "intersecting" || this.inViewport, s = (r = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? r : 1, o = h("image-grid-item", {
+    var a, o;
+    const i = this.interactive ? "button" : "div", t = this.gifPaused || this.loading !== "intersecting" || this.inViewport, s = (o = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? o : 1, r = h("image-grid-item", {
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay,
       "image-grid-item--loaded": this.loaded
     });
-    return e(l, { key: "d8861b15b548ef4d79d7aef3096f34d6b70291b2", "data-sibling-count": s, role: "listitem" }, e(i, { key: "2829b230e14df3a0247d319c805c7c39d5ebcb4d", class: o, type: this.interactive ? "button" : void 0 }, e("div", { key: "9a8a19b4d735519b7cd2d7362fa499eef2600af2", class: "image-grid-item__background", style: {
+    return e(l, { key: "d8861b15b548ef4d79d7aef3096f34d6b70291b2", "data-sibling-count": s, role: "listitem" }, e(i, { key: "2829b230e14df3a0247d319c805c7c39d5ebcb4d", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "9a8a19b4d735519b7cd2d7362fa499eef2600af2", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.computedSrc})` : void 0
     } }), t ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }, e("swirl-visually-hidden", null, this.alt)), this.showGifControls && e("swirl-stack", { key: "790303134c3a79361d3dddb2e68da585707213bb", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "fdccbf0ebd88ef2fb99dc4b4d75b7e89de065be4", 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: "bd08dc8b6d7cdffb677ddc767e9492052b03b5b9", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "b40f3cd1bc315bff59ec4dcdeb76c6685af02adc", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "c6ecc4cd4d36f37dc4e0e44cd3d81a9c21afd3e1", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "e3c7c795cc73b3e94960b706d8c0c035143e9d6f", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("swirl-skeleton-box", { key: "f470cc26abb401cd0ac277cddb2bd2e4960d78fa", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && e("div", { key: "1f07c351cd1302937672ed9fca043b945e649d1f", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "bf8497f3c4733578b02f7b70be14ffd597b4882c", color: "critical" }))));
   }
@@ -83,7 +83,7 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     };
   }
 };
-p.style = f;
+f.style = u;
 export {
-  p as swirl_image_grid_item
+  f as swirl_image_grid_item
 };

package/dist/{swirl-image-grid.entry.06f2fc00.js → swirl-image-grid.entry.19b1d105.js}

@@ -1,18 +1,18 @@
-import { r as a, h as t, H as r, g as d } from "./index.65ee776f.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as t, H as r, g as c } from "./index.89ae7741.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const o = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(
       100% / 3 - var(--s-space-2) / 2
-    );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}`, l = o, m = [
+    );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}`, l = [
   "xs",
   "sm",
   "base",
   "l",
   "xl"
-], n = class {
+], m = class {
   constructor(e) {
-    a(this, e), this.updateItems = () => {
+    i(this, e), this.borderRadius = "sm", this.items = [], this.updateItems = () => {
       this.items = Array.from(this.el.children), this.items.forEach((s) => {
         s.overlay = void 0;
       }), this.items.length > 4 && (this.items[3].overlay = `+${this.items.length - 3}`);
@@ -31,23 +31,23 @@ const o = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display
         default:
           return "1";
       }
-    }, this.aspectRatio = void 0, this.borderRadius = "sm", this.label = void 0, this.items = [];
+    };
   }
   componentWillLoad() {
     this.updateItems();
   }
   render() {
-    const e = c("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), i = {
+    const e = d("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), a = {
       aspectRatio: this.caculateAspectRatio(),
-      borderRadius: m.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
+      borderRadius: l.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
     };
-    return t(r, { key: "f4db54d1c6a50d291a7bd82ae48dd696afa0aac5" }, t("div", { key: "62abb8641c8bedd11f6971a11eff686ac01e62b7", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "831a64c921253af209bd4bff468b1ec10b6103ea", onSlotchange: this.updateItems })));
+    return t(r, { key: "f4db54d1c6a50d291a7bd82ae48dd696afa0aac5" }, t("div", { key: "62abb8641c8bedd11f6971a11eff686ac01e62b7", "aria-label": this.label, class: e, role: "list", style: a }, t("slot", { key: "831a64c921253af209bd4bff468b1ec10b6103ea", onSlotchange: this.updateItems })));
   }
   get el() {
-    return d(this);
+    return c(this);
   }
 };
-n.style = l;
+m.style = o;
 export {
-  n as swirl_image_grid
+  m as swirl_image_grid
 };

package/dist/{swirl-inline-notification.entry.57fbe6ee.js → swirl-inline-notification.entry.73e40b38.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.65ee776f.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as e, h as i, H as t } from "./index.89ae7741.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = o, a = class {
+const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = class {
   constructor(n) {
-    e(this, n), this.heading = void 0, this.hideHeading = void 0, this.importance = "status", this.intent = "info";
+    e(this, n), this.importance = "status", this.intent = "info";
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
     return i(t, { key: "1bf717f38fdcb80dfe9674b4c6aa94b6d1f7e427" }, i("div", { key: "639a81b3b6ebb09836c939d5251e02dd5b537462", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "f203a67e45a2beacc7dab3f784fd6975c3d85668", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "d50cdc5348f37306b88d3cb271854555b3b1abd6", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "0bff4601d27ff2643c9ad7230dce973f56372411", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "c7e2fbe346f47b12beca945f9bc55c4b26993483", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "47ff76eff0f1270e744313cc2638003d19abea80", size: 20 })), i("span", { key: "e82144ed17de9b99112e486e6fd819633e3eeeab", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "030ceadce0290772f3df3fcebb2d62ab0c4c128d" }, this.heading) || i("swirl-text", { key: "8e8f78cb229c801b074dd949ec2c9943c2a74d81", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "c2a4bd5f98c15e76f435d976335d3e2fe9f7bd9d" }))));
   }
 };
-a.style = s;
+s.style = o;
 export {
-  a as swirl_inline_notification
+  s as swirl_inline_notification
 };

package/dist/{swirl-inline-status.entry.eb3130f2.js → swirl-inline-status.entry.f6c862be.js}

@@ -1,13 +1,13 @@
-import { r as e, h as n, H as a } from "./index.65ee776f.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import { D as r } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as e, h as s, H as a } from "./index.89ae7741.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { D as r } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-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 {
+import "./utils-D_MUFqkF.654ff3ce.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 = 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;
+    e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
+    };
   }
   componentDidLoad() {
     this.mediaQueryUnsubscribe = r.subscribe((i) => {
@@ -23,15 +23,15 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
     const t = this.iconEl.children[0];
     if (!Boolean(t))
       return;
-    let s = "24";
-    this.size === "s" ? s = "16" : i && (s = "20"), t.setAttribute("size", s);
+    let n = "24";
+    this.size === "s" ? n = "16" : i && (n = "20"), t.setAttribute("size", n);
   }
   render() {
     const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return n(a, { key: "22bf2c275deaed66c42187d05bc675408c87483b" }, n("span", { key: "cf9ed614ff72659b6633d89207606229cd757a85", class: i, part: "inline-status" }, this.icon && n("span", { key: "242190520d73e5df43ec40e6f70e572c5f2f9dbf", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), n("span", { key: "3c00622a36c79271b35cdd29c2481ea51b7b8e15", class: "inline-status__message" }, this.message)));
+    return s(a, { key: "22bf2c275deaed66c42187d05bc675408c87483b" }, s("span", { key: "cf9ed614ff72659b6633d89207606229cd757a85", class: i, part: "inline-status" }, this.icon && s("span", { key: "242190520d73e5df43ec40e6f70e572c5f2f9dbf", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "3c00622a36c79271b35cdd29c2481ea51b7b8e15", class: "inline-status__message" }, this.message)));
   }
 };
-d.style = l;
+l.style = c;
 export {
-  d as swirl_inline_status
+  l as swirl_inline_status
 };

package/dist/{swirl-lightbox.entry.8ce6a269.js → swirl-lightbox.entry.1fbe9b02.js}

@@ -1,13 +1,13 @@
-import { r as b, c, h as i, H as u, g } from "./index.65ee776f.js";
-import { d as f, 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-28df99ee.9fb223f6.js";
+import { r as b, c, h as i, H as u, g } from "./index.89ae7741.js";
+import { d as f, e as m } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { c as x } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
+import { q as v } from "./utils-D_MUFqkF.654ff3ce.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 {
+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}}', _ = class {
   constructor(e) {
-    b(this, e), this.activeSlideChange = c(this, "activeSlideChange", 7), this.lightboxClose = c(this, "lightboxClose", 7), this.dragging = !1, this.onCloseButtonClick = () => {
+    b(this, e), this.activeSlideChange = c(this, "activeSlideChange", 7), this.lightboxClose = c(this, "lightboxClose", 7), this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.isOpen = !1, this.dragging = !1, this.onCloseButtonClick = () => {
       this.close();
     }, this.onDownloadButtonClick = () => {
       var t;
@@ -49,7 +49,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       t.target === this.slidesContainer && this.close();
     }, this.onContextMenu = (t) => {
       this.downloadButtonEnabled || t.preventDefault();
-    }, this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.hideMenu = void 0, this.label = void 0, this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.isOpen = !1, this.slides = void 0;
+    };
   }
   componentWillLoad() {
     this.registerSlides();
@@ -173,7 +173,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     };
   }
 };
-_.style = S;
+_.style = y;
 export {
   _ as swirl_lightbox
 };

package/dist/{swirl-link.entry.474a2cb0.js → swirl-link.entry.9578626e.js}

@@ -1,17 +1,17 @@
-import { r, h as i, H as t } from "./index.65ee776f.js";
-import { c as s } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as r, H as t } from "./index.89ae7741.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const n = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", a = n, o = class {
+const o = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", a = class {
   constructor(e) {
-    r(this, e), this.color = "default", this.href = void 0, this.label = void 0, this.target = void 0;
+    i(this, e), this.color = "default";
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return i(t, { key: "8967699e1ee450cca8c81810e13d9e121efe5645" }, i("a", { key: "af6f382f6549157acd996d45457b475802346d0b", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return r(t, { key: "8967699e1ee450cca8c81810e13d9e121efe5645" }, r("a", { key: "af6f382f6549157acd996d45457b475802346d0b", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
-o.style = a;
+a.style = o;
 export {
-  o as swirl_link
+  a as swirl_link
 };

package/dist/{swirl-list.entry.8814ab9b.js → swirl-list.entry.65d7be4c.js}

@@ -1,7 +1,7 @@
-import { r as l, h as e, H as r } from "./index.65ee776f.js";
+import { r as l, h as e, H as r } from "./index.89ae7741.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 {
+const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {
   constructor(i) {
     l(this, i);
   }
@@ -12,7 +12,7 @@ const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-he
     return e(r, { key: "5b1d3e9cb9cdbc98dac11d41c67b1b1b51622fc3" }, e("div", { key: "f1490f8d2b6eb6928d06abfaa7164de01eac96a2", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "a75a41aacb1bc175d877cf3f943ad1889931cc9c" })));
   }
 };
-o.style = n;
+n.style = s;
 export {
-  o as swirl_list
+  n as swirl_list
 };

package/dist/{swirl-menu-item.entry.d75a69e2.js → swirl-menu-item.entry.35288bcc.js}

@@ -1,11 +1,11 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.65ee776f.js";
-import { c as u } from "./index-267776a4.6beb4f4b.js";
-import { l as c, p } from "./utils-28df99ee.9fb223f6.js";
+import { r, f as l, h as i, H as h, g as u } from "./index.89ae7741.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { l as d, p } from "./utils-D_MUFqkF.654ff3ce.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 {
+const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", b = class {
   constructor(e) {
-    r(this, e), this.onSlotChange = () => {
+    r(this, e), this.intent = "default", this.hasAvatar = !1, this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
     }, this.onActionListItemClick = () => {
       this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
@@ -25,10 +25,10 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
           return;
         t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
-    }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.hasAvatar = !1, this.parentMenu = void 0, this.subMenu = void 0;
+    };
   }
   componentWillLoad() {
-    this.parentMenu = c(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
+    this.parentMenu = d(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
   }
   watchExpanded() {
     this.updateActionListItemProps();
@@ -37,7 +37,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     return this.subMenu;
   }
   async updateValue() {
-    d(this);
+    l(this);
   }
   async getParentMenu() {
     return this.parentMenu;
@@ -64,13 +64,13 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   }
   render() {
     var t;
-    const e = u("menu-item", {
+    const e = c("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(l, { key: "9584ff13ba291007f473d52b2554507e7d5e7a2c" }, i("div", { key: "3ce1e14dd8bb846b4cb7250b205b16d4ce1da32d", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "56205fcbad57558c83749b9062ab0c51a9ffd9c6", onSlotchange: this.onSlotChange })));
+    return i(h, { key: "9584ff13ba291007f473d52b2554507e7d5e7a2c" }, i("div", { key: "3ce1e14dd8bb846b4cb7250b205b16d4ce1da32d", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "56205fcbad57558c83749b9062ab0c51a9ffd9c6", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return h(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -78,7 +78,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
 };
-b.style = f;
+b.style = m;
 export {
   b as swirl_menu_item
 };

package/dist/{swirl-menu.entry.cc772de4.js → swirl-menu.entry.06f7757c.js}

@@ -1,12 +1,12 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.65ee776f.js";
-import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
-import { c as M } from "./index-267776a4.6beb4f4b.js";
-import { q as a, l, p as h, i as I, k as x } from "./utils-28df99ee.9fb223f6.js";
+import { r as d, c, h as o, H as b, g as v } from "./index.89ae7741.js";
+import { P as p, N as f, D as w, k as g, b as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { c as M } from "./index-orsBiyT_.fc4357c3.js";
+import { q as a, l, p as h, i as I, k as x } from "./utils-D_MUFqkF.654ff3ce.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 {
+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 = class {
   constructor(e) {
-    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
+    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.active = !0, this.level = 0, this.mobileBackButtonLabel = "Back", this.mobileCloseMenuButtonLabel = "Close menu", this.mobileDoneButtonLabel = "Done", this.variant = "action", this.activeLevel = 0, this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
       this.updateMobileState();
     }, this.resetMenu = () => {
       this.items.forEach((t) => {
@@ -25,7 +25,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       }
       const t = this.el.parentElement;
       !Boolean(t) || !Boolean(this.menuContainer) || requestAnimationFrame(async () => {
-        this.position = await v(t, this.menuContainer, {
+        this.position = await p(t, this.menuContainer, {
           placement: "right-start",
           strategy: "fixed",
           middleware: [w({ mainAxis: -10, crossAxis: 0 }), g(), y()]
@@ -51,7 +51,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       this.closeMenu(), this.done.emit();
     }, this.onGoBack = () => {
       this.rootMenu.goBack();
-    }, this.active = !0, this.label = void 0, this.level = 0, this.mobileBackButtonLabel = "Back", this.mobileCloseMenuButtonLabel = "Close menu", this.mobileDoneButtonLabel = "Done", this.value = void 0, this.variant = "action", this.activeLevel = 0, this.mobile = void 0, this.position = void 0;
+    };
   }
   componentWillLoad() {
     this.updateMobileState(), this.updateLevel(), this.observeSlotChanges();
@@ -162,7 +162,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     } : void 0 }, o("slot", { key: "b5fe00c7591b29cb9b35ed3ec9e0e6588afa972d" }))));
   }
   get el() {
-    return p(this);
+    return v(this);
   }
   static get watchers() {
     return {
@@ -171,7 +171,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     };
   }
 };
-L.style = k;
+k.style = _;
 export {
-  L as swirl_menu
+  k as swirl_menu
 };