@whydrf/nava-icon-web-components 1.0.0 → 1.0.2

package/dist/chunk-MTUT7JNP.js

@@ -0,0 +1,45 @@
+// src/icons/radio-circle-marked.ts
+var NavaIconRadioCircleMarked = 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 paths = isFilled ? `<path d="M12 5C8.141 5 5 8.141 5 12C5 15.859 8.141 19 12 19C15.859 19 19 15.859 19 12C19 8.141 15.859 5 12 5ZM12 17C9.243 17 7 14.757 7 12C7 9.243 9.243 7 12 7C14.757 7 17 9.243 17 12C17 14.757 14.757 17 12 17Z" />
+<path d="M12 9C10.373 9 9 10.373 9 12C9 13.627 10.373 15 12 15C13.627 15 15 13.627 15 12C15 10.373 13.627 9 12 9Z" />` : `<path d="M12 5C8.141 5 5 8.141 5 12C5 15.859 8.141 19 12 19C15.859 19 19 15.859 19 12C19 8.141 15.859 5 12 5ZM12 17C9.243 17 7 14.757 7 12C7 9.243 9.243 7 12 7C14.757 7 17 9.243 17 12C17 14.757 14.757 17 12 17Z" />
+<path d="M12 9C10.373 9 9 10.373 9 12C9 13.627 10.373 15 12 15C13.627 15 15 13.627 15 12C15 10.373 13.627 9 12 9Z" />`;
+    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-radio-circle-marked")) {
+  customElements.define("icon-radio-circle-marked", NavaIconRadioCircleMarked);
+}

package/dist/chunk-MU4WACAU.js

@@ -0,0 +1,43 @@
+// src/icons/stop.ts
+var NavaIconStop = 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 paths = isFilled ? `<path d="M7 7H17V17H7V7Z" />` : `<path d="M7 7H17V17H7V7Z" />`;
+    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-stop")) {
+  customElements.define("icon-stop", NavaIconStop);
+}

package/dist/chunk-MUV3X6D4.js

@@ -0,0 +1,43 @@
+// src/icons/text.ts
+var NavaIconText = 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 paths = isFilled ? `<path d="M5 8H7V6H10.252L7.68 18H5V20H13V18H10.748L13.32 6H17V8H19V4H5V8Z" />` : `<path d="M5 8H7V6H10.252L7.68 18H5V20H13V18H10.748L13.32 6H17V8H19V4H5V8Z" />`;
+    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-text")) {
+  customElements.define("icon-text", NavaIconText);
+}

package/dist/chunk-MWTAFSCQ.js

