@getflip/swirl-components-react 0.427.0 → 0.428.0

package/dist/swirl-autocomplete.entry.eae00d8a.js

@@ -1,115 +0,0 @@
-import { r as p, c as m, h as o, H as b, g } from "./index.10a8b2d6.js";
-import { N as f, P as v, D as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
-import { c as w } from "./index-orsBiyT_.fc4357c3.js";
-import { d as S } from "./utils-wi_3Z3FQ.29a3aebe.js";
-import "react";
-import "react-dom";
-const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}", A = class {
-  constructor(i) {
-    p(this, i), this.valueChange = m(this, "valueChange", 7), this.clearable = !0, this.clearButtonLabel = "Clear input", this.generateSuggestions = async () => [], this.menuLabel = "Suggestions", this.active = !1, this.loading = !1, this.suggestions = [], this.onChange = (t) => {
-      t.stopPropagation(), this.updateTerm(t);
-    }, this.updateTerm = S(async (t) => {
-      this.updateSuggestions(t.detail), this.open(), !this.multiSelect && (!Boolean(t.detail) || t.detail === "") && (this.value = void 0, this.valueChange.emit(this.value));
-    }, 250, !1), this.onSelect = async (t) => {
-      if (t.stopPropagation(), this.multiSelect) {
-        const s = t.detail, n = this.suggestions.filter((l) => !s.includes(l.id)).map((l) => l.id);
-        this.value = [
-          ...this.value.filter((l) => !n.includes(l.id)),
-          ...this.suggestions.filter((l) => s.includes(l.id) && !this.value.some((r) => r.id === l.id))
-        ], this.valueChange.emit(this.value), this.inputEl.value = "";
-        const a = this.inputEl.querySelector("input");
-        Boolean(a) && (a.value = "", queueMicrotask(() => {
-          a.focus(), this.close();
-        }), this.updateSuggestions(a.value));
-      } else if (Boolean(t.detail[0])) {
-        const s = t.detail[0], n = this.suggestions.find((a) => a.id === s);
-        if (!Boolean(n))
-          return;
-        this.value = n, this.valueChange.emit(this.value), queueMicrotask(() => {
-          var a;
-          (a = this.inputEl.querySelector("input")) == null || a.focus(), this.close();
-        });
-      }
-    }, this.onRemoveValue = (t) => {
-      !Array.isArray(this.value) || (this.value = this.value.filter((s) => s.id !== t), this.valueChange.emit(this.value));
-    }, this.onFocusOut = (t) => {
-      const s = t.relatedTarget;
-      Boolean(s) && !this.el.contains(s) && this.close();
-    }, this.onFocus = () => {
-      this.updateSuggestions(), this.open();
-    }, this.onKeyDown = (t) => {
-      t.code === "Escape" && (t.preventDefault(), t.stopPropagation(), this.inputEl.querySelector("input").focus(), this.close());
-    }, this.onInputKeyDown = (t) => {
-      var s, n;
-      t.code === "ArrowDown" && (t.preventDefault(), (n = (s = this.listboxEl.querySelector('[role="listbox"]')) == null ? void 0 : s.querySelector('[tabIndex="0"]')) == null || n.focus());
-    };
-  }
-  componentWillLoad() {
-    const i = document.querySelectorAll("swirl-datepicker").length;
-    this.id = `autocomplete-${i}`, this.handleInitialValue();
-  }
-  onWindowClick(i) {
-    const t = i.target;
-    this.el.contains(t) || this.close();
-  }
-  watchMultiSelect() {
-    this.handleInitialValue();
-  }
-  async close() {
-    var t;
-    if (!this.active)
-      return;
-    this.disableAutoUpdate && this.disableAutoUpdate();
-    const i = this.inputEl.querySelector("input");
-    Boolean(i) && (this.multiSelect ? i.value = "" : i.value = ((t = this.value) == null ? void 0 : t.label) || ""), this.active = !1;
-  }
-  async open() {
-    this.active || (this.active = !0, requestAnimationFrame(async () => {
-      await this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.inputEl, this.listboxContainerEl, this.reposition.bind(this), { animationFrame: !0 }), this.listboxContainerEl.scrollTop = 0, this.updateSuggestions(this.inputEl.querySelector("input").value);
-    }));
-  }
-  async reposition() {
-    !Boolean(this.listboxContainerEl) || (this.position = await v(this.inputEl, this.listboxContainerEl, {
-      middleware: [y({ crossAxis: -16, mainAxis: 16 })],
-      placement: "bottom-start",
-      strategy: "fixed"
-    }));
-  }
-  async updateSuggestions(i) {
-    this.loading = !0, this.suggestions = [], this.suggestions = await this.generateSuggestions(i), this.loading = !1;
-  }
-  handleInitialValue() {
-    this.multiSelect && !Array.isArray(this.value) && (this.value = []), !this.multiSelect && Array.isArray(this.value) && (this.value = void 0);
-  }
-  render() {
-    var l, r, u, c;
-    const i = `${this.id}-suggestions`, t = this.clearable && !this.multiSelect, s = this.multiSelect ? this.value.map((e) => e.id) : Boolean(this.value) ? [this.value.id] : [], n = this.multiSelect ? void 0 : ((l = this.value) == null ? void 0 : l.label) || "", a = w("autocomplete", {
-      "autocomplete--inactive": !this.active
-    });
-    return o(b, { key: "6ac4eb7a1f520ca9292004fb07da32ada3268808" }, o("div", { key: "4a5d55d90fa0ab8387f67b30dca24225c577b32f", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "a22265baff3265c999a162647c2216ea5cb1969e", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "5619bc2bd934857c663efd58c91b9eaaf0207e63", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((e) => o("swirl-tag", {
-      key: e.id,
-      label: e.label,
-      onRemove: () => this.onRemoveValue(e.id),
-      removable: !this.disabled
-    })))), o("swirl-text-input", { key: "a691e9b3aa419b8bdf3a0927d4ae171ada91aecf", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: t, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "d6d85b173b4b889422deed9d26b2a3edd2558383", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (e) => this.listboxContainerEl = e, style: {
-      top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
-      left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : "",
-      width: `${((c = this.inputEl) == null ? void 0 : c.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { key: "61d3b7a03a79c66c7dbb8885ff3a95d57badc19f", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "666f366558c17cb9d57fdc36ddaf95862706d04c" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "db951c479c16b6fe1ead86e5c46de0431237937f", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (e) => this.listboxEl = e, value: s }, this.suggestions.map((e) => {
-      var h;
-      return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === e.id) : ((h = this.value) == null ? void 0 : h.id) === e.id, key: e.id, disabled: e.disabled, label: e.label, value: e.id });
-    })))));
-  }
-  get el() {
-    return g(this);
-  }
-  static get watchers() {
-    return {
-      multiSelect: ["watchMultiSelect"]
-    };
-  }
-};
-A.style = x;
-export {
-  A as swirl_autocomplete
-};

package/dist/swirl-avatar-group.entry.baf5ce25.js

@@ -1,37 +0,0 @@
-import { r as s, h as t, H as i } from "./index.10a8b2d6.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", d = class {
-  constructor(a) {
-    s(this, a), this.layout = "diagonal", this.semantics = "group", this.avatars = [], this.onSlotChange = (r) => {
-      this.avatars = r.target.assignedElements(), this.layOutAvatars();
-    };
-  }
-  componentDidLoad() {
-    this.forceBadgeProps();
-  }
-  forceBadgeProps() {
-    if (!Boolean(this.badge))
-      return;
-    const a = this.badgeEl.querySelector("swirl-badge"), r = a == null ? void 0 : a.getAttribute("size");
-    Boolean(r) || a == null || a.setAttribute("size", "s");
-  }
-  layOutAvatars() {
-    this.layout === "diagonal" ? this.avatars.forEach((a) => {
-      a.style.position = "", a.style.zIndex = "";
-    }) : this.avatars.forEach((a, r) => {
-      a.style.position = "relative", a.style.zIndex = String(this.avatars.length - r);
-    });
-  }
-  render() {
-    const a = o("avatar-group", `avatar-group--${this.layout}-stack`, {
-      "avatar-group--has-badge": Boolean(this.badge)
-    }), r = o("avatar-group__badge");
-    return t(i, { key: "80ef04fc01bcb5a27be72df7b75b5eccafd5f37e" }, t("div", { key: "7b0e71b53bb51f19ee8f5c77cb06806e954f09db", "aria-label": this.label, class: a, role: this.semantics }, t("slot", { key: "f6019296267d3f15dcccb384cd3603d43de20715", onSlotchange: this.onSlotChange }), this.badge && t("span", { key: "384004e7139037578d3cb2565ba7d97bb61ca499", class: r, innerHTML: this.badge, ref: (e) => this.badgeEl = e })));
-  }
-};
-d.style = l;
-export {
-  d as swirl_avatar_group
-};

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

@@ -1,71 +0,0 @@
-import { r as m, c as o, h as t, H as g, g as b } from "./index.10a8b2d6.js";
-import { c as s } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const u = `: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%;border:var(--swirl-avatar-border-width, 0) solid
-    var(--swirl-avatar-border-color, transparent)}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.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-3xs{width:1.25rem;height:1.25rem}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem}.avatar--size-xs .avatar__initials{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}.avatar--size-s .avatar__initials{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}.avatar--size-m .avatar__initials{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}.avatar--size-l .avatar__initials{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}.avatar--size-xl .avatar__initials{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}.avatar--size-2xl .avatar__initials{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:1.25rem}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.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--color-neutral .avatar__initials{color:var(--s-text-subdued);background-color:var(--s-surface-neutral-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.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}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}`, n = {
-  "3xs": 20,
-  "2xs": 24,
-  xs: 28,
-  s: 32,
-  m: 40,
-  l: 48,
-  xl: 64,
-  "2xl": 144
-}, f = class {
-  constructor(e) {
-    m(this, e), this.imageError = o(this, "imageError", 7), this.imageLoad = o(this, "imageLoad", 7), this.badgePosition = "bottom", this.color = "kiwi", this.interactive = !1, this.showLabel = !1, this.size = "m", this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.inViewport = !1, this.componentLoaded = !1, this.onImageElementUpdate = (a) => {
-      var i, r;
-      (i = this.imgEl) == null || i.removeEventListener("load", this.setImageAvailable), (r = this.imgEl) == null || r.removeEventListener("error", this.setImageUnavailable), this.imgEl = a, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
-    }, this.setImageAvailable = () => {
-      this.imageAvailable = !0, this.loadingError = !1, this.loaded = !0, this.imageLoad.emit();
-    }, this.setImageUnavailable = () => {
-      this.imageAvailable = !1, this.loaded = !0, this.loadingError = !0, this.imageError.emit();
-    }, 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());
-    };
-  }
-  componentDidLoad() {
-    this.setupIntersectionObserver(), this.componentLoaded = !0;
-  }
-  connectedCallback() {
-    this.componentLoaded && this.setupIntersectionObserver();
-  }
-  disconnectedCallback() {
-    var e, a, i;
-    (e = this.intersectionObserver) == null || e.disconnect(), (a = this.imgEl) == null || a.removeEventListener("load", this.setImageAvailable), (i = this.imgEl) == null || i.removeEventListener("error", this.setImageUnavailable);
-  }
-  watchSrcProp() {
-    this.imageAvailable = void 0;
-  }
-  setupIntersectionObserver() {
-    this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-      threshold: 0
-    }), this.intersectionObserver.observe(this.element));
-  }
-  onVisibilityChange(e) {
-    this.inViewport = e.some((a) => a.isIntersecting);
-  }
-  render() {
-    const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!e || !this.loaded && !this.loadingError) && Boolean(this.initials), i = !e && !a && Boolean(this.icon), r = !e && !a && !i, l = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : void 0, d = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": i || r,
-      "avatar--has-initials": a,
-      "avatar--interactive": this.interactive
-    }), c = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = s("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return t(g, { key: "78142f3405ea341ccd54bb0de79d58f4336d0e71", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, t("span", { key: "2c72749f7a31a907231ad4ee94da919f67e5071e", class: d, part: "avatar" }, e && t("span", { key: "42053d690bf5470ab09f7ed9cb6b8bcd8da8a2e0", class: "avatar__image" }, t("img", { key: "710b8c502a16f81814d6ae29aaad1266e41a3dc9", alt: "", height: n[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.src, width: n[this.size] })), a && t("span", { key: "5e2d4ef77845bdbf1eaf1b79881c5e15c39698ad", class: "avatar__initials" }, t("span", { key: "caee3525f2b2a45064a8f1eba7e74d4157da2882" }, this.initials)), i && t("span", { key: "7095b410f8f5aa5e215bac5141c89624349148ac", class: "avatar__icon", innerHTML: this.icon }), r && t("span", { key: "05f04b24ea08f82d85c233bae69c46592af312c2", class: "avatar__icon" }, t("swirl-icon-person", { key: "84cd855cfd905746aa178aafbeb917ee6851ec46" })), l && t("span", { key: "5dbaf7566cd8148c96803e4e14aaff79c17ea3c3", class: c, innerHTML: this.badge }), t("span", { key: "b74529ee057d330fef80193319d7b9ecb02d7580", class: h }, t("slot", { key: "d0d74d7576315ad85397048913e04b1c07e162fe", name: "tool" }))), this.showLabel && t("span", { key: "d735bf442243ba498a4fe9b603a432d9a3fc3af2", "aria-hidden": !0, class: "avatar__label" }, this.label));
-  }
-  get element() {
-    return b(this);
-  }
-  static get watchers() {
-    return {
-      src: ["watchSrcProp"]
-    };
-  }
-};
-f.style = u;
-export {
-  f as swirl_avatar
-};

package/dist/swirl-badge.entry.f16de103.js

@@ -1,19 +0,0 @@
-import { r as t, h as e, F as i, H as r } from "./index.10a8b2d6.js";
-import { c as s } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--intent-strong{color:var(--s-text-on-status);background-color:var(--s-interactive-neutral-default)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", d = class {
-  constructor(a) {
-    t(this, a), this.intent = "critical", this.size = "m", this.variant = "default";
-  }
-  render() {
-    const a = s("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
-      "badge--has-icon": this.icon
-    });
-    return e(r, { key: "6c67a6db9984dab232cf8e88d20534a93ed1b3b2", role: "status" }, e("span", { key: "849ba6cfbe783aee6e5d93234a3a63b115bae903", class: a, part: "badge" }, this.icon && e("span", { key: "906a2916d2b10e26671c6e96740e077742b0d3e4", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(i, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
-  }
-};
-d.style = n;
-export {
-  d as swirl_badge
-};

package/dist/swirl-banner.entry.703eaeb5.js

@@ -1,51 +0,0 @@
-import { r as o, c as r, h as i, H as c, g as b } from "./index.10a8b2d6.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import { D as l } from "./media-query.service-BZg4zbFx.7454a4f3.js";
-import "react";
-import "react-dom";
-import "./utils-wi_3Z3FQ.29a3aebe.js";
-const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = {
-  default: void 0,
-  critical: "<swirl-icon-error></swirl-icon-error>",
-  success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
-  warning: "<swirl-icon-warning></swirl-icon-warning>",
-  info: "<swirl-icon-info></swirl-icon-info>"
-}, _ = class {
-  constructor(n) {
-    o(this, n), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.size = "m", this.mediaQueryUnsubscribe = () => {
-    }, this.onAction = (e) => {
-      this.action.emit(e);
-    }, this.onDismiss = (e) => {
-      this.dismiss.emit(e);
-    };
-  }
-  componentDidLoad() {
-    this.mediaQueryUnsubscribe = l.subscribe((n) => {
-      this.forceIconProps(n);
-    });
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(n) {
-    var s, a;
-    const e = (s = this.iconEl) == null ? void 0 : s.children[0], t = (a = this.dismissButtonEl) == null ? void 0 : a.children[0];
-    e == null || e.setAttribute("size", n ? "20" : "24"), t == null || t.setAttribute("size", n ? "20" : "24");
-  }
-  determineIcon() {
-    return this.icon ? this.icon : m[this.intent];
-  }
-  render() {
-    const n = this.determineIcon(), e = Boolean(this.actionLabel) || this.dismissable, t = this.icon || this.showIcon && Boolean(n), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
-      "banner--has-icon": t
-    });
-    return i(c, { key: "5fe674b015dca5ebb25241f5685804c580103a6c" }, i("div", { key: "3150d535b211232f6110cc548cdf7d373eba614d", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, i("div", { key: "d9bbb8fd8da2fcae133276a30209217c3bb93e3a", class: "banner__content", id: "content", part: "banner__content" }, t && i("span", { key: "5325d2cec860f3866e77c47ac39a12e9435c0112", "aria-hidden": "true", class: "banner__icon", innerHTML: n, ref: (a) => this.iconEl = a }), i("span", { key: "495fa090855b8802e18ae60e5a287872a4ce80f4", class: "banner__text" }, this.content)), e && i("div", { key: "a6c6b2c8a9207e192a9849d7cb76f06c2ddffb7c", class: "banner__controls" }, this.actionLabel && i("button", { key: "51a32c9e597fedf86d11d9ba01131f18569bf99e", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && i("button", { key: "8da94862540f2c02a01fb2e8b8a618b2b4d5a6b0", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, i("swirl-icon-close", { key: "02abf496d35db73ba30c92c8fd5b99bc423f3d86" })))));
-  }
-  get element() {
-    return b(this);
-  }
-};
-_.style = h;
-export {
-  _ as swirl_banner
-};

package/dist/swirl-box.entry.2917757f.js

@@ -1,78 +0,0 @@
-import { r, c as d, h as t, H as l, g as s } from "./index.10a8b2d6.js";
-import { c as i } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", a = class {
-  constructor(o) {
-    r(this, o), this.componentLoad = d(this, "componentLoad", 7), this.borderColor = "default", this.overflow = "visible", this.padding = "0", this.scrollState = {
-      scrollable: !1,
-      scrolledToBottom: !1,
-      scrolledToTop: !1
-    }, this.onScroll = () => {
-      this.updateScrollState();
-    };
-  }
-  componentDidLoad() {
-    this.componentLoad.emit(), queueMicrotask(() => {
-      this.updateScrollState();
-    });
-  }
-  updateScrollState() {
-    if (!this.el.isConnected)
-      return;
-    const o = {
-      scrollable: this.el.scrollHeight > this.el.clientHeight,
-      scrolledToTop: this.el.scrollTop === 0,
-      scrolledToBottom: Math.round(this.el.scrollTop + this.el.clientHeight) >= this.el.scrollHeight
-    };
-    Object.keys(o).some((e) => o[e] !== this.scrollState[e]) && (this.scrollState = o);
-  }
-  render() {
-    const o = {
-      alignItems: this.centerBlock ? "center" : void 0,
-      bottom: this.bottom,
-      display: this.centerBlock || this.centerInline ? "flex" : void 0,
-      flexBasis: this.basis,
-      flexShrink: this.shrink,
-      flexGrow: this.grow,
-      height: this.cover ? "100%" : this.height,
-      justifyContent: this.centerInline ? "center" : void 0,
-      left: this.left,
-      maxHeight: this.maxHeight,
-      minHeight: this.minHeight,
-      maxWidth: this.maxWidth,
-      minWidth: this.minWidth,
-      overflow: this.overflow,
-      padding: `var(--s-space-${this.padding})`,
-      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
-      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
-      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
-      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
-      position: Boolean(this.overflow) ? this.position || "relative" : this.position,
-      right: this.right,
-      top: this.top,
-      width: this.cover ? "100%" : this.width,
-      zIndex: this.zIndex
-    }, e = i("box", `box--border-color-${this.borderColor}`, {
-      "box--bordered": this.bordered,
-      "box--bordered-block-end": this.borderedBlockEnd,
-      "box--bordered-block-end-when-scrolled": this.borderedBlockEndWhenScrolled,
-      "box--bordered-block-start": this.borderedBlockStart,
-      "box--bordered-block-start-when-scrolled": this.borderedBlockStartWhenScrolled,
-      "box--bordered-inline-end": this.borderedInlineEnd,
-      "box--bordered-inline-start": this.borderedInlineStart,
-      "box--cover": this.cover,
-      "box--scrollable": this.scrollState.scrollable,
-      "box--scrolled-to-top": this.scrollState.scrolledToTop,
-      "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
-    });
-    return t(l, { key: "db6394f0b283eb07991d70a23fb8e9b22d99fc6b", class: e, onScroll: this.onScroll, style: o }, t("slot", { key: "f4ba125b1818a2cb22c1e0840289dc35ec783fa3" }));
-  }
-  get el() {
-    return s(this);
-  }
-};
-a.style = n;
-export {
-  a as swirl_box
-};

package/dist/swirl-button-group.entry.13f4526e.js

@@ -1,19 +0,0 @@
-import { r as s, h as r, H as i } from "./index.10a8b2d6.js";
-import { c as e } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', a = class {
-  constructor(t) {
-    s(this, t), this.orientation = "horizontal", this.spacing = "8";
-  }
-  render() {
-    const t = this.segmented ? "0" : this.spacing, o = e("button-group", {
-      "button-group--segmented": this.segmented
-    });
-    return r(i, { key: "e677fbc817dfe63d472ed41fdee060a0b9b3cbeb" }, r("swirl-stack", { key: "87a3b28a98bb9cb8aec9ca7a22d215dfcc3a984a", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "68735561c5076b380f5a5cb550dad44ad7eea732" })));
-  }
-};
-a.style = n;
-export {
-  a as swirl_button_group
-};

package/dist/swirl-button.entry.a359ef8b.js

@@ -1,66 +0,0 @@
-import { r as u, h as o, H as c, g as d } from "./index.10a8b2d6.js";
-import { c as v } from "./index-orsBiyT_.fc4357c3.js";
-import { D as w } from "./media-query.service-BZg4zbFx.7454a4f3.js";
-import "react";
-import "react-dom";
-import "./utils-wi_3Z3FQ.29a3aebe.js";
-const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);cursor:default}.button.sc-swirl-button:disabled:where(:not(.button--variant-ghost)),.button.button--disabled.sc-swirl-button:where(:not(.button--variant-ghost)){background-color:var(--swirl-ghost-button-background-disabled)}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid
-    var(--s-border-translucent-outline);outline-offset:calc(var(--s-border-width-default) * -1);background:var(--s-translucent-medium-default);box-shadow:var(--s-shadow-level-2);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.button--variant-translucent.sc-swirl-button:hover{background:var(--s-translucent-medium-hovered)}.button--variant-translucent.sc-swirl-button:active{background:var(--s-translucent-medium-pressed)}.button--variant-translucent.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button:disabled,.button--variant-translucent.button--disabled.sc-swirl-button{color:var(--s-text-subdued);background:var(--s-translucent-medium-default)}.button--variant-translucent.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-translucent.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-default)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
-      --swirl-icon-button-border-bottom-right-radius
-    );border-bottom-left-radius:var(
-      --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__trailing-slot.sc-swirl-button{order:4}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, p = class {
-  constructor(n) {
-    u(this, n), this.cursor = "pointer", this.iconPosition = "start", this.intent = "default", this.size = "m", this.textAlign = "center", this.type = "button", this.variant = "ghost", this.mediaQueryUnsubscribe = () => {
-    };
-  }
-  componentDidLoad() {
-    this.updateFormAttribute(), this.mediaQueryUnsubscribe = w.subscribe((n) => {
-      this.forceIconProps(n);
-    });
-  }
-  componentDidRender() {
-    this.updateFormAttribute();
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(n) {
-    if (!Boolean(this.iconEl))
-      return;
-    const t = this.iconEl.children[0];
-    ((t == null ? void 0 : t.tagName.startsWith("SWIRL-ICON")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-EMOJI")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-SYMBOL"))) && (t == null || t.setAttribute("size", n ? "20" : "24"));
-  }
-  getAriaLabel(n) {
-    if (Boolean(this.swirlAriaLabel))
-      return this.swirlAriaLabel;
-    if (n)
-      return this.label;
-  }
-  updateFormAttribute() {
-    var t, r;
-    Boolean(this.href) || !Boolean(this.form) ? (t = this.buttonEl) == null || t.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
-  }
-  render() {
-    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = Boolean(this.el.querySelector("[slot='trailing']")), l = v("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
-      "button--elevated": this.elevated,
-      "button--disabled": this.disabled,
-      "button--has-icon": a,
-      "button--icon-only": n,
-      "button--pill": this.pill,
-      "button--pressed": this.pressed
-    }), b = t ? "a" : "button";
-    return o(c, { key: "1de6e08a0322a25d36c4003bfb871011e4b294ae", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "c22ab5f4964c328ece71f76e2f73c099392f7687", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: l, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: {
-      cursor: !this.disabled && this.cursor !== "pointer" ? this.cursor : void 0,
-      fontSize: this.inheritFontSize ? "inherit" : void 0,
-      lineHeight: this.inheritFontSize ? "inherit" : void 0
-    } }, Boolean(this.icon) && o("span", { key: "b39be633716de59c1e8176da525a0f908b837e47", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "601b9f42df6ac64e3ae6626e82ccf99f175504fe", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "3ec4150a71fca79d9071bfeb603ba4f7dbc258f9", name: "icon" })), !n && o("span", { key: "8ef4f4621a3a32336ca227730f25828d9f96f3fb", class: "button__label" }, this.label), s && o("span", { key: "d3855d39f08a5a7c5d663631617547f4c7e4f51d", class: "button__tag" }, o("slot", { key: "92be90f33acb6da8d16e75e19f589092d278a5c7", name: "tag" })), e && o("div", { key: "2686ea8522f5de4458eb44b184d586febcdb87f5", class: "button__trailing-slot" }, o("slot", { key: "301948eaafc2830f80e5628d5d9f957ec8f22798", name: "trailing" }))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-p.style = h;
-export {
-  p as swirl_button
-};

package/dist/swirl-card.entry.a8b8dc89.js

@@ -1,55 +0,0 @@
-import { r as o, c as n, h as e, H as c, g as l } from "./index.10a8b2d6.js";
-import { c as u } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{--swirl-avatar-background-color:var(--s-surface-raised-hovered);background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{--swirl-avatar-background-color:var(--s-surface-raised-pressed);background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(
-    --s-surface-raised-default
-  );--swirl-resource-list-item-background-hovered:var(
-    --s-surface-raised-hovered
-  );--swirl-resource-list-item-background-pressed:var(
-    --s-surface-raised-pressed
-  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}`, f = ["xs", "sm", "base", "l", "xl"], g = class {
-  constructor(a) {
-    o(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
-  }
-  async flash(a = 5e3) {
-    Boolean(this.flashingTimeout) && (clearTimeout(this.flashingTimeout), this.flashingTimeout = void 0), this.flashing = !0, this.flashingTimeout = setTimeout(() => {
-      this.flashing = !1;
-    }, a);
-  }
-  componentDidLoad() {
-    this.componentLoad.emit();
-  }
-  render() {
-    const a = Boolean(this.href) ? "a" : this.as, r = Boolean(this.el.querySelector('[slot="floating-controls"]')), s = Boolean(this.el.querySelector('[slot="image"]')), t = {
-      ...this.customBackgroundColor ? { "--swirl-card-background-default": this.customBackgroundColor } : {},
-      backdropFilter: this.customBackdropFilter,
-      borderRadius: f.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
-      height: this.height,
-      minHeight: this.minHeight,
-      overflow: this.overflow
-    }, i = {
-      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
-      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
-      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
-      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
-      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
-    }, d = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
-      "card--elevated": this.elevated,
-      "card--flashing": this.flashing,
-      "card--has-floating-controls": r,
-      "card--has-image": s,
-      "card--highlighted": this.highlighted,
-      "card--interactive": this.interactive || this.href,
-      "card--is--borderless": this.isBorderless
-    });
-    return e(c, { key: "23b76491efcc762b64f389fbd55aa4dfc9394a85", styles: { height: this.height } }, e(a, { key: "626f308ab1ba1dbca7b9b040097df98b9d656087", "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "10c256de20920900cb7c7414a4a818b5460c00f4", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "5d191946ebaa24d0f222918ed8cd4f6ebe3f5105", name: "image" })), e("div", { key: "89f5812af81e820c52a4a212d40abd37709e52c0", class: "card__floating-controls" }, e("slot", { key: "b03e59223f83166006a13001b2637ad21fd35645", name: "floating-controls" })), e("div", { key: "a31584f40a9bdf8136d2ec3e71f032c7f2da2992", class: "card__body", style: i }, e("div", { key: "ce43a15badfe575cbb8b3982741862b4c093a4de", class: "card__content" }, e("slot", { key: "0b943af59aba49296f7fdb591687e936b53bdc7e", name: "content" })))));
-  }
-  get el() {
-    return l(this);
-  }
-};
-g.style = h;
-export {
-  g as swirl_card
-};

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

@@ -1,23 +0,0 @@
-import { r as i, h as e, H as t } from "./index.10a8b2d6.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", l = class {
-  constructor(s) {
-    i(this, s), this.width = "15.5rem";
-  }
-  render() {
-    const s = a("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return e(t, { key: "8fe470cabdf40babf14512d6f78a819be2fad6c3", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
-      aspectRatio: this.aspectRatio,
-      flexBasis: this.width,
-      minHeight: this.minHeight
-    }, tabIndex: 0 }, e("slot", { key: "bb5aaf6b6743afe0d9c367daf0fea7397de54571" }));
-  }
-};
-l.style = o;
-export {
-  l as swirl_carousel_slide
-};