@parent-tobias/chord-component 1.0.0

package/dist/music-utils.js

@@ -0,0 +1,128 @@
+const u = [
+  { key: "A", accidental: "#", relativeMinor: "F#" },
+  { key: "A#", accidental: "#", relativeMinor: "G" },
+  { key: "Bb", accidental: "b", relativeMinor: "G" },
+  { key: "B", accidental: "#", relativeMinor: "G#" },
+  { key: "C", accidental: "b", relativeMinor: "A" },
+  { key: "C#", accidental: "#", relativeMinor: "A#" },
+  { key: "Db", accidental: "b", relativeMinor: "Bb" },
+  { key: "D", accidental: "#", relativeMinor: "B" },
+  { key: "D#", accidental: "#", relativeMinor: "C" },
+  { key: "Eb", accidental: "b", relativeMinor: "C" },
+  { key: "E", accidental: "#", relativeMinor: "C#" },
+  { key: "F", accidental: "b", relativeMinor: "D" },
+  { key: "F#", accidental: "#", relativeMinor: "D#" },
+  { key: "Gb", accidental: "b", relativeMinor: "Eb" },
+  { key: "G", accidental: "#", relativeMinor: "E" },
+  { key: "G#", accidental: "#", relativeMinor: "F" },
+  { key: "Ab", accidental: "b", relativeMinor: "F" }
+], c = [
+  ["A"],
+  ["A#", "Bb"],
+  ["B"],
+  ["C"],
+  ["C#", "Db"],
+  ["D"],
+  ["D#", "Eb"],
+  ["E"],
+  ["F"],
+  ["F#", "Gb"],
+  ["G"],
+  ["G#", "Ab"]
+], b = [
+  { variant: "maj", tones: [0, 4, 7] },
+  { variant: "m", tones: [0, 3, 7] },
+  { variant: "min", tones: [0, 3, 7] },
+  { variant: "dim", tones: [0, 3, 6] },
+  { variant: "aug", tones: [0, 4, 8] },
+  { variant: "7", tones: [0, 4, 7, 10] },
+  { variant: "m7", tones: [0, 3, 7, 10] },
+  { variant: "maj7", tones: [0, 4, 7, 11] },
+  { variant: "aug7", tones: [0, 4, 8, 10] },
+  { variant: "dim7", tones: [0, 3, 6, 9] },
+  { variant: "m7b5", tones: [0, 3, 6, 10] },
+  { variant: "mMaj7", tones: [0, 3, 7, 11] },
+  { variant: "sus2", tones: [0, 2, 7] },
+  { variant: "sus4", tones: [0, 5, 7] },
+  { variant: "7sus2", tones: [0, 2, 7, 10] },
+  { variant: "7sus4", tones: [0, 5, 7, 10] },
+  { variant: "9", tones: [0, 4, 7, 10, 14] },
+  { variant: "m9", tones: [0, 3, 7, 10, 14] },
+  { variant: "maj9", tones: [0, 4, 7, 11, 14] },
+  { variant: "11", tones: [0, 4, 7, 10, 14, 17] },
+  { variant: "m11", tones: [0, 3, 7, 10, 14, 17] },
+  { variant: "13", tones: [0, 4, 7, 10, 14, 17, 21] },
+  { variant: "m13", tones: [0, 3, 7, 10, 14, 17, 21] },
+  { variant: "5", tones: [0, 7] },
+  { variant: "6", tones: [0, 4, 7, 9] },
+  { variant: "m6", tones: [0, 3, 7, 9] },
+  { variant: "add9", tones: [0, 4, 7, 14] },
+  { variant: "mAdd9", tones: [0, 3, 7, 14] }
+], k = [
+  { variant: "major", tones: [0, 2, 4, 5, 7, 9, 11] },
+  { variant: "minor", tones: [0, 2, 3, 5, 7, 8, 10] },
+  { variant: "major pentatonic", tones: [0, 2, 4, 7, 9] },
+  { variant: "minor pentatonic", tones: [0, 3, 5, 7, 10] },
+  { variant: "blues", tones: [0, 3, 5, 6, 7, 10] }
+], f = [
+  { variant: "major", chords: ["maj", "min", "min", "maj", "maj", "min", "dim"] },
+  { variant: "minor", chords: ["min", "dim", "maj", "min", "min", "maj", "maj"] }
+], A = [
+  { name: "Standard Ukulele", strings: ["G", "C", "E", "A"], frets: 19 },
+  { name: "Baritone Ukulele", strings: ["D", "G", "B", "E"], frets: 19 },
+  { name: "5ths tuned Ukulele", strings: ["C", "G", "D", "A"], frets: 19 },
+  { name: "Standard Guitar", strings: ["E", "A", "D", "G", "B", "E"], frets: 15 },
+  { name: "Drop-D Guitar", strings: ["D", "A", "D", "G", "B", "E"], frets: 15 },
+  { name: "Standard Mandolin", strings: ["G", "D", "A", "E"], frets: 20 }
+], y = /\[([A-Ga-g](?:#|b)?)(m|min|maj|aug|dim|7|m7|maj7|aug7|dim7|m7b5|mMaj7|sus2|sus4|7sus2|7sus4|9|m9|maj9|11|m11|13|m13|5|6|m6|add9|mAdd9)?(-[a-zA-Z0-9]*)?\]/gm, M = (e) => {
+  const n = /* @__PURE__ */ new Map();
+  return [...e.matchAll(y)].forEach(([, t, a, s]) => {
+    n.set(`${t}${a || ""}${s || ""}`, { key: t, chord: a, alt: s });
+  }), n;
+}, j = (e) => (n) => {
+  if (!e || !n) return;
+  const { strings: t } = e;
+  return [...t].reverse().map((a, s) => {
+    let r = 0, i = l(a), m = c[i];
+    for (; m.every((o) => {
+      var d;
+      return !((d = n == null ? void 0 : n.notes) != null && d.includes(o));
+    }); )
+      ++r, m = c[(r + i) % c.length];
+    return [s + 1, r];
+  });
+}, l = (e) => c.findIndex((n) => n.includes(e)), G = (e) => {
+  var m;
+  const n = Array.from(M(`[${e}]`));
+  if (!n || !n.length) return { name: "", notes: [] };
+  const [, { key: t, chord: a, alt: s }] = n[0], { accidental: r } = u.find(
+    (o) => o.key === t
+  ) ?? { accidental: "" }, i = l(t);
+  return {
+    name: `${t}${a || ""}${s || ""}`,
+    notes: (m = b.find((o) => a ? o.variant === a : o.variant === "maj")) == null ? void 0 : m.tones.map(
+      (o) => c[(o + i) % c.length].find((d, g, v) => v.length > 1 && r ? d.endsWith(r) : v[0])
+    )
+  };
+}, D = (e, n) => {
+  var r;
+  const t = l(e), { accidental: a } = u.find(
+    (i) => i.key === e
+  ) ?? { accidental: "" };
+  return (r = k.find(({ variant: i }) => i === n)) == null ? void 0 : r.tones.map(
+    (i) => c[(i + t) % c.length].find((m, o, d) => d.length > 1 && a ? m.endsWith(a) : d[0])
+  );
+};
+export {
+  j as chordOnInstrument,
+  G as chordToNotes,
+  b as chords,
+  f as chordsPerScale,
+  l as findBase,
+  A as instruments,
+  u as keys,
+  c as notes,
+  M as parseChords,
+  D as scaleTones,
+  k as scales
+};

package/dist/node_modules/@lit/reactive-element/css-tag.js

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const S = globalThis, n = S.ShadowRoot && (S.ShadyCSS === void 0 || S.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, l = Symbol(), c = /* @__PURE__ */ new WeakMap();
+class a {
+  constructor(s, e, o) {
+    if (this._$cssResult$ = !0, o !== l) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = s, this.t = e;
+  }
+  get styleSheet() {
+    let s = this.o;
+    const e = this.t;
+    if (n && s === void 0) {
+      const o = e !== void 0 && e.length === 1;
+      o && (s = c.get(e)), s === void 0 && ((this.o = s = new CSSStyleSheet()).replaceSync(this.cssText), o && c.set(e, s));
+    }
+    return s;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+const r = (t) => new a(typeof t == "string" ? t : t + "", void 0, l), h = (t, s) => {
+  if (n) t.adoptedStyleSheets = s.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of s) {
+    const o = document.createElement("style"), i = S.litNonce;
+    i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, t.appendChild(o);
+  }
+}, d = n ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((s) => {
+  let e = "";
+  for (const o of s.cssRules) e += o.cssText;
+  return r(e);
+})(t) : t;
+export {
+  a as CSSResult,
+  h as adoptStyles,
+  d as getCompatibleStyle,
+  n as supportsAdoptingStyleSheets,
+  r as unsafeCSS
+};

package/dist/node_modules/@lit/reactive-element/decorators/base.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
+export {
+  o as desc
+};

package/dist/node_modules/@lit/reactive-element/decorators/custom-element.js

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s = (e) => (t, n) => {
+  n !== void 0 ? n.addInitializer(() => {
+    customElements.define(e, t);
+  }) : customElements.define(e, t);
+};
+export {
+  s as customElement
+};

package/dist/node_modules/@lit/reactive-element/decorators/property.js

@@ -0,0 +1,37 @@
+import { notEqual as p, defaultConverter as l } from "../reactive-element.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const d = { attribute: !0, type: String, converter: l, reflect: !1, hasChanged: p }, u = (t = d, s, e) => {
+  const { kind: n, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), n === "setter" && ((t = Object.create(t)).wrapped = !0), r.set(e.name, t), n === "accessor") {
+    const { name: o } = e;
+    return { set(a) {
+      const c = s.get.call(this);
+      s.set.call(this, a), this.requestUpdate(o, c, t);
+    }, init(a) {
+      return a !== void 0 && this.C(o, void 0, t, a), a;
+    } };
+  }
+  if (n === "setter") {
+    const { name: o } = e;
+    return function(a) {
+      const c = this[o];
+      s.call(this, a), this.requestUpdate(o, c, t);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n);
+};
+function f(t) {
+  return (s, e) => typeof e == "object" ? u(t, s, e) : ((n, i, r) => {
+    const o = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, n), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
+  })(t, s, e);
+}
+export {
+  f as property,
+  u as standardProperty
+};

package/dist/node_modules/@lit/reactive-element/decorators/query.js

@@ -0,0 +1,20 @@
+import { desc as s } from "./base.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a(e, c) {
+  return (t, o, i) => {
+    const n = (u) => {
+      var r;
+      return ((r = u.renderRoot) == null ? void 0 : r.querySelector(e)) ?? null;
+    };
+    return s(t, o, { get() {
+      return n(this);
+    } });
+  };
+}
+export {
+  a as query
+};

package/dist/node_modules/@lit/reactive-element/decorators/state.js

@@ -0,0 +1,12 @@
+import { property as r } from "./property.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a(t) {
+  return r({ ...t, state: !0, attribute: !1 });
+}
+export {
+  a as state
+};