@@ -0,0 +1,45 @@
+// src/icons/car-garage.ts
+var NavaIconCarGarage = 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 paths = isFilled ? `<path d="M3 19.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.723C21.3034 19.549 21.5556 19.2981 21.7311 18.9956C21.9067 18.6932 21.9994 18.3497 22 18V15C22 14.169 21.493 13.458 20.772 13.155L19.404 9.051C19.2056 8.45348 18.8238 7.9337 18.3131 7.56551C17.8024 7.19732 17.1886 6.99944 16.559 7H7.441C6.81139 6.99944 6.19761 7.19732 5.68688 7.56551C5.17615 7.9337 4.79445 8.45348 4.596 9.051L3.228 13.155C2.8643 13.3073 2.55371 13.5637 2.33523 13.892C2.11676 14.2202 2.00013 14.6057 2 15V18C2 18.738 2.404 19.376 3 19.723ZM5.5 18C5.30295 17.9999 5.10785 17.9611 4.92582 17.8856C4.7438 17.8101 4.57842 17.6995 4.43913 17.5602C4.15783 17.2787 3.99987 16.897 4 16.499C4.00013 16.101 4.15835 15.7194 4.43984 15.4381C4.72133 15.1568 5.10304 14.9989 5.501 14.999C5.89896 14.9991 6.28056 15.1573 6.56187 15.4388C6.84317 15.7203 7.00113 16.102 7.001 16.5C7.00087 16.898 6.84265 17.2796 6.56116 17.5609C6.27967 17.8422 5.89796 18.0001 5.5 18ZM18.5 18C18.102 17.9999 17.7204 17.8417 17.4391 17.5602C17.1578 17.2787 16.9999 16.897 17 16.499C17.0001 16.101 17.1583 15.7194 17.4398 15.4381C17.7213 15.1568 18.103 14.9989 18.501 14.999C18.899 14.9991 19.2806 15.1573 19.5619 15.4388C19.8432 15.7203 20.0011 16.102 20.001 16.5C20.0009 16.898 19.8427 17.2796 19.5612 17.5609C19.2797 17.8422 18.898 18.0001 18.5 18ZM7.441 9H16.558C16.768 8.99995 16.9726 9.06599 17.143 9.18876C17.3133 9.31153 17.4407 9.4848 17.507 9.684L18.613 13H5.387L6.492 9.684C6.629 9.275 7.011 9 7.441 9Z" />
+<path d="M22 7.38802V5.27902L12.316 2.05102C12.102 1.97938 11.87 1.98255 11.658 2.06002L2 5.57202V7.70002L12.015 4.05802L22 7.38802Z" />` : `<path d="M3 19.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.723C21.3034 19.549 21.5556 19.2981 21.7311 18.9956C21.9067 18.6932 21.9994 18.3497 22 18V15C22 14.169 21.493 13.458 20.772 13.155L19.404 9.051C19.2056 8.45348 18.8238 7.9337 18.3131 7.56551C17.8024 7.19732 17.1886 6.99944 16.559 7H7.441C6.81139 6.99944 6.19761 7.19732 5.68688 7.56551C5.17615 7.9337 4.79445 8.45348 4.596 9.051L3.228 13.155C2.8643 13.3073 2.55371 13.5637 2.33523 13.892C2.11676 14.2202 2.00013 14.6057 2 15V18C2 18.738 2.404 19.376 3 19.723ZM5.5 18C5.30295 17.9999 5.10785 17.9611 4.92582 17.8856C4.7438 17.8101 4.57842 17.6995 4.43913 17.5602C4.15783 17.2787 3.99987 16.897 4 16.499C4.00013 16.101 4.15835 15.7194 4.43984 15.4381C4.72133 15.1568 5.10304 14.9989 5.501 14.999C5.89896 14.9991 6.28056 15.1573 6.56187 15.4388C6.84317 15.7203 7.00113 16.102 7.001 16.5C7.00087 16.898 6.84265 17.2796 6.56116 17.5609C6.27967 17.8422 5.89796 18.0001 5.5 18ZM18.5 18C18.102 17.9999 17.7204 17.8417 17.4391 17.5602C17.1578 17.2787 16.9999 16.897 17 16.499C17.0001 16.101 17.1583 15.7194 17.4398 15.4381C17.7213 15.1568 18.103 14.9989 18.501 14.999C18.899 14.9991 19.2806 15.1573 19.5619 15.4388C19.8432 15.7203 20.0011 16.102 20.001 16.5C20.0009 16.898 19.8427 17.2796 19.5612 17.5609C19.2797 17.8422 18.898 18.0001 18.5 18ZM7.441 9H16.558C16.768 8.99995 16.9726 9.06599 17.143 9.18876C17.3133 9.31153 17.4407 9.4848 17.507 9.684L18.613 13H5.387L6.492 9.684C6.629 9.275 7.011 9 7.441 9Z" />
+<path d="M22 7.38802V5.27902L12.316 2.05102C12.102 1.97938 11.87 1.98255 11.658 2.06002L2 5.57202V7.70002L12.015 4.05802L22 7.38802Z" />`;
+    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-car-garage")) {
+  customElements.define("icon-car-garage", NavaIconCarGarage);
+}

