@getflip/swirl-components-react 0.310.0 → 0.312.0

package/dist/{swirl-icon-web-asset-off.entry.28f494c9.js → swirl-icon-web-asset-off.entry.394704b6.js}

@@ -1,8 +1,8 @@
-import { r as a, h as C, F as e } from "./index.2c03ae1d.js";
+import { r as a, h as C, F as e } from "./index.52720c4c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = c, n = class {
+const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = c, d = class {
   constructor(s) {
     a(this, s), this.color = void 0, this.size = 24;
   }
@@ -10,10 +10,10 @@ const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const s = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, t = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return C("svg", { key: "13f82a0487a2850472c07153bb6fa8079d27a9bb", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(e, { key: "842bd499ff7bb266ba89168fe3a1fc582ddaa947" }, C("path", { key: "52385fd5421c70c1ffd8408fdda1a6bb69d79aaa", d: "M2.66668 13.3332C2.30001 13.3332 1.98612 13.2027 1.72501 12.9416C1.4639 12.6805 1.33335 12.3666 1.33335 11.9999V3.9999C1.33335 3.63324 1.4639 3.31935 1.72501 3.05824C1.98612 2.79712 2.30001 2.66657 2.66668 2.66657V4.56657L0.900012 2.7999C0.766679 2.66657 0.700012 2.50824 0.700012 2.3249C0.700012 2.14157 0.766679 1.98324 0.900012 1.8499C1.03335 1.71657 1.19168 1.6499 1.37501 1.6499C1.55835 1.6499 1.71668 1.71657 1.85001 1.8499L14.1167 14.1166C14.25 14.2499 14.3167 14.4055 14.3167 14.5832C14.3167 14.761 14.25 14.9166 14.1167 15.0499C13.9833 15.1832 13.825 15.2499 13.6417 15.2499C13.4583 15.2499 13.3 15.1832 13.1667 15.0499L11.4333 13.3332H2.66668ZM2.66668 11.9999H10.1L3.43335 5.33324H2.66668V11.9999ZM14.6667 3.9999V11.3332C14.6667 11.5555 14.5972 11.7221 14.4583 11.8332C14.3195 11.9443 14.1667 11.9999 14 11.9999C13.8333 11.9999 13.6806 11.9416 13.5417 11.8249C13.4028 11.7082 13.3333 11.5388 13.3333 11.3166V5.33324H7.78335C7.60557 5.33324 7.43612 5.2999 7.27501 5.23324C7.1139 5.16657 6.97223 5.07212 6.85001 4.9499L5.70001 3.7999C5.60001 3.68879 5.5389 3.57212 5.51668 3.4499C5.49446 3.32768 5.51112 3.20546 5.56668 3.08324C5.62223 2.96101 5.70001 2.86101 5.80001 2.78324C5.90001 2.70546 6.02779 2.66657 6.18335 2.66657H13.3333C13.7 2.66657 14.0139 2.79712 14.275 3.05824C14.5361 3.31935 14.6667 3.63324 14.6667 3.9999Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(e, { key: "8cb7f0730055197be664ce404c75394e43275356" }, C("path", { key: "98413975abef0516a5023b22847f9e7c835d3a4c", d: "M3.99999 20.0001C3.44999 20.0001 2.97915 19.8043 2.58749 19.4126C2.19582 19.0209 1.99999 18.5501 1.99999 18.0001V6.0001C1.99999 5.4501 2.19582 4.97926 2.58749 4.5876C2.97915 4.19593 3.44999 4.0001 3.99999 4.0001V6.8501L1.34999 4.2001C1.14999 4.0001 1.04999 3.7626 1.04999 3.4876C1.04999 3.2126 1.14999 2.9751 1.34999 2.7751C1.54999 2.5751 1.78749 2.4751 2.06249 2.4751C2.33749 2.4751 2.57499 2.5751 2.77499 2.7751L21.175 21.1751C21.375 21.3751 21.475 21.6084 21.475 21.8751C21.475 22.1418 21.375 22.3751 21.175 22.5751C20.975 22.7751 20.7375 22.8751 20.4625 22.8751C20.1875 22.8751 19.95 22.7751 19.75 22.5751L17.15 20.0001H3.99999ZM3.99999 18.0001H15.15L5.14999 8.0001H3.99999V18.0001ZM22 6.0001V17.0001C22 17.3334 21.8958 17.5834 21.6875 17.7501C21.4792 17.9168 21.25 18.0001 21 18.0001C20.75 18.0001 20.5208 17.9126 20.3125 17.7376C20.1042 17.5626 20 17.3084 20 16.9751V8.0001H11.675C11.4083 8.0001 11.1542 7.9501 10.9125 7.8501C10.6708 7.7501 10.4583 7.60843 10.275 7.4251L8.54999 5.7001C8.39999 5.53343 8.30832 5.35843 8.27499 5.1751C8.24165 4.99176 8.26665 4.80843 8.34999 4.6251C8.43332 4.44176 8.54999 4.29176 8.69999 4.1751C8.84999 4.05843 9.04165 4.0001 9.27499 4.0001H20C20.55 4.0001 21.0208 4.19593 21.4125 4.5876C21.8042 4.97926 22 5.4501 22 6.0001Z", fill: "currentColor" })), this.size === 28 && C(e, { key: "a32f20b991f9e6fdd1b9df25dd0f2a100700b0e6" }, C("path", { key: "7daaceaa0850b4a3aba8939f025f1b8256c5c5eb", d: "M4.66664 23.3335C4.02498 23.3335 3.47567 23.1051 3.01873 22.6481C2.56178 22.1912 2.33331 21.6419 2.33331 21.0002V7.0002C2.33331 6.35853 2.56178 5.80922 3.01873 5.35228C3.47567 4.89533 4.02498 4.66686 4.66664 4.66686V7.99186L1.57498 4.9002C1.34164 4.66686 1.22498 4.38978 1.22498 4.06895C1.22498 3.74811 1.34164 3.47103 1.57498 3.2377C1.80831 3.00436 2.08539 2.8877 2.40623 2.8877C2.72706 2.8877 3.00414 3.00436 3.23748 3.2377L24.7041 24.7044C24.9375 24.9377 25.0541 25.2099 25.0541 25.521C25.0541 25.8321 24.9375 26.1044 24.7041 26.3377C24.4708 26.571 24.1937 26.6877 23.8729 26.6877C23.5521 26.6877 23.275 26.571 23.0416 26.3377L20.0083 23.3335H4.66664ZM4.66664 21.0002H17.675L6.00831 9.33353H4.66664V21.0002ZM25.6666 7.0002V19.8335C25.6666 20.2224 25.5451 20.5141 25.3021 20.7085C25.059 20.903 24.7916 21.0002 24.5 21.0002C24.2083 21.0002 23.9409 20.8981 23.6979 20.6939C23.4548 20.4898 23.3333 20.1933 23.3333 19.8044V9.33353H13.6208C13.3097 9.33353 13.0132 9.2752 12.7312 9.15853C12.4493 9.04186 12.2014 8.87658 11.9875 8.66269L9.97498 6.6502C9.79998 6.45575 9.69303 6.25158 9.65414 6.0377C9.61525 5.82381 9.64442 5.60992 9.74164 5.39603C9.83887 5.18214 9.97498 5.00714 10.15 4.87103C10.325 4.73492 10.5486 4.66686 10.8208 4.66686H23.3333C23.975 4.66686 24.5243 4.89533 24.9812 5.35228C25.4382 5.80922 25.6666 6.35853 25.6666 7.0002Z", fill: "currentColor" })));
+    return C("svg", { key: "92dd37735b7d0156f99e32dd686e7643a4ba474f", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(e, { key: "52f0cb1f2a73c4cf96d2da484fa9789be8c8368c" }, C("path", { key: "de57535d7cba8029d2b7766bc44dbfb96a21b1a1", d: "M2.66668 13.3332C2.30001 13.3332 1.98612 13.2027 1.72501 12.9416C1.4639 12.6805 1.33335 12.3666 1.33335 11.9999V3.9999C1.33335 3.63324 1.4639 3.31935 1.72501 3.05824C1.98612 2.79712 2.30001 2.66657 2.66668 2.66657V4.56657L0.900012 2.7999C0.766679 2.66657 0.700012 2.50824 0.700012 2.3249C0.700012 2.14157 0.766679 1.98324 0.900012 1.8499C1.03335 1.71657 1.19168 1.6499 1.37501 1.6499C1.55835 1.6499 1.71668 1.71657 1.85001 1.8499L14.1167 14.1166C14.25 14.2499 14.3167 14.4055 14.3167 14.5832C14.3167 14.761 14.25 14.9166 14.1167 15.0499C13.9833 15.1832 13.825 15.2499 13.6417 15.2499C13.4583 15.2499 13.3 15.1832 13.1667 15.0499L11.4333 13.3332H2.66668ZM2.66668 11.9999H10.1L3.43335 5.33324H2.66668V11.9999ZM14.6667 3.9999V11.3332C14.6667 11.5555 14.5972 11.7221 14.4583 11.8332C14.3195 11.9443 14.1667 11.9999 14 11.9999C13.8333 11.9999 13.6806 11.9416 13.5417 11.8249C13.4028 11.7082 13.3333 11.5388 13.3333 11.3166V5.33324H7.78335C7.60557 5.33324 7.43612 5.2999 7.27501 5.23324C7.1139 5.16657 6.97223 5.07212 6.85001 4.9499L5.70001 3.7999C5.60001 3.68879 5.5389 3.57212 5.51668 3.4499C5.49446 3.32768 5.51112 3.20546 5.56668 3.08324C5.62223 2.96101 5.70001 2.86101 5.80001 2.78324C5.90001 2.70546 6.02779 2.66657 6.18335 2.66657H13.3333C13.7 2.66657 14.0139 2.79712 14.275 3.05824C14.5361 3.31935 14.6667 3.63324 14.6667 3.9999Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(e, { key: "cfaef6081ce013e19895e50a9973d42a175bdd3a" }, C("path", { key: "7b4f79abdfe05158bb90f17d406a58a97fdb0f3c", d: "M3.99999 20.0001C3.44999 20.0001 2.97915 19.8043 2.58749 19.4126C2.19582 19.0209 1.99999 18.5501 1.99999 18.0001V6.0001C1.99999 5.4501 2.19582 4.97926 2.58749 4.5876C2.97915 4.19593 3.44999 4.0001 3.99999 4.0001V6.8501L1.34999 4.2001C1.14999 4.0001 1.04999 3.7626 1.04999 3.4876C1.04999 3.2126 1.14999 2.9751 1.34999 2.7751C1.54999 2.5751 1.78749 2.4751 2.06249 2.4751C2.33749 2.4751 2.57499 2.5751 2.77499 2.7751L21.175 21.1751C21.375 21.3751 21.475 21.6084 21.475 21.8751C21.475 22.1418 21.375 22.3751 21.175 22.5751C20.975 22.7751 20.7375 22.8751 20.4625 22.8751C20.1875 22.8751 19.95 22.7751 19.75 22.5751L17.15 20.0001H3.99999ZM3.99999 18.0001H15.15L5.14999 8.0001H3.99999V18.0001ZM22 6.0001V17.0001C22 17.3334 21.8958 17.5834 21.6875 17.7501C21.4792 17.9168 21.25 18.0001 21 18.0001C20.75 18.0001 20.5208 17.9126 20.3125 17.7376C20.1042 17.5626 20 17.3084 20 16.9751V8.0001H11.675C11.4083 8.0001 11.1542 7.9501 10.9125 7.8501C10.6708 7.7501 10.4583 7.60843 10.275 7.4251L8.54999 5.7001C8.39999 5.53343 8.30832 5.35843 8.27499 5.1751C8.24165 4.99176 8.26665 4.80843 8.34999 4.6251C8.43332 4.44176 8.54999 4.29176 8.69999 4.1751C8.84999 4.05843 9.04165 4.0001 9.27499 4.0001H20C20.55 4.0001 21.0208 4.19593 21.4125 4.5876C21.8042 4.97926 22 5.4501 22 6.0001Z", fill: "currentColor" })), this.size === 28 && C(e, { key: "f037100a857ada411690850b0ad87d284a07611d" }, C("path", { key: "090cec26c91d45fc72f0f0eb524b63b1b446834f", d: "M4.66664 23.3335C4.02498 23.3335 3.47567 23.1051 3.01873 22.6481C2.56178 22.1912 2.33331 21.6419 2.33331 21.0002V7.0002C2.33331 6.35853 2.56178 5.80922 3.01873 5.35228C3.47567 4.89533 4.02498 4.66686 4.66664 4.66686V7.99186L1.57498 4.9002C1.34164 4.66686 1.22498 4.38978 1.22498 4.06895C1.22498 3.74811 1.34164 3.47103 1.57498 3.2377C1.80831 3.00436 2.08539 2.8877 2.40623 2.8877C2.72706 2.8877 3.00414 3.00436 3.23748 3.2377L24.7041 24.7044C24.9375 24.9377 25.0541 25.2099 25.0541 25.521C25.0541 25.8321 24.9375 26.1044 24.7041 26.3377C24.4708 26.571 24.1937 26.6877 23.8729 26.6877C23.5521 26.6877 23.275 26.571 23.0416 26.3377L20.0083 23.3335H4.66664ZM4.66664 21.0002H17.675L6.00831 9.33353H4.66664V21.0002ZM25.6666 7.0002V19.8335C25.6666 20.2224 25.5451 20.5141 25.3021 20.7085C25.059 20.903 24.7916 21.0002 24.5 21.0002C24.2083 21.0002 23.9409 20.8981 23.6979 20.6939C23.4548 20.4898 23.3333 20.1933 23.3333 19.8044V9.33353H13.6208C13.3097 9.33353 13.0132 9.2752 12.7312 9.15853C12.4493 9.04186 12.2014 8.87658 11.9875 8.66269L9.97498 6.6502C9.79998 6.45575 9.69303 6.25158 9.65414 6.0377C9.61525 5.82381 9.64442 5.60992 9.74164 5.39603C9.83887 5.18214 9.97498 5.00714 10.15 4.87103C10.325 4.73492 10.5486 4.66686 10.8208 4.66686H23.3333C23.975 4.66686 24.5243 4.89533 24.9812 5.35228C25.4382 5.80922 25.6666 6.35853 25.6666 7.0002Z", fill: "currentColor" })));
   }
 };
-n.style = r;
+d.style = r;
 export {
-  n as swirl_icon_web_asset_off
+  d as swirl_icon_web_asset_off
 };

package/dist/{swirl-icon-web-asset.entry.e431b8b2.js → swirl-icon-web-asset.entry.fb034450.js}

@@ -1,16 +1,16 @@
-import { r as o, h as e, F as i } from "./index.2c03ae1d.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r as o, h as e, F as i } from "./index.52720c4c.js";
+import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = a, l = class {
+const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = r, l = class {
   constructor(s) {
     o(this, s), this.color = void 0, this.size = 24;
   }
   render() {
-    const s = this.size === 20 ? 24 : this.size, c = {
+    const s = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "aacc2e3dc496776bfc61e66ac297677a8cc300fb", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: c, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "fc29e3285c900601badd509c831d90bdb3b25357" }, e("path", { key: "886ec32ff8c029b18cb61f995568840d80f1c3c9", d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "c92746ba06ad19756eb14450fde921948cb8eaf2" }, e("path", { key: "549785772970bc646eb7e8410eff8d40192b55c3", d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "f4492f1fe271da031db842e009cfecbdfc879056" }, e("path", { key: "c202be6f1b74b62e38900fcc46fe85d3e3a76f14", d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })));
+    }, c = a("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "e349c0da65411003c5f7069c2d6b18c843b209a9", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "f95338d8c79663f076df5248cb34c3ea3298e0eb" }, e("path", { key: "e733431239f71fc9dc95d400bf94f309f89c60c1", d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "ef0e443a05d839705c71017bff7045b895edec3e" }, e("path", { key: "b23bac10310286ae9f4ab2781e7c38e9ea531a1f", d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "b9dff01ef9a306a17c652df034bcae44d96a352a" }, e("path", { key: "dc68d33f6a0489109d115a3b55da8bc976e7ea46", d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })));
   }
 };
 l.style = n;

package/dist/{swirl-icon-work.entry.d94ac17c.js → swirl-icon-work.entry.1896c605.js}

@@ -1,19 +1,19 @@
-import { r as o, h as e, F as i } from "./index.2c03ae1d.js";
+import { r as o, h as e, F as i } from "./index.52720c4c.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const C = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = C, n = class {
+const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", C = a, n = class {
   constructor(s) {
     o(this, s), this.color = void 0, this.size = 24;
   }
   render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
+    const s = this.size === 20 ? 24 : this.size, c = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "861185feefd5afb6e6df5591802fd809653c8405", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "ad0537ceba5ea8458931692b71ded6c770c4d84b" }, e("path", { key: "73115ac2e2aeeabd0b5c97320de15358549af0c2", d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "5e4b260cda9a2e57c1595b3f2a63dd4f62c2c993" }, e("path", { key: "e28c8965c601498c473324263c39b2d58b594685", d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "669068f7f6f867580e095c8668b7d872b000518c" }, e("path", { key: "3f4339b157bb10b3df1006b063814691a927e35c", d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })));
+    }, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "ada95606ccd97522ffdc375b758f9c93dc1eb37f", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: c, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "5c76fd2df2124e01312db845d7305ffc99a007ae" }, e("path", { key: "b2a91b6d3df79c0e02769eba04ef0d268ee6cbf2", d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "f739fe8f42a964bfc01cca371af9fc622d34854c" }, e("path", { key: "ed8755a5cd33c4239118b5ad8290435b61e7f61a", d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "dc13cee3faec9e23faef7303607c765164f6794e" }, e("path", { key: "f5c0389bf0881c62074160792b64afc07f2bda4c", d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })));
   }
 };
-n.style = a;
+n.style = C;
 export {
   n as swirl_icon_work
 };

package/dist/swirl-icon.entry.5c0d1a5b.js

@@ -0,0 +1,16 @@
+import { r as e, h as s, H as t } from "./index.52720c4c.js";
+import "react";
+import "react-dom";
+const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", o = c, r = class {
+  constructor(i) {
+    e(this, i), this.color = void 0, this.glyph = void 0, this.size = 24;
+  }
+  render() {
+    const i = `swirl-icon-${this.glyph}`;
+    return s(t, { key: "6769fd7fdcceb78e0fedc528e89875dc5749e22e" }, s(i, { key: "cc1ea0463bb11fef27d535281ae36cc01512abaa", color: this.color, size: this.size }));
+  }
+};
+r.style = o;
+export {
+  r as swirl_icon
+};

package/dist/{swirl-image-grid-item.entry.eda7ea8f.js → swirl-image-grid-item.entry.a2fa3eec.js}

@@ -1,4 +1,4 @@
-import { r as g, c as d, h as e, H as l, g as h } from "./index.2c03ae1d.js";
+import { r as g, c as d, h as e, H as l, g as h } from "./index.52720c4c.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import { d as b } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -69,9 +69,9 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay
     });
-    return e(l, { key: "4ad3b21ed608abb038d116076de4e35ae4551b45", "data-sibling-count": s, role: "listitem" }, e(i, { key: "27df8c08abc51b5dbcfd9448448fdc0259f3bdc6", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "fb966e6e309c00905b90da2f1e653cabd33ee763", class: "image-grid-item__background", style: {
+    return e(l, { key: "0c6bcd4b447faba941297b519ace2dbc03613352", "data-sibling-count": s, role: "listitem" }, e(i, { key: "f0cbaeec1488ce36bbadfc812171452f423f54df", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "780cec072bc1620a81f52ac32966a4e303476e9a", 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, 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: "431bcc5d8b73e4677f1cf71b51811dbf69013530", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "59874bac1a3131109bd5b60e4aa05eb2c4213e25", 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: "b564c162d733556d3ab40370ca6fdb70f48d0d27", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "8cfe9a90665cb2c75a82ffe0b27dadf7414c01cc", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "b08110abc646520d14ffae189499b8940c148a2b", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "0744fdc0cd058c7b4dc2239d0e5c31b00cb50634", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "e7480941c7967043060183d3e081650f26fd3527", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "b761f98daa03b3ce3a00ce810842709e2afdbcaf" })), this.loaded && this.error && e("div", { key: "3a5bdf52f00afea2ed4ffecc556cb9989608f469", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "5e941921b1dd2633ceaa135d7d300ced7ee55c5b", 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, 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: "b7c37cb1437ec7929ca05bf740b5ec22aecf7a9c", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "3f9cce2de40260430671da73547f0f474c732861", 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: "3c456ec08abb56ac57977a3f2d68069c9a3eb936", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "59242a382cd8aadc88a07900e08c7d27c34d56d3", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "9a250b505245d1105cb310274eb4d11b33017a92", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "c0e98ffc622eaac2e04980b8c9deb32f9d2d7e94", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "bcaeb86d795dea96a3f8a0c685976b2652637981", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "fd76676fccd708ff045bd964c83a731c4396eec0" })), this.loaded && this.error && e("div", { key: "ead3911f26221dba7e02723d022ec31aba9ea85d", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "2699741b0320aeeffaef165e8a723b721f69b44f", color: "critical" }))));
   }
   get el() {
     return h(this);

package/dist/{swirl-image-grid.entry.879320eb.js → swirl-image-grid.entry.2e238c10.js}

@@ -1,4 +1,4 @@
-import { r as a, h as t, H as r, g as c } from "./index.2c03ae1d.js";
+import { r as a, h as t, H as r, g as c } from "./index.52720c4c.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -41,7 +41,7 @@ const o = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display
       aspectRatio: this.caculateAspectRatio(),
       borderRadius: m.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
     };
-    return t(r, { key: "cd3855f3c4c5a146598e93c4e449056193359b85" }, t("div", { key: "3fd01feb080e5c5bad5656c51aa612c0338fcbf3", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "271cc018e65d17bb98a9f679cdc1733f62922b02", onSlotchange: this.updateItems })));
+    return t(r, { key: "92be6bfd0d84823092b910ea0b5982e181b27a01" }, t("div", { key: "91147c5530fa3a04454fb4160baef420763042db", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "d6d8249e3f29bf6c0b8ec1cbc73f5acd03faa94d", onSlotchange: this.updateItems })));
   }
   get el() {
     return c(this);

package/dist/{swirl-inline-notification.entry.60eac4b4.js → swirl-inline-notification.entry.2a3afae9.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.2c03ae1d.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as e, h as i, H as t } from "./index.52720c4c.js";
+import { c as a } from "./index-267776a4.6beb4f4b.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)}", a = o, s = 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)}", c = o, s = class {
   constructor(n) {
     e(this, n), this.heading = void 0, this.hideHeading = void 0, this.importance = "status", this.intent = "info";
   }
   render() {
-    const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "83daa17a32fd5184429c523347d258c9fcd3315b" }, i("div", { key: "2880c7cd2c57f77cf39f8f60071b030f2a4081ba", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "c9b0b0abefc1e23742b2c54a87cf010656e35f96", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "7b721978f5d19eab6f96913949a08f0780e85e12", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "08156e8aa0a8fc42398c2f51db46e051056564ff", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "1e9b5d8424c3bef88e1156af8f0182d59191ec60", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "be0decc0474e28af738637480fb0af8f6bc409dc", size: 20 })), i("span", { key: "3fec950037c307ec5243ff11060aa63a6176f3be", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "bd24695adc1877b459244edf61f00e287e5cd6c9" }, this.heading) || i("swirl-text", { key: "c3862b47ba622ddd48e1941ce072badb4ef548bf", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "5ac39e5dcf1ecce4d77e6b2cf02c50eee8406f14" }))));
+    const n = a("inline-notification", `inline-notification--intent-${this.intent}`);
+    return i(t, { key: "303db56fa31cfd9019d17455e2fcaa900b67cf6f" }, i("div", { key: "1f63299479b3239865dbb4a1bb59b837cf27756e", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "2ae9009abef1a173a67ac53d88a14de06f0c2a78", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "dd8a216cbc4bcc54fde8e275e09e0742eb4a70b8", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "5b94112286b5a45acea7968484a17529ff7adf20", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "df49bf90910ce6767fe1fa81d5c6e9a22f3861ff", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "f4741e873c2311c8d502e790e7c846eebb1ea011", size: 20 })), i("span", { key: "1a2f9fdcd71ed8635b8633b0418e483649312932", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "6fb2774206e86d97e2872a0042fdc712b18ef2a7" }, this.heading) || i("swirl-text", { key: "cf455694e364a886aedea2bd8bb472536bfba1d7", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "676785a9183aecbfecd384f63e7e981087415ad6" }))));
   }
 };
