@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-GIWQDPVB.js

@@ -0,0 +1,47 @@
+// src/icons/broadcast.ts
+var NavaIconBroadcast = 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.707 4.29303L18.293 5.70703C21.026 8.44003 21.026 13.06 18.293 15.793L19.707 17.207C23.207 13.707 23.207 7.79303 19.707 4.29303ZM15.293 8.70703C15.859 9.27303 16.172 9.99903 16.172 10.75C16.172 11.501 15.859 12.227 15.293 12.793L16.707 14.207C17.651 13.264 18.172 12.035 18.172 10.75C18.172 9.46503 17.651 8.23603 16.707 7.29303L15.293 8.70703ZM6.207 5.70703L4.793 4.29303C1.293 7.79303 1.293 13.707 4.793 17.207L6.207 15.793C3.474 13.06 3.474 8.44003 6.207 5.70703Z" />
+<path d="M7.293 7.29303C6.349 8.23603 5.828 9.46503 5.828 10.75C5.828 12.035 6.349 13.264 7.293 14.207L8.707 12.793C8.141 12.227 7.828 11.501 7.828 10.75C7.828 9.99903 8.141 9.27303 8.707 8.70703L7.293 7.29303ZM14 10.5C14 9.9696 13.7893 9.46089 13.4142 9.08582C13.0391 8.71074 12.5304 8.50003 12 8.50003C11.4696 8.50003 10.9609 8.71074 10.5858 9.08582C10.2107 9.46089 10 9.9696 10 10.5C9.99955 10.8301 10.0811 11.1552 10.2373 11.4459C10.3935 11.7367 10.6195 11.9842 10.895 12.166L10.002 22H13.998L13.105 12.165C13.645 11.807 14 11.195 14 10.5Z" />`;
+    const filledPaths = `<path d="M19.707 4.29303L18.293 5.70703C21.026 8.44003 21.026 13.06 18.293 15.793L19.707 17.207C23.207 13.707 23.207 7.79303 19.707 4.29303ZM15.293 8.70703C15.859 9.27303 16.172 9.99903 16.172 10.75C16.172 11.501 15.859 12.227 15.293 12.793L16.707 14.207C17.651 13.264 18.172 12.035 18.172 10.75C18.172 9.46503 17.651 8.23603 16.707 7.29303L15.293 8.70703ZM6.207 5.70703L4.793 4.29303C1.293 7.79303 1.293 13.707 4.793 17.207L6.207 15.793C3.474 13.06 3.474 8.44003 6.207 5.70703Z" />
+<path d="M7.293 7.29303C6.349 8.23603 5.828 9.46503 5.828 10.75C5.828 12.035 6.349 13.264 7.293 14.207L8.707 12.793C8.141 12.227 7.828 11.501 7.828 10.75C7.828 9.99903 8.141 9.27303 8.707 8.70703L7.293 7.29303ZM14 10.5C14 9.9696 13.7893 9.46089 13.4142 9.08582C13.0391 8.71074 12.5304 8.50003 12 8.50003C11.4696 8.50003 10.9609 8.71074 10.5858 9.08582C10.2107 9.46089 10 9.9696 10 10.5C9.99955 10.8301 10.0811 11.1552 10.2373 11.4459C10.3935 11.7367 10.6195 11.9842 10.895 12.166L10.002 22H13.998L13.105 12.165C13.645 11.807 14 11.195 14 10.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-broadcast")) {
+  customElements.define("icon-broadcast", NavaIconBroadcast);
+}

package/dist/chunk-GKDW6XUT.js

@@ -0,0 +1,47 @@
+// src/icons/money.ts
+var NavaIconMoney = 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="M21 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V5C22 4.73478 21.8946 4.48043 21.7071 4.29289C21.5196 4.10536 21.2652 4 21 4ZM20 15C19.2044 15 18.4413 15.3161 17.8787 15.8787C17.3161 16.4413 17 17.2044 17 18H7C7 17.2044 6.68393 16.4413 6.12132 15.8787C5.55871 15.3161 4.79565 15 4 15V9C4.79565 9 5.55871 8.68393 6.12132 8.12132C6.68393 7.55871 7 6.79565 7 6H17C17 6.79565 17.3161 7.55871 17.8787 8.12132C18.4413 8.68393 19.2044 9 20 9V15Z" />
+<path d="M12 8C9.794 8 8 9.794 8 12C8 14.206 9.794 16 12 16C14.206 16 16 14.206 16 12C16 9.794 14.206 8 12 8ZM12 14C10.897 14 10 13.103 10 12C10 10.897 10.897 10 12 10C13.103 10 14 10.897 14 12C14 13.103 13.103 14 12 14Z" />`;
+    const filledPaths = `<path d="M21 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V5C22 4.73478 21.8946 4.48043 21.7071 4.29289C21.5196 4.10536 21.2652 4 21 4ZM20 15C19.2044 15 18.4413 15.3161 17.8787 15.8787C17.3161 16.4413 17 17.2044 17 18H7C7 17.2044 6.68393 16.4413 6.12132 15.8787C5.55871 15.3161 4.79565 15 4 15V9C4.79565 9 5.55871 8.68393 6.12132 8.12132C6.68393 7.55871 7 6.79565 7 6H17C17 6.79565 17.3161 7.55871 17.8787 8.12132C18.4413 8.68393 19.2044 9 20 9V15Z" />
+<path d="M12 8C9.794 8 8 9.794 8 12C8 14.206 9.794 16 12 16C14.206 16 16 14.206 16 12C16 9.794 14.206 8 12 8ZM12 14C10.897 14 10 13.103 10 12C10 10.897 10.897 10 12 10C13.103 10 14 10.897 14 12C14 13.103 13.103 14 12 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-money")) {
+  customElements.define("icon-money", NavaIconMoney);
+}

