@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-2GDI3UYD.js

@@ -0,0 +1,46 @@
+// src/icons/user-pin.ts
+var NavaIconUserPin = 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 10C13.151 10 14 9.152 14 8C14 6.848 13.151 6 12 6C10.85 6 10 6.848 10 8C10 9.152 10.85 10 12 10ZM12 11C9.791 11 8 12.612 8 14.6V14.986H16V14.6C16 12.612 14.209 11 12 11Z" />
+<path d="M19 2H5C3.897 2 3 2.897 3 4V17C3 18.103 3.897 19 5 19H9L12 22L15 19H19C20.103 19 21 18.103 21 17V4C21 2.897 20.103 2 19 2ZM14 17L12 19L10 17H5V4H19L19.002 17H14Z" />`;
+    const filledPaths = `<path d="M19 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19H9L12 22L15 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2ZM12 5C13.727 5 15 6.272 15 8C15 9.728 13.727 11 12 11C10.274 11 9 9.728 9 8C9 6.272 10.274 5 12 5ZM7.177 16C7.735 14.277 9.673 13 12 13C14.327 13 16.266 14.277 16.823 16H7.177Z" />`;
+    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-pin")) {
+  customElements.define("icon-user-pin", NavaIconUserPin);
+}

package/dist/chunk-2IV5S3NC.js

@@ -0,0 +1,45 @@
+// src/icons/question-mark.ts
+var NavaIconQuestionMark = 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 4C9.243 4 7 6.243 7 9H9C9 7.346 10.346 6 12 6C13.654 6 15 7.346 15 9C15 10.069 14.546 10.465 13.519 11.255C13.137 11.549 12.706 11.881 12.293 12.293C10.981 13.604 10.995 14.897 11 15V17H13V14.991C13 14.967 13.023 14.39 13.707 13.707C14.027 13.387 14.389 13.109 14.738 12.84C15.798 12.024 17 11.1 17 9C17 6.243 14.757 4 12 4ZM11 18H13V20H11V18Z" />`;
+    const filledPaths = `<path d="M12 4C9.243 4 7 6.243 7 9H9C9 7.346 10.346 6 12 6C13.654 6 15 7.346 15 9C15 10.069 14.546 10.465 13.519 11.255C13.137 11.549 12.706 11.881 12.293 12.293C10.981 13.604 10.995 14.897 11 15V17H13V14.991C13 14.967 13.023 14.39 13.707 13.707C14.027 13.387 14.389 13.109 14.738 12.84C15.798 12.024 17 11.1 17 9C17 6.243 14.757 4 12 4ZM11 18H13V20H11V18Z" />`;
+    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-question-mark")) {
+  customElements.define("icon-question-mark", NavaIconQuestionMark);
+}

package/dist/chunk-2LBQ3AT3.js

