@getflip/swirl-components-react 0.211.0 → 0.213.0

package/dist/{swirl-console-layout.entry.534ae478.js → swirl-console-layout.entry.7c476dd6.js}

@@ -1,4 +1,4 @@
-import { r as c, c as n, h as e, H as r, g as b } from "./index.b48d93c2.js";
+import { r as c, c as n, h as e, H as r, g as b } from "./index.72866a29.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import { i } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-date-input.entry.38faf8fa.js → swirl-date-input.entry.eb5d52bf.js}

@@ -1,4 +1,4 @@
-import { r as f, c as l, h as a, H as b, g as m } from "./index.b48d93c2.js";
+import { r as f, c as l, h as a, H as b, g as m } from "./index.72866a29.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { p as c, i as u, f as d, m as k } from "./maska-c5119b9a.aa658697.js";
 import { g as y, i as h } from "./utils-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-date-picker_2.entry.c56a0f23.js → swirl-date-picker_2.entry.2503ba66.js}

@@ -1,4 +1,4 @@
-import { r as s, c as n, h as e, H as c, g as d, F as i } from "./index.b48d93c2.js";
+import { r as s, c as n, h as e, H as c, g as d, F as i } from "./index.72866a29.js";
 import { r as o } from "./utils-9b747dd7.4c4c7dc0.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-description-list-item.entry.b1a27a63.js → swirl-description-list-item.entry.bb006cb7.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as d, g as a } from "./index.b48d93c2.js";
+import { r as o, h as i, H as d, g as a } from "./index.72866a29.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-description-list.entry.4b9cdee0.js → swirl-description-list.entry.39b77f7d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as e } from "./index.b48d93c2.js";
+import { r as t, h as i, H as e } from "./index.72866a29.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}", o = r, a = class {

package/dist/{swirl-dialog.entry.ec435b7f.js → swirl-dialog.entry.600e1ab0.js}

@@ -1,4 +1,4 @@
-import { r as t, c as e, h as a, H as d } from "./index.b48d93c2.js";
+import { r as t, c as e, h as a, H as d } from "./index.72866a29.js";
 import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-emoji-clap.entry.b3b3d2df.js → swirl-emoji-clap.entry.970221cb.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.b48d93c2.js";
+import { r as i, h as e, F as a } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-happy.entry.beca71df.js → swirl-emoji-happy.entry.f5528af0.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as a } from "./index.b48d93c2.js";
+import { r as e, h as i, F as a } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-idea.entry.1ed27447.js → swirl-emoji-idea.entry.376c56ae.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.b48d93c2.js";
+import { r as i, h as e, F as a } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-love.entry.683b2502.js → swirl-emoji-love.entry.8e4c095b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.b48d93c2.js";
+import { r as i, h as s, F as t } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-sad.entry.ed8c1c01.js → swirl-emoji-sad.entry.8cf9c5ae.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.b48d93c2.js";
+import { r as i, h as e, F as a } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji-thumbs-up.entry.0541e642.js → swirl-emoji-thumbs-up.entry.668369cd.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.b48d93c2.js";
+import { r as i, h as e, F as t } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-emoji.entry.9106737a.js → swirl-emoji.entry.9231d0c4.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as t } from "./index.b48d93c2.js";
+import { r as i, h as s, H as t } from "./index.72866a29.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", o = r, l = class {

package/dist/{swirl-file-uploader.entry.ac6935b2.js → swirl-file-uploader.entry.ad9460f4.js}

@@ -1,4 +1,4 @@
-import { r as s, c as r, h as e, H as d } from "./index.b48d93c2.js";
+import { r as s, c as r, h as e, H as d } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-file-viewer_7.entry.727e9d19.js → swirl-file-viewer_7.entry.4f147aa8.js}

@@ -1,4 +1,4 @@
-import { r as zt, c as Rt, h as qe, H as jt, g as Qt } from "./index.b48d93c2.js";
+import { r as zt, c as Rt, h as qe, H as jt, g as Qt } from "./index.72866a29.js";
 import { c as vt, g as ea, a as qr, b as ta } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as ra } from "./index-267776a4.6beb4f4b.js";
 import { d as na, f as ia, i as aa } from "./utils-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-form-control.entry.b7f55be1.js → swirl-form-control.entry.cd724bc6.js}

