@getflip/swirl-components-react 0.311.0 → 0.313.0

package/dist/{swirl-icon-web-asset-off.entry.d02faddd.js → swirl-icon-web-asset-off.entry.e14ee5c0.js}

@@ -1,8 +1,8 @@
-import { r as a, h as C, F as e } from "./index.2ad19391.js";
+import { r as a, h as C, F as e } from "./index.8320b5bc.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.8c70346e.js → swirl-icon-web-asset.entry.6ee668e9.js}

@@ -1,16 +1,16 @@
-import { r as o, h as e, F as i } from "./index.2ad19391.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r as o, h as e, F as i } from "./index.8320b5bc.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.67558f0d.js → swirl-icon-work.entry.7d09ee3d.js}

@@ -1,19 +1,19 @@
-import { r as o, h as e, F as i } from "./index.2ad19391.js";
+import { r as o, h as e, F as i } from "./index.8320b5bc.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.32dc4524.js

@@ -0,0 +1,16 @@
+import { r as e, h as s, H as t } from "./index.8320b5bc.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.a8acac84.js → swirl-image-grid-item.entry.b414e7de.js}

@@ -1,4 +1,4 @@
-import { r as g, c as d, h as e, H as l, g as h } from "./index.2ad19391.js";
+import { r as g, c as d, h as e, H as l, g as h } from "./index.8320b5bc.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.499f6064.js → swirl-image-grid.entry.41374af1.js}

