@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-B75KK5G4.js

@@ -0,0 +1,45 @@
+// src/icons/won.ts
+var NavaIconWon = 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.758 5H19.68L18.836 8H13.943L13.044 5H10.956L10.057 8H5.164L4.32 5H2.242L3.086 8H2V10H3.648L4.211 12H2V14H4.773L6.461 20H8.544L10.344 14H13.657L15.457 20H17.54L19.228 14H22V12H19.789L20.352 10H22V8H20.914L21.758 5ZM5.727 10H9.456L8.856 12H6.289L5.727 10ZM7.531 16.417L6.852 14H8.256L7.531 16.417ZM10.944 12L11.544 10H12.456L13.056 12H10.944ZM16.469 16.417L15.744 14H17.148L16.469 16.417ZM17.711 12H15.144L14.544 10H18.273L17.711 12Z" />`;
+    const filledPaths = `<path d="M21.758 5H19.68L18.836 8H13.943L13.044 5H10.956L10.057 8H5.164L4.32 5H2.242L3.086 8H2V10H3.648L4.211 12H2V14H4.773L6.461 20H8.544L10.344 14H13.657L15.457 20H17.54L19.228 14H22V12H19.789L20.352 10H22V8H20.914L21.758 5ZM5.727 10H9.456L8.856 12H6.289L5.727 10ZM7.531 16.417L6.852 14H8.256L7.531 16.417ZM10.944 12L11.544 10H12.456L13.056 12H10.944ZM16.469 16.417L15.744 14H17.148L16.469 16.417ZM17.711 12H15.144L14.544 10H18.273L17.711 12Z" />`;
+    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-won")) {
+  customElements.define("icon-won", NavaIconWon);
+}

package/dist/chunk-B7RW6COJ.js

@@ -0,0 +1,46 @@
+// src/icons/dice-1.ts
+var NavaIconDice1 = 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 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />
+<path d="M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z" />`;
+    const filledPaths = `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM12 13.5C11.6022 13.5 11.2206 13.342 10.9393 13.0607C10.658 12.7794 10.5 12.3978 10.5 12C10.5 11.6022 10.658 11.2206 10.9393 10.9393C11.2206 10.658 11.6022 10.5 12 10.5C12.3978 10.5 12.7794 10.658 13.0607 10.9393C13.342 11.2206 13.5 11.6022 13.5 12C13.5 12.3978 13.342 12.7794 13.0607 13.0607C12.7794 13.342 12.3978 13.5 12 13.5Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-dice-1")) {
+  customElements.define("icon-dice-1", NavaIconDice1);
+}

package/dist/chunk-B7TAJIJK.js

@@ -0,0 +1,45 @@
+// src/icons/diamond.ts
+var NavaIconDiamond = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M17.813 3.838C17.6282 3.57906 17.3842 3.36796 17.1014 3.22221C16.8186 3.07647 16.5051 3.00029 16.187 3H7.81299C7.16899 3 6.56099 3.313 6.14599 3.899L2.14599 10.48C2.03422 10.6636 1.98466 10.8784 2.00465 11.0924C2.02465 11.3064 2.11315 11.5083 2.25699 11.668L11.257 21.668C11.3503 21.7729 11.4647 21.8568 11.5927 21.9143C11.7207 21.9718 11.8594 22.0016 11.9998 22.0017C12.1401 22.0018 12.2789 21.9722 12.407 21.9149C12.5351 21.8575 12.6496 21.7737 12.743 21.669L21.743 11.669C21.8871 11.5094 21.9758 11.3075 21.9958 11.0934C22.0158 10.8793 21.9661 10.6645 21.854 10.481L17.813 3.838ZM12 19.505L5.24499 12H18.754L12 19.505ZM4.77699 10L7.81299 5L16.145 4.938L19.222 10H4.77699Z" />`;
+    const filledPaths = `<path d="M16.445 3H7.555C7.21 3 6.889 3.178 6.706 3.47L3.25 9H20.75L17.294 3.47C17.2038 3.32623 17.0786 3.20769 16.9301 3.12549C16.7816 3.04329 16.6147 3.00011 16.445 3ZM11.26 21.186C11.3537 21.2891 11.468 21.3715 11.5954 21.4279C11.7228 21.4843 11.8607 21.5134 12 21.5134C12.1393 21.5134 12.2772 21.4843 12.4046 21.4279C12.532 21.3715 12.6463 21.2891 12.74 21.186L22 11H2L11.26 21.186Z" />`;
+    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-diamond")) {
+  customElements.define("icon-diamond", NavaIconDiamond);
+}