package/dist/chunk-GKQVPFN3.js

@@ -0,0 +1,45 @@
+// src/icons/binoculars.ts
+var NavaIconBinoculars = 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.447 5.345C19.2463 4.66459 18.8299 4.06788 18.2604 3.64489C17.6909 3.22189 16.9994 2.99555 16.29 3C15.4679 3.00074 14.6758 3.30897 14.0694 3.86411C13.463 4.41925 13.0861 5.18114 13.013 6H10.988C10.9139 5.18028 10.5358 4.41793 9.9281 3.86279C9.32042 3.30766 8.52707 2.9999 7.704 3C6.99558 2.99653 6.30521 3.22335 5.73689 3.64629C5.16857 4.06924 4.75308 4.66541 4.553 5.345L2.042 13.713C2.01449 13.8062 2.00035 13.9028 2 14V15C2.00159 16.3258 2.52902 17.5968 3.46657 18.5341C4.40413 19.4715 5.67523 19.9987 7.001 20C7.97268 19.9983 8.92285 19.7138 9.73547 19.181C10.5481 18.6483 11.188 17.8904 11.577 17H12.423C12.812 17.8904 13.4519 18.6483 14.2645 19.181C15.0771 19.7138 16.0273 19.9983 16.999 20C18.3249 19.9987 19.5962 19.4714 20.5338 18.5338C21.4714 17.5962 21.9987 16.3249 22 14.999V14C22 13.902 21.985 13.806 21.958 13.713L19.447 5.345ZM7.001 18C6.20558 17.9989 5.44303 17.6826 4.88049 17.1202C4.31796 16.5579 4.00132 15.7954 4 15C4 14.924 4.017 14.853 4.022 14.778C4.07671 14.0248 4.41394 13.3201 4.96616 12.8049C5.51838 12.2898 6.24482 12.0023 7 12C7.79565 12 8.55871 12.3161 9.12132 12.8787C9.68393 13.4413 10 14.2044 10 15V15.009C9.99657 15.8026 9.67925 16.5626 9.11734 17.123C8.55543 17.6834 7.7946 17.9987 7.001 18ZM16.999 18C16.2054 17.9987 15.4446 17.6834 14.8827 17.123C14.3208 16.5626 14.0034 15.8026 14 15.009V15C13.9999 14.606 14.0775 14.2159 14.2282 13.8519C14.3789 13.4879 14.5998 13.1572 14.8783 12.8785C15.4408 12.3158 16.2039 11.9996 16.9995 11.9995C17.7951 11.9994 18.5583 12.3153 19.121 12.8778C19.6837 13.4403 19.9999 14.2034 20 14.999C19.9989 15.7946 19.6824 16.5573 19.1199 17.1199C18.5573 17.6824 17.7946 17.9989 16.999 18Z" />`;
+    const filledPaths = `<path d="M19.447 5.345C19.2463 4.66459 18.8299 4.06788 18.2604 3.64489C17.6909 3.22189 16.9994 2.99555 16.29 3C15.4679 3.00074 14.6758 3.30897 14.0694 3.86411C13.463 4.41925 13.0861 5.18114 13.013 6H10.988C10.9139 5.18028 10.5358 4.41793 9.9281 3.86279C9.32042 3.30766 8.52707 2.9999 7.704 3C6.99558 2.99653 6.30521 3.22335 5.73689 3.64629C5.16857 4.06924 4.75308 4.66541 4.553 5.345L2.042 13.713C2.01449 13.8062 2.00035 13.9028 2 14V15C2.00159 16.3258 2.52902 17.5968 3.46657 18.5341C4.40413 19.4715 5.67523 19.9987 7.001 20C7.97268 19.9983 8.92285 19.7138 9.73547 19.181C10.5481 18.6483 11.188 17.8904 11.577 17H12.423C12.812 17.8904 13.4519 18.6483 14.2645 19.181C15.0771 19.7138 16.0273 19.9983 16.999 20C18.3249 19.9987 19.5962 19.4714 20.5338 18.5338C21.4714 17.5962 21.9987 16.3249 22 14.999V14C22 13.902 21.985 13.806 21.958 13.713L19.447 5.345ZM7.001 18C6.20558 17.9989 5.44303 17.6826 4.88049 17.1202C4.31796 16.5579 4.00132 15.7954 4 15C4 14.924 4.017 14.853 4.022 14.778C4.07671 14.0248 4.41394 13.3201 4.96616 12.8049C5.51838 12.2898 6.24482 12.0023 7 12C7.79565 12 8.55871 12.3161 9.12132 12.8787C9.68393 13.4413 10 14.2044 10 15V15.009C9.99657 15.8026 9.67925 16.5626 9.11734 17.123C8.55543 17.6834 7.7946 17.9987 7.001 18ZM16.999 18C16.2054 17.9987 15.4446 17.6834 14.8827 17.123C14.3208 16.5626 14.0034 15.8026 14 15.009V15C13.9999 14.606 14.0775 14.2159 14.2282 13.8519C14.3789 13.4879 14.5998 13.1572 14.8783 12.8785C15.4408 12.3158 16.2039 11.9996 16.9995 11.9995C17.7951 11.9994 18.5583 12.3153 19.121 12.8778C19.6837 13.4403 19.9999 14.2034 20 14.999C19.9989 15.7946 19.6824 16.5573 19.1199 17.1199C18.5573 17.6824 17.7946 17.9989 16.999 18Z" />`;
+    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-binoculars")) {
+  customElements.define("icon-binoculars", NavaIconBinoculars);
+}

