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

package/dist/chunk-IVBQJBW4.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/invader.ts
+var NavaIconInvader = 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="M6 3H8V5H6V3ZM8 19H11V21H8V19ZM16 3H18V5H16V3ZM13 19H16V21H13V19ZM20 11V9H18V7H16V5H14V7H10V5H8V7H6V9H4V11H2V19H4V15H6V19H8V16H16V19H18V15H20V19H22V11H20ZM10 12H8V9H10V12ZM16 12H14V9H16V12Z" />` : `<path d="M6 3H8V5H6V3ZM8 19H11V21H8V19ZM16 3H18V5H16V3ZM13 19H16V21H13V19ZM20 11V9H18V7H16V5H14V7H10V5H8V7H6V9H4V11H2V19H4V15H6V19H8V16H16V19H18V15H20V19H22V11H20ZM10 12H8V9H10V12ZM16 12H14V9H16V12Z" />`;
+    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-invader")) {
+  customElements.define("icon-invader", NavaIconInvader);
+}

package/dist/chunk-IVHKQ656.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bug-alt.ts
+var NavaIconBugAlt = 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 5.414L19.707 3.707L18.293 2.293L16.73 3.855C15.483 2.708 13.824 2 12 2C10.176 2 8.517 2.708 7.27 3.855L5.707 2.293L4.293 3.707L6 5.414C5.34616 6.49589 5.00037 7.73588 5 9H3V11H5V13H3V15H5C5 18.86 8.141 22 12 22C15.859 22 19 18.86 19 15H21V13H19V11H21V9H19C18.9996 7.73588 18.6538 6.49589 18 5.414ZM15 15H9V13H15V15ZM15 11H9V9H15V11Z" />` : `<path d="M9 9H15V11H9V9ZM9 13H15V15H9V13Z" />
+<path d="M18 5.414L19.707 3.707L18.293 2.293L16.73 3.855C15.483 2.708 13.824 2 12 2C10.176 2 8.517 2.708 7.27 3.855L5.707 2.293L4.293 3.707L6 5.414C5.34616 6.49589 5.00037 7.73588 5 9H3V11H5V13H3V15H5C5 18.86 8.141 22 12 22C15.859 22 19 18.86 19 15H21V13H19V11H21V9H19C18.9996 7.73588 18.6538 6.49589 18 5.414ZM17 13V15C17 17.757 14.757 20 12 20C9.243 20 7 17.757 7 15V9C7 6.243 9.243 4 12 4C14.757 4 17 6.243 17 9V13Z" />`;
+    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-bug-alt")) {
+  customElements.define("icon-bug-alt", NavaIconBugAlt);
+}