package/dist/chunk-MXJKCKS4.js

@@ -0,0 +1,45 @@
+// src/icons/paint-roll.ts
+var NavaIconPaintRoll = 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 paths = isFilled ? `<path d="M18 2H7C5.897 2 5 2.897 5 4V7C5 8.103 5.897 9 7 9H18C19.103 9 20 8.103 20 7V4C20 2.897 19.103 2 18 2Z" />
+<path d="M13 15V13C13 11.897 12.103 11 11 11H4V5C2.897 5 2 5.897 2 7V11C2 12.103 2.897 13 4 13H11V15C10.7348 15 10.4804 15.1054 10.2929 15.2929C10.1054 15.4804 10 15.7348 10 16V21C10 21.2652 10.1054 21.5196 10.2929 21.7071C10.4804 21.8946 10.7348 22 11 22H13C13.2652 22 13.5196 21.8946 13.7071 21.7071C13.8946 21.5196 14 21.2652 14 21V16C14 15.7348 13.8946 15.4804 13.7071 15.2929C13.5196 15.1054 13.2652 15 13 15Z" />` : `<path d="M18 2H7C5.897 2 5 2.897 5 4V7C5 8.103 5.897 9 7 9H18C19.103 9 20 8.103 20 7V4C20 2.897 19.103 2 18 2ZM7 7V4H18L18.002 7H7Z" />
+<path d="M13 15V13C13 11.897 12.103 11 11 11H4V5C2.897 5 2 5.897 2 7V11C2 12.103 2.897 13 4 13H11V15C10.7348 15 10.4804 15.1054 10.2929 15.2929C10.1054 15.4804 10 15.7348 10 16V21C10 21.2652 10.1054 21.5196 10.2929 21.7071C10.4804 21.8946 10.7348 22 11 22H13C13.2652 22 13.5196 21.8946 13.7071 21.7071C13.8946 21.5196 14 21.2652 14 21V16C14 15.7348 13.8946 15.4804 13.7071 15.2929C13.5196 15.1054 13.2652 15 13 15Z" />`;
+    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-paint-roll")) {
+  customElements.define("icon-paint-roll", NavaIconPaintRoll);
+}

package/dist/chunk-MYISRKBI.js

