@getflip/swirl-components-react 0.500.0 → 0.501.0

package/dist/swirl-icon-web-asset.entry.2ca26744.js

@@ -0,0 +1,19 @@
+import { r as s, h as e, F as o } from "./index.3f3eed14.js";
+import { c as t } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const d = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", n = class {
+  constructor(r) {
+    s(this, r), this.size = 24;
+  }
+  render() {
+    const r = this.size === 20 ? 24 : this.size, i = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, c = t("swirl-icon", `swirl-icon--size-${this.size}`), a = Boolean(this.label);
+    return e("svg", { key: "5b311bef1c8077c622e61daa89a73b0d481b87fc", "aria-hidden": a ? void 0 : "true", class: c, fill: "none", height: this.size, part: "icon", role: a ? "img" : void 0, style: i, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, a && e("title", { key: "eecc5edd5447e6340f51406de13a98a4fa55a83f" }, this.label), this.size === 16 && e(o, { key: "46712eff908f30c138ac6565c5bdaff6409df59a" }, e("path", { key: "5c9cb395b41b0efea19573300113cbb266895e0a", 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(o, { key: "554faf584164f9395587a651523304f4f62cdbab" }, e("path", { key: "efed60254a09b9980fafc7ce7dcdd9113f048ba2", 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(o, { key: "be58f3daa2ecec6ef6ae894ea71d071946d4e6c1" }, e("path", { key: "f2827f76307af218e9ec6d465492b9616bc2a932", 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" })));
+  }
+};
+n.style = d();
+export {
+  n as swirl_icon_web_asset
+};

package/dist/swirl-icon-work.entry.09c67012.js

@@ -0,0 +1,19 @@
+import { r as s, h as e, F as a } from "./index.3f3eed14.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const t = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", n = class {
+  constructor(r) {
+    s(this, r), this.size = 24;
+  }
+  render() {
+    const r = this.size === 20 ? 24 : this.size, i = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, c = d("swirl-icon", `swirl-icon--size-${this.size}`), o = Boolean(this.label);
+    return e("svg", { key: "ded136667e0a34f72649079197990c2be455f1dc", "aria-hidden": o ? void 0 : "true", class: c, fill: "none", height: this.size, part: "icon", role: o ? "img" : void 0, style: i, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, o && e("title", { key: "cc2ccb2dbc3d84c1205b4be2e43fa1b8c3d0856f" }, this.label), this.size === 16 && e(a, { key: "74d2f368ee14ebc7d72db812617aa72ced8d66d9" }, e("path", { key: "ec321b5618bdae66799af66d92ea76b00270dd20", 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(a, { key: "e7594cedb26bc1177174fd4776e0ed76a336b226" }, e("path", { key: "e4b1db36b7241ee370469d11e671638af8789802", 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(a, { key: "822744a9e158bcc493a16e6f710d27fe9410a9a3" }, e("path", { key: "f04191241c7df0c442cf0ef55038542c998d1ae7", 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 = t();
+export {
+  n as swirl_icon_work
+};

package/dist/swirl-icon-workspace-premium.entry.49ee364d.js

@@ -0,0 +1,19 @@
+import { r as s, h as e, F as a } from "./index.3f3eed14.js";
+import { c as t } 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%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", d = class {
+  constructor(r) {
+    s(this, r), this.size = 24;
+  }
+  render() {
+    const r = this.size === 20 ? 24 : this.size, i = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, c = t("swirl-icon", `swirl-icon--size-${this.size}`), o = Boolean(this.label);
+    return e("svg", { key: "76b0201c027da9aec443ed965ebb78886e19d4e9", "aria-hidden": o ? void 0 : "true", class: c, fill: "none", height: this.size, part: "icon", role: o ? "img" : void 0, style: i, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, o && e("title", { key: "ee48dde223293e06a77446b98ce4724b0026fab4" }, this.label), this.size === 16 && e(a, { key: "e8b5142804f6617b6ee940e6973ae4b23a5d5303" }, e("path", { key: "7813e937b8bbb638ddd9199166fb850bb15e42c5", d: "M8.00001 7.94967L6.86667 8.81634C6.80001 8.8719 6.73334 8.87467 6.66667 8.82467C6.60001 8.77467 6.57778 8.71078 6.60001 8.63301L7.03334 7.23301L5.86667 6.29967C5.81112 6.24412 5.79445 6.18023 5.81667 6.10801C5.83889 6.03579 5.88889 5.99967 5.96667 5.99967H7.40001L7.83334 4.63301C7.85556 4.55523 7.91112 4.51634 8.00001 4.51634C8.08889 4.51634 8.14445 4.55523 8.16667 4.63301L8.60001 5.99967H10.0167C10.0944 5.99967 10.1472 6.03579 10.175 6.10801C10.2028 6.18023 10.1889 6.24412 10.1333 6.29967L8.95001 7.23301L9.38334 8.63301C9.40556 8.71078 9.38334 8.77467 9.31667 8.82467C9.25001 8.87467 9.18334 8.8719 9.11667 8.81634L8.00001 7.94967ZM8.00001 13.9997L4.88334 15.033C4.66112 15.1108 4.45834 15.083 4.27501 14.9497C4.09167 14.8163 4.00001 14.6386 4.00001 14.4163V10.183C3.57778 9.71634 3.25001 9.18301 3.01667 8.58301C2.78334 7.98301 2.66667 7.34412 2.66667 6.66634C2.66667 5.17745 3.18334 3.91634 4.21667 2.88301C5.25001 1.84967 6.51112 1.33301 8.00001 1.33301C9.48889 1.33301 10.75 1.84967 11.7833 2.88301C12.8167 3.91634 13.3333 5.17745 13.3333 6.66634C13.3333 7.34412 13.2167 7.98301 12.9833 8.58301C12.75 9.18301 12.4222 9.71634 12 10.183V14.4163C12 14.6386 11.9083 14.8163 11.725 14.9497C11.5417 15.083 11.3389 15.1108 11.1167 15.033L8.00001 13.9997ZM10.8333 9.49967C11.6111 8.7219 12 7.77745 12 6.66634C12 5.55523 11.6111 4.61079 10.8333 3.83301C10.0556 3.05523 9.11112 2.66634 8.00001 2.66634C6.88889 2.66634 5.94445 3.05523 5.16667 3.83301C4.38889 4.61079 4.00001 5.55523 4.00001 6.66634C4.00001 7.77745 4.38889 8.7219 5.16667 9.49967C5.94445 10.2775 6.88889 10.6663 8.00001 10.6663C9.11112 10.6663 10.0556 10.2775 10.8333 9.49967ZM5.33334 13.3497L8.00001 12.6663L10.6667 13.3497V11.283C10.2778 11.5052 9.85834 11.6802 9.40834 11.808C8.95834 11.9358 8.48889 11.9997 8.00001 11.9997C7.51112 11.9997 7.04167 11.9358 6.59167 11.808C6.14167 11.6802 5.72223 11.5052 5.33334 11.283V13.3497Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, { key: "5f81aa530b62b3a275eee0034d5168615c463859" }, e("path", { key: "8484f44a478e3a44923ee0fb5e8180b6c87a8235", d: "M12 11.925L10.3 13.225C10.2 13.3083 10.1 13.3125 10 13.2375C9.9 13.1625 9.86667 13.0667 9.9 12.95L10.55 10.85L8.8 9.45C8.71667 9.36667 8.69167 9.27083 8.725 9.1625C8.75833 9.05417 8.83333 9 8.95 9H11.1L11.75 6.95C11.7833 6.83333 11.8667 6.775 12 6.775C12.1333 6.775 12.2167 6.83333 12.25 6.95L12.9 9H15.025C15.1417 9 15.2208 9.05417 15.2625 9.1625C15.3042 9.27083 15.2833 9.36667 15.2 9.45L13.425 10.85L14.075 12.95C14.1083 13.0667 14.075 13.1625 13.975 13.2375C13.875 13.3125 13.775 13.3083 13.675 13.225L12 11.925ZM12 21L7.325 22.55C6.99167 22.6667 6.6875 22.625 6.4125 22.425C6.1375 22.225 6 21.9583 6 21.625V15.275C5.36667 14.575 4.875 13.775 4.525 12.875C4.175 11.975 4 11.0167 4 10C4 7.76667 4.775 5.875 6.325 4.325C7.875 2.775 9.76667 2 12 2C14.2333 2 16.125 2.775 17.675 4.325C19.225 5.875 20 7.76667 20 10C20 11.0167 19.825 11.975 19.475 12.875C19.125 13.775 18.6333 14.575 18 15.275V21.625C18 21.9583 17.8625 22.225 17.5875 22.425C17.3125 22.625 17.0083 22.6667 16.675 22.55L12 21ZM16.25 14.25C17.4167 13.0833 18 11.6667 18 10C18 8.33333 17.4167 6.91667 16.25 5.75C15.0833 4.58333 13.6667 4 12 4C10.3333 4 8.91667 4.58333 7.75 5.75C6.58333 6.91667 6 8.33333 6 10C6 11.6667 6.58333 13.0833 7.75 14.25C8.91667 15.4167 10.3333 16 12 16C13.6667 16 15.0833 15.4167 16.25 14.25ZM8 20.025L12 19L16 20.025V16.925C15.4167 17.2583 14.7875 17.5208 14.1125 17.7125C13.4375 17.9042 12.7333 18 12 18C11.2667 18 10.5625 17.9042 9.8875 17.7125C9.2125 17.5208 8.58333 17.2583 8 16.925V20.025Z", fill: "currentColor" })), this.size === 28 && e(a, { key: "22ddea3bf3eb32bfe569987e2425f2b36dd28228" }, e("path", { key: "c48dec42dc0926045019d788ee606e2dce73c500", d: "M14 13.9122L12.0167 15.4288C11.9 15.5261 11.7833 15.5309 11.6667 15.4434C11.55 15.3559 11.5111 15.2441 11.55 15.108L12.3083 12.658L10.2667 11.0247C10.1694 10.9275 10.1403 10.8156 10.1792 10.6893C10.2181 10.5629 10.3056 10.4997 10.4417 10.4997H12.95L13.7083 8.10801C13.7472 7.9719 13.8444 7.90384 14 7.90384C14.1556 7.90384 14.2528 7.9719 14.2917 8.10801L15.05 10.4997H17.5292C17.6653 10.4997 17.7576 10.5629 17.8062 10.6893C17.8549 10.8156 17.8306 10.9275 17.7333 11.0247L15.6625 12.658L16.4208 15.108C16.4597 15.2441 16.4208 15.3559 16.3042 15.4434C16.1875 15.5309 16.0708 15.5261 15.9542 15.4288L14 13.9122ZM14 24.4997L8.54583 26.308C8.15694 26.4441 7.80208 26.3955 7.48125 26.1622C7.16042 25.9288 7 25.6177 7 25.2288V17.8205C6.26111 17.0038 5.6875 16.0705 5.27917 15.0205C4.87083 13.9705 4.66667 12.8525 4.66667 11.6663C4.66667 9.06079 5.57083 6.85384 7.37917 5.04551C9.1875 3.23717 11.3944 2.33301 14 2.33301C16.6056 2.33301 18.8125 3.23717 20.6208 5.04551C22.4292 6.85384 23.3333 9.06079 23.3333 11.6663C23.3333 12.8525 23.1292 13.9705 22.7208 15.0205C22.3125 16.0705 21.7389 17.0038 21 17.8205V25.2288C21 25.6177 20.8396 25.9288 20.5187 26.1622C20.1979 26.3955 19.8431 26.4441 19.4542 26.308L14 24.4997ZM18.9583 16.6247C20.3194 15.2636 21 13.6108 21 11.6663C21 9.7219 20.3194 8.06912 18.9583 6.70801C17.5972 5.3469 15.9444 4.66634 14 4.66634C12.0556 4.66634 10.4028 5.3469 9.04167 6.70801C7.68056 8.06912 7 9.7219 7 11.6663C7 13.6108 7.68056 15.2636 9.04167 16.6247C10.4028 17.9858 12.0556 18.6663 14 18.6663C15.9444 18.6663 17.5972 17.9858 18.9583 16.6247ZM9.33333 23.3622L14 22.1663L18.6667 23.3622V19.7455C17.9861 20.1344 17.2521 20.4406 16.4646 20.6643C15.6771 20.8879 14.8556 20.9997 14 20.9997C13.1444 20.9997 12.3229 20.8879 11.5354 20.6643C10.7479 20.4406 10.0139 20.1344 9.33333 19.7455V23.3622Z", fill: "currentColor" })));
+  }
+};
+d.style = C();
+export {
+  d as swirl_icon_workspace_premium
+};

package/dist/swirl-icon-zoom-in.entry.9aae538f.js

@@ -0,0 +1,19 @@
+import { r as t, h as r, F as a } from "./index.3f3eed14.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const d = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", n = 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 = s("swirl-icon", `swirl-icon--size-${this.size}`), o = Boolean(this.label);
+    return r("svg", { key: "8c0ea59f183f887a74600f54a8aeef71d1318a06", "aria-hidden": o ? void 0 : "true", class: c, fill: "none", height: this.size, part: "icon", role: o ? "img" : void 0, style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, o && r("title", { key: "fcfdfc327c9ef373267c912fd4a130fb35a504d3" }, this.label), this.size === 16 && r(a, { key: "b9437fd443ddc7277872ddb0b56170715151540c" }, r("path", { key: "4dc72a5fa1ccfb9912f94a1940b1b9b9cfe1687f", d: "M5.66667 7H5q-.28333 0-.475-.19167t-.19167-.475q0-.28333.19167-.475T5 5.66666h.66667V5q0-.28334.19166-.475t.475-.19167q.28334 0 .475.19167T7 5v.66666h.66667q.28333 0 .475.19167t.19167.475q0 .28333-.19167.475T7.66667 7H7v.66666q0 .28334-.19167.475t-.475.19167q-.28333 0-.475-.19166t-.19166-.475V7Zm.66666 3.66667q-1.81666 0-3.075-1.25834T2 6.33333q0-1.81667 1.25833-3.075T6.33333 2Q8.15 2 9.40833 3.25833t1.25834 3.075q0 .73333-.23333 1.38334T9.8 8.86667L13.53334 12.6q.18333.18333.18333.46667t-.18333.46666q-.18334.18334-.46667.18334T12.6 13.53333L8.86667 9.8q-.5.4-1.15.63333t-1.38334.23334Zm0-1.33334q1.25 0 2.125-.875t.875-2.125q0-1.25-.875-2.125t-2.125-.875q-1.25 0-2.125.875t-.875 2.125q0 1.25.875 2.125t2.125.875Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && r(a, { key: "7ccc0eceb46d6984a126944e3efe823f3acb6ffe" }, r("path", { key: "190d0bfad57741f7bb4c13f5eecf8af60ebc83f1", d: "M8.5 10.5h-1q-.425 0-.7125-.2875T6.5 9.5q0-.425.2875-.7125T7.5 8.5h1v-1q0-.425.2875-.7125T9.5 6.5q.425 0 .7125.2875T10.5 7.5v1h1q.425 0 .7125.2875T12.5 9.5q0 .425-.2875.7125T11.5 10.5h-1v1q0 .425-.2875.7125T9.5 12.5q-.425 0-.7125-.2875T8.5 11.5v-1Zm1 5.5q-2.725 0-4.6125-1.8875T3 9.5q0-2.725 1.8875-4.6125T9.5 3q2.725 0 4.6125 1.8875T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7q-.275.275-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16Zm0-2q1.875 0 3.1875-1.3125T14 9.5q0-1.875-1.3125-3.1875T9.5 5Q7.625 5 6.3125 6.3125T5 9.5q0 1.875 1.3125 3.1875T9.5 14Z", fill: "currentColor" })), this.size === 28 && r(a, { key: "afb8f4e61fe42de38a5dc356e563878fabef641d" }, r("path", { key: "78b453518c4a573baa9e35a20a41ba36f7962096", d: "M9.91667 12.25H8.75q-.49583 0-.83125-.33542t-.33542-.83125q0-.49583.33542-.83125T8.75 9.91666h1.16667V8.75q0-.49584.33541-.83125t.83125-.33542q.49584 0 .83125.33542T12.25 8.75v1.16666h1.16667q.49583 0 .83125.33542t.33541.83125q0 .49583-.33541.83125t-.83125.33542H12.25v1.16667q0 .49583-.33542.83125t-.83125.33541q-.49583 0-.83125-.33541t-.33541-.83126V12.25Zm1.16666 6.41667q-3.17916 0-5.38125-2.20209T3.5 11.08333q0-3.17917 2.20208-5.38125T11.08333 3.5q3.17917 0 5.38126 2.20208t2.20208 5.38125q0 1.28333-.40833 2.42084T17.15 15.51667L23.68334 22.05q.32083.32083.32083.81667t-.32083.81666q-.32084.32084-.81667.32084t-.81667-.32084L15.51667 17.15q-.875.7-2.0125 1.10833t-2.42084.40834Zm0-2.33334q2.1875 0 3.71876-1.53125t1.53125-3.71875q0-2.1875-1.53125-3.71875t-3.71876-1.53125q-2.1875 0-3.71875 1.53125t-1.53125 3.71875q0 2.1875 1.53125 3.71875t3.71875 1.53125Z", fill: "currentColor" })));
+  }
+};
+n.style = d();
+export {
+  n as swirl_icon_zoom_in
+};

package/dist/swirl-icon-zoom-out.entry.681c665f.js

@@ -0,0 +1,19 @@
+import { r as t, h as e, F as a } from "./index.3f3eed14.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const d = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", l = class {
+  constructor(r) {
+    t(this, r), this.size = 24;
+  }
+  render() {
+    const r = this.size === 20 ? 24 : this.size, i = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
+    }, c = s("swirl-icon", `swirl-icon--size-${this.size}`), o = Boolean(this.label);
+    return e("svg", { key: "f969317c70bf7e0f4db30647f35295026222f9ba", "aria-hidden": o ? void 0 : "true", class: c, fill: "none", height: this.size, part: "icon", role: o ? "img" : void 0, style: i, viewBox: `0 0 ${r} ${r}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, o && e("title", { key: "266c3d11e7cd5bcde87c1097b6a3e948d1e6ab05" }, this.label), this.size === 16 && e(a, { key: "153c7e4d1037f4fca03d39ee4e9cdfb4a4f811e1" }, e("path", { key: "5d21000e5dcf9855a9d4f4efb4d7ababa22a7e91", d: "M5.33333 7q-.28333 0-.475-.19167t-.19166-.475q0-.28333.19166-.475t.475-.19167h2q.28334 0 .475.19167T8 6.33333q0 .28333-.19167.475T7.33333 7h-2Zm1 3.66667q-1.81666 0-3.075-1.25834T2 6.33333q0-1.81667 1.25833-3.075T6.33333 2Q8.15 2 9.40833 3.25833t1.25834 3.075q0 .73333-.23333 1.38334T9.8 8.86667L13.53334 12.6q.18333.18333.18333.46667t-.18333.46666q-.18334.18334-.46667.18334T12.6 13.53333L8.86667 9.8q-.5.4-1.15.63333t-1.38334.23334Zm0-1.33334q1.25 0 2.125-.875t.875-2.125q0-1.25-.875-2.125t-2.125-.875q-1.25 0-2.125.875t-.875 2.125q0 1.25.875 2.125t2.125.875Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, { key: "d36b7cd06cde586aa3ef8fbac358f1de00b7c782" }, e("path", { key: "05ce8fa4f3a89c3a1697ca96342ef323359165a7", d: "M8 10.5q-.425 0-.7125-.2875T7 9.5q0-.425.2875-.7125T8 8.5h3q.425 0 .7125.2875T12 9.5q0 .425-.2875.7125T11 10.5H8ZM9.5 16q-2.725 0-4.6125-1.8875T3 9.5q0-2.725 1.8875-4.6125T9.5 3q2.725 0 4.6125 1.8875T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7q-.275.275-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16Zm0-2q1.875 0 3.1875-1.3125T14 9.5q0-1.875-1.3125-3.1875T9.5 5Q7.625 5 6.3125 6.3125T5 9.5q0 1.875 1.3125 3.1875T9.5 14Z", fill: "currentColor" })), this.size === 28 && e(a, { key: "2124814e3dfc5a7d64aebe592cc987892949ee8c" }, e("path", { key: "629a9316eee1f5a55f7ab338976870ed96595d94", d: "M9.33333 12.25q-.49583 0-.83125-.33542t-.33541-.83125q0-.49583.33541-.83125t.83125-.33542h3.5q.49584 0 .83125.33542T14 11.08333q0 .49583-.33542.83125t-.83125.33542h-3.5Zm1.75 6.41667q-3.17916 0-5.38125-2.20209T3.5 11.08333q0-3.17917 2.20208-5.38125T11.08333 3.5q3.17917 0 5.38126 2.20208t2.20208 5.38125q0 1.28333-.40833 2.42084T17.15 15.51667L23.68334 22.05q.32083.32083.32083.81667t-.32083.81666q-.32084.32084-.81667.32084t-.81667-.32084L15.51667 17.15q-.875.7-2.0125 1.10833t-2.42084.40834Zm0-2.33334q2.1875 0 3.71876-1.53125t1.53125-3.71875q0-2.1875-1.53125-3.71875t-3.71876-1.53125q-2.1875 0-3.71875 1.53125t-1.53125 3.71875q0 2.1875 1.53125 3.71875t3.71875 1.53125Z", fill: "currentColor" })));
+  }
+};
+l.style = d();
+export {
+  l as swirl_icon_zoom_out
+};

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

@@ -0,0 +1,17 @@
+import { r as a, h as o, H as i } from "./index.3f3eed14.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const s = () => ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}", t = class {
+  constructor(r) {
+    a(this, r), this.size = 24, this.wrapperSize = "m";
+  }
+  render() {
+    const r = `swirl-icon-${this.glyph}`, e = c("icon-wrapper", `icon-wrapper--size-${this.wrapperSize}`, `icon-wrapper--background-color-${this.wrapperColor}`);
+    return o(i, null, (() => this.wrapperColor ? o("div", { class: e }, o(r, { color: this.color, label: this.label, size: this.size })) : o(r, { color: this.color, label: this.label, size: this.size }))());
+  }
+};
+t.style = s();
+export {
+  t as swirl_icon
+};

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

@@ -0,0 +1,95 @@
+import { r as l, c as d, h as t, F as c, H as m, g as h } from "./index.3f3eed14.js";
+import { c as b } from "./index-orsBiyT_.fc4357c3.js";
+import { d as u } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const f = () => ':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{position:absolute;z-index:3;border:0.125rem solid var(--s-focus-default);content:"";inset:0}button.image-grid-item:focus-visible:after{position:absolute;z-index:2;border:0.1875rem solid var(--s-background-default);content:"";inset:0}.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--has-watermark .image-grid-item__watermark{display:inline-flex}.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%;transition:opacity 0.3s ease-in;opacity:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__watermark{position:absolute;z-index:1;top:var(--s-space-8);right:var(--s-space-8);display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.image-grid-item__watermark ::slotted(img){width:3rem;height:auto;pointer-events:none}.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%;transition:opacity 0.2s;transform:translate3d(-50%, -50%, 0);opacity:0}.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}', p = 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 = u((e) => {
+      const r = [...e].sort((s, n) => s.time - n.time);
+      this.inViewport = r.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 r, s;
+      (r = this.img) == null || r.removeEventListener("load", this.onLoad), (s = this.img) == null || s.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() {
+    this.setupIntersectionObserver();
+  }
+  componentDidRender() {
+    var i;
+    ((i = this.img) == null ? void 0 : i.complete) && !this.loaded && (this.loaded = !0);
+  }
+  connectedCallback() {
+    this.computedSrc = this.src, this.setupIntersectionObserver();
+  }
+  disconnectedCallback() {
+    var i, e, r;
+    (i = this.intersectionObserver) == null || i.disconnect(), this.intersectionObserver = void 0, (e = this.img) == null || e.removeEventListener("load", this.onLoad), (r = this.img) == null || r.removeEventListener("error", this.onError);
+  }
+  setupIntersectionObserver() {
+    this.loading !== "intersecting" || this.intersectionObserver || (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, r) => {
+      const s = new Image();
+      s.src = i, s.onload = (n) => {
+        const o = n.target, a = document.createElement("canvas"), g = a.getContext("2d");
+        a.width = o.width, a.height = o.height, g.drawImage(o, 0, 0, o.width, o.height), e(a.toDataURL("image/jpeg"));
+      }, s.onerror = () => r();
+    });
+  }
+  render() {
+    var o, a;
+    const i = this.interactive ? "button" : "div", e = this.gifPaused || this.loading !== "intersecting" || this.inViewport, r = (a = Math.min((o = this.el.parentElement) == null ? void 0 : o.children.length, 4)) != null ? a : 1, s = !!this.el.querySelector('[slot="watermark"]'), n = b("image-grid-item", {
+      "image-grid-item--has-error": this.error,
+      "image-grid-item--has-overlay": this.overlay,
+      "image-grid-item--has-watermark": s,
+      "image-grid-item--loaded": this.loaded,
+      "image-grid-item--gif-paused": this.gifPaused
+    });
+    return t(m, { key: "088137e51d7c411a6dbecd6259a115c3ed1c2ff5", "data-sibling-count": r, role: "listitem" }, t(i, { key: "aa66e041f505acfbcd89f74c21555688d723ee40", class: n, type: this.interactive ? "button" : void 0 }, t("div", { key: "8fc375294963ffeb466f1d8485ebccd10d3a15fa", class: "image-grid-item__background", style: {
+      backgroundImage: e ? `url(${this.computedSrc})` : void 0
+    } }), e ? t(c, null, 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("span", { class: "image-grid-item__watermark" }, t("slot", { name: "watermark" }))) : t("div", { class: "image-grid-item__loading-placeholder" }, t("swirl-visually-hidden", null, this.alt)), this.showGifControls && t("swirl-button", { key: "07c4aaa67bf33c5d6b874804ca1708c2e3e37a9a", 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: "0aaab58efc6d00b1ed5c0eb925b11ceb8f0dfb78", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && t("div", { key: "c4d226159ef8d6cfeb0f206819d0487426b5c43b", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && t("swirl-skeleton-box", { key: "3009b11dc3621d7d8ed668e94121c93753d98d56", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && t("div", { key: "35fdfff11c524e48718f6001a9e22dd73afae96c", class: "image-grid-item__error" }, t("swirl-icon-error", { key: "170285aef92f53427a467f408ba69945e892737c", color: "critical" }))));
+  }
+  get el() {
+    return h(this);
+  }
+  static get watchers() {
+    return {
+      src: [{
+        watchSrcProp: 0
+      }]
+    };
+  }
+};
+p.style = f();
+export {
+  p as swirl_image_grid_item
+};

package/dist/swirl-image-grid.entry.d8353df3.js

@@ -0,0 +1,51 @@
+import { r as a, h as t, H as r, g as c } from "./index.3f3eed14.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const d = () => ":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 = o("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: "50b7e5f59f28a32b2e4b9795efc2f0a9e753813e" }, t("div", { key: "033ea595af752c11edbe3ecf20864f041a23f6da", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "37aa1e01c159801dc75f796a97e80b521fc42e6b", onSlotchange: this.updateItems })));
+  }
+  get el() {
+    return c(this);
+  }
+};
+m.style = d();
+export {
+  m as swirl_image_grid
+};

package/dist/swirl-inline-notification.entry.ee120a48.js

@@ -0,0 +1,17 @@
+import { r as e, h as i, H as t } from "./index.3f3eed14.js";
+import { c as a } 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);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--border-radius-xs{border-radius:var(--s-border-radius-xs)}.inline-notification--border-radius-sm{border-radius:var(--s-border-radius-sm)}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = class {
+  constructor(n) {
+    e(this, n), this.importance = "status", this.intent = "info", this.borderRadius = "sm";
+  }
+  render() {
+    const n = a("inline-notification", `inline-notification--intent-${this.intent}`, `inline-notification--border-radius-${this.borderRadius}`);
+    return i(t, { key: "7522a5ec01de5f9e5997779a363462657219788e" }, i("div", { key: "b40726eb643d036a4070c2988de0216287dd594a", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "64b32ecd121b03eb7a616da32174a245382d67d4", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "89f26557c916e369bba31fcefbb1b9aea7d96950", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "8150393c11c44fdefe413180935d11b8af2afc08", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "e594a1b00601fd1a4a6e21653408d700ea8888a1", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "d3c927e5fd326f059621dad08bc44e71573bc66c", size: 20 })), i("span", { key: "babd72af2b59c3e867d45f0b2623f1d7a9a60b3e", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "1beb22d318c29342bb243c1aba3e716207760d67" }, this.heading) || i("swirl-text", { key: "8bfbec0608132ed521e1068360058acf62f2e538", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "9940542a9a3ed2abfda9bac1d590ae97393bf0ce" }))));
+  }
+};
+s.style = o();
+export {
+  s as swirl_inline_notification
+};

package/dist/swirl-inline-status.entry.81eda27f.js

@@ -0,0 +1,37 @@
+import { r as e, h as s, H as a } from "./index.3f3eed14.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { D as r } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.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: "81039cc41edbc7c13e43cb84d7324ba576f72979" }, s("span", { key: "cfc8eef5749e8648cbc296db2eb51f81ca0477f1", class: i, part: "inline-status" }, this.icon && s("span", { key: "0c3294e3bb2b8ad91c78e8110c879f03aca0b206", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "639fd199d01309d4d6a555bc8d9004d18e336c70", class: "inline-status__message" }, this.message)));
+  }
+};
+l.style = c();
+export {
+  l as swirl_inline_status
+};

package/dist/swirl-lightbox.entry.6f9cd5d8.js

@@ -0,0 +1,155 @@
+import { r as g, c as r, h as o, H as u, g as f } from "./index.3f3eed14.js";
+import { d as x, e as m } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { t as h } from "./index.esm-DBTxpXCn.fccbd562.js";
+import { q as v } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const S = () => ":host{display:block}:host *{box-sizing:border-box}.lightbox{--swirl-lightbox-view-height:100vh;position:fixed;z-index:var(--s-z-40);display:block;overflow:visible;width:auto;max-width:none;height:var(--swirl-lightbox-view-height);max-height:none;margin:0;padding:0;border:none;background-color:rgba(0, 0, 0, 1);inset:0}.lightbox::backdrop{display:none}.lightbox:not([open]){display:none}@supports (height: 100dvh){.lightbox{--swirl-lightbox-view-height:100dvh}}@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__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:calc(var(--s-space-12) + env(safe-area-inset-top, 0))     var(--s-space-16) var(--s-space-12);align-items:flex-start;pointer-events:none;gap:var(--s-space-12);justify-content:space-between}.lightbox__header .lightbox__close-button{order:-1}@media (min-width: 768px){.lightbox__header{justify-content:flex-end}.lightbox__header .lightbox__close-button{order:unset}}.lightbox__toolbar{display:flex;align-items:center;pointer-events:auto;gap:var(--s-space-12)}.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__download-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__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{width:2.25rem;height:2.25rem}}.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}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}", _ = class {
+  constructor(t) {
+    g(this, t), this.activeSlideChange = r(this, "activeSlideChange", 7), this.lightboxClose = r(this, "lightboxClose", 7), this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.opening = !1, this.componentLoaded = !1, this.dragging = !1, this.onKeyDown = (e) => {
+      e.code === "Escape" ? (e.stopImmediatePropagation(), e.preventDefault(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick();
+    }, this.preventDragStart = (e) => {
+      e.preventDefault();
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onDownloadButtonClick = () => {
+      var e;
+      (e = this.slides[this.activeSlideIndex]) == null || e.download();
+    }, this.onNextSlideClick = () => {
+      var e;
+      this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1)), this.activeSlideIndex === this.slides.length - 1 && (this.slides.length > 1 ? this.previousSlideButton.focus() : (e = h(this.modalEl).at(0)) == null || e.focus());
+    }, this.onPreviousSlideClick = () => {
+      var e;
+      this.activateSlide(Math.max(0, this.activeSlideIndex - 1)), this.activeSlideIndex === 0 && (this.slides.length > 1 ? this.nextSlideButton.focus() : (e = h(this.modalEl).at(0)) == null || e.focus());
+    }, this.registerSlides = () => {
+      this.removeSlideListeners(), this.slides = Array.from(this.el.children).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
+    }, this.onPointerDown = (e) => {
+      this.slides.length <= 1 || (this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((i) => {
+        i.style.transition = "none";
+      }));
+    }, this.onPointerMove = async (e) => {
+      var l, n;
+      if (!this.dragging)
+        return;
+      const i = !(e instanceof MouseEvent) && e.touches.length > 1, s = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), a = Boolean(s) ? await s.getZoom() > 1 : !1;
+      if (i || a)
+        return;
+      e.preventDefault();
+      const c = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((d) => {
+        const b = this.activeSlideIndex * d.getBoundingClientRect().width;
+        this.dragDelta = c, d.style.transform = `translate3d(${(-b + this.dragDelta) / 16}rem, 0, 0)`;
+      });
+    }, this.onPointerUp = () => {
+      if (!this.dragging)
+        return;
+      this.dragging = !1, this.dragStartPosition = void 0;
+      const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      this.dragDelta = 0;
+      const i = e > 0.2, s = e < -0.2;
+      this.slides.forEach((a) => {
+        a.style.transition = "";
+      }), i ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+    }, this.onBackdropClick = (e) => {
+      e.target === this.slidesContainer && this.close();
+    }, this.onContextMenu = (e) => {
+      this.downloadButtonEnabled || e.preventDefault();
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && this.registerSlides();
+  }
+  componentWillLoad() {
+    this.registerSlides();
+  }
+  componentDidLoad() {
+    this.ensureOpening(), this.setDialogCustomProps(), this.activateSlide(0), this.componentLoaded = !0;
+  }
+  disconnectedCallback() {
+    var t;
+    this.unlockBodyScroll(), this.removeSlideListeners(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout), (t = this.modalEl) != null && t.open && this.modalEl.close();
+  }
+  watchActiveSlideIndex() {
+    this.activeSlideChange.emit(this.activeSlideIndex);
+  }
+  async open() {
+    this.opening = !0, this.modalEl && (this.modalEl.showModal(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0));
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), this.closingTimeout && (clearTimeout(this.closingTimeout), this.closingTimeout = void 0), this.closingTimeout = setTimeout(() => {
+      this.resetImageZoom(), this.stopAllMediaPlayers(), this.modalEl.close(), this.closing = !1, this.lightboxClose.emit();
+    }, 150));
+  }
+  async activateSlide(t) {
+    this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((e, i) => {
+      i === this.activeSlideIndex ? (e.removeAttribute("aria-hidden"), e.setAttribute("active", "true")) : i === this.activeSlideIndex - 1 || i === this.activeSlideIndex + 1 ? (e.setAttribute("aria-hidden", "true"), e.setAttribute("active", "true")) : e.setAttribute("aria-hidden", "true"), e.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), this.activateSlideTimeout && (clearTimeout(this.activateSlideTimeout), this.activateSlideTimeout = void 0), this.activateSlideTimeout = setTimeout(() => {
+      this.slides.forEach((e, i) => {
+        i !== this.activeSlideIndex && i !== this.activeSlideIndex - 1 && i !== this.activeSlideIndex + 1 && e.setAttribute("active", "false");
+      });
+    }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
+  }
+  ensureOpening() {
+    var t;
+    this.opening && !((t = this.modalEl) != null && t.open) && this.open();
+  }
+  setDialogCustomProps() {
+    this.modalEl.setAttribute("closedby", "none");
+  }
+  setSlideAttributes() {
+    this.slides.forEach((t) => {
+      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group"), t.addEventListener("dragstart", this.preventDragStart);
+    });
+  }
+  removeSlideListeners() {
+    var t;
+    (t = this.slides) == null || t.forEach((e) => {
+      e.removeEventListener("dragstart", this.preventDragStart);
+    });
+  }
+  resetSlidePositions() {
+    this.slides.forEach((t) => {
+      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    });
+  }
+  lockBodyScroll() {
+    x(this.el);
+  }
+  unlockBodyScroll() {
+    m(this.el);
+  }
+  getMediaPlayers() {
+    return v(this.el, "video");
+  }
+  stopAllMediaPlayers() {
+    this.getMediaPlayers().forEach((t) => t.pause());
+  }
+  resetImageZoom() {
+    this.slides.forEach((t) => {
+      var i;
+      const e = (i = t == null ? void 0 : t.shadowRoot) == null ? void 0 : i.querySelector("swirl-file-viewer-image");
+      Boolean(e) && e.resetZoom();
+    });
+  }
+  render() {
+    const t = this.slides.length > 1, e = p("lightbox", {
+      "lightbox--closing": this.closing
+    });
+    return o(u, { key: "b57ed9694563ea6c05b1d2205040522a9aad9abe" }, o("dialog", { key: "7b72a1ec98233c97913598d44f1b69b28616a1f9", "aria-label": this.label, class: e, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (i) => this.modalEl = i }, o("div", { key: "e6257d6168036c7b9aedc83a6ba973cda315e48d", class: "lightbox__body", role: "document" }, o("header", { key: "85f5129b91fc80d902ee8eda6bbd610c96073ad1", class: "lightbox__header" }, o("div", { key: "13cfbee6b4967f9269398f5ef9d2a187845a5194", class: "lightbox__toolbar" }, o("slot", { key: "3f36d81f0fbf9ea49597bb0a4fb297f07824323c", name: "toolbar" }), this.downloadButtonEnabled && o("button", { key: "f825ec32419887c87b1ca711ec6402d9b656ef48", "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, o("swirl-icon-download", { key: "beb421c318f2145423c6f211adea79c2dbaf0e7c" }))), o("button", { key: "37bcc0b314bed546cda2c26a7546d50a719e13e5", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, o("swirl-icon-close", { key: "04642371414270a7be225a1e7e38ba336f8e778a" }))), o("div", { key: "7c98b24c94e8b78679bfbbd824e946f7706a38f2", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { key: "d7de2b73367769d079e13b712c89eb94c9977a2d", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (i) => this.slidesContainer = i }, o("slot", { key: "056b216f4e39e9e0530f9d9f4cfda29160b5aadc", onSlotchange: this.registerSlides }))), o("div", { key: "81ffd411f4444f82f13309a6ddab1b2581b97071", class: "lightbox__controls" }, o("button", { key: "fe8b9aba47c555cd62d120f4002495ddbc7425af", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (i) => this.previousSlideButton = i }, o("swirl-icon-arrow-left", { key: "6f64ba9eed6675d49638d9092ede6e2da4dffb79" })), o("button", { key: "5883c019d222e6d17e86bdb890e09093fa5bc4a5", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (i) => this.nextSlideButton = i }, o("swirl-icon-arrow-right", { key: "ce3748e8643d90cdaf84e79059159cf4cdba3646" }))), t && o("span", { key: "68c69999345dd97679ced234c80ca7f110664355", class: "lightbox__pagination" }, o("span", { key: "7402c7bbfb62767a4a33b295531139e2f92b6a4a", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
+  }
+  get el() {
+    return f(this);
+  }
+  static get watchers() {
+    return {
+      activeSlideIndex: [{
+        watchActiveSlideIndex: 0
+      }]
+    };
+  }
+};
+_.style = S();
+export {
+  _ as swirl_lightbox
+};

package/dist/swirl-link.entry.db80cd23.js

@@ -0,0 +1,17 @@
+import { r as i, h as r, H as t } from "./index.3f3eed14.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: "a42f7ab1e0d1c11fdf0610466d16f3b49a95e590" }, r("a", { key: "2ee2eba58a1e518c769fe674d8cd6d85708f9b1a", 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.c6471fba.js

@@ -0,0 +1,18 @@
+import { r as l, h as e, H as r } from "./index.3f3eed14.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(i) {
+    l(this, i);
+  }
+  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 e(r, { key: "08cf6520df6b0b06107639876ab5f89ec732d008" }, e("div", { key: "7faed24efb2898c2a317dcef289c9b9348a98cb5", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "aa3b41b7fb02c7456c1b6a992553ba9a8fe4bff9" })));
+  }
+};
+n.style = s();
+export {
+  n as swirl_list
+};