package/dist/chunk-GKWSSEJ3.js

@@ -0,0 +1,47 @@
+// src/icons/camera.ts
+var NavaIconCamera = 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 8C9.832 8 8 9.832 8 12C8 14.168 9.832 16 12 16C14.168 16 16 14.168 16 12C16 9.832 14.168 8 12 8ZM12 14C10.935 14 10 13.065 10 12C10 10.935 10.935 10 12 10C13.065 10 14 10.935 14 12C14 13.065 13.065 14 12 14Z" />
+<path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM4 18V7H7C7.266 7 7.52 6.895 7.707 6.707L10.414 4H13.586L16.293 6.707C16.3857 6.80004 16.4959 6.87383 16.6172 6.92412C16.7386 6.9744 16.8687 7.00019 17 7H20L20.002 18H4Z" />`;
+    const filledPaths = `<path d="M12 9C10.374 9 9 10.374 9 12C9 13.626 10.374 15 12 15C13.626 15 15 13.626 15 12C15 10.374 13.626 9 12 9Z" />
+<path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM12 17C9.29 17 7 14.71 7 12C7 9.29 9.29 7 12 7C14.71 7 17 9.29 17 12C17 14.71 14.71 17 12 17Z" />`;
+    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-camera")) {
+  customElements.define("icon-camera", NavaIconCamera);
+}

package/dist/chunk-GLZC6VPA.js

@@ -0,0 +1,45 @@
+// src/icons/trending-up.ts
+var NavaIconTrendingUp = 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 10.414L14 14.414L19.707 8.707L22 11V5H16L18.293 7.293L14 11.586L10 7.586L2.29303 15.293L3.70703 16.707L10 10.414Z" />`;
+    const filledPaths = `<path d="M10 10.414L14 14.414L19.707 8.707L22 11V5H16L18.293 7.293L14 11.586L10 7.586L2.29303 15.293L3.70703 16.707L10 10.414Z" />`;
+    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-trending-up")) {
+  customElements.define("icon-trending-up", NavaIconTrendingUp);
+}

package/dist/chunk-GNBEQE5V.js

