@whydrf/nava-icon-web-components 1.4.0 → 1.4.1

package/dist/chunk-ASIFBPPC.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/strikethrough.ts
+var NavaIconStrikethrough = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 11H12C8 11 8 9.184 8 8.5C8 7.882 8 6 12 6C14.8 6 14.99 7.678 15 8.014L16 8H17C17 6.616 15.955 4 12 4C6.584 4 6 7.147 6 8.5C6 9.228 6.148 10.167 6.736 11H4V13H20V11ZM12 18C8.207 18 8.01 16.185 8 16H6C6 16.04 6.069 20 12 20C17.221 20 18 17.181 18 15.5C18 15.354 17.991 15.183 17.972 15H15.966C15.998 15.2 16 15.376 16 15.5C16 16.184 16 18 12 18Z" />` : `<path d="M20 11H12C8 11 8 9.184 8 8.5C8 7.882 8 6 12 6C14.8 6 14.99 7.678 15 8.014L16 8H17C17 6.616 15.955 4 12 4C6.584 4 6 7.147 6 8.5C6 9.228 6.148 10.167 6.736 11H4V13H20V11ZM12 18C8.207 18 8.01 16.185 8 16H6C6 16.04 6.069 20 12 20C17.221 20 18 17.181 18 15.5C18 15.354 17.991 15.183 17.972 15H15.966C15.998 15.2 16 15.376 16 15.5C16 16.184 16 18 12 18Z" />`;
+    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-strikethrough")) {
+  customElements.define("icon-strikethrough", NavaIconStrikethrough);
+}

