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

package/dist/chunk-P3CPVZRK.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/cake.ts
+var NavaIconCake = 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.997 15C15.396 15 14.551 14.324 13.872 13.781C13.305 13.328 12.895 13 11.994 13C11.096 13 10.707 13.311 10.12 13.78C9.441 14.324 8.596 15 6.995 15C5.394 15 4.551 14.324 3.872 13.78C3.285 13.311 2.897 13 2 13V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V13C21.101 13 20.712 13.311 20.124 13.781C19.444 14.324 18.599 15 16.997 15ZM19 5H13V2H11V5H5C3.346 5 2 6.346 2 8V11C3.6 11 4.443 11.676 5.122 12.22C5.709 12.689 6.097 13 6.995 13C7.894 13 8.282 12.689 8.87 12.219C9.549 11.676 10.394 11 11.994 11C13.596 11 14.441 11.676 15.121 12.219C15.709 12.689 16.098 13 16.997 13C17.897 13 18.308 12.672 18.875 12.219C19.554 11.676 20.399 11 22 11V8C22 6.346 20.654 5 19 5Z" />` : `<path d="M19 5H13V2H11V5H5C3.346 5 2 6.346 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.346 20.654 5 19 5ZM5 7H19C19.2652 7 19.5196 7.10536 19.7071 7.29289C19.8946 7.48043 20 7.73478 20 8L20.001 11.12C19.105 11.348 18.532 11.854 18.085 12.252C17.578 12.702 17.243 13 16.497 13C15.752 13 15.417 12.702 14.91 12.253C14.315 11.724 13.501 11 11.995 11C10.49 11 9.676 11.724 9.081 12.253C8.574 12.703 8.24 13 7.495 13C6.752 13 6.418 12.703 5.913 12.253C5.466 11.855 4.895 11.348 4 11.12V8C4 7.73478 4.10536 7.48043 4.29289 7.29289C4.48043 7.10536 4.73478 7 5 7ZM4 18V13.286C4.191 13.409 4.374 13.56 4.583 13.747C5.178 14.276 5.991 15 7.495 15C9 15 9.814 14.276 10.409 13.747C10.916 13.297 11.25 13 11.995 13C12.74 13 13.075 13.298 13.582 13.747C14.177 14.276 14.991 15 16.497 15C18.003 15 18.818 14.276 19.413 13.747C19.624 13.559 19.808 13.407 20.001 13.283L20.002 18H4Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-cake")) {
+  customElements.define("icon-cake", NavaIconCake);
+}

package/dist/chunk-P3FBT2LD.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/camera-plus.ts
+var NavaIconCameraPlus = 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 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM12 17C9.29 17 7 14.71 7 12C7 9.289 9.29 7 12 7C14.71 7 17 9.289 17 12C17 14.71 14.71 17 12 17Z" />
+<path d="M13 9H11V11H9V13H11V15H13V13H15V11H13V9Z" />` : `<path d="M20 5H17.414L14.707 2.293C14.6143 2.19996 14.5041 2.12617 14.3828 2.07589C14.2614 2.0256 14.1313 1.99981 14 2H10C9.86866 1.99981 9.73857 2.0256 9.61724 2.07589C9.4959 2.12617 9.38571 2.19996 9.293 2.293L6.586 5H4C2.897 5 2 5.897 2 7V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V7C22 5.897 21.103 5 20 5ZM12 17C9.29 17 7 14.71 7 12C7 9.289 9.29 7 12 7C14.71 7 17 9.289 17 12C17 14.71 14.71 17 12 17Z" />
+<path d="M13 9H11V11H9V13H11V15H13V13H15V11H13V9Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-camera-plus")) {
+  customElements.define("icon-camera-plus", NavaIconCameraPlus);
+}