package/dist/chunk-IVIYBOC5.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/binoculars.ts
+var NavaIconBinoculars = 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="M19.447 5.345C19.2463 4.66459 18.8299 4.06788 18.2604 3.64489C17.6909 3.22189 16.9994 2.99555 16.29 3C15.4679 3.00074 14.6758 3.30897 14.0694 3.86411C13.463 4.41925 13.0861 5.18114 13.013 6H10.988C10.9139 5.18028 10.5358 4.41793 9.9281 3.86279C9.32042 3.30766 8.52707 2.9999 7.704 3C6.99558 2.99653 6.30521 3.22335 5.73689 3.64629C5.16857 4.06924 4.75308 4.66541 4.553 5.345L2.042 13.713C2.01449 13.8062 2.00035 13.9028 2 14V15C2.00159 16.3258 2.52902 17.5968 3.46657 18.5341C4.40413 19.4715 5.67523 19.9987 7.001 20C7.97268 19.9983 8.92285 19.7138 9.73547 19.181C10.5481 18.6483 11.188 17.8904 11.577 17H12.423C12.812 17.8904 13.4519 18.6483 14.2645 19.181C15.0771 19.7138 16.0273 19.9983 16.999 20C18.3249 19.9987 19.5962 19.4714 20.5338 18.5338C21.4714 17.5962 21.9987 16.3249 22 14.999V14C22 13.902 21.985 13.806 21.958 13.713L19.447 5.345ZM7.001 18C6.20558 17.9989 5.44303 17.6826 4.88049 17.1202C4.31796 16.5579 4.00132 15.7954 4 15C4 14.924 4.017 14.853 4.022 14.778C4.07671 14.0248 4.41394 13.3201 4.96616 12.8049C5.51838 12.2898 6.24482 12.0023 7 12C7.79565 12 8.55871 12.3161 9.12132 12.8787C9.68393 13.4413 10 14.2044 10 15V15.009C9.99657 15.8026 9.67925 16.5626 9.11734 17.123C8.55543 17.6834 7.7946 17.9987 7.001 18ZM16.999 18C16.2054 17.9987 15.4446 17.6834 14.8827 17.123C14.3208 16.5626 14.0034 15.8026 14 15.009V15C13.9999 14.606 14.0775 14.2159 14.2282 13.8519C14.3789 13.4879 14.5998 13.1572 14.8783 12.8785C15.4408 12.3158 16.2039 11.9996 16.9995 11.9995C17.7951 11.9994 18.5583 12.3153 19.121 12.8778C19.6837 13.4403 19.9999 14.2034 20 14.999C19.9989 15.7946 19.6824 16.5573 19.1199 17.1199C18.5573 17.6824 17.7946 17.9989 16.999 18Z" />` : `<path d="M19.447 5.345C19.2463 4.66459 18.8299 4.06788 18.2604 3.64489C17.6909 3.22189 16.9994 2.99555 16.29 3C15.4679 3.00074 14.6758 3.30897 14.0694 3.86411C13.463 4.41925 13.0861 5.18114 13.013 6H10.988C10.9139 5.18028 10.5358 4.41793 9.9281 3.86279C9.32042 3.30766 8.52707 2.9999 7.704 3C6.99558 2.99653 6.30521 3.22335 5.73689 3.64629C5.16857 4.06924 4.75308 4.66541 4.553 5.345L2.042 13.713C2.01449 13.8062 2.00035 13.9028 2 14V15C2.00159 16.3258 2.52902 17.5968 3.46657 18.5341C4.40413 19.4715 5.67523 19.9987 7.001 20C7.97268 19.9983 8.92285 19.7138 9.73547 19.181C10.5481 18.6483 11.188 17.8904 11.577 17H12.423C12.812 17.8904 13.4519 18.6483 14.2645 19.181C15.0771 19.7138 16.0273 19.9983 16.999 20C18.3249 19.9987 19.5962 19.4714 20.5338 18.5338C21.4714 17.5962 21.9987 16.3249 22 14.999V14C22 13.902 21.985 13.806 21.958 13.713L19.447 5.345ZM7.001 18C6.20558 17.9989 5.44303 17.6826 4.88049 17.1202C4.31796 16.5579 4.00132 15.7954 4 15C4 14.924 4.017 14.853 4.022 14.778C4.07671 14.0248 4.41394 13.3201 4.96616 12.8049C5.51838 12.2898 6.24482 12.0023 7 12C7.79565 12 8.55871 12.3161 9.12132 12.8787C9.68393 13.4413 10 14.2044 10 15V15.009C9.99657 15.8026 9.67925 16.5626 9.11734 17.123C8.55543 17.6834 7.7946 17.9987 7.001 18ZM16.999 18C16.2054 17.9987 15.4446 17.6834 14.8827 17.123C14.3208 16.5626 14.0034 15.8026 14 15.009V15C13.9999 14.606 14.0775 14.2159 14.2282 13.8519C14.3789 13.4879 14.5998 13.1572 14.8783 12.8785C15.4408 12.3158 16.2039 11.9996 16.9995 11.9995C17.7951 11.9994 18.5583 12.3153 19.121 12.8778C19.6837 13.4403 19.9999 14.2034 20 14.999C19.9989 15.7946 19.6824 16.5573 19.1199 17.1199C18.5573 17.6824 17.7946 17.9989 16.999 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-binoculars")) {
+  customElements.define("icon-binoculars", NavaIconBinoculars);
+}

package/dist/chunk-IWNTYL7E.js

