@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-RB6PZC2F.js

@@ -0,0 +1,45 @@
+// src/icons/signal-2.ts
+var NavaIconSignal2 = 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 16H5V21H3V16ZM7 13H9V21H7V13Z" />`;
+    const filledPaths = `<path d="M3 16H5V21H3V16ZM7 13H9V21H7V13Z" />`;
+    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-signal-2")) {
+  customElements.define("icon-signal-2", NavaIconSignal2);
+}

package/dist/chunk-RCEU5Q4U.js

@@ -0,0 +1,45 @@
+// src/icons/plane-land.ts
+var NavaIconPlaneLand = 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.842 15.296C19.2499 15.3812 19.675 15.3049 20.0279 15.0832C20.3807 14.8614 20.6338 14.5115 20.734 14.107V14.106C20.7848 13.9007 20.7947 13.6875 20.763 13.4784C20.7314 13.2693 20.6588 13.0685 20.5495 12.8875C20.4402 12.7065 20.2962 12.5488 20.1259 12.4235C19.9556 12.2981 19.7623 12.2076 19.557 12.157L14.981 11.024L9.82499 4.20999L7.60099 3.98499L10.532 10.574L6.08299 10.125L3.77099 6.29599L2.39099 6.60599L3.63099 12.126L18.842 15.296ZM2.99999 18H21V20H2.99999V18Z" />`;
+    const filledPaths = `<path d="M18.842 15.296C19.2499 15.3812 19.675 15.3049 20.0279 15.0832C20.3807 14.8614 20.6338 14.5115 20.734 14.107V14.106C20.7848 13.9007 20.7947 13.6875 20.763 13.4784C20.7314 13.2693 20.6588 13.0685 20.5495 12.8875C20.4402 12.7065 20.2962 12.5488 20.1259 12.4235C19.9556 12.2981 19.7623 12.2076 19.557 12.157L14.981 11.024L9.82499 4.20999L7.60099 3.98499L10.532 10.574L6.08299 10.125L3.77099 6.29599L2.39099 6.60599L3.63099 12.126L18.842 15.296ZM2.99999 18H21V20H2.99999V18Z" />`;
+    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-plane-land")) {
+  customElements.define("icon-plane-land", NavaIconPlaneLand);
+}

package/dist/chunk-RDBO7BQD.js

@@ -0,0 +1,46 @@
+// src/icons/message-rounded-edit.ts
+var NavaIconMessageRoundedEdit = 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.486 2 2 5.589 2 10C2 12.908 3.898 15.515 7 16.934V22L12.34 17.995C17.697 17.852 22 14.32 22 10C22 5.589 17.514 2 12 2ZM12 16H11.667L9 18V15.583L8.359 15.336C5.67 14.301 4 12.256 4 10C4 6.691 7.589 4 12 4C16.411 4 20 6.691 20 10C20 13.309 16.411 16 12 16Z" />
+<path d="M8.50301 11.589V12.987H9.90101L13.771 9.12299L12.372 7.72499L8.50301 11.589ZM14.43 8.46399L13.032 7.06599L14.099 5.99899L15.497 7.39699L14.43 8.46399Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 5.589 2 10C2 12.907 3.897 15.516 7 16.934V22L12.34 17.995C17.697 17.854 22 14.32 22 10C22 5.589 17.514 2 12 2ZM9.302 13.986H7.503V12.188L12.479 7.218L14.277 9.017L9.302 13.986ZM15.125 8.17L13.326 6.372L14.698 5.001L16.497 6.799L15.125 8.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-message-rounded-edit")) {
+  customElements.define("icon-message-rounded-edit", NavaIconMessageRoundedEdit);
+}

package/dist/chunk-RG2SB4DT.js