package/dist/chunk-P47LPCQY.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/lock-open.ts
+var NavaIconLockOpen = 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="M18 10H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7H17C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V10H6C5.46957 10 4.96086 10.2107 4.58579 10.5858C4.21071 10.9609 4 11.4696 4 12V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12C20 11.4696 19.7893 10.9609 19.4142 10.5858C19.0391 10.2107 18.5304 10 18 10ZM10.061 15.499C10.1839 15.0284 10.4739 14.6187 10.8769 14.3463C11.2798 14.074 11.7681 13.9576 12.2506 14.019C12.7331 14.0803 13.1767 14.3152 13.4986 14.6798C13.8206 15.0444 13.9988 15.5136 14 16C13.9994 16.3497 13.9067 16.6932 13.7311 16.9956C13.5556 17.2981 13.3034 17.549 13 17.723V20H11V17.723C10.6216 17.5062 10.3248 17.1712 10.1552 16.7694C9.9856 16.3677 9.9525 15.9214 10.061 15.499Z" />` : `<path d="M12 4C13.654 4 15 5.346 15 7H17C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V9H6C4.897 9 4 9.897 4 11V20C4 21.103 4.897 22 6 22H18C19.103 22 20 21.103 20 20V11C20 9.897 19.103 9 18 9H9V7C9 5.346 10.346 4 12 4ZM18.002 20H13V17.722C13.595 17.375 14 16.737 14 16C14 14.897 13.103 14 12 14C10.897 14 10 14.897 10 16C10 16.736 10.405 17.375 11 17.722V20H6V11H18L18.002 20Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-lock-open")) {
+  customElements.define("icon-lock-open", NavaIconLockOpen);
+}

package/dist/chunk-P4CSADCB.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/book-content.ts
+var NavaIconBookContent = 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 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3ZM19 7V9H14V7H19ZM14 11H19V13H14V11ZM4 19V5H11V19H4Z" />` : `<path d="M20 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3ZM4 19V5H11V19H4ZM13 19V5H20L20.001 19H13Z" />
+<path d="M15 7H18V9H15V7ZM15 11H18V13H15V11Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-book-content")) {
+  customElements.define("icon-book-content", NavaIconBookContent);
+}

package/dist/chunk-P4WOL7IV.js

@@ -0,0 +1,53 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/shocked.ts
+var NavaIconShocked = 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 2ZM7 10.5C7.00013 10.102 7.15835 9.72044 7.43984 9.43913C7.57922 9.29984 7.74467 9.18937 7.92675 9.11403C8.10882 9.03868 8.30395 8.99993 8.501 9C8.69805 9.00007 8.89315 9.03894 9.07518 9.11441C9.2572 9.18988 9.42258 9.30046 9.56187 9.43984C9.70116 9.57922 9.81163 9.74467 9.88697 9.92675C9.96232 10.1088 10.0011 10.304 10.001 10.501C10.0009 10.899 9.84265 11.2806 9.56116 11.5619C9.27967 11.8432 8.89796 12.0011 8.5 12.001C8.10204 12.0009 7.72044 11.8427 7.43913 11.5612C7.15783 11.2797 6.99987 10.898 7 10.5ZM12 18C10.343 18 9 16.881 9 15.5C9 14.119 10.343 13 12 13C13.657 13 15 14.119 15 15.5C15 16.881 13.657 18 12 18ZM15.493 11.986C15.2936 11.9911 15.0952 11.9562 14.9095 11.8834C14.7239 11.8106 14.5546 11.7014 14.4118 11.5621C14.269 11.4229 14.1556 11.2565 14.0781 11.0727C14.0007 10.8889 13.9608 10.6914 13.9609 10.492C13.9609 10.2925 14.0009 10.0951 14.0785 9.91138C14.1561 9.72764 14.2697 9.56129 14.4125 9.42214C14.5554 9.283 14.7247 9.17387 14.9105 9.1012C15.0962 9.02852 15.2946 8.99377 15.494 8.999C15.8834 9.00921 16.2534 9.1711 16.5252 9.45018C16.797 9.72926 16.949 10.1034 16.9489 10.493C16.9487 10.8825 16.7965 11.2566 16.5245 11.5355C16.2525 11.8144 15.8824 11.9761 15.493 11.986Z" />` : `<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 18C13.6569 18 15 16.8807 15 15.5C15 14.1193 13.6569 13 12 13C10.3431 13 9 14.1193 9 15.5C9 16.8807 10.3431 18 12 18Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-shocked")) {
+  customElements.define("icon-shocked", NavaIconShocked);
+}