@@ -0,0 +1,45 @@
+// src/icons/star.ts
+var NavaIconStar = 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="M6.516 14.323L5.026 20.775C4.97986 20.9704 4.99371 21.1751 5.06574 21.3625C5.13777 21.5499 5.26464 21.7112 5.42976 21.8253C5.59489 21.9395 5.79061 22.0012 5.99135 22.0024C6.19209 22.0036 6.38852 21.9442 6.555 21.832L12 18.202L17.445 21.832C17.6153 21.9451 17.8162 22.0033 18.0206 21.9988C18.225 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.8143 10.1132 21.918 9.94266 21.9674 9.75351C22.0168 9.56436 22.0097 9.36488 21.9469 9.17974C21.8841 8.99461 21.7684 8.83193 21.6142 8.71183C21.4599 8.59173 21.2739 8.51947 21.079 8.504L15.378 8.05L12.911 2.589C12.8323 2.41316 12.7045 2.26384 12.5428 2.15906C12.3812 2.05429 12.1926 1.99854 12 1.99854C11.8074 1.99854 11.6188 2.05429 11.4572 2.15906C11.2955 2.26384 11.1677 2.41316 11.089 2.589L8.622 8.05L2.921 8.503C2.72945 8.51818 2.54633 8.58821 2.39355 8.70473C2.24077 8.82125 2.12479 8.97932 2.05949 9.16003C1.99419 9.34074 1.98233 9.53644 2.02534 9.72371C2.06835 9.91098 2.1644 10.0819 2.302 10.216L6.516 14.323ZM9.369 9.997C9.54749 9.98294 9.71891 9.92112 9.8653 9.81802C10.0117 9.71491 10.1276 9.57433 10.201 9.411L12 5.43L13.799 9.411C13.8724 9.57433 13.9883 9.71491 14.1347 9.81802C14.2811 9.92112 14.4525 9.98294 14.631 9.997L18.603 10.312L15.332 13.256C15.048 13.512 14.935 13.906 15.039 14.274L16.292 18.659L12.556 16.168C12.392 16.0579 12.199 15.9992 12.0015 15.9992C11.804 15.9992 11.611 16.0579 11.447 16.168L7.543 18.771L8.593 14.225C8.6315 14.0578 8.62633 13.8835 8.57799 13.7189C8.52966 13.5543 8.43978 13.4048 8.317 13.285L5.279 10.323L9.369 9.997Z" />`;
+    const filledPaths = `<path d="M21.947 9.17901C21.8842 8.99388 21.7685 8.83121 21.6142 8.71107C21.46 8.59094 21.2739 8.51861 21.079 8.50301L15.378 8.05001L12.911 2.58901C12.8325 2.41313 12.7047 2.26374 12.5431 2.15887C12.3815 2.05401 12.193 1.99815 12.0004 1.99805C11.8077 1.99794 11.6192 2.05359 11.4575 2.15828C11.2957 2.26296 11.1678 2.41221 11.089 2.58801L8.62203 8.05001L2.92103 8.50301C2.72948 8.51819 2.54636 8.58822 2.39358 8.70475C2.2408 8.82127 2.12482 8.97934 2.05952 9.16004C1.99422 9.34075 1.98236 9.53645 2.02537 9.72372C2.06838 9.91099 2.16443 10.0819 2.30203 10.216L6.51503 14.323L5.02503 20.775C4.97978 20.9703 4.99428 21.1747 5.06665 21.3617C5.13901 21.5486 5.26589 21.7095 5.43083 21.8235C5.59577 21.9374 5.79115 21.9991 5.99161 22.0007C6.19208 22.0022 6.38837 21.9434 6.55503 21.832L12 18.202L17.445 21.832C17.6154 21.9451 17.8162 22.0033 18.0207 21.9988C18.2251 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.966 9.97601 22.075 9.55801 21.947 9.17901Z" />`;
+    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-star")) {
+  customElements.define("icon-star", NavaIconStar);
+}

package/dist/chunk-GOF74KXG.js

@@ -0,0 +1,45 @@
+// src/icons/radar.ts
+var NavaIconRadar = 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 2C6.579 2 2 6.58 2 12C2 17.42 6.579 22 12 22C17.421 22 22 17.42 22 12C22 6.58 17.421 2 12 2ZM12 20C7.663 20 4 16.336 4 12C4 8.002 7.115 4.583 11 4.073V6.09C8.167 6.569 6 9.033 6 12C6 15.309 8.691 18 12 18C13.595 18 15.1 17.374 16.237 16.237L14.823 14.822C14.4537 15.1953 14.0141 15.4916 13.5295 15.6938C13.0449 15.896 12.5251 16.0001 12 16C9.794 16 8 14.206 8 12C8 10.142 9.279 8.589 11 8.142V10.288C10.41 10.641 10 11.281 10 12C10 13.081 10.919 14 12 14C13.081 14 14 13.081 14 12C14 11.281 13.59 10.641 13 10.288V4.073C16.885 4.583 20 8.002 20 12C20 16.336 16.337 20 12 20Z" />`;
+    const filledPaths = `<path d="M12 2C6.579 2 2 6.58 2 12C2 17.42 6.579 22 12 22C17.421 22 22 17.42 22 12C22 6.58 17.421 2 12 2ZM12 20C7.663 20 4 16.336 4 12C4 8.002 7.115 4.583 11 4.073V6.09C8.167 6.569 6 9.033 6 12C6 15.309 8.691 18 12 18C13.595 18 15.1 17.374 16.237 16.237L14.823 14.822C14.4537 15.1953 14.0141 15.4916 13.5295 15.6938C13.0449 15.896 12.5251 16.0001 12 16C9.794 16 8 14.206 8 12C8 10.142 9.279 8.589 11 8.142V10.288C10.41 10.641 10 11.281 10 12C10 13.081 10.919 14 12 14C13.081 14 14 13.081 14 12C14 11.281 13.59 10.641 13 10.288V4.073C16.885 4.583 20 8.002 20 12C20 16.336 16.337 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-radar")) {
+  customElements.define("icon-radar", NavaIconRadar);
+}

package/dist/chunk-GPMGPBE2.js

@@ -0,0 +1,46 @@
+// src/icons/heart-square.ts
+var NavaIconHeartSquare = 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.998 17L16.184 12.814C16.4427 12.5587 16.648 12.2545 16.7882 11.9191C16.9284 11.5838 17.0006 11.224 17.0006 10.8605C17.0006 10.497 16.9284 10.1372 16.7882 9.80185C16.648 9.46651 16.4427 9.16234 16.184 8.907C15.9286 8.64846 15.6244 8.44319 15.2891 8.3031C14.9537 8.163 14.5939 8.09086 14.2305 8.09086C13.8671 8.09086 13.5073 8.163 13.1719 8.3031C12.8366 8.44319 12.5324 8.64846 12.277 8.907L11.999 9.186L11.72 8.907C11.4646 8.64846 11.1604 8.44319 10.8251 8.3031C10.4897 8.163 10.1299 8.09086 9.7665 8.09086C9.40308 8.09086 9.04327 8.163 8.70793 8.3031C8.3726 8.44319 8.06841 8.64846 7.813 8.907C7.55446 9.16241 7.34919 9.4666 7.20909 9.80193C7.069 10.1373 6.99686 10.4971 6.99686 10.8605C6.99686 11.2239 7.069 11.5837 7.20909 11.9191C7.34919 12.2544 7.55446 12.5586 7.813 12.814L11.998 17Z" />
+<path d="M21 4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4ZM19 19H5V5H19V19Z" />`;
+    const filledPaths = `<path d="M4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21ZM7.812 8.907C8.06741 8.64846 8.3716 8.44319 8.70693 8.3031C9.04227 8.163 9.40208 8.09086 9.7655 8.09086C10.1289 8.09086 10.4887 8.163 10.8241 8.3031C11.1594 8.44319 11.4636 8.64846 11.719 8.907L11.998 9.186L12.276 8.907C12.5314 8.64846 12.8356 8.44319 13.1709 8.3031C13.5063 8.163 13.8661 8.09086 14.2295 8.09086C14.5929 8.09086 14.9527 8.163 15.2881 8.3031C15.6234 8.44319 15.9276 8.64846 16.183 8.907C16.4417 9.16234 16.647 9.46651 16.7872 9.80185C16.9274 10.1372 16.9996 10.497 16.9996 10.8605C16.9996 11.224 16.9274 11.5838 16.7872 11.9191C16.647 12.2545 16.4417 12.5587 16.183 12.814L11.998 17L7.811 12.814C7.55265 12.5585 7.34756 12.2542 7.20763 11.9188C7.06769 11.5835 6.99569 11.2237 6.99578 10.8603C6.99587 10.4969 7.06806 10.1372 7.20817 9.80186C7.34828 9.46657 7.55352 9.16241 7.812 8.907Z" />`;
+    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-heart-square")) {
+  customElements.define("icon-heart-square", NavaIconHeartSquare);
+}