@@ -0,0 +1,48 @@
+// src/icons/happy.ts
+var NavaIconHappy = 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 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" />
+<path d="M8.5 12C9.32843 12 10 11.3284 10 10.5C10 9.67157 9.32843 9 8.5 9C7.67157 9 7 9.67157 7 10.5C7 11.3284 7.67157 12 8.5 12Z" />
+<path d="M15.493 11.986C16.3176 11.986 16.986 11.3176 16.986 10.493C16.986 9.66844 16.3176 9 15.493 9C14.6684 9 14 9.66844 14 10.493C14 11.3176 14.6684 11.986 15.493 11.986Z" />
+<path d="M12 18C16 18 17 14 17 14H7C7 14 8 18 12 18Z" />`;
+    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 2ZM15.493 9C15.6924 8.99491 15.8908 9.02979 16.0765 9.10259C16.2621 9.17538 16.4314 9.28463 16.5742 9.42387C16.717 9.56311 16.8304 9.72954 16.9079 9.91333C16.9853 10.0971 17.0252 10.2946 17.0251 10.494C17.0251 10.6935 16.9851 10.8909 16.9075 11.0746C16.8299 11.2584 16.7163 11.4247 16.5735 11.5639C16.4306 11.703 16.2613 11.8121 16.0755 11.8848C15.8898 11.9575 15.6914 11.9922 15.492 11.987C15.1026 11.9768 14.7326 11.8149 14.4608 11.5358C14.189 11.2567 14.037 10.8826 14.0371 10.493C14.0373 10.1035 14.1895 9.72939 14.4615 9.45049C14.7335 9.17159 15.1036 9.00995 15.493 9ZM8.5 9C8.69705 9.00007 8.89215 9.03894 9.07418 9.11441C9.2562 9.18988 9.42158 9.30046 9.56087 9.43984C9.70016 9.57922 9.81063 9.74467 9.88597 9.92675C9.96132 10.1088 10.0001 10.304 10 10.501C9.99993 10.698 9.96106 10.8932 9.88559 11.0752C9.81012 11.2572 9.69954 11.4226 9.56016 11.5619C9.42078 11.7012 9.25533 11.8116 9.07325 11.887C8.89118 11.9623 8.69605 12.0011 8.499 12.001C8.10104 12.0009 7.71944 11.8427 7.43813 11.5612C7.15683 11.2797 6.99887 10.898 6.999 10.5C6.99913 10.102 7.15735 9.72044 7.43884 9.43913C7.72033 9.15783 8.10204 8.99987 8.5 9ZM12 18C8 18 7 14 7 14H17C17 14 16 18 12 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-happy")) {
+  customElements.define("icon-happy", NavaIconHappy);
+}

package/dist/chunk-2NRO7PUA.js

@@ -0,0 +1,46 @@
+// src/icons/cloud-lightning.ts
+var NavaIconCloudLightning = 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 13L9 18H11V22L14.975 16H13L14 13H10Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.819 2 13C2 15.757 4.243 18 7 18V16C5.346 16 4 14.654 4 13C4 11.597 5.199 10.244 6.673 9.985L7.254 9.882L7.446 9.323C8.149 7.273 9.895 6 12 6C14.757 6 17 8.243 17 11V12H18C19.103 12 20 12.897 20 14C20 15.103 19.103 16 18 16H17V18H18C20.206 18 22 16.206 22 14C21.9988 13.1035 21.6971 12.2333 21.1431 11.5285C20.5891 10.8237 19.8148 10.3249 18.944 10.112Z" />`;
+    const filledPaths = `<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.82 2 13C2 15.757 4.243 18 7 18H8.333L10 13H14L12 16H14.975L13.65 18H18C20.206 18 22 16.206 22 14C21.9985 13.1036 21.6966 12.2336 21.1427 11.5288C20.5888 10.8241 19.8147 10.3253 18.944 10.112ZM11 18H8.333L8 19H11V22L13.65 18H11.5H11Z" />`;
+    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-cloud-lightning")) {
+  customElements.define("icon-cloud-lightning", NavaIconCloudLightning);
+}

package/dist/chunk-2NXJ6C4M.js