package/dist/chunk-P6SXKBAL.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/hide.ts
+var NavaIconHide = 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="M8.073 12.194L4.212 8.333C2.692 9.99 2.116 11.65 2.106 11.684L2 12L2.105 12.316C2.127 12.383 4.421 19 12.054 19C12.983 19 13.829 18.898 14.606 18.727L11.86 15.981C10.8713 15.9325 9.93595 15.518 9.23598 14.818C8.53601 14.118 8.12147 13.1827 8.073 12.194ZM12.054 5C10.199 5 8.679 5.404 7.412 5.998L3.707 2.293L2.293 3.707L20.293 21.707L21.707 20.293L18.409 16.995C21.047 15.042 21.988 12.358 22.002 12.316L22.107 12L22.002 11.684C21.98 11.617 19.687 5 12.054 5ZM13.96 12.546C14.147 11.869 13.988 11.107 13.468 10.586C12.948 10.065 12.185 9.907 11.508 10.094L10 8.586C10.618 8.20598 11.3285 8.00325 12.054 8C14.26 8 16.054 9.794 16.054 12C16.051 12.7253 15.8479 13.4357 15.467 14.053L13.96 12.546Z" />` : `<path d="M12 19C12.946 19 13.81 18.897 14.598 18.719L12.841 16.962C12.568 16.983 12.291 17 12 17C6.649 17 4.576 13.154 4.074 12C4.45095 11.1588 4.96005 10.3833 5.582 9.703L4.184 8.305C2.646 9.972 2.063 11.651 2.052 11.684C1.98302 11.8894 1.98302 12.1116 2.052 12.317C2.073 12.383 4.367 19 12 19ZM12 5C10.163 5 8.654 5.396 7.396 5.981L3.707 2.293L2.293 3.707L20.293 21.707L21.707 20.293L18.388 16.974C21.002 15.023 21.935 12.359 21.949 12.317C22.018 12.1116 22.018 11.8894 21.949 11.684C21.927 11.617 19.633 5 12 5ZM16.972 15.558L14.692 13.278C14.882 12.888 15 12.459 15 12C15 10.359 13.641 9 12 9C11.541 9 11.112 9.118 10.723 9.309L8.915 7.501C9.90752 7.16041 10.9507 6.991 12 7C17.351 7 19.424 10.846 19.926 12C19.624 12.692 18.76 14.342 16.972 15.558Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-hide")) {
+  customElements.define("icon-hide", NavaIconHide);
+}

package/dist/chunk-P6XEBKJL.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/ball.ts
+var NavaIconBall = 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.247 3.03401C20.178 3.01601 18.505 2.60101 16.195 2.60101C13.353 2.60101 9.32704 3.24101 6.28504 6.28801C0.945036 11.637 2.94504 19.898 3.03304 20.248C3.07728 20.4236 3.16837 20.5839 3.29659 20.7117C3.4248 20.8396 3.58533 20.9303 3.76104 20.974C3.83004 20.992 5.48704 21.4 7.77904 21.4C10.628 21.4 14.663 20.759 17.711 17.712C23.046 12.377 21.062 4.11201 20.975 3.76301C20.9308 3.58712 20.8397 3.42648 20.7116 3.29813C20.5834 3.16979 20.4229 3.07852 20.247 3.03401ZM16.71 12.296L15.296 13.71L13.503 11.918L11.917 13.504L13.709 15.297L12.295 16.711L10.503 14.918L8.71004 16.711L7.29604 15.297L9.08904 13.504L7.29604 11.71L8.71004 10.296L10.503 12.09L12.089 10.504L10.295 8.71101L11.709 7.29701L13.503 9.09001L15.296 7.29701L16.71 8.71101L14.917 10.504L16.71 12.296Z" />` : `<path d="M3.76001 21C5.07264 21.295 6.41466 21.4393 7.76001 21.43C11.4275 21.5601 14.9974 20.2335 17.69 17.74C23 12.37 21.06 4.10998 21 3.75998C20.9588 3.5741 20.8654 3.40383 20.7308 3.2692C20.5962 3.13457 20.4259 3.04117 20.24 2.99999C18.9271 2.70688 17.5853 2.56264 16.24 2.56998C14.4171 2.50044 12.5985 2.79246 10.8891 3.42921C9.17964 4.06597 7.61317 5.03485 6.28001 6.27999C0.940009 11.63 2.94001 19.89 3.00001 20.24C3.0412 20.4259 3.13459 20.5961 3.26922 20.7308C3.40385 20.8654 3.57412 20.9588 3.76001 21ZM7.70001 7.69999C10.0099 5.58655 13.0618 4.4722 16.19 4.59998C17.1953 4.59734 18.199 4.68098 19.19 4.84998C19.5 6.71999 20.1 12.52 16.33 16.29C14.0039 18.4173 10.9293 19.5356 7.78001 19.4C6.79799 19.4006 5.81772 19.317 4.85001 19.15C4.53001 17.27 3.93001 11.48 7.70001 7.69999Z" />
+<path d="M7.29001 15.29L8.71001 16.71L10.5 14.92L12.29 16.71L13.71 15.29L11.91 13.5L13.5 11.91L15.29 13.71L16.71 12.29L14.91 10.5L16.71 8.70998L15.29 7.28998L13.5 9.08998L11.71 7.28998L10.29 8.70998L12.09 10.5L10.5 12.09L8.71001 10.29L7.29001 11.71L9.09001 13.5L7.29001 15.29Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-ball")) {
+  customElements.define("icon-ball", NavaIconBall);
+}