package/dist/chunk-GT6IMW3E.js

@@ -0,0 +1,45 @@
+// src/icons/eraser.ts
+var NavaIconEraser = 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.58602 15.408L6.88502 19.707C6.97773 19.8001 7.08792 19.8738 7.20926 19.9241C7.33059 19.9744 7.46068 20.0002 7.59202 20H19.593V18H12.635L19.857 10.778C20.637 9.99901 20.637 8.72901 19.857 7.95001L14.906 3.00001C14.5306 2.6258 14.0221 2.41568 13.492 2.41568C12.9619 2.41568 12.4535 2.6258 12.078 3.00001L7.32802 7.74901L2.57402 12.592C2.20601 12.969 2.00101 13.4756 2.00325 14.0025C2.0055 14.5293 2.21481 15.0342 2.58602 15.408ZM13.492 4.41401L18.442 9.36401L15.856 11.95L10.906 7.00001L13.492 4.41401ZM8.74902 9.15601L9.49202 8.41401L14.442 13.364L9.88502 17.921C9.86069 17.9462 9.83766 17.9725 9.81602 18H8.00602L4.00102 13.993L8.74902 9.15601Z" />`;
+    const filledPaths = `<path d="M12.48 2.99999L7.73004 7.75L3.00004 12.59C2.62754 12.9647 2.41846 13.4716 2.41846 14C2.41846 14.5284 2.62754 15.0353 3.00004 15.41L7.30004 19.71C7.4863 19.8947 7.7377 19.9989 8.00004 20H20V18H13L20.22 10.78C20.406 10.5942 20.5535 10.3737 20.6542 10.1309C20.7548 9.88808 20.8066 9.62783 20.8066 9.365C20.8066 9.10216 20.7548 8.84191 20.6542 8.59911C20.5535 8.35632 20.406 8.13574 20.22 7.95L15.31 2.99999C15.1243 2.81404 14.9037 2.66652 14.6609 2.56588C14.4181 2.46523 14.1579 2.41342 13.895 2.41342C13.6322 2.41342 13.372 2.46523 13.1292 2.56588C12.8864 2.66652 12.6658 2.81404 12.48 2.99999ZM8.41004 18L4.41004 14L9.16004 9.16L9.90004 8.41L14.85 13.36L10.29 17.92L10.22 18H8.41004Z" />`;
+    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-eraser")) {
+  customElements.define("icon-eraser", NavaIconEraser);
+}