@@ -0,0 +1,45 @@
+// src/icons/abacus.ts
+var NavaIconAbacus = 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 3H4V21H2V3ZM20 3H22V21H20V3ZM5 13H7V14H9V13H11V14H13V13H17V14H19V10H17V11H13V10H11V11H9V10H7V11H5V13ZM5 4V8H7V7H15V8H17V7H19V5H17V4H15V5H7V4H5ZM5 17V20H7V19H9V20H11V19H19V17H11V16H9V17H7V16H5V17Z" />`;
+    const filledPaths = `<path d="M2 3H4V21H2V3ZM20 3H22V21H20V3ZM5 13H7V14H9V13H11V14H13V13H17V14H19V10H17V11H13V10H11V11H9V10H7V11H5V13ZM5 4V8H7V7H15V8H17V7H19V5H17V4H15V5H7V4H5ZM5 17V20H7V19H9V20H11V19H19V17H11V16H9V17H7V16H5V17Z" />`;
+    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-abacus")) {
+  customElements.define("icon-abacus", NavaIconAbacus);
+}

package/dist/chunk-RG6A4SNP.js

@@ -0,0 +1,45 @@
+// src/icons/circle-half.ts
+var NavaIconCircleHalf = 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 2H11V22H12C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2ZM13 19.94V4.06C14.9377 4.29867 16.7213 5.23769 18.0147 6.70017C19.3081 8.16265 20.022 10.0476 20.022 12C20.022 13.9524 19.3081 15.8373 18.0147 17.2998C16.7213 18.7623 14.9377 19.7013 13 19.94Z" />`;
+    const filledPaths = `<path d="M12 2H11V22H12C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 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-circle-half")) {
+  customElements.define("icon-circle-half", NavaIconCircleHalf);
+}

package/dist/chunk-RGDD2B43.js

@@ -0,0 +1,48 @@
+// src/icons/coin-stack.ts
+var NavaIconCoinStack = 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 22C15.976 22 20 20.626 20 18V6C20 3.374 15.976 2 12 2C8.024 2 4 3.374 4 6V18C4 20.626 8.024 22 12 22ZM12 20C8.278 20 6 18.705 6 18V16.732C7.541 17.57 9.777 18 12 18C14.223 18 16.459 17.57 18 16.732V18C18 18.705 15.722 20 12 20ZM12 4C15.722 4 18 5.295 18 6C18 6.705 15.722 8 12 8C8.278 8 6 6.705 6 6C6 5.295 8.278 4 12 4ZM6 8.732C7.541 9.57 9.777 10 12 10C14.223 10 16.459 9.57 18 8.732V10C18 10.705 15.722 12 12 12C8.278 12 6 10.705 6 10V8.732ZM6 12.732C7.541 13.57 9.777 14 12 14C14.223 14 16.459 13.57 18 12.732V14C18 14.705 15.722 16 12 16C8.278 16 6 14.705 6 14V12.732Z" />`;
+    const filledPaths = `<path d="M12 10C15.976 10 20 8.626 20 6C20 3.374 15.976 2 12 2C8.024 2 4 3.374 4 6C4 8.626 8.024 10 12 10Z" />
+<path d="M4 10C4 12.626 8.024 14 12 14C15.976 14 20 12.626 20 10V8C20 10.626 15.976 12 12 12C8.024 12 4 10.626 4 8V10Z" />
+<path d="M4 14C4 16.626 8.024 18 12 18C15.976 18 20 16.626 20 14V12C20 14.626 15.976 16 12 16C8.024 16 4 14.626 4 12V14Z" />
+<path d="M4 18C4 20.626 8.024 22 12 22C15.976 22 20 20.626 20 18V16C20 18.626 15.976 20 12 20C8.024 20 4 18.626 4 16V18Z" />`;
+    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-coin-stack")) {
+  customElements.define("icon-coin-stack", NavaIconCoinStack);
+}

package/dist/chunk-RHA6K5NO.js

@@ -0,0 +1,46 @@
+// src/icons/caret-down-circle.ts
+var NavaIconCaretDownCircle = 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 16L17 10H7L12 16Z" />
+<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 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.515 22 22 17.514 22 12C22 6.486 17.515 2 12 2ZM12 16L7 10H17L12 16Z" />`;
+    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-caret-down-circle")) {
+  customElements.define("icon-caret-down-circle", NavaIconCaretDownCircle);
+}

package/dist/chunk-RJTYFVH7.js