package/dist/chunk-PADYTDRO.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/hourglass-top.ts
+var NavaIconHourglassTop = 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.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H4V4H5V5C5.00203 6.21504 5.31957 7.40873 5.92153 8.46418C6.5235 9.51964 7.38924 10.4007 8.434 11.021C8.788 11.229 9 11.566 9 11.921V12.079C9 12.433 8.788 12.769 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H20V20H19V19C18.9981 17.7852 18.6807 16.5917 18.0789 15.5364C17.4771 14.4811 16.6116 13.6002 15.567 12.98C15.212 12.77 15 12.433 15 12.079V11.921C15 11.566 15.212 11.229 15.566 11.021ZM17 19V20H7V19C7.00131 18.1327 7.22777 17.2805 7.65723 16.5269C8.08669 15.7734 8.70443 15.1442 9.45 14.701C10.1025 14.3208 10.5944 13.7162 10.834 13H13.166C13.396 13.691 13.87 14.3 14.551 14.702C15.2964 15.1451 15.9139 15.7741 16.3432 16.5275C16.7725 17.2809 16.9988 18.1329 17 19Z" />` : `<path d="M15.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H4V4H5V5C5.00203 6.21504 5.31957 7.40873 5.92153 8.46418C6.5235 9.51964 7.38924 10.4007 8.434 11.021C8.788 11.229 9 11.566 9 11.921V12.079C9 12.433 8.788 12.769 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H20V20H19V19C18.9981 17.7852 18.6807 16.5917 18.0789 15.5364C17.4771 14.4811 16.6116 13.6002 15.567 12.98C15.212 12.77 15 12.433 15 12.079V11.921C15 11.566 15.212 11.229 15.566 11.021ZM17 19V20H7V19C7.00131 18.1327 7.22777 17.2805 7.65723 16.5269C8.08669 15.7734 8.70443 15.1442 9.45 14.701C10.1025 14.3208 10.5944 13.7162 10.834 13H13.166C13.396 13.691 13.87 14.3 14.551 14.702C15.2964 15.1451 15.9139 15.7741 16.3432 16.5275C16.7725 17.2809 16.9988 18.1329 17 19Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-hourglass-top")) {
+  customElements.define("icon-hourglass-top", NavaIconHourglassTop);
+}

package/dist/chunk-PAEHLT56.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/circle-three-quarter.ts
+var NavaIconCircleThreeQuarter = 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 2H11V11H2V12C2.00042 13.9775 2.58714 15.9105 3.68598 17.5546C4.78483 19.1987 6.34646 20.4801 8.17345 21.2368C10.0005 21.9935 12.0108 22.1915 13.9503 21.8058C15.8898 21.4202 17.6715 20.4681 19.07 19.07C20.4681 17.6715 21.4202 15.8898 21.8058 13.9503C22.1915 12.0108 21.9935 10.0005 21.2368 8.17345C20.4801 6.34646 19.1987 4.78483 17.5546 3.68598C15.9105 2.58714 13.9775 2.00042 12 2Z" />` : `<path d="M12 2H11V11H2V12C2.00042 13.9775 2.58714 15.9105 3.68598 17.5546C4.78483 19.1987 6.34646 20.4801 8.17345 21.2368C10.0005 21.9935 12.0108 22.1915 13.9503 21.8058C15.8898 21.4202 17.6715 20.4681 19.07 19.07C20.4681 17.6715 21.4202 15.8898 21.8058 13.9503C22.1915 12.0108 21.9935 10.0005 21.2368 8.17345C20.4801 6.34646 19.1987 4.78483 17.5546 3.68598C15.9105 2.58714 13.9775 2.00042 12 2ZM17.66 17.66C16.6015 18.7203 15.2665 19.4621 13.8071 19.8009C12.3477 20.1396 10.8224 20.0617 9.40509 19.5761C7.98775 19.0904 6.73527 18.2165 5.79028 17.0539C4.84529 15.8913 4.24577 14.4867 4.06 13H13V4.06C14.4867 4.24577 15.8913 4.84529 17.0539 5.79028C18.2165 6.73527 19.0904 7.98775 19.5761 9.40509C20.0617 10.8224 20.1396 12.3477 19.8009 13.8071C19.4621 15.2665 18.7203 16.6015 17.66 17.66Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-circle-three-quarter")) {
+  customElements.define("icon-circle-three-quarter", NavaIconCircleThreeQuarter);
+}