@@ -0,0 +1,47 @@
+// src/icons/band-aid.ts
+var NavaIconBandAid = 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 paths = isFilled ? `<path d="M11.646 3.86799L3.86797 11.646C2.74455 12.7721 2.11365 14.2978 2.11365 15.8885C2.11365 17.4792 2.74455 19.0049 3.86797 20.131C4.4248 20.6882 5.08615 21.1299 5.8141 21.4309C6.54204 21.7319 7.32225 21.8862 8.10997 21.885C8.89786 21.8863 9.67826 21.7321 10.4064 21.4311C11.1345 21.1301 11.796 20.6883 12.353 20.131L20.131 12.353C21.2544 11.2269 21.8853 9.70115 21.8853 8.11049C21.8853 6.51983 21.2544 4.9941 20.131 3.86799C19.0047 2.74481 17.4791 2.11407 15.8885 2.11407C14.2979 2.11407 12.7722 2.74481 11.646 3.86799ZM8.99997 13C8.73476 13 8.4804 12.8946 8.29287 12.7071C8.10533 12.5196 7.99997 12.2652 7.99997 12C7.99997 11.7348 8.10533 11.4804 8.29287 11.2929C8.4804 11.1053 8.73476 11 8.99997 11C9.26519 11 9.51954 11.1053 9.70708 11.2929C9.89462 11.4804 9.99997 11.7348 9.99997 12C9.99997 12.2652 9.89462 12.5196 9.70708 12.7071C9.51954 12.8946 9.26519 13 8.99997 13ZM12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1053 15.5196 11 15.2652 11 15C11 14.7348 11.1053 14.4804 11.2929 14.2929C11.4804 14.1053 11.7348 14 12 14C12.2652 14 12.5195 14.1053 12.7071 14.2929C12.8946 14.4804 13 14.7348 13 15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5195 15.8946 12.2652 16 12 16ZM12 9.99999C11.7348 9.99999 11.4804 9.89463 11.2929 9.70709C11.1053 9.51956 11 9.2652 11 8.99999C11 8.73477 11.1053 8.48042 11.2929 8.29288C11.4804 8.10534 11.7348 7.99999 12 7.99999C12.2652 7.99999 12.5195 8.10534 12.7071 8.29288C12.8946 8.48042 13 8.73477 13 8.99999C13 9.2652 12.8946 9.51956 12.7071 9.70709C12.5195 9.89463 12.2652 9.99999 12 9.99999ZM15 13C14.7348 13 14.4804 12.8946 14.2929 12.7071C14.1053 12.5196 14 12.2652 14 12C14 11.7348 14.1053 11.4804 14.2929 11.2929C14.4804 11.1053 14.7348 11 15 11C15.2652 11 15.5195 11.1053 15.7071 11.2929C15.8946 11.4804 16 11.7348 16 12C16 12.2652 15.8946 12.5196 15.7071 12.7071C15.5195 12.8946 15.2652 13 15 13Z" />` : `<path d="M8.111 21.889C8.89911 21.8911 9.6798 21.7368 10.4079 21.4353C11.136 21.1337 11.7972 20.6907 12.353 20.132L20.131 12.354C21.2544 11.2279 21.8853 9.70218 21.8853 8.11152C21.8853 6.52086 21.2544 4.99513 20.131 3.86902C19.5749 3.31033 18.9136 2.8674 18.1854 2.56583C17.4571 2.26425 16.6763 2.11001 15.888 2.11202C15.0999 2.10998 14.3192 2.2642 13.5911 2.56579C12.863 2.86737 12.2019 3.31032 11.646 3.86902L3.868 11.647C2.74458 12.7731 2.11368 14.2989 2.11368 15.8895C2.11368 17.4802 2.74458 19.0059 3.868 20.132C4.42407 20.6907 5.08536 21.1336 5.81364 21.4352C6.54192 21.7368 7.32275 21.891 8.111 21.889ZM5.282 13.061L13.06 5.28302C13.4306 4.91067 13.8714 4.61547 14.3568 4.41448C14.8422 4.21349 15.3626 4.11069 15.888 4.11202C16.957 4.11202 17.961 4.52802 18.717 5.28302C19.4657 6.03395 19.8862 7.0511 19.8862 8.11152C19.8862 9.17194 19.4657 10.1891 18.717 10.94L10.939 18.718C10.5684 19.0904 10.1276 19.3856 9.6422 19.5866C9.1568 19.7876 8.63637 19.8904 8.111 19.889C7.58547 19.8904 7.06487 19.7877 6.5793 19.5867C6.09372 19.3857 5.65279 19.0904 5.282 18.718C4.53377 17.9668 4.11366 16.9498 4.11366 15.8895C4.11366 14.8293 4.53377 13.8122 5.282 13.061Z" />
+<path d="M9 13C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13Z" />
+<path d="M15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13Z" />
+<path d="M12 16C12.5523 16 13 15.5523 13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15C11 15.5523 11.4477 16 12 16Z" />
+<path d="M12 10C12.5523 10 13 9.55228 13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9C11 9.55228 11.4477 10 12 10Z" />`;
+    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-band-aid")) {
+  customElements.define("icon-band-aid", NavaIconBandAid);
+}

package/dist/chunk-N2ZKQ7BF.js

