@getflip/swirl-components-react 0.400.0 → 0.401.0

package/dist/swirl-icon-web-asset-off.entry.3a96ce30.js

@@ -0,0 +1,19 @@
+import { r as t, h as C, F as s } from "./index.4dc0679d.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = class {
+  constructor(e) {
+    t(this, e), this.size = 24;
+  }
+  render() {
+    const e = this.size === 20 ? 24 : this.size, i = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, c = o("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { key: "24bf6eebc16f7275bc62bd9021d15c34426cec74", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(s, { key: "d4238e5387438d224873afc1537fd6828ca95e6f" }, C("path", { key: "ca81ed3c8293ca4b5421582c860fbcbcc5290c73", 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(s, { key: "4a664c64bc63014bc2eddea3b24c9ad87711e54c" }, C("path", { key: "adfcd276d9837d3edd6b1e1671378f84161cf239", 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(s, { key: "174f3fa675537170c1d16d9eed01a150bdc746d8" }, C("path", { key: "85ec655c73fc0a6ca739f77b622bf452e4bdc16d", 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" })));
+  }
+};
+a.style = r;
+export {
+  a as swirl_icon_web_asset_off
+};

package/dist/swirl-icon-web-asset.entry.e3358fb2.js

@@ -0,0 +1,19 @@
+import { r as c, h as e, F as i } from "./index.4dc0679d.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = class {
+  constructor(s) {
+    c(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, a = o("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "e9ce9b544f443f58d2006a8531eace5533ecc40a", "aria-hidden": "true", class: a, 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: "ca5d0e0da7b1d932bbdc0bdd1a8a5b2689c7544c" }, e("path", { key: "4a0b9054552e7199161864046a5158ab7c565fea", 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: "83ad8461f2a42a13471e45ec693426fed333e43d" }, e("path", { key: "f9177efa2860ee5c1b6867deec2904c18961b312", 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: "7774149b508a17137b857514c5d2eb0e8d97a69e" }, e("path", { key: "7bfdfd0e8a6504d10e280121d9ce79d7fd71a2b6", 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 = r;
+export {
+  l as swirl_icon_web_asset
+};

package/dist/swirl-icon-work.entry.dd2a6438.js

@@ -0,0 +1,19 @@
+import { r as o, h as e, F as i } from "./index.4dc0679d.js";
+import { c as r } from "./index-orsBiyT_.fc4357c3.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 = class {
+  constructor(s) {
+    o(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, c = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "18e3c1424200849d9d68808db8c02d39325c9118", "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: "9be2f6949c46cea74fc48e9291a3740d5f6de3ff" }, e("path", { key: "956333000aecc929074203cc4b8a95df6d4dd391", 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: "80f7cd8537759308bcd16e0249a86616347ef2b9" }, e("path", { key: "b6c917e947b72adb3c8b83bfe03bdefaab83fc80", 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: "31c4c67e97978e761b260130b30c5463d97b836d" }, e("path", { key: "f16c3dac5eefe2c389ece69bbfa428794a0fb58e", 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" })));
+  }
+};
+a.style = C;
+export {
+  a as swirl_icon_work
+};

package/dist/swirl-icon.entry.b8eede16.js

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

package/dist/swirl-image-grid-item.entry.bce66c3f.js