package/dist/chunk-AU54YXMM.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/barcode-reader.ts
+var NavaIconBarcodeReader = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M5 7H7V17H5V7ZM14 7H15V17H14V7ZM10 7H13V17H10V7ZM8 7H9V17H8V7ZM16 7H19V17H16V7Z" />
+<path d="M4 5H8V3H4C2.897 3 2 3.897 2 5V9H4V5ZM4 21H8V19H4V15H2V19C2 20.103 2.897 21 4 21ZM20 3H16V5H20V9H22V5C22 3.897 21.103 3 20 3ZM20 19H16V21H20C21.103 21 22 20.103 22 19V15H20V19Z" />` : `<path d="M5 7H7V17H5V7ZM14 7H15V17H14V7ZM10 7H13V17H10V7ZM8 7H9V17H8V7ZM16 7H19V17H16V7Z" />
+<path d="M4 5H8V3H4C2.897 3 2 3.897 2 5V9H4V5ZM4 21H8V19H4V15H2V19C2 20.103 2.897 21 4 21ZM20 3H16V5H20V9H22V5C22 3.897 21.103 3 20 3ZM20 19H16V21H20C21.103 21 22 20.103 22 19V15H20V19Z" />`;
+    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-barcode-reader")) {
+  customElements.define("icon-barcode-reader", NavaIconBarcodeReader);
+}

package/dist/chunk-AYSTDKJA.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/planet.ts
+var NavaIconPlanet = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M15.1649 15.582C19.7519 11.509 23.3059 6.158 21.2219 3.81101C20.5609 3.06701 19.6379 2.72201 18.6469 2.82801C17.8149 2.91901 16.9599 3.33 16.0979 4.02C14.7429 3.318 13.2304 2.97531 11.7051 3.02468C10.1798 3.07405 8.69272 3.51384 7.38592 4.30201C6.37003 4.90348 5.48369 5.70071 4.77833 6.64742C4.07297 7.59414 3.56263 8.6715 3.27692 9.81701C2.83161 11.5815 2.93842 13.4401 3.58292 15.142C2.51792 16.345 1.52892 18.819 2.75992 20.205C3.27692 20.786 4.01692 21.046 4.90692 21.046C7.61392 21.046 11.7149 18.647 15.1649 15.582ZM18.8639 4.81501C19.2219 4.78101 19.4959 4.879 19.7249 5.13801C19.9559 5.399 19.8939 6.084 19.4729 7.067C19.0207 6.37871 18.4766 5.7553 17.8559 5.21401C18.2869 4.95201 18.6319 4.84101 18.8639 4.81501ZM4.63292 17.118C5.07758 17.7629 5.60472 18.3469 6.20092 18.855C5.17592 19.158 4.48692 19.138 4.25592 18.876C4.03892 18.633 4.25792 17.807 4.63292 17.118ZM20.9429 11.249C19.7279 13.046 18.0369 14.92 16.1649 16.582C14.2309 18.301 12.0989 19.79 10.1149 20.784C10.7305 20.9195 11.3586 20.9906 11.9889 20.996C13.6152 20.9943 15.2106 20.5512 16.6049 19.714C18.0534 18.8565 19.2295 17.6064 19.9972 16.1084C20.7649 14.6104 21.0928 12.9256 20.9429 11.249Z" />` : `<path d="M2.76 20.2C3.03435 20.4904 3.36909 20.717 3.74058 20.8638C4.11207 21.0107 4.51127 21.0743 4.91 21.05C6.07912 20.9888 7.22452 20.6965 8.28 20.19C9.86179 20.8988 11.6146 21.1358 13.3278 20.8725C15.0411 20.6091 16.6418 19.8566 17.9377 18.7055C19.2336 17.5543 20.1694 16.0534 20.6328 14.3831C21.0963 12.7129 21.0675 10.9443 20.55 9.29001C21.86 7.06001 22.3 5.03001 21.22 3.81001C20.906 3.4459 20.5076 3.16433 20.0595 2.98999C19.6115 2.81565 19.1275 2.75385 18.65 2.81001C17.7036 2.95438 16.8185 3.3674 16.1 4.00001C14.4869 3.18042 12.6642 2.86607 10.8698 3.09798C9.0753 3.32988 7.39241 4.09727 6.04067 5.30003C4.68892 6.50278 3.73108 8.08504 3.29213 9.84037C2.85318 11.5957 2.9535 13.4426 3.58 15.14C2.52 16.35 1.53 18.82 2.76 20.2ZM4.26 18.88C4.04 18.63 4.26 17.81 4.63 17.12C5.07753 17.7642 5.60508 18.3488 6.2 18.86C5.17 19.16 4.49 19.14 4.26 18.88ZM18.77 13.71C18.3161 15.5057 17.169 17.0484 15.58 18C14.4963 18.6445 13.2608 18.9895 12 19C11.5834 18.9969 11.1682 18.9534 10.76 18.87C12.3289 17.9079 13.8082 16.8068 15.18 15.58C16.5612 14.3604 17.8328 13.0219 18.98 11.58C19.0215 12.2966 18.9507 13.0153 18.77 13.71ZM18.86 4.82001C19.0203 4.79362 19.1847 4.80923 19.3372 4.86531C19.4897 4.9214 19.625 5.01604 19.73 5.14001C19.96 5.40001 19.89 6.08001 19.47 7.07001C19.019 6.38073 18.4775 5.75514 17.86 5.21001C18.1609 5.00857 18.5022 4.87546 18.86 4.82001ZM5.22 10.31C5.43929 9.41594 5.83427 8.57443 6.38193 7.83448C6.92959 7.09453 7.619 6.47094 8.41 6.00001C9.49432 5.34841 10.735 5.00283 12 5.00001C13.2114 4.99166 14.4037 5.3024 15.457 5.90099C16.5102 6.49958 17.3873 7.36493 18 8.41001C18.1324 8.62132 18.2493 8.84189 18.35 9.07001C17.0639 10.9144 15.5559 12.5937 13.86 14.07C12.1931 15.6031 10.3423 16.9232 8.35 18C7.08384 17.2222 6.09806 16.0616 5.53534 14.6863C4.97263 13.311 4.86219 11.7923 5.22 10.35V10.31Z" />`;
+    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-planet")) {
+  customElements.define("icon-planet", NavaIconPlanet);
+}

