@logosphere-ui/core 0.0.0-alpha.5 → 0.0.0-alpha.50

package/dist/input-Bj_7u8Iv.js

@@ -1,192 +0,0 @@
-import { LitElement as d, nothing as o, html as u, unsafeCSS as y, css as c } from "lit";
-import { query as m, property as r, state as b, customElement as v } from "lit/decorators.js";
-import { live as g } from "lit/directives/live.js";
-const _ = ".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";
-var f = Object.defineProperty, E = Object.getOwnPropertyDescriptor, e = (i, n, l, a) => {
-  for (var s = a > 1 ? void 0 : a ? E(n, l) : n, p = i.length - 1, h; p >= 0; p--)
-    (h = i[p]) && (s = (a ? h(n, l, s) : h(s)) || s);
-  return a && s && f(n, l, s), s;
-};
-let t = class extends d {
-  constructor() {
-    super(...arguments), this.value = "", this.type = "text", this.placeholder = "", this.name = "", this.autocomplete = "", this.pattern = "", this.size = "default", this.variant = "default", this.showClear = !1, this.label = "", this.helper = "", this.error = "", this.required = !1, this.disabled = !1, this.readonly = !1, this._internalError = "", this.handleInput = (i) => {
-      const n = i.target;
-      this.value = n.value, this._internalError && (this._internalError = "", this._inputElement.setCustomValidity("")), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: i }
-      }));
-    }, this.handleChange = (i) => {
-      const n = i.target;
-      this.value = n.value, n.checkValidity() || (this._internalError = n.validationMessage), this.dispatchEvent(new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: this.value, originalEvent: i }
-      }));
-    }, this.handleKeyDown = (i) => {
-      this.dispatchEvent(new CustomEvent("keydown", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: i.key, originalEvent: i }
-      }));
-    }, this.handleKeyUp = (i) => {
-      this.dispatchEvent(new CustomEvent("keyup", {
-        bubbles: !0,
-        composed: !0,
-        detail: { key: i.key, originalEvent: i }
-      }));
-    }, this.handleClear = () => {
-      this.value = "", this._inputElement && (this._inputElement.value = ""), this.dispatchEvent(new CustomEvent("clear", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("input", {
-        bubbles: !0,
-        composed: !0,
-        detail: { value: "", originalEvent: null }
-      }));
-    };
-  }
-  get inputElement() {
-    return this._inputElement;
-  }
-  focus() {
-    this._inputElement?.focus();
-  }
-  blur() {
-    this._inputElement?.blur();
-  }
-  select() {
-    this._inputElement?.select();
-  }
-  setSelectionRange(i, n, l) {
-    this._inputElement?.setSelectionRange(i, n, l);
-  }
-  checkValidity() {
-    return this._inputElement?.checkValidity() ?? !0;
-  }
-  reportValidity() {
-    return this._inputElement?.reportValidity() ?? !0;
-  }
-  setCustomValidity(i) {
-    this._inputElement?.setCustomValidity(i), this._internalError = i, this.requestUpdate();
-  }
-  render() {
-    const i = this.error || this._internalError, n = this.showClear && this.value && !this.disabled && !this.readonly, l = `input__field input__field--${this.size}`;
-    return u`
-      <logosphere-formfield
-        .label=${this.label}
-        .helper=${this.helper}
-        .error=${i}
-        .required=${this.required}
-        .disabled=${this.disabled}
-        .readonly=${this.readonly}
-        .placeholder=${this.placeholder}
-        .size=${this.size}
-        .variant=${this.variant}
-      >
-        <input
-          class="${l}"
-          type=${this.type}
-          .value=${g(this.value)}
-          placeholder=${this.placeholder || o}
-          name=${this.name || o}
-          autocomplete=${this.autocomplete || o}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          minlength=${this.minlength ?? o}
-          maxlength=${this.maxlength ?? o}
-          pattern=${this.pattern || o}
-          min=${this.min ?? o}
-          max=${this.max ?? o}
-          step=${this.step ?? o}
-          @input=${this.handleInput}
-          @change=${this.handleChange}
-          @keydown=${this.handleKeyDown}
-          @keyup=${this.handleKeyUp}
-        />
-        ${n ? u`
-          <button
-            type="button"
-            slot="suffix"
-            class="input__clear-btn"
-            @click=${this.handleClear}
-            tabindex="-1"
-          >
-            <ui-icon name="uil-times" size="14"></ui-icon>
-          </button>
-        ` : o}
-      </logosphere-formfield>
-    `;
-  }
-};
-t.styles = [c`${y(_)}`];
-e([
-  m("input")
-], t.prototype, "_inputElement", 2);
-e([
-  r({ type: String })
-], t.prototype, "value", 2);
-e([
-  r({ type: String })
-], t.prototype, "type", 2);
-e([
-  r({ type: String })
-], t.prototype, "placeholder", 2);
-e([
-  r({ type: String })
-], t.prototype, "name", 2);
-e([
-  r({ type: String })
-], t.prototype, "autocomplete", 2);
-e([
-  r({ type: Number })
-], t.prototype, "minlength", 2);
-e([
-  r({ type: Number })
-], t.prototype, "maxlength", 2);
-e([
-  r({ type: String })
-], t.prototype, "pattern", 2);
-e([
-  r({ type: Number })
-], t.prototype, "min", 2);
-e([
-  r({ type: Number })
-], t.prototype, "max", 2);
-e([
-  r({ type: Number })
-], t.prototype, "step", 2);
-e([
-  r({ type: String })
-], t.prototype, "size", 2);
-e([
-  r({ type: String })
-], t.prototype, "variant", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "showClear", 2);
-e([
-  r({ type: String })
-], t.prototype, "label", 2);
-e([
-  r({ type: String })
-], t.prototype, "helper", 2);
-e([
-  r({ type: String })
-], t.prototype, "error", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "required", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "disabled", 2);
-e([
-  r({ type: Boolean })
-], t.prototype, "readonly", 2);
-e([
-  b()
-], t.prototype, "_internalError", 2);
-t = e([
-  v("logosphere-input")
-], t);
-export {
-  t as L
-};