@@ -0,0 +1,55 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/joystick.ts
+var NavaIconJoystick = 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="M21.986 9.74C21.9837 9.71063 21.9811 9.6813 21.978 9.652C21.8893 8.39118 21.3267 7.21065 20.4033 6.34766C19.4798 5.48468 18.2639 5.0032 17 5H7C5.71833 4.99421 4.48398 5.48377 3.5547 6.36647C2.62542 7.24916 2.07307 8.45673 2.013 9.737C2.003 9.816 2 9.898 2 9.99V16.5C2 17.425 2.373 18.328 3.022 18.976C3.68081 19.6305 4.57134 19.9985 5.5 20C7.3 20 8.004 19 9 17C9.146 16.708 9.992 15 12 15C13.996 15 14.853 16.707 15 17C16.004 19 16.7 20 18.5 20C19.425 20 20.328 19.627 20.976 18.978C21.6305 18.3192 21.9985 17.4287 22 16.5V10C22 9.905 21.996 9.82 21.986 9.74ZM7 12.031C6.73366 12.037 6.4688 11.9898 6.22098 11.892C5.97315 11.7943 5.74735 11.648 5.55683 11.4618C5.36631 11.2756 5.21491 11.0532 5.11153 10.8077C5.00814 10.5621 4.95485 10.2984 4.95478 10.032C4.95472 9.7656 5.00788 9.50187 5.11114 9.25629C5.2144 9.01071 5.36569 8.78823 5.55611 8.60192C5.74654 8.41562 5.97227 8.26923 6.22005 8.17136C6.46782 8.07349 6.73266 8.02611 6.999 8.032C7.52156 8.04355 8.01883 8.25922 8.38437 8.63284C8.74991 9.00645 8.95465 9.50832 8.95478 10.031C8.95492 10.5537 8.75042 11.0557 8.38507 11.4295C8.01972 11.8033 7.52256 12.0192 7 12.031ZM17 7.031C17.2652 7.031 17.5196 7.13636 17.7071 7.32389C17.8946 7.51143 18 7.76578 18 8.031C18 8.29622 17.8946 8.55057 17.7071 8.73811C17.5196 8.92564 17.2652 9.031 17 9.031C16.7348 9.031 16.4804 8.92564 16.2929 8.73811C16.1054 8.55057 16 8.29622 16 8.031C16 7.76578 16.1054 7.51143 16.2929 7.32389C16.4804 7.13636 16.7348 7.031 17 7.031ZM15 11.031C14.7348 11.031 14.4804 10.9256 14.2929 10.7381C14.1054 10.5506 14 10.2962 14 10.031C14 9.76578 14.1054 9.51143 14.2929 9.32389C14.4804 9.13636 14.7348 9.031 15 9.031C15.2652 9.031 15.5196 9.13636 15.7071 9.32389C15.8946 9.51143 16 9.76578 16 10.031C16 10.2962 15.8946 10.5506 15.7071 10.7381C15.5196 10.9256 15.2652 11.031 15 11.031ZM17 13.031C16.7348 13.031 16.4804 12.9256 16.2929 12.7381C16.1054 12.5506 16 12.2962 16 12.031C16 11.7658 16.1054 11.5114 16.2929 11.3239C16.4804 11.1364 16.7348 11.031 17 11.031C17.2652 11.031 17.5196 11.1364 17.7071 11.3239C17.8946 11.5114 18 11.7658 18 12.031C18 12.2962 17.8946 12.5506 17.7071 12.7381C17.5196 12.9256 17.2652 13.031 17 13.031ZM19 11.031C18.7348 11.031 18.4804 10.9256 18.2929 10.7381C18.1054 10.5506 18 10.2962 18 10.031C18 9.76578 18.1054 9.51143 18.2929 9.32389C18.4804 9.13636 18.7348 9.031 19 9.031C19.2652 9.031 19.5196 9.13636 19.7071 9.32389C19.8946 9.51143 20 9.76578 20 10.031C20 10.2962 19.8946 10.5506 19.7071 10.7381C19.5196 10.9256 19.2652 11.031 19 11.031Z" />` : `<path d="M22 8.65C21.9113 7.38549 21.3456 6.20189 20.4173 5.33863C19.4891 4.47536 18.2676 3.99689 17 4H7C5.71776 3.99827 4.48386 4.48921 3.5533 5.37138C2.62275 6.25354 2.06668 7.45949 2 8.74C1.99436 8.82657 1.99436 8.91342 2 9V16.5C1.99735 16.9604 2.08607 17.4167 2.26102 17.8425C2.43597 18.2684 2.69368 18.6553 3.01921 18.9808C3.34475 19.3063 3.73164 19.564 4.15747 19.739C4.58331 19.9139 5.03963 20.0027 5.5 20C6.93 20 7.82 18.94 8.69 17.91C9.01 17.54 9.34 17.15 9.69 16.81C10.1543 16.4699 10.6759 16.2158 11.23 16.06C11.7416 16 12.2584 16 12.77 16.06C13.3241 16.2158 13.8457 16.4699 14.31 16.81C14.66 17.15 14.99 17.54 15.31 17.91C16.18 18.91 17.07 20 18.5 20C18.9604 20.0027 19.4167 19.9139 19.8425 19.739C20.2684 19.564 20.6553 19.3063 20.9808 18.9808C21.3063 18.6553 21.564 18.2684 21.739 17.8425C21.9139 17.4167 22.0027 16.9604 22 16.5V9C22.0054 8.91342 22.0054 8.82658 22 8.74V8.65ZM20 16.5C20 16.8978 19.842 17.2794 19.5607 17.5607C19.2794 17.842 18.8978 18 18.5 18C18 18 17.5 17.36 16.84 16.62C16.5 16.23 16.12 15.77 15.69 15.36C14.9659 14.7767 14.1281 14.3509 13.23 14.11C12.4166 13.9633 11.5834 13.9633 10.77 14.11C9.87194 14.3509 9.03407 14.7767 8.31 15.36C7.88 15.77 7.5 16.23 7.16 16.62C6.54 17.36 6 18 5.5 18C5.10218 18 4.72064 17.842 4.43934 17.5607C4.15804 17.2794 4 16.8978 4 16.5V9C4.00488 8.95012 4.00488 8.89988 4 8.85C4.03852 8.08063 4.37151 7.35556 4.93 6.825C5.48849 6.29443 6.22967 5.99904 7 6H17C17.7494 5.99673 18.4729 6.27408 19.0282 6.77747C19.5834 7.28086 19.9301 7.97383 20 8.72V8.84C19.995 8.89322 19.995 8.94678 20 9V16.5Z" />
+<path d="M16 13C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11C15.4477 11 15 11.4477 15 12C15 12.5523 15.4477 13 16 13Z" />
+<path d="M18 11C18.5523 11 19 10.5523 19 10C19 9.44772 18.5523 9 18 9C17.4477 9 17 9.44772 17 10C17 10.5523 17.4477 11 18 11Z" />
+<path d="M16 9C16.5523 9 17 8.55228 17 8C17 7.44772 16.5523 7 16 7C15.4477 7 15 7.44772 15 8C15 8.55228 15.4477 9 16 9Z" />
+<path d="M14 11C14.5523 11 15 10.5523 15 10C15 9.44772 14.5523 9 14 9C13.4477 9 13 9.44772 13 10C13 10.5523 13.4477 11 14 11Z" />
+<path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 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-joystick")) {
+  customElements.define("icon-joystick", NavaIconJoystick);
+}