package/dist/chunk-AYSUHDS3.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/id-card.ts
+var NavaIconIdCard = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM8.715 8C9.866 8 10.715 8.849 10.715 10C10.715 11.151 9.866 12 8.715 12C7.564 12 6.715 11.151 6.715 10C6.715 8.849 7.563 8 8.715 8ZM12.43 16H5V15.535C5 14.162 6.676 12.75 8.715 12.75C10.754 12.75 12.43 14.162 12.43 15.535V16ZM19 15H15V13H19V15ZM19 11H14V9H19V11Z" />` : `<path d="M9.71503 12C10.866 12 11.715 11.151 11.715 10C11.715 8.849 10.866 8 9.71503 8C8.56403 8 7.71503 8.849 7.71503 10C7.71503 11.151 8.56303 12 9.71503 12Z" />
+<path d="M20 4H4C2.897 4 2 4.841 2 5.875V18.125C2 19.159 2.897 20 4 20H20C21.103 20 22 19.159 22 18.125V5.875C22 4.841 21.103 4 20 4ZM20 18L4 17.989V6L20 6.011V18Z" />
+<path d="M14 9H18V11H14V9ZM15 13H18V15H15V13ZM13.43 15.536C13.43 14.162 11.754 12.75 9.715 12.75C7.676 12.75 6 14.162 6 15.536V16H13.43V15.536Z" />`;
+    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-id-card")) {
+  customElements.define("icon-id-card", NavaIconIdCard);
+}

package/dist/chunk-AZ3P7SAL.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/folder-minus.ts
+var NavaIconFolderMinus = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 5H10.414L8.707 3.293C8.61426 3.2 8.50406 3.12624 8.38273 3.07596C8.2614 3.02568 8.13134 2.99986 8 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V7C22 5.897 21.103 5 20 5ZM16 14H8V12H16V14Z" />` : `<path d="M20 5H11.414L9.707 3.293C9.61429 3.19996 9.5041 3.12617 9.38276 3.07589C9.26143 3.0256 9.13134 2.99981 9 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V7C22 5.897 21.103 5 20 5ZM4 19V7H20L20.002 19H4Z" />
+<path d="M7.87402 12H15.874V14H7.87402V12Z" />`;
+    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-folder-minus")) {
+  customElements.define("icon-folder-minus", NavaIconFolderMinus);
+}

