@getflip/swirl-components-react 0.197.1 → 0.199.0

package/dist/swirl-action-list_3.entry.97592733.js

@@ -1,103 +0,0 @@
-import { r as a, h as o, H as r, g as l } from "./index.a5290183.js";
-import { q as h, b as p, g as u } from "./utils-c5f2f98f.af14538a.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", f = class {
-  constructor(i) {
-    a(this, i), this.onKeyDown = (t) => {
-      t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
-    }, this.onFocusOut = (t) => {
-      if (this.isInsidePopover)
-        return;
-      const e = t.relatedTarget, s = t.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", d = e === null || !this.el.contains(e);
-      !this.isInsidePopover && d && n && this.container.setAttribute("tabindex", "0");
-    }, this.onFocus = () => {
-      var s, n;
-      if (this.isInsidePopover)
-        return;
-      this.container.removeAttribute("tabindex");
-      const t = this.getItems(), e = this.getActiveItemIndex();
-      e > -1 ? (s = t[e]) == null || s.focus() : (n = t[0]) == null || n.focus();
-    }, this.isInsidePopover = void 0;
-  }
-  componentDidLoad() {
-    queueMicrotask(() => {
-      this.isInsidePopover = this.el.closest("swirl-popover") !== null, this.isInsidePopover || this.container.setAttribute("tabindex", "0");
-    });
-  }
-  getItems() {
-    return h(this.el, '[role="menuitem"]');
-  }
-  focusNextItem() {
-    const i = this.getItems(), e = (this.getActiveItemIndex() + 1) % i.length;
-    i[e].focus();
-  }
-  focusPreviousItem() {
-    var s;
-    const i = this.getItems(), t = this.getActiveItemIndex(), e = t === 0 ? i.length - 1 : t - 1;
-    (s = i[e]) == null || s.focus();
-  }
-  getActiveItemIndex() {
-    const i = this.getItems(), t = p();
-    return i.findIndex((e) => e === t || e === (t == null ? void 0 : t.querySelector('[role="menuitem"]')));
-  }
-  render() {
-    return o(r, null, o("div", { "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", null)));
-  }
-  get el() {
-    return l(this);
-  }
-};
-f.style = m;
-const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;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);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", v = class {
-  constructor(i) {
-    a(this, i), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (t) => {
-      this.forceIconProps(t.matches);
-    }, this.badge = void 0, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.suffix = void 0;
-  }
-  componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  componentDidRender() {
-    this.forceIconProps(this.desktopMediaQuery.matches);
-  }
-  disconnectedCallback() {
-    var i, t;
-    (t = (i = this.desktopMediaQuery).removeEventListener) == null || t.call(i, "change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(i) {
-    var s, n;
-    const t = (s = this.iconEl) == null ? void 0 : s.children[0], e = (n = this.suffixEl) == null ? void 0 : n.children[0];
-    t == null || t.setAttribute("size", i ? "20" : "24"), e == null || e.setAttribute("size", i ? "20" : "24");
-  }
-  render() {
-    const i = Boolean(this.badge), t = Boolean(this.el.querySelector('[slot="suffix"]')), e = (Boolean(this.suffix) || t) && !this.disabled, s = c("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return o(r, null, o("button", { "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: s, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && o("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }), o("span", { class: "action-list-item__label-container" }, o("span", { class: "action-list-item__label" }, this.label), this.description && o("span", { class: "action-list-item__description" }, this.description)), i && o("span", { class: "action-list-item__badge", innerHTML: this.badge }), e && o("span", { class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { name: "suffix" }))));
-  }
-  get el() {
-    return l(this);
-  }
-};
-v.style = g;
-const b = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--border-color-strong) .separator__line{background-color:var(--s-border-strong)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", x = class {
-  constructor(i) {
-    a(this, i), this.borderColor = "default", this.orientation = "horizontal", this.spacing = "8";
-  }
-  render() {
-    const i = 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})`
-    }, t = c("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-    return o(r, { "aria-orientation": this.orientation, class: t, role: "separator", style: i }, o("span", { class: "separator__line" }));
-  }
-};
-x.style = b;
-export {
-  f as swirl_action_list,
-  v as swirl_action_list_item,
-  x as swirl_separator
-};

package/dist/swirl-app-bar.entry.15eee13f.js

@@ -1,45 +0,0 @@
-import { r as n, c as i, h as t, H as a, g as r } from "./index.a5290183.js";
-import { c as l } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const c = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', p = class {
-  constructor(o) {
-    n(this, o), this.backButtonClick = i(this, "backButtonClick", 7), this.closeButtonClick = i(this, "closeButtonClick", 7), this.stepUpButtonClick = i(this, "stepUpButtonClick", 7), this.stepDownButtonClick = i(this, "stepDownButtonClick", 7), this.onBackButtonClick = (s) => {
-      this.backButtonClick.emit(s);
-    }, this.onCloseButtonClick = (s) => {
-      this.closeButtonClick.emit(s);
-    }, this.onStepUpButtonClick = (s) => {
-      this.stepUpButtonClick.emit(s);
-    }, this.onStepDownButtonClick = (s) => {
-      this.stepDownButtonClick.emit(s);
-    }, this.backButtonLabel = "Go back", this.closeButtonIcon = "<swirl-icon-close></swirl-icon-close>", this.closeButtonLabel = "Close", this.stepUpButtonLabel = "Previous item", this.stepDownButtonLabel = "Next item", this.showBackButton = void 0, this.showCloseButton = void 0, this.showStepperControls = void 0, this.hasCta = void 0;
-  }
-  componentWillLoad() {
-    this.mutationObserver = new MutationObserver(() => {
-      this.updateCtaStatus();
-    }), this.mutationObserver.observe(this.el, { childList: !0 }), queueMicrotask(() => {
-      this.updateCtaStatus();
-    });
-  }
-  disconnectedCallback() {
-    var o;
-    (o = this.mutationObserver) == null || o.disconnect();
-  }
-  updateCtaStatus() {
-    this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
-  }
-  render() {
-    const o = this.showBackButton || this.showCloseButton || this.showStepperControls, s = Boolean(this.el.querySelector('[slot="right-controls"]')), e = l("app-bar", {
-      "app-bar--has-cta": this.hasCta,
-      "app-bar--has-right-controls": s
-    });
-    return t(a, null, t("div", { class: e }, o && t("div", { class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { class: "app-bar__stepper-controls" }, t("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { class: "app-bar__cta" }, t("slot", { name: "cta" })), t("div", { class: "app-bar__heading" }, t("slot", { name: "heading" })), t("div", { class: "app-bar__center-controls" }, t("slot", { name: "center-controls" })), t("div", { class: "app-bar__right-controls" }, t("slot", { name: "right-controls" }))));
-  }
-  get el() {
-    return r(this);
-  }
-};
-p.style = c;
-export {
-  p as swirl_app_bar
-};

package/dist/swirl-app-icon.entry.5ee9663c.js

@@ -1,23 +0,0 @@
-import { r as n, h as s, H as o } from "./index.a5290183.js";
-import { c as t } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}", r = class {
-  constructor(i) {
-    n(this, i), this.setImageAvailable = () => {
-      this.imageAvailable = !0;
-    }, this.setImageUnavailable = () => {
-      this.imageAvailable = !1;
-    }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
-  }
-  render() {
-    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), e = t("app-icon", {
-      "app-icon--has-icon": a || !i && !a
-    });
-    return s(o, null, s("span", { class: e }, i && s("img", { alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), a && s("span", { class: "app-icon__icon", innerHTML: this.icon })));
-  }
-};
-r.style = l;
-export {
-  r as swirl_app_icon
-};

package/dist/swirl-autocomplete.entry.74a458c1.js

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

package/dist/swirl-carousel-slide.entry.4b355199.js

@@ -1,19 +0,0 @@
-import { r as e, h as i, H as t } from "./index.a5290183.js";
-import { c as l } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", r = class {
-  constructor(s) {
-    e(this, s), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
-  }
-  render() {
-    const s = l("carousel-slide", {
-      "carousel-slide--has-min-height": Boolean(this.minHeight)
-    });
-    return i(t, { "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, i("slot", null));
-  }
-};
-r.style = o;
-export {
-  r as swirl_carousel_slide
-};

package/dist/swirl-columns.entry.0bc8c0de.js

@@ -1,18 +0,0 @@
-import { r as t, h as s, H as i } from "./index.a5290183.js";
-import "react";
-import "react-dom";
-const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
-  constructor(o) {
-    t(this, o), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
-  }
-  render() {
-    return s(i, null, s("div", { class: "columns", style: {
-      gridTemplateColumns: this.columns,
-      gap: `var(--s-space-${this.spacing})`
-    } }, s("slot", null)));
-  }
-};
-r.style = l;
-export {
-  r as swirl_columns
-};

package/dist/swirl-console-layout.entry.b4fb4388.js

@@ -1,68 +0,0 @@
-import { r as d, c as n, h as e, H as c, g as h } from "./index.a5290183.js";
-import { c as u } from "./index-d280dafb.186cdb0e.js";
-import { i } from "./utils-c5f2f98f.af14538a.js";
-import "react";
-import "react-dom";
-const p = `:host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr auto;grid-template-areas:"header"
-    "navigation"
-    "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"
-    "content"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;min-width:0;padding:var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:2.5rem}}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}`, b = class {
-  constructor(t) {
-    d(this, t), this.backButtonClick = n(this, "backButtonClick", 7), this.helpButtonClick = n(this, "helpButtonClick", 7), this.onBackButtonClick = (a) => {
-      this.backButtonClick.emit(a);
-    }, this.onHelpButtonClick = (a) => {
-      this.helpButtonClick.emit(a);
-    }, this.onMobileNavigationToggleClick = () => {
-      this.toggleSidebar();
-    }, this.onClick = (a) => {
-      var s;
-      const o = a.target, l = Boolean(o.closest(".console-layout__mobile-navigation-button")), r = ((s = o.closest("[slot]")) == null ? void 0 : s.slot) === "overlays";
-      !a.composedPath().includes(this.sidebarEl) && !l && !r && this.sidebarActive && this.deactivateSidebar();
-    }, this.onKeyDown = (a) => {
-      a.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
-    }, this.appName = void 0, this.backButonLabel = "Back", this.heading = void 0, this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.navigationLabel = "Main", this.maxContentWidth = void 0, this.showBackButton = void 0, this.showHelpButton = void 0, this.showNavigationButtonLabel = "Show main navigation", this.subheading = void 0, this.sidebarActive = void 0;
-  }
-  componentDidLoad() {
-    queueMicrotask(() => {
-      i() ? this.deactivateSidebar() : this.activateSidebar();
-    });
-  }
-  onWindowResize() {
-    const t = i();
-    !t && !this.sidebarActive ? this.activateSidebar() : t && this.deactivateSidebar();
-  }
-  async toggleSidebar() {
-    this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
-  }
-  async showSidebar() {
-    this.sidebarActive || this.activateSidebar();
-  }
-  async hideSidebar() {
-    this.sidebarActive && this.deactivateSidebar();
-  }
-  activateSidebar() {
-    var t;
-    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), i() && ((t = this.el.querySelector("swirl-tree-navigation-item")) == null || t.focus());
-  }
-  deactivateSidebar() {
-    this.sidebarActive = !1, i() && this.sidebarEl.setAttribute("inert", "");
-  }
-  render() {
-    const t = Boolean(this.maxContentWidth) ? {
-      maxWidth: this.maxContentWidth,
-      justifySelf: "center",
-      width: "100%"
-    } : void 0, a = u("console-layout", {
-      "console-layout--sidebar-active": this.sidebarActive,
-      "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton
-    });
-    return e(c, null, e("div", { class: a, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (o) => this.sidebarEl = o }, e("div", { class: "console-layout__header" }, e("div", { class: "console-layout__logo" }, e("svg", { class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, e("path", { d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), e("path", { d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), e("path", { d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), e("path", { d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), e("swirl-text", { class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { name: "navigation" })), e("div", { class: "console-layout__user" }, e("slot", { name: "user" }))), e("main", { "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { class: "console-layout__app-bar" }, e("span", { class: "console-layout__mobile-navigation-button" }, e("swirl-button", { swirlAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), e("div", { class: "console-layout__app-name" }, this.appName && e("swirl-heading", { as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { "aria-labelledby": "heading", class: "console-layout__content", style: t }, e("header", { class: "console-layout__content-header" }, this.showBackButton && e("swirl-button", { class: "console-layout__back-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), Boolean(this.heading) && e("div", { class: "console-layout__heading-container" }, e("swirl-heading", { as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { class: "console-layout__heading-container" }, e("slot", { name: "heading" })), e("div", { class: "console-layout__content-header-tools" }, e("slot", { name: "content-header-tools" }))), e("div", { class: "console-layout__integration" }, e("slot", { name: "content" }))), e("div", { class: "console-layout__overlays" }, e("slot", { name: "overlays" })))));
-  }
-  get el() {
-    return h(this);
-  }
-};
-b.style = p;
-export {
-  b as swirl_console_layout
-};

package/dist/swirl-description-list.entry.e3b921a9.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as r } from "./index.a5290183.js";
-import "react";
-import "react-dom";
-const o = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}", n = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(r, null, i("div", { class: "description-list", role: "list" }, i("slot", null)));
-  }
-};
-n.style = o;
-export {
-  n as swirl_description_list
-};

package/dist/swirl-emoji-clap.entry.bb740b44.js

@@ -1,17 +0,0 @@
-import { r as t, h as i, F as e } from "./index.a5290183.js";
-import { c as l } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    t(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = l("emoji", `emoji--size-${this.size}`);
-    return i(e, null, this.size === 16 && i("img", { alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-h.style = a;
-export {
-  h as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.df0b3f10.js

@@ -1,17 +0,0 @@
-import { r as t, h as i, F as e } from "./index.a5290183.js";
-import { c as a } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    t(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(e, null, this.size === 16 && i("img", { alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && i("img", { alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && i("img", { alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && i("img", { alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.a1e5c8b5.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.a5290183.js";
-import { c as a } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(t, null, this.size === 16 && i("img", { alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && i("img", { alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && i("img", { alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && i("img", { alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.5ee9851f.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as t } from "./index.a5290183.js";
-import { c as l } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const o = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = l("emoji", `emoji--size-${this.size}`);
-    return i(t, null, this.size === 16 && i("img", { alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && i("img", { alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && i("img", { alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && i("img", { alt: this.label, class: s, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-h.style = o;
-export {
-  h as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.a8aa1837.js

@@ -1,17 +0,0 @@
-import { r as t, h as i, F as e } from "./index.a5290183.js";
-import { c as a } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    t(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return i(e, null, this.size === 16 && i("img", { alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && i("img", { alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && i("img", { alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && i("img", { alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.063aca10.js

@@ -1,17 +0,0 @@
-import { r as t, h as i, F as e } from "./index.a5290183.js";
-import { c as h } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", m = class {
-  constructor(s) {
-    t(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = h("emoji", `emoji--size-${this.size}`);
-    return i(e, null, this.size === 16 && i("img", { alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && i("img", { alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && i("img", { alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && i("img", { alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-m.style = l;
-export {
-  m as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.aa81a4d8.js

@@ -1,16 +0,0 @@
-import { r as e, h as i, H as t } from "./index.a5290183.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return i(t, null, i(s, { label: this.label, size: this.size }));
-  }
-};
-l.style = r;
-export {
-  l as swirl_emoji
-};

package/dist/swirl-form-group.entry.8ec0ebb1.js

@@ -1,17 +0,0 @@
-import { r as s, h as o, H as i } from "./index.a5290183.js";
-import { c as t } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const a = ".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}", p = class {
-  constructor(r) {
-    s(this, r), this.orientation = "vertical";
-  }
-  render() {
-    const r = t("form-group", `form-group--orientation-${this.orientation}`);
-    return o(i, null, o("div", { class: r }, o("slot", null)));
-  }
-};
-p.style = a;
-export {
-  p as swirl_form_group
-};

package/dist/swirl-icon-add-moderator.entry.fe274051.js

@@ -1,19 +0,0 @@
-import { r as e, h as C, F as i } from "./index.a5290183.js";
-import { c as r } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = class {
-  constructor(s) {
-    e(this, s), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return C("svg", { "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M8.00002 14.6664C6.45558 14.2776 5.18058 13.3914 4.17502 12.0081C3.16946 10.6248 2.66669 9.08866 2.66669 7.39977V4.24977C2.66669 3.97199 2.74724 3.72199 2.90835 3.49977C3.06946 3.27755 3.2778 3.11644 3.53335 3.01644L7.53335 1.51644C7.68891 1.46088 7.84447 1.43311 8.00002 1.43311C8.15558 1.43311 8.31113 1.46088 8.46669 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3334 3.97199 13.3334 4.24977V7.11644C13.1222 7.02755 12.9056 6.94699 12.6834 6.87477C12.4611 6.80255 12.2334 6.74977 12 6.71644V4.26644L8.00002 2.76644L4.00002 4.26644V7.39977C4.00002 7.92199 4.06946 8.44422 4.20835 8.96644C4.34724 9.48866 4.54169 9.98588 4.79169 10.4581C5.04169 10.9303 5.34446 11.3664 5.70002 11.7664C6.05558 12.1664 6.45002 12.4998 6.88335 12.7664C7.00558 13.122 7.16669 13.4609 7.36669 13.7831C7.56669 14.1053 7.79447 14.3942 8.05002 14.6498C8.03891 14.6498 8.03058 14.6526 8.02502 14.6581C8.01947 14.6637 8.01113 14.6664 8.00002 14.6664ZM11.3334 14.6664C10.4111 14.6664 9.62502 14.3414 8.97502 13.6914C8.32502 13.0414 8.00002 12.2553 8.00002 11.3331C8.00002 10.4109 8.32502 9.62477 8.97502 8.97477C9.62502 8.32477 10.4111 7.99977 11.3334 7.99977C12.2556 7.99977 13.0417 8.32477 13.6917 8.97477C14.3417 9.62477 14.6667 10.4109 14.6667 11.3331C14.6667 12.2553 14.3417 13.0414 13.6917 13.6914C13.0417 14.3414 12.2556 14.6664 11.3334 14.6664ZM11 11.6664V12.9998C11 13.0887 11.0334 13.1664 11.1 13.2331C11.1667 13.2998 11.2445 13.3331 11.3334 13.3331C11.4222 13.3331 11.5 13.2998 11.5667 13.2331C11.6334 13.1664 11.6667 13.0887 11.6667 12.9998V11.6664H13C13.0889 11.6664 13.1667 11.6331 13.2334 11.5664C13.3 11.4998 13.3334 11.422 13.3334 11.3331C13.3334 11.2442 13.3 11.1664 13.2334 11.0998C13.1667 11.0331 13.0889 10.9998 13 10.9998H11.6667V9.66644C11.6667 9.57755 11.6334 9.49977 11.5667 9.43311C11.5 9.36644 11.4222 9.33311 11.3334 9.33311C11.2445 9.33311 11.1667 9.36644 11.1 9.43311C11.0334 9.49977 11 9.57755 11 9.66644V10.9998H9.66669C9.5778 10.9998 9.50002 11.0331 9.43335 11.0998C9.36669 11.1664 9.33335 11.2442 9.33335 11.3331C9.33335 11.422 9.36669 11.4998 9.43335 11.5664C9.50002 11.6331 9.5778 11.6664 9.66669 11.6664H11Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M12 21.9999C9.68333 21.4166 7.77083 20.0874 6.2625 18.0124C4.75417 15.9374 4 13.6332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V10.6749C19.6833 10.5416 19.3583 10.4207 19.025 10.3124C18.6917 10.2041 18.35 10.1249 18 10.0749V6.3999L12 4.1499L6 6.3999V11.0999C6 11.8832 6.10417 12.6666 6.3125 13.4499C6.52083 14.2332 6.8125 14.9791 7.1875 15.6874C7.5625 16.3957 8.01667 17.0499 8.55 17.6499C9.08333 18.2499 9.675 18.7499 10.325 19.1499C10.5083 19.6832 10.75 20.1916 11.05 20.6749C11.35 21.1582 11.6917 21.5916 12.075 21.9749C12.0583 21.9749 12.0458 21.9791 12.0375 21.9874C12.0292 21.9957 12.0167 21.9999 12 21.9999ZM17 21.9999C15.6167 21.9999 14.4375 21.5124 13.4625 20.5374C12.4875 19.5624 12 18.3832 12 16.9999C12 15.6166 12.4875 14.4374 13.4625 13.4624C14.4375 12.4874 15.6167 11.9999 17 11.9999C18.3833 11.9999 19.5625 12.4874 20.5375 13.4624C21.5125 14.4374 22 15.6166 22 16.9999C22 18.3832 21.5125 19.5624 20.5375 20.5374C19.5625 21.5124 18.3833 21.9999 17 21.9999ZM16.5 17.4999V19.4999C16.5 19.6332 16.55 19.7499 16.65 19.8499C16.75 19.9499 16.8667 19.9999 17 19.9999C17.1333 19.9999 17.25 19.9499 17.35 19.8499C17.45 19.7499 17.5 19.6332 17.5 19.4999V17.4999H19.5C19.6333 17.4999 19.75 17.4499 19.85 17.3499C19.95 17.2499 20 17.1332 20 16.9999C20 16.8666 19.95 16.7499 19.85 16.6499C19.75 16.5499 19.6333 16.4999 19.5 16.4999H17.5V14.4999C17.5 14.3666 17.45 14.2499 17.35 14.1499C17.25 14.0499 17.1333 13.9999 17 13.9999C16.8667 13.9999 16.75 14.0499 16.65 14.1499C16.55 14.2499 16.5 14.3666 16.5 14.4999V16.4999H14.5C14.3667 16.4999 14.25 16.5499 14.15 16.6499C14.05 16.7499 14 16.8666 14 16.9999C14 17.1332 14.05 17.2499 14.15 17.3499C14.25 17.4499 14.3667 17.4999 14.5 17.4999H16.5Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 25.6666C11.2972 24.9861 9.06599 23.4354 7.30627 21.0146C5.54655 18.5937 4.66669 15.9055 4.66669 12.95V7.43747C4.66669 6.95136 4.80766 6.51386 5.0896 6.12497C5.37155 5.73608 5.73613 5.45413 6.18335 5.27913L13.1834 2.65413C13.4556 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5445 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1924 6.51386 23.3334 6.95136 23.3334 7.43747V12.4541C22.9639 12.2986 22.5847 12.1576 22.1959 12.0312C21.807 11.9048 21.4084 11.8125 21 11.7541V7.46663L14 4.84163L7.00002 7.46663V12.95C7.00002 13.8639 7.12155 14.7777 7.3646 15.6916C7.60766 16.6055 7.94794 17.4757 8.38544 18.3021C8.82294 19.1284 9.3528 19.8916 9.97502 20.5916C10.5972 21.2916 11.2875 21.875 12.0459 22.3416C12.2597 22.9639 12.5417 23.5569 12.8917 24.1208C13.2417 24.6847 13.6403 25.1902 14.0875 25.6375C14.0681 25.6375 14.0535 25.6423 14.0438 25.6521C14.034 25.6618 14.0195 25.6666 14 25.6666ZM19.8334 25.6666C18.2195 25.6666 16.8438 25.0979 15.7063 23.9604C14.5688 22.8229 14 21.4472 14 19.8333C14 18.2194 14.5688 16.8437 15.7063 15.7062C16.8438 14.5687 18.2195 14 19.8334 14C21.4472 14 22.8229 14.5687 23.9604 15.7062C25.0979 16.8437 25.6667 18.2194 25.6667 19.8333C25.6667 21.4472 25.0979 22.8229 23.9604 23.9604C22.8229 25.0979 21.4472 25.6666 19.8334 25.6666ZM19.25 20.4166V22.75C19.25 22.9055 19.3084 23.0416 19.425 23.1583C19.5417 23.275 19.6778 23.3333 19.8334 23.3333C19.9889 23.3333 20.125 23.275 20.2417 23.1583C20.3584 23.0416 20.4167 22.9055 20.4167 22.75V20.4166H22.75C22.9056 20.4166 23.0417 20.3583 23.1584 20.2416C23.275 20.125 23.3334 19.9889 23.3334 19.8333C23.3334 19.6777 23.275 19.5416 23.1584 19.425C23.0417 19.3083 22.9056 19.25 22.75 19.25H20.4167V16.9166C20.4167 16.7611 20.3584 16.625 20.2417 16.5083C20.125 16.3916 19.9889 16.3333 19.8334 16.3333C19.6778 16.3333 19.5417 16.3916 19.425 16.5083C19.3084 16.625 19.25 16.7611 19.25 16.9166V19.25H16.9167C16.7611 19.25 16.625 19.3083 16.5084 19.425C16.3917 19.5416 16.3334 19.6777 16.3334 19.8333C16.3334 19.9889 16.3917 20.125 16.5084 20.2416C16.625 20.3583 16.7611 20.4166 16.9167 20.4166H19.25Z", fill: "currentColor" })));
-  }
-};
-n.style = l;
-export {
-  n as swirl_icon_add_moderator
-};