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

package/dist/chunk-XDU2ZW44.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/skull.ts
+var NavaIconSkull = 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 2C5.505 2 2 6.637 2 11C2 13.129 3.009 14.979 5 16.508V21H8V18H10V21H14V18H16V21H19V16.507C20.991 14.979 22 13.128 22 11C22 6.637 18.495 2 12 2ZM8 13C6.879 13 6 11.902 6 10.5C6 9.098 6.879 8 8 8C9.121 8 10 9.098 10 10.5C10 11.902 9.121 13 8 13ZM16 13C14.879 13 14 11.902 14 10.5C14 9.098 14.879 8 16 8C17.121 8 18 9.098 18 10.5C18 11.902 17.121 13 16 13Z" />` : `<path d="M12 2C5.505 2 2 6.637 2 11C2 13.129 3.009 14.979 5 16.508V21H8V18H10V21H14V18H16V21H19V16.507C20.991 14.979 22 13.128 22 11C22 6.637 18.495 2 12 2ZM8 13C6.879 13 6 11.902 6 10.5C6 9.098 6.879 8 8 8C9.121 8 10 9.098 10 10.5C10 11.902 9.121 13 8 13ZM16 13C14.879 13 14 11.902 14 10.5C14 9.098 14.879 8 16 8C17.121 8 18 9.098 18 10.5C18 11.902 17.121 13 16 13Z" />`;
+    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-skull")) {
+  customElements.define("icon-skull", NavaIconSkull);
+}

package/dist/chunk-XEUTGKVY.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/server.ts
+var NavaIconServer = 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 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V9C2 9.53043 2.21071 10.0391 2.58579 10.4142C2.96086 10.7893 3.46957 11 4 11H20C20.5304 11 21.0391 10.7893 21.4142 10.4142C21.7893 10.0391 22 9.53043 22 9V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM15 8H13V6H15V8ZM19 8H17V6H19V8ZM20 13H4C3.46957 13 2.96086 13.2107 2.58579 13.5858C2.21071 13.9609 2 14.4696 2 15V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V15C22 14.4696 21.7893 13.9609 21.4142 13.5858C21.0391 13.2107 20.5304 13 20 13ZM15 18H13V16H15V18ZM19 18H17V16H19V18Z" />` : `<path d="M20 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V9C2 9.53043 2.21071 10.0391 2.58579 10.4142C2.96086 10.7893 3.46957 11 4 11H20C20.5304 11 21.0391 10.7893 21.4142 10.4142C21.7893 10.0391 22 9.53043 22 9V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM4 9V5H20V9H4ZM20 13H4C3.46957 13 2.96086 13.2107 2.58579 13.5858C2.21071 13.9609 2 14.4696 2 15V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V15C22 14.4696 21.7893 13.9609 21.4142 13.5858C21.0391 13.2107 20.5304 13 20 13ZM4 19V15H20V19H4Z" />
+<path d="M17 6H19V8H17V6ZM14 6H16V8H14V6ZM17 16H19V18H17V16ZM14 16H16V18H14V16Z" />`;
+    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-server")) {
+  customElements.define("icon-server", NavaIconServer);
+}

package/dist/chunk-XFEN67LJ.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/first-page.ts
+var NavaIconFirstPage = 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.293 17.707L17.707 16.293L13.414 12L17.707 7.707L16.293 6.293L10.586 12L16.293 17.707ZM7 6H9V18H7V6Z" />` : `<path d="M16.293 17.707L17.707 16.293L13.414 12L17.707 7.707L16.293 6.293L10.586 12L16.293 17.707ZM7 6H9V18H7V6Z" />`;
+    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-first-page")) {
+  customElements.define("icon-first-page", NavaIconFirstPage);
+}

package/dist/chunk-XGJDE2OO.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/envelope.ts
+var NavaIconEnvelope = 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 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V18C2 18.5304 2.21071 19.0391 2.58579 19.4142C2.96086 19.7893 3.46957 20 4 20H20C20.5304 20 21.0391 19.7893 21.4142 19.4142C21.7893 19.0391 22 18.5304 22 18V6C22 5.46957 21.7893 4.96086 21.4142 4.58579C21.0391 4.21071 20.5304 4 20 4ZM20 8.7L12 14.034L4 8.7V6.297L12 11.63L20 6.297V8.7Z" />` : `<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 4ZM20 6V6.511L12 12.734L4 6.512V6H20ZM4 18V9.044L11.386 14.789C11.5611 14.9265 11.7773 15.0013 12 15.0013C12.2227 15.0013 12.4389 14.9265 12.614 14.789L20 9.044L20.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-envelope")) {
+  customElements.define("icon-envelope", NavaIconEnvelope);
+}