package/dist/modal-Bfc6WQSL.js

@@ -1,110 +0,0 @@
-import { LitElement as p, html as r, unsafeCSS as h, css as m } from "lit";
-import { property as n, customElement as f } from "lit/decorators.js";
-const u = ".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";
-var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (e, s, i, l) => {
-  for (var a = l > 1 ? void 0 : l ? g(s, i) : s, d = e.length - 1, c; d >= 0; d--)
-    (c = e[d]) && (a = (l ? c(s, i, a) : c(a)) || a);
-  return l && a && v(s, i, a), a;
-};
-let o = class extends p {
-  constructor() {
-    super(...arguments), this.open = !1, this.title = "", this.closeOnEsc = !0, this.closeOnBackdrop = !0, this.showBack = !1, this.showClose = !1, this.hasFooterContent = !1, this.onKeyDown = (e) => {
-      this.open && this.closeOnEsc && e.key === "Escape" && this.setOpen(!1);
-    }, this.onBackdropClick = (e) => {
-      if (!this.closeOnBackdrop) return;
-      const s = this.shadowRoot?.querySelector(".__modal-content");
-      s && !s.contains(e.target) && this.setOpen(!1);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this.onKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this.onKeyDown);
-  }
-  openModal() {
-    this.setOpen(!0);
-  }
-  closeModal() {
-    this.setOpen(!1);
-  }
-  setOpen(e) {
-    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "modal-open" : "modal-close", { bubbles: !0 })));
-  }
-  checkFooterContent() {
-    const e = this.shadowRoot?.querySelector('slot[name="footer"]');
-    e && (this.hasFooterContent = e.assignedNodes().length > 0);
-  }
-  updated(e) {
-    super.updated(e), this.checkFooterContent();
-  }
-  render() {
-    return this.open ? r`
-      <div
-        class="modal__backdrop"
-        role="presentation"
-        aria-hidden="false"
-        @mousedown=${this.onBackdropClick}
-      >
-        <div
-          class="__modal-content modal__dialog"
-          role="dialog"
-          aria-modal="true"
-        >
-          ${this.showBack || this.showClose ? r`
-            <div class="modal__header">
-              ${this.showBack ? r`
-                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>←</logosphere-button>
-              ` : ""}
-              <div class="modal__header-content">
-                ${this.title ? r`<h2 class="modal__title">${this.title}</h2>` : ""}
-                <slot name="header"></slot>
-              </div>
-              ${this.showClose ? r`
-                <logosphere-button variant="text" size="sm" @click=${() => this.setOpen(!1)}>×</logosphere-button>
-              ` : ""}
-            </div>
-          ` : ""}
-
-          <div class="modal__body">
-            <slot></slot>
-          </div>
-
-          ${this.hasFooterContent ? r`
-            <div class="modal__footer">
-              <slot name="footer"></slot>
-            </div>
-          ` : ""}
-        </div>
-      </div>
-    ` : r``;
-  }
-};
-o.styles = [m`${h(u)}`];
-t([
-  n({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-t([
-  n({ type: String })
-], o.prototype, "title", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "closeOnEsc", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "closeOnBackdrop", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "showBack", 2);
-t([
-  n({ type: Boolean })
-], o.prototype, "showClose", 2);
-t([
-  n({ type: Boolean, state: !0 })
-], o.prototype, "hasFooterContent", 2);
-o = t([
-  f("logosphere-modal")
-], o);
-export {
-  o as M
-};

package/dist/modal-DQ8VFL-P.cjs

@@ -1,39 +0,0 @@
-"use strict";const e=require("lit"),t=require("lit/decorators.js"),p=".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(n,o,r,l)=>{for(var a=l>1?void 0:l?h(o,r):o,i=n.length-1,d;i>=0;i--)(d=n[i])&&(a=(l?d(o,r,a):d(a))||a);return l&&a&&c(o,r,a),a};exports.Modal=class extends e.LitElement{constructor(){super(...arguments),this.open=!1,this.title="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.showBack=!1,this.showClose=!1,this.hasFooterContent=!1,this.onKeyDown=o=>{this.open&&this.closeOnEsc&&o.key==="Escape"&&this.setOpen(!1)},this.onBackdropClick=o=>{if(!this.closeOnBackdrop)return;const r=this.shadowRoot?.querySelector(".__modal-content");r&&!r.contains(o.target)&&this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.onKeyDown)}openModal(){this.setOpen(!0)}closeModal(){this.setOpen(!1)}setOpen(o){this.open!==o&&(this.open=o,this.dispatchEvent(new CustomEvent(o?"modal-open":"modal-close",{bubbles:!0})))}checkFooterContent(){const o=this.shadowRoot?.querySelector('slot[name="footer"]');o&&(this.hasFooterContent=o.assignedNodes().length>0)}updated(o){super.updated(o),this.checkFooterContent()}render(){return this.open?e.html`
-      <div
-        class="modal__backdrop"
-        role="presentation"
-        aria-hidden="false"
-        @mousedown=${this.onBackdropClick}
-      >
-        <div
-          class="__modal-content modal__dialog"
-          role="dialog"
-          aria-modal="true"
-        >
-          ${this.showBack||this.showClose?e.html`
-            <div class="modal__header">
-              ${this.showBack?e.html`
-                <logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>←</logosphere-button>
-              `:""}
-              <div class="modal__header-content">
-                ${this.title?e.html`<h2 class="modal__title">${this.title}</h2>`:""}
-                <slot name="header"></slot>
-              </div>
-              ${this.showClose?e.html`
-                <logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>×</logosphere-button>
-              `:""}
-            </div>
-          `:""}
-
-          <div class="modal__body">
-            <slot></slot>
-          </div>
-
-          ${this.hasFooterContent?e.html`
-            <div class="modal__footer">
-              <slot name="footer"></slot>
-            </div>
-          `:""}
-        </div>
-      </div>
-    `:e.html``}};exports.Modal.styles=[e.css`${e.unsafeCSS(p)}`];s([t.property({type:Boolean,reflect:!0})],exports.Modal.prototype,"open",2);s([t.property({type:String})],exports.Modal.prototype,"title",2);s([t.property({type:Boolean})],exports.Modal.prototype,"closeOnEsc",2);s([t.property({type:Boolean})],exports.Modal.prototype,"closeOnBackdrop",2);s([t.property({type:Boolean})],exports.Modal.prototype,"showBack",2);s([t.property({type:Boolean})],exports.Modal.prototype,"showClose",2);s([t.property({type:Boolean,state:!0})],exports.Modal.prototype,"hasFooterContent",2);exports.Modal=s([t.customElement("logosphere-modal")],exports.Modal);

package/dist/popover-B7tCqk3R.js

@@ -1,140 +0,0 @@
-import { LitElement as h, html as d, unsafeCSS as v, css as f } from "lit";
-import { property as i, query as c, customElement as g } from "lit/decorators.js";
-import { createPopper as m } from "@popperjs/core";
-const u = '.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, r, s, n) => {
-  for (var p = n > 1 ? void 0 : n ? y(r, s) : r, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (p = (n ? l(r, s, p) : l(p)) || p);
-  return n && p && b(r, s, p), p;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.title = "", this.trigger = "click", this.placement = "bottom", this.offset = 8, this.open = !1, this.closeOnOutsideClick = !0, this.handleDocumentClick = (e) => {
-      !this.open || !this.closeOnOutsideClick || e.composedPath().includes(this) || this.setOpen(!1);
-    }, this.toggle = (e) => {
-      (this.trigger === "click" || this.trigger === "both") && (e?.stopPropagation(), this.setOpen(!this.open));
-    }, this.handleMouseEnter = () => {
-      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!0);
-    }, this.handleMouseLeave = () => {
-      (this.trigger === "hover" || this.trigger === "both") && this.setOpen(!1);
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, { capture: !0 });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, { capture: !0 }), this.destroyPopper();
-  }
-  updated(e) {
-    super.updated(e);
-    const r = e.has("placement"), s = e.has("open") && this.open;
-    if (e.has("open") && !this.open) {
-      this.destroyPopper();
-      return;
-    }
-    (s || r) && this.open && this.updatePopper();
-  }
-  setOpen(e) {
-    this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "popover-open" : "popover-close", {
-      bubbles: !0,
-      composed: !0
-    })));
-  }
-  updatePopper() {
-    if (!this.isConnected || !this.open) return;
-    const e = this.triggerElement, r = this.popperElement;
-    if (!(!e || !r)) {
-      if (this.popperInstance) {
-        this.popperInstance.setOptions({
-          placement: this.placement,
-          modifiers: this.getPopperModifiers(),
-          strategy: "fixed"
-        }), this.popperInstance.update();
-        return;
-      }
-      this.popperInstance = m(e, r, {
-        placement: this.placement,
-        strategy: "fixed",
-        modifiers: this.getPopperModifiers()
-      });
-    }
-  }
-  getPopperModifiers() {
-    return [
-      { name: "offset", options: { offset: [0, this.offset] } },
-      { name: "arrow", options: { element: this.popperArrowElement, padding: 8 } },
-      { name: "preventOverflow", options: { padding: 8 } },
-      { name: "flip", options: { padding: 8 } }
-    ];
-  }
-  destroyPopper() {
-    this.popperInstance && (this.popperInstance.destroy(), this.popperInstance = void 0);
-  }
-  render() {
-    const e = !!this.title;
-    return d`
-      <div
-        class="popover__wrapper"
-        @mouseenter=${this.handleMouseEnter}
-        @mouseleave=${this.handleMouseLeave}
-      >
-        <div class="popover__trigger" part="trigger" @click=${this.toggle}>
-          <slot name="trigger"></slot>
-        </div>
-
-        ${this.open ? d`
-          <div
-            data-popper
-            class="popover__panel"
-            role="dialog"
-            aria-hidden=${this.open ? "false" : "true"}
-          >
-            <div data-popper-arrow class="popper-arrow"></div>
-            <div class="popover__content">
-              ${this.title ? d`
-                <div class="popover__title">${this.title}</div>
-              ` : null}
-              <div class="popover__body ${e ? "popover__body--with-border" : ""}">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-        ` : null}
-      </div>
-    `;
-  }
-};
-t.styles = [f`${v(u)}`];
-o([
-  i({ type: String })
-], t.prototype, "title", 2);
-o([
-  i({ type: String })
-], t.prototype, "trigger", 2);
-o([
-  i({ type: String })
-], t.prototype, "placement", 2);
-o([
-  i({ type: Number })
-], t.prototype, "offset", 2);
-o([
-  i({ type: Boolean, reflect: !0 })
-], t.prototype, "open", 2);
-o([
-  i({ type: Boolean })
-], t.prototype, "closeOnOutsideClick", 2);
-o([
-  c('[part="trigger"]')
-], t.prototype, "triggerElement", 2);
-o([
-  c("[data-popper]")
-], t.prototype, "popperElement", 2);
-o([
-  c("[data-popper-arrow]")
-], t.prototype, "popperArrowElement", 2);
-t = o([
-  g("logosphere-popover")
-], t);
-export {
-  t as P
-};

