@getflip/swirl-components-react 0.328.0 → 0.329.0

package/dist/{swirl-console-layout.entry.b68963e3.js → swirl-console-layout.entry.037842b1.js}

@@ -1,6 +1,6 @@
-import { r as c, c as n, h as e, H as r, g as b } from "./index.7086f041.js";
+import { r as c, c as n, h as e, H as r, g as b } from "./index.9874d916.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
-import { i } from "./utils-877a768f.c277f897.js";
+import { i } from "./utils-0cdf2a1e.c9917628.js";
 import "react";
 import "react-dom";
 const f = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr auto;grid-template-areas:"header"

package/dist/{swirl-date-input.entry.98abd98c.js → swirl-date-input.entry.57ab418a.js}

@@ -1,7 +1,7 @@
-import { r as f, c as o, h as a, H as b, g as m } from "./index.7086f041.js";
+import { r as f, c as o, h as a, H as b, g as m } from "./index.9874d916.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { p as l, i as c, f as d, m as k } from "./maska-c5119b9a.aa658697.js";
-import { g as y, i as u } from "./utils-877a768f.c277f897.js";
+import { g as y, i as u } from "./utils-0cdf2a1e.c9917628.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";

package/dist/{swirl-date-picker_2.entry.7e8b8edf.js → swirl-date-picker_2.entry.cb22cad0.js}