package/dist/chunk-B2KXAKLP.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<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" />` : `<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 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-B2V25EQE.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/traffic.ts
+var NavaIconTraffic = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M2.95801 16L3.00101 17.042C3.00601 17.162 3.14301 19.297 6.00001 20.38V21.5C6.00001 21.6326 6.05269 21.7598 6.14645 21.8536C6.24022 21.9473 6.3674 22 6.50001 22H17.5C17.6326 22 17.7598 21.9473 17.8536 21.8536C17.9473 21.7598 18 21.6326 18 21.5V20.38C20.857 19.297 20.994 17.162 20.999 17.042L21.043 16H18V14.38C20.857 13.297 20.994 11.162 20.999 11.042L21.043 10H18V8.38C20.857 7.297 20.994 5.162 20.999 5.042L21.043 4H18V2.5C18 2.36739 17.9473 2.24021 17.8536 2.14645C17.7598 2.05268 17.6326 2 17.5 2H6.50001C6.3674 2 6.24022 2.05268 6.14645 2.14645C6.05269 2.24021 6.00001 2.36739 6.00001 2.5V4H2.95801L3.00101 5.042C3.00601 5.162 3.14301 7.297 6.00001 8.38V10H2.95801L3.00101 11.042C3.00601 11.162 3.14301 13.297 6.00001 14.38V16H2.95801ZM12 4C12.2627 4.00007 12.5228 4.05187 12.7655 4.15247C13.0082 4.25307 13.2287 4.40048 13.4144 4.58629C13.6001 4.7721 13.7474 4.99267 13.8479 5.2354C13.9484 5.47814 14.0001 5.73829 14 6.001C13.9999 6.26371 13.9481 6.52383 13.8475 6.76652C13.7469 7.00921 13.5995 7.2297 13.4137 7.41542C13.2279 7.60114 13.0073 7.74844 12.7646 7.84891C12.5219 7.94939 12.2617 8.00107 11.999 8.001C11.4684 8.00087 10.9597 7.78997 10.5846 7.41471C10.2095 7.03945 9.99887 6.53057 9.99901 6C9.99914 5.46943 10.21 4.96065 10.5853 4.58558C10.9606 4.21051 11.4694 3.99987 12 4ZM12 10C12.2627 10.0001 12.5228 10.0519 12.7655 10.1525C13.0082 10.2531 13.2287 10.4005 13.4144 10.5863C13.6001 10.7721 13.7474 10.9927 13.8479 11.2354C13.9484 11.4781 14.0001 11.7383 14 12.001C13.9999 12.2637 13.9481 12.5238 13.8475 12.7665C13.7469 13.0092 13.5995 13.2297 13.4137 13.4154C13.2279 13.6011 13.0073 13.7484 12.7646 13.8489C12.5219 13.9494 12.2617 14.0011 11.999 14.001C11.4684 14.0009 10.9597 13.79 10.5846 13.4147C10.2095 13.0395 9.99887 12.5306 9.99901 12C9.99914 11.4694 10.21 10.9607 10.5853 10.5856C10.9606 10.2105 11.4694 9.99987 12 10ZM12 16C12.2627 16.0001 12.5228 16.0519 12.7655 16.1525C13.0082 16.2531 13.2287 16.4005 13.4144 16.5863C13.6001 16.7721 13.7474 16.9927 13.8479 17.2354C13.9484 17.4781 14.0001 17.7383 14 18.001C13.9999 18.2637 13.9481 18.5238 13.8475 18.7665C13.7469 19.0092 13.5995 19.2297 13.4137 19.4154C13.2279 19.6011 13.0073 19.7484 12.7646 19.8489C12.5219 19.9494 12.2617 20.0011 11.999 20.001C11.4684 20.0009 10.9597 19.79 10.5846 19.4147C10.2095 19.0395 9.99887 18.5306 9.99901 18C9.99914 17.4694 10.21 16.9607 10.5853 16.5856C10.9606 16.2105 11.4694 15.9999 12 16Z" />` : `<path d="M2.95801 16L3.00101 17.042C3.00601 17.162 3.14301 19.297 6.00001 20.38V21.5C6.00001 21.6326 6.05269 21.7598 6.14645 21.8536C6.24022 21.9473 6.3674 22 6.50001 22H17.5C17.6326 22 17.7598 21.9473 17.8536 21.8536C17.9473 21.7598 18 21.6326 18 21.5V20.38C20.857 19.297 20.994 17.162 20.999 17.042L21.043 16H18V14.38C20.857 13.297 20.994 11.162 20.999 11.042L21.043 10H18V8.38C20.857 7.297 20.994 5.162 20.999 5.042L21.043 4H18V2.5C18 2.36739 17.9473 2.24021 17.8536 2.14645C17.7598 2.05268 17.6326 2 17.5 2H6.50001C6.3674 2 6.24022 2.05268 6.14645 2.14645C6.05269 2.24021 6.00001 2.36739 6.00001 2.5V4H2.95801L3.00101 5.042C3.00601 5.162 3.14301 7.297 6.00001 8.38V10H2.95801L3.00101 11.042C3.00601 11.162 3.14301 13.297 6.00001 14.38V16H2.95801ZM12 4C12.2627 4.00007 12.5228 4.05187 12.7655 4.15247C13.0082 4.25307 13.2287 4.40048 13.4144 4.58629C13.6001 4.7721 13.7474 4.99267 13.8479 5.2354C13.9484 5.47814 14.0001 5.73829 14 6.001C13.9999 6.26371 13.9481 6.52383 13.8475 6.76652C13.7469 7.00921 13.5995 7.2297 13.4137 7.41542C13.2279 7.60114 13.0073 7.74844 12.7646 7.84891C12.5219 7.94939 12.2617 8.00107 11.999 8.001C11.4684 8.00087 10.9597 7.78997 10.5846 7.41471C10.2095 7.03945 9.99887 6.53057 9.99901 6C9.99914 5.46943 10.21 4.96065 10.5853 4.58558C10.9606 4.21051 11.4694 3.99987 12 4ZM12 10C12.2627 10.0001 12.5228 10.0519 12.7655 10.1525C13.0082 10.2531 13.2287 10.4005 13.4144 10.5863C13.6001 10.7721 13.7474 10.9927 13.8479 11.2354C13.9484 11.4781 14.0001 11.7383 14 12.001C13.9999 12.2637 13.9481 12.5238 13.8475 12.7665C13.7469 13.0092 13.5995 13.2297 13.4137 13.4154C13.2279 13.6011 13.0073 13.7484 12.7646 13.8489C12.5219 13.9494 12.2617 14.0011 11.999 14.001C11.4684 14.0009 10.9597 13.79 10.5846 13.4147C10.2095 13.0395 9.99887 12.5306 9.99901 12C9.99914 11.4694 10.21 10.9607 10.5853 10.5856C10.9606 10.2105 11.4694 9.99987 12 10ZM12 16C12.2627 16.0001 12.5228 16.0519 12.7655 16.1525C13.0082 16.2531 13.2287 16.4005 13.4144 16.5863C13.6001 16.7721 13.7474 16.9927 13.8479 17.2354C13.9484 17.4781 14.0001 17.7383 14 18.001C13.9999 18.2637 13.9481 18.5238 13.8475 18.7665C13.7469 19.0092 13.5995 19.2297 13.4137 19.4154C13.2279 19.6011 13.0073 19.7484 12.7646 19.8489C12.5219 19.9494 12.2617 20.0011 11.999 20.001C11.4684 20.0009 10.9597 19.79 10.5846 19.4147C10.2095 19.0395 9.99887 18.5306 9.99901 18C9.99914 17.4694 10.21 16.9607 10.5853 16.5856C10.9606 16.2105 11.4694 15.9999 12 16Z" />`;
+    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-traffic")) {
+  customElements.define("icon-traffic", NavaIconTraffic);
+}

