@getflip/swirl-components-react 0.427.0 → 0.427.1

package/dist/swirl-popover_2.entry.52fb3383.js

@@ -0,0 +1,259 @@
+import { r as h, c as l, h as n, H as v, g } from "./index.9c001b30.js";
+import { D as c, b as y, P as _, N as E, k as x } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { d as A, e as k } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as C } from "./index-orsBiyT_.fc4357c3.js";
+import { i as a, o as T, k as P, q as d } from "./utils-wi_3Z3FQ.29a3aebe.js";
+import "react";
+import "react-dom";
+const L = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:border-box}:host{--swirl-resource-list-item-background-default:var(
+    --s-surface-overlay-default
+  );--swirl-resource-list-item-background-hovered:var(
+    --s-surface-overlay-hovered
+  );--swirl-resource-list-item-background-pressed:var(
+    --s-surface-overlay-pressed
+  )}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-base);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}`, B = class {
+  constructor(e) {
+    h(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.animation = "scale-in-xy", this.enableFlip = !0, this.maxHeight = "22rem", this.offset = 8, this.padded = !0, this.placement = "bottom-start", this.returnFocusToTrigger = !0, this.active = !1, this.closing = !1, this.togglePopover = (t) => {
+      t.stopPropagation(), this.active ? this.close() : this.open();
+    }, this.onKeydown = (t) => {
+      t.code === "Escape" && this.active && (t.stopImmediatePropagation(), t.stopPropagation(), this.close());
+    }, this.reposition = async () => {
+      const t = a();
+      if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
+        return;
+      if (t) {
+        this.position = void 0;
+        return;
+      }
+      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = T("--s-space-16"), r = x({
+        padding: {
+          left: i,
+          right: i
+        }
+      }), s = this.enableFlip ? [c(o), r, y()] : [c(o), r];
+      this.position = await _(this.triggerEl, this.contentContainer, {
+        middleware: s,
+        placement: this.placement,
+        strategy: "fixed"
+      });
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    };
+  }
+  componentDidLoad() {
+    this.connectTrigger(), this.updateTriggerAttributes(), Boolean(this.trigger) && console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs');
+  }
+  disconnectedCallback() {
+    this.unlockBodyScroll();
+  }
+  onWindowFocusIn(e) {
+    var p;
+    if (!this.active)
+      return;
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, u = P(), m = ["SWIRL-TAB"], f = !this.el.contains(r) && !this.el.contains(u), b = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), w = i && !this.el.contains(s || r) && s !== this.el;
+    !m.includes(r.tagName) && f && b && (!i || w) && this.close();
+  }
+  onWindowBlur() {
+    if (!this.active || this.closing)
+      return;
+    const e = document.activeElement;
+    e && ["IFRAME"].includes(e.tagName) && this.close();
+  }
+  onWindowClick(e) {
+    if (!this.active || this.closing)
+      return;
+    const t = e.target, o = this.el.contains(t), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = t === this.triggerEl || this.triggerEl.contains(t) || e.composedPath().includes(this.triggerEl);
+    !o && !i && !r && this.close();
+  }
+  async close(e) {
+    var t;
+    this.closing || !this.active || (this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
+      this.active = !1, this.closing = !1, this.updateTriggerAttributes(this.openedVia), this.openedVia = void 0;
+    }, 150), this.unlockBodyScroll(), this.returnFocusToTrigger && !e && ((t = this.getNativeTriggerElement()) == null || t.focus()));
+  }
+  async open(e, t, o) {
+    if (this.triggerEl = e || this.triggerEl, this.active || !Boolean(this.triggerEl))
+      return;
+    this.adjustWidth(), this.active = !0, this.openedVia = o, this.updateTriggerAttributes(o);
+    const i = this.getFocusableChildren();
+    requestAnimationFrame(async () => {
+      await this.reposition(), this.popoverOpen.emit({ position: this.position }), i.length > 0 && !t ? i[0].focus() : t || this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = E(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+    });
+  }
+  async isOpen() {
+    return this.active && !this.closing;
+  }
+  async toggle(e, t) {
+    this.active ? this.close() : this.open(e, void 0, t);
+  }
+  connectTrigger() {
+    if (!Boolean(this.trigger)) {
+      this.triggerEl = void 0;
+      return;
+    }
+    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
+      this.togglePopover(e);
+    });
+  }
+  getNativeTriggerElement() {
+    var e, t, o, i;
+    return (e = this.triggerEl) != null && e.tagName.startsWith("SWIRL-") ? ((t = this.triggerEl) == null ? void 0 : t.children[0]) || ((i = (o = this.triggerEl) == null ? void 0 : o.shadowRoot) == null ? void 0 : i.children[0]) || this.triggerEl : this.triggerEl;
+  }
+  updateTriggerAttributes(e) {
+    if (!Boolean(this.triggerEl))
+      return;
+    const t = this.getNativeTriggerElement();
+    e !== "hover" ? (t.setAttribute("aria-controls", this.el.id), t.setAttribute("aria-expanded", String(this.active))) : (t.removeAttribute("aria-controls"), t.removeAttribute("aria-expanded")), t.setAttribute("aria-haspopup", "dialog");
+  }
+  getFocusableChildren() {
+    return d(this.el, '[role="menuitem"], [role="menuitemradio"], [role="option"]');
+  }
+  adjustWidth() {
+    let e = this.useContainerWidth;
+    [!0, "true"].includes(this.useContainerWidth) ? e = !0 : [!1, "false"].includes(this.useContainerWidth) && (e = !1);
+    const t = !window.matchMedia("(min-width: 768px)").matches;
+    if (Boolean(e) && !t) {
+      const o = typeof e == "string" ? this.el.closest(e) || this.el.parentElement : this.el.parentElement;
+      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = o.getBoundingClientRect().width + "px";
+    } else
+      this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
+  }
+  lockBodyScroll() {
+    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || A(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || k(this.scrollContainer);
+  }
+  render() {
+    var o, i, r;
+    const e = !window.matchMedia("(min-width: 768px)").matches, t = C("popover", `popover--animation-${this.animation}`, `popover--placement-${(o = this.position) == null ? void 0 : o.placement}`, {
+      "popover--active": this.active,
+      "popover--closing": this.closing,
+      "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
+      "popover--inactive": !this.active,
+      "popover--transparent": this.transparent,
+      "popover--padded": this.padded
+    });
+    return n(v, { key: "9b8addf5f54132721f4f0de60cdd4b02aff8485a", style: { display: this.active ? "inline-flex" : "none" } }, n("div", { key: "2f2cf049264bb631bf234921910f5bb16617adcd", class: t, onKeyDown: this.onKeydown }, n("div", { key: "0f3078f75611aa9589ada92aef73e21344b2430a", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
+      top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
+      left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
+    }, tabindex: "-1" }, n("span", { key: "c0d4d23a7ddf967ae1428cad2238b0a5f312cc66", class: "popover__handle" }), n("div", { key: "0a588644c85a69c1dbbfcb9e606d10b66a185565", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+      maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
+    } }, n("slot", { key: "d8ea659a18362f116288c0c021b072c9f0eced93" }))), this.active && n("div", { key: "c881f9f17a3ab7f997eaa4ca6a0daa14905d1708", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+  }
+  get el() {
+    return g(this);
+  }
+};
+B.style = L;
+const S = ".sc-swirl-popover-trigger-h{display:contents}", H = class {
+  constructor(e) {
+    h(this, e), this.hidePopoverWhenInvisible = !0, this.setAriaAttributes = !0, this.triggerOnClick = !0, this.triggerOnHover = !1, this.triggerIsActive = !1, this.popoverMouseEnter = () => {
+      this.stopHoverLingerTimer();
+    }, this.popoverMouseLeave = () => {
+      this.triggerIsActive && this.mouseleaveHandler();
+    }, this.onMouseenter = () => {
+      !this.triggerOnHover || (this.stopHoverLingerTimer(), this.triggerIsActive = !0, this.hoverDelayReference = setTimeout(() => {
+        this.hoverDelayReference = void 0, this.triggerOnHover && this.mouseenterHandler();
+      }, this.hoverDelay));
+    }, this.mouseenterHandler = () => {
+      const t = this.getPopoverEl(), o = this.getTriggerEl();
+      t.open(o, !0, "hover"), t.addEventListener("popoverOpen", () => {
+        this.updateTriggerElAriaAttributes(!0);
+      }, { once: !0 }), t.addEventListener("popoverClose", () => {
+        this.updateTriggerElAriaAttributes(!1);
+      }, { once: !0 });
+    }, this.onMouseleave = () => {
+      clearTimeout(this.hoverDelayReference), this.mouseleaveHandler();
+    }, this.mouseleaveHandler = () => {
+      !this.triggerOnHover || this.startHoverLingerTimer();
+    }, this.onClick = () => {
+      if (!this.triggerOnClick)
+        return;
+      const t = this.getPopoverEl(), o = this.getTriggerEl();
+      t.toggle(o, "click"), t.addEventListener("popoverOpen", () => {
+        this.updateTriggerElAriaAttributes(!0);
+      }, { once: !0 }), t.addEventListener("popoverClose", () => {
+        this.updateTriggerElAriaAttributes(!1);
+      }, { once: !0 });
+    }, this.updateTriggerElAriaAttributes = (t) => {
+      var r;
+      if (!this.setAriaAttributes)
+        return;
+      const o = this.getTriggerEl();
+      if (!Boolean(o))
+        return;
+      const i = (r = this.getPopoverEl()) == null ? void 0 : r.id;
+      o.tagName.startsWith("SWIRL-") ? (this.triggerOnHover ? (o.removeAttribute("swirl-aria-controls"), o.removeAttribute("swirl-aria-expanded")) : (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false"))), o.setAttribute("swirl-aria-haspopup", "dialog")) : (this.triggerOnHover ? (o.removeAttribute("aria-controls"), o.removeAttribute("aria-expanded")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false"))), o.setAttribute("aria-haspopup", "dialog"));
+    };
+  }
+  componentDidLoad() {
+    if (this.updateTriggerElAriaAttributes(), this.setupHoverListeners(), this.hidePopoverWhenInvisible) {
+      this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
+        root: this.parentScrollContainer,
+        threshold: 1
+      });
+      const e = this.el.querySelector("*");
+      if (!Boolean(e))
+        return;
+      this.intersectionObserver.observe(e);
+    }
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.intersectionObserver) == null || t.disconnect();
+    const e = this.getPopoverEl();
+    Boolean(e) && (e.removeEventListener("mouseenter", this.popoverMouseEnter), e.removeEventListener("mouseleave", this.popoverMouseLeave));
+  }
+  watchPopover() {
+    this.updateTriggerElAriaAttributes();
+  }
+  watchHover() {
+    this.updateTriggerElAriaAttributes(), clearTimeout(this.hoverDelayReference), clearTimeout(this.hoverLingerReference);
+  }
+  getPopoverEl() {
+    var e, t;
+    return typeof this.swirlPopover == "string" ? document.querySelector(`#${this.swirlPopover}`) : (t = (e = this.swirlPopover) == null ? void 0 : e.el) != null ? t : this.swirlPopover;
+  }
+  getTriggerEl() {
+    return this.el.children.length !== 1 && console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'), this.el.children[0];
+  }
+  onVisibilityChange(e) {
+    var o;
+    !e[0].isIntersecting && this.isPopoverOpen() && ((o = this.getPopoverEl()) == null || o.close());
+  }
+  setupHoverListeners() {
+    const e = this.getPopoverEl();
+    Boolean(e) && (e.addEventListener("mouseenter", this.popoverMouseEnter), e.addEventListener("mouseleave", this.popoverMouseLeave));
+  }
+  startHoverLingerTimer() {
+    clearTimeout(this.hoverLingerReference), this.hoverLingerReference = setTimeout(() => {
+      this.triggerIsActive && this.isPopoverOpen() && this.getPopoverEl().close(!0), this.triggerIsActive = !1;
+    }, this.hoverLingerDuration);
+  }
+  stopHoverLingerTimer() {
+    clearTimeout(this.hoverLingerReference);
+  }
+  isPopoverOpen() {
+    var o;
+    const e = this.getPopoverEl();
+    return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
+  }
+  render() {
+    return n(v, { key: "e98c5f0797772625853ccce74cdab788de8ac09b", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "8148672c0b31a65769ed9d3f9f1dca1f028b75a4" }));
+  }
+  get el() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      swirlPopover: ["watchPopover"],
+      triggerOnHover: ["watchHover"]
+    };
+  }
+};
+H.style = S;
+export {
+  B as swirl_popover,
+  H as swirl_popover_trigger
+};