@@ -0,0 +1,43 @@
+// src/icons/key.ts
+var NavaIconKey = 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 paths = isFilled ? `<path d="M3.43296 17.325L3.07896 19.8C3.05708 19.9536 3.07125 20.1102 3.12036 20.2574C3.16946 20.4046 3.25214 20.5384 3.36186 20.6481C3.47159 20.7578 3.60534 20.8405 3.75253 20.8896C3.89973 20.9387 4.05634 20.9529 4.20996 20.931L6.68496 20.577C7.05996 20.524 7.99996 18 7.99996 18C7.99996 18 8.47196 18.405 8.66496 18.466C9.07696 18.596 9.47796 18.192 9.61296 17.782L9.99996 16.01C9.99996 16.01 10.577 16.302 10.786 16.345C11.052 16.4 11.31 16.236 11.493 16.052C11.6029 15.9424 11.6855 15.8085 11.734 15.661L12 14.01C12 14.01 12.675 14.197 12.906 14.224C13.169 14.254 13.425 14.12 13.613 13.931L14.751 12.794C15.7143 13.1062 16.745 13.1464 17.7297 12.9103C18.7144 12.6743 19.6149 12.171 20.332 11.456C21.3616 10.4237 21.9399 9.02508 21.9399 7.567C21.9399 6.10892 21.3616 4.71035 20.332 3.678C19.2996 2.64831 17.901 2.07007 16.443 2.07007C14.9849 2.07007 13.5863 2.64831 12.554 3.678C11.8388 4.39492 11.3354 5.29539 11.0993 6.28014C10.8632 7.2649 10.9036 8.29572 11.216 9.259L3.71496 16.759C3.56185 16.9119 3.46284 17.1107 3.43296 17.325ZM18.504 5.506C19.0495 6.05317 19.3559 6.79432 19.3559 7.567C19.3559 8.33968 19.0495 9.08083 18.504 9.628L14.382 5.506C14.9291 4.96044 15.6703 4.65408 16.443 4.65408C17.2156 4.65408 17.9568 4.96044 18.504 5.506Z" />` : `<path d="M7 17C8.15196 16.9985 9.26816 16.5998 10.1604 15.8711C11.0526 15.1424 11.6663 14.1284 11.898 13H14V15H16V13H18V16H20V13H21V11H11.898C11.6663 9.87158 11.0526 8.85755 10.1604 8.1289C9.26816 7.40025 8.15196 7.00154 7 7C4.243 7 2 9.243 2 12C2 14.757 4.243 17 7 17ZM7 9C8.654 9 10 10.346 10 12C10 13.654 8.654 15 7 15C5.346 15 4 13.654 4 12C4 10.346 5.346 9 7 9Z" />`;
+    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-key")) {
+  customElements.define("icon-key", NavaIconKey);
+}

package/dist/chunk-N4IDYOQC.js

@@ -0,0 +1,43 @@
+// src/icons/expand-horizontal.ts
+var NavaIconExpandHorizontal = 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 paths = isFilled ? `<path d="M8.28999 5.64L1.92999 12L8.28999 18.36L9.70999 16.95L4.75999 12L9.70999 7.05L8.28999 5.64ZM14.29 7.05L19.24 12L14.29 16.95L15.71 18.36L22.07 12L15.71 5.64L14.29 7.05Z" />` : `<path d="M8.28999 5.64L1.92999 12L8.28999 18.36L9.70999 16.95L4.75999 12L9.70999 7.05L8.28999 5.64ZM14.29 7.05L19.24 12L14.29 16.95L15.71 18.36L22.07 12L15.71 5.64L14.29 7.05Z" />`;
+    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-expand-horizontal")) {
+  customElements.define("icon-expand-horizontal", NavaIconExpandHorizontal);
+}

package/dist/chunk-N57SO4H3.js