package/dist/chunk-XIS3GF2O.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/star.ts
+var NavaIconStar = 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.947 9.17901C21.8842 8.99388 21.7685 8.83121 21.6142 8.71107C21.46 8.59094 21.2739 8.51861 21.079 8.50301L15.378 8.05001L12.911 2.58901C12.8325 2.41313 12.7047 2.26374 12.5431 2.15887C12.3815 2.05401 12.193 1.99815 12.0004 1.99805C11.8077 1.99794 11.6192 2.05359 11.4575 2.15828C11.2957 2.26296 11.1678 2.41221 11.089 2.58801L8.62203 8.05001L2.92103 8.50301C2.72948 8.51819 2.54636 8.58822 2.39358 8.70475C2.2408 8.82127 2.12482 8.97934 2.05952 9.16004C1.99422 9.34075 1.98236 9.53645 2.02537 9.72372C2.06838 9.91099 2.16443 10.0819 2.30203 10.216L6.51503 14.323L5.02503 20.775C4.97978 20.9703 4.99428 21.1747 5.06665 21.3617C5.13901 21.5486 5.26589 21.7095 5.43083 21.8235C5.59577 21.9374 5.79115 21.9991 5.99161 22.0007C6.19208 22.0022 6.38837 21.9434 6.55503 21.832L12 18.202L17.445 21.832C17.6154 21.9451 17.8162 22.0033 18.0207 21.9988C18.2251 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.966 9.97601 22.075 9.55801 21.947 9.17901Z" />` : `<path d="M6.516 14.323L5.026 20.775C4.97986 20.9704 4.99371 21.1751 5.06574 21.3625C5.13777 21.5499 5.26464 21.7112 5.42976 21.8253C5.59489 21.9395 5.79061 22.0012 5.99135 22.0024C6.19209 22.0036 6.38852 21.9442 6.555 21.832L12 18.202L17.445 21.832C17.6153 21.9451 17.8162 22.0033 18.0206 21.9988C18.225 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.8143 10.1132 21.918 9.94266 21.9674 9.75351C22.0168 9.56436 22.0097 9.36488 21.9469 9.17974C21.8841 8.99461 21.7684 8.83193 21.6142 8.71183C21.4599 8.59173 21.2739 8.51947 21.079 8.504L15.378 8.05L12.911 2.589C12.8323 2.41316 12.7045 2.26384 12.5428 2.15906C12.3812 2.05429 12.1926 1.99854 12 1.99854C11.8074 1.99854 11.6188 2.05429 11.4572 2.15906C11.2955 2.26384 11.1677 2.41316 11.089 2.589L8.622 8.05L2.921 8.503C2.72945 8.51818 2.54633 8.58821 2.39355 8.70473C2.24077 8.82125 2.12479 8.97932 2.05949 9.16003C1.99419 9.34074 1.98233 9.53644 2.02534 9.72371C2.06835 9.91098 2.1644 10.0819 2.302 10.216L6.516 14.323ZM9.369 9.997C9.54749 9.98294 9.71891 9.92112 9.8653 9.81802C10.0117 9.71491 10.1276 9.57433 10.201 9.411L12 5.43L13.799 9.411C13.8724 9.57433 13.9883 9.71491 14.1347 9.81802C14.2811 9.92112 14.4525 9.98294 14.631 9.997L18.603 10.312L15.332 13.256C15.048 13.512 14.935 13.906 15.039 14.274L16.292 18.659L12.556 16.168C12.392 16.0579 12.199 15.9992 12.0015 15.9992C11.804 15.9992 11.611 16.0579 11.447 16.168L7.543 18.771L8.593 14.225C8.6315 14.0578 8.62633 13.8835 8.57799 13.7189C8.52966 13.5543 8.43978 13.4048 8.317 13.285L5.279 10.323L9.369 9.997Z" />`;
+    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-star")) {
+  customElements.define("icon-star", NavaIconStar);
+}