@@ -0,0 +1,45 @@
+// src/icons/blanket.ts
+var NavaIconBlanket = 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 2H7C4.243 2 2 4.243 2 7V17C2 19.757 4.243 22 7 22H19C20.654 22 22 20.654 22 19C22 17.346 20.654 16 19 16H6V18H19C19.2652 18 19.5196 18.1054 19.7071 18.2929C19.8946 18.4804 20 18.7348 20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H7C5.346 20 4 18.654 4 17C4 15.346 5.346 14 7 14H20C21.103 14 22 13.103 22 12V4C22 2.897 21.103 2 20 2ZM20 12H7C5.9176 11.9986 4.86431 12.3504 4 13.002V7C4 5.346 5.346 4 7 4H20V12Z" />`;
+    const filledPaths = `<path d="M20 2H7C4.243 2 2 4.243 2 7V17C2 19.757 4.243 22 7 22H19C20.654 22 22 20.654 22 19C22 17.346 20.654 16 19 16H6V18H19C19.2652 18 19.5196 18.1054 19.7071 18.2929C19.8946 18.4804 20 18.7348 20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H7C5.346 20 4 18.654 4 17C4 15.346 5.346 14 7 14H20C21.103 14 22 13.103 22 12V4C22 2.897 21.103 2 20 2ZM4 13H4.003L4 13.002V13Z" />`;
+    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-blanket")) {
+  customElements.define("icon-blanket", NavaIconBlanket);
+}

package/dist/chunk-RKDUJJRR.js

