@mellow.io/ds 0.1.0

package/dist/components/accordion/accordion-item.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class MellowAccordionItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    open: boolean;
+    disabled: boolean;
+    header: string;
+    private _toggle;
+    private _handleKeydown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-accordion-item': MellowAccordionItem;
+    }
+}
+//# sourceMappingURL=accordion-item.d.ts.map

package/dist/components/accordion/accordion-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAU3C,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAAwB;IAG9C,IAAI,UAAQ;IAGZ,QAAQ,UAAQ;IAGhB,MAAM,SAAK;IAEX,OAAO,CAAC,OAAO;IAaf,OAAO,CAAC,cAAc;IAOb,MAAM;CAuBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAA;KAC7C;CACF"}

package/dist/components/accordion/accordion-item.js

@@ -0,0 +1,68 @@
+import { svg as p, LitElement as c, html as h } from "lit";
+import { property as d, customElement as u } from "lit/decorators.js";
+import { accordionItemStyles as v } from "./accordion.styles.js";
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, s = (e, t, l, n) => {
+  for (var o = n > 1 ? void 0 : n ? f(t, l) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = (n ? a(t, l, o) : a(o)) || o);
+  return n && o && m(t, l, o), o;
+};
+const g = p`
+  <svg class="chevron" viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+`;
+let r = class extends c {
+  constructor() {
+    super(...arguments), this.open = !1, this.disabled = !1, this.header = "";
+  }
+  _toggle() {
+    if (this.disabled) return;
+    const e = !this.open;
+    this.open = e, this.dispatchEvent(new CustomEvent("mellow-toggle", {
+      detail: { open: e },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _handleKeydown(e) {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this._toggle());
+  }
+  render() {
+    const e = "content", t = "header";
+    return h`
+      <button
+        id=${t}
+        class="header"
+        aria-expanded=${this.open ? "true" : "false"}
+        aria-controls=${e}
+        @click=${this._toggle}
+        @keydown=${this._handleKeydown}
+      >
+        <span>${this.header}</span>
+        ${g}
+      </button>
+      <div class="content-wrapper" id=${e} role="region" aria-labelledby=${t}>
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+r.styles = [v];
+s([
+  d({ type: Boolean, reflect: !0 })
+], r.prototype, "open", 2);
+s([
+  d({ type: Boolean, reflect: !0 })
+], r.prototype, "disabled", 2);
+s([
+  d()
+], r.prototype, "header", 2);
+r = s([
+  u("mellow-accordion-item")
+], r);
+export {
+  r as MellowAccordionItem
+};
+//# sourceMappingURL=accordion-item.js.map

package/dist/components/accordion/accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.js","sources":["../../../src/components/accordion/accordion-item.ts"],"sourcesContent":["import { LitElement, html, svg } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { accordionItemStyles } from './accordion.styles.js'\n\nconst chevronIcon = svg`\n  <svg class=\"chevron\" viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M4 6l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n\n@customElement('mellow-accordion-item')\nexport class MellowAccordionItem extends LitElement {\n  static override styles = [accordionItemStyles]\n\n  @property({ type: Boolean, reflect: true })\n  open = false\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false\n\n  @property()\n  header = ''\n\n  private _toggle(): void {\n    if (this.disabled) return\n\n    const nextOpen = !this.open\n    this.open = nextOpen\n\n    this.dispatchEvent(new CustomEvent('mellow-toggle', {\n      detail: { open: nextOpen },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this._toggle()\n    }\n  }\n\n  override render() {\n    const contentId = 'content'\n    const headerId = 'header'\n\n    return html`\n      <button\n        id=${headerId}\n        class=\"header\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=${contentId}\n        @click=${this._toggle}\n        @keydown=${this._handleKeydown}\n      >\n        <span>${this.header}</span>\n        ${chevronIcon}\n      </button>\n      <div class=\"content-wrapper\" id=${contentId} role=\"region\" aria-labelledby=${headerId}>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-accordion-item': MellowAccordionItem\n  }\n}\n"],"names":["chevronIcon","svg","MellowAccordionItem","LitElement","nextOpen","contentId","headerId","html","accordionItemStyles","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAIA,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAOb,IAAMC,IAAN,cAAkCC,EAAW;AAAA,EAA7C,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,OAAO,IAGP,KAAA,WAAW,IAGX,KAAA,SAAS;AAAA,EAAA;AAAA,EAED,UAAgB;AACtB,QAAI,KAAK,SAAU;AAEnB,UAAMC,IAAW,CAAC,KAAK;AACvB,SAAK,OAAOA,GAEZ,KAAK,cAAc,IAAI,YAAY,iBAAiB;AAAA,MAClD,QAAQ,EAAE,MAAMA,EAAA;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA,EAEQ,eAAe,GAAwB;AAC7C,KAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAA,GACF,KAAK,QAAA;AAAA,EAET;AAAA,EAES,SAAS;AAChB,UAAMC,IAAY,WACZC,IAAW;AAEjB,WAAOC;AAAA;AAAA,aAEED,CAAQ;AAAA;AAAA,wBAEG,KAAK,OAAO,SAAS,OAAO;AAAA,wBAC5BD,CAAS;AAAA,iBAChB,KAAK,OAAO;AAAA,mBACV,KAAK,cAAc;AAAA;AAAA,gBAEtB,KAAK,MAAM;AAAA,UACjBL,CAAW;AAAA;AAAA,wCAEmBK,CAAS,kCAAkCC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzF;AACF;AAvDaJ,EACK,SAAS,CAACM,CAAmB;AAG7CC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAH/BR,EAIX,WAAA,QAAA,CAAA;AAGAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BR,EAOX,WAAA,YAAA,CAAA;AAGAO,EAAA;AAAA,EADCC,EAAA;AAAS,GATCR,EAUX,WAAA,UAAA,CAAA;AAVWA,IAANO,EAAA;AAAA,EADNE,EAAc,uBAAuB;AAAA,GACzBT,CAAA;"}

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class MellowAccordion extends LitElement {
+    static styles: import("lit").CSSResult[];
+    multiple: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleToggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-accordion': MellowAccordion;
+    }
+}
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAKtC,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAAoB;IAG1C,QAAQ,UAAQ;IAEP,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,aAAa,CAepB;IAEQ,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,eAAe,CAAA;KACpC;CACF"}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,42 @@
+import { LitElement as a, html as p } from "lit";
+import { property as m, customElement as d } from "lit/decorators.js";
+import { accordionStyles as f } from "./accordion.styles.js";
+var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, i = (o, l, r, e) => {
+  for (var t = e > 1 ? void 0 : e ? h(l, r) : l, s = o.length - 1, c; s >= 0; s--)
+    (c = o[s]) && (t = (e ? c(l, r, t) : c(t)) || t);
+  return e && t && u(l, r, t), t;
+};
+let n = class extends a {
+  constructor() {
+    super(...arguments), this.multiple = !1, this._handleToggle = (o) => {
+      if (this.multiple) return;
+      const l = o.target;
+      if (!o.detail.open) return;
+      Array.from(
+        this.querySelectorAll("mellow-accordion-item")
+      ).forEach((e) => {
+        e !== l && e.open && (e.open = !1);
+      });
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("mellow-toggle", this._handleToggle);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("mellow-toggle", this._handleToggle);
+  }
+  render() {
+    return p`<slot></slot>`;
+  }
+};
+n.styles = [f];
+i([
+  m({ type: Boolean })
+], n.prototype, "multiple", 2);
+n = i([
+  d("mellow-accordion")
+], n);
+export {
+  n as MellowAccordion
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":["import { LitElement, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { accordionStyles } from './accordion.styles.js'\nimport type { MellowAccordionItem } from './accordion-item.js'\n\n@customElement('mellow-accordion')\nexport class MellowAccordion extends LitElement {\n  static override styles = [accordionStyles]\n\n  @property({ type: Boolean })\n  multiple = false\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.addEventListener('mellow-toggle', this._handleToggle as EventListener)\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.removeEventListener('mellow-toggle', this._handleToggle as EventListener)\n  }\n\n  private _handleToggle = (e: CustomEvent<{ open: boolean }>): void => {\n    if (this.multiple) return\n\n    const target = e.target as MellowAccordionItem\n    if (!e.detail.open) return\n\n    const items = Array.from(\n      this.querySelectorAll<MellowAccordionItem>('mellow-accordion-item')\n    )\n\n    items.forEach((item) => {\n      if (item !== target && item.open) {\n        item.open = false\n      }\n    })\n  }\n\n  override render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-accordion': MellowAccordion\n  }\n}\n"],"names":["MellowAccordion","LitElement","e","target","item","html","accordionStyles","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAMO,IAAMA,IAAN,cAA8BC,EAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,WAAW,IAYX,KAAQ,gBAAgB,CAACC,MAA4C;AACnE,UAAI,KAAK,SAAU;AAEnB,YAAMC,IAASD,EAAE;AACjB,UAAI,CAACA,EAAE,OAAO,KAAM;AAMpB,MAJc,MAAM;AAAA,QAClB,KAAK,iBAAsC,uBAAuB;AAAA,MAAA,EAG9D,QAAQ,CAACE,MAAS;AACtB,QAAIA,MAASD,KAAUC,EAAK,SAC1BA,EAAK,OAAO;AAAA,MAEhB,CAAC;AAAA,IACH;AAAA,EAAA;AAAA,EAzBS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,iBAAiB,iBAAiB,KAAK,aAA8B;AAAA,EAC5E;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA,GACN,KAAK,oBAAoB,iBAAiB,KAAK,aAA8B;AAAA,EAC/E;AAAA,EAmBS,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AApCaL,EACK,SAAS,CAACM,CAAe;AAGzCC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAHhBR,EAIX,WAAA,YAAA,CAAA;AAJWA,IAANO,EAAA;AAAA,EADNE,EAAc,kBAAkB;AAAA,GACpBT,CAAA;"}

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const accordionStyles: import("lit").CSSResult;
+export declare const accordionItemStyles: import("lit").CSSResult;
+//# sourceMappingURL=accordion.styles.d.ts.map

package/dist/components/accordion/accordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAO3B,CAAA;AAED,eAAO,MAAM,mBAAmB,yBA8D/B,CAAA"}

package/dist/components/accordion/accordion.styles.js

@@ -0,0 +1,76 @@
+import { css as o } from "lit";
+const t = o`
+  :host {
+    display: block;
+    border: 1px solid #f5eddf;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+`, r = o`
+  :host {
+    display: block;
+    border-bottom: 1px solid #f5eddf;
+  }
+
+  :host(:last-child) {
+    border-bottom: none;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 12px 16px;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-family: system-ui, sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    color: #232222;
+    text-align: left;
+  }
+
+  .header:hover {
+    background: #faf5ed;
+  }
+
+  :host([disabled]) .header {
+    opacity: 0.48;
+    cursor: not-allowed;
+  }
+
+  .chevron {
+    width: 16px;
+    height: 16px;
+    color: #767676;
+    transition: transform 200ms ease;
+  }
+
+  :host([open]) .chevron {
+    transform: rotate(180deg);
+  }
+
+  .content {
+    padding: 0 16px 12px;
+    font-size: 14px;
+    line-height: 20px;
+    color: #232222;
+  }
+
+  .content-wrapper {
+    overflow: hidden;
+    max-height: 0;
+    transition: max-height 200ms ease;
+  }
+
+  :host([open]) .content-wrapper {
+    max-height: 500px;
+  }
+`;
+export {
+  r as accordionItemStyles,
+  t as accordionStyles
+};
+//# sourceMappingURL=accordion.styles.js.map

package/dist/components/accordion/accordion.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.styles.js","sources":["../../../src/components/accordion/accordion.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const accordionStyles = css`\n  :host {\n    display: block;\n    border: 1px solid #f5eddf;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n`\n\nexport const accordionItemStyles = css`\n  :host {\n    display: block;\n    border-bottom: 1px solid #f5eddf;\n  }\n\n  :host(:last-child) {\n    border-bottom: none;\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 12px 16px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-family: system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    color: #232222;\n    text-align: left;\n  }\n\n  .header:hover {\n    background: #faf5ed;\n  }\n\n  :host([disabled]) .header {\n    opacity: 0.48;\n    cursor: not-allowed;\n  }\n\n  .chevron {\n    width: 16px;\n    height: 16px;\n    color: #767676;\n    transition: transform 200ms ease;\n  }\n\n  :host([open]) .chevron {\n    transform: rotate(180deg);\n  }\n\n  .content {\n    padding: 0 16px 12px;\n    font-size: 14px;\n    line-height: 20px;\n    color: #232222;\n  }\n\n  .content-wrapper {\n    overflow: hidden;\n    max-height: 0;\n    transition: max-height 200ms ease;\n  }\n\n  :host([open]) .content-wrapper {\n    max-height: 500px;\n  }\n`\n"],"names":["accordionStyles","css","accordionItemStyles"],"mappings":";AAEO,MAAMA,IAAkBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASlBC,IAAsBD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { MellowAccordion } from './accordion.js';
+export { MellowAccordionItem } from './accordion-item.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, nothing } from 'lit';
+export type AlertVariant = 'info' | 'accent' | 'danger' | 'warning' | 'success';
+export declare class MellowAlert extends LitElement {
+    static styles: import("lit").CSSResult[];
+    variant: AlertVariant;
+    dismissible: boolean;
+    private _dismissed;
+    private _handleDismiss;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-alert': MellowAlert;
+    }
+}
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAA;AAIpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAgB/E,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAgB;IAGtC,OAAO,EAAE,YAAY,CAAS;IAG9B,WAAW,UAAQ;IAGnB,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,cAAc;IAQb,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/alert/alert.js

@@ -0,0 +1,67 @@
+import { svg as m, LitElement as p, nothing as a, html as d } from "lit";
+import { property as h, state as u, customElement as v } from "lit/decorators.js";
+import { alertStyles as f } from "./alert.styles.js";
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, r = (c, e, o, i) => {
+  for (var t = i > 1 ? void 0 : i ? w(e, o) : e, l = c.length - 1, n; l >= 0; l--)
+    (n = c[l]) && (t = (i ? n(e, o, t) : n(t)) || t);
+  return i && t && b(e, o, t), t;
+};
+const _ = m`
+  <svg viewBox="0 0 20 20" fill="none" width="20" height="20">
+    <circle cx="10" cy="10" r="8.5" stroke="currentColor" stroke-width="1.2"/>
+    <path d="M10 9v4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+    <circle cx="10" cy="7" r="0.75" fill="currentColor"/>
+  </svg>
+`, g = m`
+  <svg viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
+  </svg>
+`;
+let s = class extends p {
+  constructor() {
+    super(...arguments), this.variant = "info", this.dismissible = !1, this._dismissed = !1;
+  }
+  _handleDismiss() {
+    this._dismissed = !0, this.dispatchEvent(new CustomEvent("mellow-dismiss", {
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  render() {
+    return this._dismissed ? a : d`
+      <div class="alert" role="alert">
+        <div class="icon-frame">
+          <slot name="icon">${_}</slot>
+        </div>
+        <div class="content">
+          <slot name="title">
+            <slot></slot>
+          </slot>
+          <slot name="subtitle"></slot>
+        </div>
+        ${this.dismissible ? d`<button
+              class="dismiss-btn"
+              aria-label="Dismiss"
+              @click=${this._handleDismiss}
+            >${g}</button>` : a}
+      </div>
+    `;
+  }
+};
+s.styles = [f];
+r([
+  h({ reflect: !0 })
+], s.prototype, "variant", 2);
+r([
+  h({ type: Boolean, reflect: !0 })
+], s.prototype, "dismissible", 2);
+r([
+  u()
+], s.prototype, "_dismissed", 2);
+s = r([
+  v("mellow-alert")
+], s);
+export {
+  s as MellowAlert
+};
+//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../src/components/alert/alert.ts"],"sourcesContent":["import { LitElement, html, svg, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { alertStyles } from './alert.styles.js'\n\nexport type AlertVariant = 'info' | 'accent' | 'danger' | 'warning' | 'success'\n\nconst infoIcon = svg`\n  <svg viewBox=\"0 0 20 20\" fill=\"none\" width=\"20\" height=\"20\">\n    <circle cx=\"10\" cy=\"10\" r=\"8.5\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n    <path d=\"M10 9v4\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"/>\n    <circle cx=\"10\" cy=\"7\" r=\"0.75\" fill=\"currentColor\"/>\n  </svg>\n`\n\nconst closeIcon = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"/>\n  </svg>\n`\n\n@customElement('mellow-alert')\nexport class MellowAlert extends LitElement {\n  static override styles = [alertStyles]\n\n  @property({ reflect: true })\n  variant: AlertVariant = 'info'\n\n  @property({ type: Boolean, reflect: true })\n  dismissible = false\n\n  @state()\n  private _dismissed = false\n\n  private _handleDismiss(): void {\n    this._dismissed = true\n    this.dispatchEvent(new CustomEvent('mellow-dismiss', {\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  override render() {\n    if (this._dismissed) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"alert\" role=\"alert\">\n        <div class=\"icon-frame\">\n          <slot name=\"icon\">${infoIcon}</slot>\n        </div>\n        <div class=\"content\">\n          <slot name=\"title\">\n            <slot></slot>\n          </slot>\n          <slot name=\"subtitle\"></slot>\n        </div>\n        ${this.dismissible\n          ? html`<button\n              class=\"dismiss-btn\"\n              aria-label=\"Dismiss\"\n              @click=${this._handleDismiss}\n            >${closeIcon}</button>`\n          : nothing}\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-alert': MellowAlert\n  }\n}\n"],"names":["infoIcon","svg","closeIcon","MellowAlert","LitElement","nothing","html","alertStyles","__decorateClass","property","state","customElement"],"mappings":";;;;;;;;AAMA,MAAMA,IAAWC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQXC,IAAYD;AAAA;AAAA;AAAA;AAAA;AAOX,IAAME,IAAN,cAA0BC,EAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAAwB,QAGxB,KAAA,cAAc,IAGd,KAAQ,aAAa;AAAA,EAAA;AAAA,EAEb,iBAAuB;AAC7B,SAAK,aAAa,IAClB,KAAK,cAAc,IAAI,YAAY,kBAAkB;AAAA,MACnD,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA,EAES,SAAS;AAChB,WAAI,KAAK,aACAC,IAGFC;AAAA;AAAA;AAAA,8BAGmBN,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQ5B,KAAK,cACHM;AAAA;AAAA;AAAA,uBAGW,KAAK,cAAc;AAAA,eAC3BJ,CAAS,cACZG,CAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AA9CaF,EACK,SAAS,CAACI,CAAW;AAGrCC,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAHhBN,EAIX,WAAA,WAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BN,EAOX,WAAA,eAAA,CAAA;AAGQK,EAAA;AAAA,EADPE,EAAA;AAAM,GATIP,EAUH,WAAA,cAAA,CAAA;AAVGA,IAANK,EAAA;AAAA,EADNG,EAAc,cAAc;AAAA,GAChBR,CAAA;"}

package/dist/components/alert/alert.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const alertStyles: import("lit").CSSResult;
+//# sourceMappingURL=alert.styles.d.ts.map

package/dist/components/alert/alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA0JvB,CAAA"}

package/dist/components/alert/alert.styles.js

@@ -0,0 +1,160 @@
+import { css as r } from "lit";
+const e = r`
+  :host {
+    display: block;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  /* ---- Base ---- */
+
+  .alert {
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+    padding: 15px;
+    border: 1px solid;
+    border-radius: 12px;
+    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
+  }
+
+  /* ---- Variant: Info (default) ---- */
+
+  :host([variant='info']) .alert,
+  .alert {
+    background: var(--mellow-colors-bg-secondary, #ede2d6);
+    border-color: var(--mellow-colors-pearl-bush-300, #d3b69e);
+    color: var(--mellow-colors-primary-shark, #232222);
+  }
+
+  /* ---- Variant: Accent ---- */
+
+  :host([variant='accent']) .alert {
+    background: var(--mellow-colors-orange-100, #f9e5d1);
+    border-color: var(--mellow-colors-primary-mellow-orange, #ff6f23);
+    color: var(--mellow-colors-primary-shark, #232222);
+  }
+
+  /* ---- Variant: Danger ---- */
+
+  :host([variant='danger']) .alert {
+    background: rgba(246, 132, 115, 0.16);
+    border-color: var(--mellow-colors-red-punch-600, #db4933);
+    color: var(--mellow-colors-red-punch-600, #db4933);
+  }
+
+  /* ---- Variant: Warning ---- */
+
+  :host([variant='warning']) .alert {
+    background: rgba(255, 202, 27, 0.16);
+    border-color: var(--mellow-colors-yellow-sea-600, #e27f00);
+    color: var(--mellow-colors-yellow-sea-600, #e27f00);
+  }
+
+  /* ---- Variant: Success ---- */
+
+  :host([variant='success']) .alert {
+    background: rgba(94, 139, 127, 0.12);
+    border-color: var(--mellow-colors-viridian-green-400, #5e8b7f);
+    color: var(--mellow-colors-viridian-green-400, #5e8b7f);
+  }
+
+  /* ---- Info & Accent text stays primary ---- */
+
+  :host([variant='info']) .title,
+  :host([variant='info']) .subtitle,
+  :host([variant='accent']) .title,
+  :host([variant='accent']) .subtitle,
+  .title,
+  .subtitle {
+    color: var(--mellow-colors-primary-shark, #232222);
+  }
+
+  :host([variant='danger']) .title,
+  :host([variant='danger']) .subtitle {
+    color: var(--mellow-colors-red-punch-600, #db4933);
+  }
+
+  :host([variant='warning']) .title,
+  :host([variant='warning']) .subtitle {
+    color: var(--mellow-colors-yellow-sea-600, #e27f00);
+  }
+
+  :host([variant='success']) .title,
+  :host([variant='success']) .subtitle {
+    color: var(--mellow-colors-viridian-green-400, #5e8b7f);
+  }
+
+  /* ---- Icon ---- */
+
+  .icon-frame {
+    flex-shrink: 0;
+    width: 20px;
+    height: 22px;
+    display: flex;
+    align-items: center;
+  }
+
+  .icon-frame ::slotted(*),
+  .icon-frame svg {
+    width: 20px;
+    height: 20px;
+    color: inherit;
+  }
+
+  /* ---- Content ---- */
+
+  .content {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 22px;
+    margin: 0;
+  }
+
+  .subtitle {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 18px;
+    margin: 0;
+  }
+
+  /* ---- Dismiss button ---- */
+
+  .dismiss-btn {
+    flex-shrink: 0;
+    width: 16px;
+    height: 22px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    color: inherit;
+    opacity: 0.7;
+  }
+
+  .dismiss-btn:hover {
+    opacity: 1;
+  }
+
+  .dismiss-btn svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+export {
+  e as alertStyles
+};
+//# sourceMappingURL=alert.styles.js.map

package/dist/components/alert/alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.js","sources":["../../../src/components/alert/alert.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const alertStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ---- Base ---- */\n\n  .alert {\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n    padding: 15px;\n    border: 1px solid;\n    border-radius: 12px;\n    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n  }\n\n  /* ---- Variant: Info (default) ---- */\n\n  :host([variant='info']) .alert,\n  .alert {\n    background: var(--mellow-colors-bg-secondary, #ede2d6);\n    border-color: var(--mellow-colors-pearl-bush-300, #d3b69e);\n    color: var(--mellow-colors-primary-shark, #232222);\n  }\n\n  /* ---- Variant: Accent ---- */\n\n  :host([variant='accent']) .alert {\n    background: var(--mellow-colors-orange-100, #f9e5d1);\n    border-color: var(--mellow-colors-primary-mellow-orange, #ff6f23);\n    color: var(--mellow-colors-primary-shark, #232222);\n  }\n\n  /* ---- Variant: Danger ---- */\n\n  :host([variant='danger']) .alert {\n    background: rgba(246, 132, 115, 0.16);\n    border-color: var(--mellow-colors-red-punch-600, #db4933);\n    color: var(--mellow-colors-red-punch-600, #db4933);\n  }\n\n  /* ---- Variant: Warning ---- */\n\n  :host([variant='warning']) .alert {\n    background: rgba(255, 202, 27, 0.16);\n    border-color: var(--mellow-colors-yellow-sea-600, #e27f00);\n    color: var(--mellow-colors-yellow-sea-600, #e27f00);\n  }\n\n  /* ---- Variant: Success ---- */\n\n  :host([variant='success']) .alert {\n    background: rgba(94, 139, 127, 0.12);\n    border-color: var(--mellow-colors-viridian-green-400, #5e8b7f);\n    color: var(--mellow-colors-viridian-green-400, #5e8b7f);\n  }\n\n  /* ---- Info & Accent text stays primary ---- */\n\n  :host([variant='info']) .title,\n  :host([variant='info']) .subtitle,\n  :host([variant='accent']) .title,\n  :host([variant='accent']) .subtitle,\n  .title,\n  .subtitle {\n    color: var(--mellow-colors-primary-shark, #232222);\n  }\n\n  :host([variant='danger']) .title,\n  :host([variant='danger']) .subtitle {\n    color: var(--mellow-colors-red-punch-600, #db4933);\n  }\n\n  :host([variant='warning']) .title,\n  :host([variant='warning']) .subtitle {\n    color: var(--mellow-colors-yellow-sea-600, #e27f00);\n  }\n\n  :host([variant='success']) .title,\n  :host([variant='success']) .subtitle {\n    color: var(--mellow-colors-viridian-green-400, #5e8b7f);\n  }\n\n  /* ---- Icon ---- */\n\n  .icon-frame {\n    flex-shrink: 0;\n    width: 20px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n  }\n\n  .icon-frame ::slotted(*),\n  .icon-frame svg {\n    width: 20px;\n    height: 20px;\n    color: inherit;\n  }\n\n  /* ---- Content ---- */\n\n  .content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .title {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 22px;\n    margin: 0;\n  }\n\n  .subtitle {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    margin: 0;\n  }\n\n  /* ---- Dismiss button ---- */\n\n  .dismiss-btn {\n    flex-shrink: 0;\n    width: 16px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    color: inherit;\n    opacity: 0.7;\n  }\n\n  .dismiss-btn:hover {\n    opacity: 1;\n  }\n\n  .dismiss-btn svg {\n    width: 16px;\n    height: 16px;\n  }\n`\n"],"names":["alertStyles","css"],"mappings":";AAEO,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,3 @@
+export { MellowAlert } from './alert.js';
+export type { AlertVariant } from './alert.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export declare class MellowAvatar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    src: string;
+    alt: string;
+    name: string;
+    size: AvatarSize;
+    private _imgError;
+    private _handleImgError;
+    private _renderContent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-avatar': MellowAvatar;
+    }
+}
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAc3C,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAiB;IAGvC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,IAAI,SAAK;IAGT,IAAI,EAAE,UAAU,CAAO;IAGvB,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAgBb,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}

package/dist/components/avatar/avatar.js

@@ -0,0 +1,62 @@
+import { svg as p, LitElement as h, html as n } from "lit";
+import { property as l, state as v, customElement as u } from "lit/decorators.js";
+import { avatarStyles as f } from "./avatar.styles.js";
+var _ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (e, i, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? g(i, o) : i, m = e.length - 1, c; m >= 0; m--)
+    (c = e[m]) && (t = (s ? c(i, o, t) : c(t)) || t);
+  return s && t && _(i, o, t), t;
+};
+const d = p`
+  <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+    <path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/>
+  </svg>
+`;
+function y(e) {
+  return e.trim().split(/\s+/).slice(0, 2).map((s) => s.charAt(0)).join("");
+}
+let r = class extends h {
+  constructor() {
+    super(...arguments), this.src = "", this.alt = "", this.name = "", this.size = "md", this._imgError = !1;
+  }
+  _handleImgError() {
+    this._imgError = !0;
+  }
+  _renderContent() {
+    return this.src && !this._imgError ? n`<img
+        src=${this.src}
+        alt=${this.alt || this.name}
+        @error=${this._handleImgError}
+      />` : this.name ? n`<span class="initials">${y(this.name)}</span>` : n`<span class="fallback-icon">${d}</span>`;
+  }
+  render() {
+    const e = this.alt || this.name || "avatar";
+    return n`
+      <div class="avatar" role="img" aria-label=${e}>
+        ${this._renderContent()}
+      </div>
+    `;
+  }
+};
+r.styles = [f];
+a([
+  l()
+], r.prototype, "src", 2);
+a([
+  l()
+], r.prototype, "alt", 2);
+a([
+  l()
+], r.prototype, "name", 2);
+a([
+  l({ reflect: !0 })
+], r.prototype, "size", 2);
+a([
+  v()
+], r.prototype, "_imgError", 2);
+r = a([
+  u("mellow-avatar")
+], r);
+export {
+  r as MellowAvatar
+};
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../src/components/avatar/avatar.ts"],"sourcesContent":["import { LitElement, html, svg } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { avatarStyles } from './avatar.styles.js'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\n\nconst userIcon = svg`\n  <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n    <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/>\n  </svg>\n`\n\nfunction getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/)\n  const letters = words.slice(0, 2).map((w) => w.charAt(0))\n  return letters.join('')\n}\n\n@customElement('mellow-avatar')\nexport class MellowAvatar extends LitElement {\n  static override styles = [avatarStyles]\n\n  @property()\n  src = ''\n\n  @property()\n  alt = ''\n\n  @property()\n  name = ''\n\n  @property({ reflect: true })\n  size: AvatarSize = 'md'\n\n  @state()\n  private _imgError = false\n\n  private _handleImgError(): void {\n    this._imgError = true\n  }\n\n  private _renderContent() {\n    if (this.src && !this._imgError) {\n      return html`<img\n        src=${this.src}\n        alt=${this.alt || this.name}\n        @error=${this._handleImgError}\n      />`\n    }\n\n    if (this.name) {\n      return html`<span class=\"initials\">${getInitials(this.name)}</span>`\n    }\n\n    return html`<span class=\"fallback-icon\">${userIcon}</span>`\n  }\n\n  override render() {\n    const label = this.alt || this.name || 'avatar'\n\n    return html`\n      <div class=\"avatar\" role=\"img\" aria-label=${label}>\n        ${this._renderContent()}\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-avatar': MellowAvatar\n  }\n}\n"],"names":["userIcon","svg","getInitials","name","w","MellowAvatar","LitElement","html","label","avatarStyles","__decorateClass","property","state","customElement"],"mappings":";;;;;;;;AAMA,MAAMA,IAAWC;AAAA;AAAA;AAAA;AAAA;AAMjB,SAASC,EAAYC,GAAsB;AAGzC,SAFcA,EAAK,KAAA,EAAO,MAAM,KAAK,EACf,MAAM,GAAG,CAAC,EAAE,IAAI,CAACC,MAAMA,EAAE,OAAO,CAAC,CAAC,EACzC,KAAK,EAAE;AACxB;AAGO,IAAMC,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,MAAM,IAGN,KAAA,MAAM,IAGN,KAAA,OAAO,IAGP,KAAA,OAAmB,MAGnB,KAAQ,YAAY;AAAA,EAAA;AAAA,EAEZ,kBAAwB;AAC9B,SAAK,YAAY;AAAA,EACnB;AAAA,EAEQ,iBAAiB;AACvB,WAAI,KAAK,OAAO,CAAC,KAAK,YACbC;AAAA,cACC,KAAK,GAAG;AAAA,cACR,KAAK,OAAO,KAAK,IAAI;AAAA,iBAClB,KAAK,eAAe;AAAA,YAI7B,KAAK,OACAA,2BAA8BL,EAAY,KAAK,IAAI,CAAC,YAGtDK,gCAAmCP,CAAQ;AAAA,EACpD;AAAA,EAES,SAAS;AAChB,UAAMQ,IAAQ,KAAK,OAAO,KAAK,QAAQ;AAEvC,WAAOD;AAAA,kDACuCC,CAAK;AAAA,UAC7C,KAAK,gBAAgB;AAAA;AAAA;AAAA,EAG7B;AACF;AA/CaH,EACK,SAAS,CAACI,CAAY;AAGtCC,EAAA;AAAA,EADCC,EAAA;AAAS,GAHCN,EAIX,WAAA,OAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAA;AAAS,GANCN,EAOX,WAAA,OAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAA;AAAS,GATCN,EAUX,WAAA,QAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAZhBN,EAaX,WAAA,QAAA,CAAA;AAGQK,EAAA;AAAA,EADPE,EAAA;AAAM,GAfIP,EAgBH,WAAA,aAAA,CAAA;AAhBGA,IAANK,EAAA;AAAA,EADNG,EAAc,eAAe;AAAA,GACjBR,CAAA;"}

package/dist/components/avatar/avatar.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const avatarStyles: import("lit").CSSResult;
+//# sourceMappingURL=avatar.styles.d.ts.map