@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-XHROKCOA.js

@@ -0,0 +1,45 @@
+// src/icons/grid-horizontal.ts
+var NavaIconGridHorizontal = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M10 7H14V11H10V7ZM16 7H20V11H16V7ZM4 7H8V11H4V7ZM10 13H14V17H10V13ZM16 13H20V17H16V13ZM4 13H8V17H4V13Z" />`;
+    const filledPaths = `<path d="M10 7H14V11H10V7ZM16 7H20V11H16V7ZM4 7H8V11H4V7ZM10 13H14V17H10V13ZM16 13H20V17H16V13ZM4 13H8V17H4V13Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-grid-horizontal")) {
+  customElements.define("icon-grid-horizontal", NavaIconGridHorizontal);
+}

package/dist/chunk-XJ5Z4DPF.js

@@ -0,0 +1,45 @@
+// src/icons/reflect-vertical.ts
+var NavaIconReflectVertical = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M3 18L9 12L3 6V18ZM15 12L21 18V6L15 12ZM11 3H13V6H11V3ZM11 8H13V11H11V8ZM11 13H13V16H11V13ZM11 18H13V21H11V18Z" />`;
+    const filledPaths = `<path d="M3 18L9 12L3 6V18ZM15 12L21 18V6L15 12ZM11 3H13V6H11V3ZM11 8H13V11H11V8ZM11 13H13V16H11V13ZM11 18H13V21H11V18Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-reflect-vertical")) {
+  customElements.define("icon-reflect-vertical", NavaIconReflectVertical);
+}

package/dist/chunk-XKS2NOMD.js

@@ -0,0 +1,45 @@
+// src/icons/health.ts
+var NavaIconHealth = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M19.649 5.286L14 8.548V2.025H10V8.548L4.35101 5.286L2.35101 8.751L7.99901 12.012L2.35101 15.273L4.35101 18.738L10 15.477V22H14V15.477L19.649 18.738L21.649 15.273L16.001 12.012L21.649 8.751L19.649 5.286Z" />`;
+    const filledPaths = `<path d="M19.649 5.286L14 8.548V2.025H10V8.548L4.35101 5.286L2.35101 8.751L7.99901 12.012L2.35101 15.273L4.35101 18.738L10 15.477V22H14V15.477L19.649 18.738L21.649 15.273L16.001 12.012L21.649 8.751L19.649 5.286Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-health")) {
+  customElements.define("icon-health", NavaIconHealth);
+}

package/dist/chunk-XNTPGWUH.js

@@ -0,0 +1,46 @@
+// src/icons/beer.ts
+var NavaIconBeer = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M20 6H18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V19C2 20.654 3.346 22 5 22H15C16.654 22 18 20.654 18 19V18H20C21.103 18 22 17.103 22 16V8C22 6.897 21.103 6 20 6ZM16 19C16 19.551 15.552 20 15 20H5C4.448 20 4 19.551 4 19V5H16V19ZM20 16H18V8H20V16Z" />
+<path d="M6 7H8V17H6V7ZM12 7H14V17H12V7Z" />`;
+    const filledPaths = `<path d="M20 6H18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V19C2 20.654 3.346 22 5 22H15C16.654 22 18 20.654 18 19V18H20C21.103 18 22 17.103 22 16V8C22 6.897 21.103 6 20 6ZM8 17H6V7H8V17ZM14 17H12V7H14V17ZM20 16H18V8H20V16Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-beer")) {
+  customElements.define("icon-beer", NavaIconBeer);
+}

package/dist/chunk-XOJQFU4A.js

@@ -0,0 +1,48 @@
+// src/icons/duplicate.ts
+var NavaIconDuplicate = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M11 10H9V13H6V15H9V18H11V15H14V13H11V10Z" />
+<path d="M4 22H16C17.103 22 18 21.103 18 20V8C18 6.897 17.103 6 16 6H4C2.897 6 2 6.897 2 8V20C2 21.103 2.897 22 4 22ZM4 8H16L16.002 20H4V8Z" />
+<path d="M20 2H8V4H20V16H22V4C22 2.897 21.103 2 20 2Z" />`;
+    const filledPaths = `<path d="M4 22H16C16.5304 22 17.0391 21.7893 17.4142 21.4142C17.7893 21.0391 18 20.5304 18 20V8C18 7.46957 17.7893 6.96086 17.4142 6.58579C17.0391 6.21071 16.5304 6 16 6H4C3.46957 6 2.96086 6.21071 2.58579 6.58579C2.21071 6.96086 2 7.46957 2 8V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22ZM6 13H9V10H11V13H14V15H11V18H9V15H6V13Z" />
+<path d="M20 2H8V4H20V16H22V4C22 2.897 21.103 2 20 2Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-duplicate")) {
+  customElements.define("icon-duplicate", NavaIconDuplicate);
+}

package/dist/chunk-XPILY37U.js

@@ -0,0 +1,46 @@
+// src/icons/check-square.ts
+var NavaIconCheckSquare = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M10.933 13.519L8.70703 11.293L7.29303 12.707L11.067 16.481L16.769 9.64101L15.231 8.35901L10.933 13.519Z" />
+<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />`;
+    const filledPaths = `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM11.067 16.481L7.293 12.707L8.707 11.293L10.933 13.519L15.232 8.36L16.769 9.64L11.067 16.481Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-check-square")) {
+  customElements.define("icon-check-square", NavaIconCheckSquare);
+}

package/dist/chunk-XTLURODZ.js

@@ -0,0 +1,45 @@
+// src/icons/git-merge.ts
+var NavaIconGitMerge = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M2.5 18.5C2.5 20.43 4.07 22 6 22C7.93 22 9.5 20.43 9.5 18.5C9.5 16.92 8.44 15.597 7 15.163V11.675C7.244 11.948 7.509 12.202 7.813 12.419C8.993 13.263 10.43 13.517 11.731 13.517C12.697 13.517 13.584 13.377 14.237 13.236C14.4874 13.8999 14.9336 14.472 15.5165 14.8765C16.0994 15.281 16.7915 15.4988 17.501 15.501C19.431 15.501 21.001 13.931 21.001 12.001C21.001 10.071 19.431 8.501 17.501 8.501C16.71 8.5027 15.9428 8.77232 15.3246 9.26591C14.7065 9.7595 14.2737 10.4479 14.097 11.219C12.8 11.54 10.433 11.835 8.978 10.793C8.312 10.316 7.888 9.554 7.672 8.557C8.755 7.96 9.5 6.821 9.5 5.5C9.5 3.57 7.93 2 6 2C4.07 2 2.5 3.57 2.5 5.5C2.5 7.08 3.56 8.403 5 8.837V15.163C3.56 15.597 2.5 16.92 2.5 18.5ZM17.5 10.5C18.327 10.5 19 11.173 19 12C19 12.827 18.327 13.5 17.5 13.5C16.673 13.5 16 12.827 16 12C16 11.173 16.673 10.5 17.5 10.5ZM7.5 18.5C7.5 19.327 6.827 20 6 20C5.173 20 4.5 19.327 4.5 18.5C4.5 17.673 5.173 17 6 17C6.827 17 7.5 17.673 7.5 18.5ZM4.5 5.5C4.5 4.673 5.173 4 6 4C6.827 4 7.5 4.673 7.5 5.5C7.5 6.327 6.827 7 6 7C5.173 7 4.5 6.327 4.5 5.5Z" />`;
+    const filledPaths = `<path d="M2.5 18.5C2.5 20.43 4.07 22 6 22C7.93 22 9.5 20.43 9.5 18.5C9.5 16.92 8.44 15.597 7 15.163V11.675C7.244 11.948 7.509 12.202 7.813 12.419C8.993 13.263 10.43 13.517 11.731 13.517C12.697 13.517 13.584 13.377 14.237 13.236C14.4874 13.8999 14.9336 14.472 15.5165 14.8765C16.0994 15.281 16.7915 15.4988 17.501 15.501C19.431 15.501 21.001 13.931 21.001 12.001C21.001 10.071 19.431 8.501 17.501 8.501C16.71 8.5027 15.9428 8.77232 15.3246 9.26591C14.7065 9.7595 14.2737 10.4479 14.097 11.219C12.8 11.54 10.433 11.835 8.978 10.793C8.312 10.316 7.888 9.554 7.672 8.557C8.755 7.96 9.5 6.821 9.5 5.5C9.5 3.57 7.93 2 6 2C4.07 2 2.5 3.57 2.5 5.5C2.5 7.08 3.56 8.403 5 8.837V15.163C3.56 15.597 2.5 16.92 2.5 18.5ZM17.5 10.5C18.327 10.5 19 11.173 19 12C19 12.827 18.327 13.5 17.5 13.5C16.673 13.5 16 12.827 16 12C16 11.173 16.673 10.5 17.5 10.5ZM7.5 18.5C7.5 19.327 6.827 20 6 20C5.173 20 4.5 19.327 4.5 18.5C4.5 17.673 5.173 17 6 17C6.827 17 7.5 17.673 7.5 18.5ZM4.5 5.5C4.5 4.673 5.173 4 6 4C6.827 4 7.5 4.673 7.5 5.5C7.5 6.327 6.827 7 6 7C5.173 7 4.5 6.327 4.5 5.5Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-git-merge")) {
+  customElements.define("icon-git-merge", NavaIconGitMerge);
+}

package/dist/chunk-XX3QHNCA.js

@@ -0,0 +1,48 @@
+// src/icons/speaker.ts
+var NavaIconSpeaker = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M18 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V4C20 3.46957 19.7893 2.96086 19.4142 2.58579C19.0391 2.21071 18.5304 2 18 2ZM18 20H6V4H18V20Z" />
+<path d="M12 19C12.7911 19 13.5645 18.7654 14.2223 18.3259C14.8801 17.8864 15.3928 17.2616 15.6955 16.5307C15.9983 15.7998 16.0775 14.9956 15.9231 14.2196C15.7688 13.4437 15.3878 12.731 14.8284 12.1716C14.269 11.6122 13.5563 11.2312 12.7804 11.0769C12.0044 10.9225 11.2002 11.0017 10.4693 11.3045C9.73836 11.6072 9.11365 12.1199 8.67412 12.7777C8.2346 13.4355 8 14.2089 8 15C8 16.0609 8.42143 17.0783 9.17157 17.8284C9.92172 18.5786 10.9391 19 12 19ZM12 13C12.3956 13 12.7822 13.1173 13.1111 13.3371C13.44 13.5568 13.6964 13.8692 13.8478 14.2346C13.9991 14.6001 14.0387 15.0022 13.9616 15.3902C13.8844 15.7781 13.6939 16.1345 13.4142 16.4142C13.1345 16.6939 12.7781 16.8844 12.3902 16.9616C12.0022 17.0387 11.6001 16.9991 11.2346 16.8478C10.8692 16.6964 10.5568 16.44 10.3371 16.1111C10.1173 15.7822 10 15.3956 10 15C10 14.4696 10.2107 13.9609 10.5858 13.5858C10.9609 13.2107 11.4696 13 12 13Z" />
+<path d="M12.01 9C13.1146 9 14.01 8.10457 14.01 7C14.01 5.89543 13.1146 5 12.01 5C10.9054 5 10.01 5.89543 10.01 7C10.01 8.10457 10.9054 9 12.01 9Z" />`;
+    const filledPaths = `<path d="M12 18C13.6569 18 15 16.6569 15 15C15 13.3431 13.6569 12 12 12C10.3431 12 9 13.3431 9 15C9 16.6569 10.3431 18 12 18Z" />
+<path d="M18 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V4C20 3.46957 19.7893 2.96086 19.4142 2.58579C19.0391 2.21071 18.5304 2 18 2ZM12 4C12.3956 4 12.7822 4.1173 13.1111 4.33706C13.44 4.55682 13.6964 4.86918 13.8478 5.23463C13.9991 5.60009 14.0387 6.00222 13.9616 6.39018C13.8844 6.77814 13.6939 7.13451 13.4142 7.41421C13.1345 7.69392 12.7781 7.8844 12.3902 7.96157C12.0022 8.03874 11.6001 7.99913 11.2346 7.84776C10.8692 7.69638 10.5568 7.44004 10.3371 7.11114C10.1173 6.78224 10 6.39556 10 6C10 5.46957 10.2107 4.96086 10.5858 4.58579C10.9609 4.21071 11.4696 4 12 4ZM12 20C11.0111 20 10.0444 19.7068 9.22215 19.1573C8.3999 18.6079 7.75904 17.827 7.3806 16.9134C7.00216 15.9998 6.90315 14.9945 7.09607 14.0245C7.289 13.0546 7.7652 12.1637 8.46447 11.4645C9.16373 10.7652 10.0546 10.289 11.0245 10.0961C11.9945 9.90315 12.9998 10.0022 13.9134 10.3806C14.827 10.759 15.6079 11.3999 16.1573 12.2221C16.7068 13.0444 17 14.0111 17 15C17 16.3261 16.4732 17.5979 15.5355 18.5355C14.5979 19.4732 13.3261 20 12 20Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-speaker")) {
+  customElements.define("icon-speaker", NavaIconSpeaker);
+}

package/dist/chunk-XYBB6YT4.js

@@ -0,0 +1,45 @@
+// src/icons/skull.ts
+var NavaIconSkull = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M12 2C5.505 2 2 6.637 2 11C2 13.129 3.009 14.979 5 16.508V21H8V18H10V21H14V18H16V21H19V16.507C20.991 14.979 22 13.128 22 11C22 6.637 18.495 2 12 2ZM8 13C6.879 13 6 11.902 6 10.5C6 9.098 6.879 8 8 8C9.121 8 10 9.098 10 10.5C10 11.902 9.121 13 8 13ZM16 13C14.879 13 14 11.902 14 10.5C14 9.098 14.879 8 16 8C17.121 8 18 9.098 18 10.5C18 11.902 17.121 13 16 13Z" />`;
+    const filledPaths = `<path d="M12 2C5.505 2 2 6.637 2 11C2 13.129 3.009 14.979 5 16.508V21H8V18H10V21H14V18H16V21H19V16.507C20.991 14.979 22 13.128 22 11C22 6.637 18.495 2 12 2ZM8 13C6.879 13 6 11.902 6 10.5C6 9.098 6.879 8 8 8C9.121 8 10 9.098 10 10.5C10 11.902 9.121 13 8 13ZM16 13C14.879 13 14 11.902 14 10.5C14 9.098 14.879 8 16 8C17.121 8 18 9.098 18 10.5C18 11.902 17.121 13 16 13Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-skull")) {
+  customElements.define("icon-skull", NavaIconSkull);
+}

package/dist/chunk-XYOMR42K.js

@@ -0,0 +1,45 @@
+// src/icons/video-off.ts
+var NavaIconVideoOff = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M18 7.00003C18 5.89703 17.103 5.00003 16 5.00003H6.414L3.707 2.29303L2.293 3.70703L20.293 21.707L21.707 20.293L18 16.586V13.667L22 17V7.00003L18 10.333V7.00003ZM16 14.586L8.414 7.00003H16V14.586ZM4 19H14.879L12.879 17H4V8.12103L2.145 6.26503C2.05026 6.49855 2.00105 6.74803 2 7.00003V17C2 18.103 2.897 19 4 19Z" />`;
+    const filledPaths = `<path d="M4 19H14.879L2.145 6.26503C2.05026 6.49855 2.00105 6.74803 2 7.00003V17C2 18.103 2.897 19 4 19ZM18 7.00003C18 5.89703 17.103 5.00003 16 5.00003H6.414L3.707 2.29303L2.293 3.70703L20.293 21.707L21.707 20.293L18 16.586V13.667L22 17V7.00003L18 10.333V7.00003Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-video-off")) {
+  customElements.define("icon-video-off", NavaIconVideoOff);
+}

package/dist/chunk-Y2PIHOH2.js

@@ -0,0 +1,47 @@
+// src/icons/album.ts
+var NavaIconAlbum = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M11.99 14C13.1001 14 14 13.1001 14 11.99C14 10.8799 13.1001 9.97998 11.99 9.97998C10.8799 9.97998 9.98001 10.8799 9.98001 11.99C9.98001 13.1001 10.8799 14 11.99 14Z" />
+<path d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" />
+<path d="M12 6C10.4087 6 8.88258 6.63214 7.75736 7.75736C6.63214 8.88258 6 10.4087 6 12H8C8 10.9391 8.42143 9.92172 9.17157 9.17157C9.92172 8.42143 10.9391 8 12 8V6Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM7.393 10.055C7.13222 10.6702 6.99854 11.3318 7 12H5C4.99886 11.0805 5.17948 10.1698 5.53146 9.3203C5.88344 8.4708 6.39985 7.69926 7.051 7.05C7.68864 6.41076 8.44427 5.90134 9.276 5.55L10.055 7.392C9.459 7.644 8.925 8.004 8.465 8.464C8.005 8.924 7.645 9.459 7.393 10.055ZM11.993 14C11.4607 14 10.9502 13.7885 10.5738 13.4122C10.1975 13.0358 9.986 12.5253 9.986 11.993C9.986 11.4607 10.1975 10.9502 10.5738 10.5738C10.9502 10.1975 11.4607 9.986 11.993 9.986C12.5253 9.986 13.0358 10.1975 13.4122 10.5738C13.7885 10.9502 14 11.4607 14 11.993C14 12.5253 13.7885 13.0358 13.4122 13.4122C13.0358 13.7885 12.5253 14 11.993 14Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-album")) {
+  customElements.define("icon-album", NavaIconAlbum);
+}

package/dist/chunk-Y4CMEKVZ.js

@@ -0,0 +1,45 @@
+// src/icons/user.ts
+var NavaIconUser = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M12 2C11.0111 2 10.0444 2.29324 9.22215 2.84265C8.3999 3.39206 7.75904 4.17295 7.3806 5.08658C7.00216 6.00021 6.90315 7.00555 7.09607 7.97545C7.289 8.94536 7.7652 9.83627 8.46447 10.5355C9.16373 11.2348 10.0546 11.711 11.0245 11.9039C11.9945 12.0969 12.9998 11.9978 13.9134 11.6194C14.827 11.241 15.6079 10.6001 16.1573 9.77785C16.7068 8.95561 17 7.98891 17 7C17 5.67392 16.4732 4.40215 15.5355 3.46447C14.5979 2.52678 13.3261 2 12 2ZM12 10C11.4067 10 10.8266 9.82405 10.3333 9.49441C9.83994 9.16476 9.45542 8.69623 9.22836 8.14805C9.0013 7.59987 8.94189 6.99667 9.05764 6.41473C9.1734 5.83279 9.45912 5.29824 9.87868 4.87868C10.2982 4.45912 10.8328 4.1734 11.4147 4.05764C11.9967 3.94189 12.5999 4.0013 13.1481 4.22836C13.6962 4.45542 14.1648 4.83994 14.4944 5.33329C14.8241 5.82664 15 6.40666 15 7C15 7.79565 14.6839 8.55871 14.1213 9.12132C13.5587 9.68393 12.7956 10 12 10ZM21 21V20C21 18.1435 20.2625 16.363 18.9497 15.0503C17.637 13.7375 15.8565 13 14 13H10C8.14348 13 6.36301 13.7375 5.05025 15.0503C3.7375 16.363 3 18.1435 3 20V21H5V20C5 18.6739 5.52678 17.4021 6.46447 16.4645C7.40215 15.5268 8.67392 15 10 15H14C15.3261 15 16.5979 15.5268 17.5355 16.4645C18.4732 17.4021 19 18.6739 19 20V21H21Z" />`;
+    const filledPaths = `<path d="M7.5 6.5C7.5 8.981 9.519 11 12 11C14.481 11 16.5 8.981 16.5 6.5C16.5 4.019 14.481 2 12 2C9.519 2 7.5 4.019 7.5 6.5ZM20 21H21V20C21 16.141 17.859 13 14 13H10C6.14 13 3 16.141 3 20V21H20Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-user")) {
+  customElements.define("icon-user", NavaIconUser);
+}

package/dist/chunk-Y5JHLCSJ.js

@@ -0,0 +1,51 @@
+// src/icons/dice-6.ts
+var NavaIconDice6 = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />
+<path d="M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17157 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17157 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z" />
+<path d="M8 13.5C8.82843 13.5 9.5 12.8284 9.5 12C9.5 11.1716 8.82843 10.5 8 10.5C7.17157 10.5 6.5 11.1716 6.5 12C6.5 12.8284 7.17157 13.5 8 13.5Z" />
+<path d="M16 13.5C16.8284 13.5 17.5 12.8284 17.5 12C17.5 11.1716 16.8284 10.5 16 10.5C15.1716 10.5 14.5 11.1716 14.5 12C14.5 12.8284 15.1716 13.5 16 13.5Z" />
+<path d="M16 17.5C16.8284 17.5 17.5 16.8284 17.5 16C17.5 15.1716 16.8284 14.5 16 14.5C15.1716 14.5 14.5 15.1716 14.5 16C14.5 16.8284 15.1716 17.5 16 17.5Z" />
+<path d="M8 17.5C8.82843 17.5 9.5 16.8284 9.5 16C9.5 15.1716 8.82843 14.5 8 14.5C7.17157 14.5 6.5 15.1716 6.5 16C6.5 16.8284 7.17157 17.5 8 17.5Z" />
+<path d="M16 9.5C16.8284 9.5 17.5 8.82843 17.5 8C17.5 7.17157 16.8284 6.5 16 6.5C15.1716 6.5 14.5 7.17157 14.5 8C14.5 8.82843 15.1716 9.5 16 9.5Z" />`;
+    const filledPaths = `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM8 17.5C7.80295 17.4999 7.60785 17.4611 7.42582 17.3856C7.2438 17.3101 7.07842 17.1995 6.93913 17.0602C6.79984 16.9208 6.68937 16.7553 6.61403 16.5733C6.53868 16.3912 6.49993 16.196 6.5 15.999C6.50007 15.802 6.53894 15.6068 6.61441 15.4248C6.68988 15.2428 6.80046 15.0774 6.93984 14.9381C7.07922 14.7988 7.24467 14.6884 7.42675 14.613C7.60882 14.5377 7.80395 14.4989 8.001 14.499C8.39896 14.4991 8.78056 14.6573 9.06187 14.9388C9.34317 15.2203 9.50113 15.602 9.501 16C9.50087 16.398 9.34265 16.7796 9.06116 17.0609C8.77967 17.3422 8.39796 17.5001 8 17.5ZM8 13.5C7.60204 13.4999 7.22044 13.3417 6.93913 13.0602C6.65783 12.7787 6.49987 12.397 6.5 11.999C6.50013 11.601 6.65835 11.2194 6.93984 10.9381C7.22133 10.6568 7.60304 10.4989 8.001 10.499C8.19805 10.4991 8.39315 10.5379 8.57518 10.6134C8.7572 10.6889 8.92258 10.7995 9.06187 10.9388C9.20116 11.0782 9.31163 11.2437 9.38697 11.4257C9.46232 11.6078 9.50107 11.803 9.501 12C9.50093 12.197 9.46206 12.3922 9.38659 12.5742C9.31112 12.7562 9.20054 12.9216 9.06116 13.0609C8.92178 13.2002 8.75633 13.3106 8.57425 13.386C8.39218 13.4613 8.19705 13.5001 8 13.5ZM8 9.5C7.60204 9.49987 7.22044 9.34165 6.93913 9.06016C6.65783 8.77867 6.49987 8.39696 6.5 7.999C6.50013 7.60104 6.65835 7.21944 6.93984 6.93813C7.22133 6.65683 7.60304 6.49887 8.001 6.499C8.19805 6.49907 8.39315 6.53794 8.57518 6.61341C8.7572 6.68888 8.92258 6.79946 9.06187 6.93884C9.20116 7.07822 9.31163 7.24367 9.38697 7.42575C9.46232 7.60782 9.50107 7.80295 9.501 8C9.50093 8.19705 9.46206 8.39215 9.38659 8.57418C9.31112 8.7562 9.20054 8.92158 9.06116 9.06087C8.92178 9.20016 8.75633 9.31063 8.57425 9.38597C8.39218 9.46132 8.19705 9.50007 8 9.5ZM16 17.5C15.803 17.4999 15.6078 17.4611 15.4258 17.3856C15.2438 17.3101 15.0784 17.1995 14.9391 17.0602C14.7998 16.9208 14.6894 16.7553 14.614 16.5733C14.5387 16.3912 14.4999 16.196 14.5 15.999C14.5001 15.802 14.5389 15.6068 14.6144 15.4248C14.6899 15.2428 14.8005 15.0774 14.9398 14.9381C15.0792 14.7988 15.2447 14.6884 15.4267 14.613C15.6088 14.5377 15.804 14.4989 16.001 14.499C16.399 14.4991 16.7806 14.6573 17.0619 14.9388C17.3432 15.2203 17.5011 15.602 17.501 16C17.5009 16.398 17.3427 16.7796 17.0612 17.0609C16.7797 17.3422 16.398 17.5001 16 17.5ZM16 13.5C15.803 13.4999 15.6078 13.4611 15.4258 13.3856C15.2438 13.3101 15.0784 13.1995 14.9391 13.0602C14.7998 12.9208 14.6894 12.7553 14.614 12.5733C14.5387 12.3912 14.4999 12.196 14.5 11.999C14.5001 11.802 14.5389 11.6068 14.6144 11.4248C14.6899 11.2428 14.8005 11.0774 14.9398 10.9381C15.0792 10.7988 15.2447 10.6884 15.4267 10.613C15.6088 10.5377 15.804 10.4989 16.001 10.499C16.399 10.4991 16.7806 10.6573 17.0619 10.9388C17.3432 11.2203 17.5011 11.602 17.501 12C17.5009 12.398 17.3427 12.7796 17.0612 13.0609C16.7797 13.3422 16.398 13.5001 16 13.5ZM16 9.5C15.803 9.49993 15.6078 9.46106 15.4258 9.38559C15.2438 9.31012 15.0784 9.19954 14.9391 9.06016C14.7998 8.92078 14.6894 8.75533 14.614 8.57325C14.5387 8.39118 14.4999 8.19605 14.5 7.999C14.5001 7.80195 14.5389 7.60685 14.6144 7.42482C14.6899 7.2428 14.8005 7.07742 14.9398 6.93813C15.0792 6.79884 15.2447 6.68837 15.4267 6.61303C15.6088 6.53768 15.804 6.49893 16.001 6.499C16.399 6.49913 16.7806 6.65735 17.0619 6.93884C17.3432 7.22033 17.5011 7.60204 17.501 8C17.5009 8.39796 17.3427 8.77956 17.0612 9.06087C16.7797 9.34217 16.398 9.50013 16 9.5Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-dice-6")) {
+  customElements.define("icon-dice-6", NavaIconDice6);
+}