package/dist/chunk-GUXQZ4CC.js

@@ -0,0 +1,47 @@
+// src/icons/radiation.ts
+var NavaIconRadiation = 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="M9.91203 8.53101L7.12103 3.87701C7.08672 3.8188 7.04098 3.76814 6.98657 3.72807C6.93216 3.68799 6.87021 3.65934 6.80444 3.64384C6.73868 3.62833 6.67045 3.62628 6.60387 3.63783C6.5373 3.64937 6.47374 3.67426 6.41703 3.71101C5.15296 4.55934 4.09968 5.68556 3.33774 7.00352C2.57581 8.32147 2.12542 9.79624 2.02103 11.315C2.01795 11.3826 2.02846 11.4501 2.05195 11.5135C2.07544 11.5769 2.11143 11.6349 2.15779 11.6842C2.20414 11.7334 2.25991 11.7729 2.3218 11.8002C2.38368 11.8274 2.45041 11.842 2.51803 11.843L7.93903 11.933C7.95107 11.2449 8.13861 10.5712 8.48389 9.97587C8.82917 9.38052 9.32074 8.88319 9.91203 8.53101ZM18.021 4.02101C17.9643 3.97992 17.8996 3.95112 17.8311 3.93643C17.7626 3.92175 17.6918 3.9215 17.6232 3.93571C17.5546 3.94992 17.4898 3.97827 17.4327 4.01895C17.3757 4.05964 17.3278 4.11177 17.292 4.17201L14.499 8.83001C14.9726 9.20054 15.3572 9.67234 15.6247 10.2108C15.8922 10.7493 16.0358 11.3408 16.045 11.942L21.464 11.852C21.5319 11.851 21.5989 11.8364 21.661 11.809C21.7232 11.7816 21.7792 11.742 21.8257 11.6926C21.8722 11.6432 21.9084 11.5849 21.932 11.5212C21.9556 11.4576 21.9661 11.3898 21.963 11.322C21.8677 9.89361 21.4664 8.5024 20.7862 7.24271C20.1061 5.98302 19.163 4.88429 18.021 4.02101ZM13.954 15.532C13.3559 15.8726 12.6803 16.0537 11.992 16.058C11.3034 16.0539 10.6274 15.8727 10.029 15.532L7.38703 20.287C7.35371 20.3457 7.33261 20.4105 7.325 20.4776C7.3174 20.5446 7.32345 20.6125 7.34279 20.6772C7.36214 20.7419 7.39437 20.8019 7.43754 20.8538C7.48072 20.9057 7.53396 20.9483 7.59403 20.979C8.96241 21.6519 10.4672 22.0012 11.992 22C13.5163 22.0012 15.0204 21.6519 16.388 20.979C16.4481 20.9483 16.5013 20.9057 16.5445 20.8538C16.5877 20.8019 16.6199 20.7419 16.6393 20.6772C16.6586 20.6125 16.6647 20.5446 16.6571 20.4776C16.6495 20.4105 16.6284 20.3457 16.595 20.287L13.954 15.532Z" />
+<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" />`;
+    const filledPaths = `<path d="M9.91203 8.53101L7.12103 3.87701C7.08672 3.8188 7.04098 3.76814 6.98657 3.72807C6.93216 3.68799 6.87021 3.65934 6.80444 3.64384C6.73868 3.62833 6.67045 3.62628 6.60387 3.63783C6.5373 3.64937 6.47374 3.67426 6.41703 3.71101C5.15296 4.55934 4.09968 5.68556 3.33774 7.00352C2.57581 8.32147 2.12542 9.79624 2.02103 11.315C2.01795 11.3826 2.02846 11.4501 2.05195 11.5135C2.07544 11.5769 2.11143 11.6349 2.15779 11.6842C2.20414 11.7334 2.25991 11.7729 2.3218 11.8002C2.38368 11.8274 2.45041 11.842 2.51803 11.843L7.93903 11.933C7.95107 11.2449 8.13861 10.5712 8.48389 9.97587C8.82917 9.38052 9.32074 8.88319 9.91203 8.53101ZM18.021 4.02101C17.9643 3.97992 17.8996 3.95112 17.8311 3.93643C17.7626 3.92175 17.6918 3.9215 17.6232 3.93571C17.5546 3.94992 17.4898 3.97827 17.4327 4.01895C17.3757 4.05964 17.3278 4.11177 17.292 4.17201L14.499 8.83001C14.9726 9.20054 15.3572 9.67234 15.6247 10.2108C15.8922 10.7493 16.0358 11.3408 16.045 11.942L21.464 11.852C21.5319 11.851 21.5989 11.8364 21.661 11.809C21.7232 11.7816 21.7792 11.742 21.8257 11.6926C21.8722 11.6432 21.9084 11.5849 21.932 11.5212C21.9556 11.4576 21.9661 11.3898 21.963 11.322C21.8677 9.89361 21.4664 8.5024 20.7862 7.24271C20.1061 5.98302 19.163 4.88429 18.021 4.02101ZM13.954 15.532C13.3559 15.8726 12.6803 16.0537 11.992 16.058C11.3034 16.0539 10.6274 15.8727 10.029 15.532L7.38703 20.287C7.35371 20.3457 7.33261 20.4105 7.325 20.4776C7.3174 20.5446 7.32345 20.6125 7.34279 20.6772C7.36214 20.7419 7.39437 20.8019 7.43754 20.8538C7.48072 20.9057 7.53396 20.9483 7.59403 20.979C8.96241 21.6519 10.4672 22.0012 11.992 22C13.5163 22.0012 15.0204 21.6519 16.388 20.979C16.4481 20.9483 16.5013 20.9057 16.5445 20.8538C16.5877 20.8019 16.6199 20.7419 16.6393 20.6772C16.6586 20.6125 16.6647 20.5446 16.6571 20.4776C16.6495 20.4105 16.6284 20.3457 16.595 20.287L13.954 15.532Z" />
+<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" />`;
+    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-radiation")) {
+  customElements.define("icon-radiation", NavaIconRadiation);
+}