package/dist/chunk-XJFTBHOS.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/injection.ts
+var NavaIconInjection = 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 5.61L9.24 8.35L12.55 11.66L11.49 12.72L8.18 9.41L6.41 11.18L9.72 14.49L8.66 15.55L5.35 12.24L3.35 14.24C3.03219 14.5478 2.82544 14.9524 2.7621 15.3903C2.69877 15.8282 2.78243 16.2747 3 16.66L4 18.55L1.75 20.84L3.16 22.25L5.45 20L7.34 21C7.64481 21.1728 7.98965 21.2624 8.34 21.26C8.60391 21.2602 8.86526 21.2082 9.10897 21.1069C9.35268 21.0057 9.57394 20.8572 9.76 20.67L18.39 12L12 5.61ZM19.8 9.2L18.01 7.4L19.43 5.99L20.84 7.4L22.25 5.99L18.01 1.75L16.6 3.16L18.01 4.58L16.6 5.99L14.8 4.2L13.06 2.45L11.65 3.87L12.68 4.9V4.91L19.09 11.32H19.1L20.13 12.35L21.55 10.94L19.81 9.2H19.8Z" />` : `<path d="M20.84 7.4L22.25 6L18 1.75L16.6 3.16L18 4.58L16.6 6L14.47 3.87L13.06 2.45L11.65 3.87L12.35 4.58L3 13.92C2.68312 14.236 2.48136 14.649 2.42697 15.0932C2.37258 15.5374 2.46872 15.9869 2.7 16.37L4 18.56L1.75 20.84L3.16 22.25L5.44 20L7.63 21.31C7.93287 21.4898 8.27783 21.5863 8.63 21.59C8.89895 21.5942 9.16598 21.5441 9.41512 21.4428C9.66427 21.3414 9.8904 21.1908 10.08 21L19.42 11.66L20.13 12.36L21.55 10.95L20.13 9.53L18 7.4L19.42 6L20.84 7.4ZM18 10.23L8.66 19.58L6 18L4.42 15.34L5.28 14.47L8.11 17.3L9.53 15.89L6.7 13.06L8.11 11.65L10.94 14.47L12.35 13.06L9.52 10.23L10.94 8.82L13.77 11.65L15.18 10.23L12.35 7.4L13.77 6L18 10.23Z" />`;
+    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-injection")) {
+  customElements.define("icon-injection", NavaIconInjection);
+}

package/dist/chunk-XJSMGHEY.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/shield-alt-2.ts
+var NavaIconShieldAlt2 = 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.881 5.22301C21.8783 5.137 21.8533 5.05317 21.8083 4.97976C21.7634 4.90636 21.7002 4.84591 21.6248 4.80435C21.5495 4.76279 21.4646 4.74154 21.3785 4.74271C21.2925 4.74388 21.2082 4.76742 21.134 4.81101C20.462 5.20301 19.416 5.70901 18.491 5.70901C18.07 5.70901 17.642 5.64501 17.202 5.51101C16.9253 5.42858 16.6552 5.32529 16.394 5.20201C15.056 4.56301 13.827 3.43501 12.698 2.31301C12.5118 2.12947 12.2615 2.02548 12 2.02301C11.7385 2.02548 11.4883 2.12947 11.302 2.31301C10.173 3.43501 8.94402 4.56301 7.60602 5.20201C7.34529 5.32544 7.0745 5.42874 6.79802 5.51101C6.35802 5.64501 5.92902 5.70901 5.50902 5.70901C4.58402 5.70901 3.53802 5.20201 2.86602 4.81101C2.79182 4.76742 2.70755 4.74388 2.6215 4.74271C2.53545 4.74154 2.45058 4.76279 2.37523 4.80435C2.29987 4.84591 2.23662 4.90636 2.1917 4.97976C2.14678 5.05317 2.12173 5.137 2.11902 5.22301C2.05802 6.76101 2.04202 10.063 2.80702 12.667C4.20602 17.43 7.28702 20.643 11.717 21.959L11.857 22L11.997 21.986H12L12.143 22L12.283 21.959C16.713 20.643 19.794 17.43 21.193 12.667C21.958 10.063 21.941 6.76101 21.881 5.22301Z" />` : `<path d="M21.438 5.08901C21.2896 5.01113 21.1241 4.97169 20.9566 4.97431C20.789 4.97693 20.6248 5.02153 20.479 5.10401C19.795 5.49301 19.124 5.68101 18.426 5.68101C16.391 5.68101 14.474 4.05201 12.704 2.29101C12.329 1.91801 11.641 1.91801 11.266 2.29101C9.59198 3.95901 7.59798 5.66301 5.50998 5.66301C4.81998 5.66301 4.15898 5.47901 3.49198 5.10201C3.19398 4.93601 2.83398 4.93101 2.53198 5.09001C2.22998 5.24901 2.03098 5.55101 2.00398 5.89101C1.99298 6.02001 1.05998 18.763 11.687 21.932C11.7797 21.9599 11.8761 21.9741 11.973 21.974H12C12.097 21.974 12.192 21.96 12.285 21.933C22.942 18.763 21.98 6.01701 21.969 5.88901C21.9547 5.72182 21.8986 5.56091 21.8058 5.42111C21.713 5.28131 21.5865 5.1671 21.438 5.08901ZM11.986 19.931C5.00698 17.676 4.05198 10.519 3.97198 7.45401C4.47698 7.59401 4.99098 7.66301 5.50898 7.66301C8.00098 7.66301 10.159 6.09601 11.985 4.38001C13.878 6.16801 15.968 7.68101 18.427 7.68101C18.957 7.68101 19.484 7.60701 20.002 7.46101C19.928 10.526 18.981 17.678 11.986 19.931Z" />`;
+    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-shield-alt-2")) {
+  customElements.define("icon-shield-alt-2", NavaIconShieldAlt2);
+}

