@getflip/swirl-components-react 0.0.0-new-shell-20231128130728

package/dist/swirl-select.entry.6467db20.js

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

package/dist/swirl-shell-layout.entry.62ba60c3.js

@@ -0,0 +1,85 @@
+import { r as o, c as s, h as l, H as r } from "./index.e5965a8a.js";
+import { c as n } from "./index-d280dafb.186cdb0e.js";
+import { c as d } from "./focus-trap.esm-37cd2d2b.724cca66.js";
+import "react";
+import "react-dom";
+const h = `:root .sc-swirl-shell-layout-h{--swirl-shell-background:rgba(20, 90, 245, 1)}:root.theme-dark .sc-swirl-shell-layout-h{--swirl-shell-background:rgba(45, 72, 127, 1)}.sc-swirl-shell-layout-h{--swirl-shell-text-color:rgba(255, 255, 255, 1);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:3.75rem;--swirl-shell-extended-nav-width:14rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.2s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header"
+      "nav main"}}@media (min-width: 1440px){.shell-layout.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"
+      "nav main sidebar"}}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr}}@media (min-width: 1440px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(
+          --swirl-shell-sidebar-width
+        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
+        --swirl-shell-sidebar-width
+      )}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:0;padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{width:2.25rem;height:2.25rem;padding:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:transparent;font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:rgba(255, 255, 255, 0.15)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:rgba(255, 255, 255, 0.2)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 1440px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow:auto;width:100%;max-width:var(--swirl-shell-extended-nav-width);padding:var(--s-space-8);color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);transition:transform 0.2s, box-shadow 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}.shell-layout__nav.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;max-width:none;padding-top:var(--s-space-8);padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);transform:none;inset:auto}}.shell-layout__mobile-logo.sc-swirl-shell-layout{padding-top:var(--s-space-12);padding-bottom:var(--s-space-12);padding-left:var(--s-space-12)}.shell-layout__mobile-logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}@media (min-width: 992px){.shell-layout__mobile-logo.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.2s;inset:0}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{display:none;overflow:hidden;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);grid-area:sidebar}@media (min-width: 1440px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{display:flex;width:var(--swirl-shell-sidebar-width);height:100%;flex-direction:column}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}`, i = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", t = "SWIRL_SHELL_SIDEBAR_STATE", c = class {
+  constructor(a) {
+    o(this, a), this.sidebarToggleClick = s(this, "sidebarToggleClick", 7), this.skipLinkClick = s(this, "skipLinkClick", 7), this.onBrowserBackClick = () => {
+      history.back();
+    }, this.onBrowserForwardClick = () => {
+      history.forward();
+    }, this.onNavigationToggleClick = () => {
+      this.navigationCollapsed = !this.navigationCollapsed;
+    }, this.onNavigationClick = () => {
+      this.hideMobileNavigation();
+    }, this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.navigationLabel = "Main", this.navigationToggleLabel = "Toggle navigation", this.sidebarActive = void 0, this.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.mobileNavigationActive = void 0, this.navigationCollapsed = void 0;
+  }
+  componentWillLoad() {
+    const a = localStorage.getItem(t) === "true";
+    this.sidebarActive = this.sidebarActive === void 0 ? a : this.sidebarActive;
+    const e = localStorage.getItem(i) === "true";
+    this.navigationCollapsed = e;
+  }
+  componentDidLoad() {
+    this.focusTrap = d(this.navElement, {
+      allowOutsideClick: !0,
+      tabbableOptions: {
+        getShadowRoot: (a) => a.shadowRoot
+      }
+    });
+  }
+  componentDidRender() {
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.navElement);
+  }
+  disconnectedCallback() {
+    var a;
+    (a = this.focusTrap) == null || a.deactivate();
+  }
+  onWindowKeyDown(a) {
+    a.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
+  }
+  watchMobileNavigationState() {
+    this.mobileNavigationActive ? setTimeout(() => {
+      this.focusTrap.activate();
+    }, 200) : this.focusTrap.deactivate();
+  }
+  watchNavigationCollapsed() {
+    localStorage.setItem(i, String(this.navigationCollapsed));
+  }
+  watchSidebarActive() {
+    localStorage.setItem(t, String(this.sidebarActive));
+  }
+  async showMobileNavigation() {
+    this.mobileNavigationActive = !0;
+  }
+  async hideMobileNavigation() {
+    this.mobileNavigationActive = !1;
+  }
+  render() {
+    const a = n("shell-layout", {
+      "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
+      "shell-layout--navigation-collapsed": this.navigationCollapsed,
+      "shell-layout--sidebar-active": this.sidebarActive
+    });
+    return l(r, null, l("div", { class: a }, l("header", { class: "shell-layout__header", "data-tauri-drag-region": "true" }, l("button", { class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), l("div", { class: "shell-layout__header-left" }, l("button", { class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, l("swirl-icon-dock-left", { size: 20 }), l("swirl-visually-hidden", null, this.navigationToggleLabel)), l("button", { class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, l("swirl-icon-arrow-back", { size: 20 }), l("swirl-visually-hidden", null, this.browserBackButtonLabel)), l("button", { class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, l("swirl-icon-arrow-forward", { size: 20 }), l("swirl-visually-hidden", null, this.browserForwardButtonLabel))), l("div", { class: "shell-layout__logo" }, l("slot", { name: "logo" })), l("div", { class: "shell-layout__header-right" }, l("button", { class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, l("swirl-icon", { glyph: this.sidebarToggleIcon, size: 20 }), l("swirl-visually-hidden", null, this.sidebarToggleLabel)), l("slot", { name: "header-tools" }))), l("div", { class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), l("nav", { "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (e) => this.navElement = e }, l("div", { class: "shell-layout__mobile-logo" }, l("slot", { name: "mobile-logo" })), l("swirl-visually-hidden", null, l("span", { id: "main-navigation-label" }, this.navigationLabel)), l("slot", { name: "nav" })), l("main", { class: "shell-layout__main", id: "main-content" }, l("slot", null)), l("aside", { class: "shell-layout__sidebar" }, l("div", { class: "shell-layout__sidebar-body" }, l("div", { class: "shell-layout__sidebar-app-bar" }, l("slot", { name: "sidebar-app-bar" })), l("div", { class: "shell-layout__sidebar-content" }, l("slot", { name: "sidebar" }))))));
+  }
+  static get watchers() {
+    return {
+      mobileNavigationActive: ["watchMobileNavigationState"],
+      navigationCollapsed: ["watchNavigationCollapsed"],
+      sidebarActive: ["watchSidebarActive"]
+    };
+  }
+};
+c.style = h;
+export {
+  c as swirl_shell_layout
+};

package/dist/swirl-shell-navigation-item.entry.91b49950.js

@@ -0,0 +1,136 @@
+import { r as a, h as n, H as t, g as o } from "./index.e5965a8a.js";
+import { c as s } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const l = `/**
+* seems the container query does not work as expected
+*/
+
+:host {
+  position: relative;
+  display: inline-flex;
+  width: 100%;
+  height: 2.75rem;
+  padding: var(--s-space-12);
+  flex-shrink: 0;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: var(--s-border-radius-sm);
+  background-color: transparent;
+  font-size: var(--s-font-size-sm);
+  font-weight: var(--s-font-weight-medium);
+  line-height: var(--s-line-height-sm);
+  cursor: pointer;
+  container-type: inline-size;
+  gap: var(--s-space-16);
+}
+
+:host(:hover) {
+    background-color: rgba(255, 255, 255, 0.15);
+  }
+
+:host(:hover) .shell-navigation-item__badge {
+      --swirl-badge-border-color: rgba(255, 255, 255, 0.15);
+    }
+
+:host(:active) {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+
+:host(:active) .shell-navigation-item__badge {
+      --swirl-badge-border-color: rgba(255, 255, 255, 0.2);
+    }
+
+:host(:focus) {
+    outline: none;
+  }
+
+:host(:focus-visible) {
+    box-shadow: 0 0 0 0.125rem var(--s-focus-default);
+  }
+
+:host(.shell-navigation-item--active) {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
+:host(.shell-navigation-item--active) .shell-navigation-item__badge {
+      --swirl-badge-border-color: rgba(255, 255, 255, 0.1);
+    }
+
+:host(.shell-navigation-item--active:hover) {
+    background-color: rgba(255, 255, 255, 0.15);
+  }
+
+:host(.shell-navigation-item--active:hover) .shell-navigation-item__badge {
+      --swirl-badge-border-color: rgba(255, 255, 255, 0.15);
+    }
+
+:host(.shell-navigation-item--active:active) {
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+
+:host(.shell-navigation-item--active:active) .shell-navigation-item__badge {
+      --swirl-badge-border-color: rgba(255, 255, 255, 0.2);
+    }
+
+:host * {
+    box-sizing: border-box;
+  }
+
+.shell-navigation-item__icon {
+  display: inline-flex;
+  min-width: 1.25rem;
+  min-height: 1.25rem;
+  justify-content: center;
+  align-items: center;
+}
+
+.shell-navigation-item__label {
+  overflow: hidden;
+  min-width: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.shell-navigation-item__badge {
+  --swirl-badge-border-color: var(--swirl-shell-background);
+}
+
+@container (max-width: 4rem) {
+  .shell-navigation-item__label {
+    display: none;
+  }
+
+  .shell-navigation-item__badge {
+    position: absolute;
+    right: var(--s-space-4);
+    bottom: 0;
+  }
+}
+
+@container (min-width: 14rem) {
+  .shell-navigation-item__badge {
+    margin-left: auto;
+    padding-right: var(--s-space-4);
+  }
+}
+`, r = class {
+  constructor(e) {
+    a(this, e), this.onKeyDown = (i) => {
+      i.code === "Enter" && (i.preventDefault(), this.el.click());
+    }, this.active = void 0, this.badgeLabel = void 0, this.label = void 0;
+  }
+  render() {
+    const e = s("shell-navigation-item", {
+      "shell-navigation-item--active": this.active
+    });
+    return n(t, { class: e, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, n("span", { class: "shell-navigation-item__icon" }, n("slot", { name: "icon" })), n("span", { class: "shell-navigation-item__label" }, this.label), this.badgeLabel && n("swirl-badge", { class: "shell-navigation-item__badge", size: "s", "aria-label": this.badgeLabel, label: this.badgeLabel }));
+  }
+  get el() {
+    return o(this);
+  }
+};
+r.style = l;
+export {
+  r as swirl_shell_navigation_item
+};

package/dist/swirl-skeleton-box.entry.5c0428ca.js

@@ -0,0 +1,31 @@
+import { r as t, h as s, H as i } from "./index.e5965a8a.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0,
+      rgba(255, 255, 255, 0) 12%,
+      var(--s-surface-raised-default) 50%,
+      rgba(255, 255, 255, 0) 88%,
+      rgba(255, 255, 255, 0) 100%
+    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}`, a = class {
+  constructor(e) {
+    t(this, e), this.animated = !0, this.aspectRatio = void 0, this.borderRadius = "base", this.height = void 0, this.width = void 0;
+  }
+  render() {
+    const e = o("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
+    return s(i, { style: {
+      width: !Boolean(this.width) && !Boolean(this.aspectRatio) ? "100%" : void 0
+    } }, s("div", { class: e, style: {
+      aspectRatio: this.aspectRatio,
+      borderRadius: this.borderRadius !== "pill" ? `var(--s-border-radius-${this.borderRadius})` : void 0,
+      height: this.height,
+      width: this.width
+    } }));
+  }
+};
+a.style = r;
+export {
+  a as swirl_skeleton_box
+};

package/dist/swirl-skeleton-text.entry.924203e6.js

@@ -0,0 +1,38 @@
+import { r as l, h as t, H as a } from "./index.e5965a8a.js";
+import { c as s } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(
+    (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2
+  )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(
+      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2
+    )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc(
+    (var(--s-line-height-base) - var(--s-font-size-base)) / 2
+  )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc(
+      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2
+    )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc(
+    (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2
+  )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc(
+      (var(--s-line-height-base) - var(--s-font-size-base)) / 2
+    )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc(
+    (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2
+  )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc(
+    (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2
+  )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:""}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 0,
+      var(--s-surface-raised-default) 33%,
+      rgba(255, 255, 255, 0) 66%
+    );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}`, r = class {
+  constructor(e) {
+    l(this, e), this.animated = !0, this.lines = 1, this.size = "base";
+  }
+  render() {
+    const e = s("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated }), i = s("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
+    return t(a, null, t("div", { class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
+  }
+};
+r.style = o;
+export {
+  r as swirl_skeleton_text
+};

package/dist/swirl-stack.entry.bef2eb97.js

@@ -0,0 +1,17 @@
+import { r as a, h as s, H as e } from "./index.e5965a8a.js";
+import { c as n } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const c = ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:1}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-horizontal{flex-direction:row}.stack--wrap{flex-wrap:wrap}", r = class {
+  constructor(t) {
+    a(this, t), this.align = "start", this.as = "div", this.height = void 0, this.justify = "start", this.orientation = "vertical", this.spacing = "0", this.wrap = !1;
+  }
+  render() {
+    const t = this.as, i = n("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
+    return s(e, { style: { height: this.height } }, s(t, { class: i, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, s("slot", null)));
+  }
+};
+r.style = c;
+export {
+  r as swirl_stack
+};

package/dist/swirl-status-indicator.entry.5fe381d5.js

@@ -0,0 +1,17 @@
+import { r as i, h as t, H as n } from "./index.e5965a8a.js";
+import { c as a } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const o = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', r = class {
+  constructor(s) {
+    i(this, s), this.intent = void 0, this.label = void 0;
+  }
+  render() {
+    const s = a("status-indicator", `status-indicator--intent-${this.intent}`);
+    return t(n, null, t("div", { class: s }, t("span", { class: "status-indicator__dot" }), t("span", { class: "status-indicator__label" }, this.label)));
+  }
+};
+r.style = o;
+export {
+  r as swirl_status_indicator
+};

package/dist/swirl-switch.entry.57a8e80c.js

@@ -0,0 +1,55 @@
+import { r as n, c, h as s, H as a, g as l } from "./index.e5965a8a.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const d = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base)}`, w = class {
+  constructor(r) {
+    n(this, r), this.valueChange = c(this, "valueChange", 7), this.dragging = !1, this.recentlyDragged = !1, this.onChange = () => {
+      if (!this.dragging) {
+        if (this.recentlyDragged) {
+          this.recentlyDragged = !1;
+          return;
+        }
+        this.checked = !this.checked, this.valueChange.emit(this.checked);
+      }
+    }, this.onStartDrag = () => {
+      this.disabled || (this.dragging = !0, this.thumb.style.transition = "none");
+    }, this.onEndDrag = () => {
+      if (!this.disabled) {
+        if (this.recentlyDragged) {
+          const e = this.control.getBoundingClientRect(), h = this.thumb.getBoundingClientRect(), t = this.thumb.offsetLeft + h.width / 2 > e.width / 2;
+          this.checked !== t && (this.checked = t, this.valueChange.emit(t));
+        }
+        this.thumb.style.left = "", this.thumb.style.transition = "", this.dragging = !1, setTimeout(() => {
+          this.recentlyDragged = !1;
+        });
+      }
+    }, this.onDrag = (e) => {
+      if (!this.dragging)
+        return;
+      this.recentlyDragged = !0;
+      const h = this.control.getBoundingClientRect(), t = this.thumb.getBoundingClientRect();
+      let i = Math.round(e.offsetX - t.width / 2);
+      i < 0 && (i = 0), i > Math.round(h.width - t.width) && (i = Math.round(h.width - t.width)), this.thumb.style.left = `${i}px`;
+    }, this.checked = !1, this.disabled = !1, this.hideLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.label = void 0, this.value = void 0;
+  }
+  onWindowPointerUp() {
+    this.onEndDrag();
+  }
+  render() {
+    const r = !this.checked, e = this.checked, h = e ? "true" : "false", t = o("switch", {
+      "switch--off": r,
+      "switch--on": e,
+      "switch--disabled": this.disabled
+    });
+    return s(a, null, s("label", { class: t, htmlFor: this.inputId }, s("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (i) => this.control = i }, s("swirl-visually-hidden", null, s("input", { "aria-checked": h, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), s("span", { "aria-hidden": "true", class: "switch__thumb", ref: (i) => this.thumb = i })), this.label && !this.hideLabel && s("span", { class: "switch__label" }, this.label), this.label && this.hideLabel && s("swirl-visually-hidden", null, this.label)));
+  }
+  get el() {
+    return l(this);
+  }
+};
+w.style = d;
+export {
+  w as swirl_switch
+};

package/dist/swirl-symbol-account-circle.entry.33ff8e3a.js

@@ -0,0 +1,17 @@
+import { r as C, h as i, F as l } from "./index.e5965a8a.js";
+import { c as r } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const e = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    C(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return i("svg", { class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(l, null, i("path", { d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" })));
+  }
+};
+o.style = e;
+export {
+  o as swirl_symbol_account_circle
+};

package/dist/swirl-symbol-alternate-email.entry.7da7c845.js

@@ -0,0 +1,17 @@
+import { r as t, h as C, F as e } from "./index.e5965a8a.js";
+import { c as l } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return C("svg", { class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, C(e, null, C("path", { d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" })));
+  }
+};
+o.style = r;
+export {
+  o as swirl_symbol_alternate_email
+};

package/dist/swirl-symbol-android.entry.bf4bbe6b.js

@@ -0,0 +1,17 @@
+import { r as t, h as C, F as r } from "./index.e5965a8a.js";
+import { c as o } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex}", e = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return C("svg", { class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, C(r, null, C("path", { d: "M16.6 14.658C16.4352 14.658 16.2742 14.6091 16.1372 14.5176C16.0002 14.4261 15.8935 14.296 15.8304 14.1438C15.7674 13.9916 15.7509 13.8241 15.783 13.6625C15.8151 13.5009 15.8945 13.3525 16.011 13.236C16.1275 13.1195 16.2759 13.0401 16.4375 13.008C16.5991 12.9759 16.7666 12.9924 16.9188 13.0554C17.071 13.1185 17.2011 13.2252 17.2926 13.3622C17.3841 13.4992 17.433 13.6602 17.433 13.825C17.433 14.0459 17.3452 14.2578 17.189 14.414C17.0328 14.5702 16.8209 14.658 16.6 14.658ZM7.4 14.658C7.23525 14.658 7.0742 14.6091 6.93721 14.5176C6.80022 14.4261 6.69346 14.296 6.63041 14.1438C6.56736 13.9916 6.55086 13.8241 6.58301 13.6625C6.61515 13.5009 6.69448 13.3525 6.81098 13.236C6.92748 13.1195 7.0759 13.0401 7.23749 13.008C7.39908 12.9759 7.56656 12.9924 7.71878 13.0554C7.87099 13.1185 8.00108 13.2252 8.09261 13.3622C8.18415 13.4992 8.233 13.6602 8.233 13.825C8.233 14.0459 8.14524 14.2578 7.98902 14.414C7.8328 14.5702 7.62093 14.658 7.4 14.658ZM16.9 9.641L18.564 6.758C18.6099 6.67844 18.6223 6.5839 18.5985 6.4952C18.5746 6.40649 18.5166 6.33088 18.437 6.285C18.3574 6.23912 18.2629 6.22672 18.1742 6.25054C18.0855 6.27436 18.0099 6.33244 17.964 6.412L16.281 9.331C14.9347 8.72739 13.4759 8.41534 12.0005 8.41534C10.5251 8.41534 9.06631 8.72739 7.72 9.331L6.034 6.412C6.01128 6.37261 5.98103 6.33807 5.94496 6.31037C5.90889 6.28266 5.86772 6.26233 5.8238 6.25054C5.77988 6.23875 5.73407 6.23572 5.68897 6.24163C5.64388 6.24755 5.6004 6.26228 5.561 6.285C5.5216 6.30772 5.48707 6.33798 5.45936 6.37404C5.43166 6.41011 5.41133 6.45128 5.39954 6.4952C5.38775 6.53912 5.38472 6.58494 5.39063 6.63003C5.39654 6.67512 5.41128 6.71861 5.434 6.758L7.1 9.641C5.66202 10.4236 4.44232 11.553 3.55168 12.9267C2.66103 14.3004 2.12766 15.8748 2 17.507H22C21.8723 15.8749 21.3388 14.3005 20.4482 12.9268C19.5576 11.5531 18.3379 10.4237 16.9 9.641Z", fill: "currentColor" })));
+  }
+};
+e.style = l;
+export {
+  e as swirl_symbol_android
+};

package/dist/swirl-symbol-announcement.entry.8993582b.js

@@ -0,0 +1,17 @@
+import { r as e, h as i, F as o } from "./index.e5965a8a.js";
+import { c as l } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", n = class {
+  constructor(s) {
+    e(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return i("svg", { class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(o, null, i("path", { d: "M20 2H4C3.47005 2.00158 2.96227 2.2128 2.58753 2.58753C2.2128 2.96227 2.00158 3.47005 2 4V22L6 18H20C20.5299 17.9984 21.0377 17.7872 21.4125 17.4125C21.7872 17.0377 21.9984 16.5299 22 16V4C21.9984 3.47005 21.7872 2.96227 21.4125 2.58753C21.0377 2.2128 20.5299 2.00158 20 2ZM12 11C11.7348 11 11.4804 10.8946 11.2929 10.7071C11.1054 10.5196 11 10.2652 11 10V6C11 5.73478 11.1054 5.48043 11.2929 5.29289C11.4804 5.10536 11.7348 5 12 5C12.2652 5 12.5196 5.10536 12.7071 5.29289C12.8946 5.48043 13 5.73478 13 6V10C13 10.2652 12.8946 10.5196 12.7071 10.7071C12.5196 10.8946 12.2652 11 12 11ZM13 15H11V13H13V15Z", fill: "currentColor" })));
+  }
+};
+n.style = r;
+export {
+  n as swirl_symbol_announcement
+};

package/dist/swirl-symbol-backup.entry.8d96216d.js

@@ -0,0 +1,17 @@
+import { r as C, h as i, F as l } from "./index.e5965a8a.js";
+import { c as r } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const e = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    C(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return i("svg", { class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(l, null, i("path", { d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" })));
+  }
+};
+o.style = e;
+export {
+  o as swirl_symbol_backup
+};

package/dist/swirl-symbol-beach-access.entry.56b385aa.js

@@ -0,0 +1,17 @@
+import { r as e, h as i, F as C } from "./index.e5965a8a.js";
+import { c as l } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    e(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return i("svg", { class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(C, null, i("path", { d: "M13.13 14.56L14.56 13.13L20.29 18.86C20.3839 18.9539 20.4584 19.0654 20.5092 19.188C20.56 19.3107 20.5862 19.4422 20.5862 19.575C20.5862 19.7078 20.56 19.8393 20.5092 19.9619C20.4584 20.0846 20.3839 20.1961 20.29 20.29C20.1961 20.3839 20.0846 20.4584 19.962 20.5092C19.8393 20.56 19.7078 20.5862 19.575 20.5862C19.4422 20.5862 19.3107 20.56 19.188 20.5092C19.0654 20.4584 18.9539 20.3839 18.86 20.29L13.13 14.56ZM17.42 8.82999L18.69 7.55999C18.9024 7.352 19.0653 7.09889 19.1666 6.81942C19.2679 6.53994 19.305 6.24126 19.2752 5.94549C19.2455 5.64972 19.1495 5.36443 18.9946 5.11075C18.8396 4.85707 18.6296 4.6415 18.38 4.47999C16.4475 3.29944 14.1744 2.80256 11.9256 3.06915C9.67682 3.33574 7.58287 4.35033 5.98 5.94999C7.96561 5.31437 10.0895 5.24725 12.1113 5.75623C14.1331 6.26521 15.972 7.32997 17.42 8.82999ZM5.95 5.97999C4.35126 7.58313 3.33653 9.67625 3.06821 11.9244C2.79989 14.1725 3.29348 16.4456 4.47 18.38C4.63075 18.6305 4.84601 18.8414 5.09971 18.9971C5.35341 19.1527 5.63899 19.249 5.93513 19.2788C6.23127 19.3086 6.53032 19.2712 6.80995 19.1692C7.08957 19.0672 7.34255 18.9034 7.55 18.69L8.82 17.42C7.32318 15.9699 6.26132 14.1305 5.75421 12.1091C5.2471 10.0877 5.31491 7.96488 5.95 5.97999ZM5.97 5.95999L5.96 5.96999C5.58 8.97999 7.13 12.85 10.26 15.99L15.99 10.26C12.86 7.12999 8.98 5.57999 5.97 5.95999Z", fill: "currentColor" })));
+  }
+};
+o.style = r;
+export {
+  o as swirl_symbol_beach_access
+};