package/dist/chunk-GVZKXUFB.js

@@ -0,0 +1,45 @@
+// src/icons/phone.ts
+var NavaIconPhone = 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="M17.707 12.293C17.6142 12.2 17.504 12.1263 17.3827 12.076C17.2614 12.0257 17.1314 11.9998 17 11.9998C16.8687 11.9998 16.7387 12.0257 16.6173 12.076C16.496 12.1263 16.3858 12.2 16.293 12.293L14.699 13.887C13.96 13.667 12.581 13.167 11.707 12.293C10.833 11.419 10.333 10.04 10.113 9.30099L11.707 7.70699C11.8 7.6142 11.8737 7.504 11.924 7.38268C11.9743 7.26137 12.0002 7.13132 12.0002 6.99999C12.0002 6.86865 11.9743 6.73861 11.924 6.61729C11.8737 6.49598 11.8 6.38578 11.707 6.29299L7.70703 2.29299C7.61424 2.20004 7.50404 2.1263 7.38272 2.07599C7.26141 2.02568 7.13136 1.99979 7.00003 1.99979C6.8687 1.99979 6.73865 2.02568 6.61734 2.07599C6.49602 2.1263 6.38582 2.20004 6.29303 2.29299L3.58103 5.00499C3.20103 5.38499 2.98703 5.90699 2.99503 6.43999C3.01803 7.86399 3.39503 12.81 7.29303 16.708C11.191 20.606 16.137 20.982 17.562 21.006H17.59C18.118 21.006 18.617 20.798 18.995 20.42L21.707 17.708C21.8 17.6152 21.8737 17.505 21.924 17.3837C21.9743 17.2624 22.0002 17.1323 22.0002 17.001C22.0002 16.8697 21.9743 16.7396 21.924 16.6183C21.8737 16.497 21.8 16.3868 21.707 16.294L17.707 12.293ZM17.58 19.005C16.332 18.984 12.062 18.649 8.70703 15.293C5.34103 11.927 5.01503 7.64199 4.99503 6.41899L7.00003 4.41399L9.58603 6.99999L8.29303 8.29299C8.17549 8.41044 8.08907 8.55533 8.04158 8.71456C7.99409 8.87379 7.98703 9.04234 8.02103 9.20499C8.04503 9.31999 8.63203 12.047 10.292 13.707C11.952 15.367 14.679 15.954 14.794 15.978C14.9566 16.0129 15.1253 16.0064 15.2847 15.9591C15.4441 15.9117 15.589 15.825 15.706 15.707L17 14.414L19.586 17L17.58 19.005Z" />`;
+    const filledPaths = `<path d="M20.487 17.14L16.422 13.444C16.2299 13.2693 15.9774 13.1762 15.7178 13.1842C15.4583 13.1922 15.212 13.3008 15.031 13.487L12.638 15.948C12.062 15.838 10.904 15.477 9.71204 14.288C8.52004 13.095 8.15904 11.934 8.05204 11.362L10.511 8.968C10.6975 8.78712 10.8062 8.54082 10.8142 8.2812C10.8222 8.02159 10.7289 7.76904 10.554 7.57699L6.85904 3.51299C6.68408 3.32035 6.44092 3.2035 6.18119 3.18725C5.92146 3.17101 5.66564 3.25665 5.46804 3.42599L3.29804 5.28699C3.12515 5.46051 3.02196 5.69145 3.00804 5.93599C2.99304 6.18599 2.70704 12.108 7.29904 16.702C11.305 20.707 16.323 21 17.705 21C17.907 21 18.031 20.994 18.064 20.992C18.3086 20.9783 18.5394 20.8747 18.712 20.701L20.572 18.53C20.7421 18.333 20.8283 18.0774 20.8124 17.8177C20.7966 17.558 20.6798 17.3148 20.487 17.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-phone")) {
+  customElements.define("icon-phone", NavaIconPhone);
+}