package/dist/chunk-XJT256PE.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/ship.ts
+var NavaIconShip = 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 20C16.098 20 15.709 19.689 15.121 19.219C14.441 18.676 13.596 18 11.994 18C10.393 18 9.548 18.676 8.869 19.22C8.282 19.689 7.894 20 6.995 20C6.098 20 5.71 19.689 5.123 19.22C4.444 18.676 3.601 18 2 18V20C2.898 20 3.286 20.311 3.873 20.78C4.552 21.324 5.396 22 6.995 22C8.596 22 9.44 21.324 10.119 20.781C10.707 20.311 11.095 20 11.994 20C12.894 20 13.305 20.328 13.872 20.781C14.551 21.324 15.396 22 16.997 22C18.598 22 19.443 21.324 20.122 20.781C20.689 20.328 21.1 20 22 20V18C20.398 18 19.553 18.676 18.873 19.219C18.285 19.689 17.896 20 16.997 20ZM6 8.5L4 9L6 17H6.995C8.596 17 9.44 16.324 10.119 15.781C10.707 15.311 11.095 15 11.994 15C12.894 15 13.305 15.328 13.872 15.781C14.551 16.324 15.396 17 16.997 17H18L18.027 16.893L18.34 15.641L20 9L18 8.5V5.001C18.0001 4.76974 17.92 4.54559 17.7734 4.36672C17.6268 4.18786 17.4228 4.06533 17.196 4.02L13 3.181V2H11V3.181L6.804 4.02C6.57722 4.06533 6.37316 4.18786 6.22657 4.36672C6.07998 4.54559 5.99991 4.76974 6 5.001V8.5ZM8 5.819L12 5.019L16 5.819V8L12 7L8 8V5.819Z" />` : `<path d="M16.997 20C16.098 20 15.709 19.689 15.121 19.219C14.441 18.676 13.596 18 11.994 18C10.393 18 9.548 18.676 8.869 19.22C8.282 19.689 7.894 20 6.995 20C6.098 20 5.71 19.689 5.123 19.22C4.444 18.676 3.601 18 2 18V20C2.898 20 3.286 20.311 3.873 20.78C4.552 21.324 5.396 22 6.995 22C8.596 22 9.44 21.324 10.119 20.781C10.707 20.311 11.095 20 11.994 20C12.894 20 13.305 20.328 13.872 20.781C14.551 21.324 15.396 22 16.997 22C18.598 22 19.443 21.324 20.122 20.781C20.689 20.328 21.1 20 22 20V18C20.398 18 19.553 18.676 18.873 19.219C18.285 19.689 17.896 20 16.997 20ZM6 8.5L4 9L6 17H6.995C8.596 17 9.44 16.324 10.119 15.781C10.707 15.311 11.095 15 11.994 15C12.894 15 13.305 15.328 13.872 15.781C14.551 16.324 15.396 17 16.997 17H18L18.027 16.893L18.34 15.641L20 9L18 8.5V5.001C18.0001 4.76974 17.92 4.54559 17.7734 4.36672C17.6268 4.18786 17.4228 4.06533 17.196 4.02L13 3.181V2H11V3.181L6.804 4.02C6.57722 4.06533 6.37316 4.18786 6.22657 4.36672C6.07998 4.54559 5.99991 4.76974 6 5.001V8.5ZM8 5.819L12 5.019L16 5.819V8L12 7L8 8V5.819Z" />`;
+    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-ship")) {
+  customElements.define("icon-ship", NavaIconShip);
+}