@@ -0,0 +1,47 @@
+// src/icons/yin-yang.ts
+var NavaIconYinYang = 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.062 4.93801C18.139 4.00821 17.0414 3.26998 15.8322 2.76578C14.623 2.26157 13.3261 2.00133 12.016 2.00001H11.99C10.6757 1.99792 9.37396 2.25651 8.16023 2.76082C6.9465 3.26512 5.84483 4.00513 4.91898 4.93801C1.02098 8.83601 1.02098 15.181 4.91898 19.081C6.81398 20.976 9.32398 22.019 11.99 22.019C14.656 22.019 17.167 20.976 19.061 19.081C22.961 15.182 22.961 8.83801 19.062 4.93801ZM13.5 15C13.8979 15.0001 14.2795 15.1584 14.5609 15.4399C14.8422 15.7213 15.0001 16.1031 15 16.501C14.9999 16.899 14.8416 17.2806 14.5601 17.5619C14.2787 17.8432 13.8969 18.0011 13.499 18.001C13.101 18.0009 12.7194 17.8427 12.4381 17.5612C12.1568 17.2797 11.9988 16.898 11.999 16.5C11.9991 16.1021 12.1573 15.7204 12.4388 15.4391C12.7203 15.1578 13.102 14.9999 13.5 15ZM6.33298 6.35301C7.0735 5.60626 7.95478 5.01379 8.9258 4.6099C9.89682 4.206 10.9383 3.99871 11.99 4.00001L12.016 4.00101C13.668 4.00901 15.258 5.06701 15.566 6.37201C15.932 7.92401 14.468 9.65001 11.548 11.109C6.43498 13.664 6.23598 16.442 6.57298 17.871L6.58098 17.892C6.49898 17.817 6.41198 17.746 6.33198 17.666C3.21398 14.547 3.21398 9.47201 6.33298 6.35301Z" />
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" />`;
+    const filledPaths = `<path d="M19.062 4.93801C18.139 4.00821 17.0414 3.26998 15.8322 2.76578C14.623 2.26157 13.3261 2.00133 12.016 2.00001H11.99C10.6757 1.99792 9.37396 2.25651 8.16023 2.76082C6.9465 3.26512 5.84483 4.00513 4.91898 4.93801C1.02098 8.83601 1.02098 15.181 4.91898 19.081C6.81398 20.976 9.32398 22.019 11.99 22.019C14.656 22.019 17.167 20.976 19.061 19.081C22.961 15.182 22.961 8.83801 19.062 4.93801ZM13.5 15C13.8979 15.0001 14.2795 15.1584 14.5609 15.4399C14.8422 15.7213 15.0001 16.1031 15 16.501C14.9999 16.899 14.8416 17.2806 14.5601 17.5619C14.2787 17.8432 13.8969 18.0011 13.499 18.001C13.101 18.0009 12.7194 17.8427 12.4381 17.5612C12.1568 17.2797 11.9988 16.898 11.999 16.5C11.9991 16.1021 12.1573 15.7204 12.4388 15.4391C12.7203 15.1578 13.102 14.9999 13.5 15ZM6.33298 6.35301C7.0735 5.60626 7.95478 5.01379 8.9258 4.6099C9.89682 4.206 10.9383 3.99871 11.99 4.00001L12.016 4.00101C13.668 4.00901 15.258 5.06701 15.566 6.37201C15.932 7.92401 14.468 9.65001 11.548 11.109C6.43498 13.664 6.23598 16.442 6.57298 17.871L6.58098 17.892C6.49898 17.817 6.41198 17.746 6.33198 17.666C3.21398 14.547 3.21398 9.47201 6.33298 6.35301Z" />
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" />`;
+    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-yin-yang")) {
+  customElements.define("icon-yin-yang", NavaIconYinYang);
+}

package/dist/chunk-2O3LPWNC.js