package/dist/chunk-IYPVJFSN.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/right-down-arrow-circle.ts
+var NavaIconRightDownArrowCircle = 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="M4.92912 4.92901C1.03112 8.82801 1.03112 15.173 4.92912 19.072C8.82812 22.97 15.1721 22.97 19.0721 19.072C22.9701 15.173 22.9701 8.82801 19.0721 4.92901C15.1721 1.03001 8.82812 1.03001 4.92912 4.92901ZM15.5351 15.536H8.46512L11.2931 12.707L7.75812 9.17101L9.17212 7.75701L12.7071 11.293L15.5351 8.46401V15.536Z" />` : `<path d="M12 2.007C10.6867 2.00215 9.38549 2.25792 8.17173 2.75949C6.95797 3.26106 5.85578 3.99846 4.92901 4.929C1.03001 8.828 1.03001 15.172 4.92901 19.072C5.85577 20.0026 6.95793 20.7401 8.17168 21.2419C9.38543 21.7436 10.6867 21.9996 12 21.995C13.3134 21.9996 14.6146 21.7436 15.8283 21.2419C17.0421 20.7401 18.1443 20.0026 19.071 19.072C22.97 15.173 22.97 8.829 19.071 4.929C18.1442 3.99846 17.0421 3.26106 15.8283 2.75949C14.6145 2.25792 13.3133 2.00215 12 2.007ZM17.657 17.657C16.9154 18.4012 16.0336 18.9909 15.0626 19.392C14.0915 19.7932 13.0506 19.9978 12 19.994C9.85901 19.994 7.85001 19.164 6.34301 17.657C3.22401 14.538 3.22401 9.462 6.34301 6.343C7.08464 5.59891 7.96649 5.00931 8.93751 4.60834C9.90854 4.20736 10.9495 4.00297 12 4.007C14.141 4.007 16.15 4.836 17.657 6.343C20.776 9.462 20.776 14.538 17.657 17.657Z" />
+<path d="M9.66101 8.24701L8.24701 9.66101L11.461 12.875L9.33601 15H15V9.33701L12.875 11.461L9.66101 8.24701Z" />`;
+    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-right-down-arrow-circle")) {
+  customElements.define("icon-right-down-arrow-circle", NavaIconRightDownArrowCircle);
+}

package/dist/chunk-IYV3C4WP.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/math.ts
+var NavaIconMath = 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 2H5V5H2V7H5V10H7V7H10V5H7V2ZM14 5H22V7H14V5ZM14 15H22V17H14V15ZM14 19H22V21H14V19ZM8.29 14.29L6 16.59L3.71 14.29L2.29 15.71L4.59 18L2.29 20.29L3.71 21.71L6 19.41L8.29 21.71L9.71 20.29L7.41 18L9.71 15.71L8.29 14.29Z" />` : `<path d="M7 2H5V5H2V7H5V10H7V7H10V5H7V2ZM14 5H22V7H14V5ZM14 15H22V17H14V15ZM14 19H22V21H14V19ZM8.29 14.29L6 16.59L3.71 14.29L2.29 15.71L4.59 18L2.29 20.29L3.71 21.71L6 19.41L8.29 21.71L9.71 20.29L7.41 18L9.71 15.71L8.29 14.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-math")) {
+  customElements.define("icon-math", NavaIconMath);
+}

package/dist/chunk-IZNQBQAZ.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/credit-card-front.ts
+var NavaIconCreditCardFront = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM5 8.5C5 8.36739 5.05268 8.24021 5.14645 8.14645C5.24021 8.05268 5.36739 8 5.5 8H8.5C8.63261 8 8.75979 8.05268 8.85355 8.14645C8.94732 8.24021 9 8.36739 9 8.5V10.5C9 10.6326 8.94732 10.7598 8.85355 10.8536C8.75979 10.9473 8.63261 11 8.5 11H5.5C5.36739 11 5.24021 10.9473 5.14645 10.8536C5.05268 10.7598 5 10.6326 5 10.5V8.5ZM11 16H5V14H11V16ZM19 16H13V14H19V16Z" />` : `<path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM4 18V6H20L20.001 18H4Z" />
+<path d="M6.5 11H9.5C9.63261 11 9.75979 10.9473 9.85355 10.8536C9.94732 10.7598 10 10.6326 10 10.5V8.5C10 8.36739 9.94732 8.24021 9.85355 8.14645C9.75979 8.05268 9.63261 8 9.5 8H6.5C6.36739 8 6.24021 8.05268 6.14645 8.14645C6.05268 8.24021 6 8.36739 6 8.5V10.5C6 10.6326 6.05268 10.7598 6.14645 10.8536C6.24021 10.9473 6.36739 11 6.5 11ZM6 14H12V16.001H6V14ZM13 14H18V16.001H13V14Z" />`;
+    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-credit-card-front")) {
+  customElements.define("icon-credit-card-front", NavaIconCreditCardFront);
+}