package/dist/chunk-PBBEMUA4.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/filter.ts
+var NavaIconFilter = 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="M7 11H17V13H7V11ZM4 7H20V9H4V7ZM10 15H14V17H10V15Z" />` : `<path d="M7 11H17V13H7V11ZM4 7H20V9H4V7ZM10 15H14V17H10V15Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-filter")) {
+  customElements.define("icon-filter", NavaIconFilter);
+}

package/dist/chunk-PCMEIDN6.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/pizza.ts
+var NavaIconPizza = 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="M9.76002 2.021C9.54072 2.01271 9.32483 2.07716 9.14596 2.2043C8.96709 2.33145 8.83527 2.51416 8.77102 2.72401L3.57902 19.166C3.52381 19.3406 3.51758 19.5269 3.56102 19.7048C3.60446 19.8827 3.6959 20.0452 3.82536 20.1747C3.95483 20.3041 4.11735 20.3956 4.29521 20.439C4.47308 20.4824 4.65945 20.4762 4.83402 20.421L21.276 15.229C21.4859 15.1652 21.6686 15.0336 21.7957 14.8548C21.9227 14.676 21.9868 14.4602 21.978 14.241C21.6 7.66601 16.334 2.4 9.76002 2.021ZM10 16C9.73731 15.9999 9.47719 15.9481 9.2345 15.8475C8.99181 15.7469 8.77132 15.5995 8.5856 15.4137C8.39988 15.2279 8.25258 15.0073 8.15211 14.7646C8.05163 14.5219 7.99995 14.2617 8.00002 13.999C8.00009 13.7363 8.0519 13.4762 8.15249 13.2335C8.25309 12.9908 8.4005 12.7703 8.58631 12.5846C8.77212 12.3989 8.99269 12.2516 9.23542 12.1511C9.47816 12.0506 9.73831 11.9989 10.001 11.999C10.5316 11.9991 11.0404 12.21 11.4154 12.5853C11.7905 12.9606 12.0012 13.4694 12.001 14C12.0009 14.5306 11.79 15.0394 11.4147 15.4144C11.0395 15.7895 10.5306 16.0001 10 16ZM16 14C15.7373 13.9999 15.4772 13.9481 15.2345 13.8475C14.9918 13.7469 14.7713 13.5995 14.5856 13.4137C14.3999 13.2279 14.2526 13.0073 14.1521 12.7646C14.0516 12.5219 14 12.2617 14 11.999C14.0001 11.7363 14.0519 11.4762 14.1525 11.2335C14.2531 10.9908 14.4005 10.7703 14.5863 10.5846C14.7721 10.3989 14.9927 10.2516 15.2354 10.1511C15.4782 10.0506 15.7383 9.99894 16.001 9.999C16.5316 9.99914 17.0404 10.21 17.4154 10.5853C17.7905 10.9606 18.0012 11.4694 18.001 12C18.0009 12.5306 17.79 13.0394 17.4147 13.4144C17.0395 13.7895 16.5306 14.0001 16 14Z" />` : `<path d="M9.76002 2.021C9.54072 2.01271 9.32483 2.07716 9.14596 2.2043C8.96709 2.33145 8.83527 2.51416 8.77102 2.72401L3.57902 19.166C3.52381 19.3406 3.51758 19.5269 3.56102 19.7048C3.60446 19.8827 3.6959 20.0452 3.82536 20.1747C3.95483 20.3041 4.11735 20.3956 4.29521 20.439C4.47308 20.4824 4.65945 20.4762 4.83402 20.421L21.276 15.229C21.4859 15.1652 21.6686 15.0336 21.7957 14.8548C21.9227 14.676 21.9868 14.4602 21.978 14.241C21.6 7.66601 16.334 2.4 9.76002 2.021ZM10 16C9.73731 15.9999 9.47719 15.9481 9.2345 15.8475C8.99181 15.7469 8.77132 15.5995 8.5856 15.4137C8.39988 15.2279 8.25258 15.0073 8.15211 14.7646C8.05163 14.5219 7.99995 14.2617 8.00002 13.999C8.00009 13.7363 8.0519 13.4762 8.15249 13.2335C8.25309 12.9908 8.4005 12.7703 8.58631 12.5846C8.77212 12.3989 8.99269 12.2516 9.23542 12.1511C9.47816 12.0506 9.73831 11.9989 10.001 11.999C10.5316 11.9991 11.0404 12.21 11.4154 12.5853C11.7905 12.9606 12.0012 13.4694 12.001 14C12.0009 14.5306 11.79 15.0394 11.4147 15.4144C11.0395 15.7895 10.5306 16.0001 10 16ZM16 14C15.7373 13.9999 15.4772 13.9481 15.2345 13.8475C14.9918 13.7469 14.7713 13.5995 14.5856 13.4137C14.3999 13.2279 14.2526 13.0073 14.1521 12.7646C14.0516 12.5219 14 12.2617 14 11.999C14.0001 11.7363 14.0519 11.4762 14.1525 11.2335C14.2531 10.9908 14.4005 10.7703 14.5863 10.5846C14.7721 10.3989 14.9927 10.2516 15.2354 10.1511C15.4782 10.0506 15.7383 9.99894 16.001 9.999C16.5316 9.99914 17.0404 10.21 17.4154 10.5853C17.7905 10.9606 18.0012 11.4694 18.001 12C18.0009 12.5306 17.79 13.0394 17.4147 13.4144C17.0395 13.7895 16.5306 14.0001 16 14Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-pizza")) {
+  customElements.define("icon-pizza", NavaIconPizza);
+}

