@getflip/swirl-components-react 0.190.0 → 0.192.0

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

@@ -1,103 +0,0 @@
-import { r as n, h as o, H as r, g as c } from "./index.d90adc50.js";
-import { q as h, b as f, g as p } from "./utils-aab10c80.240adddc.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", m = u, b = class {
-  constructor(t) {
-    n(this, t), this.onKeyDown = (e) => {
-      e.code === "ArrowDown" || e.code === "ArrowRight" ? (e.preventDefault(), this.focusNextItem()) : (e.code === "ArrowUp" || e.code === "ArrowLeft") && (e.preventDefault(), this.focusPreviousItem());
-    }, this.onFocusOut = (e) => {
-      if (this.isInsidePopover)
-        return;
-      const i = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", d = i === null || !this.el.contains(i);
-      !this.isInsidePopover && d && a && this.container.setAttribute("tabindex", "0");
-    }, this.onFocus = () => {
-      var s, a;
-      if (this.isInsidePopover)
-        return;
-      this.container.removeAttribute("tabindex");
-      const e = this.getItems(), i = this.getActiveItemIndex();
-      i > -1 ? (s = e[i]) == null || s.focus() : (a = e[0]) == null || a.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 t = this.getItems(), i = (this.getActiveItemIndex() + 1) % t.length;
-    t[i].focus();
-  }
-  focusPreviousItem() {
-    var s;
-    const t = this.getItems(), e = this.getActiveItemIndex(), i = e === 0 ? t.length - 1 : e - 1;
-    (s = t[i]) == null || s.focus();
-  }
-  getActiveItemIndex() {
-    const t = this.getItems(), e = f();
-    return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
-  }
-  render() {
-    return o(r, { key: "34ee452c1c56d2e74da7765594eee7a119e98a2a" }, o("div", { key: "e700f28931da9fca73012c4247ead50f3587647e", "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: (t) => this.container = t, role: "menu" }, o("slot", { key: "0ae3a4adcccbf3e81f18afecf0f573d62be40beb" })));
-  }
-  get el() {
-    return c(this);
-  }
-};
-b.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 = g, x = class {
-  constructor(t) {
-    n(this, t), this.desktopMediaQuery = p(), this.desktopMediaQueryHandler = (e) => {
-      this.forceIconProps(e.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 t, e;
-    (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(t) {
-    var s, a;
-    const e = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.suffixEl) == null ? void 0 : a.children[0];
-    e == null || e.setAttribute("size", t ? "20" : "24"), i == null || i.setAttribute("size", t ? "20" : "24");
-  }
-  render() {
-    const t = Boolean(this.badge), e = Boolean(this.el.querySelector('[slot="suffix"]')), i = (Boolean(this.suffix) || e) && !this.disabled, s = l("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return o(r, { key: "c27b5f1bf7f0ba445047c9b6971301dcef1d9e12" }, o("button", { key: "1ecb6c1fe6bd6547797b6ae9d8f6ccd728f7053b", "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", { key: "1832714c29f2c34a365350542838318b6963ae83", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), o("span", { key: "b01f38be411e9a4b719ba61b0e18ff64e98a188a", class: "action-list-item__label-container" }, o("span", { key: "93351582c31efc909231cd127472984b2bd211d6", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "f84789e1bc8e39f87ee7d0d608b6482930d55ab0", class: "action-list-item__description" }, this.description)), t && o("span", { key: "9c3d72b0dbb8c8b6cd72f850b7e03aeef54b4abe", class: "action-list-item__badge", innerHTML: this.badge }), i && o("span", { key: "0ef67d7702bcd9637f0e17405ca6b89af2cb697f", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "f0fda290c8394d13ae778ede1f66b578a8c5475f", name: "suffix" }))));
-  }
-  get el() {
-    return c(this);
-  }
-};
-x.style = v;
-const w = ":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{display:block;width:var(--s-border-width-default);height:100%;min-height:1.125rem;background-color:var(--s-border-default)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", y = w, I = class {
-  constructor(t) {
-    n(this, t), this.orientation = "horizontal", this.spacing = "8";
-  }
-  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})`
-    }, e = l("separator", `separator--orientation-${this.orientation}`);
-    return o(r, { key: "bb86893cc56bbf52625414a76325fcf1380b92d2", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "9a217e89b75eee5f9c99381852fcbb25e7215cc6", class: "separator__line" }));
-  }
-};
-I.style = y;
-export {
-  b as swirl_action_list,
-  x as swirl_action_list_item,
-  I as swirl_separator
-};

package/dist/swirl-app-bar.entry.2cfd762b.js

@@ -1,45 +0,0 @@
-import { r as i, c as s, h as t, H as n, g as c } from "./index.d90adc50.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ':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 = l, b = class {
-  constructor(a) {
-    i(this, a), this.backButtonClick = s(this, "backButtonClick", 7), this.closeButtonClick = s(this, "closeButtonClick", 7), this.stepUpButtonClick = s(this, "stepUpButtonClick", 7), this.stepDownButtonClick = s(this, "stepDownButtonClick", 7), this.onBackButtonClick = (e) => {
-      this.backButtonClick.emit(e);
-    }, this.onCloseButtonClick = (e) => {
-      this.closeButtonClick.emit(e);
-    }, this.onStepUpButtonClick = (e) => {
-      this.stepUpButtonClick.emit(e);
-    }, this.onStepDownButtonClick = (e) => {
-      this.stepDownButtonClick.emit(e);
-    }, 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 a;
-    (a = this.mutationObserver) == null || a.disconnect();
-  }
-  updateCtaStatus() {
-    this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
-  }
-  render() {
-    const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), o = r("app-bar", {
-      "app-bar--has-cta": this.hasCta,
-      "app-bar--has-right-controls": e
-    });
-    return t(n, { key: "7c2b32f54f4f20b3f3832e0cddbd971697c0f6c7" }, t("div", { key: "51c8f58e94cf8b2b1999aa1f8d0f62c1996bc36f", class: o }, a && t("div", { key: "3ecd4969645180b232aa88af4bb53b061e28a5c8", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "df1c155539b1c75f984367859c7621ba0440e72a", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "d76082179a4fa7f3d05d5ae75b54dfa7dcbe10f7", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "e8fd25b862dec51b57c8f0cdaeb7063d9c80385e", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "7cffb39a250ccedd3bfa9695c91ca93a2eb3e543", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "0a02ae5d462948f561a484db829c200ee6ab0621", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "b6665000dcfdbbe5af9ef1f640381bbb6e3389b4", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "c6ef20d8a2947d6f9732b868246c3b43c35e60c1", class: "app-bar__cta" }, t("slot", { key: "bbd297c333a49b97978c7f3b868d068bbebedc18", name: "cta" })), t("div", { key: "0fdf031e46b21bef9d319fa9cb1cee3932381c7a", class: "app-bar__heading" }, t("slot", { key: "33197f0f75889c906f7ef3ac6cc63137ecc24904", name: "heading" })), t("div", { key: "34d9a48da94246e503d681c8d47cea93fa3b92bf", class: "app-bar__center-controls" }, t("slot", { key: "a51bd0b83cabb1afd4bd8b466f354be6173754d6", name: "center-controls" })), t("div", { key: "ca9f6b3d731d4a6aa818137512282b5579381eee", class: "app-bar__right-controls" }, t("slot", { key: "2951754287a46db776017524d463cac87d44288b", name: "right-controls" }))));
-  }
-  get el() {
-    return c(this);
-  }
-};
-b.style = p;
-export {
-  b as swirl_app_bar
-};

package/dist/swirl-app-icon.entry.3025724d.js

@@ -1,23 +0,0 @@
-import { r as n, h as a, H as o } from "./index.d90adc50.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":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}", l = c, 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), s = !i && Boolean(this.icon), e = t("app-icon", {
-      "app-icon--has-icon": s || !i && !s
-    });
-    return a(o, { key: "d0660e598f456398d63c4325c2c5c4d55463ef6b" }, a("span", { key: "21afd9b82ff8a45a9043ac8b5dd36b7395804db6", class: e }, i && a("img", { key: "94b7c4dfdbf01954d074877b8147c38b6f85f011", alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), s && a("span", { key: "82258b7734b7d2df50adcaefc2d54bd963dca79e", class: "app-icon__icon", innerHTML: this.icon })));
-  }
-};
-r.style = l;
-export {
-  r as swirl_app_icon
-};

package/dist/swirl-autocomplete.entry.9e3e885d.js

@@ -1,115 +0,0 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.d90adc50.js";
-import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
-import { c as w } from "./index-267776a4.6beb4f4b.js";
-import { d as S } from "./utils-aab10c80.240adddc.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 = x, C = class {
-  constructor(i) {
-    p(this, i), this.valueChange = m(this, "valueChange", 7), this.onChange = (e) => {
-      e.stopPropagation(), this.updateTerm(e);
-    }, this.updateTerm = S(async (e) => {
-      this.updateSuggestions(e.detail), this.open(), !this.multiSelect && (!Boolean(e.detail) || e.detail === "") && (this.value = void 0, this.valueChange.emit(this.value));
-    }, 250, !1), this.onSelect = async (e) => {
-      if (e.stopPropagation(), this.multiSelect) {
-        const s = e.detail, n = this.suggestions.filter((l) => !s.includes(l.id)).map((l) => l.id);
-        this.value = [
-          ...this.value.filter((l) => !n.includes(l.id)),
-          ...this.suggestions.filter((l) => s.includes(l.id) && !this.value.some((u) => u.id === l.id))
-        ], this.valueChange.emit(this.value), this.inputEl.value = "";
-        const a = this.inputEl.querySelector("input");
-        Boolean(a) && (a.value = "", queueMicrotask(() => {
-          a.focus(), this.close();
-        }), this.updateSuggestions(a.value));
-      } else if (Boolean(e.detail[0])) {
-        const s = e.detail[0], n = this.suggestions.find((a) => a.id === s);
-        if (!Boolean(n))
-          return;
-        this.value = n, this.valueChange.emit(this.value), queueMicrotask(() => {
-          var a;
-          (a = this.inputEl.querySelector("input")) == null || a.focus(), this.close();
-        });
-      }
-    }, this.onRemoveValue = (e) => {
-      !Array.isArray(this.value) || (this.value = this.value.filter((s) => s.id !== e), this.valueChange.emit(this.value));
-    }, this.onFocusOut = (e) => {
-      const s = e.relatedTarget;
-      Boolean(s) && !this.el.contains(s) && this.close();
-    }, this.onFocus = () => {
-      this.updateSuggestions(), this.open();
-    }, this.onKeyDown = (e) => {
-      e.code === "Escape" && (e.preventDefault(), e.stopPropagation(), this.inputEl.querySelector("input").focus(), this.close());
-    }, this.onInputKeyDown = (e) => {
-      var s, n;
-      e.code === "ArrowDown" && (e.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 e = i.target;
-    this.el.contains(e) || this.close();
-  }
-  watchMultiSelect() {
-    this.handleInitialValue();
-  }
-  async close() {
-    var e;
-    if (!this.active)
-      return;
-    this.disableAutoUpdate && this.disableAutoUpdate();
-    const i = this.inputEl.querySelector("input");
-    Boolean(i) && (this.multiSelect ? i.value = "" : i.value = ((e = this.value) == null ? void 0 : e.label) || ""), this.active = !1;
-  }
-  async open() {
-    this.active || (this.active = !0, requestAnimationFrame(async () => {
-      await this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = g(this.inputEl, this.listboxContainerEl, this.reposition.bind(this), { animationFrame: !0 }), this.listboxContainerEl.scrollTop = 0, this.updateSuggestions(this.inputEl.querySelector("input").value);
-    }));
-  }
-  async reposition() {
-    !Boolean(this.listboxContainerEl) || (this.position = await v(this.inputEl, this.listboxContainerEl, {
-      middleware: [y({ crossAxis: -16, mainAxis: 16 })],
-      placement: "bottom-start",
-      strategy: "fixed"
-    }));
-  }
-  async updateSuggestions(i) {
-    this.loading = !0, this.suggestions = [], this.suggestions = await this.generateSuggestions(i), this.loading = !1;
-  }
-  handleInitialValue() {
-    this.multiSelect && !Array.isArray(this.value) && (this.value = []), !this.multiSelect && Array.isArray(this.value) && (this.value = void 0);
-  }
-  render() {
-    var l, u, c, r;
-    const i = `${this.id}-suggestions`, e = this.clearable && !this.multiSelect, s = this.multiSelect ? this.value.map((t) => t.id) : Boolean(this.value) ? [this.value.id] : [], n = this.multiSelect ? void 0 : ((l = this.value) == null ? void 0 : l.label) || "", a = w("autocomplete", {
-      "autocomplete--inactive": !this.active
-    });
-    return o(f, { key: "a6b1864a1d1022a24c22a1b37e9953a3c232c2bc" }, o("div", { key: "57be24dac5a4c174bf7941c07a05b3431487dec3", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "6b8b6268c1b208b7cc378ee4a22f05fd4b30df51", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "0b82d5899891d8ba4d07fe012cc1a8c501fdf62c", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
-      key: t.id,
-      label: t.label,
-      onRemove: () => this.onRemoveValue(t.id),
-      removable: !this.disabled
-    })))), o("swirl-text-input", { key: "929f9be8b336bdae9c31e9bc2e98936cf9a3ff86", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, 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: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "a53953db455c7f3515cf394390c2c0089ed7155f", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
-      top: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.y}px` : "",
-      left: Boolean(this.position) ? `${(c = this.position) == null ? void 0 : c.x}px` : "",
-      width: `${((r = this.inputEl) == null ? void 0 : r.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { key: "44ce277c6dc3571ae5fb22f31eb28dce7c54f0d7", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "4fdbda089dd91a9aab0f1559d753a239fbfaeb9c" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "7be30b1c4ba99ceda255c507be07917d19e965ef", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
-      var h;
-      return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === t.id) : ((h = this.value) == null ? void 0 : h.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
-    })))));
-  }
-  get el() {
-    return b(this);
-  }
-  static get watchers() {
-    return {
-      multiSelect: ["watchMultiSelect"]
-    };
-  }
-};
-C.style = A;
-export {
-  C as swirl_autocomplete
-};

package/dist/swirl-carousel-slide.entry.110bbdb4.js

@@ -1,19 +0,0 @@
-import { r as i, h as e, H as t } from "./index.d90adc50.js";
-import { c as l } from "./index-267776a4.6beb4f4b.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%}", a = o, r = class {
-  constructor(s) {
-    i(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 e(t, { key: "0f89338419e9487f7d3ae011e9b927a720b7179a", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "69a1e3a399584d8035e8448cb1990974ad295e28" }));
-  }
-};
-r.style = a;
-export {
-  r as swirl_carousel_slide
-};

package/dist/swirl-columns.entry.dbed3083.js

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

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

@@ -1,68 +0,0 @@
-import { r as c, c as n, h as e, H as r, g as b } from "./index.d90adc50.js";
-import { c as h } from "./index-267776a4.6beb4f4b.js";
-import { i } from "./utils-aab10c80.240adddc.js";
-import "react";
-import "react-dom";
-const f = `: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}`, u = f, p = class {
-  constructor(t) {
-    c(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, d = Boolean(o.closest(".console-layout__mobile-navigation-button")), l = ((s = o.closest("[slot]")) == null ? void 0 : s.slot) === "overlays";
-      !a.composedPath().includes(this.sidebarEl) && !d && !l && 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 = h("console-layout", {
-      "console-layout--sidebar-active": this.sidebarActive,
-      "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton
-    });
-    return e(r, { key: "bba736d4c8daf0dc1ff373ab49c45abbd0e230b6" }, e("div", { key: "4100feefefdb5a1889762feb4ace7e5d0457c09b", class: a, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { key: "c8b1f9f54ecdcf2062aa50d3fe644b50b987cc8e", "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (o) => this.sidebarEl = o }, e("div", { key: "f28016db58871b1a773184e3e7d0fad3010e3cd8", class: "console-layout__header" }, e("div", { key: "4e46393f75083abe5928ce06ed5c69ce16999f07", class: "console-layout__logo" }, e("svg", { key: "767b62317772fff90a173be7fe8aaa9b38136df3", 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", { key: "f1b01e99f418f000e191f93d63873f49a6e59bd2", 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", { key: "d75b170b7b231fc55686b717c946d6c6ffd94265", 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", { key: "97f164fdf18433ed2182035017e21cc1cbcab580", 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", { key: "85f896e87f146db01a6a9d9a20271edfa956bb5e", d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), e("swirl-text", { key: "3e9726348093beea999c7dd6905fbe934d403a3d", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { key: "7d3a643143f3401574f41616b15840a20b8d4e24", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { key: "f9a6944ec222786095bab45132a236666131f704", name: "navigation" })), e("div", { key: "e315d04155d14701843ef4d18bc6c96ea666e048", class: "console-layout__user" }, e("slot", { key: "d1c1fa136f4fdfe5f084155c6fb7d53108f40dc4", name: "user" }))), e("main", { key: "27e170a8d39412324913e738f2d4f44d0541a7ae", "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { key: "66a74aa8dff8037353848b1c21514026e40b5d7b", class: "console-layout__app-bar" }, e("span", { key: "2403ee85e14d7a70337da1b941d37da0d1c8d0de", class: "console-layout__mobile-navigation-button" }, e("swirl-button", { key: "1d1f64eeb259bcd57dddcd738da964dbb5afc635", 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", { key: "9de76aeeae2c16133f1cbddfc9095df490aa2699", class: "console-layout__app-name" }, this.appName && e("swirl-heading", { key: "20511f4781957689d1043a073602990ad34f923c", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { key: "02b0f2de66dcd05f024ec92ca9d9fe31b8e87601", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { key: "9b6872b299617af3f7e1db5abf71eeda13f4a4af", "aria-labelledby": "heading", class: "console-layout__content", style: t }, e("header", { key: "35a3c3a016036c13446fbf3ed8573a0553f923da", class: "console-layout__content-header" }, this.showBackButton && e("swirl-button", { key: "e2f0ec22b22bb9df2808f8baedca17cb7abfd33d", 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", { key: "399b82fd57c2029cc449486ae500d4fd1b3d1c60", class: "console-layout__heading-container" }, e("swirl-heading", { key: "a3362722a13db516483dca0b27b6d8ac011410db", as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { key: "b271a8b5cba7ea1faf9f13fafe5eb8eb548715d6", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { key: "fbfa4c16dd9347779b12bbca58c061a0797ebfe2", class: "console-layout__heading-container" }, e("slot", { key: "2cad6f807ea96e46fb1b888436db91017d7c0f2e", name: "heading" })), e("div", { key: "95a2489561cbe8c76361da2170c315923de99d30", class: "console-layout__content-header-tools" }, e("slot", { key: "243b196173acd471cc48766427c26ce8f3e5a69f", name: "content-header-tools" }))), e("div", { key: "3a38302345b41cdd8007b2ef7b9db360f0555377", class: "console-layout__integration" }, e("slot", { key: "6641fa39ca2fa51fe47e5200c1eb2d195a4a7322", name: "content" }))), e("div", { key: "e8d9ca7057818631ceba68dce8a36e6fb815c7d6", class: "console-layout__overlays" }, e("slot", { key: "2675c321b61f49db890ddc421eab0df2f47eb441", name: "overlays" })))));
-  }
-  get el() {
-    return b(this);
-  }
-};
-p.style = u;
-export {
-  p as swirl_console_layout
-};

package/dist/swirl-description-list.entry.8346d2f6.js

@@ -1,15 +0,0 @@
-import { r as t, h as i, H as e } from "./index.d90adc50.js";
-import "react";
-import "react-dom";
-const r = ":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}", o = r, c = class {
-  constructor(s) {
-    t(this, s);
-  }
-  render() {
-    return i(e, { key: "06112c1ae757e68833b7803e12f1200865bf19c4" }, i("div", { key: "f95fa8b2f2b4ffe435b94d2ea1ff30beb80d39b3", class: "description-list", role: "list" }, i("slot", { key: "296ad7f15a0fc2f2d389e5d7623b51974ac8afbc" })));
-  }
-};
-c.style = o;
-export {
-  c as swirl_description_list
-};

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

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.d90adc50.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = l, c = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "052cdceb59883546f01106d8094912fa966f85b3" }, this.size === 16 && i("img", { key: "266342a74c357f939df127ae5853559ca039a8df", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "d25e05a5cab42b05b17f5159e4ad8f111f3304af", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "47bd4d15976830b52692bd670fd16f46d427062d", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "e0b2371a454b6bd7e704301ee9b69b1557874e19", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-c.style = h;
-export {
-  c as swirl_emoji_clap
-};

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

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.d90adc50.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "13c16cd7d7d2e78c843b48ee2bb3e1cb6fb568b6" }, this.size === 16 && e("img", { key: "8ea4c0606a685fcd1dfd8a02fbcab238b04bd86f", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "742e74ab8b5494ef2c55bc5385b7c8ac7e3e8c4d", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "69bb139f5ba67106ee1c8fd4c9df7fa44ec61035", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "96fac667e81690b3d1587a8b3f6cd46edc2b5f4c", 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.39c749d7.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.d90adc50.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", h = l, r = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "585b77897570176f9c826f3b916473f0d51ed6e4" }, this.size === 16 && s("img", { key: "1a1812b455a7b5b4a595c7b68e7f868fee1f3e98", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "c3dae1314db212130787948267c76965aed30794", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "d176779a9577bdf22655b176f3242e6510d13b19", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "255a76b736906ed20d9a09697e18b1e2870c2b75", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-r.style = h;
-export {
-  r as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.48574212.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.d90adc50.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", o = l, c = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "80d99173f06fae7756b209937fc417eef7b5789a" }, this.size === 16 && e("img", { key: "28e20da0eb34cc439d7e9e3d1f899d233182b0ef", alt: this.label, class: s, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && e("img", { key: "137d808575bf5e650b9626d8114f24073c3baf97", alt: this.label, class: s, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && e("img", { key: "a861157fbc829da17518130989a59d44ad4096ff", alt: this.label, class: s, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && e("img", { key: "4cad76651d10703b5aa637c3aa96c183e5d5df71", alt: this.label, class: s, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.71e12957.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.d90adc50.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "c2e0872f95e380e6f70f2a0e66137a47216b5949" }, this.size === 16 && e("img", { key: "f10e0ca8e803c7fc7daa22dd328f6db92d1524ae", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "344378194d1a1be48f4392ff5ddb14d4584a460f", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "50c62e562be593f0d844eccdc4f8ba0ffe92dc29", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "975c6c0c22be35b33ccc1d7f28aab820bed5b50e", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.2c57a0f1.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.d90adc50.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex}", l = h, m = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "47553159e3e1a5e0c60aaa7201dc2d6bb1f59a5d" }, this.size === 16 && e("img", { key: "e9c0ea05f84bbd68c25161eff1190f3b32ef6abd", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "9df84cfd4f0ee3da697effcb92d42d6aaa0c2dd2", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "3f0fe7c2abb3ef338453072b22fa66e9ef03862d", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "2f521b3f60b297b198f2830f9a83fee3b84fa156", 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.61e00603.js

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

package/dist/swirl-form-group.entry.a9fc5de5.js

@@ -1,17 +0,0 @@
-import { r as s, h as o, H as i } from "./index.d90adc50.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const t = ".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}}", c = t, e = class {
-  constructor(r) {
-    s(this, r), this.orientation = "vertical";
-  }
-  render() {
-    const r = a("form-group", `form-group--orientation-${this.orientation}`);
-    return o(i, { key: "4dff61cfc7f3d560ff566e50eac860302c5d3921" }, o("div", { key: "4ca6f4b5fd8aceba666332416b259ef7ad3a69bc", class: r }, o("slot", { key: "ec7e6c6294cb04eb2db675946d030fd8ca85dd5b" })));
-  }
-};
-e.style = c;
-export {
-  e as swirl_form_group
-};