@@ -0,0 +1,47 @@
+// src/icons/school.ts
+var NavaIconSchool = 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 10H19V4H20V2H4V4H5V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11V20H22V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10ZM14 18V14H10V18H7V4H17V18H14Z" />
+<path d="M9 6H11V8H9V6ZM13 6H15V8H13V6ZM9 10H11V12H9V10ZM13 10H15V12H13V10Z" />`;
+    const filledPaths = `<path d="M21 10H19V4H20V2H4V4H5V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11V20H22V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10ZM14 18V14H10V18H7V4H17V18H14Z" />
+<path d="M9 6H11V8H9V6ZM13 6H15V8H13V6ZM9 10H11V12H9V10ZM13 10H15V12H13V10Z" />`;
+    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-school")) {
+  customElements.define("icon-school", NavaIconSchool);
+}

package/dist/chunk-2P46GVWW.js

@@ -0,0 +1,47 @@
+// src/icons/dryer.ts
+var NavaIconDryer = 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="M4 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V5C21 3.346 19.654 2 18 2H6C4.346 2 3 3.346 3 5V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22ZM18 3.924C18.1313 3.924 18.2614 3.94987 18.3827 4.00012C18.504 4.05038 18.6142 4.12403 18.7071 4.21689C18.8 4.30975 18.8736 4.41999 18.9239 4.54132C18.9741 4.66264 19 4.79268 19 4.924C19 5.05532 18.9741 5.18536 18.9239 5.30668C18.8736 5.42801 18.8 5.53825 18.7071 5.63111C18.6142 5.72397 18.504 5.79762 18.3827 5.84788C18.2614 5.89813 18.1313 5.924 18 5.924C17.7348 5.924 17.4804 5.81864 17.2929 5.63111C17.1054 5.44357 17 5.18922 17 4.924C17 4.65878 17.1054 4.40443 17.2929 4.21689C17.4804 4.02936 17.7348 3.924 18 3.924ZM15 3.924C15.1313 3.924 15.2614 3.94987 15.3827 4.00012C15.504 4.05038 15.6142 4.12403 15.7071 4.21689C15.8 4.30975 15.8736 4.41999 15.9239 4.54132C15.9741 4.66264 16 4.79268 16 4.924C16 5.05532 15.9741 5.18536 15.9239 5.30668C15.8736 5.42801 15.8 5.53825 15.7071 5.63111C15.6142 5.72397 15.504 5.79762 15.3827 5.84788C15.2614 5.89813 15.1313 5.924 15 5.924C14.7348 5.924 14.4804 5.81864 14.2929 5.63111C14.1054 5.44357 14 5.18922 14 4.924C14 4.65878 14.1054 4.40443 14.2929 4.21689C14.4804 4.02936 14.7348 3.924 15 3.924ZM12 7.041C15.309 7.041 18 9.732 18 13.041C18 16.35 15.309 19.041 12 19.041C8.691 19.041 6 16.35 6 13.041C6 9.732 8.691 7.041 12 7.041Z" />
+<path d="M9.32005 12.265C8.90505 12.649 8.27905 13.229 8.27905 14.332C8.27905 15.436 8.90505 16.016 9.32005 16.4C9.67205 16.725 9.72005 16.798 9.72005 17H11.7201C11.7201 15.896 11.0941 15.316 10.6791 14.932C10.3271 14.607 10.2791 14.534 10.2791 14.332C10.2791 14.13 10.3271 14.057 10.6791 13.732C11.0931 13.348 11.7201 12.768 11.7201 11.664C11.7201 10.561 11.0941 9.981 10.6791 9.598C10.3281 9.273 10.2801 9.201 10.2801 9H8.28005C8.28005 10.104 8.90705 10.683 9.32205 11.066C9.67305 11.39 9.72105 11.462 9.72105 11.663C9.72005 11.866 9.67105 11.939 9.32005 12.265ZM13.3201 12.265C12.9061 12.649 12.2801 13.229 12.2801 14.332C12.2801 15.435 12.9061 16.016 13.3201 16.399C13.6711 16.724 13.7191 16.797 13.7191 17H15.7191C15.7191 15.896 15.0931 15.316 14.6791 14.933C14.3281 14.608 14.2801 14.535 14.2801 14.332C14.2801 14.129 14.3291 14.057 14.6791 13.731C15.0931 13.347 15.7191 12.767 15.7191 11.663C15.7191 10.56 15.0931 9.981 14.6791 9.598C14.3291 9.274 14.2801 9.201 14.2801 9H12.2801C12.2801 10.103 12.9061 10.683 13.3211 11.066C13.6711 11.39 13.7191 11.463 13.7191 11.664C13.7201 11.866 13.6711 11.939 13.3201 12.265Z" />`;
+    const filledPaths = `<path d="M4 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V5C21 3.346 19.654 2 18 2H6C4.346 2 3 3.346 3 5V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22ZM18 3.924C18.1313 3.924 18.2614 3.94987 18.3827 4.00012C18.504 4.05038 18.6142 4.12403 18.7071 4.21689C18.8 4.30975 18.8736 4.41999 18.9239 4.54132C18.9741 4.66264 19 4.79268 19 4.924C19 5.05532 18.9741 5.18536 18.9239 5.30668C18.8736 5.42801 18.8 5.53825 18.7071 5.63111C18.6142 5.72397 18.504 5.79762 18.3827 5.84788C18.2614 5.89813 18.1313 5.924 18 5.924C17.7348 5.924 17.4804 5.81864 17.2929 5.63111C17.1054 5.44357 17 5.18922 17 4.924C17 4.65878 17.1054 4.40443 17.2929 4.21689C17.4804 4.02936 17.7348 3.924 18 3.924ZM15 3.924C15.1313 3.924 15.2614 3.94987 15.3827 4.00012C15.504 4.05038 15.6142 4.12403 15.7071 4.21689C15.8 4.30975 15.8736 4.41999 15.9239 4.54132C15.9741 4.66264 16 4.79268 16 4.924C16 5.05532 15.9741 5.18536 15.9239 5.30668C15.8736 5.42801 15.8 5.53825 15.7071 5.63111C15.6142 5.72397 15.504 5.79762 15.3827 5.84788C15.2614 5.89813 15.1313 5.924 15 5.924C14.7348 5.924 14.4804 5.81864 14.2929 5.63111C14.1054 5.44357 14 5.18922 14 4.924C14 4.65878 14.1054 4.40443 14.2929 4.21689C14.4804 4.02936 14.7348 3.924 15 3.924ZM12 7.041C15.309 7.041 18 9.732 18 13.041C18 16.35 15.309 19.041 12 19.041C8.691 19.041 6 16.35 6 13.041C6 9.732 8.691 7.041 12 7.041Z" />
+<path d="M9.32005 12.265C8.90505 12.649 8.27905 13.229 8.27905 14.332C8.27905 15.436 8.90505 16.016 9.32005 16.4C9.67205 16.725 9.72005 16.798 9.72005 17H11.7201C11.7201 15.896 11.0941 15.316 10.6791 14.932C10.3271 14.607 10.2791 14.534 10.2791 14.332C10.2791 14.13 10.3271 14.057 10.6791 13.732C11.0931 13.348 11.7201 12.768 11.7201 11.664C11.7201 10.561 11.0941 9.981 10.6791 9.598C10.3281 9.273 10.2801 9.201 10.2801 9H8.28005C8.28005 10.104 8.90705 10.683 9.32205 11.066C9.67305 11.39 9.72105 11.462 9.72105 11.663C9.72005 11.866 9.67105 11.939 9.32005 12.265ZM13.3201 12.265C12.9061 12.649 12.2801 13.229 12.2801 14.332C12.2801 15.435 12.9061 16.016 13.3201 16.399C13.6711 16.724 13.7191 16.797 13.7191 17H15.7191C15.7191 15.896 15.0931 15.316 14.6791 14.933C14.3281 14.608 14.2801 14.535 14.2801 14.332C14.2801 14.129 14.3291 14.057 14.6791 13.731C15.0931 13.347 15.7191 12.767 15.7191 11.663C15.7191 10.56 15.0931 9.981 14.6791 9.598C14.3291 9.274 14.2801 9.201 14.2801 9H12.2801C12.2801 10.103 12.9061 10.683 13.3211 11.066C13.6711 11.39 13.7191 11.463 13.7191 11.664C13.7201 11.866 13.6711 11.939 13.3201 12.265Z" />`;
+    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-dryer")) {
+  customElements.define("icon-dryer", NavaIconDryer);
+}