package/dist/chunk-PDR2YQYZ.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/stats.ts
+var NavaIconStats = 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 12C19.7596 12.0017 19.5214 12.0468 19.297 12.133L16.899 10.17C16.958 9.956 17 9.734 17 9.5C17 8.114 15.886 7 14.5 7C13.114 7 12 8.114 12 9.5C12 9.896 12.1 10.265 12.262 10.597L9.353 14.035C9.23656 14.0132 9.11845 14.0015 9 14C8.821 14 8.652 14.03 8.488 14.074L5.925 11.511C5.97 11.348 6 11.179 6 11C6 9.892 5.108 9 4 9C2.892 9 2 9.892 2 11C2 12.108 2.892 13 4 13C4.179 13 4.348 12.97 4.512 12.926L7.075 15.489C7.02693 15.6551 7.0017 15.8271 7 16C7 17.108 7.892 18 9 18C10.108 18 11 17.108 11 16C11 15.763 10.952 15.54 10.877 15.329L13.79 11.887C14.017 11.953 14.252 12 14.5 12C14.8946 11.9978 15.2831 11.9015 15.633 11.719L18.032 13.682C18.0132 13.787 18.0025 13.8933 18 14C18 15.108 18.892 16 20 16C21.108 16 22 15.108 22 14C22 12.892 21.108 12 20 12Z" />` : `<path d="M20 12C19.7596 12.0017 19.5214 12.0468 19.297 12.133L16.899 10.17C16.958 9.956 17 9.734 17 9.5C17 8.114 15.886 7 14.5 7C13.114 7 12 8.114 12 9.5C12 9.896 12.1 10.265 12.262 10.597L9.353 14.035C9.23656 14.0132 9.11845 14.0015 9 14C8.821 14 8.652 14.03 8.488 14.074L5.925 11.511C5.97 11.348 6 11.179 6 11C6 9.892 5.108 9 4 9C2.892 9 2 9.892 2 11C2 12.108 2.892 13 4 13C4.179 13 4.348 12.97 4.512 12.926L7.075 15.489C7.02693 15.6551 7.0017 15.8271 7 16C7 17.108 7.892 18 9 18C10.108 18 11 17.108 11 16C11 15.763 10.952 15.54 10.877 15.329L13.79 11.887C14.017 11.953 14.252 12 14.5 12C14.8946 11.9978 15.2831 11.9015 15.633 11.719L18.032 13.682C18.0132 13.787 18.0025 13.8933 18 14C18 15.108 18.892 16 20 16C21.108 16 22 15.108 22 14C22 12.892 21.108 12 20 12Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-stats")) {
+  customElements.define("icon-stats", NavaIconStats);
+}