@@ -0,0 +1,45 @@
+// src/icons/microchip.ts
+var NavaIconMicrochip = 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="M16 2H8C6.897 2 6 2.897 6 4V20C6 21.103 6.897 22 8 22H16C17.103 22 18 21.103 18 20V4C18 2.897 17.103 2 16 2ZM8 20V4H16L16.001 20H8ZM3 7H5V5H3V5.5H2V6.5H3V7ZM21 5H19V7H21V6.5H22V5.5H21V5ZM3 11H5V9H3V9.5H2V10.5H3V11ZM21 9H19V11H21V10.5H22V9.5H21V9ZM3 15H5V13H3V13.5H2V14.5H3V15ZM21 13H19V15H21V14.5H22V13.5H21V13ZM3 19H5V17H3V17.5H2V18.5H3V19ZM21 17H19V19H21V18.5H22V17.5H21V17Z" />`;
+    const filledPaths = `<path d="M7.99902 22H15.999C17.102 22 17.999 21.103 17.999 20V4C17.999 2.897 17.102 2 15.999 2H7.99902C6.89602 2 5.99902 2.897 5.99902 4V20C5.99902 21.103 6.89602 22 7.99902 22ZM2.99902 7H4.99902V5H2.99902V5.5H1.99902V6.5H2.99902V7ZM20.999 5H18.999V7H20.999V6.5H21.999V5.5H20.999V5ZM2.99902 11H4.99902V9H2.99902V9.5H1.99902V10.5H2.99902V11ZM20.999 9H18.999V11H20.999V10.5H21.999V9.5H20.999V9ZM2.99902 15H4.99902V13H2.99902V13.5H1.99902V14.5H2.99902V15ZM20.999 13H18.999V15H20.999V14.5H21.999V13.5H20.999V13ZM2.99902 19H4.99902V17H2.99902V17.5H1.99902V18.5H2.99902V19ZM20.999 17H18.999V19H20.999V18.5H21.999V17.5H20.999V17Z" />`;
+    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-microchip")) {
+  customElements.define("icon-microchip", NavaIconMicrochip);
+}

package/dist/chunk-RLWRYTGP.js

@@ -0,0 +1,46 @@
+// src/icons/user-circle.ts
+var NavaIconUserCircle = 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 2C9.35831 2.03369 6.8343 3.09807 4.96618 4.96618C3.09807 6.8343 2.03369 9.35831 2 12C2.01235 13.5389 2.37972 15.0542 3.07351 16.4279C3.7673 17.8016 4.76879 18.9967 6 19.92V20H6.1C7.79318 21.2975 9.86685 22.0006 12 22.0006C14.1332 22.0006 16.2068 21.2975 17.9 20H18V19.92C19.2312 18.9967 20.2327 17.8016 20.9265 16.4279C21.6203 15.0542 21.9877 13.5389 22 12C21.9663 9.35831 20.9019 6.8343 19.0338 4.96618C17.1657 3.09807 14.6417 2.03369 12 2ZM8.07 18.93C8.21599 18.2614 8.58615 17.6629 9.11908 17.2336C9.65202 16.8044 10.3157 16.5702 11 16.57H13C13.6843 16.5702 14.348 16.8044 14.8809 17.2336C15.4138 17.6629 15.784 18.2614 15.93 18.93C14.7389 19.6308 13.382 20.0004 12 20.0004C10.618 20.0004 9.26113 19.6308 8.07 18.93ZM17.61 17.64C17.2296 16.7309 16.5891 15.9546 15.7689 15.4084C14.9487 14.8622 13.9854 14.5705 13 14.57H11C10.0146 14.5705 9.05127 14.8622 8.23108 15.4084C7.41088 15.9546 6.77037 16.7309 6.39 17.64C5.64066 16.903 5.0439 16.0255 4.63381 15.0578C4.22373 14.0901 4.00835 13.051 4 12C4.02594 9.88633 4.87712 7.86653 6.37183 6.37183C7.86653 4.87712 9.88633 4.02594 12 4C14.1137 4.02594 16.1335 4.87712 17.6282 6.37183C19.1229 7.86653 19.9741 9.88633 20 12C19.9916 13.051 19.7763 14.0901 19.3662 15.0578C18.9561 16.0255 18.3593 16.903 17.61 17.64Z" />
+<path d="M12 6.00002C11.4713 5.98771 10.9457 6.08275 10.4548 6.27941C9.96394 6.47607 9.51806 6.77026 9.14414 7.14418C8.77023 7.51809 8.47604 7.96397 8.27938 8.45484C8.08272 8.94571 7.98768 9.47137 7.99999 10C7.98768 10.5287 8.08272 11.0543 8.27938 11.5452C8.47604 12.0361 8.77023 12.482 9.14414 12.8559C9.51806 13.2298 9.96394 13.524 10.4548 13.7206C10.9457 13.9173 11.4713 14.0123 12 14C12.5286 14.0123 13.0543 13.9173 13.5452 13.7206C14.036 13.524 14.4819 13.2298 14.8558 12.8559C15.2298 12.482 15.5239 12.0361 15.7206 11.5452C15.9173 11.0543 16.0123 10.5287 16 10C16.0123 9.47137 15.9173 8.94571 15.7206 8.45484C15.5239 7.96397 15.2298 7.51809 14.8558 7.14418C14.4819 6.77026 14.036 6.47607 13.5452 6.27941C13.0543 6.08275 12.5286 5.98771 12 6.00002ZM12 12C11.7339 12.0129 11.4681 11.97 11.2197 11.874C10.9712 11.778 10.7455 11.6312 10.5572 11.4428C10.3688 11.2545 10.222 11.0288 10.126 10.7803C10.0301 10.5319 9.98713 10.2661 9.99999 10C9.98713 9.73397 10.0301 9.46817 10.126 9.2197C10.222 8.97122 10.3688 8.74557 10.5572 8.55722C10.7455 8.36888 10.9712 8.22201 11.2197 8.12605C11.4681 8.03009 11.7339 7.98716 12 8.00002C12.266 7.98716 12.5318 8.03009 12.7803 8.12605C13.0288 8.22201 13.2544 8.36888 13.4428 8.55722C13.6311 8.74557 13.778 8.97122 13.874 9.2197C13.9699 9.46817 14.0129 9.73397 14 10C14.0129 10.2661 13.9699 10.5319 13.874 10.7803C13.778 11.0288 13.6311 11.2545 13.4428 11.4428C13.2544 11.6312 13.0288 11.778 12.7803 11.874C12.5318 11.97 12.266 12.0129 12 12Z" />`;
+    const filledPaths = `<path d="M12 2C6.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2ZM12 7C13.727 7 15 8.272 15 10C15 11.728 13.727 13 12 13C10.274 13 9 11.728 9 10C9 8.272 10.274 7 12 7ZM6.894 16.772C7.791 15.452 9.287 14.572 11 14.572H13C14.714 14.572 16.209 15.452 17.106 16.772C15.828 18.14 14.015 19 12 19C9.985 19 8.172 18.14 6.894 16.772Z" />`;
+    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-circle")) {
+  customElements.define("icon-user-circle", NavaIconUserCircle);
+}