@@ -0,0 +1,43 @@
+// src/icons/traffic-barrier.ts
+var NavaIconTrafficBarrier = 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 paths = isFilled ? `<path d="M21 6H19V3H17V6H7V3H5V6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V14C2 14.2652 2.10536 14.5196 2.29289 14.7071C2.48043 14.8946 2.73478 15 3 15H5V21H7V15H17V21H19V15H21C21.2652 15 21.5196 14.8946 21.7071 14.7071C21.8946 14.5196 22 14.2652 22 14V7C22 6.73478 21.8946 6.48043 21.7071 6.29289C21.5196 6.10536 21.2652 6 21 6ZM4.42 13L7.277 8H9.58L6.723 13H4.42ZM12.277 8H14.58L11.723 13H9.42L12.277 8ZM17.277 8H19.58L16.723 13H14.42L17.277 8Z" />` : `<path d="M21 6H19V3H17V6H7V3H5V6H3C2.73478 6 2.48043 6.10536 2.29289 6.29289C2.10536 6.48043 2 6.73478 2 7V14C2 14.2652 2.10536 14.5196 2.29289 14.7071C2.48043 14.8946 2.73478 15 3 15H5V21H7V15H17V21H19V15H21C21.2652 15 21.5196 14.8946 21.7071 14.7071C21.8946 14.5196 22 14.2652 22 14V7C22 6.73478 21.8946 6.48043 21.7071 6.29289C21.5196 6.10536 21.2652 6 21 6ZM4.42 13L7.277 8H9.58L6.723 13H4.42ZM12.277 8H14.58L11.723 13H9.42L12.277 8ZM17.277 8H19.58L16.723 13H14.42L17.277 8Z" />`;
+    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-barrier")) {
+  customElements.define("icon-traffic-barrier", NavaIconTrafficBarrier);
+}

package/dist/chunk-N5OPMM6C.js

@@ -0,0 +1,45 @@
+// src/icons/image.ts
+var NavaIconImage = 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 paths = isFilled ? `<path d="M19.999 4H3.99902C2.89602 4 1.99902 4.897 1.99902 6V18C1.99902 19.103 2.89602 20 3.99902 20H19.999C21.102 20 21.999 19.103 21.999 18V6C21.999 4.897 21.102 4 19.999 4ZM6.49902 7C6.89685 7 7.27838 7.15804 7.55968 7.43934C7.84099 7.72064 7.99902 8.10218 7.99902 8.5C7.99902 8.89782 7.84099 9.27936 7.55968 9.56066C7.27838 9.84196 6.89685 10 6.49902 10C6.1012 10 5.71967 9.84196 5.43836 9.56066C5.15706 9.27936 4.99902 8.89782 4.99902 8.5C4.99902 8.10218 5.15706 7.72064 5.43836 7.43934C5.71967 7.15804 6.1012 7 6.49902 7ZM11.999 17H4.99902L8.99902 12L10.499 14L13.499 10L18.999 17H11.999Z" />` : `<path d="M7.49902 11C8.32745 11 8.99902 10.3284 8.99902 9.5C8.99902 8.67157 8.32745 8 7.49902 8C6.6706 8 5.99902 8.67157 5.99902 9.5C5.99902 10.3284 6.6706 11 7.49902 11Z" />
+<path d="M10.499 14L8.99902 12L5.99902 16H17.999L13.499 10L10.499 14Z" />
+<path d="M19.999 4H3.99902C2.89602 4 1.99902 4.897 1.99902 6V18C1.99902 19.103 2.89602 20 3.99902 20H19.999C21.102 20 21.999 19.103 21.999 18V6C21.999 4.897 21.102 4 19.999 4ZM3.99902 18V6H19.999L20.001 18H3.99902Z" />`;
+    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-image")) {
+  customElements.define("icon-image", NavaIconImage);
+}

package/dist/chunk-N6SHOUCV.js