package/dist/swirl-progress-indicator.entry.dd4dfb47.js

@@ -0,0 +1,17 @@
+import { r as t, h as e, H as n } from "./index.9c001b30.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = class {
+  constructor(i) {
+    t(this, i), this.size = "m", this.value = 0, this.variant = "bar";
+  }
+  render() {
+    const i = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), a = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
+    return e(n, { key: "7a88d62c22d1028baf3fd842ba8fb4c86271158c", class: this.variant }, this.variant === "bar" && e("progress", { key: "5d88596118c66c0e1695bbe50fae489a75fc1c9b", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && e("span", { key: "7e4a2586ce5be138b84cc8b7737fcc2a0983aa62", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, e("svg", { key: "1f3eeaea011ed9fc855c961dd1d85cb1d6e5e292", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + a) * 2} ${(r + a) * 2}` }, e("circle", { key: "bfc5d9ba40856037622773c93789b0372f0cbc76", class: "progress-indicator__circle-background", cx: r + a, cy: r + a, r, fill: "none", "stroke-width": a }), e("circle", { key: "3ff0cfe2119bb7a0ae650271c1f515b871cfeab0", class: "progress-indicator__circle-value", cx: r + a, cy: r + a, r, fill: "none", "stroke-width": a, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+  }
+};
+l.style = d;
+export {
+  l as swirl_progress_indicator
+};

package/dist/swirl-radio-group.entry.bc0b60c6.js

@@ -0,0 +1,35 @@
+import { r as o, c as d, h as a, H as l, g as c } from "./index.9c001b30.js";
+import "react";
+import "react-dom";
+const n = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", u = class {
+  constructor(r) {
+    o(this, r), this.valueChange = d(this, "valueChange", 7);
+  }
+  componentDidLoad() {
+    this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.handleValueChanges();
+  }
+  initValue() {
+    if (this.value === void 0)
+      return;
+    const r = this.radioButtons.find((e) => e.value === this.value);
+    !Boolean(r) || (r.checked = !0);
+  }
+  handleValueChanges() {
+    for (const [r, e] of Object.entries(this.radioButtons))
+      e.addEventListener("valueChange", (i) => {
+        i.stopPropagation(), (e.checked === !0 || e.checked === "true") && (this.value = e.value, this.valueChange.emit(e.value), this.radioButtons.forEach((s, t) => {
+          String(t) !== r && (s.checked = !1);
+        }));
+      });
+  }
+  render() {
+    return a(l, { key: "1c72ad86c5c34f154e02e8ef7cbd9d17d029d8c9", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, a("div", { key: "e52a1e479603eba2642f7b6976aa9caf0b690b11", class: "radio-group" }, a("slot", { key: "a47dc3758a0a9f88482396c610661135e7761ccb" })));
+  }
+  get el() {
+    return c(this);
+  }
+};
+u.style = n;
+export {
+  u as swirl_radio_group
+};

package/dist/swirl-radio.entry.615b0221.js

@@ -0,0 +1,29 @@
+import { r as s, c, h as i, H as l } from "./index.9c001b30.js";
+import { c as t } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
+      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, h = class {
+  constructor(r) {
+    s(this, r), this.valueChange = c(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.variant = "default", this.onChange = () => {
+      this.checked = !0, this.valueChange.emit(this.value);
+    };
+  }
+  getAriaCheckedLabel(r, a) {
+    return r ? "true" : a ? "false" : "mixed";
+  }
+  render() {
+    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), o = this.invalid, e = t("radio", `radio--variant-${this.variant}`, {
+      "radio--checked": a,
+      "radio--disabled": this.disabled,
+      "radio--invalid": this.invalid,
+      "radio--unchecked": r
+    });
+    return i(l, { key: "ffe68d39d6fc31ad2a1772be1a1fe19c8fbe448e", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "77243bb1e6df44ae5fd863a3c1fed676750c4a5f", class: e, htmlFor: this.inputId }, i("span", { key: "ee87f324ba2b6cc966fdf1070973dd51953272e6", class: "radio__control" }, i("swirl-visually-hidden", { key: "e1162f789a4ab367ba2b3a37ab06e5f8f0599ec3" }, i("input", { key: "de16d6993cc8e972e4e0a33b3be4c1d786d39d36", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "0e84c5efadec428203e4a1666d11e3074721513c", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "5b3366df2427cf38a26c5d211eace69adf2d6bad", class: "radio__label-container" }, this.label && i("span", { key: "a336e0468756983586607bca4aa525759e369ead", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "7078e2d29c1e640443d4300672a6d8f8f96f157c", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "f12ce6eefb230098d117282c8180ce1432a5c957", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "3b838d01b28a72b463c79dbb6c4e4f52178fc75e", class: "radio__description", innerHTML: this.description }))));
+  }
+};
+h.style = n;
+export {
+  h as swirl_radio
+};

package/dist/swirl-resource-list-file-item.entry.1f1cee41.js

@@ -0,0 +1,39 @@
+import { r as n, c as f, h as e, H as m, g as d } from "./index.9c001b30.js";
+import { c as h } from "./index-orsBiyT_.fc4357c3.js";
+import { D as u } from "./media-query.service-BZg4zbFx.7454a4f3.js";
+import "react";
+import "react-dom";
+import "./utils-wi_3Z3FQ.29a3aebe.js";
+const b = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', p = class {
+  constructor(i) {
+    n(this, i), this.remove = f(this, "remove", 7), this.icon = "<swirl-icon-file></swirl-icon-file>", this.removeButtonLabel = "Remove file", this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = u.subscribe((i) => {
+      this.forceIconProps(i);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(i) {
+    if (!Boolean(this.iconEl))
+      return;
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", i ? "20" : "24");
+  }
+  render() {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = this.el.closest('[role="grid"]') ? "row" : "listitem", o = l === "row" ? "gridcell" : void 0, c = h("resource-list-file-item", {
+      "resource-list-file-item--has-control": r || t
+    });
+    return e(m, { key: "e6ef824dd1d82c2c91fd828e2666d1020e6e0add", role: l }, e("div", { key: "f66870925deab820d4003ae7d0cee15ed65b5107", class: c, part: "resource-list-file-item", role: o }, e("span", { key: "0cf00aa135b385f370f75d05c620aa01a7b7a256", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), e("span", { key: "568ed92b04f1d43e42c66ad7db7d06a13cd1a5cf", class: "resource-list-file-item__label-container" }, e("span", { key: "23e0b97ca4113c1f672cdaafb16eea1b231c459f", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "79b5b93f19cc2eb320d4ddb1d1a3551001a8e838", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "67ac8f70be83cce882bb05f342ceb32ef019b81d", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "1f2f33e84ce0c760242373246b7197fac2a42d40", message: this.errorMessage, size: "s" }))), r && e("span", { key: "dee832f2a38b026fb66740247aca0fa23677415c", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "8afb513de993ace061d9c63effbe33d41215cc1e", size: "s" })), t && e("span", { key: "265e52db7ebb247e3e8f926b1fdbb3533da1894f", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "9236b743941b1153e8e7bf91a4340b57e1e38e03", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+p.style = b;
+export {
+  p as swirl_resource_list_file_item
+};

package/dist/swirl-resource-list-section.entry.a5a64326.js

@@ -0,0 +1,19 @@
+import { r as t, h as e, H as a, g as r } from "./index.9c001b30.js";
+import "react";
+import "react-dom";
+const c = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
+  constructor(s) {
+    t(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    const s = this.el.closest('[role="grid"]') ? "rowgroup" : "listitem", i = s === "listitem" ? "list" : void 0;
+    return e(a, { key: "9b203a652a8ec85c25d6de8294ff24b4f0c50426" }, this.hasSeparator && e("swirl-separator", { key: "8719a54175cfcd2efe858ebdfe3362d471a4f313", spacing: this.separatorSpacing, semantics: "none" }), e("div", { key: "f95d7eaee72cecc5f828e45c54b81fb2dfc65a26", "aria-labelledby": "label", role: s }, e("span", { key: "72dbbf166fdfcd317274d1347cad53cc9a39feca", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "1f9a0c19da6e36fcfa9f714e7b58bc3fd9742213", spacing: this.spacing, swirlAriaRole: i }, e("slot", { key: "4c18e2fca85c955581a8ee87c51f94535d0ed49a" }))));
+  }
+  get el() {
+    return r(this);
+  }
+};
+o.style = c;
+export {
+  o as swirl_resource_list_section
+};

package/dist/swirl-search.entry.5ebd4eef.js

@@ -0,0 +1,51 @@
+import { r as i, c as r, h as a, H as t } from "./index.9c001b30.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { D as h } from "./media-query.service-BZg4zbFx.7454a4f3.js";
+import "react";
+import "react-dom";
+import "./utils-wi_3Z3FQ.29a3aebe.js";
+const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--variant-ghost.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", l = class {
+  constructor(e) {
+    i(this, e), this.clear = r(this, "clear", 7), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.variant = "filled", this.clearable = !0, this.mediaQueryUnsubscribe = () => {
+    }, this.handleClear = () => {
+      this.input.value = "", this.input.focus(), this.valueChange.emit(""), this.clear.emit();
+    }, this.onBlur = (s) => {
+      this.inputBlur.emit(s);
+    }, this.onChange = (s) => {
+      this.valueChange.emit(s.target.value);
+    }, this.onFocus = (s) => {
+      this.inputFocus.emit(s);
+    }, this.onInput = (s) => {
+      this.inputInput.emit(s.target.value);
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = h.subscribe((e) => {
+      this.forceIconProps(e);
+    }), this.autoFocus && setTimeout(() => {
+      this.input.focus();
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(e) {
+    if (!Boolean(this.iconEl))
+      return;
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", e ? "20" : "24");
+  }
+  onKeyDown(e) {
+    (e.code === "KeyK" || e.code === "Slash") && (e.ctrlKey || e.metaKey) && this.input.focus();
+  }
+  render() {
+    const e = c("search", `search--variant-${this.variant}`, {
+      "search--disabled": this.disabled
+    });
+    return a(t, { key: "c99039a862e1cdaaf6e70ffac32bada6bda65995" }, a("span", { key: "b234594d49b2d48ace659b9aece6bc3fa5891e4b", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "2213f4e1e72a8ee4df2fb54321b9b86befa8f96b", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "d2574ace97e8301789c7e35a1d8a4d813c56f2d9", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && this.clearable && a("button", { key: "42a1113cadbe62bae076872cf42c8c06e4fe71fb", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, a("swirl-icon-cancel", { key: "aa3472df9f74a0a375b043676c74d0b3449eabb2" }))));
+  }
+};
+l.style = o;
+export {
+  l as swirl_search
+};

package/dist/swirl-select.entry.ca13020a.js

@@ -0,0 +1,92 @@
+import { r as d, c as n, h as t, H as p, g as u } from "./index.9c001b30.js";
+import { c as w } from "./index-orsBiyT_.fc4357c3.js";
+import { q as b } from "./utils-wi_3Z3FQ.29a3aebe.js";
+import "react";
+import "react-dom";
+const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", v = class {
+  constructor(s) {
+    d(this, s), this.searchChange = n(this, "searchChange", 7), this.valueChange = n(this, "valueChange", 7), this.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = Math.round(Math.random() * 1e6).toString(), this.options = [], this.select = (e) => {
+      e.stopPropagation(), this.value = e.detail, this.multiSelect || this.swirlPopover.close();
+    }, this.unselectOption = (e) => {
+      !this.allowDeselect || (this.value = this.value.filter((a) => a !== e));
+    }, this.onSlotChange = () => {
+      this.updateOptions();
+    }, this.onOpen = (e) => {
+      var a, l;
+      this.placement = (a = e.detail.position) == null ? void 0 : a.placement, this.open = !0, this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus();
+    }, this.onClose = () => {
+      Boolean(this.searchInput) && (this.searchInput.value = "", this.searchChange.emit("")), this.open = !1, this.input.focus();
+    }, this.onKeyDown = (e) => {
+      var a;
+      if (e.code === "Space" || e.code === "Enter") {
+        if (e.target === this.searchInput)
+          return;
+        e.preventDefault(), this.swirlPopover.open(this.el);
+      } else
+        e.code === "ArrowDown" && e.target === this.searchInput && ((a = this.optionList.querySelector('[tabIndex="0"]')) == null || a.focus());
+    }, this.onSearchInput = (e) => {
+      this.searchChange.emit(e.target.value);
+    };
+  }
+  componentWillLoad() {
+    queueMicrotask(() => {
+      this.updateOptions(), this.observeSlotChanges();
+    });
+  }
+  disconnectedCallback() {
+    var s;
+    (s = this.observer) == null || s.disconnect();
+  }
+  onWindowFocusIn(s) {
+    s.target === this.el.querySelector("input") && s.stopImmediatePropagation();
+  }
+  onValueChange(s, e) {
+    (s == null ? void 0 : s.length) === (e == null ? void 0 : e.length) && (s == null ? void 0 : s.every((l) => e == null ? void 0 : e.includes(l))) || this.valueChange.emit(this.value);
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.updateOptions();
+    }), this.observer.observe(this.el, {
+      childList: !0,
+      subtree: !0
+    });
+  }
+  updateOptions() {
+    this.options = b(this.el, "swirl-option-list-item");
+  }
+  getValueLabel() {
+    var s;
+    return Boolean(this.value) ? (s = this.value) == null ? void 0 : s.map((e) => {
+      var a;
+      return (a = this.options.find((l) => l.value === e)) == null ? void 0 : a.label;
+    }).join(", ") : "";
+  }
+  render() {
+    var c, r;
+    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = this.el.closest("swirl-form-control"), l = this.standalone ? [-8, 0] : (a == null ? void 0 : a.inline) || (a == null ? void 0 : a.labelPosition) === "outside" ? [0, -12] : [0, -16], o = w("select", `select--placement-${this.placement}`, {
+      "select--disabled": this.disabled,
+      "select--inline": this.inline,
+      "select--multi": this.multiSelect,
+      "select--search-loading": this.searchLoading,
+      "select--standalone": this.standalone
+    });
+    return t(p, { key: "4b295ac63f409b8ea3cd1dd9d11d329febfb9cd1", onKeyDown: this.onKeyDown }, t("div", { key: "2da6d315377e4a1f3800272465258c0a6549cae4", class: o }, t("swirl-popover-trigger", { key: "32abbce7c2ca2c4219504172d4f4785df56b605a", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "3f04b1e7167679ee9540b1f41cc16b9181b22a48", class: "select__value-container" }, this.standalone && t("span", { key: "eca02ab198906b5dc040f340ee92954ee5923eed", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "fae2ea8d84b33dde693fbd7c7b5b35a5958ff56e", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (i) => this.input = i, type: "text", value: s }))), t("span", { key: "fa1627c65639f896b5bafa57d7d48a8170d66272", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((i) => this.options.find((h) => h.value === i))) == null ? void 0 : r.map((i) => t("swirl-tag", {
+      "aria-hidden": "true",
+      label: i == null ? void 0 : i.label,
+      onRemove: () => this.unselectOption(i == null ? void 0 : i.value),
+      removable: !this.disabled && this.allowDeselect && !(i != null && i.disabled)
+    }))), t("span", { key: "1f86e411912eb4afc62c4b6086cfe0f000ae8132", class: "select__indicator" }, this.open ? t("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : t("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), t("swirl-popover", { key: "a49d7d74a1add11359497815a3cc63f2c994b261", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: l, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && t("div", { key: "1b5cd1153404e42936639f711c2dc022df562cc2", class: "select__search" }, t("swirl-icon-search", { key: "dea52618bdf8727ebea096831c485c86c667e09a", class: "select__search-icon", size: 20 }), t("input", { key: "0e4a32013ebc18f339f36091ce08a0eccbe0b201", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (i) => this.searchInput = i, type: "search" }), this.searchLoading && t("swirl-spinner", { key: "208e7d8f8abdc71a4da13ed3a798fcfd866c5250", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "7ab3c783e5aa457bdbb57ea2b1fc524af8634ba7", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "ab2d32c699a95525da817ee71ef6e75adbf91321", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "b74210bd183f41e4f9fc6a2afd66a6c1132c76e5", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "148c02755e7ccbcb4f3c74331bc8bc1ce32fbca3", onSlotchange: this.onSlotChange })))));
+  }
+  get el() {
+    return u(this);
+  }
+  static get watchers() {
+    return {
+      value: ["onValueChange"]
+    };
+  }
+};
+v.style = f;
+export {
+  v as swirl_select
+};

package/dist/swirl-separator.entry.56ed1634.js

@@ -0,0 +1,29 @@
+import { r as e, h as r, F as s, H as i } from "./index.9c001b30.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const c = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-critical) .separator__line{background-color:var(--s-border-critical)}:host(.separator--color-critical) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", n = class {
+  constructor(t) {
+    e(this, t), this.borderColor = "default", this.color = "default", this.orientation = "horizontal", this.semantics = "separator", this.spacing = "8";
+  }
+  componentWillLoad() {
+    this.forceColor();
+  }
+  forceColor() {
+    this.borderColor !== "default" && (console.warn('[Swirl] The "borderColor" prop of swirl-separator is deprecated and will be removed with the next major release. Please use the "color" prop to achieve the same result.'), this.color = this.borderColor);
+  }
+  render() {
+    const t = this.orientation === "horizontal" ? {
+      paddingTop: `var(--s-space-${this.spacing})`,
+      paddingBottom: `var(--s-space-${this.spacing})`
+    } : {
+      paddingRight: `var(--s-space-${this.spacing})`,
+      paddingLeft: `var(--s-space-${this.spacing})`
+    }, o = l("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`), a = this.semantics === "separator" ? { "aria-orientation": this.orientation } : {};
+    return r(i, { key: "fd8a0206ccfde1719e234343c24ab69c7b9f23be", ...a, class: o, role: this.semantics, style: t }, r("span", { key: "b48fd801fb8ec2f7980310023e365cebd71fba86", class: "separator__line" }), this.label && r(s, { key: "24555c29e0f2d2e0df992d40e835164ed217280b" }, r("span", { key: "ee2a379edcd561a6323f223ca64d18eb74f10850", class: "separator__label" }, this.label), r("span", { key: "1dca7274a12c912b61f8efad9d51c803bc42ed0c", class: "separator__line" })));
+  }
+};
+n.style = c;
+export {
+  n as swirl_separator
+};