@@ -0,0 +1,90 @@
+import { r as l, c as d, h as t, H as c, g as m } from "./index.4dc0679d.js";
+import { c as h } from "./index-orsBiyT_.fc4357c3.js";
+import { d as b } from "./utils-wi_3Z3FQ.29a3aebe.js";
+import "react";
+import "react-dom";
+const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:"";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:"";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-control-button{position:absolute;z-index:2;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);opacity:0;transition:opacity 0.2s}.image-grid-item:hover>.image-grid-item__gif-control-button,.image-grid-item:focus-within>.image-grid-item__gif-control-button,.image-grid-item--gif-paused>.image-grid-item__gif-control-button{opacity:1}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}', f = class {
+  constructor(i) {
+    l(this, i), this.gifStarted = d(this, "gifStarted", 7), this.gifStopped = d(this, "gifStopped", 7), this.imageError = d(this, "imageError", 7), this.imageLoad = d(this, "imageLoad", 7), this.gifPauseLabel = "Pause GIF playback", this.gifPlayLabel = "Continue GIF playback", this.error = !1, this.loaded = !1, this.inViewport = !1, this.gifPaused = !1, this.handleIntersectionEntries = b((e) => {
+      const s = [...e].sort((r, a) => r.time - a.time);
+      this.inViewport = s.at(-1).isIntersecting, this.inViewport || (this.loaded = !1);
+    }, 250), this.onLoad = () => {
+      this.error = !1, this.loaded = !0, this.imageLoad.emit();
+    }, this.onError = () => {
+      this.loaded = !0, this.error = !0, this.imageError.emit();
+    }, this.playGif = () => {
+      this.gifPaused = !1, this.computedSrc = this.src, this.gifStarted.emit();
+    }, this.handleControlClick = (e) => {
+      e.stopImmediatePropagation(), this.gifPaused ? this.playGif() : this.pauseGif();
+    }, this.onImageElementUpdate = (e) => {
+      var s, r;
+      (s = this.img) == null || s.removeEventListener("load", this.onLoad), (r = this.img) == null || r.removeEventListener("error", this.onError), this.img = e, this.img && (this.img.addEventListener("load", this.onLoad), this.img.addEventListener("error", this.onError));
+    };
+  }
+  async play() {
+    this.playGif();
+  }
+  async pause() {
+    this.pauseGif();
+  }
+  watchSrcProp() {
+    this.computedSrc = this.src, this.gifPaused = !1;
+  }
+  componentWillLoad() {
+    this.computedSrc = this.src;
+  }
+  componentDidLoad() {
+    var i;
+    this.setupIntersectionObserver(), (i = this.img) != null && i.complete && (this.loaded = !0);
+  }
+  componentDidRender() {
+    var i;
+    ((i = this.img) == null ? void 0 : i.complete) && !this.loaded && (this.loaded = !0);
+  }
+  disconnectedCallback() {
+    var i, e, s;
+    (i = this.intersectionObserver) == null || i.disconnect(), this.computedSrc = "", (e = this.img) == null || e.removeEventListener("load", this.onLoad), (s = this.img) == null || s.removeEventListener("error", this.onError);
+  }
+  setupIntersectionObserver() {
+    this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver((i) => {
+      this.handleIntersectionEntries(i);
+    }), this.intersectionObserver.observe(this.el));
+  }
+  async pauseGif() {
+    const i = this.img, e = await this.readImageFromCanvas(i.src);
+    this.gifPaused = !0, this.computedSrc = e, this.gifStopped.emit();
+  }
+  readImageFromCanvas(i) {
+    return new Promise((e, s) => {
+      const r = new Image();
+      r.src = i, r.onload = (a) => {
+        const o = a.target, n = document.createElement("canvas"), g = n.getContext("2d");
+        n.width = o.width, n.height = o.height, g.drawImage(o, 0, 0, o.width, o.height), e(n.toDataURL("image/jpeg"));
+      }, r.onerror = () => s();
+    });
+  }
+  render() {
+    var a, o;
+    const i = this.interactive ? "button" : "div", e = this.gifPaused || this.loading !== "intersecting" || this.inViewport, s = (o = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? o : 1, r = h("image-grid-item", {
+      "image-grid-item--has-error": this.error,
+      "image-grid-item--has-overlay": this.overlay,
+      "image-grid-item--loaded": this.loaded,
+      "image-grid-item--gif-paused": this.gifPaused
+    });
+    return t(c, { key: "c595a810db82a96ed51868460646d1d3d01d28a6", "data-sibling-count": s, role: "listitem" }, t(i, { key: "bac59ad6a06114cab19ab63ccecebdf89143abd0", class: r, type: this.interactive ? "button" : void 0 }, t("div", { key: "050d0ed9ef48a86296e5fcf6a4c6dea9fd4a292b", class: "image-grid-item__background", style: {
+      backgroundImage: e ? `url(${this.computedSrc})` : void 0
+    } }), e ? t("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : t("div", { class: "image-grid-item__loading-placeholder" }, t("swirl-visually-hidden", null, this.alt)), this.showGifControls && t("swirl-button", { key: "3650d5d43f155faba65beac12431cf658d60af01", class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: !0, hideLabel: !0, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && t("div", { key: "29ef9266c4380482f411b02e1c15b2d10273cfec", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && t("div", { key: "88d1a20e899ea69ed70926d87986e89ed33f8b90", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && t("swirl-skeleton-box", { key: "ae8b6d14556f8df8350d937c943ff915445ab92c", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && t("div", { key: "12a12b173baa67f099cca696733429d8f4cf8a7c", class: "image-grid-item__error" }, t("swirl-icon-error", { key: "ff1543844f7c4dae09e03880e9517fb9fee96fd5", color: "critical" }))));
+  }
+  get el() {
+    return m(this);
+  }
+  static get watchers() {
+    return {
+      src: ["watchSrcProp"]
+    };
+  }
+};
+f.style = u;
+export {
+  f as swirl_image_grid_item
+};

package/dist/swirl-image-grid.entry.0f6a9351.js

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

package/dist/swirl-inline-notification.entry.284a37cd.js

@@ -0,0 +1,17 @@
+import { r as e, h as i, H as t } from "./index.4dc0679d.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", a = class {
+  constructor(n) {
+    e(this, n), this.importance = "status", this.intent = "info";
+  }
+  render() {
+    const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
+    return i(t, { key: "624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159" }, i("div", { key: "06c8a1bcb92582ccaf5944dddf470f3120afcfe4", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "7bc87d932d0944358b528a76d74b0c4571e48f80", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "209a44ffd66238a6602bea37373befa3d4b9dab1", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "e28da386c1ca7f215a4e36414bbcac46200b3b61", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "795f293517b43af8273edf5284c08190bb66314e", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "42b3904303fa8f79fdf1e62693d1a5ce69376f20", size: 20 })), i("span", { key: "e381a9d0642ea7f5c4c56d32502431bf5484d68f", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "767e9dae65ed20f7ce648746682d284bec674f96" }, this.heading) || i("swirl-text", { key: "0e515c99486185484514c3e40aaf24095d80d857", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "13f4bdd58f22067952d103688bbb8bc322b9392f" }))));
+  }
+};
+a.style = o;
+export {
+  a as swirl_inline_notification
+};