@@ -1,5 +1,5 @@
-import { r as s, c as n, h as a, H as c, g as d, F as i } from "./index.7086f041.js";
-import { r as o, j as l } from "./utils-877a768f.c277f897.js";
+import { r as s, c as n, h as a, H as c, g as d, F as i } from "./index.9874d916.js";
+import { r as o, o as l } from "./utils-0cdf2a1e.c9917628.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -36,7 +36,7 @@ const u = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, r = p("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "5ee835e6e1710d06e5333aea22314e548c001078", "aria-hidden": "true", class: r, 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 && a(i, { key: "881238028ac4b7ce02f365b0779e1091d8c87d1a" }, a("path", { key: "27bcb621407a8f2a0833266e8a98b4ef34b4c809", d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(i, { key: "cf3be46e48a880b7c3241951299f73e119287e85" }, a("path", { key: "4b6a0c14bade85064fd65672a8ab4f0f247760c9", d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" })), this.size === 28 && a(i, { key: "275dff1058028629cd8f479f2cc6f8fd48ed90e9" }, a("path", { key: "3bc6ff79ebb51e7623c246e18159ddfe30e8c5d0", d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })));
+    return a("svg", { key: "4f9a91e98d6c51c52d3c583d33ccfdcc3327f399", "aria-hidden": "true", class: r, 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 && a(i, { key: "4556eee1ccc89071ce9e60528f2935307711c33f" }, a("path", { key: "f357fba51019432f200495035515d39558051746", d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(i, { key: "db44af37a56bd1f74a1ecc471430c388403c0148" }, a("path", { key: "7c020206abfe78151fe9b2d8808a4e8f2fb6beea", d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" })), this.size === 28 && a(i, { key: "0618b7c21118a18ace53bfcc30217de9d918a748" }, a("path", { key: "498f31d4b7d52299f3737237879547201a59158a", d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })));
   }
 };
 k.style = _;

package/dist/{swirl-description-list-item.entry.38d33ff9.js → swirl-description-list-item.entry.e06ffb30.js}

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

package/dist/{swirl-description-list.entry.e603c4e8.js → swirl-description-list.entry.7e590144.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as e } from "./index.7086f041.js";
+import { r as t, h as i, H as e } from "./index.9874d916.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 {

package/dist/{swirl-dialog.entry.f3f4a868.js → swirl-dialog.entry.882ca2d6.js}

@@ -1,4 +1,4 @@
-import { r as s, c as o, h as i, H as d, g as n } from "./index.7086f041.js";
+import { r as s, c as o, h as i, H as d, g as n } from "./index.9874d916.js";
 import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-emoji-clap.entry.ea8338a3.js → swirl-emoji-clap.entry.9d9a6eb7.js}

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

package/dist/{swirl-emoji-happy.entry.6d2ff6a3.js → swirl-emoji-happy.entry.a46c16be.js}

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

package/dist/{swirl-emoji-idea.entry.6b8dc993.js → swirl-emoji-idea.entry.08a33391.js}

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

package/dist/{swirl-emoji-love.entry.61dfd35f.js → swirl-emoji-love.entry.dc322a50.js}

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

package/dist/{swirl-emoji-sad.entry.a4eeb485.js → swirl-emoji-sad.entry.610b3e50.js}

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

package/dist/{swirl-emoji-thumbs-up.entry.1d4b62e1.js → swirl-emoji-thumbs-up.entry.4f8999b9.js}

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

package/dist/{swirl-emoji.entry.6ee8db02.js → swirl-emoji.entry.2d124fe5.js}

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

package/dist/swirl-file-chip.entry.aacd8dc2.js

@@ -0,0 +1,36 @@
+import { r as o, c as a, h as i, H as n } from "./index.9874d916.js";
+import { F as l } from "./FileSaver.min-0f069dea.b93bc2ba.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { a as d, b as c, c as h, e as f, f as p } from "./utils-0cdf2a1e.c9917628.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-d20b9603.2d9b8855.js";
+const u = ":host{display:inline-block;max-width:100%}.file-chip{display:flex;position:relative;max-width:100%;min-width:15rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background:var(--s-surface-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px;padding-right:var(--s-space-16);gap:var(--s-space-12)}.file-chip:hover.file-chip--one-action .file-chip__info>*{width:calc(100% - 44px - var(--s-space-12))}.file-chip:hover.file-chip--two-actions .file-chip__info>*{width:calc(100% - 88px - var(--s-space-12))}.file-chip:hover .file-chip__actions{opacity:1}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-16);background:var(--s-surface-sunken-hovered);border-radius:var(--s-border-radius-sm) 0 0 var(--s-border-radius-sm);color:var(--s-icon-default)}.file-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.file-chip__name{font-weight:var(--s-font-weight-semibold)}.file-chip__description{color:var(--s-text-subdued)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;position:absolute;right:var(--s-space-16);top:0;bottom:0;opacity:0}", w = u, b = class {
+  constructor(e) {
+    o(this, e), this.preview = a(this, "preview", 7), this.download = a(this, "download", 7), this.handleDownloadClick = () => {
+      if (this.download.emit(), this.skipNativeDownload)
+        return;
+      const s = this.name || this.url.split("/").pop();
+      fetch(this.url).then((t) => t.blob()).then((t) => {
+        l.exports.saveAs(t, s);
+      });
+    }, this.handlePreviewClick = () => {
+      this.preview.emit();
+    }, this.url = void 0, this.name = void 0, this.type = void 0, this.description = void 0, this.loading = void 0, this.loadingLabel = "Loading", this.skipNativeDownload = void 0, this.showDownloadButton = void 0, this.showPreviewButton = void 0, this.downloadButtonLabel = "Download", this.previewButtonLabel = "Preview", this.isHovered = !1;
+  }
+  getFileIcon() {
+    return this.loading ? i("swirl-spinner", { size: "s", label: this.loadingLabel }) : d(this.type) ? i("swirl-icon-image", null) : c(this.type) ? i("swirl-icon-video-player", null) : h(this.type) ? i("swirl-icon-audio-file", null) : f(this.type) ? i("swirl-icon-picture-as-pdf", null) : p(this.type) ? i("swirl-icon-folder", null) : i("swirl-icon-attachment", null);
+  }
+  render() {
+    const e = +this.showPreviewButton + +this.showDownloadButton, s = r("file-chip", {
+      "file-chip--loading": this.loading,
+      "file-chip--one-action": e === 1,
+      "file-chip--two-actions": e === 2
+    });
+    return i(n, { key: "6bb82407abd2caedf8e8e3dbdb08685ead172764" }, i("span", { key: "10a71f96282accfa427b0bf8d682eff5121382f5", role: "group", class: s }, i("span", { key: "67c7d86b2634d47b8a92b637c8640f50fe163779", class: "file-chip__icon" }, this.getFileIcon()), i("span", { key: "1d725f11420cf6d1a3d87141e4b7947494a2fcd1", class: "file-chip__info" }, i("span", { key: "4ea4d1165c422d859d7d31e14cf8f2a28fd000a2", class: "file-chip__name", title: this.name }, this.name), this.description && i("span", { key: "dfe58e30c3ef1a866d87f896fb933ad74cfa06c5", class: "file-chip__description" }, this.description)), i("swirl-button-group", { key: "b1a25c531577816ae713816924718709a411cd06", class: "file-chip__actions" }, this.showPreviewButton && i("swirl-button", { key: "a6a020eb5f5d5dfd9cf06efae49bba914e1ead89", variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.downloadButtonLabel, hideLabel: !0 }), this.showDownloadButton && i("swirl-button", { key: "37b8d650039761724aa5b7bbf30f76525240d274", variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.previewButtonLabel, hideLabel: !0 }))));
+  }
+};
+b.style = w;
+export {
+  b as swirl_file_chip
+};

package/dist/{swirl-file-uploader.entry.5a4dfd64.js → swirl-file-uploader.entry.5e5eb0e3.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as e, H as d } from "./index.7086f041.js";
+import { r as o, c as r, h as e, H as d } from "./index.9874d916.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -19,10 +19,10 @@ const n = ".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-upl
       "file-uploader--disabled": this.disabled,
       "file-uploader--show-dropzone": this.showDropzone
     });
-    return e(d, { key: "b280e5c9623475ce82a5ccca1670765c570a6221" }, e("div", { key: "2c19137025c5a98397302cefc6e224e536db5a8a", class: a }, this.hideLabel ? e("swirl-visually-hidden", null, e("label", { htmlFor: this.inputId }, this.label)) : e("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && e("span", { key: "218258a7353d33e39be319f9e3a940a8538eb919", class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : void 0 }, !this.descriptionAllowHtml && this.description), e("div", { key: "f34143a0e8776f07beccf97c6ce89ddbba83b6ab", class: "file-uploader__dropzone" }, this.showDropzone ? [
+    return e(d, { key: "ebea462bbc2ef825210e0a466b2088a6344f3bd2" }, e("div", { key: "e75b22f82454fd365b8ac77811c7da6e6a8be65c", class: a }, this.hideLabel ? e("swirl-visually-hidden", null, e("label", { htmlFor: this.inputId }, this.label)) : e("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && e("span", { key: "5be02f35771b110f3a7b4a0ce5465a01e71a62c3", class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : void 0 }, !this.descriptionAllowHtml && this.description), e("div", { key: "111b3de677dd0649ba8d428b461a983df51f15bb", class: "file-uploader__dropzone" }, this.showDropzone ? [
       e("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
       e("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, e("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", e("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel))
-    ] : e("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: i, variant: this.uploadButtonVariant }), e("input", { key: "af279b3f0d3c55d713ed6d2ca80943f291f1c283", accept: this.accept, "aria-describedby": i, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (s) => this.inputEl = s, tabIndex: l, type: "file" }))));
+    ] : e("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: i, variant: this.uploadButtonVariant }), e("input", { key: "5dc617a9f0cbc219fd13614ca25c46a67b63bbc2", accept: this.accept, "aria-describedby": i, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (s) => this.inputEl = s, tabIndex: l, type: "file" }))));
   }
 };
 u.style = p;