@getflip/swirl-components-react 0.487.0 → 0.488.0

package/dist/swirl-inline-notification.entry.d619ee8f.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, H as t } from "./index.bf524185.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const o = () => ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--border-radius-xs{border-radius:var(--s-border-radius-xs)}.inline-notification--border-radius-sm{border-radius:var(--s-border-radius-sm)}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = class {
-  constructor(n) {
-    e(this, n), this.importance = "status", this.intent = "info", this.borderRadius = "sm";
-  }
-  render() {
-    const n = a("inline-notification", `inline-notification--intent-${this.intent}`, `inline-notification--border-radius-${this.borderRadius}`);
-    return i(t, { key: "7522a5ec01de5f9e5997779a363462657219788e" }, i("div", { key: "b40726eb643d036a4070c2988de0216287dd594a", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "64b32ecd121b03eb7a616da32174a245382d67d4", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "89f26557c916e369bba31fcefbb1b9aea7d96950", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "8150393c11c44fdefe413180935d11b8af2afc08", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "e594a1b00601fd1a4a6e21653408d700ea8888a1", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "d3c927e5fd326f059621dad08bc44e71573bc66c", size: 20 })), i("span", { key: "babd72af2b59c3e867d45f0b2623f1d7a9a60b3e", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "1beb22d318c29342bb243c1aba3e716207760d67" }, this.heading) || i("swirl-text", { key: "8bfbec0608132ed521e1068360058acf62f2e538", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "9940542a9a3ed2abfda9bac1d590ae97393bf0ce" }))));
-  }
-};
-s.style = o();
-export {
-  s as swirl_inline_notification
-};

package/dist/swirl-inline-status.entry.a8e9c482.js

@@ -1,37 +0,0 @@
-import { r as e, h as s, H as a } from "./index.bf524185.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import { D as r } from "./media-query.service-CCYT6DU8.f0931fdc.js";
-import "react";
-import "react-dom";
-import "./utils-CCck-DTo.e4e43b6a.js";
-const c = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = class {
-  constructor(i) {
-    e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
-    };
-  }
-  componentDidLoad() {
-    this.mediaQueryUnsubscribe = r.subscribe((i) => {
-      this.forceIconProps(i);
-    });
-  }
-  disconnectedCallback() {
-    this.mediaQueryUnsubscribe();
-  }
-  forceIconProps(i) {
-    if (!Boolean(this.iconEl))
-      return;
-    const t = this.iconEl.children[0];
-    if (!Boolean(t))
-      return;
-    let n = "24";
-    this.size === "s" ? n = "16" : i && (n = "20"), t.setAttribute("size", n);
-  }
-  render() {
-    const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return s(a, { key: "81039cc41edbc7c13e43cb84d7324ba576f72979" }, s("span", { key: "cfc8eef5749e8648cbc296db2eb51f81ca0477f1", class: i, part: "inline-status" }, this.icon && s("span", { key: "0c3294e3bb2b8ad91c78e8110c879f03aca0b206", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "639fd199d01309d4d6a555bc8d9004d18e336c70", class: "inline-status__message" }, this.message)));
-  }
-};
-l.style = c();
-export {
-  l as swirl_inline_status
-};

package/dist/swirl-lightbox.entry.ab4b9f15.js