package/dist/chunk-J53EGFNI.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/cube.ts
+var NavaIconCube = 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="M21.406 6.08601L12.406 2.08601C12.278 2.02914 12.1395 1.99976 11.9995 1.99976C11.8595 1.99976 11.721 2.02914 11.593 2.08601L2.593 6.08601C2.573 6.09501 2.559 6.11001 2.539 6.12101C2.511 6.13501 2.481 6.14401 2.455 6.16101C2.433 6.17601 2.416 6.19501 2.395 6.21101C2.3219 6.26533 2.25779 6.3308 2.205 6.40501C2.185 6.43301 2.164 6.45801 2.146 6.48601C2.11624 6.53886 2.09082 6.59404 2.07 6.65101C2.061 6.67801 2.047 6.70301 2.039 6.73001C2.01389 6.81784 2.00077 6.90866 2 7.00001V17C2 17.396 2.232 17.753 2.594 17.914L11.594 21.914C11.724 21.972 11.862 22 12 22C12.1392 21.9964 12.2762 21.9637 12.402 21.904L12.406 21.914L21.406 17.914C21.5829 17.8356 21.7332 17.7074 21.8386 17.5452C21.9441 17.3829 22.0002 17.1935 22 17V7.00001C22.0002 6.8065 21.9441 6.61711 21.8386 6.45485C21.7332 6.2926 21.5829 6.16446 21.406 6.08601ZM12 4.09501L18.538 7.00001L12 9.90501L10.692 9.32401L5.463 7.00001L12 4.09501ZM13 19.461V11.65L20 8.53901V16.351L13 19.461Z" />` : `<path d="M21.406 6.08601L12.406 2.08601C12.278 2.02914 12.1395 1.99976 11.9995 1.99976C11.8595 1.99976 11.721 2.02914 11.593 2.08601L2.593 6.08601C2.573 6.09501 2.559 6.11001 2.539 6.12101C2.511 6.13501 2.481 6.14401 2.455 6.16101C2.433 6.17601 2.416 6.19501 2.395 6.21101C2.3219 6.26533 2.25779 6.3308 2.205 6.40501C2.185 6.43301 2.164 6.45801 2.146 6.48601C2.11624 6.53886 2.09082 6.59404 2.07 6.65101C2.061 6.67801 2.047 6.70301 2.039 6.73001C2.01389 6.81784 2.00077 6.90866 2 7.00001V17C2 17.396 2.232 17.753 2.594 17.914L11.594 21.914C11.724 21.972 11.862 22 12 22C12.1392 21.9964 12.2762 21.9637 12.402 21.904L12.406 21.914L21.406 17.914C21.5829 17.8356 21.7332 17.7074 21.8386 17.5452C21.9441 17.3829 22.0002 17.1935 22 17V7.00001C22.0002 6.8065 21.9441 6.61711 21.8386 6.45485C21.7332 6.2926 21.5829 6.16446 21.406 6.08601ZM12 4.09501L18.538 7.00001L12 9.90501L10.692 9.32401L5.463 7.00001L12 4.09501ZM4 16.351V8.53901L11 11.65V19.461L4 16.351ZM13 19.461V11.65L20 8.53901V16.351L13 19.461Z" />`;
+    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-cube")) {
+  customElements.define("icon-cube", NavaIconCube);
+}

package/dist/chunk-J5OX5WAW.js

@@ -0,0 +1,56 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/rfid.ts
+var NavaIconRfid = 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="M4 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V13H19V20H5V4H10V2H4C3.73478 2 3.48043 2.10536 3.29289 2.29289C3.10536 2.48043 3 2.73478 3 3V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22Z" />
+<path d="M12 12C12.5523 12 13 11.5523 13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11C11 11.5523 11.4477 12 12 12Z" />
+<path d="M15 11H17C17 9.67392 16.4732 8.40215 15.5355 7.46447C14.5979 6.52678 13.3261 6 12 6V8C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11Z" />
+<path d="M19 11H21C21 8.61305 20.0518 6.32387 18.364 4.63604C16.6761 2.94821 14.3869 2 12 2V4C13.8565 4 15.637 4.7375 16.9497 6.05025C18.2625 7.36301 19 9.14348 19 11ZM9.65 15.67C9.64995 15.4905 9.60159 15.3144 9.51 15.16C9.42107 15.0175 9.28744 14.9085 9.13 14.85C8.88667 14.7789 8.63325 14.7485 8.38 14.76H7V18H7.65V16.65H7.79C7.89956 16.6361 8.01044 16.6361 8.12 16.65C8.19226 16.6832 8.25693 16.7308 8.31 16.79C8.43663 16.9425 8.55353 17.1028 8.66 17.27L9.13 17.97H9.91L9.52 17.34C9.40982 17.1521 9.28262 16.9747 9.14 16.81C9.0403 16.6999 8.92178 16.6085 8.79 16.54C9.03274 16.5212 9.2603 16.4146 9.43 16.24C9.57228 16.0844 9.65082 15.8809 9.65 15.67ZM8.91 16C8.86485 16.0631 8.80231 16.1118 8.73 16.14C8.53411 16.1647 8.33589 16.1647 8.14 16.14H7.65V15.32H8.65C8.74634 15.3316 8.83519 15.3778 8.9 15.45C8.96324 15.5213 8.99561 15.6148 8.99 15.71C8.99912 15.8131 8.97071 15.9161 8.91 16ZM10.92 16.62H12.28V16.08H10.92V15.31H12.49V14.76H10.27V18H10.92V16.62ZM13.01 14.76H13.66V18H13.01V14.76ZM16.1 14.82C15.8967 14.774 15.6884 14.7539 15.48 14.76H14.28V18H15.52C15.7126 18.008 15.9051 17.9844 16.09 17.93C16.2627 17.8832 16.4208 17.7938 16.55 17.67C16.7126 17.5124 16.833 17.3164 16.9 17.1C16.9735 16.8776 17.0073 16.6441 17 16.41C17.0053 16.1523 16.9681 15.8956 16.89 15.65C16.8294 15.4516 16.7233 15.2701 16.58 15.12C16.4492 14.9795 16.2836 14.876 16.1 14.82ZM16.26 17C16.2292 17.1156 16.1709 17.2219 16.09 17.31C16.0132 17.3766 15.92 17.4215 15.82 17.44C15.6904 17.4542 15.5596 17.4542 15.43 17.44H14.94V15.31H15.23C15.4096 15.2941 15.5904 15.2941 15.77 15.31C15.8805 15.3353 15.9834 15.3868 16.07 15.46C16.157 15.5507 16.222 15.6602 16.26 15.78C16.3066 15.9663 16.3268 16.1581 16.32 16.35C16.3296 16.5684 16.3094 16.7871 16.26 17Z" />` : `<path d="M4 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V13H19V20H5V4H10V2H4C3.73478 2 3.48043 2.10536 3.29289 2.29289C3.10536 2.48043 3 2.73478 3 3V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22Z" />
+<path d="M12 12C12.5523 12 13 11.5523 13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11C11 11.5523 11.4477 12 12 12Z" />
+<path d="M15 11H17C17 9.67392 16.4732 8.40215 15.5355 7.46447C14.5979 6.52678 13.3261 6 12 6V8C12.7956 8 13.5587 8.31607 14.1213 8.87868C14.6839 9.44129 15 10.2044 15 11Z" />
+<path d="M19 11H21C21 8.61305 20.0518 6.32387 18.364 4.63604C16.6761 2.94821 14.3869 2 12 2V4C13.8565 4 15.637 4.7375 16.9497 6.05025C18.2625 7.36301 19 9.14348 19 11ZM9.65 15.67C9.64995 15.4905 9.60159 15.3144 9.51 15.16C9.42107 15.0175 9.28744 14.9085 9.13 14.85C8.88667 14.7789 8.63325 14.7485 8.38 14.76H7V18H7.65V16.65H7.79C7.89956 16.6361 8.01044 16.6361 8.12 16.65C8.19226 16.6832 8.25693 16.7308 8.31 16.79C8.43663 16.9425 8.55353 17.1028 8.66 17.27L9.13 17.97H9.91L9.52 17.34C9.40982 17.1521 9.28262 16.9747 9.14 16.81C9.0403 16.6999 8.92178 16.6085 8.79 16.54C9.03274 16.5212 9.2603 16.4146 9.43 16.24C9.57228 16.0844 9.65082 15.8809 9.65 15.67ZM8.91 16C8.86485 16.0631 8.80231 16.1118 8.73 16.14C8.53411 16.1647 8.33589 16.1647 8.14 16.14H7.65V15.32H8.65C8.74634 15.3316 8.83519 15.3778 8.9 15.45C8.96324 15.5213 8.99561 15.6148 8.99 15.71C8.99912 15.8131 8.97071 15.9161 8.91 16ZM10.92 16.62H12.28V16.08H10.92V15.31H12.49V14.76H10.27V18H10.92V16.62ZM13.01 14.76H13.66V18H13.01V14.76ZM16.1 14.82C15.8967 14.774 15.6884 14.7539 15.48 14.76H14.28V18H15.52C15.7126 18.008 15.9051 17.9844 16.09 17.93C16.2627 17.8832 16.4208 17.7938 16.55 17.67C16.7126 17.5124 16.833 17.3164 16.9 17.1C16.9735 16.8776 17.0073 16.6441 17 16.41C17.0053 16.1523 16.9681 15.8956 16.89 15.65C16.8294 15.4516 16.7233 15.2701 16.58 15.12C16.4492 14.9795 16.2836 14.876 16.1 14.82ZM16.26 17C16.2292 17.1156 16.1709 17.2219 16.09 17.31C16.0132 17.3766 15.92 17.4215 15.82 17.44C15.6904 17.4542 15.5596 17.4542 15.43 17.44H14.94V15.31H15.23C15.4096 15.2941 15.5904 15.2941 15.77 15.31C15.8805 15.3353 15.9834 15.3868 16.07 15.46C16.157 15.5507 16.222 15.6602 16.26 15.78C16.3066 15.9663 16.3268 16.1581 16.32 16.35C16.3296 16.5684 16.3094 16.7871 16.26 17Z" />`;
+    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-rfid")) {
+  customElements.define("icon-rfid", NavaIconRfid);
+}