@@ -1,4 +1,4 @@
-import { r as d, h as o, H as m, g as h } from "./index.b48d93c2.js";
+import { r as d, h as o, H as m, g as h } from "./index.72866a29.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { a as b, b as u } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-form-group.entry.807cafe1.js → swirl-form-group.entry.4141e538.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as i } from "./index.b48d93c2.js";
+import { r as s, h as o, H as i } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-heading.entry.b49971ec.js → swirl-heading.entry.c4d97a0c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as a } from "./index.b48d93c2.js";
+import { r as t, h as i, H as a } from "./index.72866a29.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-moderator.entry.c8620e1e.js → swirl-icon-add-moderator.entry.a4a077c5.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.b48d93c2.js";
+import { r as o, h as C, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-photo.entry.733eb595.js → swirl-icon-add-photo.entry.da3ed5af.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.b48d93c2.js";
+import { r as o, h as C, F as i } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add-reaction.entry.29150f52.js → swirl-icon-add-reaction.entry.a02bb637.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.b48d93c2.js";
+import { r as c, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-add_6.entry.db488757.js → swirl-icon-add_6.entry.892dc588.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b48d93c2.js";
+import { r as t, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-admin-panel-settings.entry.5b5d6cbe.js → swirl-icon-admin-panel-settings.entry.7ffafa6b.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.b48d93c2.js";
+import { r as c, h as C, F as i } from "./index.72866a29.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-ai.entry.624322a9.js → swirl-icon-ai.entry.8a6a7e2c.js}

@@ -1,4 +1,4 @@
-import { r as c, h as L, F as i } from "./index.b48d93c2.js";
+import { r as c, h as L, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-apps.entry.76072f16.js → swirl-icon-apps.entry.53d58cae.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.b48d93c2.js";
+import { r as c, h as C, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-back_4.entry.577bdfbb.js → swirl-icon-arrow-back_4.entry.7e786a02.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as s } from "./index.b48d93c2.js";
+import { r as o, h as e, F as s } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-downward_2.entry.e42b33b7.js → swirl-icon-arrow-downward_2.entry.f295f2ab.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-arrow-left_4.entry.def7c365.js → swirl-icon-arrow-left_4.entry.9c5fa51d.js}

@@ -1,59 +1,59 @@
-import { r, h as e, F as a, c as n, H as C } from "./index.b48d93c2.js";
+import { r, h as i, F as a, c as n, H as C } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const b = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", m = b, f = class {
-  constructor(i) {
-    r(this, i), this.color = void 0, this.size = 24;
+const b = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", m = b, u = class {
+  constructor(e) {
+    r(this, e), this.color = void 0, this.size = 24;
   }
   render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
+    const e = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, s = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "f11e8151456ab4d2191e77180c7097a0c161ab23", "aria-hidden": "true", class: s, 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(a, { key: "c4d4700179828c4fb0aab413681f262a261a62b5" }, e("path", { key: "825cd96564967b79bdfaa99e40fac0836166ed17", d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, { key: "c652f4a8dc986bf807f25c6ce02808d3daf42a30" }, e("path", { key: "a21852fb3244fe9a3c5c1a3a05e72474b444370e", d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && e(a, { key: "84c0e67539d5a514fc70e1df752e9669d442ff96" }, e("path", { key: "45c1f854bdcc79cf5ed2ebb83afeef10a8eaa262", d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })));
+    return i("svg", { key: "f11e8151456ab4d2191e77180c7097a0c161ab23", "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(a, { key: "c4d4700179828c4fb0aab413681f262a261a62b5" }, i("path", { key: "825cd96564967b79bdfaa99e40fac0836166ed17", d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(a, { key: "c652f4a8dc986bf807f25c6ce02808d3daf42a30" }, i("path", { key: "a21852fb3244fe9a3c5c1a3a05e72474b444370e", d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && i(a, { key: "84c0e67539d5a514fc70e1df752e9669d442ff96" }, i("path", { key: "45c1f854bdcc79cf5ed2ebb83afeef10a8eaa262", d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })));
   }
 };
-f.style = m;
-const u = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", p = u, w = class {
-  constructor(i) {
-    r(this, i), this.color = void 0, this.size = 24;
+u.style = m;
+const f = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", p = f, w = class {
+  constructor(e) {
+    r(this, e), this.color = void 0, this.size = 24;
   }
   render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
+    const e = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, s = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "bde2de898e30caae89db6c7db49913278de44997", "aria-hidden": "true", class: s, 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(a, { key: "10390c3db3f6a7b9759baf8975f6732b15585257" }, e("path", { key: "eafb63dc2bc8b5c09390afc3311f5a73d855609c", d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, { key: "a158e2e595af3d51f54c6a72f0665131805212af" }, e("path", { key: "35275c44412a0a8353aa20232b91ef557adcb4d7", d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && e(a, { key: "0c3e169077b1b7a016eb4f26c5a82c9017f35a36" }, e("path", { key: "26b15840338f8fe90d158589fbfbf4d0c9d13bc2", d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })));
+    return i("svg", { key: "bde2de898e30caae89db6c7db49913278de44997", "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(a, { key: "10390c3db3f6a7b9759baf8975f6732b15585257" }, i("path", { key: "eafb63dc2bc8b5c09390afc3311f5a73d855609c", d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(a, { key: "a158e2e595af3d51f54c6a72f0665131805212af" }, i("path", { key: "35275c44412a0a8353aa20232b91ef557adcb4d7", d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && i(a, { key: "0c3e169077b1b7a016eb4f26c5a82c9017f35a36" }, i("path", { key: "26b15840338f8fe90d158589fbfbf4d0c9d13bc2", d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })));
   }
 };
 w.style = p;
 const g = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", v = g, z = class {
-  constructor(i) {
-    r(this, i), this.color = void 0, this.size = 24;
+  constructor(e) {
+    r(this, e), this.color = void 0, this.size = 24;
   }
   render() {
-    const i = this.size === 20 ? 24 : this.size, t = {
+    const e = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, s = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "868742a4dad49e3d5ffc8da7ff1b6c696ace1951", "aria-hidden": "true", class: s, 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(a, { key: "8ff0b9a24d5319dc17a246ea4abf5939b91b131a" }, e("path", { key: "578e9b4d3233a9721b13faca3cf75c082b16b255", d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, { key: "328ed40695e88ccc62a538199fd1a998e8e1afe8" }, e("path", { key: "43d42695b154251547b1a7245571d55a64863c45", d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" })), this.size === 28 && e(a, { key: "45e09bb49f7dc249a097b79fd0b573311f583d5a" }, e("path", { key: "adf4299ff2416ba257ea866111d65b909c167f56", d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })));
+    return i("svg", { key: "868742a4dad49e3d5ffc8da7ff1b6c696ace1951", "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(a, { key: "8ff0b9a24d5319dc17a246ea4abf5939b91b131a" }, i("path", { key: "578e9b4d3233a9721b13faca3cf75c082b16b255", d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(a, { key: "328ed40695e88ccc62a538199fd1a998e8e1afe8" }, i("path", { key: "43d42695b154251547b1a7245571d55a64863c45", d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" })), this.size === 28 && i(a, { key: "45e09bb49f7dc249a097b79fd0b573311f583d5a" }, i("path", { key: "adf4299ff2416ba257ea866111d65b909c167f56", d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })));
   }
 };
 z.style = v;
-const y = ':host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;padding:0.0625rem;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-xl .thumbnail__buttons{transform:scale(0.75)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail--interactive .thumbnail__image-wrapper{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image-wrapper{overflow:hidden;width:100%;height:100%;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__buttons{position:absolute;opacity:0;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}.thumbnail:hover .thumbnail__buttons{opacity:1}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}', x = y, k = class {
-  constructor(i) {
-    r(this, i), this.edit = n(this, "edit", 7), this.remove = n(this, "remove", 7), this.alt = void 0, this.editButtonIcon = "<swirl-icon-crop></swirl-icon-crop>", this.editButtonLabel = "Edit", this.format = "landscape", this.interactive = void 0, this.progress = void 0, this.progressLabel = "Loading progress", this.removeButtonLabel = "Remove", this.showEditButton = void 0, this.showRemoveButton = void 0, this.size = "m", this.src = void 0, this.timestamp = void 0;
+const y = ':host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;padding:0.0625rem;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-xl .thumbnail__buttons{transform:scale(0.75)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail--interactive .thumbnail__image-wrapper{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image-wrapper{overflow:hidden;width:100%;height:100%;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__buttons{position:absolute;opacity:0;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}.thumbnail:hover .thumbnail__buttons{opacity:1}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}', k = y, x = class {
+  constructor(e) {
+    r(this, e), this.edit = n(this, "edit", 7), this.remove = n(this, "remove", 7), this.thumbnailClick = n(this, "thumbnailClick", 7), this.alt = void 0, this.editButtonIcon = "<swirl-icon-crop></swirl-icon-crop>", this.editButtonLabel = "Edit", this.format = "landscape", this.interactive = void 0, this.progress = void 0, this.progressLabel = "Loading progress", this.removeButtonLabel = "Remove", this.showEditButton = void 0, this.showRemoveButton = void 0, this.size = "m", this.src = void 0, this.timestamp = void 0;
   }
   render() {
-    const i = (this.size === "xl" || this.size === "2xl") && this.format === "square", t = this.showRemoveButton && i, s = this.showEditButton && i && !(this.size === "xl" && t), l = s || t, c = Boolean(this.timestamp) && i, h = this.interactive ? "button" : "span", d = o("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`, {
+    const e = (this.size === "xl" || this.size === "2xl") && this.format === "square", t = this.showRemoveButton && e, s = this.showEditButton && e && !(this.size === "xl" && t), l = s || t, c = Boolean(this.timestamp) && e, h = this.interactive ? "button" : "span", d = o("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`, {
       "thumbnail--interactive": this.interactive,
       "thumbnail--has-progress": this.progress !== void 0
     });
-    return e(C, { key: "706692e6b7d5ed33c84ccd2a7fe5b1be58e617e5" }, e("span", { key: "940029becf84f342ddca3f6de9c911b58f85a9c5", class: d, role: "group" }, e(h, { key: "67bfdff577225686174bd61d3ffa14c11fd3b3ad", class: "thumbnail__image-wrapper", type: this.interactive ? "button" : void 0 }, e("img", { key: "0a788e2980ed107a26ba92a514da4e86342c7e7c", alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== void 0 && e("span", { key: "6e17e8b76435f6f299433b9034fb06a42f732ef2", class: "thumbnail__progress-indicator" }, e("swirl-progress-indicator", { key: "e01e32771284e758eccccb8e65f701ed9cbe4758", label: this.progressLabel, value: this.progress })), l && e("swirl-button-group", { key: "9abe3e2ca6ba0d02db2f7014606961a10d7eeac0", class: "thumbnail__buttons", segmented: s && t }, s && e("span", { key: "0987b7f92bcac13d64abd0656fe79a7d60024e24" }, e("swirl-button", { key: "ee9b5723f090837968300561818c3370c32eb9a5", hideLabel: !0, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" })), t && e("span", { key: "0d4c4d2e5c93688ba662ec49579d66ca3a29fc57" }, e("swirl-button", { key: "80dc4e3b2074eb2dee6465fc27f0632d87226061", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))), c && e("span", { key: "9829e4909b5fa94120d427c33fa5970d7e909754", class: "thumbnail__timestamp" }, this.timestamp)));
+    return i(C, { key: "180fd0d7ad47d35b5867d6f698937454b21eb757" }, i("span", { key: "5540996b1ad2a87ef157e5be98efa7e7d1199d38", class: d, role: "group" }, i(h, { key: "3e2fc61e197695923fa301391ebceaf5bcf0eb00", class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : void 0 }, i("img", { key: "50c157965d5e67db73c17792b79406095ca78e9f", alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== void 0 && i("span", { key: "b144b3ed974c106e46c795a24f141e3bac47248e", class: "thumbnail__progress-indicator" }, i("swirl-progress-indicator", { key: "58a45909ee501fe941359e1e1b1ac091d6e10c4a", label: this.progressLabel, value: this.progress })), l && i("swirl-button-group", { key: "0124bcf1eb6489878914a59ccb756c1cf8568a1c", class: "thumbnail__buttons", segmented: s && t }, s && i("span", { key: "74215d066d9d85f97f2b92ba963472392353a2ba" }, i("swirl-button", { key: "fa9dcc701c7494e5a31ae4cf8c54a34303866413", hideLabel: !0, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" })), t && i("span", { key: "129eaabf19586f3adb858d497d07dfe755a31916" }, i("swirl-button", { key: "d8c1e423f87b9c780cc6b8c4e3500c321b770f65", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))), c && i("span", { key: "48b943825e2e5784ec96d02a652e12e3d0baf406", class: "thumbnail__timestamp" }, this.timestamp)));
   }
 };
-k.style = x;
+x.style = k;
 export {
-  f as swirl_icon_arrow_left,
+  u as swirl_icon_arrow_left,
   w as swirl_icon_arrow_right,
   z as swirl_icon_more_vertikal,
-  k as swirl_thumbnail
+  x as swirl_thumbnail
 };

package/dist/{swirl-icon-arrow-right-small.entry.ccc158a4.js → swirl-icon-arrow-right-small.entry.53f88ead.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-aspect-ratio.entry.63fe7440.js → swirl-icon-aspect-ratio.entry.21ddb58b.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-attachment.entry.2dd19177.js → swirl-icon-attachment.entry.e8b30838.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.b48d93c2.js";
+import { r as o, h as C, F as s } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bar-chart.entry.b6826c35.js → swirl-icon-bar-chart.entry.092ec0d0.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as s } from "./index.b48d93c2.js";
+import { r, h as C, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-block.entry.d24aa751.js → swirl-icon-block.entry.e534e425.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.b48d93c2.js";
+import { r as c, h as C, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bookmark-filled.entry.4dd7d0ee.js → swirl-icon-bookmark-filled.entry.239e2392.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as s } from "./index.b48d93c2.js";
+import { r, h as e, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-bookmark.entry.30452127.js → swirl-icon-bookmark.entry.189e051f.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cancel_4.entry.64baa258.js → swirl-icon-cancel_4.entry.7079eaa7.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as e } from "./index.b48d93c2.js";
+import { r as c, h as C, F as e } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chat-bubble.entry.7e708217.js → swirl-icon-chat-bubble.entry.f3a59c6f.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chats-filled.entry.dc1705ef.js → swirl-icon-chats-filled.entry.bb61e3c9.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chats.entry.18feea83.js → swirl-icon-chats.entry.ea04ae65.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.b48d93c2.js";
+import { r as i, h as e, F as C } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-circle_2.entry.87f19944.js → swirl-icon-check-circle_2.entry.8535d896.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b48d93c2.js";
+import { r as t, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check-small_3.entry.c3fe1424.js → swirl-icon-check-small_3.entry.23902b6c.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as o, c as h, H as p, g as m } from "./index.b48d93c2.js";
+import { r as l, h as i, F as o, c as h, H as p, g as m } from "./index.72866a29.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { g as b } from "./utils-9b747dd7.4c4c7dc0.js";
 import { v as f } from "./v4-23648a96.77c7c20f.js";

package/dist/{swirl-icon-check-strong.entry.fde1a9d1.js → swirl-icon-check-strong.entry.ef517642.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as s } from "./index.b48d93c2.js";
+import { r, h as e, F as s } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-check.entry.067fe63a.js → swirl-icon-check.entry.d8a54a85.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chevron-left.entry.70394384.js → swirl-icon-chevron-left.entry.45cf0068.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-chevron-right.entry.38888726.js → swirl-icon-chevron-right.entry.9e28aef4.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-close-small.entry.cf867a7e.js → swirl-icon-close-small.entry.fc432375.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as i } from "./index.b48d93c2.js";
+import { r as t, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-close.entry.1db7cfdf.js → swirl-icon-close.entry.90fd8a74.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-cloud-upload.entry.b2bafa36.js → swirl-icon-cloud-upload.entry.ba4fb214.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b48d93c2.js";
+import { r as t, h as C, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-column.entry.fcd47e3f.js → swirl-icon-column.entry.3059f644.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-comment.entry.2fd9a363.js → swirl-icon-comment.entry.b028e4f4.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-copy.entry.fd8e366b.js → swirl-icon-copy.entry.fc5f9497.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as i } from "./index.b48d93c2.js";
+import { r as t, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-crop.entry.9992a223.js → swirl-icon-crop.entry.f294599c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as i } from "./index.b48d93c2.js";
+import { r as t, h as e, F as i } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-dark-mode.entry.f1da2144.js → swirl-icon-dark-mode.entry.1cd7fa1b.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.b48d93c2.js";
+import { r as o, h as C, F as s } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-date-range.entry.e0fbe7d0.js → swirl-icon-date-range.entry.681208f4.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-delete.entry.035e3f02.js → swirl-icon-delete.entry.0ee30291.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as s } from "./index.b48d93c2.js";
+import { r as a, h as C, F as s } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-description.entry.0ec4a823.js → swirl-icon-description.entry.2fbb442b.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.b48d93c2.js";
+import { r as c, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-desktop.entry.5588af48.js → swirl-icon-desktop.entry.fb828ea3.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-directory-filled.entry.15985f8f.js → swirl-icon-directory-filled.entry.295b99f5.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as s } from "./index.b48d93c2.js";
+import { r as a, h as e, F as s } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-directory.entry.2f676d42.js → swirl-icon-directory.entry.7eceb2e5.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as c } from "./index.b48d93c2.js";
+import { r, h as e, F as c } from "./index.72866a29.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-discover.entry.08329856.js → swirl-icon-discover.entry.7997ff51.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.b48d93c2.js";
+import { r as c, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-dot.entry.759ef938.js → swirl-icon-dot.entry.b89a925f.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";