package/dist/popover-C2p5Pmts.cjs

@@ -1,30 +0,0 @@
-"use strict";const s=require("lit"),o=require("lit/decorators.js"),d=require("@popperjs/core"),c='.popover__wrapper{position:relative;display:inline-block;font-family:var(--font-family-base)}.popover__trigger{display:inline-flex}.popover__panel{position:relative;overflow:visible;z-index:var(--z-index-popover);min-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-body-bg);box-shadow:var(--shadow-md)}.popover__content{position:relative;z-index:1;background-color:var(--color-body-bg);border-radius:var(--radius-md);overflow:hidden}.popover__content:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background-color:var(--color-body-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:1;pointer-events:none}.popover__content>*{position:relative;z-index:2}.popover__title{padding:10px var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-body-text)}.popover__body{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-secondary)}.popover__body--with-border{border-top:1px solid var(--color-border)}.popper-arrow{position:absolute;width:12px;height:12px;pointer-events:none;z-index:0}.popper-arrow:before{content:"";position:absolute;inset:0;background:var(--color-border);transform:rotate(45deg)}.popper-arrow:after{content:"";position:absolute;inset:1px;background:var(--color-body-bg);transform:rotate(45deg)}[data-popper]{position:relative;overflow:visible}[data-popper-placement^=bottom]>.popper-arrow{top:-6px;left:50%;transform:translate(-50%,-50%)}[data-popper-placement^=top]>.popper-arrow{bottom:-6px;left:50%;transform:translate(-50%,50%)}[data-popper-placement^=left]>.popper-arrow{right:-6px;top:50%;transform:translate(50%,-50%)}[data-popper-placement^=right]>.popper-arrow{left:-6px;top:50%;transform:translate(-50%,-50%)}';var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,t=(n,e,r,i)=>{for(var p=i>1?void 0:i?h(e,r):e,a=n.length-1,l;a>=0;a--)(l=n[a])&&(p=(i?l(e,r,p):l(p))||p);return i&&p&&v(e,r,p),p};exports.Popover=class extends s.LitElement{constructor(){super(...arguments),this.title="",this.trigger="click",this.placement="bottom",this.offset=8,this.open=!1,this.closeOnOutsideClick=!0,this.handleDocumentClick=e=>{!this.open||!this.closeOnOutsideClick||e.composedPath().includes(this)||this.setOpen(!1)},this.toggle=e=>{(this.trigger==="click"||this.trigger==="both")&&(e?.stopPropagation(),this.setOpen(!this.open))},this.handleMouseEnter=()=>{(this.trigger==="hover"||this.trigger==="both")&&this.setOpen(!0)},this.handleMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="both")&&this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleDocumentClick,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleDocumentClick,{capture:!0}),this.destroyPopper()}updated(e){super.updated(e);const r=e.has("placement"),i=e.has("open")&&this.open;if(e.has("open")&&!this.open){this.destroyPopper();return}(i||r)&&this.open&&this.updatePopper()}setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"popover-open":"popover-close",{bubbles:!0,composed:!0})))}updatePopper(){if(!this.isConnected||!this.open)return;const e=this.triggerElement,r=this.popperElement;if(!(!e||!r)){if(this.popperInstance){this.popperInstance.setOptions({placement:this.placement,modifiers:this.getPopperModifiers(),strategy:"fixed"}),this.popperInstance.update();return}this.popperInstance=d.createPopper(e,r,{placement:this.placement,strategy:"fixed",modifiers:this.getPopperModifiers()})}}getPopperModifiers(){return[{name:"offset",options:{offset:[0,this.offset]}},{name:"arrow",options:{element:this.popperArrowElement,padding:8}},{name:"preventOverflow",options:{padding:8}},{name:"flip",options:{padding:8}}]}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}render(){const e=!!this.title;return s.html`
-      <div
-        class="popover__wrapper"
-        @mouseenter=${this.handleMouseEnter}
-        @mouseleave=${this.handleMouseLeave}
-      >
-        <div class="popover__trigger" part="trigger" @click=${this.toggle}>
-          <slot name="trigger"></slot>
-        </div>
-
-        ${this.open?s.html`
-          <div
-            data-popper
-            class="popover__panel"
-            role="dialog"
-            aria-hidden=${this.open?"false":"true"}
-          >
-            <div data-popper-arrow class="popper-arrow"></div>
-            <div class="popover__content">
-              ${this.title?s.html`
-                <div class="popover__title">${this.title}</div>
-              `:null}
-              <div class="popover__body ${e?"popover__body--with-border":""}">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-        `:null}
-      </div>
-    `}};exports.Popover.styles=[s.css`${s.unsafeCSS(c)}`];t([o.property({type:String})],exports.Popover.prototype,"title",2);t([o.property({type:String})],exports.Popover.prototype,"trigger",2);t([o.property({type:String})],exports.Popover.prototype,"placement",2);t([o.property({type:Number})],exports.Popover.prototype,"offset",2);t([o.property({type:Boolean,reflect:!0})],exports.Popover.prototype,"open",2);t([o.property({type:Boolean})],exports.Popover.prototype,"closeOnOutsideClick",2);t([o.query('[part="trigger"]')],exports.Popover.prototype,"triggerElement",2);t([o.query("[data-popper]")],exports.Popover.prototype,"popperElement",2);t([o.query("[data-popper-arrow]")],exports.Popover.prototype,"popperArrowElement",2);exports.Popover=t([o.customElement("logosphere-popover")],exports.Popover);