-s.style = a;
+s.style = c;
 export {
   s as swirl_inline_notification
 };

package/dist/{swirl-inline-status.entry.32019825.js → swirl-inline-status.entry.98e32a9b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as a } from "./index.2c03ae1d.js";
+import { r as s, h as e, H as a } from "./index.52720c4c.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -27,7 +27,7 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
   }
   render() {
     const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "0a88d0c6ae1ea21e59558106df07f0b56781b3b9" }, e("span", { key: "464198beae05e43ba39e58b749e235108236f840", class: t, part: "inline-status" }, this.icon && e("span", { key: "ff5338b7c9f67f427145f9d523822dada81122f9", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "02ca291f03390fa7ff043c3d840ce106eb00ace9", class: "inline-status__message" }, this.message)));
+    return e(a, { key: "577f58970d7a45e65bf21d50d32204a76da79f66" }, e("span", { key: "b2d58562d89a1cc93d0119295eff64e473fe4ab4", class: t, part: "inline-status" }, this.icon && e("span", { key: "e03074d14afb84c0e4ff2630b80b2571bbdde6ca", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "36feb6e65ab9076404d41762cf5c9d3310cdb888", class: "inline-status__message" }, this.message)));
   }
 };
 d.style = c;

package/dist/{swirl-lightbox.entry.7afab55b.js → swirl-lightbox.entry.b29f2723.js}