package/dist/chunk-2RJQIB72.js

@@ -0,0 +1,47 @@
+// src/icons/train.ts
+var NavaIconTrain = 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="M8.5 16C9.32843 16 10 15.3284 10 14.5C10 13.6716 9.32843 13 8.5 13C7.67157 13 7 13.6716 7 14.5C7 15.3284 7.67157 16 8.5 16Z" />
+<path d="M15.5 16C16.3284 16 17 15.3284 17 14.5C17 13.6716 16.3284 13 15.5 13C14.6716 13 14 13.6716 14 14.5C14 15.3284 14.6716 16 15.5 16Z" />
+<path d="M18.87 3.34C18.5689 2.95797 18.1925 2.64189 17.7642 2.41138C17.3358 2.18087 16.8647 2.04085 16.38 2H7.62C7.13163 2.03588 6.65638 2.17472 6.2255 2.4074C5.79462 2.64008 5.41786 2.96132 5.12 3.35C4.45486 4.07942 4.0596 5.01465 4 6V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H7L5 22H7.32L8 21H16L16.68 22H19L17 19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V6C19.9542 5.00658 19.5532 4.06263 18.87 3.34ZM7.62 4H16.34C16.7399 4.09706 17.0935 4.33044 17.34 4.66C17.4306 4.7678 17.5141 4.88137 17.59 5H6.39C6.46222 4.87578 6.54592 4.7586 6.64 4.65C6.87575 4.32033 7.22459 4.08895 7.62 4ZM6 8V7H18V10H6V8ZM18 17H6V12H18V17Z" />`;
+    const filledPaths = `<path d="M16.375 2H7.621C7.397 2 6.222 2.065 5.118 3.351C4.031 4.616 4 5.862 4 6V17C4 17.5304 4.21071 18.0391 4.58579 18.4142C4.96086 18.7893 5.46957 19 6 19H7L5 22H7.353L8.02 21H16.02L16.697 22H19L17 19H18C18.5304 19 19.0391 18.7893 19.4142 18.4142C19.7893 18.0391 20 17.5304 20 17V6C20.001 5.812 19.968 4.566 18.871 3.335C17.715 2.037 16.509 2 16.375 2ZM10 4H14V6H10V4ZM7.5 17C7.10204 16.9999 6.72044 16.8417 6.43913 16.5602C6.15783 16.2787 5.99987 15.897 6 15.499C6.00013 15.101 6.15835 14.7194 6.43984 14.4381C6.72133 14.1568 7.10304 13.9989 7.501 13.999C7.89896 13.9991 8.28056 14.1573 8.56187 14.4388C8.84317 14.7203 9.00113 15.102 9.001 15.5C9.00087 15.898 8.84265 16.2796 8.56116 16.5609C8.27967 16.8422 7.89796 17.0001 7.5 17ZM16.5 17C16.102 16.9999 15.7204 16.8417 15.4391 16.5602C15.1578 16.2787 14.9999 15.897 15 15.499C15.0001 15.101 15.1583 14.7194 15.4398 14.4381C15.7213 14.1568 16.103 13.9989 16.501 13.999C16.899 13.9991 17.2806 14.1573 17.5619 14.4388C17.8432 14.7203 18.0011 15.102 18.001 15.5C18.0009 15.898 17.8427 16.2796 17.5612 16.5609C17.2797 16.8422 16.898 17.0001 16.5 17ZM18 12H6V8H18V12Z" />`;
+    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-train")) {
+  customElements.define("icon-train", NavaIconTrain);
+}

package/dist/chunk-2TOLCGV5.js

@@ -0,0 +1,47 @@
+// src/icons/file-archive.ts
+var NavaIconFileArchive = 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 2C5.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 20V8L14 2H11V4H9V6H11V8H9V10H11V18H7V12H9V10H7V8H9V6H7V4H9V2H6ZM13 4L18 9H13V4Z" />
+<path d="M8 15H10V17H8V15Z" />`;
+    const filledPaths = `<path d="M6 2C5.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 20V8L14 2H11V4H9V6H11V8H9V10H11V18H7V12H9V10H7V8H9V6H7V4H9V2H6ZM13 4L18 9H13V4Z" />
+<path d="M8 15H10V17H8V15Z" />`;
+    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-file-archive")) {
+  customElements.define("icon-file-archive", NavaIconFileArchive);
+}