@@ -1,4 +1,4 @@
-import { r as a, h as t, H as r, g as c } from "./index.2ad19391.js";
+import { r as a, h as t, H as r, g as c } from "./index.8320b5bc.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.c041dc1a.js → swirl-inline-notification.entry.df6770b2.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.2ad19391.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as e, h as i, H as t } from "./index.8320b5bc.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.d2681886.js → swirl-inline-status.entry.19736db2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as a } from "./index.2ad19391.js";
+import { r as s, h as e, H as a } from "./index.8320b5bc.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.550b1399.js → swirl-lightbox.entry.fba9e3c9.js}

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as u, g } from "./index.2ad19391.js";
+import { r as h, c as b, h as i, H as u, g } from "./index.8320b5bc.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";
@@ -161,7 +161,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "9281d68bf72b8c49c3ed809e64facf958f3e5ecf", onKeydown: this.onKeyDown }, i("section", { key: "784064732a2ea845006bfd0585a81e1c9d6540f1", "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: "24ae9645fac69171dd511014be1dd286ee65fc5c", class: "lightbox__body", role: "document" }, i("header", { key: "0d35d58af98fe1a7bdbc67b87ac19e0903a96295", class: "lightbox__header" }, i("button", { key: "234df4568e491bb79d52d56369839b1c53da09ba", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "2f7c0d2e49e104be24ad5c47d15cd1555dc5715a" })), i("div", { key: "9e48fa1d92061778dcf16be3850f43ad576b2a8b", class: "lightbox__toolbar" }, i("slot", { key: "34292086224c696eb58aec55302aef485d6c35ae", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "d0909b33f1292a1ecf8ba5b7c4f8c39164cb3ac5", swirlPopover: this.menu }, i("button", { key: "5a4441c9c2353861e3403a00cdefe3306dce1646", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "a29b9810ee46e550cb016530596ce9df83a40d92" })))), i("div", { key: "584c1d39ee7b6801d53e6ea3549878594dee46dc", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "5933c54f594fb7fc6d7c84f57e266dacdee54e87", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "f5db4f2858f1b466fe78f582a011a5a8e30056b9", onSlotchange: this.registerSlides }))), i("div", { key: "9c221292dca8b4bd39c9dc66e9e850c9336f578f", class: "lightbox__controls" }, i("button", { key: "4918d190dbdb9e100b0a9543c494262760f77c82", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "617871ba1e58eabb28d94a4f95f01004011b2425" })), i("button", { key: "4f67b9fefdfba232ae3483440b3bb01dd4277314", "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: "e30f7ff95bac7c26e8c8ba77661bbb16c9bd3ad3" }))), t && i("span", { key: "aa482e362fb6d143c9310a2fa25cfa522c6c1f60", class: "lightbox__pagination" }, i("span", { key: "e278e533e9367943d7585b87537ccc2563767c5c", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "eedc5e87827aee77800bff01762599cd4eba795f", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "8afa5d16cee1175e64ffa6b6d55651ff37707c9a" }, i("div", { key: "e7666d73a8e5d35e168bf82d503d6c812f2ca11a", class: "lightbox__meta" }, o && i("div", { key: "cae726fca18bdb5dfe46f97e95b0b1e2a2336f0e", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "d7dcc60d9c6d92f8a41c8c9f0edb1312bb6895b6", alt: "", src: o })), i("div", { key: "3c17287b45aec6eb863b5664dbe06ef1948934d7", class: "lightbox__file-info" }, i("swirl-text", { key: "2b08690130eee2245de55b7a7ad9e3677c8b45dc", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "fc52455033beb92979a2f3fbfc6440dc650d156c", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "28b92c44ae42d599d890116a8ad4ec312d8ec706" }), i("swirl-action-list", { key: "9cc01b98b56ed92a960968461f928dd061e00b79" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "eb1c30ce1e43374224f0cdd8964c1d8be6de9b6f", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "6969d51af2011921070cbc801a569c39db6bbf48", 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 g(this);

package/dist/{swirl-link.entry.ca3d72ac.js → swirl-link.entry.5782a760.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.2ad19391.js";
+import { r, h as i, H as t } from "./index.8320b5bc.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.b375e6e1.js → swirl-list.entry.08847214.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.2ad19391.js";
+import { r as l, h as i, H as r } from "./index.8320b5bc.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.9f2a59dc.js → swirl-menu-item.entry.9def87a0.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.2ad19391.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.8320b5bc.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.a5e0d762.js → swirl-menu.entry.42ca76dd.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.2ad19391.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.8320b5bc.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);

package/dist/{swirl-modal.entry.c6907057.js → swirl-modal.entry.691d877e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.2ad19391.js";
+import { r as h, c as t, h as e, H as f, g as p } from "./index.8320b5bc.js";
 import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as y } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -13,8 +13,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
   );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
     var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
     var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, _ = g, w = class {
-  constructor(e) {
-    h(this, e), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
+  constructor(a) {
+    h(this, a), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -34,19 +34,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.focusTrap = y(this.modalEl, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (e) => e.shadowRoot
+        getShadowRoot: (a) => a.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
   componentDidRender() {
-    var e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
+    var a;
+    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -58,8 +58,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       this.focusTrap.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(e) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(a) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
@@ -76,8 +76,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
   }
   handleAutoFocus() {
-    var e;
-    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
+    var a;
+    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
   }
   lockBodyScroll() {
     u(this.scrollContainer);
@@ -86,7 +86,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     b(this.scrollContainer);
   }
   render() {
-    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
+    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -99,17 +99,17 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled-down": this.scrolledDown,
       "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders
     });
-    return a(f, { key: "e4b904c5de1d433b840fb64727a08178848f75f5" }, a("section", { key: "30c98f7b651b90bd8319e82a7191b0a383f8c61c", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "ecbd0ebe5eeb0c5a082aa30e6f8c2d7824025cbf", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "8448c7466f72d55f33d3fbdd088e01ada1c324eb", class: "modal__body", style: {
+    return e(f, { key: "489e6f51113342c2bd3df6952f6cb624f96a5752" }, e("section", { key: "052d8e44f60607b98a0c44a8cf5b2b5d0769ed4e", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "412f3ba042f44340e27d29635df3c0bb7b546ab3", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "d50c04d55d1776c3abc92754508264c75e4153bf", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "0b4db998e9c282a6ec5931913462116108432342", class: "modal__custom-header" }, a("slot", { key: "9d95bf13fd48127c858205af9946e175f3115879", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "994ed51f38c73aa53ad537bac2ccd1ff868e86a0", class: "modal__header" }, a("div", { key: "a443b3ddbef99e51169b86c43d786995af83b52f", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "acff63afa51c491f86561864aea7fbb5fe089343", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "59a64d7b2f2aa54b9d0230958c793532abad603f", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "954d2bc88e8389322c0aba1c8a101b76c7cabf7f", class: "modal__content-container", style: {
+    } }, e("header", { key: "e4565be23a59443f9c96d4059f4da68e0eeae8a7", class: "modal__custom-header" }, e("slot", { key: "d6eec7880f41b72574eefe0fcee99147e2b7c02f", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "93dbd08e5069064270c5765b7d8832a534a63685", class: "modal__header" }, e("div", { key: "18a11e0d9078daafc08d06e9ebce86781442dc84", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "85e45fac1cda1bceeeb37c6c18834ebc84fbf854", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && e("swirl-heading", { key: "73304efa624ecdf6536fd084d8cfe7445a88d04b", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "896b4e3a5ceec854b264d6f780b7d1e592a72a29", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, a("div", { key: "f640f19003b4e66dbadb86a91fd9ac86506bcd86", class: "modal__primary-content", style: {
+    } }, e("div", { key: "7ecfec7fa0b1c8fedd5d4dc3aa74f4e6413aa6c4", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, a("div", { key: "31b768eb74d195a65ed7c868a9e39cdbd17e82a6", class: "modal__header-tools" }, a("slot", { key: "2bd16893553f7dcd127375b750b9d74734ace0be", name: "header-tools" })), a("div", { key: "106dbc19af36baf68d47cf7f729de4f8d2098ee2", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "388d04d7e8eceaa2a4089e856b01f331818a4ab0" }))), a("div", { key: "b0a3de605ddfbf562d764dfe023605a847637391", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "2807d370099a4311012e4d7a4ab6047aa1d4ad84", class: "modal__header-tools" }, e("slot", { key: "67e63aa64416e028fce9457b8d94f756b8550727", name: "header-tools" })), e("div", { key: "8e0b2301c72bf8f9404800187c2076904a405253", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "125a1753f5191201728b40ef846e29d4ed53631b" }))), e("div", { key: "8a0d01f693d63dcac146f30ac3c6690fb35aad44", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -117,7 +117,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, a("slot", { key: "30c91d39ae2f0eba20b0e85e5f3e9acfcd6c6644", name: "secondary-content" }))), a("div", { key: "a00c5ded240bf0a24838edd0639e314da9ea7b56", class: "modal__custom-footer" }, a("slot", { key: "fc3baad0a518ae59123e50b51b18731336a72c60", name: "custom-footer" })), e && a("footer", { key: "a27898f4786535bde51bcf1123f6f52ba957501f", class: "modal__controls" }, a("swirl-button-group", { key: "4ea1bb00e50ba74ec51abfeefd48a1cafc199597", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "291b4b24e0dd7d018d65ded6b26984a653a3459b", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "9dd9ac2bba231d743f43e06acd65fde2b6536c9e", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, e("slot", { key: "eb019f455144b468f9d6c409a297981bd4823d50", name: "secondary-content" }))), e("div", { key: "5d9ee4d9c20182b4f7f327ca6526632ea7c93382", class: "modal__custom-footer" }, e("slot", { key: "b586fad0746334c818784b5a6e37bdd70838b12c", name: "custom-footer" })), a && e("footer", { key: "2c11ab500412841d0356e952de246c12163e3c04", class: "modal__controls" }, e("swirl-button-group", { key: "e813aadf4314368b8e6153a346e8a0934101245e", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "9a31c1969a6a276809f0e3eb907761def71f8464", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "3f5883b9d453cb2d8b47bbf34797aaef72e0bff8", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.e369a16c.js → swirl-option-list-section.entry.54272119.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.2ad19391.js";
+import { r as i, h as e, H as t } from "./index.8320b5bc.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, l = class {
@@ -6,7 +6,7 @@ const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(t, { key: "f2b6be1a1db087d299780004f053244f517e20af" }, this.hasSeparator && e("swirl-separator", { key: "61f4ea8c147144a9b0749970feeac0e0206e68e4", spacing: this.separatorSpacing }), e("div", { key: "cf5d23a5da1d4b0af86f2dfb7a9c0e3364e6128b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "0b49917492411505f8b6a3a6bbb5f9a7ae5a7416", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "8e5328b750830f7dd804d1efd20d6448c0611617", spacing: this.spacing, align: "stretch" }, e("slot", { key: "9cd63d9974032e199a047bdcc64e3a2c82df4afe" }))));
+    return e(t, { key: "4bbe29eed063cd4492d784554b3bf7d0bad8e033" }, this.hasSeparator && e("swirl-separator", { key: "492c34faebffe59b4d6861d5e5b6f860a8b0de9c", spacing: this.separatorSpacing }), e("div", { key: "7647b82e5219048c7245a1d08a88e7e5207ad535", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "ce0f368d84916358da4528efc4356e8e3cfd210d", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "0423559633818a2d10c9d1338fbadaa6dad585d1", spacing: this.spacing, align: "stretch" }, e("slot", { key: "b9bb99263df785c9e647b39fda0520c601f005f8" }))));
   }
 };
 l.style = o;

package/dist/{swirl-option-list_2.entry.87e5edc6.js → swirl-option-list_2.entry.ddca1df5.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.2ad19391.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.8320b5bc.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { c as n, q as l } from "./utils-877a768f.c277f897.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
@@ -181,7 +181,7 @@ const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "ea4a4fd5c111911d2be87011ef317413d4fd9cdf" }, a("swirl-visually-hidden", { key: "f15c2cd2962cf745534489de9cfc1485f4c86dae", role: "alert" }, this.assistiveText), a("div", { key: "eb1edaa19a8461c620bab0c5fcdcf0aaf6da7f16", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "8ad791768f9c454cf357811b8d154d7686248989", onSlotchange: this.setSectionSeparator })));
+    return a(d, { key: "43f5710aeb2b65898268fcd927fdeb874a824b6a" }, a("swirl-visually-hidden", { key: "10926f4878a5d2f6af9ff263295dea78da3e4490", role: "alert" }, this.assistiveText), a("div", { key: "c4de01c87a4656fec4a36f39f750b37b63e13a03", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "28995610d59ef6639a1f84d4efdfce1d72895687", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return g(this);
@@ -222,7 +222,7 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
   }
   render() {
     const e = f("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "c9e0165b4ce7e54da1e0d8c019c23be5adf36e27" }, a("span", { key: "0748b03da59a2462b21032c8433ba7b5ee780098", class: e, part: "tag" }, this.icon && a("span", { key: "d837bc4fd0095f6c926287e89b1ad511e49cc32e", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "92387e9fc623f0b2be18509173b51d1e8e90f4c5", class: "tag__label" }, this.label), this.removable && a("button", { key: "8784ddebf3f2b6b5d053ddc1c0780e3127e55028", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "da4ca93cd44e44cad789ba517fdec6ffb97ed96d", size: 16 }))));
+    return a(d, { key: "e93e031cc3d118f4cf37d8f1fbc0aaa858043795" }, a("span", { key: "a6b8f34117404ad71ad618ac5754b12efb2b5989", class: e, part: "tag" }, this.icon && a("span", { key: "468a295df356052181c3856029960590b1a71e26", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "c9a039b8fc98b4d79bb04360522d0697ddc80069", class: "tag__label" }, this.label), this.removable && a("button", { key: "1291c98fdae7bb3e2e0b4bb233a0a451b98a1c5e", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "b250455a45e4de1f7c40df4b09b0fe1d2a2815f3", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.74911024.js → swirl-pagination.entry.fce66f88.js}

@@ -1,9 +1,9 @@
-import { r as l, c as s, h as e, H as r } from "./index.2ad19391.js";
+import { r as l, c as s, h as e, H as r } from "./index.8320b5bc.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as g } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", d = c, h = class {
+const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = c, d = class {
   constructor(n) {
     l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (a) => {
       a.target.select();
@@ -29,10 +29,10 @@ const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
   }
   render() {
     const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "7a705b94e6cd76b7d5b77cc02feecb5d09862492" }, e("nav", { key: "d46b431727566b4d42e08207a5e51fe56aa83e18", "aria-label": this.label, class: o }, e("ul", { key: "2dc1add0919da4ad5066a6f4b9ca5ee5eb582bef", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "5aa3bb5119f68e8f0077dce716b416d53eea570d", class: "pagination__list-item" }, e("label", { key: "2ae66a7c2a3fa24d2dbfd3db5ed6fb60967da896", class: "pagination__page-size-selection" }, e("swirl-text", { key: "eda8aaa2a3038b3adf66c03076d1947a9e89e0ae", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "58cf6582285ee8f0a9626869e0dbed9d81cba2b5", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "c3abf54743bbfd975778f1e61ad4f2fb6e797cdd", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "49b492426b7b2c36a3dfd024de18069173bd7859", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "8bea9cf4f79d2ebd0db9eb30a8c42e28b9a7078a", class: "pagination__list-item" }, e("swirl-button", { key: "77e8f59cedc14dce29d8e133e06427b5086ef16c", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "d2de25731024c9213e632179d922b2b59a36219d", class: "pagination__list-item" }, e("swirl-button", { key: "5ec741d705a68764e5c7290d21ea8219ca2acef1", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "d3e859d8ba79ce7aed16c7978e3ab93a9c894438", class: "pagination__list-item" }, e("swirl-button", { key: "7418eee457a303c34d1b1d26cb7b9bc7dc5cf4d8", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "2c471d0748a98caad0c10689b7da96eb8bd0e493", class: "pagination__list-item" }, e("swirl-button", { key: "f5cdbfdde8ff4d6fe8720f86f9a04b4ae6976af1", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
+    return e(r, { key: "6eadabc50d3253b3bae2ff7fe619e2e812cac193" }, e("nav", { key: "6aaee3c5ddf05c178fa81543d692029fe1fc4612", "aria-label": this.label, class: o }, e("ul", { key: "3bf3297683dbe8f4e733817e6ead22b09494854d", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "766abed08331a0ffb574037cca066895b76ea0be", class: "pagination__list-item" }, e("label", { key: "5ba62cf676a2a5032c863271c77079e8ec479051", class: "pagination__page-size-selection" }, e("swirl-text", { key: "9dcd198c5fa5f2ebd0cb8ff409cfbee825e21b3f", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "dcb6286d0040bcbb3a4ea8e0cc61bacfc64d59eb", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "5d71d8d6a65348151b33439eddb5950fab2ffe24", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "bd019a569bf65b1ee93e91704a329e07ee405a10", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "94b14f468e6dabfae84373d5d8bd36df61667e72", class: "pagination__list-item" }, e("swirl-button", { key: "b3c5033fe6abd18b2247d2a799350a182fe90c18", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "09ed662e6e74f660c1166df4c9399a5c833bbebf", class: "pagination__list-item" }, e("swirl-button", { key: "9958f061ff87481d073837130d0f282cbdd610dc", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "b342b1a08725314f48069d6669846e3ada73830a", class: "pagination__list-item" }, e("swirl-button", { key: "ad5d288642a1d94559a113f8bd6bff50e78ca380", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "26a16ded1d6f49f6bc4ea8d39f9f955326c3b2b8", class: "pagination__list-item" }, e("swirl-button", { key: "a87d63ae4e7a7bba041a838003148c3c79fb8c59", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
   }
 };
-h.style = d;
+d.style = h;
 export {
-  h as swirl_pagination
+  d as swirl_pagination
 };