package/dist/chunk-BB34EKB4.js

@@ -0,0 +1,45 @@
+// 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M2.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 filledPaths = `<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" />`;
+    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-planet")) {
+  customElements.define("icon-planet", NavaIconPlanet);
+}

package/dist/chunk-BC5FXD62.js

@@ -0,0 +1,46 @@
+// src/icons/baseball.ts
+var NavaIconBaseball = 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.99 2.00001C10.6756 1.99776 9.3739 2.25627 8.16015 2.76059C6.94639 3.2649 5.84475 4.005 4.919 4.93801C1.021 8.83601 1.021 15.181 4.919 19.081C6.814 20.976 9.324 22.019 11.99 22.019C14.656 22.019 17.167 20.976 19.061 19.081C22.96 15.182 22.96 8.83701 19.061 4.93801C18.1353 4.005 17.0336 3.2649 15.8198 2.76059C14.6061 2.25627 13.3044 1.99776 11.99 2.00001ZM17.647 17.667C16.5986 18.7189 15.2768 19.4564 13.831 19.796L13.83 19.759C13.8283 18.9864 13.9711 18.2202 14.251 17.5L12.388 16.771C11.987 17.8023 11.7993 18.9041 11.836 20.01C9.76654 19.9745 7.79243 19.1337 6.333 17.666C4.87083 16.2039 4.03456 14.2305 4.001 12.163C4.081 12.165 4.161 12.168 4.241 12.168C5.26316 12.1708 6.27674 11.9815 7.229 11.61L6.499 9.74801C5.77161 10.0285 4.99756 10.1684 4.218 10.16C4.55385 8.7179 5.28646 7.39851 6.333 6.35101C7.41948 5.25944 8.7992 4.50636 10.305 4.18301C10.2954 4.84836 10.1748 5.50743 9.948 6.13301L11.829 6.81401C12.1456 5.94858 12.3087 5.03453 12.311 4.11301C12.311 4.08001 12.307 4.04801 12.306 4.01501C14.319 4.09401 16.206 4.91101 17.648 6.35101C19.0713 7.7755 19.9018 9.68654 19.972 11.699C19.0221 11.688 18.078 11.8482 17.185 12.172L17.869 14.052C18.4893 13.8244 19.1434 13.7023 19.804 13.691C19.485 15.1972 18.7357 16.5784 17.647 17.667Z" />
+<path d="M14.112 14.13C13.7682 14.4732 13.4581 14.8486 13.186 15.251L14.842 16.371C15.042 16.075 15.272 15.797 15.525 15.545C15.8801 15.1904 16.2754 14.8786 16.703 14.616L15.654 12.913C15.0942 13.257 14.5767 13.6655 14.112 14.13ZM8.456 8.474C8.20227 8.7264 7.92539 8.9544 7.629 9.155L8.748 10.813C9.15031 10.5403 9.52598 10.2303 9.87 9.887C10.3339 9.42175 10.7423 8.9043 11.087 8.345L9.384 7.297C9.12095 7.7237 8.80955 8.11865 8.456 8.474Z" />`;
+    const filledPaths = `<path d="M21.9839 12.236C22.0197 10.884 21.7799 9.5388 21.2791 8.28242C20.7783 7.02603 20.027 5.88473 19.0709 4.92802C18.1142 3.97198 16.9729 3.22069 15.7165 2.71989C14.4601 2.21909 13.115 1.97926 11.7629 2.01502C11.8943 3.48608 11.6632 4.96691 11.0899 6.32802L9.24993 5.54802C9.68488 4.51103 9.86524 3.38498 9.77593 2.26402C7.94041 2.67519 6.25948 3.59941 4.92893 4.92902C3.598 6.26071 2.67335 7.94354 2.26293 9.78102C3.13126 9.8482 4.00454 9.75463 4.83893 9.50502L5.41393 11.421C4.31393 11.751 3.15693 11.864 2.01593 11.765C1.98019 13.1169 2.22003 14.4619 2.72084 15.7181C3.22164 16.9744 3.97292 18.1155 4.92893 19.072C5.88549 20.028 7.02662 20.7792 8.28283 21.28C9.53904 21.7808 10.884 22.0207 12.2359 21.985C12.1346 20.8408 12.2513 19.6877 12.5799 18.587L14.4959 19.162C14.2458 19.9963 14.1522 20.8697 14.2199 21.738C16.0577 21.3276 17.7409 20.403 19.0729 19.072C20.4027 17.7412 21.327 16.0599 21.7379 14.224C20.617 14.1352 19.491 14.3155 18.4539 14.75L17.6739 12.909C19.034 12.3356 20.5138 12.1045 21.9839 12.236ZM9.16993 9.17302C8.52501 9.81814 7.78593 10.3617 6.97793 10.785L6.05093 9.01302C7.08959 8.46923 7.97528 7.67363 8.62693 6.69902L10.2899 7.81202C9.96193 8.30202 9.58493 8.76002 9.16993 9.17302ZM16.2439 16.241C15.7405 16.7431 15.3166 17.3191 14.9869 17.949L13.2149 17.022C13.9136 15.6873 14.9354 14.5487 16.1869 13.71L17.2999 15.373C16.9204 15.6271 16.5667 15.9179 16.2439 16.241Z" />`;
+    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-baseball")) {
+  customElements.define("icon-baseball", NavaIconBaseball);
+}

package/dist/chunk-BFAXHYTT.js

@@ -0,0 +1,47 @@
+// src/icons/happy-heart-eyes.ts
+var NavaIconHappyHeartEyes = 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 18C16 18 17 14 17 14H7C7 14 8 18 12 18Z" />
+<path d="M12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z" />
+<path d="M8.53498 12.634L10.585 10.551C10.7244 10.4116 10.8347 10.2458 10.9094 10.0634C10.984 9.88089 11.0216 9.68538 11.02 9.48823C11.0183 9.29107 10.9774 9.09623 10.8996 8.91506C10.8218 8.73388 10.7088 8.57001 10.567 8.433C10.2939 8.16163 9.92629 8.00653 9.54133 8.00019C9.15636 7.99385 8.78389 8.13677 8.50198 8.399C8.21586 8.14013 7.84037 8.00252 7.45474 8.01521C7.0691 8.0279 6.70347 8.18989 6.43498 8.467C5.84898 9.067 5.85598 9.997 6.45398 10.584L8.53498 12.634ZM15.535 12.634L17.585 10.551C17.7244 10.4116 17.8347 10.2458 17.9094 10.0634C17.984 9.88089 18.0216 9.68538 18.02 9.48823C18.0183 9.29107 17.9774 9.09623 17.8996 8.91506C17.8218 8.73388 17.7088 8.57001 17.567 8.433C17.2939 8.16163 16.9263 8.00653 16.5413 8.00019C16.1564 7.99385 15.7839 8.13677 15.502 8.399C15.2159 8.1397 14.8403 8.00174 14.4544 8.01424C14.0686 8.02674 13.7026 8.18873 13.434 8.466C12.848 9.066 12.855 9.996 13.453 10.583L15.535 12.634Z" />`;
+    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 2ZM6.435 8.467C6.70387 8.19048 7.0695 8.02899 7.45498 8.0165C7.84047 8.004 8.21578 8.14147 8.502 8.4C8.78378 8.13764 9.15618 7.99454 9.54115 8.00069C9.92611 8.00684 10.2937 8.16177 10.567 8.433C11.164 9.025 11.171 9.954 10.585 10.551L8.535 12.634L6.453 10.584C6.31125 10.4471 6.1982 10.2833 6.12044 10.1022C6.04268 9.92111 6.00177 9.72635 6.00009 9.52927C5.99841 9.3322 6.03601 9.13677 6.11068 8.95438C6.18535 8.772 6.2956 8.60631 6.435 8.467ZM12 18C8 18 7 14 7 14H17C17 14 16 18 12 18ZM17.585 10.551L15.535 12.634L13.453 10.584C13.3113 10.4471 13.1983 10.2833 13.1205 10.1023C13.0427 9.92123 13.0018 9.72651 13 9.52948C12.9982 9.33245 13.0357 9.13703 13.1102 8.95462C13.1847 8.77221 13.2948 8.60645 13.434 8.467C13.7029 8.19019 14.0687 8.02851 14.4545 8.01602C14.8402 8.00352 15.2157 8.14117 15.502 8.4C15.7838 8.13764 16.1562 7.99454 16.5411 8.00069C16.9261 8.00684 17.2937 8.16177 17.567 8.433C18.164 9.024 18.172 9.954 17.585 10.551Z" />`;
+    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-heart-eyes")) {
+  customElements.define("icon-happy-heart-eyes", NavaIconHappyHeartEyes);
+}