package/dist/chunk-GWW45PCA.js

@@ -0,0 +1,45 @@
+// src/icons/flame.ts
+var NavaIconFlame = 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.579 2.393C12.4107 2.2723 12.2086 2.20789 12.0015 2.20897C11.7944 2.21004 11.593 2.27656 11.426 2.399C9.592 3.728 4 8.252 4 14C4 17.247 5.948 20.043 8.734 21.296C8.25735 20.6252 8.00086 19.8229 8 19C7.983 15.779 11.558 12.107 11.71 12C11.7944 11.9395 11.8957 11.907 11.9995 11.907C12.1033 11.907 12.2046 11.9395 12.289 12C12.441 12.107 16 14.974 16 19.002C16 19.856 15.725 20.645 15.267 21.296C18.052 20.043 20 17.248 20 14.005C20 8.144 14.418 3.698 12.579 2.393Z" />`;
+    const filledPaths = `<path d="M12.579 2.393C12.4107 2.2723 12.2086 2.20789 12.0015 2.20897C11.7944 2.21004 11.593 2.27656 11.426 2.399C9.592 3.728 4 8.252 4 14C4 17.247 5.948 20.043 8.734 21.296C8.25735 20.6252 8.00086 19.8229 8 19C7.983 15.779 11.558 12.107 11.71 12C11.7944 11.9395 11.8957 11.907 11.9995 11.907C12.1033 11.907 12.2046 11.9395 12.289 12C12.441 12.107 16 14.974 16 19.002C16 19.856 15.725 20.645 15.267 21.296C18.052 20.043 20 17.248 20 14.005C20 8.144 14.418 3.698 12.579 2.393Z" />`;
+    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-flame")) {
+  customElements.define("icon-flame", NavaIconFlame);
+}

package/dist/chunk-GYZNFUJP.js

@@ -0,0 +1,45 @@
+// src/icons/test-tube.ts
+var NavaIconTestTube = 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="M13.293 2.70703L14.111 3.52503L3.318 14.318C2.468 15.168 2 16.298 2 17.5C2 18.702 2.468 19.832 3.318 20.683C4.169 21.532 5.299 22 6.5 22C7.701 22 8.831 21.532 9.682 20.682L20.475 9.88903L21.293 10.707L22.707 9.29303L14.707 1.29303L13.293 2.70703ZM16.475 11.061L14.072 8.65703L12.658 10.071L15.061 12.475L13.647 13.89L12.657 12.9L11.243 14.314L12.233 15.304L10.818 16.719L8.415 14.315L7 15.728L9.403 18.132L8.267 19.268C7.322 20.212 5.677 20.212 4.732 19.268C4.26 18.795 4 18.168 4 17.5C4 16.832 4.26 16.205 4.732 15.732L15.525 4.93903L19.06 8.47403L16.475 11.061Z" />`;
+    const filledPaths = `<path d="M13.293 2.70703L14.111 3.52503L3.318 14.318C2.468 15.168 2 16.298 2 17.5C2 18.702 2.468 19.832 3.318 20.683C4.169 21.532 5.299 22 6.5 22C7.701 22 8.831 21.532 9.682 20.682L20.475 9.88903L21.293 10.707L22.707 9.29303L14.707 1.29303L13.293 2.70703ZM16.475 11.061L14.072 8.65703L12.658 10.071L15.061 12.475L13.647 13.89L12.657 12.9L11.243 14.314L12.233 15.304L10.818 16.719L8.415 14.315L7 15.728L9.403 18.132L8.267 19.268C7.322 20.212 5.677 20.212 4.732 19.268C4.26 18.795 4 18.168 4 17.5C4 16.832 4.26 16.205 4.732 15.732L15.525 4.93903L19.06 8.47403L16.475 11.061Z" />`;
+    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-test-tube")) {
+  customElements.define("icon-test-tube", NavaIconTestTube);
+}