@@ -0,0 +1,44 @@
+// src/icons/fast-forward-circle.ts
+var NavaIconFastForwardCircle = 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 paths = isFilled ? `<path d="M12 2C6.485 2 2 6.485 2 12C2 17.515 6.485 22 12 22C17.514 22 22 17.515 22 12C22 6.485 17.514 2 12 2ZM13 16V12L7 16V8L13 12V8L19 12L13 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" />
+<path d="M13 16L18 12L13 8V16ZM7 16L12 12L7 8V16Z" />`;
+    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-fast-forward-circle")) {
+  customElements.define("icon-fast-forward-circle", NavaIconFastForwardCircle);
+}

package/dist/chunk-NA4AXZML.js

@@ -0,0 +1,44 @@
+// src/icons/alarm-add.ts
+var NavaIconAlarmAdd = 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 paths = isFilled ? `<path d="M12 4.00002C7.12097 4.00002 2.99997 8.12102 2.99997 13C2.99997 17.879 7.12097 22 12 22C16.879 22 21 17.879 21 13C21 8.12102 16.879 4.00002 12 4.00002ZM16 14H13V17H11V14H7.99997V12H11V9.00002H13V12H16V14ZM17.284 3.70702L18.696 2.29102L21.706 5.29102L20.293 6.70802L17.284 3.70702ZM5.28197 2.29402L6.69997 3.70602L3.70997 6.70602L2.29297 5.29302L5.28197 2.29402Z" />` : `<path d="M12 4C7.121 4 3 8.121 3 13C3 17.879 7.121 22 12 22C16.879 22 21 17.879 21 13C21 8.121 16.879 4 12 4ZM12 20C8.206 20 5 16.794 5 13C5 9.206 8.206 6 12 6C15.794 6 19 9.206 19 13C19 16.794 15.794 20 12 20Z" />
+<path d="M13 8.00002H11V12H7.00003V14H11V18H13V14H17V12H13V8.00002ZM20.292 6.70802L17.282 3.70802L18.694 2.29102L21.704 5.29102L20.292 6.70802ZM5.28203 2.29402L6.70003 3.70602L3.71003 6.70602L2.29303 5.29302L5.28203 2.29402Z" />`;
+    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-alarm-add")) {
+  customElements.define("icon-alarm-add", NavaIconAlarmAdd);
+}

package/dist/chunk-NAPMFKGK.js

@@ -0,0 +1,45 @@
+// src/icons/bookmark-star.ts
+var NavaIconBookmarkStar = 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 paths = isFilled ? `<path d="M12 11.222L14.667 13L13.777 9.889L16 8L13.333 7.667L12 5L10.667 7.667L8 8L10.223 9.889L9.333 13L12 11.222Z" />
+<path d="M19 21.723V4C19 3.46957 18.7893 2.96086 18.4142 2.58579C18.0391 2.21071 17.5304 2 17 2H7C6.46957 2 5.96086 2.21071 5.58579 2.58579C5.21071 2.96086 5 3.46957 5 4V21.723L12 17.152L19 21.723ZM8 8L10.667 7.667L12 5L13.333 7.667L16 8L13.777 9.889L14.667 13L12 11.222L9.333 13L10.223 9.889L8 8Z" />` : `<path d="M12 11.222L14.667 13L13.777 9.889L16 8L13.333 7.667L12 5L10.667 7.667L8 8L10.223 9.889L9.333 13L12 11.222Z" />
+<path d="M19 21.723V4C19 3.46957 18.7893 2.96086 18.4142 2.58579C18.0391 2.21071 17.5304 2 17 2H7C6.46957 2 5.96086 2.21071 5.58579 2.58579C5.21071 2.96086 5 3.46957 5 4V21.723L12 17.152L19 21.723ZM8 8L10.667 7.667L12 5L13.333 7.667L16 8L13.777 9.889L14.667 13L12 11.222L9.333 13L10.223 9.889L8 8Z" />`;
+    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-bookmark-star")) {
+  customElements.define("icon-bookmark-star", NavaIconBookmarkStar);
+}

package/dist/chunk-NDBJ7HRL.js

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