package/dist/chunk-XKKJ6WPD.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/angry.ts
+var NavaIconAngry = 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.5L7.002 10.478L5.629 9.929L6.371 8.072L11.371 10.072L10.629 11.929L9.598 11.516C9.584 11.53 9.575 11.547 9.561 11.56C9.35147 11.7703 9.08419 11.9137 8.79306 11.972C8.50193 12.0302 8.20006 12.0007 7.92573 11.8871C7.6514 11.7736 7.41696 11.5811 7.25215 11.3342C7.08735 11.0872 6.99958 10.7969 7 10.5ZM8 17C8 17 9 14 12 14C15 14 16 17 16 17H8ZM16.986 10.493C16.986 10.905 16.819 11.278 16.548 11.549C16.4097 11.6883 16.2452 11.7989 16.0639 11.8744C15.8827 11.9498 15.6883 11.9887 15.492 11.9887C15.2957 11.9887 15.1013 11.9498 14.9201 11.8744C14.7388 11.7989 14.5743 11.6883 14.436 11.549C14.425 11.538 14.417 11.525 14.407 11.514L13.37 11.929L12.628 10.072L17.628 8.072L18.37 9.929L16.984 10.483C16.9851 10.4862 16.9858 10.4896 16.986 10.493Z" />` : `<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="M12 14C9 14 8 17 8 17H16C16 17 15 14 12 14ZM9.561 11.561C9.575 11.547 9.584 11.531 9.598 11.517L10.629 11.93L11.371 10.073L6.371 8.07298L5.629 9.92898L7.002 10.478L7 10.5C6.99938 10.797 7.087 11.0874 7.25173 11.3346C7.41647 11.5817 7.65089 11.7743 7.92526 11.8879C8.19963 12.0016 8.50158 12.0312 8.79281 11.973C9.08403 11.9148 9.3514 11.7714 9.561 11.561ZM12.629 10.071L13.371 11.928L14.408 11.513C14.419 11.524 14.427 11.537 14.437 11.548C14.5753 11.6873 14.7398 11.7979 14.9211 11.8733C15.1023 11.9488 15.2967 11.9876 15.493 11.9876C15.6893 11.9876 15.8837 11.9488 16.0649 11.8733C16.2462 11.7979 16.4107 11.6873 16.549 11.548C16.82 11.277 16.987 10.904 16.987 10.492L16.986 10.482L18.372 9.92798L17.63 8.07098L12.629 10.071Z" />`;
+    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-angry")) {
+  customElements.define("icon-angry", NavaIconAngry);
+}

package/dist/chunk-XL4YR5H5.js

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