package/dist/chunk-BFMDDXEN.js

@@ -0,0 +1,45 @@
+// src/icons/rewind.ts
+var NavaIconRewind = 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 12V7L5 12L12 17V12ZM19 7L12 12L19 17V7Z" />`;
+    const filledPaths = `<path d="M12 12V7L5 12L12 17V12ZM19 7L12 12L19 17V7Z" />`;
+    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-rewind")) {
+  customElements.define("icon-rewind", NavaIconRewind);
+}

package/dist/chunk-BFVV4T3Q.js

@@ -0,0 +1,45 @@
+// src/icons/upvote.ts
+var NavaIconUpvote = 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.781 2.37499C12.4 1.89999 11.6 1.89999 11.219 2.37499L3.219 12.375C3.10164 12.5222 3.02817 12.6995 3.00703 12.8866C2.98589 13.0737 3.01794 13.2629 3.09949 13.4326C3.18105 13.6023 3.3088 13.7455 3.46809 13.8459C3.62737 13.9463 3.81173 13.9997 4 14H8V21C8 21.2652 8.10536 21.5196 8.29289 21.7071C8.48043 21.8946 8.73478 22 9 22H15C15.2652 22 15.5196 21.8946 15.7071 21.7071C15.8946 21.5196 16 21.2652 16 21V14H20C20.1883 13.9997 20.3726 13.9463 20.5319 13.8459C20.6912 13.7455 20.819 13.6023 20.9005 13.4326C20.9821 13.2629 21.0141 13.0737 20.993 12.8866C20.9718 12.6995 20.8984 12.5222 20.781 12.375L12.781 2.37499ZM15 12H14V20H10V12H6.081L12 4.60099L17.919 12H15Z" />`;
+    const filledPaths = `<path d="M4.00003 14H8.00003V21C8.00003 21.2652 8.10539 21.5196 8.29292 21.7071C8.48046 21.8946 8.73481 22 9.00003 22H15C15.2652 22 15.5196 21.8946 15.7071 21.7071C15.8947 21.5196 16 21.2652 16 21V14H20C20.1883 13.9997 20.3727 13.9463 20.5319 13.8459C20.6912 13.7455 20.819 13.6023 20.9005 13.4326C20.9821 13.2629 21.0141 13.0737 20.993 12.8866C20.9719 12.6995 20.8984 12.5222 20.781 12.375L12.781 2.37499C12.4 1.89999 11.6 1.89999 11.219 2.37499L3.21903 12.375C3.10167 12.5222 3.0282 12.6995 3.00706 12.8866C2.98592 13.0737 3.01797 13.2629 3.09953 13.4326C3.18108 13.6023 3.30883 13.7455 3.46812 13.8459C3.6274 13.9463 3.81176 13.9997 4.00003 14Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-upvote")) {
+  customElements.define("icon-upvote", NavaIconUpvote);
+}

package/dist/chunk-BFZUDDWB.js

@@ -0,0 +1,45 @@
+// src/icons/desktop.ts
+var NavaIconDesktop = 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 3H4C2.897 3 2 3.897 2 5V16C2 17.103 2.897 18 4 18H11V20H8V22H16V20H13V18H20C21.103 18 22 17.103 22 16V5C22 3.897 21.103 3 20 3ZM4 14V5H20L20.002 14H4Z" />`;
+    const filledPaths = `<path d="M20 3H4C2.897 3 2 3.897 2 5V16C2 17.103 2.897 18 4 18H11V20H8V22H16V20H13V18H20C21.103 18 22 17.103 22 16V5C22 3.897 21.103 3 20 3ZM4 14V5H20L20.002 14H4Z" />`;
+    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-desktop")) {
+  customElements.define("icon-desktop", NavaIconDesktop);
+}