package/dist/chunk-2U2ETXOC.js

@@ -0,0 +1,46 @@
+// src/icons/comment-edit.ts
+var NavaIconCommentEdit = 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.771 9.123L12.372 7.725L8.50299 11.589V12.987H9.90099L13.771 9.123ZM14.098 6L15.496 7.398L14.429 8.465L13.031 7.067L14.098 6Z" />
+<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 2ZM8.999 14.987H7V12.988L12.53 7.466L14.528 9.465L8.999 14.987ZM15.471 8.523L13.472 6.524L14.996 5.001L16.995 7L15.471 8.523Z" />`;
+    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-edit")) {
+  customElements.define("icon-comment-edit", NavaIconCommentEdit);
+}

package/dist/chunk-2U34D2HX.js

@@ -0,0 +1,46 @@
+// src/icons/calendar-edit.ts
+var NavaIconCalendarEdit = 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 4H16V2H14V4H10V2H8V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM5 20V7H19V6L19.002 20H5Z" />
+<path d="M15.628 12.183L13.828 10.384L15.198 9.013L16.998 10.812L15.628 12.183ZM8.005 16.201V18H9.804L14.78 13.03L12.981 11.231L8.005 16.201Z" />`;
+    const filledPaths = `<path d="M5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22ZM9.799 19.987H8V18.188L12.977 13.218L14.776 15.017L9.799 19.987ZM15.623 14.17L13.824 12.371L15.196 11L16.995 12.799L15.623 14.17ZM5 7H19V9H5V7Z" />`;
+    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-calendar-edit")) {
+  customElements.define("icon-calendar-edit", NavaIconCalendarEdit);
+}

package/dist/chunk-2VYQDA6D.js

@@ -0,0 +1,46 @@
+// src/icons/timer.ts
+var NavaIconTimer = 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.145 8.27003L21.708 6.70703L20.294 5.29303L18.586 7.00003C17.536 6.37003 16.312 6.00003 15 6.00003C11.141 6.00003 8 9.14003 8 13C8 16.86 11.141 20 15 20C18.859 20 22 16.86 22 13C21.9992 11.2461 21.3368 9.55693 20.145 8.27003ZM15 18C12.243 18 10 15.757 10 13C10 10.243 12.243 8.00003 15 8.00003C17.757 8.00003 20 10.243 20 13C20 15.757 17.757 18 15 18Z" />
+<path d="M14 10H16V14H14V10ZM13 3H17V5H13V3ZM3 8H7V10H3V8ZM3 16H7V18H3V16ZM2 12H5.99V14H2V12Z" />`;
+    const filledPaths = `<path d="M13 3H17V5H13V3ZM3 8H7V10H3V8ZM3 16H7V18H3V16ZM2 12H5.99V14H2V12ZM21.707 6.707L20.293 5.293L18.586 7C17.5041 6.34616 16.2641 6.00037 15 6C11.141 6 8 9.141 8 13C8 16.859 11.141 20 15 20C18.859 20 22 16.859 22 13C21.999 11.2461 21.3366 9.55701 20.145 8.27L21.707 6.707ZM16 14H14V8.958H16V14Z" />`;
+    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-timer")) {
+  customElements.define("icon-timer", NavaIconTimer);
+}