package/dist/swirl-inline-status.entry.bc5ea97e.js

@@ -0,0 +1,37 @@
+import { r as e, h as s, H as a } from "./index.4dc0679d.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { D as r } from "./media-query.service-BZg4zbFx.7454a4f3.js";
+import "react";
+import "react-dom";
+import "./utils-wi_3Z3FQ.29a3aebe.js";
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = class {
+  constructor(i) {
+    e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = r.subscribe((i) => {
+      this.forceIconProps(i);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(i) {
+    if (!Boolean(this.iconEl))
+      return;
+    const t = this.iconEl.children[0];
+    if (!Boolean(t))
+      return;
+    let n = "24";
+    this.size === "s" ? n = "16" : i && (n = "20"), t.setAttribute("size", n);
+  }
+  render() {
+    const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
+    return s(a, { key: "6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869" }, s("span", { key: "de78170d84c278a5a4a12fd72b925b5e9893e986", class: i, part: "inline-status" }, this.icon && s("span", { key: "0d6a8b993a0bb58b988b20cea18069ba39ca7c3b", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "d22a3fae40b2a15c8d95d8a957371fa170dbaaf0", class: "inline-status__message" }, this.message)));
+  }
+};
+l.style = c;
+export {
+  l as swirl_inline_status
+};

package/dist/swirl-lightbox.entry.b822db49.js

@@ -0,0 +1,179 @@
+import { r as b, c, h as i, H as u, g } from "./index.4dc0679d.js";
+import { d as f, e as m } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { c as x } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
+import { q as v } from "./utils-wi_3Z3FQ.29a3aebe.js";
+import "react";
+import "react-dom";
+const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
+  constructor(e) {
+    b(this, e), this.activeSlideChange = c(this, "activeSlideChange", 7), this.lightboxClose = c(this, "lightboxClose", 7), this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.isOpen = !1, this.dragging = !1, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onDownloadButtonClick = () => {
+      var t;
+      (t = this.slides[this.activeSlideIndex]) == null || t.download(), this.menu.close();
+    }, this.onNextSlideClick = () => {
+      this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
+    }, this.onPreviousSlideClick = () => {
+      this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
+    }, this.registerSlides = () => {
+      this.slides = Array.from(this.el.children).filter((t) => t.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
+    }, this.onPointerDown = (t) => {
+      this.slides.length <= 1 || (this.dragging = !0, this.dragStartPosition = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, this.slides.forEach((a) => {
+        a.style.transition = "none";
+      }));
+    }, this.onPointerMove = async (t) => {
+      var n, l;
+      if (!this.dragging)
+        return;
+      const a = !(t instanceof MouseEvent) && t.touches.length > 1, o = (l = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
+      if (a || s)
+        return;
+      t.preventDefault();
+      const r = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((d) => {
+        const h = this.activeSlideIndex * d.getBoundingClientRect().width;
+        this.dragDelta = r, d.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
+      });
+    }, this.onPointerUp = () => {
+      if (!this.dragging)
+        return;
+      this.dragging = !1, this.dragStartPosition = void 0;
+      const t = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      this.dragDelta = 0;
+      const a = t > 0.2, o = t < -0.2;
+      this.slides.forEach((s) => {
+        s.style.transition = "";
+      }), a ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
+    }, this.onBackdropClick = (t) => {
+      t.target === this.slidesContainer && this.close();
+    }, this.onContextMenu = (t) => {
+      this.downloadButtonEnabled || t.preventDefault();
+    };
+  }
+  componentWillLoad() {
+    this.registerSlides();
+  }
+  componentDidLoad() {
+    this.activateSlide(0);
+  }
+  componentDidRender() {
+    var e;
+    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
+  }
+  disconnectedCallback() {
+    var e, t;
+    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll(), (t = this.containerObserver) == null || t.disconnect(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout);
+  }
+  watchActiveSlideIndex() {
+    this.activeSlideChange.emit(this.activeSlideIndex);
+  }
+  onKeyDown(e) {
+    !this.isOpen || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
+  }
+  async open() {
+    this.isOpen = !0, this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0), setTimeout(() => {
+      var e;
+      this.focusTrap = x(this.modalEl, {
+        allowOutsideClick: !0,
+        checkCanFocusTrap: (t) => {
+          var a;
+          return (a = this.containerObserver) == null || a.disconnect(), new Promise((o) => {
+            const s = t[0];
+            if (s.tabIndex !== -1) {
+              o();
+              return;
+            }
+            this.containerObserver = new MutationObserver(() => {
+              s.tabIndex !== -1 && (this.containerObserver.disconnect(), o());
+            }), this.containerObserver.observe(s, {
+              attributes: !0,
+              attributeFilter: ["tabindex"]
+            });
+          });
+        },
+        tabbableOptions: {
+          getShadowRoot: (t) => t.shadowRoot
+        }
+      }), (e = this.focusTrap) == null || e.activate();
+    });
+  }
+  async close() {
+    var e;
+    this.closing || (this.closing = !0, (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll(), this.closingTimeout && (clearTimeout(this.closingTimeout), this.closingTimeout = void 0), this.closingTimeout = setTimeout(() => {
+      this.isOpen = !1, this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1, this.lightboxClose.emit();
+    }, 150));
+  }
+  async activateSlide(e) {
+    var t, a;
+    (a = (t = this.menu) == null ? void 0 : t.close) == null || a.call(t), this.dragging = !1, this.activeSlideIndex = e, this.slides.forEach((o, s) => {
+      s === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : s === this.activeSlideIndex - 1 || s === this.activeSlideIndex + 1 ? (o.setAttribute("aria-hidden", "true"), o.setAttribute("active", "true")) : o.setAttribute("aria-hidden", "true"), o.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), this.activateSlideTimeout && (clearTimeout(this.activateSlideTimeout), this.activateSlideTimeout = void 0), this.activateSlideTimeout = setTimeout(() => {
+      this.slides.forEach((o, s) => {
+        s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
+      });
+    }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
+  }
+  setSlideAttributes() {
+    this.slides.forEach((e) => {
+      e.setAttribute("active", "false"), e.setAttribute("aria-label", e.file), e.setAttribute("aria-roledescription", "slide"), e.setAttribute("role", "group"), e.addEventListener("dragstart", (t) => t.preventDefault());
+    });
+  }
+  resetSlidePositions() {
+    this.slides.forEach((e) => {
+      e.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    });
+  }
+  getCurrentFileName() {
+    var t;
+    const e = this.slides[this.activeSlideIndex];
+    return (e == null ? void 0 : e.fileName) || ((t = e == null ? void 0 : e.file) == null ? void 0 : t.split("/").pop());
+  }
+  getCurrentFileType() {
+    var e;
+    return (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.type;
+  }
+  getCurrentThumbnailUrl() {
+    var e;
+    return (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.thumbnailUrl;
+  }
+  lockBodyScroll() {
+    f(this.el);
+  }
+  unlockBodyScroll() {
+    m(this.el);
+  }
+  getMediaPlayers() {
+    return v(this.el, "video");
+  }
+  stopAllMediaPlayers() {
+    this.getMediaPlayers().forEach((e) => e.pause());
+  }
+  resetImageZoom() {
+    this.slides.forEach((e) => {
+      var a;
+      const t = (a = e == null ? void 0 : e.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image");
+      Boolean(t) && t.resetZoom();
+    });
+  }
+  render() {
+    const e = this.slides.length > 1, t = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), n = p("lightbox", {
+      "lightbox--closing": this.closing,
+      "lightbox--hide-menu": !s,
+      "lightbox--hide-toolbar": !r
+    });
+    return i(u, { key: "cca14e4d0d161a3fe7b3272cf969ee73c93b5f98" }, i("section", { key: "e8023be67ee821aa0c6f8ffba92c5a5aa0606241", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "c938aa36240a57a78762fde1e163c0457b66793b", class: "lightbox__body", role: "document" }, i("header", { key: "523f7e77aa93441ec0396cdce491bbb626dd45ba", class: "lightbox__header" }, i("button", { key: "e551edda3304b35edd3265f364c9a5eda60b1237", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "b2ca83e2888f32028a8ee13178e2bfcc690bad97" })), i("div", { key: "cb3505a95a3990527c3f92a00fc38658b31a1a4b", class: "lightbox__toolbar" }, i("slot", { key: "66d9fed10c9f90935f4bc1864c1d6f02e7ef841b", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "6fe7122bd05ada53149747fd57c37ef800ce9906", swirlPopover: this.menu }, i("button", { key: "331d97ecbee97143e55938395606684a59fe2126", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "72fd84f1cdb3fa86ca2f3784cefff47beff199f6" })))), i("div", { key: "01593c1f52ee40b3289ae6fab374106a80d37bd7", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "3317a85344461084e7c8ab4bdcfa959da2045f03", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "53ad1b33bcc8db39145de339bfc610e7b882aa61", onSlotchange: this.registerSlides }))), i("div", { key: "da3a9d7d72cff110865ea30ded426fc4ec6bfd59", class: "lightbox__controls" }, i("button", { key: "2916d7d7ebeed5177bdedcacf7073249c0bd2925", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "5b8342122fa17c889e7529c4766c4662d19e9698" })), i("button", { key: "f6484be3ab76c90a1323bcef1e622fd5c89df56a", "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: "a91c671d734f86949f81e8c4b0738d038b7a7807" }))), e && i("span", { key: "889ed35ceb2754318b4e6cc7be50e0bd1fd53379", class: "lightbox__pagination" }, i("span", { key: "302827d4de6f9ecbb31a3f5bc5e6fa5dda7a9110", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "5cc9361b258f74a0dde052bd8a4ba187758f0767", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "86117844ff21e7f64e439d2915d10f68d46097fb" }, i("div", { key: "9e829754e51822c94788870fc643ce3a3b841dfe", class: "lightbox__meta" }, o && i("div", { key: "96fbf34419e313ae0c17d8029b515ad91858308e", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "e450cc9492a386b670eb84d3ea2aff0358ac6673", alt: "", src: o })), i("div", { key: "e633388c1291e3a85477160941929b750c411bd7", class: "lightbox__file-info" }, i("swirl-text", { key: "15568231ab97ed200f48d3f786647bfc309ca51b", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "49d6fc131e0eefe3cec724a13838019dcf6a5705", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "fc19db7915b0e025c475c1f9233e502a1a2be8ba" }), i("swirl-action-list", { key: "42f9a39f095068ead677a5b5e2870fba0b24dbbc" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "dfd02c0f1af150e3610dbf812a915e3a0585d517", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "0c6d74751a15d619633763f867aee3851fa33d9f", name: "menu-items" }))))));
+  }
+  get el() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      activeSlideIndex: ["watchActiveSlideIndex"]
+    };
+  }
+};
+_.style = y;
+export {
+  _ as swirl_lightbox
+};

package/dist/swirl-link.entry.864f8139.js

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

package/dist/swirl-list.entry.44a98c90.js

@@ -0,0 +1,18 @@
+import { r as l, h as i, H as r } from "./index.4dc0679d.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 = class {
+  constructor(e) {
+    l(this, e);
+  }
+  componentDidRender() {
+    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: "145bc254f8e18397db5e4c11099f68ab50c812c7" }, i("div", { key: "0a1264acf854139e76f63f3f45fdbc68c0a9e174", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "7bb19e8de1f294f832cc918aed7b589504a5dd9f" })));
+  }
+};
+n.style = s;
+export {
+  n as swirl_list
+};

package/dist/swirl-menu-item.entry.64f4ef86.js

@@ -0,0 +1,84 @@
+import { r, f as l, h as i, H as h, g as d } from "./index.4dc0679d.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { l as u, p } from "./utils-wi_3Z3FQ.29a3aebe.js";
+import "react";
+import "react-dom";
+const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", f = class {
+  constructor(e) {
+    r(this, e), this.intent = "default", this.hasAvatar = !1, this.onSlotChange = () => {
+      this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
+    }, this.onActionListItemClick = () => {
+      this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
+    }, this.onOptionListItemClick = () => {
+      this.optionListItem.disabled || this.parentMenu.updateSelection(this.optionListItem);
+    }, this.onOptionListItemKeyDown = (t) => {
+      if (t.code === "Space")
+        t.preventDefault();
+      else if (t.code === "Enter") {
+        if (this.optionListItem.disabled)
+          return;
+        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+      }
+    }, this.onOptionListItemKeyUp = (t) => {
+      if (t.code === "Space") {
+        if (this.optionListItem.disabled)
+          return;
+        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+      }
+    };
+  }
+  componentWillLoad() {
+    this.parentMenu = u(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
+  }
+  watchExpanded() {
+    this.updateActionListItemProps();
+  }
+  async getSubMenu() {
+    return this.subMenu;
+  }
+  async updateValue() {
+    l(this);
+  }
+  async getParentMenu() {
+    return this.parentMenu;
+  }
+  updateActionListItemProps() {
+    !Boolean(this.actionListItem) || (this.actionListItem.swirlAriaExpanded = this.expanded ? "true" : void 0, this.actionListItem.swirlAriaHaspopup = Boolean(this.subMenu) ? "true" : void 0, this.actionListItem.suffix = Boolean(this.subMenu) ? '<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>' : void 0);
+  }
+  updateAvatarState() {
+    const e = this.el.querySelector('[slot="avatar"]'), t = Boolean(e);
+    t !== this.hasAvatar && (this.hasAvatar = t);
+  }
+  renderActionListItem() {
+    var t, s, a;
+    const e = Boolean((t = this.subMenu) == null ? void 0 : t.value) ? (a = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((n) => {
+      var o;
+      return n.value === ((o = this.subMenu) == null ? void 0 : o.value);
+    })) == null ? void 0 : a.label : void 0;
+    return i("swirl-action-list-item", { badge: e, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (n) => this.actionListItem = n, suffix: this.suffix }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
+  }
+  renderOptionListItem() {
+    var t;
+    const e = ((t = this.parentMenu) == null ? void 0 : t.value) === this.value;
+    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: e, swirlAriaRole: "menuitemradio", value: this.value }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
+  }
+  render() {
+    var t;
+    const e = c("menu-item", {
+      "menu-item--expanded": this.expanded
+    });
+    return i(h, { key: "227dc9aaa5dc02bacf9d94832825a905e0dc449d" }, i("div", { key: "3275cf35b4e9ddf5f57c16384212c16356a44028", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "dd7c35698b035b1adc992551b9fd81228cd89d30", onSlotchange: this.onSlotChange })));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      expanded: ["watchExpanded"]
+    };
+  }
+};
+f.style = m;
+export {
+  f as swirl_menu_item
+};