package/dist/chunk-BG3RDUT7.js

@@ -0,0 +1,45 @@
+// src/icons/border-left.ts
+var NavaIconBorderLeft = 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 3H13V5H11V3ZM15 3H17V5H15V3ZM7 3H9V5H7V3ZM19 3H21V5H19V3ZM19 11H21V13H19V11ZM19 15H21V17H19V15ZM19 7H21V9H19V7ZM19 19H21V21H19V19ZM15 19H17V21H15V19ZM7 19H9V21H7V19ZM11 19H13V21H11V19ZM11 15H13V17H11V15ZM11 7H13V9H11V7ZM15 11H17V13H15V11ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM3 5V21H5V3H3V5Z" />`;
+    const filledPaths = `<path d="M11 3H13V5H11V3ZM15 3H17V5H15V3ZM7 3H9V5H7V3ZM19 3H21V5H19V3ZM19 11H21V13H19V11ZM19 15H21V17H19V15ZM19 7H21V9H19V7ZM19 19H21V21H19V19ZM15 19H17V21H15V19ZM7 19H9V21H7V19ZM11 19H13V21H11V19ZM11 15H13V17H11V15ZM11 7H13V9H11V7ZM15 11H17V13H15V11ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM3 5V21H5V3H3V5Z" />`;
+    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-border-left")) {
+  customElements.define("icon-border-left", NavaIconBorderLeft);
+}

