@getflip/swirl-components-react 0.208.3 → 0.210.0

package/dist/swirl-carousel-slide.entry.b0feaf5d.js

@@ -1,19 +0,0 @@
-import { r as i, h as s, H as t } from "./index.552aa8bc.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", r = o, a = class {
-  constructor(e) {
-    i(this, e), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const e = l("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return s(t, { key: "b50291e7bf2669c2ec615fce2d37f6c9f5efde04", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, s("slot", { key: "5c1d732652c965ab30074809e1083e8626aad0a1" }));
-  }
-};
-a.style = r;
-export {
-  a as swirl_carousel_slide
-};

package/dist/swirl-description-list.entry.8853067e.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.552aa8bc.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", c = r, o = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "6f3211972a030980c828bf3dfed9a5680824a41d" }, i("div", { key: "a74c64c6cd76be0b7a7413bce08b7c13c2e8cca7", class: "description-list", role: "list" }, i("slot", { key: "60728780e9121d16f0ee9b47c0c8d6673a5b4911" })));
-  }
-};
-o.style = c;
-export {
-  o as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.669485f0.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.552aa8bc.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "dba5636740e47f7033ddf32f2842aa4650ac6aa9" }, this.size === 16 && e("img", { key: "edac375b14a49d9cf147d7dca3c652efe46bd1fc", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && e("img", { key: "91ca9c55fa0023fc59bd5fd11e88c79ed3371085", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && e("img", { key: "f554309ca245fb8c39447ede1d2ddf2872fb7e6f", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && e("img", { key: "aecf48d03c63cdc42df4e1bce2e7ddeb40ba33a4", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_clap
-};

package/dist/swirl-emoji-idea.entry.08e57144.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.552aa8bc.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "d5999dd22cbefddc20bea3b1e06d5308268d2889" }, this.size === 16 && e("img", { key: "3f2197a58870cb95fe275ad63c414e4ac142109d", alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && e("img", { key: "0ab0412b4399cfdf77976ff243f16a748302b992", alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && e("img", { key: "c20b114e7c47b6f02128b13080ae37f19594b774", alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && e("img", { key: "92de29d3f352f656fcca5fd22799cd8c2d7d71e7", alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.b1db0c67.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.552aa8bc.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", o = l, c = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "1542ea8c69146ee7e9c7d4866d9447ecbb98179b" }, this.size === 16 && s("img", { key: "10449d409cd251ba06f6fda9ad6006a4b3949bd8", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "637bb03f63578140e5d14af68b187117e84ebb28", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "36c4816c785b1a5c92048367f49d6f56bff72424", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "83d983fcbfc8e1c1a3ee117d12845d4986051f85", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.64603ab3.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.552aa8bc.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", d = l, c = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "7f5623288f93b69943ee0db713bd8e9d87fa436e" }, this.size === 16 && e("img", { key: "0beec57d6992ab7fcbbf3aaf75cd816dd0d8d43a", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "fd658587a306b0f33fc3128697eae5151334b8a5", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "dba0cd3086682a659c7ab2a80a36504df781a157", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "e1f2359edb82c3184b802094f0ae1d35c1d16c29", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-c.style = d;
-export {
-  c as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.1ac561b9.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.552aa8bc.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", h = a, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = c("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "2f5b5ec8ee7cbdf2443c20fcf74ada4777603e15" }, this.size === 16 && e("img", { key: "3e0c1d485f925e42b7bb4e77fc6ffd59ff140795", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "a25525218c0fbfe4e698d95aa46e9601a6acb3d8", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "8eb6cf5c0dcbb11d46d71a7dc139098acb55d894", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "c6181125c6e04992fc0f5d149106c123bdfdddd1", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.4d250a87.js

@@ -1,16 +0,0 @@
-import { r as i, h as e, H as t } from "./index.552aa8bc.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return e(t, { key: "cf6e5677b1995216fe2e9dc0b4da4640ce68cbdd" }, e(s, { key: "fda88bec3865df750ac5044b251758fb5b032307", label: this.label, size: this.size }));
-  }
-};
-l.style = o;
-export {
-  l as swirl_emoji
-};

package/dist/swirl-icon-arrow-right-small.entry.dbe825d8.js

@@ -1,19 +0,0 @@
-import { r, h as e, F as s } from "./index.552aa8bc.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = a, n = class {
-  constructor(i) {
-    r(this, i), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "800441c8c2c1b8ee981bd548196dc8ab67f6d834", "aria-hidden": "true", class: c, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "5906d0eb1f4d80782bee00b71ecb1c5ee35b01a1" }, e("path", { key: "17c792ed6c267faa7fe2437c683d3735805a9e42", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "48bfdc8dd7e514d75d3ce4a7584ee892fd408cca" }, e("path", { key: "b85e4551746472e4798faadc1cc84a81c3448a12", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "659b39f3303e3c8577f34a8a92931d4af5200670" }, e("path", { key: "076867cf8846a00fcddef0a6171e64090edc9cb1", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon-menu-filled.entry.8e3a75f6.js

@@ -1,19 +0,0 @@
-import { r, h as e, F as i } from "./index.552aa8bc.js";
-import { c as l } from "./index-267776a4.6beb4f4b.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%}", d = s, o = class {
-  constructor(c) {
-    r(this, c), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const c = this.size === 20 ? 24 : this.size, a = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = l("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "b04c6e5920fb92012a32221e827176e3624cf5d0", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${c} ${c}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "95b9beaa73fffc2739211c816cb4d69c5ae9516c" }, e("path", { key: "c9d4c982bf0ff6f0c43209cee712d853e432408b", d: "M2 3.33333C2 2.59695 2.59695 2 3.33333 2H6C6.73638 2 7.33333 2.59695 7.33333 3.33333V6C7.33333 6.73638 6.73638 7.33333 6 7.33333H3.33333C2.59695 7.33333 2 6.73638 2 6V3.33333Z", fill: "currentColor" }), e("path", { key: "aa7852e9878c7b90769617e7196137c1160d2419", d: "M2 10C2 9.26362 2.59695 8.66667 3.33333 8.66667H6C6.73638 8.66667 7.33333 9.26362 7.33333 10V12.6667C7.33333 13.403 6.73638 14 6 14H3.33333C2.59695 14 2 13.403 2 12.6667V10Z", fill: "currentColor" }), e("path", { key: "9ec233a6d0494aa22f2473bb748151bbfa84120d", d: "M8.66667 3.33333C8.66667 2.59695 9.26362 2 10 2H12.6667C13.403 2 14 2.59695 14 3.33333V6C14 6.73638 13.403 7.33333 12.6667 7.33333H10C9.26362 7.33333 8.66667 6.73638 8.66667 6V3.33333Z", fill: "currentColor" }), e("path", { key: "8ae95fab102469df679597d550e9b6ee921811d4", d: "M8.66667 10C8.66667 9.26362 9.26362 8.66667 10 8.66667H12.6667C13.403 8.66667 14 9.26362 14 10V12.6667C14 13.403 13.403 14 12.6667 14H10C9.26362 14 8.66667 13.403 8.66667 12.6667V10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "2476dcd3a6f4ac1720b2e66329d209d2727b5c6c" }, e("path", { key: "a842d79bc4ee26056d646bd5e6e95407cabadb00", d: "M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5Z", fill: "currentColor" }), e("path", { key: "01526d4041c262839f9be77d250c713d726a5202", d: "M3 15C3 13.8954 3.89543 13 5 13H9C10.1046 13 11 13.8954 11 15V19C11 20.1046 10.1046 21 9 21H5C3.89543 21 3 20.1046 3 19V15Z", fill: "currentColor" }), e("path", { key: "346a549bb717ca65f813ae41147ffd6e3b57ca7d", d: "M13 5C13 3.89543 13.8954 3 15 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H15C13.8954 11 13 10.1046 13 9V5Z", fill: "currentColor" }), e("path", { key: "8cd00d8a65db3d80e09b7cf5b15ff0626ca5855f", d: "M13 15C13 13.8954 13.8954 13 15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "4f5d50c734fda421cea7eeb92685414e1b36fbcd" }, e("path", { key: "b443955b7a364133bae99a3ddb210e3a56d3c3ab", d: "M3.5 5.83333C3.5 4.54467 4.54467 3.5 5.83333 3.5H10.5C11.7887 3.5 12.8333 4.54467 12.8333 5.83333V10.5C12.8333 11.7887 11.7887 12.8333 10.5 12.8333H5.83333C4.54467 12.8333 3.5 11.7887 3.5 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "911a3480650c01ca96fcd5d15433d289e684ae1e", d: "M3.5 17.5C3.5 16.2113 4.54467 15.1667 5.83333 15.1667H10.5C11.7887 15.1667 12.8333 16.2113 12.8333 17.5V22.1667C12.8333 23.4553 11.7887 24.5 10.5 24.5H5.83333C4.54467 24.5 3.5 23.4553 3.5 22.1667V17.5Z", fill: "currentColor" }), e("path", { key: "651b176b13be741ebf465f3a18a14ebca2819ece", d: "M15.1667 5.83333C15.1667 4.54467 16.2113 3.5 17.5 3.5H22.1667C23.4553 3.5 24.5 4.54467 24.5 5.83333V10.5C24.5 11.7887 23.4553 12.8333 22.1667 12.8333H17.5C16.2113 12.8333 15.1667 11.7887 15.1667 10.5V5.83333Z", fill: "currentColor" }), e("path", { key: "9b168185085540c663aa6887d660301075194f5b", d: "M15.1667 17.5C15.1667 16.2113 16.2113 15.1667 17.5 15.1667H22.1667C23.4553 15.1667 24.5 16.2113 24.5 17.5V22.1667C24.5 23.4553 23.4553 24.5 22.1667 24.5H17.5C16.2113 24.5 15.1667 23.4553 15.1667 22.1667V17.5Z", fill: "currentColor" })));
-  }
-};
-o.style = d;
-export {
-  o as swirl_icon_menu_filled
-};

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

@@ -1,49 +0,0 @@
-import { r as n, c as r, h as i, H as a, g as d } from "./index.552aa8bc.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":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(: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:not(:focus-visible){outline:none}button.image-grid-item:focus-visible{z-index:1;outline-color:var(--s-focus-default);outline-offset:var(--s-space-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}.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__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__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);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}", g = l, m = class {
-  constructor(e) {
-    n(this, e), this.imageError = r(this, "imageError", 7), this.imageLoad = r(this, "imageLoad", 7), this.onLoad = () => {
-      this.error = !1, this.loaded = !0, this.imageLoad.emit();
-    }, this.onError = () => {
-      this.loaded = !0, this.error = !0, this.imageError.emit();
-    }, this.alt = void 0, this.icon = void 0, this.interactive = void 0, this.loading = void 0, this.overlay = void 0, this.src = void 0, this.error = !1, this.loaded = !1, this.inViewport = !1;
-  }
-  componentDidLoad() {
-    var e;
-    this.setupIntersectionObserver(), (e = this.img) != null && e.complete && (this.loaded = !0);
-  }
-  componentDidRender() {
-    var e;
-    ((e = this.img) == null ? void 0 : e.complete) && !this.loaded && (this.loaded = !0);
-  }
-  disconnectedCallback() {
-    var e;
-    (e = this.intersectionObserver) == null || e.disconnect();
-  }
-  setupIntersectionObserver() {
-    this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-      threshold: 0
-    }), this.intersectionObserver.observe(this.el));
-  }
-  onVisibilityChange(e) {
-    this.inViewport = e.some((t) => t.isIntersecting);
-  }
-  render() {
-    const e = this.interactive ? "button" : "div", t = !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), o = c("image-grid-item", {
-      "image-grid-item--has-error": this.error,
-      "image-grid-item--has-overlay": this.overlay
-    });
-    return i(a, { key: "161405aa7aa822623e190fc387c6ba9883eb87ea", role: "listitem" }, i(e, { key: "62e7ad437e6978482bf2ab965b7134789796b876", class: o, type: this.interactive ? "button" : void 0 }, i("div", { key: "8cf31cc1469dcee33b93e6ee1f093e3805ecd1d1", class: "image-grid-item__background", style: {
-      backgroundImage: t ? `url(${this.src})` : void 0
-    } }), this.loading !== "intersecting" || this.inViewport ? i("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (s) => this.img = s, src: this.src }) : i("div", { class: "image-grid-item__loading-placeholder" }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && i("div", { key: "c2d6e3fafc18433517994a048ef4b311f8295af7", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && i("div", { key: "2dd1996e015a075963f60ec326a9e5b76959d83c", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && i("div", { key: "dae4b84405c47d78934bce8fa0c57dd9455c0d7c", class: "image-grid-item__spinner" }, i("swirl-spinner", { key: "356a901811a1eed2f277ea82d3d5cb98245d7061" })), this.loaded && this.error && i("div", { key: "c428254f7710e37ddeab266e18196fbadd47c516", class: "image-grid-item__error" }, i("swirl-icon-error", { key: "8a3e4f6cab2cc07bdaeb1625a9ebfea585544ab8", color: "critical" }))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-m.style = g;
-export {
-  m as swirl_image_grid_item
-};

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

@@ -1,25 +0,0 @@
-import { r as i, h as e, H as s, g as a } from "./index.552aa8bc.js";
-import { c as r } from "./index-267776a4.6beb4f4b.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, 50%)}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(100% / 3)}.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, 50%);grid-template-rows:repeat(2, 50%)}", m = d, o = class {
-  constructor(t) {
-    i(this, t), this.updateItems = () => {
-      this.items = Array.from(this.el.children), this.items.length > 4 && (this.items[3].overlay = `+${this.items.length - 4}`);
-    }, this.aspectRatio = "1/1", this.label = void 0, this.items = [];
-  }
-  componentWillLoad() {
-    this.updateItems();
-  }
-  render() {
-    const t = r("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
-    return e(s, { key: "68b2902336203763dfc70ba53a31974005a6e5d0" }, e("div", { key: "89f224e43bd406b8a62ea51d7b076e6479f87502", "aria-label": this.label, class: t, role: "list", style: { aspectRatio: this.aspectRatio } }, e("slot", { key: "ad1d585c7f4acb4843626376b8caeccf292c595d", onSlotchange: this.updateItems })));
-  }
-  get el() {
-    return a(this);
-  }
-};
-o.style = m;
-export {
-  o as swirl_image_grid
-};

package/dist/swirl-symbol-bookmark.entry.01b12585.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.552aa8bc.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = l, m = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "25de3806bfebff969a11333a4632af732810e867", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(t, { key: "7f673080ebf2bf786509a6ed36401091170a8008" }, e("path", { key: "278d13d54e1aeffc96f18bf44a470eaf5e24c02c", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-m.style = a;
-export {
-  m as swirl_symbol_bookmark
-};

package/dist/swirl-visually-hidden.entry.67b195a7.js

@@ -1,15 +0,0 @@
-import { r as s, h as i, H as r } from "./index.552aa8bc.js";
-import "react";
-import "react-dom";
-const l = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", a = l, t = class {
-  constructor(e) {
-    s(this, e);
-  }
-  render() {
-    return i(r, { key: "6b7517455790ae85af1efd3fcdf46b91796f1740" }, i("slot", { key: "04f81fd11fa2e63208eea215a3267c359ec4a113" }));
-  }
-};
-t.style = a;
-export {
-  t as swirl_visually_hidden
-};