package/dist/chunk-2WDD2PBS.js

@@ -0,0 +1,46 @@
+// src/icons/error-alt.ts
+var NavaIconErrorAlt = 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 7H13V14H11V7ZM11 15H13V17H11V15Z" />
+<path d="M21.707 7.293L16.707 2.293C16.6143 2.19996 16.5041 2.12617 16.3828 2.07589C16.2614 2.0256 16.1313 1.99981 16 2H8C7.86866 1.99981 7.73857 2.0256 7.61724 2.07589C7.4959 2.12617 7.38571 2.19996 7.293 2.293L2.293 7.293C2.19996 7.38571 2.12617 7.4959 2.07589 7.61724C2.0256 7.73857 1.99981 7.86866 2 8V16C2 16.266 2.105 16.52 2.293 16.707L7.293 21.707C7.38571 21.8 7.4959 21.8738 7.61724 21.9241C7.73857 21.9744 7.86866 22.0002 8 22H16C16.266 22 16.52 21.895 16.707 21.707L21.707 16.707C21.8 16.6143 21.8738 16.5041 21.9241 16.3828C21.9744 16.2614 22.0002 16.1313 22 16V8C22.0002 7.86866 21.9744 7.73857 21.9241 7.61724C21.8738 7.4959 21.8 7.38571 21.707 7.293ZM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4H15.586L20 8.414V15.586Z" />`;
+    const filledPaths = `<path d="M16.707 2.293C16.6143 2.19996 16.5041 2.12617 16.3828 2.07589C16.2614 2.0256 16.1313 1.99981 16 2H8C7.86866 1.99981 7.73857 2.0256 7.61724 2.07589C7.4959 2.12617 7.38571 2.19996 7.293 2.293L2.293 7.293C2.19996 7.38571 2.12617 7.4959 2.07589 7.61724C2.0256 7.73857 1.99981 7.86866 2 8V16C2 16.266 2.105 16.52 2.293 16.707L7.293 21.707C7.38571 21.8 7.4959 21.8738 7.61724 21.9241C7.73857 21.9744 7.86866 22.0002 8 22H16C16.266 22 16.52 21.895 16.707 21.707L21.707 16.707C21.8 16.6143 21.8738 16.5041 21.9241 16.3828C21.9744 16.2614 22.0002 16.1313 22 16V8C22.0002 7.86866 21.9744 7.73857 21.9241 7.61724C21.8738 7.4959 21.8 7.38571 21.707 7.293L16.707 2.293ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z" />`;
+    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-error-alt")) {
+  customElements.define("icon-error-alt", NavaIconErrorAlt);
+}