package/dist/chunk-RN7R63OF.js

@@ -0,0 +1,46 @@
+// src/icons/comment-error.ts
+var NavaIconCommentError = 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 6H13V11H11V6ZM11 12H13V14H11V12Z" />
+<path d="M20 2H4C2.897 2 2 2.897 2 4V22L7.333 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H6.667L4 18V4H20V16Z" />`;
+    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM13 15H11V13H13V15ZM13 11H11V5H13V11Z" />`;
+    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-comment-error")) {
+  customElements.define("icon-comment-error", NavaIconCommentError);
+}

package/dist/chunk-RO2OMOCM.js

@@ -0,0 +1,47 @@
+// src/icons/guitar-amp.ts
+var NavaIconGuitarAmp = 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 2.897 17.103 2 16 2H8C6.897 2 6 2.897 6 4V6H4C2.897 6 2 6.897 2 8V20C2 21.103 2.897 22 4 22H20C21.103 22 22 21.103 22 20V8C22 6.897 21.103 6 20 6ZM8 4H16V6H8V4ZM6 19C5.73478 19 5.48043 18.8946 5.29289 18.7071C5.10536 18.5196 5 18.2652 5 18C5 17.7348 5.10536 17.4804 5.29289 17.2929C5.48043 17.1054 5.73478 17 6 17C6.26522 17 6.51957 17.1054 6.70711 17.2929C6.89464 17.4804 7 17.7348 7 18C7 18.2652 6.89464 18.5196 6.70711 18.7071C6.51957 18.8946 6.26522 19 6 19ZM6 16C5.73478 16 5.48043 15.8946 5.29289 15.7071C5.10536 15.5196 5 15.2652 5 15C5 14.7348 5.10536 14.4804 5.29289 14.2929C5.48043 14.1054 5.73478 14 6 14C6.26522 14 6.51957 14.1054 6.70711 14.2929C6.89464 14.4804 7 14.7348 7 15C7 15.2652 6.89464 15.5196 6.70711 15.7071C6.51957 15.8946 6.26522 16 6 16ZM9 19C8.73478 19 8.48043 18.8946 8.29289 18.7071C8.10536 18.5196 8 18.2652 8 18C8 17.7348 8.10536 17.4804 8.29289 17.2929C8.48043 17.1054 8.73478 17 9 17C9.26522 17 9.51957 17.1054 9.70711 17.2929C9.89464 17.4804 10 17.7348 10 18C10 18.2652 9.89464 18.5196 9.70711 18.7071C9.51957 18.8946 9.26522 19 9 19ZM9 16C8.73478 16 8.48043 15.8946 8.29289 15.7071C8.10536 15.5196 8 15.2652 8 15C8 14.7348 8.10536 14.4804 8.29289 14.2929C8.48043 14.1054 8.73478 14 9 14C9.26522 14 9.51957 14.1054 9.70711 14.2929C9.89464 14.4804 10 14.7348 10 15C10 15.2652 9.89464 15.5196 9.70711 15.7071C9.51957 15.8946 9.26522 16 9 16ZM12 19C11.7348 19 11.4804 18.8946 11.2929 18.7071C11.1054 18.5196 11 18.2652 11 18C11 17.7348 11.1054 17.4804 11.2929 17.2929C11.4804 17.1054 11.7348 17 12 17C12.2652 17 12.5196 17.1054 12.7071 17.2929C12.8946 17.4804 13 17.7348 13 18C13 18.2652 12.8946 18.5196 12.7071 18.7071C12.5196 18.8946 12.2652 19 12 19ZM12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15C11 14.7348 11.1054 14.4804 11.2929 14.2929C11.4804 14.1054 11.7348 14 12 14C12.2652 14 12.5196 14.1054 12.7071 14.2929C12.8946 14.4804 13 14.7348 13 15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16ZM15 19C14.7348 19 14.4804 18.8946 14.2929 18.7071C14.1054 18.5196 14 18.2652 14 18C14 17.7348 14.1054 17.4804 14.2929 17.2929C14.4804 17.1054 14.7348 17 15 17C15.2652 17 15.5196 17.1054 15.7071 17.2929C15.8946 17.4804 16 17.7348 16 18C16 18.2652 15.8946 18.5196 15.7071 18.7071C15.5196 18.8946 15.2652 19 15 19ZM15 16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14C15.2652 14 15.5196 14.1054 15.7071 14.2929C15.8946 14.4804 16 14.7348 16 15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16ZM18 19C17.7348 19 17.4804 18.8946 17.2929 18.7071C17.1054 18.5196 17 18.2652 17 18C17 17.7348 17.1054 17.4804 17.2929 17.2929C17.4804 17.1054 17.7348 17 18 17C18.2652 17 18.5196 17.1054 18.7071 17.2929C18.8946 17.4804 19 17.7348 19 18C19 18.2652 18.8946 18.5196 18.7071 18.7071C18.5196 18.8946 18.2652 19 18 19ZM18 16C17.7348 16 17.4804 15.8946 17.2929 15.7071C17.1054 15.5196 17 15.2652 17 15C17 14.7348 17.1054 14.4804 17.2929 14.2929C17.4804 14.1054 17.7348 14 18 14C18.2652 14 18.5196 14.1054 18.7071 14.2929C18.8946 14.4804 19 14.7348 19 15C19 15.2652 18.8946 15.5196 18.7071 15.7071C18.5196 15.8946 18.2652 16 18 16ZM20 12H4V8H20V12Z" />
+<path d="M14 9H16V11H14V9ZM17 9H19V11H17V9Z" />`;
+    const filledPaths = `<path d="M20 6H18V4C18 2.897 17.103 2 16 2H8C6.897 2 6 2.897 6 4V6H4C2.897 6 2 6.897 2 8V20C2 21.103 2.897 22 4 22H20C21.103 22 22 21.103 22 20V8C22 6.897 21.103 6 20 6ZM8 4H16V6H8V4ZM6 19C5.73478 19 5.48043 18.8946 5.29289 18.7071C5.10536 18.5196 5 18.2652 5 18C5 17.7348 5.10536 17.4804 5.29289 17.2929C5.48043 17.1054 5.73478 17 6 17C6.26522 17 6.51957 17.1054 6.70711 17.2929C6.89464 17.4804 7 17.7348 7 18C7 18.2652 6.89464 18.5196 6.70711 18.7071C6.51957 18.8946 6.26522 19 6 19ZM6 16C5.73478 16 5.48043 15.8946 5.29289 15.7071C5.10536 15.5196 5 15.2652 5 15C5 14.7348 5.10536 14.4804 5.29289 14.2929C5.48043 14.1054 5.73478 14 6 14C6.26522 14 6.51957 14.1054 6.70711 14.2929C6.89464 14.4804 7 14.7348 7 15C7 15.2652 6.89464 15.5196 6.70711 15.7071C6.51957 15.8946 6.26522 16 6 16ZM9 19C8.73478 19 8.48043 18.8946 8.29289 18.7071C8.10536 18.5196 8 18.2652 8 18C8 17.7348 8.10536 17.4804 8.29289 17.2929C8.48043 17.1054 8.73478 17 9 17C9.26522 17 9.51957 17.1054 9.70711 17.2929C9.89464 17.4804 10 17.7348 10 18C10 18.2652 9.89464 18.5196 9.70711 18.7071C9.51957 18.8946 9.26522 19 9 19ZM9 16C8.73478 16 8.48043 15.8946 8.29289 15.7071C8.10536 15.5196 8 15.2652 8 15C8 14.7348 8.10536 14.4804 8.29289 14.2929C8.48043 14.1054 8.73478 14 9 14C9.26522 14 9.51957 14.1054 9.70711 14.2929C9.89464 14.4804 10 14.7348 10 15C10 15.2652 9.89464 15.5196 9.70711 15.7071C9.51957 15.8946 9.26522 16 9 16ZM12 19C11.7348 19 11.4804 18.8946 11.2929 18.7071C11.1054 18.5196 11 18.2652 11 18C11 17.7348 11.1054 17.4804 11.2929 17.2929C11.4804 17.1054 11.7348 17 12 17C12.2652 17 12.5196 17.1054 12.7071 17.2929C12.8946 17.4804 13 17.7348 13 18C13 18.2652 12.8946 18.5196 12.7071 18.7071C12.5196 18.8946 12.2652 19 12 19ZM12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15C11 14.7348 11.1054 14.4804 11.2929 14.2929C11.4804 14.1054 11.7348 14 12 14C12.2652 14 12.5196 14.1054 12.7071 14.2929C12.8946 14.4804 13 14.7348 13 15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16ZM15 19C14.7348 19 14.4804 18.8946 14.2929 18.7071C14.1054 18.5196 14 18.2652 14 18C14 17.7348 14.1054 17.4804 14.2929 17.2929C14.4804 17.1054 14.7348 17 15 17C15.2652 17 15.5196 17.1054 15.7071 17.2929C15.8946 17.4804 16 17.7348 16 18C16 18.2652 15.8946 18.5196 15.7071 18.7071C15.5196 18.8946 15.2652 19 15 19ZM15 16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14C15.2652 14 15.5196 14.1054 15.7071 14.2929C15.8946 14.4804 16 14.7348 16 15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16ZM18 19C17.7348 19 17.4804 18.8946 17.2929 18.7071C17.1054 18.5196 17 18.2652 17 18C17 17.7348 17.1054 17.4804 17.2929 17.2929C17.4804 17.1054 17.7348 17 18 17C18.2652 17 18.5196 17.1054 18.7071 17.2929C18.8946 17.4804 19 17.7348 19 18C19 18.2652 18.8946 18.5196 18.7071 18.7071C18.5196 18.8946 18.2652 19 18 19ZM18 16C17.7348 16 17.4804 15.8946 17.2929 15.7071C17.1054 15.5196 17 15.2652 17 15C17 14.7348 17.1054 14.4804 17.2929 14.2929C17.4804 14.1054 17.7348 14 18 14C18.2652 14 18.5196 14.1054 18.7071 14.2929C18.8946 14.4804 19 14.7348 19 15C19 15.2652 18.8946 15.5196 18.7071 15.7071C18.5196 15.8946 18.2652 16 18 16ZM20 12H4V8H20V12Z" />
+<path d="M14 9H16V11H14V9ZM17 9H19V11H17V9Z" />`;
+    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-guitar-amp")) {
+  customElements.define("icon-guitar-amp", NavaIconGuitarAmp);
+}

package/dist/chunk-RQIWZJEP.js

@@ -0,0 +1,45 @@
+// src/icons/shield-alt.ts
+var NavaIconShieldAlt = 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.342 8.447L21.447 7.894C21.5782 7.82877 21.6935 7.73545 21.7845 7.62066C21.8756 7.50587 21.9403 7.37243 21.974 7.22982C22.0077 7.08721 22.0096 6.93893 21.9795 6.79551C21.9494 6.65209 21.8881 6.51706 21.8 6.4L18.8 2.4C18.7069 2.2758 18.5861 2.175 18.4472 2.10557C18.3084 2.03614 18.1552 2 18 2H6C5.84475 2 5.69164 2.03614 5.55279 2.10557C5.41393 2.175 5.29315 2.2758 5.2 2.4L2.2 6.4C2.11217 6.51712 2.05112 6.65209 2.02117 6.79539C1.99122 6.93869 1.9931 7.08681 2.02667 7.22931C2.06024 7.3718 2.12469 7.50518 2.21546 7.62004C2.30624 7.73489 2.42112 7.82841 2.552 7.894L3.657 8.447L2.526 10.709C2.18145 11.4038 2.00147 12.1685 2 12.944V13.535C2.00398 14.7556 2.37838 15.9462 3.0737 16.9493C3.76901 17.9525 4.75248 18.7209 5.894 19.153L9.325 20.439C10.0649 20.7151 10.7365 21.1476 11.294 21.707C11.3866 21.8 11.4967 21.8739 11.618 21.9242C11.7392 21.9746 11.8692 22.0005 12.0005 22.0005C12.1318 22.0005 12.2618 21.9746 12.383 21.9242C12.5043 21.8739 12.6144 21.8 12.707 21.707C13.2645 21.1479 13.9361 20.7157 14.676 20.44L18.108 19.153C19.249 18.7203 20.2319 17.9517 20.9268 16.9486C21.6217 15.9456 21.9959 14.7553 22 13.535V12.944C22 12.173 21.817 11.399 21.473 10.708L20.342 8.447ZM20 13.535C19.9972 14.3486 19.7476 15.1423 19.284 15.811C18.8205 16.4797 18.1649 16.9919 17.404 17.28L13.973 18.567C13.2632 18.8322 12.5976 19.2034 11.999 19.668C11.4003 19.2032 10.7348 18.8317 10.025 18.566L6.596 17.28C5.83506 16.9919 5.17949 16.4797 4.71595 15.811C4.25242 15.1423 4.00276 14.3486 4 13.535V12.944C4 12.481 4.109 12.016 4.316 11.602L5.447 9.341C5.68358 8.86629 5.72222 8.31712 5.55444 7.81395C5.38665 7.31079 5.02615 6.89472 4.552 6.657L4.519 6.642L6.5 4H17.5L19.481 6.642L19.447 6.659C18.973 6.89691 18.6127 7.313 18.445 7.81608C18.2772 8.31917 18.3157 8.86824 18.552 9.343L19.683 11.603C19.891 12.017 20 12.481 20 12.944V13.535Z" />`;
+    const filledPaths = `<path d="M20.342 8.447L21.447 7.894C21.5782 7.82877 21.6935 7.73545 21.7845 7.62066C21.8756 7.50587 21.9403 7.37243 21.974 7.22982C22.0077 7.08721 22.0096 6.93893 21.9795 6.79551C21.9494 6.65209 21.8881 6.51706 21.8 6.4L18.8 2.4C18.7069 2.2758 18.5861 2.175 18.4472 2.10557C18.3084 2.03614 18.1552 2 18 2H6C5.84475 2 5.69164 2.03614 5.55279 2.10557C5.41393 2.175 5.29315 2.2758 5.2 2.4L2.2 6.4C2.11217 6.51712 2.05112 6.65209 2.02117 6.79539C1.99122 6.93869 1.9931 7.08681 2.02667 7.22931C2.06024 7.3718 2.12469 7.50518 2.21546 7.62004C2.30624 7.73489 2.42112 7.82841 2.552 7.894L3.657 8.447L2.526 10.709C2.18145 11.4038 2.00147 12.1685 2 12.944V13.535C2.00398 14.7556 2.37838 15.9462 3.0737 16.9493C3.76901 17.9525 4.75248 18.7209 5.894 19.153L9.325 20.439C10.0649 20.7151 10.7365 21.1476 11.294 21.707C11.3866 21.8 11.4967 21.8739 11.618 21.9242C11.7392 21.9746 11.8692 22.0005 12.0005 22.0005C12.1318 22.0005 12.2618 21.9746 12.383 21.9242C12.5043 21.8739 12.6144 21.8 12.707 21.707C13.2645 21.1479 13.9361 20.7157 14.676 20.44L18.108 19.153C19.249 18.7203 20.2319 17.9517 20.9268 16.9486C21.6217 15.9456 21.9959 14.7553 22 13.535V12.944C22 12.173 21.817 11.399 21.473 10.708L20.342 8.447ZM20 13.535C19.9972 14.3486 19.7476 15.1423 19.284 15.811C18.8205 16.4797 18.1649 16.9919 17.404 17.28L13.973 18.567C13.2632 18.8322 12.5976 19.2034 11.999 19.668C11.4003 19.2032 10.7348 18.8317 10.025 18.566L6.596 17.28C5.83506 16.9919 5.17949 16.4797 4.71595 15.811C4.25242 15.1423 4.00276 14.3486 4 13.535V12.944C4 12.481 4.109 12.016 4.316 11.602L5.447 9.341C5.68358 8.86629 5.72222 8.31712 5.55444 7.81395C5.38665 7.31079 5.02615 6.89472 4.552 6.657L4.519 6.642L6.5 4H17.5L19.481 6.642L19.447 6.659C18.973 6.89691 18.6127 7.313 18.445 7.81608C18.2772 8.31917 18.3157 8.86824 18.552 9.343L19.683 11.603C19.891 12.017 20 12.481 20 12.944V13.535Z" />`;
+    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-shield-alt")) {
+  customElements.define("icon-shield-alt", NavaIconShieldAlt);
+}