@@ -1,11 +1,11 @@
-import { r as h, c as b, h as i, H as f, g as u } from "./index.2c03ae1d.js";
-import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, c as b, h as i, H as u, g } from "./index.52720c4c.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-877a768f.c277f897.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}}', _ = y, w = 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}}', S = y, _ = class {
   constructor(t) {
     h(this, t), this.activeSlideChange = b(this, "activeSlideChange", 7), this.dragging = !1, this.onKeyDown = (e) => {
       !this.isOpen || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
@@ -28,8 +28,8 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       var l, n;
       if (!this.dragging)
         return;
-      const a = !(e instanceof MouseEvent) && e.touches.length > 1, s = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), o = Boolean(s) ? await s.getZoom() > 1 : !1;
-      if (a || o)
+      const a = !(e instanceof MouseEvent) && e.touches.length > 1, o = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
+      if (a || s)
         return;
       e.preventDefault();
       const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
@@ -43,10 +43,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       this.dragging = !1, this.dragStartPosition = void 0;
       const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
       this.dragDelta = 0;
-      const a = e > 0.2, s = e < -0.2;
-      this.slides.forEach((o) => {
-        o.style.transition = "";
-      }), a ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+      const a = e > 0.2, o = e < -0.2;
+      this.slides.forEach((s) => {
+        s.style.transition = "";
+      }), a ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
     }, this.onBackdropClick = (e) => {
       e.target === this.slidesContainer && this.close();
     }, this.onContextMenu = (e) => {
@@ -65,7 +65,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
   }
   disconnectedCallback() {
     var t, e;
-    (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), (e = this.containerObserver) == null || e.disconnect();
+    (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), (e = this.containerObserver) == null || e.disconnect(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout);
   }
   watchActiveSlideIndex() {
     this.activeSlideChange.emit(this.activeSlideIndex);
@@ -77,15 +77,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
         allowOutsideClick: !0,
         checkCanFocusTrap: (e) => {
           var a;
-          return (a = this.containerObserver) == null || a.disconnect(), new Promise((s) => {
-            const o = e[0];
-            if (o.tabIndex !== -1) {
-              s();
+          return (a = this.containerObserver) == null || a.disconnect(), new Promise((o) => {
+            const s = e[0];
+            if (s.tabIndex !== -1) {
+              o();
               return;
             }
             this.containerObserver = new MutationObserver(() => {
-              o.tabIndex !== -1 && (this.containerObserver.disconnect(), s());
-            }), this.containerObserver.observe(o, {
+              s.tabIndex !== -1 && (this.containerObserver.disconnect(), o());
+            }), this.containerObserver.observe(s, {
               attributes: !0,
               attributeFilter: ["tabindex"]
             });
@@ -99,17 +99,17 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
   }
   async close() {
     var t;
-    this.closing || (this.closing = !0, (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), setTimeout(() => {
+    this.closing || (this.closing = !0, (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), this.closingTimeout && (clearTimeout(this.closingTimeout), this.closingTimeout = void 0), this.closingTimeout = setTimeout(() => {
       this.isOpen = !1, this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
     }, 150));
   }
   async activateSlide(t) {
     var e, a;
-    (a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((s, o) => {
-      o === this.activeSlideIndex ? (s.removeAttribute("aria-hidden"), s.setAttribute("active", "true")) : o === this.activeSlideIndex - 1 || o === this.activeSlideIndex + 1 ? (s.setAttribute("aria-hidden", "true"), s.setAttribute("active", "true")) : s.setAttribute("aria-hidden", "true"), s.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
-    }), setTimeout(() => {
-      this.slides.forEach((s, o) => {
-        o !== this.activeSlideIndex && o !== this.activeSlideIndex - 1 && o !== this.activeSlideIndex + 1 && s.setAttribute("active", "false");
+    (a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, s) => {
+      s === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : s === this.activeSlideIndex - 1 || s === this.activeSlideIndex + 1 ? (o.setAttribute("aria-hidden", "true"), o.setAttribute("active", "true")) : o.setAttribute("aria-hidden", "true"), o.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), this.activateSlideTimeout && (clearTimeout(this.activateSlideTimeout), this.activateSlideTimeout = void 0), this.activateSlideTimeout = setTimeout(() => {
+      this.slides.forEach((o, s) => {
+        s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
       });
     }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
   }
@@ -137,7 +137,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
   }
   lockBodyScroll() {
-    g(this.el);
+    f(this.el);
   }
   unlockBodyScroll() {
     m(this.el);
@@ -156,15 +156,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   render() {
-    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), s = this.getCurrentThumbnailUrl(), o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
+    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
       "lightbox--closing": this.closing,
-      "lightbox--hide-menu": !o,
+      "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !r
     });
-    return i(f, { key: "5d3de872b3f4e6e8518721e210d957c8fcae4daf", onKeydown: this.onKeyDown }, i("section", { key: "2f762ef2c226a58d480ba0a72377857d888477ea", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "c9fe9623d71d3df2ca868eba79d25aff761ddb4a", class: "lightbox__body", role: "document" }, i("header", { key: "fddd9ff26f71c1bd0cf79b5b4cd7a4dfd97c4ae1", class: "lightbox__header" }, i("button", { key: "42a7293c107e0c5a60b5afff54e4cbbf9127dfba", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "5a3b62477e03787309acb8602efbd6f0fb47793b" })), i("div", { key: "e24d5c762ca29fe4b433cb8bc28710e783bea7e8", class: "lightbox__toolbar" }, i("slot", { key: "7e8a087c07bf8381504ee1db7d8ff1c9c3f0139f", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "d750f38a64fae10db840bba61caf1330ac0be503", swirlPopover: this.menu }, i("button", { key: "4b37faa8697efdd35318bfb591771e6da41f4053", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "05be57a889f07f567c06530540f92dddbdd95355" })))), i("div", { key: "0e33d70e4ceb0aee988f1ddc31da4c6464ec7bf5", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "0b3c37cbd0105ca0fe6768799403b279f00bf311", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "2fa6b6d498ce3c6643d85198020326901069e695", onSlotchange: this.registerSlides }))), i("div", { key: "f00eaf6030a348474fd3602533dc7ab0314f2340", class: "lightbox__controls" }, i("button", { key: "ab84f9d64e0dd2a094a2c3519361f043e1df586b", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "fa1b04c372eb528a7256d7c843080640df337ab7" })), i("button", { key: "5034b137380faf39666040a4277546fd983410fe", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "bf851c621bcb434d528a485dbaef84cc9f7febaf" }))), t && i("span", { key: "58b398ad8acaf7c4a21d5d47b139197a6a7d5227", class: "lightbox__pagination" }, i("span", { key: "b0e746ee8da72f3d9463f7c0408cdba4de8fcb37", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "01f38e4b4ee9b0b22e6ee9b1e03f453ec41d5496", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "4f1911c99521c019feaf84b7af8cd6d11501cdbe" }, i("div", { key: "1bda7c631e28eb15ac5de3db36ce1b7dd76fca51", class: "lightbox__meta" }, s && i("div", { key: "0f0597c9c5859a95950292f5bae2215f1f5bce5b", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "d4603cd084cc41fcacdb7ccaed6f6ff63712c21d", alt: "", src: s })), i("div", { key: "eb244b89fa4c27348469475a4accab8ca7f7fd49", class: "lightbox__file-info" }, i("swirl-text", { key: "410959cc4f87dc1cf08c82f4a3fd48303705094c", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "93ca51e8a64539fdda6aaca9b7287dfeacbe038c", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "0f1d1011f3557cd31bb942bb4d6c460976f7eea2" }), i("swirl-action-list", { key: "a2856819898e0396b8d47d2f631a848d9bac649e" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "218a92b4ba07b20942619a8eb3681a20b0acc7fe", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "9b04c67d1b189dde74b70835ffb69f9cd5d711f2", name: "menu-items" }))))));
+    return i(u, { key: "cf2fbe4f59c7e9a685c485d5f0b1bb2d554329a5", onKeydown: this.onKeyDown }, i("section", { key: "29a4dcb185a7f04da268193467b665ec889197d2", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "43a5fbf2af752934fc5aa871a579d41a42c8ae2c", class: "lightbox__body", role: "document" }, i("header", { key: "8d8e5194547d343b16d8e486bebb88c4e8ca46f2", class: "lightbox__header" }, i("button", { key: "424809b69c0032ee888342fc11e74b85149d33c6", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "6750c4aa72a39f53420c1eec185cf76e50eec074" })), i("div", { key: "43d748c5dddeee2592c3dde1edda6f3415db201a", class: "lightbox__toolbar" }, i("slot", { key: "eacc078889fad7403b201d35da423aa73d030c8e", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "99879746786eb12f105e64e1b169b3a9aa054740", swirlPopover: this.menu }, i("button", { key: "8dac3a06ee4f67258cc5998bda81f1ede2cb9f02", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "bfcfc62bc363cc9cf0eeaf9b9dde2fbeeb4588f6" })))), i("div", { key: "1279d38c9407e96e2700c61632c89d9dfb6b02ca", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "66ef3f89a4bd27ade28835d55c35d23f26ba596c", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "4abcfd05238c472c459da59501c15db2fe7eca95", onSlotchange: this.registerSlides }))), i("div", { key: "5024a1a6697e9ecf1278b63659677d421f7bafb1", class: "lightbox__controls" }, i("button", { key: "98219d502487681745f6e0c5742dbbb48b7be8a9", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "b98f490af1bbb16c789c439d611cdbb2eef3b0b2" })), i("button", { key: "db42945ad6e84d82e026082148377de742ba6fd6", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "8426f41054bb51c0a33ce6ad4387c5c813ce184b" }))), t && i("span", { key: "4a8655a7f0391e29f81e07e7724718e6926fd9a5", class: "lightbox__pagination" }, i("span", { key: "31e4142c9baef013f7ed28813050fb26fc5b2c8c", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "b3b9fdf9f97b4e280fdfcacfb0ab5ae7a4bc5d59", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "d96f86ec28cebe7e88d72daafce562db1dd2e918" }, i("div", { key: "96c7b79ce6c7b9590180c0958f67b34d648dab94", class: "lightbox__meta" }, o && i("div", { key: "75b23cb87b3018916fd18674283f4b3a7b4d47f5", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "6ee61742000fb8b60e7060c8aafe5c21e35d8145", alt: "", src: o })), i("div", { key: "514181f1680accc9a2693a33e60138f7237ad2e3", class: "lightbox__file-info" }, i("swirl-text", { key: "550a58e4f11c763978bb2c4401a5da0679fdeb2e", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "3bfa2491d30526be3801f9fce28be7fd0e928859", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "da43316f60fb71e9be4a4459e4c0748d24941989" }), i("swirl-action-list", { key: "ef656845fa8620d997a492762c494a1a7c8a6528" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "edea6696c2a43aef6a26c0c651a707679095ccca", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "b0956719aa25b681790ba5559f730992050464df", name: "menu-items" }))))));
   }
   get el() {
-    return u(this);
+    return g(this);
   }
   static get watchers() {
     return {
@@ -172,7 +172,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     };
   }
 };
-w.style = _;
+_.style = S;
 export {
-  w as swirl_lightbox
+  _ as swirl_lightbox
 };

package/dist/{swirl-link.entry.d1255da3.js → swirl-link.entry.87e40d4e.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.2c03ae1d.js";
+import { r, h as i, H as t } from "./index.52720c4c.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const a = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:v
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return i(t, { key: "c947247a7db288a4199614c300b8a00c9fcf0b8e" }, i("a", { key: "084ea33d21df8b16282cfe3182ba3a7c346e56a0", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return i(t, { key: "bfb4a2f523af6c9aba652651ab166f38285626cd" }, i("a", { key: "bed65c7adfc56617cb8179b361c5425b6c2256a6", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
 o.style = n;

package/dist/{swirl-list.entry.19d1c89e.js → swirl-list.entry.9f1558c7.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.2c03ae1d.js";
+import { r as l, h as i, H as r } from "./index.52720c4c.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 {
@@ -9,7 +9,7 @@ const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-he
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return i(r, { key: "a637fec8bd56b0c5bb67bd425d24ad7adc8f7389" }, i("div", { key: "83035d1f0cc36b2a60ea762bf396670e3eb30282", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "4b16fcc4e6169013d52c00af6675ebde1d741bf8" })));
+    return i(r, { key: "1dc07ea9f85c889444451b616f6938f57d9f9f10" }, i("div", { key: "487740ce7e78ee5f0308cf97871259fc9a4d8593", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "764fbe0d346994afbb6eca605a389733b088baeb" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.9475e4af.js → swirl-menu-item.entry.e9c8d2cb.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.2c03ae1d.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.52720c4c.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { c, p } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -67,7 +67,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const e = u("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(l, { key: "f9fad77e00116476a8c02f243b65209b667de9ea" }, i("div", { key: "b46e159ffffc73eb4048575305f34d4a8fb748b2", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "2578ad2b1a816e9123e50a7725270dd9193db5d4", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "e4abbe7ca5fac5e40bda94650b107d1386959786" }, i("div", { key: "e617900d9f5e4726b9f5bd34717837d0aebb3c69", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "61d911eef5d77a276334f5f09a982787716a9dc0", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-menu.entry.ba6b1911.js → swirl-menu.entry.f6b708d6.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.2c03ae1d.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.52720c4c.js";
 import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as M } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as I, b as x } from "./utils-877a768f.c277f897.js";
@@ -154,12 +154,12 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(b, { key: "83f70d5349b845bef6adccd0f58d9e4a57b4cbcc" }, o("div", { key: "14a968d07eeb887a99923bd0ef0aac01a61031d1", class: s }, this.mobile && e && o("div", { key: "c86dc2a5aa878e38111ff3c2f470ef248fd8b1b6", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "5649253a44cded3c30ae1969b7ae3e97c8245b9b", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "734028d72efe05b3677e994aaac7a0b6a1cb832d", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "bc1dece60a4294a996c9879530f05864c5051f76", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "12e72e1a35dc63972d46dffa4d5f5d109bc14d8e", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "83fc97aa3a41f1eda2d21ad77dba1644d6ebd7be", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "ad57a3e4c7491cf0587f1cf721cdebeb041e4c3e", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "528cc9804ecf8690d23af1ad6a82b61ad43f1adb" }, o("div", { key: "eeefec6056e7fc258f22f833c8199a31ca212dcd", class: s }, this.mobile && e && o("div", { key: "4e16eccc358a48fc631d6532970f5e8ca7aeecfb", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "f889ac3ff532528087e4e5db9d1d80f848e0035d", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "d126d6cd43b204717d06f7364ebefca2466adada", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "9f0e167a2f32bd3bd60b7cb97c40cb76e1af3161", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "a96ceae94348042de01256b3d5204125e8726764", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "60389ffb8867d874baa53d90f591d2acb18777d2", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "b6866e04ae8a1268b7936429ce217a125011306f", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "44b78140f3eb4e6ff05dba7bfcc35bfed3d4001c" }))));
+    } : void 0 }, o("slot", { key: "9dc98790e16a29a2c02f7b25c19bf10a29ed1891" }))));
   }
   get el() {
     return p(this);