package/dist/chunk-J6FATUEP.js

@@ -0,0 +1,54 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/wifi-2.ts
+var NavaIconWifi2 = 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="M17.671 14.307C16.184 12.819 14.17 12 12 12C9.82999 12 7.81599 12.819 6.32899 14.307L7.74299 15.721C8.85299 14.611 10.364 13.999 12 13.999C13.636 14 15.147 14.611 16.257 15.721L17.671 14.307Z" />
+<path d="M20.437 11.292C15.865 6.71899 8.136 6.71899 3.564 11.292L4.978 12.706C8.785 8.89899 15.216 8.89899 19.023 12.706L20.437 11.292Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 20Z" />` : `<path d="M17.671 14.307C16.184 12.819 14.17 12 12 12C9.82999 12 7.81599 12.819 6.32899 14.307L7.74299 15.721C8.85299 14.611 10.364 13.999 12 13.999C13.636 14 15.147 14.611 16.257 15.721L17.671 14.307Z" />
+<path d="M20.437 11.292C15.865 6.71899 8.136 6.71899 3.564 11.292L4.978 12.706C8.785 8.89899 15.216 8.89899 19.023 12.706L20.437 11.292Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 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-wifi-2")) {
+  customElements.define("icon-wifi-2", NavaIconWifi2);
+}