package/dist/chunk-B2YSG2IU.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/hand-down.ts
+var NavaIconHandDown = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M16.278 2.231C16.0982 2.08163 15.8718 1.99991 15.638 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V11.21C3.00019 11.702 3.18174 12.1767 3.50995 12.5433C3.83816 12.9099 4.28998 13.1426 4.779 13.197L12 14V20C12 20.5304 12.2107 21.0391 12.5858 21.4142C12.9609 21.7893 13.4696 22 14 22C14.5304 22 15.0391 21.7893 15.4142 21.4142C15.7893 21.0391 16 20.5304 16 20V8L19.03 9.212C19.2831 9.31319 19.5543 9.3616 19.8268 9.35424C20.0993 9.34688 20.3674 9.28391 20.6147 9.1692C20.8621 9.05449 21.0833 8.89046 21.2649 8.68717C21.4466 8.48387 21.5848 8.24561 21.671 7.987L21.784 7.647C21.8477 7.45622 21.8523 7.25064 21.7972 7.0572C21.742 6.86376 21.6297 6.6915 21.475 6.563L16.278 2.231Z" />` : `<path d="M16.278 2.231C16.0982 2.08163 15.8718 1.99991 15.638 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V11.21C3.00019 11.702 3.18174 12.1767 3.50995 12.5433C3.83816 12.9099 4.28998 13.1426 4.779 13.197L12 14V20C12 20.5304 12.2107 21.0391 12.5858 21.4142C12.9609 21.7893 13.4696 22 14 22C14.5304 22 15.0391 21.7893 15.4142 21.4142C15.7893 21.0391 16 20.5304 16 20V8L19.03 9.212C19.2831 9.31319 19.5543 9.3616 19.8268 9.35424C20.0993 9.34688 20.3674 9.28391 20.6147 9.1692C20.8621 9.05449 21.0833 8.89046 21.2649 8.68717C21.4466 8.48387 21.5848 8.24561 21.671 7.987L21.784 7.647C21.8477 7.45622 21.8523 7.25064 21.7972 7.0572C21.742 6.86376 21.6297 6.6915 21.475 6.563L16.278 2.231Z" />`;
+    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-hand-down")) {
+  customElements.define("icon-hand-down", NavaIconHandDown);
+}

