@getflip/swirl-components-react 0.66.0 → 0.67.1

package/dist/swirl-resource-list-file-item.entry.72f3c315.js

@@ -0,0 +1,35 @@
+import { r as c, c as n, h as e, H as a } from "./index.ef44a4ad.js";
+import { c as m } from "./index-d280dafb.186cdb0e.js";
+import { g as u } from "./utils-bc84f36e.1fee9865.js";
+import "react";
+import "react-dom";
+const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{color:var(--s-icon-highlight)}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = class {
+  constructor(s) {
+    c(this, s), this.remove = n(this, "remove", 7), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (i) => {
+      this.forceIconProps(i.matches);
+    }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
+  }
+  componentDidLoad() {
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+  }
+  disconnectedCallback() {
+    var s, i;
+    (i = (s = this.desktopMediaQuery).removeEventListener) === null || i === void 0 || i.call(s, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(s) {
+    if (!Boolean(this.iconEl))
+      return;
+    const i = this.iconEl.children[0];
+    i == null || i.setAttribute("size", s ? "20" : "24");
+  }
+  render() {
+    const s = Boolean(this.errorMessage), i = !s && Boolean(this.description), r = !s && this.loading, t = this.removable && !r, l = m("resource-list-file-item", {
+      "resource-list-file-item--has-control": r || t
+    });
+    return e(a, { role: "row" }, e("div", { class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { class: "resource-list-file-item__label-container" }, e("span", { class: "resource-list-file-item__label", id: "label" }, this.label), i && e("span", { class: "resource-list-file-item__description" }, this.description), s && e("span", { "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { message: this.errorMessage, size: "s" }))), r && e("span", { class: "resource-list-file-item__spinner" }, e("swirl-spinner", { size: "s" })), t && e("span", { class: "resource-list-file-item__remove-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+  }
+};
+h.style = d;
+export {
+  h as swirl_resource_list_file_item
+};

package/dist/{swirl-search.entry.f8d13384.js → swirl-search.entry.f71954e1.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.0f13ab8f.js";
+import { r as i, c as r, h as a, H as t } from "./index.ef44a4ad.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as n } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-select.entry.4c34b480.js → swirl-select.entry.64e79e8e.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as s, H as c, g as d } from "./index.0f13ab8f.js";
+import { r as a, c as r, h as s, H as c, g as d } from "./index.ef44a4ad.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { q as p } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-shell-layout.entry.f4f06d0e.js → swirl-shell-layout.entry.b64b46dd.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.0f13ab8f.js";
+import { r as o, h as e, H as t } from "./index.ef44a4ad.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { g as r, a as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.9026ccab.js → swirl-shell-navigation-item.entry.b3835c2f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.0f13ab8f.js";
+import { r as t, h as n, H as a, g as s } from "./index.ef44a4ad.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.df1b8237.js → swirl-skeleton-box.entry.7779d3e0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.0f13ab8f.js";
+import { r as t, h as s, H as i } from "./index.ef44a4ad.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.76586b7a.js → swirl-skeleton-text.entry.ac95c88d.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.0f13ab8f.js";
+import { r as l, h as t, H as a } from "./index.ef44a4ad.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.52478dd6.js → swirl-stack.entry.f6161ec6.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.0f13ab8f.js";
+import { r as i, h as s, H as e } from "./index.ef44a4ad.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.6296eec7.js → swirl-status-indicator.entry.cf84191f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as n } from "./index.0f13ab8f.js";
+import { r as i, h as t, H as n } from "./index.ef44a4ad.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.df9935d7.js → swirl-switch.entry.d7124c01.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.0f13ab8f.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.ef44a4ad.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab-bar.entry.ea2c9ec3.js → swirl-tab-bar.entry.0be9eafb.js}

@@ -1,4 +1,4 @@
-import { r, c as i, h as e, H as s } from "./index.0f13ab8f.js";
+import { r, c as i, h as e, H as s } from "./index.ef44a4ad.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.1e7cacb9.js → swirl-tab.entry.7de3d121.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.0f13ab8f.js";
+import { r as a, h as s, H as i } from "./index.ef44a4ad.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.f8b174a4.js → swirl-table-cell.entry.bebf0544.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.0f13ab8f.js";
+import { r as e, h as s, H as l } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const t = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = class {

package/dist/{swirl-table-column.entry.f0f819a0.js → swirl-table-column.entry.0792c277.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.0f13ab8f.js";
+import { r as e, h as t, H as i, g as r } from "./index.ef44a4ad.js";
 import { c as o } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.0953e6d3.js → swirl-table-row-group.entry.47f80629.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.0f13ab8f.js";
+import { r as o, h as r, H as s, g as t } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.0822b155.js → swirl-table-row.entry.d72e5a90.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as s, g as r } from "./index.0f13ab8f.js";
+import { r as o, h as e, H as s, g as r } from "./index.ef44a4ad.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-table.entry.7592c9fb.js → swirl-table.entry.0b1f93e9.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as v, g as _ } from "./index.0f13ab8f.js";
+import { r as g, h as r, H as v, g as _ } from "./index.ef44a4ad.js";
 import { d as S, i as R } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.0562d0d8.js → swirl-tabs.entry.8afb83ee.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.0f13ab8f.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {

package/dist/{swirl-tag.entry.e7aec6b6.js → swirl-tag.entry.5b096cea.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.0f13ab8f.js";
+import { r, c as s, h as t, H as n } from "./index.ef44a4ad.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.047db20e.js → swirl-text-input.entry.5aef4b93.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.0f13ab8f.js";
+import { r as h, c as n, h as i, H as d } from "./index.ef44a4ad.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-text.entry.b954b765.js → swirl-text.entry.346280d9.js}

@@ -1,4 +1,4 @@
-import { r as I, h as b, H as J, g as T } from "./index.0f13ab8f.js";
+import { r as I, h as b, H as J, g as T } from "./index.ef44a4ad.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.bc597b2a.js → swirl-theme-provider.entry.53eeb765.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.0f13ab8f.js";
+import { r as j, c as E, h as w, H } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-time-input.entry.015dd1d3.js → swirl-time-input.entry.de0e132a.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.0f13ab8f.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.ef44a4ad.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as f } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-toast-provider.entry.cad878b8.js → swirl-toast-provider.entry.b3999d2e.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.0f13ab8f.js";
+import { r as n, h as a, H as r } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.ca98260a.js → swirl-toast.entry.2c2c19e2.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.0f13ab8f.js";
+import { r as a, c as n, h as i, H as r } from "./index.ef44a4ad.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-tooltip.entry.bef3d7d3.js → swirl-tooltip.entry.e3bea81c.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.0f13ab8f.js";
+import { r as n, h as i, H as l } from "./index.ef44a4ad.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.14795362.js → swirl-tree-navigation-item.entry.2522d668.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.0f13ab8f.js";
+import { r as t, h as i, H as s, g as r } from "./index.ef44a4ad.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.02141e6c.js → swirl-video-thumbnail.entry.caab544b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.0f13ab8f.js";
+import { r as t, h as n, H as e } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{swirl-visually-hidden.entry.b99466aa.js → swirl-visually-hidden.entry.0bd7a771.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.0f13ab8f.js";
+import { r as s, h as i, H as l } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 const t = ":host{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)}", o = class {

package/dist/{wc-datepicker.entry.a1cdea4c.js → wc-datepicker.entry.e3f5ef39.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.0f13ab8f.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.ef44a4ad.js";
 import "react";
 import "react-dom";
 function T(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.66.0",
+  "version": "0.67.1",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.67.0",
+    "@getflip/swirl-components": "^0.68.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-avatar.entry.be807f21.js

@@ -1,56 +0,0 @@
-import { r as h, h as i, H as u, g } from "./index.0f13ab8f.js";
-import { c as s } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}", n = {
-  xs: 28,
-  s: 32,
-  m: 40,
-  l: 48,
-  xl: 64,
-  "2xl": 144
-}, f = class {
-  constructor(t) {
-    h(this, t), this.setImageAvailable = () => {
-      this.imageAvailable = !0;
-    }, this.setImageUnavailable = () => {
-      this.imageAvailable = !1;
-    }, this.onKeydown = (a) => {
-      a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
-    }, this.onKeyup = (a) => {
-      a.code === "Space" && (a.preventDefault(), this.element.click());
-    }, this.badge = void 0, this.badgePosition = "bottom", this.color = "kiwi", this.icon = void 0, this.initials = void 0, this.interactive = !1, this.label = void 0, this.showLabel = !1, this.size = "m", this.src = void 0, this.variant = "round", this.imageAvailable = void 0;
-  }
-  componentDidLoad() {
-    this.forceBadgeProps();
-  }
-  watchSrcProp() {
-    this.imageAvailable = void 0;
-  }
-  forceBadgeProps() {
-    if (!Boolean(this.badge))
-      return;
-    const t = this.badgeEl.querySelector("swirl-badge");
-    t == null || t.setAttribute("size", "m");
-  }
-  render() {
-    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !t && Boolean(this.initials), e = !t && !a && Boolean(this.icon), r = !t && !a && !e, o = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : "img", v = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": e || r,
-      "avatar--has-initials": a,
-      "avatar--interactive": this.interactive
-    }), d = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
-    return i(u, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, i("span", { class: v, part: "avatar" }, t && i("span", { class: "avatar__image" }, i("img", { alt: "", height: n[this.size], onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: n[this.size] })), a && i("span", { class: "avatar__initials" }, i("span", null, this.initials)), e && i("span", { class: "avatar__icon", innerHTML: this.icon }), r && i("span", { class: "avatar__icon" }, i("swirl-icon-person", null)), o && i("span", { class: d, innerHTML: this.badge, ref: (c) => this.badgeEl = c })), this.showLabel && i("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
-  }
-  get element() {
-    return g(this);
-  }
-  static get watchers() {
-    return {
-      src: ["watchSrcProp"]
-    };
-  }
-};
-f.style = m;
-export {
-  f as swirl_avatar
-};