package/dist/chunk-XLTEHJWC.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/reset.ts
+var NavaIconReset = 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 16C13.671 16 15 14.669 15 13C15 11.331 13.671 10 12 10C10.329 10 9 11.331 9 13C9 14.669 10.329 16 12 16Z" />
+<path d="M20.817 11.186C20.5814 10.0344 20.1209 8.94048 19.462 7.967C18.8146 7.00928 17.9897 6.18442 17.032 5.537C16.0584 4.87833 14.9646 4.41789 13.813 4.182C13.2081 4.05933 12.5922 3.99901 11.975 4.002V2L8 5L11.975 8V6.002C12.459 6 12.943 6.046 13.41 6.142C14.305 6.32541 15.1552 6.68321 15.912 7.195C16.6584 7.69824 17.3008 8.34063 17.804 9.087C18.5853 10.2422 19.002 11.6054 19 13C18.9998 13.9359 18.8128 14.8623 18.45 15.725C18.2735 16.1405 18.0579 16.5383 17.806 16.913C17.5531 17.2854 17.2659 17.6332 16.948 17.952C15.98 18.9182 14.7511 19.5809 13.412 19.859C12.4807 20.047 11.5213 20.047 10.59 19.859C9.69456 19.6754 8.84404 19.3173 8.087 18.805C7.34148 18.3022 6.6998 17.6605 6.197 16.915C5.41656 15.7585 4.9997 14.3952 5 13H3C3.00106 14.7937 3.53689 16.5463 4.539 18.034C5.18685 18.9901 6.01086 19.8142 6.967 20.462C8.45262 21.4675 10.2061 22.0033 12 22C12.6093 21.9999 13.217 21.9386 13.814 21.817C14.9647 21.5794 16.0579 21.1191 17.032 20.462C17.5103 20.1397 17.956 19.7717 18.363 19.363C18.7705 18.9544 19.1388 18.5084 19.463 18.031C20.4676 16.5458 21.0031 14.7931 21 13C20.9999 12.3907 20.9386 11.783 20.817 11.186Z" />` : `<path d="M12 16C13.671 16 15 14.669 15 13C15 11.331 13.671 10 12 10C10.329 10 9 11.331 9 13C9 14.669 10.329 16 12 16Z" />
+<path d="M20.817 11.186C20.5814 10.0344 20.1209 8.94048 19.462 7.967C18.8146 7.00928 17.9897 6.18442 17.032 5.537C16.0584 4.87833 14.9646 4.41789 13.813 4.182C13.2081 4.05933 12.5922 3.99901 11.975 4.002V2L8 5L11.975 8V6.002C12.459 6 12.943 6.046 13.41 6.142C14.305 6.32541 15.1552 6.68321 15.912 7.195C16.6584 7.69824 17.3008 8.34063 17.804 9.087C18.5853 10.2422 19.002 11.6054 19 13C18.9998 13.9359 18.8128 14.8623 18.45 15.725C18.2735 16.1405 18.0579 16.5383 17.806 16.913C17.5531 17.2854 17.2659 17.6332 16.948 17.952C15.98 18.9182 14.7511 19.5809 13.412 19.859C12.4807 20.047 11.5213 20.047 10.59 19.859C9.69456 19.6754 8.84404 19.3173 8.087 18.805C7.34148 18.3022 6.6998 17.6605 6.197 16.915C5.41656 15.7585 4.9997 14.3952 5 13H3C3.00106 14.7937 3.53689 16.5463 4.539 18.034C5.18685 18.9901 6.01086 19.8142 6.967 20.462C8.45262 21.4675 10.2061 22.0033 12 22C12.6093 21.9999 13.217 21.9386 13.814 21.817C14.9647 21.5794 16.0579 21.1191 17.032 20.462C17.5103 20.1397 17.956 19.7717 18.363 19.363C18.7705 18.9544 19.1388 18.5084 19.463 18.031C20.4676 16.5458 21.0031 14.7931 21 13C20.9999 12.3907 20.9386 11.783 20.817 11.186Z" />`;
+    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-reset")) {
+  customElements.define("icon-reset", NavaIconReset);
+}

package/dist/chunk-XN7AMVHD.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/right-top-arrow-circle.ts
+var NavaIconRightTopArrowCircle = 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.0709 4.92899C15.1719 1.03099 8.82789 1.03099 4.92789 4.92899C1.02989 8.82799 1.02989 15.173 4.92789 19.072C8.82689 22.97 15.1709 22.97 19.0709 19.072C22.9699 15.172 22.9699 8.82799 19.0709 4.92899ZM15.5349 15.536L12.7069 12.707L9.17189 16.243L7.75789 14.829L11.2929 11.293L8.46489 8.46399H15.5349V15.536Z" />` : `<path d="M12.006 2.007C10.6927 2.00209 9.39143 2.25784 8.17766 2.75941C6.96389 3.26099 5.86171 3.99842 4.93497 4.929C1.03697 8.828 1.03697 15.172 4.93497 19.071C6.81997 20.956 9.33097 21.994 12.006 21.994C14.681 21.994 17.193 20.956 19.077 19.071C22.975 15.173 22.975 8.829 19.077 4.929C18.1502 3.99847 17.048 3.26106 15.8343 2.75949C14.6205 2.25792 13.3193 2.00215 12.006 2.007ZM17.663 17.656C16.156 19.163 14.146 19.993 12.006 19.993C9.86597 19.993 7.85597 19.163 6.34897 17.656C3.23097 14.537 3.23097 9.462 6.34897 6.343C7.85597 4.836 9.86497 4.007 12.006 4.007C14.147 4.007 16.156 4.836 17.663 6.343C20.781 9.462 20.781 14.537 17.663 17.656Z" />
+<path d="M11.467 11.125L8.25299 14.339L9.66699 15.753L12.881 12.539L15.006 14.663V9H9.34299L11.467 11.125Z" />`;
+    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-top-arrow-circle")) {
+  customElements.define("icon-right-top-arrow-circle", NavaIconRightTopArrowCircle);
+}