package/dist/chunk-B5ES5QRU.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/sync.ts
+var NavaIconSync = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M13 7.101L13.01 7.102C13.9675 7.29819 14.846 7.77188 15.536 8.464C16.2275 9.15542 16.7014 10.0343 16.899 10.992C17.0339 11.6573 17.0335 12.3429 16.898 13.008C16.7018 13.966 16.2278 14.8449 15.535 15.535L16.949 16.949C17.9169 15.9805 18.5802 14.7499 18.857 13.409C19.0487 12.4791 19.0487 11.5199 18.857 10.59C18.5835 9.24838 17.9201 8.0173 16.95 7.051C16.3131 6.41182 15.5581 5.90239 14.727 5.551C14.3033 5.37163 13.8628 5.23495 13.412 5.143C13.275 5.115 13.137 5.1 13 5.08V2L9.00001 6L13 10V7.101ZM5.55001 14.724C5.72401 15.136 5.94201 15.536 6.19601 15.914C6.44501 16.284 6.73301 16.632 7.05001 16.948C7.68819 17.5864 8.44325 18.096 9.27401 18.449C9.69901 18.629 10.142 18.766 10.589 18.857C10.756 18.891 10.927 18.913 11.097 18.935V21.879L15.097 17.879L11.097 13.879V16.909C11.062 16.903 11.025 16.906 10.99 16.898C10.0326 16.7018 9.15405 16.2281 8.46401 15.536C7.99907 15.072 7.63023 14.5209 7.3786 13.9142C7.12697 13.3075 6.99749 12.6571 6.99758 12.0003C6.99768 11.3435 7.12734 10.6931 7.37914 10.0865C7.63094 9.47983 7.99994 8.92882 8.46501 8.465L7.05101 7.05C6.4125 7.68786 5.90318 8.44302 5.55101 9.274C5.18618 10.1365 4.99879 11.0636 5.00001 12C4.99937 12.9356 5.18639 13.8619 5.55001 14.724Z" />` : `<path d="M13 7.101L13.01 7.102C13.9675 7.29819 14.846 7.77188 15.536 8.464C16.2275 9.15542 16.7014 10.0343 16.899 10.992C17.0339 11.6573 17.0335 12.3429 16.898 13.008C16.7018 13.966 16.2278 14.8449 15.535 15.535L16.949 16.949C17.9169 15.9805 18.5802 14.7499 18.857 13.409C19.0487 12.4791 19.0487 11.5199 18.857 10.59C18.5835 9.24838 17.9201 8.0173 16.95 7.051C16.3131 6.41182 15.5581 5.90239 14.727 5.551C14.3033 5.37163 13.8628 5.23495 13.412 5.143C13.275 5.115 13.137 5.1 13 5.08V2L9.00001 6L13 10V7.101ZM5.55001 14.724C5.72401 15.136 5.94201 15.536 6.19601 15.914C6.44501 16.284 6.73301 16.632 7.05001 16.948C7.68819 17.5864 8.44325 18.096 9.27401 18.449C9.69901 18.629 10.142 18.766 10.589 18.857C10.756 18.891 10.927 18.913 11.097 18.935V21.879L15.097 17.879L11.097 13.879V16.909C11.062 16.903 11.025 16.906 10.99 16.898C10.0326 16.7018 9.15405 16.2281 8.46401 15.536C7.99907 15.072 7.63023 14.5209 7.3786 13.9142C7.12697 13.3075 6.99749 12.6571 6.99758 12.0003C6.99768 11.3435 7.12734 10.6931 7.37914 10.0865C7.63094 9.47983 7.99994 8.92882 8.46501 8.465L7.05101 7.05C6.4125 7.68786 5.90318 8.44302 5.55101 9.274C5.18618 10.1365 4.99879 11.0636 5.00001 12C4.99937 12.9356 5.18639 13.8619 5.55001 14.724Z" />`;
+    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-sync")) {
+  customElements.define("icon-sync", NavaIconSync);
+}