package/dist/switch-Cpl53nRW.js

@@ -1,64 +0,0 @@
-import { LitElement as l, html as d, unsafeCSS as p, css as _ } from "lit";
-import { property as n, query as w, customElement as b } from "lit/decorators.js";
-const u = ":host{display:block}.switch{display:inline-block;position:relative}.switch--md{width:36px;height:20px}.switch--sm{width:32px;height:18px}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch__track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-gray-300)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-on{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.switch__track--disabled-off{background-color:var(--color-gray-200)}.switch__thumb{position:absolute;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);top:2px;left:2px;transform:translate(0);transition:transform var(--transition-speed-base) var(--transition-timing)}.switch--md .switch__thumb{width:16px;height:16px}.switch--sm .switch__thumb{width:14px;height:14px}.switch__thumb--on.switch--md .switch__thumb,.switch__track--on~.switch__thumb{transform:translate(16px)}.switch__track--on+.switch__thumb{transform:translate(16px)}";
-var m = Object.defineProperty, k = Object.getOwnPropertyDescriptor, a = (e, t, r, c) => {
-  for (var s = c > 1 ? void 0 : c ? k(t, r) : t, o = e.length - 1, h; o >= 0; o--)
-    (h = e[o]) && (s = (c ? h(t, r, s) : h(s)) || s);
-  return c && s && m(t, r, s), s;
-};
-let i = class extends l {
-  constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.size = "md";
-  }
-  onChange(e) {
-    const t = e.target;
-    this.checked = t.checked, this.dispatchEvent(new CustomEvent("change", {
-      detail: { checked: this.checked }
-    }));
-  }
-  render() {
-    const e = `switch switch--${this.size}`, t = [
-      "switch__track",
-      this.checked && !this.disabled ? "switch__track--on" : "",
-      this.disabled ? "switch__track--disabled" : "",
-      this.disabled && this.checked ? "switch__track--disabled-on" : "",
-      this.disabled && !this.checked ? "switch__track--disabled-off" : ""
-    ].filter(Boolean).join(" "), r = this.checked ? "translateX(16px)" : "translateX(0)";
-    return d`
-      <label class="${e}">
-        <input
-          class="switch__input"
-          type="checkbox"
-          ?checked=${this.checked}
-          ?disabled=${this.disabled}
-          @change=${this.onChange}
-        />
-        <div class="${t}">
-          <span
-            class="switch__thumb"
-            style="transform: ${r}"
-          ></span>
-        </div>
-      </label>
-    `;
-  }
-};
-i.styles = [_`${p(u)}`];
-a([
-  n({ type: Boolean })
-], i.prototype, "checked", 2);
-a([
-  n({ type: Boolean })
-], i.prototype, "disabled", 2);
-a([
-  n({ type: String })
-], i.prototype, "size", 2);
-a([
-  w("input")
-], i.prototype, "inputElement", 2);
-i = a([
-  b("logosphere-switch")
-], i);
-export {
-  i as S
-};