package/dist/node_modules/@lit/reactive-element/reactive-element.js

@@ -0,0 +1,251 @@
+import { getCompatibleStyle as E, adoptStyles as m } from "./css-tag.js";
+import { CSSResult as M, supportsAdoptingStyleSheets as R, unsafeCSS as z } from "./css-tag.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: g, defineProperty: b, getOwnPropertyDescriptor: P, getOwnPropertyNames: v, getOwnPropertySymbols: w, getPrototypeOf: S } = Object, n = globalThis, _ = n.trustedTypes, U = _ ? _.emptyScript : "", d = n.reactiveElementPolyfillSupport, c = (a, t) => a, u = { toAttribute(a, t) {
+  switch (t) {
+    case Boolean:
+      a = a ? U : null;
+      break;
+    case Object:
+    case Array:
+      a = a == null ? a : JSON.stringify(a);
+  }
+  return a;
+}, fromAttribute(a, t) {
+  let e = a;
+  switch (t) {
+    case Boolean:
+      e = a !== null;
+      break;
+    case Number:
+      e = a === null ? null : Number(a);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(a);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, y = (a, t) => !g(a, t), $ = { attribute: !0, type: String, converter: u, reflect: !1, useDefault: !1, hasChanged: y };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), n.litPropertyMetadata ?? (n.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class l extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = $) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && b(this.prototype, t, i);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: r } = P(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(o) {
+      this[e] = o;
+    } };
+    return { get: i, set(o) {
+      const h = i == null ? void 0 : i.call(this);
+      r == null || r.call(this, o), this.requestUpdate(t, h, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? $;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(c("elementProperties"))) return;
+    const t = S(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(c("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(c("properties"))) {
+      const e = this.properties, s = [...v(e), ...w(e)];
+      for (const i of s) this.createProperty(i, e[i]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(E(i));
+    } else t !== void 0 && e.push(E(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var t;
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$EO) == null || e.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return m(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$ET(t, e) {
+    var r;
+    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
+    if (i !== void 0 && s.reflect === !0) {
+      const o = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : u).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    var r, o;
+    const s = this.constructor, i = s._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const h = s.getPropertyOptions(i), p = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((r = h.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? h.converter : u;
+      this._$Em = i;
+      const f = p.fromAttribute(e, h.type);
+      this[i] = f ?? ((o = this._$Ej) == null ? void 0 : o.get(i)) ?? f, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    var i;
+    if (t !== void 0) {
+      const r = this.constructor, o = this[t];
+      if (s ?? (s = r.getPropertyOptions(t)), !((s.hasChanged ?? y)(o, e) || s.useDefault && s.reflect && o === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, s)))) return;
+      this.C(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: s, reflect: i, wrapped: r }, o) {
+    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), r !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var s;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [r, o] of this._$Ep) this[r] = o;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, o] of i) {
+        const { wrapped: h } = o, p = this[r];
+        h !== !0 || this._$AL.has(r) || p === void 0 || this.C(r, void 0, o, p);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+        var r;
+        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+      }), this.update(e)) : this._$EM();
+    } catch (i) {
+      throw t = !1, this._$EM(), i;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$EO) == null || e.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+}
+l.elementStyles = [], l.shadowRootOptions = { mode: "open" }, l[c("elementProperties")] = /* @__PURE__ */ new Map(), l[c("finalized")] = /* @__PURE__ */ new Map(), d == null || d({ ReactiveElement: l }), (n.reactiveElementVersions ?? (n.reactiveElementVersions = [])).push("2.1.1");
+export {
+  M as CSSResult,
+  l as ReactiveElement,
+  m as adoptStyles,
+  u as defaultConverter,
+  E as getCompatibleStyle,
+  y as notEqual,
+  R as supportsAdoptingStyleSheets,
+  z as unsafeCSS
+};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@parent-tobias/chord-component",
+  "version": "1.0.0",
+  "description": "Lit-based web components for displaying musical chord diagrams and chord lists",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./chord-diagram": {
+      "import": "./dist/chord-diagram.js",
+      "types": "./dist/chord-diagram.d.ts"
+    },
+    "./chord-list": {
+      "import": "./dist/chord-list.js",
+      "types": "./dist/chord-list.d.ts"
+    },
+    "./chord-editor": {
+      "import": "./dist/chord-editor.js",
+      "types": "./dist/chord-editor.d.ts"
+    }
+  },
+  "files": [
+    "dist/**/*",
+    "src/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "build:demo": "vite build --config vite.demo.config.ts",
+    "build:all": "npm run build && npm run build:demo",
+    "dev": "vite serve demo --host",
+    "preview": "vite preview",
+    "test": "echo 'No tests yet' && exit 0",
+    "lint": "eslint src/**/*.ts",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "keywords": [
+    "lit",
+    "web-components",
+    "music",
+    "chord",
+    "diagram",
+    "ukulele",
+    "guitar",
+    "mandolin",
+    "chord-chart"
+  ],
+  "author": "Tobias Padilla",
+  "license": "MIT",
+  "homepage": "https://github.com/parent-tobias/chord-component#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/parent-tobias/chord-component.git"
+  },
+  "bugs": {
+    "url": "https://github.com/parent-tobias/chord-component/issues"
+  },
+  "dependencies": {
+    "lit": "^3.3.1",
+    "svguitar": "^2.4.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}