package/dist/chunk-B63F5BNS.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/usb.ts
+var NavaIconUsb = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M16 10H17V12H13V6H15L12 2L9 6H11V14H7V11.723C7.596 11.376 8 10.738 8 10C8 9.46957 7.78929 8.96086 7.41421 8.58579C7.03914 8.21071 6.53043 8 6 8C5.46957 8 4.96086 8.21071 4.58579 8.58579C4.21071 8.96086 4 9.46957 4 10C4 10.738 4.404 11.376 5 11.723V14C5 15.103 5.897 16 7 16H11V18.277C10.6966 18.451 10.4444 18.7019 10.2689 19.0044C10.0933 19.3068 10.0006 19.6503 10 20C10 20.5304 10.2107 21.0391 10.5858 21.4142C10.9609 21.7893 11.4696 22 12 22C12.5304 22 13.0391 21.7893 13.4142 21.4142C13.7893 21.0391 14 20.5304 14 20C14 19.262 13.596 18.624 13 18.277V14H17C18.103 14 19 13.103 19 12V10H20V6H16V10Z" />` : `<path d="M16 10H17V12H13V6H15L12 2L9 6H11V14H7V11.723C7.596 11.376 8 10.738 8 10C8 9.46957 7.78929 8.96086 7.41421 8.58579C7.03914 8.21071 6.53043 8 6 8C5.46957 8 4.96086 8.21071 4.58579 8.58579C4.21071 8.96086 4 9.46957 4 10C4 10.738 4.404 11.376 5 11.723V14C5 15.103 5.897 16 7 16H11V18.277C10.6966 18.451 10.4444 18.7019 10.2689 19.0044C10.0933 19.3068 10.0006 19.6503 10 20C10 20.5304 10.2107 21.0391 10.5858 21.4142C10.9609 21.7893 11.4696 22 12 22C12.5304 22 13.0391 21.7893 13.4142 21.4142C13.7893 21.0391 14 20.5304 14 20C14 19.262 13.596 18.624 13 18.277V14H17C18.103 14 19 13.103 19 12V10H20V6H16V10Z" />`;
+    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-usb")) {
+  customElements.define("icon-usb", NavaIconUsb);
+}

package/dist/chunk-B7SE2GV5.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/message-rounded-detail.ts
+var NavaIconMessageRoundedDetail = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 2C6.486 2 2 5.589 2 10C2 12.907 3.897 15.515 7 16.934V22L12.34 17.995C17.697 17.853 22 14.32 22 10C22 5.589 17.514 2 12 2ZM14 13H7V11H14V13ZM17 9H7V7H17V9Z" />` : `<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="M7 7H17V9H7V7ZM7 11H14V13H7V11Z" />`;
+    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-detail")) {
+  customElements.define("icon-message-rounded-detail", NavaIconMessageRoundedDetail);
+}