package/dist/chunk-BGYWAEH2.js

@@ -0,0 +1,47 @@
+// src/icons/search-alt.ts
+var NavaIconSearchAlt = 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 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z" />
+<path d="M11.412 8.58599C11.791 8.96599 12 9.46799 12 9.99999H14C14.0009 9.47442 13.8976 8.95389 13.6961 8.46848C13.4946 7.98307 13.1989 7.54242 12.826 7.17199C11.312 5.65999 8.68701 5.65999 7.17401 7.17199L8.58601 8.58799C9.34601 7.82999 10.656 7.832 11.412 8.58599Z" />`;
+    const filledPaths = `<path d="M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z" />
+<path d="M11.412 8.58599C11.791 8.96599 12 9.46799 12 9.99999H14C14.0009 9.47442 13.8976 8.95389 13.6961 8.46848C13.4946 7.98307 13.1989 7.54242 12.826 7.17199C11.312 5.65999 8.68701 5.65999 7.17401 7.17199L8.58601 8.58799C9.34601 7.82999 10.656 7.832 11.412 8.58599Z" />`;
+    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-search-alt")) {
+  customElements.define("icon-search-alt", NavaIconSearchAlt);
+}

package/dist/chunk-BHFVCDZI.js

@@ -0,0 +1,45 @@
+// src/icons/t-shirt.ts
+var NavaIconTShirt = 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.316 4.05499C19.556 3.47799 15 1.98499 15 1.99999C15 2.79564 14.6839 3.5587 14.1213 4.12131C13.5587 4.68392 12.7957 4.99999 12 4.99999C11.2044 4.99999 10.4413 4.68392 9.87869 4.12131C9.31608 3.5587 9.00001 2.79564 9.00001 1.99999C9.00001 1.98499 4.44401 3.47799 2.68301 4.05499C2.48349 4.12039 2.30987 4.24741 2.18714 4.41777C2.0644 4.58812 1.99888 4.79303 2.00001 5.00299V8.71899C2.00006 8.87089 2.0347 9.02078 2.10132 9.15729C2.16794 9.2938 2.26478 9.41334 2.38449 9.50683C2.50421 9.60033 2.64365 9.66533 2.79223 9.69689C2.94081 9.72845 3.09463 9.72575 3.24201 9.68899L6.00001 8.99999V21C6.00001 21.2652 6.10537 21.5196 6.29291 21.7071C6.48044 21.8946 6.7348 22 7.00001 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8947 21.5196 18 21.2652 18 21V8.99999L20.758 9.68899C20.9054 9.72575 21.0592 9.72845 21.2078 9.69689C21.3564 9.66533 21.4958 9.60033 21.6155 9.50683C21.7352 9.41334 21.8321 9.2938 21.8987 9.15729C21.9653 9.02078 22 8.87089 22 8.71899V5.00299C22.0011 4.7929 21.9354 4.5879 21.8125 4.41753C21.6896 4.24716 21.5157 4.12022 21.316 4.05499Z" />`;
+    const filledPaths = `<path d="M21.316 4.05499C19.556 3.47799 15 1.98499 15 1.99999C15 2.79564 14.6839 3.5587 14.1213 4.12131C13.5587 4.68392 12.7957 4.99999 12 4.99999C11.2044 4.99999 10.4413 4.68392 9.87869 4.12131C9.31608 3.5587 9.00001 2.79564 9.00001 1.99999C9.00001 1.98499 4.44401 3.47799 2.68301 4.05499C2.48349 4.12039 2.30987 4.24741 2.18714 4.41777C2.0644 4.58812 1.99888 4.79303 2.00001 5.00299V8.71899C2.00006 8.87089 2.0347 9.02078 2.10132 9.15729C2.16794 9.2938 2.26478 9.41334 2.38449 9.50683C2.50421 9.60033 2.64365 9.66533 2.79223 9.69689C2.94081 9.72845 3.09463 9.72575 3.24201 9.68899L6.00001 8.99999V21C6.00001 21.2652 6.10537 21.5196 6.29291 21.7071C6.48044 21.8946 6.7348 22 7.00001 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8947 21.5196 18 21.2652 18 21V8.99999L20.758 9.68899C20.9054 9.72575 21.0592 9.72845 21.2078 9.69689C21.3564 9.66533 21.4958 9.60033 21.6155 9.50683C21.7352 9.41334 21.8321 9.2938 21.8987 9.15729C21.9653 9.02078 22 8.87089 22 8.71899V5.00299C22.0011 4.7929 21.9354 4.5879 21.8125 4.41753C21.6896 4.24716 21.5157 4.12022 21.316 4.05499Z" />`;
+    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-t-shirt")) {
+  customElements.define("icon-t-shirt", NavaIconTShirt);
+}