@@ -1,155 +0,0 @@
-import { r as g, c as r, h as o, H as u, g as f } from "./index.bf524185.js";
-import { d as x, e as m } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
-import { c as p } from "./index-orsBiyT_.fc4357c3.js";
-import { t as h } from "./index.esm-DBTxpXCn.fccbd562.js";
-import { q as v } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const S = () => ":host{display:block}:host *{box-sizing:border-box}.lightbox{--swirl-lightbox-view-height:100vh;position:fixed;z-index:var(--s-z-40);display:block;overflow:visible;width:auto;max-width:none;height:var(--swirl-lightbox-view-height);max-height:none;margin:0;padding:0;border:none;background-color:rgba(0, 0, 0, 1);inset:0}.lightbox::backdrop{display:none}.lightbox:not([open]){display:none}@supports (height: 100dvh){.lightbox{--swirl-lightbox-view-height:100dvh}}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:calc(var(--s-space-12) + env(safe-area-inset-top, 0))     var(--s-space-16) var(--s-space-12);align-items:flex-start;pointer-events:none;gap:var(--s-space-12);justify-content:space-between}.lightbox__header .lightbox__close-button{order:-1}@media (min-width: 768px){.lightbox__header{justify-content:flex-end}.lightbox__header .lightbox__close-button{order:unset}}.lightbox__toolbar{display:flex;align-items:center;pointer-events:auto;gap:var(--s-space-12)}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{width:2.25rem;height:2.25rem}}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}", _ = class {
-  constructor(t) {
-    g(this, t), this.activeSlideChange = r(this, "activeSlideChange", 7), this.lightboxClose = r(this, "lightboxClose", 7), this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.opening = !1, this.componentLoaded = !1, this.dragging = !1, this.onKeyDown = (e) => {
-      e.code === "Escape" ? (e.stopImmediatePropagation(), e.preventDefault(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick();
-    }, this.preventDragStart = (e) => {
-      e.preventDefault();
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.onDownloadButtonClick = () => {
-      var e;
-      (e = this.slides[this.activeSlideIndex]) == null || e.download();
-    }, this.onNextSlideClick = () => {
-      var e;
-      this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1)), this.activeSlideIndex === this.slides.length - 1 && (this.slides.length > 1 ? this.previousSlideButton.focus() : (e = h(this.modalEl).at(0)) == null || e.focus());
-    }, this.onPreviousSlideClick = () => {
-      var e;
-      this.activateSlide(Math.max(0, this.activeSlideIndex - 1)), this.activeSlideIndex === 0 && (this.slides.length > 1 ? this.nextSlideButton.focus() : (e = h(this.modalEl).at(0)) == null || e.focus());
-    }, this.registerSlides = () => {
-      this.removeSlideListeners(), this.slides = Array.from(this.el.children).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
-    }, this.onPointerDown = (e) => {
-      this.slides.length <= 1 || (this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((i) => {
-        i.style.transition = "none";
-      }));
-    }, this.onPointerMove = async (e) => {
-      var l, n;
-      if (!this.dragging)
-        return;
-      const i = !(e instanceof MouseEvent) && e.touches.length > 1, s = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), a = Boolean(s) ? await s.getZoom() > 1 : !1;
-      if (i || a)
-        return;
-      e.preventDefault();
-      const c = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
-      this.slides.forEach((d) => {
-        const b = this.activeSlideIndex * d.getBoundingClientRect().width;
-        this.dragDelta = c, d.style.transform = `translate3d(${(-b + this.dragDelta) / 16}rem, 0, 0)`;
-      });
-    }, this.onPointerUp = () => {
-      if (!this.dragging)
-        return;
-      this.dragging = !1, this.dragStartPosition = void 0;
-      const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
-      this.dragDelta = 0;
-      const i = e > 0.2, s = e < -0.2;
-      this.slides.forEach((a) => {
-        a.style.transition = "";
-      }), i ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
-    }, this.onBackdropClick = (e) => {
-      e.target === this.slidesContainer && this.close();
-    }, this.onContextMenu = (e) => {
-      this.downloadButtonEnabled || e.preventDefault();
-    };
-  }
-  connectedCallback() {
-    this.componentLoaded && this.registerSlides();
-  }
-  componentWillLoad() {
-    this.registerSlides();
-  }
-  componentDidLoad() {
-    this.ensureOpening(), this.setDialogCustomProps(), this.activateSlide(0), this.componentLoaded = !0;
-  }
-  disconnectedCallback() {
-    var t;
-    this.unlockBodyScroll(), this.removeSlideListeners(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout), (t = this.modalEl) != null && t.open && this.modalEl.close();
-  }
-  watchActiveSlideIndex() {
-    this.activeSlideChange.emit(this.activeSlideIndex);
-  }
-  async open() {
-    this.opening = !0, this.modalEl && (this.modalEl.showModal(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0));
-  }
-  async close() {
-    this.closing || (this.closing = !0, this.unlockBodyScroll(), this.closingTimeout && (clearTimeout(this.closingTimeout), this.closingTimeout = void 0), this.closingTimeout = setTimeout(() => {
-      this.resetImageZoom(), this.stopAllMediaPlayers(), this.modalEl.close(), this.closing = !1, this.lightboxClose.emit();
-    }, 150));
-  }
-  async activateSlide(t) {
-    this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((e, i) => {
-      i === this.activeSlideIndex ? (e.removeAttribute("aria-hidden"), e.setAttribute("active", "true")) : i === this.activeSlideIndex - 1 || i === this.activeSlideIndex + 1 ? (e.setAttribute("aria-hidden", "true"), e.setAttribute("active", "true")) : e.setAttribute("aria-hidden", "true"), e.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
-    }), this.activateSlideTimeout && (clearTimeout(this.activateSlideTimeout), this.activateSlideTimeout = void 0), this.activateSlideTimeout = setTimeout(() => {
-      this.slides.forEach((e, i) => {
-        i !== this.activeSlideIndex && i !== this.activeSlideIndex - 1 && i !== this.activeSlideIndex + 1 && e.setAttribute("active", "false");
-      });
-    }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
-  }
-  ensureOpening() {
-    var t;
-    this.opening && !((t = this.modalEl) != null && t.open) && this.open();
-  }
-  setDialogCustomProps() {
-    this.modalEl.setAttribute("closedby", "none");
-  }
-  setSlideAttributes() {
-    this.slides.forEach((t) => {
-      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group"), t.addEventListener("dragstart", this.preventDragStart);
-    });
-  }
-  removeSlideListeners() {
-    var t;
-    (t = this.slides) == null || t.forEach((e) => {
-      e.removeEventListener("dragstart", this.preventDragStart);
-    });
-  }
-  resetSlidePositions() {
-    this.slides.forEach((t) => {
-      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
-    });
-  }
-  lockBodyScroll() {
-    x(this.el);
-  }
-  unlockBodyScroll() {
-    m(this.el);
-  }
-  getMediaPlayers() {
-    return v(this.el, "video");
-  }
-  stopAllMediaPlayers() {
-    this.getMediaPlayers().forEach((t) => t.pause());
-  }
-  resetImageZoom() {
-    this.slides.forEach((t) => {
-      var i;
-      const e = (i = t == null ? void 0 : t.shadowRoot) == null ? void 0 : i.querySelector("swirl-file-viewer-image");
-      Boolean(e) && e.resetZoom();
-    });
-  }
-  render() {
-    const t = this.slides.length > 1, e = p("lightbox", {
-      "lightbox--closing": this.closing
-    });
-    return o(u, { key: "5b14ac59ab625454e3ed3210af872cd1d40c4770" }, o("dialog", { key: "c29bc5fe0113f460a083e2e4805c755e6bcc4397", "aria-label": this.label, class: e, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (i) => this.modalEl = i }, o("div", { key: "6c4e9f4a05c71f4aabe9f2acdcf1a3b788a72a6b", class: "lightbox__body", role: "document" }, o("header", { key: "abbf5db508dc6dc497dc42428739ff502ba86832", class: "lightbox__header" }, o("div", { key: "81309bc28b2eabe0d81690fc6fd8899ab6e4a99b", class: "lightbox__toolbar" }, o("slot", { key: "6397e16c16e273d05c5dc7a132d640b71087e7cd", name: "toolbar" }), this.downloadButtonEnabled && o("button", { key: "382bb0677d21d8ce660be535b80fbc2e33806e2e", "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, o("swirl-icon-download", { key: "1c4ce42a9c6c8ff342b733847537134a0a22f992" }))), o("button", { key: "073c48f6dbf0ed9e02fa8ca622e313d20d8c5a0d", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, o("swirl-icon-close", { key: "6fd4846fe839b0b07f68f9a2859e12e542af2960" }))), o("div", { key: "69439ebb4796277d1c17b311bfaa34a96c68748c", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { key: "0d4c0a43cd0b26291dc3d734ffd8826c7e5cbace", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (i) => this.slidesContainer = i }, o("slot", { key: "d60513844b0bb046f19a370f4deac9431b0d3a8c", onSlotchange: this.registerSlides }))), o("div", { key: "a9ee12e1ebdd5da0fb8fef825651135cd3a970a3", class: "lightbox__controls" }, o("button", { key: "63563be21e728a51d543b099d6dc3f6e9e7ca163", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (i) => this.previousSlideButton = i }, o("swirl-icon-arrow-left", { key: "9f484f2b97719b2d4d01ec56c522ecc12702d51a" })), o("button", { key: "77da8b09170b7b6541bcf585347cad42982160bd", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (i) => this.nextSlideButton = i }, o("swirl-icon-arrow-right", { key: "b0fd680973113a1f16de97ed44034a77c92555b2" }))), t && o("span", { key: "0c054279ebd0fd172c52086d3096cf4a611b131f", class: "lightbox__pagination" }, o("span", { key: "5935062226f1793db6cf1e7eb6278cf723743813", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
-  }
-  get el() {
-    return f(this);
-  }
-  static get watchers() {
-    return {
-      activeSlideIndex: [{
-        watchActiveSlideIndex: 0
-      }]
-    };
-  }
-};
-_.style = S();
-export {
-  _ as swirl_lightbox
-};

package/dist/swirl-link.entry.5faf8965.js

@@ -1,17 +0,0 @@
-import { r as i, h as r, H as t } from "./index.bf524185.js";
-import { c as s } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const a = () => ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", o = class {
-  constructor(e) {
-    i(this, e), this.color = "default";
-  }
-  render() {
-    const e = s("link", `link--color-${this.color}`);
-    return r(t, { key: "a42f7ab1e0d1c11fdf0610466d16f3b49a95e590" }, r("a", { key: "2ee2eba58a1e518c769fe674d8cd6d85708f9b1a", class: e, href: this.href, part: "link", target: this.target }, this.label));
-  }
-};
-o.style = a();
-export {
-  o as swirl_link
-};

package/dist/swirl-list.entry.bbfa4093.js

@@ -1,18 +0,0 @@
-import { r as l, h as i, H as r } from "./index.bf524185.js";
-import "react";
-import "react-dom";
-const s = () => ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {
-  constructor(e) {
-    l(this, e);
-  }
-  componentDidRender() {
-    Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
-  }
-  render() {
-    return i(r, { key: "7cda9815f633b8ff23c929050e8bfcac4ab50f63" }, i("div", { key: "2fece28f33c25873564f11ff66f9eb92085fb005", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "3ac0ff3c7e42ea4e1ec1839d3267f4853f0fb297" })));
-  }
-};
-n.style = s();
-export {
-  n as swirl_list
-};

package/dist/swirl-menu-item.entry.650dbd1b.js

@@ -1,86 +0,0 @@
-import { r, f as l, h as i, H as h, g as u } from "./index.bf524185.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
-import { l as d, m as p } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const m = () => ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-state-hovered)}", b = class {
-  constructor(e) {
-    r(this, e), this.intent = "default", this.truncateLabel = !0, this.hasAvatar = !1, this.onSlotChange = () => {
-      this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
-    }, this.onActionListItemClick = () => {
-      this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
-    }, this.onOptionListItemClick = () => {
-      this.optionListItem.disabled || this.parentMenu.updateSelection(this.optionListItem);
-    }, this.onOptionListItemKeyDown = (t) => {
-      if (t.code === "Space")
-        t.preventDefault();
-      else if (t.code === "Enter") {
-        if (this.optionListItem.disabled)
-          return;
-        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
-      }
-    }, this.onOptionListItemKeyUp = (t) => {
-      if (t.code === "Space") {
-        if (this.optionListItem.disabled)
-          return;
-        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
-      }
-    };
-  }
-  componentWillLoad() {
-    this.parentMenu = d(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
-  }
-  watchExpanded() {
-    this.updateActionListItemProps();
-  }
-  async getSubMenu() {
-    return this.subMenu;
-  }
-  async updateValue() {
-    l(this);
-  }
-  async getParentMenu() {
-    return this.parentMenu;
-  }
-  updateActionListItemProps() {
-    !Boolean(this.actionListItem) || (this.actionListItem.swirlAriaExpanded = this.expanded ? "true" : void 0, this.actionListItem.swirlAriaHaspopup = Boolean(this.subMenu) ? "true" : void 0, this.actionListItem.suffix = Boolean(this.subMenu) ? '<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>' : void 0);
-  }
-  updateAvatarState() {
-    const e = this.el.querySelector('[slot="avatar"]'), t = Boolean(e);
-    t !== this.hasAvatar && (this.hasAvatar = t);
-  }
-  renderActionListItem() {
-    var t, s, a;
-    const e = Boolean((t = this.subMenu) == null ? void 0 : t.value) ? (a = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((n) => {
-      var o;
-      return n.value === ((o = this.subMenu) == null ? void 0 : o.value);
-    })) == null ? void 0 : a.label : void 0;
-    return i("swirl-action-list-item", { badge: e, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, truncateLabel: this.truncateLabel, onClick: this.onActionListItemClick, ref: (n) => this.actionListItem = n, suffix: this.suffix }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
-  }
-  renderOptionListItem() {
-    var t;
-    const e = ((t = this.parentMenu) == null ? void 0 : t.value) === this.value;
-    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, truncateLabel: this.truncateLabel, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: e, swirlAriaRole: "menuitemradio", value: this.value }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
-  }
-  render() {
-    var t;
-    const e = c("menu-item", {
-      "menu-item--expanded": this.expanded
-    });
-    return i(h, { key: "fe8c42b2a69f113036cc97f5beb9f03ef0d51263" }, i("div", { key: "cf251ab860b976f1ee5175b94ac21bddb5d589b0", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "b7925e1ebde82de557c42c143ef613a59622d052", onSlotchange: this.onSlotChange })));
-  }
-  get el() {
-    return u(this);
-  }
-  static get watchers() {
-    return {
-      expanded: [{
-        watchExpanded: 0
-      }]
-    };
-  }
-};
-b.style = m();
-export {
-  b as swirl_menu_item
-};

package/dist/swirl-menu.entry.c2b2a093.js

@@ -1,184 +0,0 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.bf524185.js";
-import { c as f, o as v, s as w, f as M, a as g } from "./floating-ui.dom-CLsTbQHn.fe95e3a6.js";
-import { c as y } from "./index-orsBiyT_.fc4357c3.js";
-import { q as a, l, m as h, i as I, k as x } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const _ = () => ':host{display:block}:host *{box-sizing:border-box}.menu{width:100%}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile):not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4);outline:var(--s-border-width-default) solid var(--s-border-translucent-outline)}:not(.menu--mobile):not(.menu--root) .menu__menu:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l))}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}', k = class {
-  constructor(e) {
-    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.active = !0, this.level = 0, this.mobileBackButtonLabel = "Back", this.mobileCloseMenuButtonLabel = "Close menu", this.placement = "right-start", this.mobileDoneButtonLabel = "Done", this.variant = "action", this.activeLevel = 0, this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
-      this.updateMobileState();
-    }, this.resetMenu = () => {
-      this.items.forEach((t) => {
-        t.tabIndex = -1;
-      }), !(this.level > 0) && setTimeout(() => {
-        this.activeLevel = 0, a(this.el, "swirl-menu").forEach((i) => {
-          i.active = !1, i.parentElement.expanded = !1;
-        });
-      }, this.mobile ? 200 : 60);
-    }, this.closeMenu = () => {
-      this.disableAutoUpdate && this.disableAutoUpdate(), this.swirlPopover.close(), this.resetMenu();
-    }, this.reposition = async () => {
-      if (this.mobile || this.level === 0) {
-        this.position = void 0;
-        return;
-      }
-      const t = this.el.parentElement;
-      !Boolean(t) || !Boolean(this.menuContainer) || requestAnimationFrame(async () => {
-        this.position = await f(t, this.menuContainer, {
-          placement: this.placement,
-          strategy: "fixed",
-          middleware: [v({ mainAxis: -10, crossAxis: 0 }), w(), M()]
-        });
-      });
-    }, this.onKeyDown = (t) => {
-      if (t.code === "ArrowDown")
-        t.preventDefault(), t.stopPropagation(), this.focusNextItem();
-      else if (t.code === "ArrowUp")
-        t.preventDefault(), t.stopPropagation(), this.focusPreviousItem();
-      else if (t.code === "ArrowLeft")
-        t.preventDefault(), t.stopPropagation(), this.rootMenu.goBack();
-      else if (t.code === "ArrowRight") {
-        t.preventDefault();
-        const i = l(this.items[this.getActiveItemIndex()], "swirl-menu-item");
-        if (!Boolean(i))
-          return;
-        this.rootMenu.activateMenuItem(i);
-      }
-    }, this.onClose = () => {
-      this.closeMenu();
-    }, this.onDone = () => {
-      this.closeMenu(), this.done.emit();
-    }, this.onGoBack = () => {
-      this.rootMenu.goBack();
-    };
-  }
-  componentWillLoad() {
-    this.updateMobileState(), this.updateLevel(), this.observeSlotChanges();
-  }
-  componentDidLoad() {
-    this.mobileMediaQuery.addEventListener("change", this.mediaQueryHandler), this.parentMenu = l(this.el.parentElement, "swirl-menu"), this.swirlPopover = l(this.el, "swirl-popover"), this.rootMenu = h(this.el, "swirl-menu").pop(), Boolean(this.parentMenu) && queueMicrotask(() => {
-      this.active = !1;
-    }), this.swirlPopover.addEventListener("popoverClose", this.resetMenu), this.updateItems();
-  }
-  disconnectedCallback() {
-    var e, t, i, n;
-    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (n = this.observer) == null || n.disconnect();
-  }
-  watchActive() {
-    this.position = void 0, this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = g(this.el.parentElement, this.menuContainer, this.reposition);
-  }
-  watchValue() {
-    this.updateActiveItem();
-  }
-  async activateMenuItem(e) {
-    if (Boolean(this.parentMenu))
-      return;
-    const t = await e.getParentMenu();
-    a(this.el, "swirl-menu").filter((s) => s.level >= t.level && s !== t).forEach((s) => {
-      s.active = !1, s.parentElement.expanded = !1;
-    });
-    const n = await e.getSubMenu();
-    !Boolean(n) || (e.expanded = !0, n.active = !0, this.activeLevel = n.level, setTimeout(() => {
-      n.focusFirstItem();
-    }, this.mobile ? 200 : 60));
-  }
-  async close() {
-    this.closeMenu();
-  }
-  async goBack() {
-    if (Boolean(this.parentMenu) || this.activeLevel === 0)
-      return;
-    const t = (a(this.el, "swirl-menu").find((s) => s.level === this.activeLevel && s.active) || this.rootMenu).parentElement;
-    t.expanded = !1, this.activeLevel = Math.max(this.activeLevel - 1, 0), a(this.el, "swirl-menu").filter((s) => s.level > this.activeLevel).forEach((s) => {
-      s.active = !1;
-    }), (a(this.el, "swirl-menu").find((s) => s.level === this.activeLevel && s.active) || this.rootMenu).focusItemAtIndex(Array.from(t.parentElement.children).indexOf(t));
-  }
-  async focusFirstItem() {
-    this.focusItem(this.items[0]);
-  }
-  async focusItemAtIndex(e) {
-    this.focusItem(this.items[e]);
-  }
-  async updateSelection(e) {
-    this.valueChange.emit(e.value);
-  }
-  async updateActiveItem() {
-    a(this.el, "swirl-menu-item").filter((t) => l(t, "swirl-menu") === this.el).forEach((t) => {
-      t.updateValue();
-    }), this.parentMenu && this.parentMenu.variant === "action" && this.parentMenu.updateActiveItem();
-  }
-  observeSlotChanges() {
-    this.observer = new MutationObserver(() => {
-      requestAnimationFrame(() => {
-        this.updateItems();
-      });
-    }), this.observer.observe(this.el, { childList: !0 });
-  }
-  updateMobileState() {
-    const e = I();
-    e !== this.mobile && (this.mobile = e);
-  }
-  updateItems() {
-    this.items = [
-      ...a(this.el, '[role="menuitem"]'),
-      ...a(this.el, '[role="menuitemradio"]')
-    ].filter((e) => l(e, "swirl-menu") === this.el);
-  }
-  updateLevel() {
-    const e = h(this.el.parentNode, "swirl-menu");
-    this.level = e.length;
-  }
-  focusItem(e) {
-    [
-      ...a(this.rootMenu, '[role="menuitem"]'),
-      ...a(this.rootMenu, '[role="menuitemradio"]')
-    ].forEach((i) => {
-      i.tabIndex = -1;
-    }), Boolean(e) && (e.tabIndex = 0, e.focus());
-  }
-  focusNextItem() {
-    const t = (this.getActiveItemIndex() + 1) % this.items.length, i = this.items[t];
-    this.focusItem(i);
-  }
-  focusPreviousItem() {
-    const e = this.getActiveItemIndex(), t = e === 0 ? this.items.length - 1 : e - 1, i = this.items[t];
-    this.focusItem(i);
-  }
-  getActiveItemIndex() {
-    const e = x();
-    return this.items.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')) || t === (e == null ? void 0 : e.querySelector('[role="menuitemradio"]')));
-  }
-  render() {
-    var r, u;
-    const e = !Boolean(this.parentMenu), t = e && this.mobile ? void 0 : this.label, i = e && this.mobile ? "menu-title" : void 0, n = e ? "menubar" : "menu", s = y("menu", `menu--level-${this.level}`, {
-      "menu--active": this.active,
-      "menu--mobile": this.mobile,
-      "menu--root": e
-    });
-    return o(b, { key: "90649ed93738daac024fb46d5b0096439f72d04d" }, o("div", { key: "19197c74b8088d5e95c38167b964eb98c2060dcc", class: s }, this.mobile && e && o("div", { key: "3e83380d07ca1fb260b9f0fc1c5d135ae4460f02", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "ddb263add38ceee511899f23f3f0401af642bb66", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "bf7f50ea6cdf84c5522ffc14346ad816067004e4", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "fbcae6f2a3a5f52edf267d129f90384a2c6aaeb5", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "5f47dbd00900ca4652c48d9e8433cae7e1cd98d4", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "75e3348b5a732a5c4d2010beff9f21973bdffda2", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "59ff09a67ba9c64402762ddc2d90f136c423cb99", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
-      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` : "",
-      opacity: Boolean(this.position) ? void 0 : "0"
-    } : this.mobile ? {
-      left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "b0434b4a52901a62b2d47e343c233309bdfcbc58" }))));
-  }
-  get el() {
-    return p(this);
-  }
-  static get watchers() {
-    return {
-      active: [{
-        watchActive: 0
-      }],
-      value: [{
-        watchValue: 0
-      }]
-    };
-  }
-};
-k.style = _();
-export {
-  k as swirl_menu
-};

package/dist/swirl-modal-shell.entry.a6512047.js

@@ -1,45 +0,0 @@
-import { r as e, c as a, h as s, H as i } from "./index.bf524185.js";
-import { d as t, e as c } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = () => ".sc-swirl-modal-shell-h{display:block}.sc-swirl-modal-shell-h *.sc-swirl-modal-shell{box-sizing:border-box}.modal-shell.sc-swirl-modal-shell{position:fixed;inset:0;z-index:var(--s-z-40);border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;background:transparent}.modal-shell.sc-swirl-modal-shell::backdrop{display:none}.modal-shell__backdrop.sc-swirl-modal-shell{position:fixed;inset:0;z-index:1;background-color:var(--s-translucent-medium-default);opacity:1;-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));transition:opacity 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out}.modal-shell__scroll-container.sc-swirl-modal-shell{overflow-y:auto;position:fixed;inset:0;z-index:2;display:grid;padding:calc(var(--s-space-24) + env(safe-area-inset-top, 0))     var(--s-space-24) var(--s-space-24);justify-content:center;align-items:center}.modal-shell__scroll-container__content.sc-swirl-modal-shell{opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,     transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell__close-button.sc-swirl-modal-shell{position:fixed;top:calc(var(--s-space-16) + env(safe-area-inset-top, 0));right:var(--s-space-16);z-index:3;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,     transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__backdrop.sc-swirl-modal-shell{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__scroll-container__content.sc-swirl-modal-shell,.modal-shell--closing.sc-swirl-modal-shell .modal-shell__close-button.sc-swirl-modal-shell{opacity:0;transform:scale(1.1)}", d = 300, h = class {
-  constructor(o) {
-    e(this, o), this.closeModal = a(this, "closeModal", 7), this.isClosing = !0, this.onDialogClose = () => {
-      this.closeModal.emit();
-    }, this.onKeyDown = (l) => {
-      l.code === "Escape" && (l.stopImmediatePropagation(), l.preventDefault(), this.close());
-    }, this.onContentClick = (l) => {
-      l.stopPropagation();
-    }, this.onClose = () => {
-      this.close();
-    };
-  }
-  componentDidLoad() {
-    this.setDialogCustomProps(), requestAnimationFrame(() => {
-      this.modalEl.showModal(), t(this.scrollContainerEl), this.isClosing = !1;
-    });
-  }
-  disconnectedCallback() {
-    var o;
-    (o = this.modalEl) != null && o.open && this.modalEl.close(), c(this.scrollContainerEl);
-  }
-  async close() {
-    this.isClosing = !0, setTimeout(() => {
-      this.modalEl.close();
-    }, d);
-  }
-  setDialogCustomProps() {
-    this.modalEl.setAttribute("closedby", "none");
-  }
-  render() {
-    const o = r("modal-shell", {
-      "modal-shell--closing": this.isClosing
-    });
-    return s(i, { key: "21811d8f7765040b6dc7f85b563effe03fc3a288" }, s("dialog", { key: "30f6f253d2337cf326604ac1f40515df27ca8ca9", "aria-label": this.label, class: o, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (l) => this.modalEl = l }, s("div", { key: "68b300ac3dbcfbd9073ac26946fac2f02bcf7ed6", class: "modal-shell__backdrop" }), s("div", { key: "02afd93c6b79956522716ab26b14792792b502ce", class: "modal-shell__scroll-container", onClick: this.onClose, ref: (l) => this.scrollContainerEl = l }, s("div", { key: "35287c17e6e3398e11d7ef9d08df887b26d50f76", class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, s("slot", { key: "1c344958e6fca206848a73c2d04f9a09129c403e" }))), s("swirl-button", { key: "6acda111224bcbf633102df0b5ed379702e8272d", class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: !0, variant: "translucent", onClick: this.onClose })));
-  }
-};
-h.style = n();
-export {
-  h as swirl_modal_shell
-};