package/dist/chunk-BB3HG7VJ.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/purchase-tag-alt.ts
+var NavaIconPurchaseTagAlt = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M11.707 2.293C11.6143 2.19996 11.5041 2.12617 11.3828 2.07589C11.2614 2.0256 11.1313 1.99981 11 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.293 5.293C2.19996 5.38571 2.12617 5.4959 2.07589 5.61724C2.0256 5.73857 1.99981 5.86866 2 6V11C2 11.266 2.105 11.52 2.293 11.707L12.293 21.707C12.3857 21.8002 12.4958 21.8741 12.6171 21.9246C12.7385 21.9751 12.8686 22.001 13 22.001C13.1314 22.001 13.2615 21.9751 13.3829 21.9246C13.5042 21.8741 13.6143 21.8002 13.707 21.707L21.707 13.707C21.7999 13.6142 21.8737 13.504 21.924 13.3827C21.9743 13.2614 22.0002 13.1313 22.0002 13C22.0002 12.8687 21.9743 12.7386 21.924 12.6173C21.8737 12.496 21.7999 12.3858 21.707 12.293L11.707 2.293ZM8.353 10C8.13337 10.0055 7.91486 9.96696 7.71033 9.88671C7.50581 9.80646 7.31941 9.68611 7.16211 9.53273C7.00481 9.37935 6.87979 9.19605 6.7944 8.99362C6.70901 8.79118 6.66499 8.57372 6.66492 8.35401C6.66486 8.13431 6.70875 7.91682 6.79401 7.71433C6.87928 7.51185 7.00419 7.32847 7.1614 7.175C7.3186 7.02152 7.50493 6.90105 7.7094 6.82068C7.91388 6.74031 8.13236 6.70165 8.352 6.707C8.78166 6.71746 9.19021 6.89545 9.49044 7.20299C9.79067 7.51052 9.95879 7.92323 9.95892 8.35301C9.95905 8.7828 9.79118 9.19561 9.49114 9.50332C9.19109 9.81104 8.78265 9.98928 8.353 10Z" />` : `<path d="M11.707 2.293C11.6143 2.2 11.5041 2.12624 11.3827 2.07596C11.2614 2.02568 11.1313 1.99986 11 2H6C5.86867 1.99986 5.7386 2.02568 5.61727 2.07596C5.49594 2.12624 5.38574 2.2 5.293 2.293L2.293 5.293C2.19996 5.38571 2.12617 5.4959 2.07589 5.61724C2.0256 5.73857 1.99981 5.86866 2 6V11C2 11.266 2.105 11.52 2.293 11.707L12.293 21.707C12.3857 21.8002 12.4958 21.8741 12.6171 21.9246C12.7385 21.9751 12.8686 22.001 13 22.001C13.1314 22.001 13.2615 21.9751 13.3829 21.9246C13.5042 21.8741 13.6143 21.8002 13.707 21.707L21.707 13.707C21.7999 13.6142 21.8737 13.504 21.924 13.3827C21.9743 13.2614 22.0002 13.1313 22.0002 13C22.0002 12.8687 21.9743 12.7386 21.924 12.6173C21.8737 12.496 21.7999 12.3858 21.707 12.293L11.707 2.293ZM13 19.586L4 10.586V6.414L6.414 4H10.586L19.586 13L13 19.586Z" />
+<path d="M8.35299 9.99999C9.26261 9.99999 9.99999 9.26261 9.99999 8.35299C9.99999 7.44338 9.26261 6.70599 8.35299 6.70599C7.44338 6.70599 6.70599 7.44338 6.70599 8.35299C6.70599 9.26261 7.44338 9.99999 8.35299 9.99999Z" />`;
+    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-purchase-tag-alt")) {
+  customElements.define("icon-purchase-tag-alt", NavaIconPurchaseTagAlt);
+}