package/dist/chunk-JAJKZM47.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/doughnut-chart.ts
+var NavaIconDoughnutChart = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M13 6C15.507 6.423 17.577 8.493 18 11H22C21.529 6.283 17.717 2.471 13 2V6Z" />
+<path d="M18 13C17.522 15.833 15.018 17.949 12.051 17.949C8.74203 17.949 6.05103 15.258 6.05103 11.949C6.05103 8.982 8.16702 6.478 11 6V2C5.95402 2.504 2.05103 6.773 2.05103 11.949C2.05103 17.463 6.53703 21.949 12.051 21.949C17.227 21.949 21.496 18.046 22 13H18Z" />` : `<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 2ZM19.931 11H16.899C16.7012 10.0403 16.2264 9.15964 15.5335 8.46686C14.8405 7.77408 13.9597 7.29957 13 7.102V4.069C14.7598 4.29335 16.3953 5.09574 17.6498 6.3502C18.9043 7.60466 19.7066 9.24017 19.931 11ZM12 9C13.654 9 15 10.346 15 12C15 13.654 13.654 15 12 15C10.346 15 9 13.654 9 12C9 10.346 10.346 9 12 9ZM12 20C7.589 20 4 16.411 4 12C4 7.928 7.061 4.564 11 4.069V7.101C9.87158 7.33306 8.85764 7.947 8.12903 8.83936C7.40042 9.73173 7.00168 10.848 7 12C7 14.757 9.243 17 12 17C13.152 16.9985 14.2682 16.5998 15.1604 15.8711C16.0526 15.1424 16.6663 14.1284 16.898 13H19.93C19.436 16.939 16.072 20 12 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-doughnut-chart")) {
+  customElements.define("icon-doughnut-chart", NavaIconDoughnutChart);
+}