package/dist/chunk-BJ4YQVZG.js

@@ -0,0 +1,47 @@
+// src/icons/analyse.ts
+var NavaIconAnalyse = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M2 12H4C3.99762 10.9487 4.20284 9.90729 4.60388 8.93549C5.00492 7.9637 5.59389 7.08064 6.337 6.337C7.0648 5.60679 7.92832 5.02589 8.879 4.627C10.8385 3.81293 13.0388 3.79822 15.009 4.586C15.0283 5.23347 15.2993 5.8479 15.7644 6.29868C16.2296 6.74947 16.8522 7.00107 17.5 7C18.886 7 20 5.886 20 4.5C20 3.114 18.886 2 17.5 2C16.811 2 16.188 2.276 15.737 2.725C13.306 1.752 10.514 1.767 8.102 2.784C6.91314 3.2837 5.83301 4.01023 4.922 4.923C4.00882 5.8335 3.28193 6.91331 2.782 8.102C2.2632 9.33594 1.99729 10.6614 2 12ZM19.373 15.122C18.972 16.074 18.396 16.93 17.663 17.663C16.93 18.396 16.074 18.972 15.121 19.373C13.1615 20.1871 10.9612 20.2018 8.991 19.414C8.97173 18.7665 8.70072 18.1521 8.23555 17.7013C7.77039 17.2505 7.14775 16.9989 6.5 17C5.114 17 4 18.114 4 19.5C4 20.886 5.114 22 6.5 22C7.189 22 7.812 21.724 8.263 21.275C9.4505 21.7546 10.7193 22.0007 12 22C13.9665 22.0038 15.8904 21.4267 17.5301 20.3411C19.1699 19.2555 20.4525 17.7098 21.217 15.898C21.7365 14.6642 22.0028 13.3387 22 12H20C20.0025 13.0722 19.7893 14.1339 19.373 15.122Z" />
+<path d="M12 7.46198C9.498 7.46198 7.462 9.49798 7.462 12C7.462 14.502 9.498 16.538 12 16.538C14.502 16.538 16.538 14.502 16.538 12C16.538 9.49798 14.502 7.46198 12 7.46198ZM12 14.538C10.601 14.538 9.462 13.399 9.462 12C9.462 10.601 10.601 9.46198 12 9.46198C13.399 9.46198 14.538 10.601 14.538 12C14.538 13.399 13.399 14.538 12 14.538Z" />`;
+    const filledPaths = `<path d="M4.62602 8.878C5.02564 7.92801 5.60645 7.06495 6.33602 6.337C7.06398 5.60699 7.92747 5.02612 8.87802 4.627C10.8375 3.81293 13.0378 3.79822 15.008 4.586C15.0278 5.23347 15.2991 5.84776 15.7644 6.29846C16.2296 6.74917 16.8522 7.00082 17.5 7C18.886 7 20 5.886 20 4.5C20 3.114 18.886 2 17.5 2C16.811 2 16.188 2.276 15.737 2.725C13.306 1.752 10.514 1.767 8.10202 2.784C6.91202 3.284 5.84202 4.004 4.92202 4.923C3.9931 5.8522 3.25679 6.95569 2.75536 8.17014C2.25393 9.38459 1.99724 10.6861 2.00002 12H4.00002C4.00002 10.914 4.21102 9.864 4.62602 8.878ZM19.373 15.122C18.972 16.074 18.396 16.93 17.663 17.663C16.93 18.396 16.074 18.972 15.121 19.373C13.1615 20.1871 10.9612 20.2018 8.99102 19.414C8.97176 18.7665 8.70074 18.1521 8.23557 17.7013C7.77041 17.2505 7.14778 16.9989 6.50002 17C5.11402 17 4.00002 18.114 4.00002 19.5C4.00002 20.886 5.11402 22 6.50002 22C7.18902 22 7.81202 21.724 8.26302 21.275C9.45058 21.7544 10.7194 22.0005 12 22C13.9666 22.0038 15.8904 21.4267 17.5302 20.3411C19.1699 19.2555 20.4525 17.7098 21.217 15.898C21.7365 14.6642 22.0028 13.3387 22 12H20C20.0025 13.0722 19.7893 14.1339 19.373 15.122Z" />
+<path d="M12 7.46198C9.49804 7.46198 7.46204 9.49798 7.46204 12C7.46204 14.502 9.49804 16.538 12 16.538C14.502 16.538 16.538 14.502 16.538 12C16.538 9.49798 14.502 7.46198 12 7.46198Z" />`;
+    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-analyse")) {
+  customElements.define("icon-analyse", NavaIconAnalyse);
+}