package/dist/switch-Rnnn10bn.cjs

@@ -1,17 +0,0 @@
-"use strict";const a=require("lit"),r=require("lit/decorators.js"),d=":host{display:block}.switch{display:inline-block;position:relative}.switch--md{width:36px;height:20px}.switch--sm{width:32px;height:18px}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch__track{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed-base) var(--transition-timing);background-color:var(--color-gray-300)}.switch__track--on{background-color:var(--color-primary)}.switch__track--disabled{cursor:not-allowed}.switch__track--disabled-on{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.switch__track--disabled-off{background-color:var(--color-gray-200)}.switch__thumb{position:absolute;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);top:2px;left:2px;transform:translate(0);transition:transform var(--transition-speed-base) var(--transition-timing)}.switch--md .switch__thumb{width:16px;height:16px}.switch--sm .switch__thumb{width:14px;height:14px}.switch__thumb--on.switch--md .switch__thumb,.switch__track--on~.switch__thumb{transform:translate(16px)}.switch__track--on+.switch__thumb{transform:translate(16px)}";var l=Object.defineProperty,p=Object.getOwnPropertyDescriptor,c=(o,t,s,e)=>{for(var i=e>1?void 0:e?p(t,s):t,h=o.length-1,n;h>=0;h--)(n=o[h])&&(i=(e?n(t,s,i):n(i))||i);return e&&i&&l(t,s,i),i};exports.Switch=class extends a.LitElement{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.size="md"}onChange(t){const s=t.target;this.checked=s.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked}}))}render(){const t=`switch switch--${this.size}`,s=["switch__track",this.checked&&!this.disabled?"switch__track--on":"",this.disabled?"switch__track--disabled":"",this.disabled&&this.checked?"switch__track--disabled-on":"",this.disabled&&!this.checked?"switch__track--disabled-off":""].filter(Boolean).join(" "),e=this.checked?"translateX(16px)":"translateX(0)";return a.html`
-      <label class="${t}">
-        <input
-          class="switch__input"
-          type="checkbox"
-          ?checked=${this.checked}
-          ?disabled=${this.disabled}
-          @change=${this.onChange}
-        />
-        <div class="${s}">
-          <span
-            class="switch__thumb"
-            style="transform: ${e}"
-          ></span>
-        </div>
-      </label>
-    `}};exports.Switch.styles=[a.css`${a.unsafeCSS(d)}`];c([r.property({type:Boolean})],exports.Switch.prototype,"checked",2);c([r.property({type:Boolean})],exports.Switch.prototype,"disabled",2);c([r.property({type:String})],exports.Switch.prototype,"size",2);c([r.query("input")],exports.Switch.prototype,"inputElement",2);exports.Switch=c([r.customElement("logosphere-switch")],exports.Switch);