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

package/dist/chunk-ER2UHETL.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/color.ts
+var NavaIconColor = 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.08 11.25C7.19839 10.4514 7.51465 9.69513 8 9.05L4.43 5.49C3.0179 7.09637 2.16519 9.11759 2 11.25H7.08ZM9.05 8C9.69613 7.51822 10.4523 7.20543 11.25 7.09V2C9.11759 2.16519 7.09637 3.0179 5.49 4.43L9.05 8ZM12.75 2V7C13.5737 7.1338 14.3487 7.47828 15 8L18.56 4.44C16.9416 3.0143 14.9011 2.15736 12.75 2ZM8 15C7.51822 14.3539 7.20543 13.5977 7.09 12.8H2C2.15394 14.9277 2.99239 16.9484 4.39 18.56L8 15ZM11.25 16.92C10.4514 16.8016 9.69513 16.4853 9.05 16L5.49 19.57C7.09637 20.9821 9.11759 21.8348 11.25 22V16.92ZM16 9.05C16.4818 9.69613 16.7946 10.4523 16.91 11.25H21.91C21.7561 9.12233 20.9176 7.10163 19.52 5.49L16 9.05ZM15 16C14.3539 16.4818 13.5977 16.7946 12.8 16.91V21.91C14.9277 21.7561 16.9484 20.9176 18.56 19.52L15 16ZM16.92 12.75C16.8097 13.5661 16.4931 14.3405 16 15L19.56 18.56C20.9857 16.9416 21.8426 14.9011 22 12.75H16.92Z" />` : `<path d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83995 14.1648 9.45543 13.6962 9.22837 13.1481C9.0013 12.5999 8.94189 11.9967 9.05765 11.4147C9.1734 10.8328 9.45913 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.1481 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7957 15 12 15ZM14.75 7.83C14.2186 7.47727 13.6246 7.22948 13 7.1V4.1C14.4224 4.27804 15.7701 4.83784 16.9 5.72L14.75 7.83ZM11 7.1C10.3754 7.22948 9.78144 7.47727 9.25 7.83L7.1 5.69C8.22993 4.80784 9.5776 4.24804 11 4.07V7.1ZM7.83 9.25C7.47728 9.78143 7.22949 10.3754 7.1 11H4.1C4.26927 9.58057 4.8186 8.23317 5.69 7.1L7.83 9.25ZM7.1 13C7.22949 13.6246 7.47728 14.2186 7.83 14.75L5.69 16.9C4.80785 15.7701 4.24805 14.4224 4.07 13H7.1ZM9.25 16.17C9.78144 16.5227 10.3754 16.7705 11 16.9V19.9C9.5776 19.722 8.22993 19.1622 7.1 18.28L9.25 16.17ZM13 16.9C13.6246 16.7705 14.2186 16.5227 14.75 16.17L16.9 18.31C15.7701 19.1922 14.4224 19.752 13 19.93V16.9ZM16.17 14.75C16.5227 14.2186 16.7705 13.6246 16.9 13H19.9C19.722 14.4224 19.1622 15.7701 18.28 16.9L16.17 14.75ZM16.9 11C16.7705 10.3754 16.5227 9.78143 16.17 9.25L18.31 7.1C19.1922 8.22993 19.752 9.5776 19.93 11H16.9Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-color")) {
+  customElements.define("icon-color", NavaIconColor);
+}

package/dist/chunk-ER5UERZE.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/checkbox-minus.ts
+var NavaIconCheckboxMinus = 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 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V7C19 6.46957 18.7893 5.96086 18.4142 5.58579C18.0391 5.21071 17.5304 5 17 5ZM16 13H8V11H16V13Z" />` : `<path d="M9.01001 11H15.01V13H9.01001V11Z" />
+<path d="M17 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V7C19 6.46957 18.7893 5.96086 18.4142 5.58579C18.0391 5.21071 17.5304 5 17 5ZM7 17V7H17V17H7Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-checkbox-minus")) {
+  customElements.define("icon-checkbox-minus", NavaIconCheckboxMinus);
+}

package/dist/chunk-ERBA3EK5.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/git-repo-forked.ts
+var NavaIconGitRepoForked = 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="M5.559 8.855C5.725 10.038 6.348 12.062 8.646 12.934C11 13.829 11 14.534 11 15V15.163C9.56 15.597 8.5 16.92 8.5 18.5C8.5 20.43 10.07 22 12 22C13.93 22 15.5 20.43 15.5 18.5C15.5 16.92 14.44 15.597 13 15.163V15C13 14.534 13 13.829 15.354 12.935C17.652 12.063 18.275 10.039 18.441 8.856C19.912 8.441 21 7.102 21 5.5C21 3.57 19.43 2 17.5 2C15.57 2 14 3.57 14 5.5C14 7.052 15.022 8.355 16.424 8.813C16.278 9.548 15.859 10.604 14.646 11.065C13.454 11.517 12.593 12.018 12 12.601C11.407 12.018 10.547 11.517 9.354 11.065C8.141 10.604 7.721 9.548 7.576 8.813C8.978 8.355 10 7.052 10 5.5C10 3.57 8.43 2 6.5 2C4.57 2 3 3.57 3 5.5C3 7.102 4.088 8.441 5.559 8.855ZM17.5 4C18.327 4 19 4.673 19 5.5C19 6.327 18.327 7 17.5 7C16.673 7 16 6.327 16 5.5C16 4.673 16.673 4 17.5 4ZM13.5 18.5C13.5 19.327 12.827 20 12 20C11.173 20 10.5 19.327 10.5 18.5C10.5 17.673 11.173 17 12 17C12.827 17 13.5 17.673 13.5 18.5ZM6.5 4C7.327 4 8 4.673 8 5.5C8 6.327 7.327 7 6.5 7C5.673 7 5 6.327 5 5.5C5 4.673 5.673 4 6.5 4Z" />` : `<path d="M5.559 8.855C5.725 10.038 6.348 12.062 8.646 12.934C11 13.829 11 14.534 11 15V15.163C9.56 15.597 8.5 16.92 8.5 18.5C8.5 20.43 10.07 22 12 22C13.93 22 15.5 20.43 15.5 18.5C15.5 16.92 14.44 15.597 13 15.163V15C13 14.534 13 13.829 15.354 12.935C17.652 12.063 18.275 10.039 18.441 8.856C19.912 8.441 21 7.102 21 5.5C21 3.57 19.43 2 17.5 2C15.57 2 14 3.57 14 5.5C14 7.052 15.022 8.355 16.424 8.813C16.278 9.548 15.859 10.604 14.646 11.065C13.454 11.517 12.593 12.018 12 12.601C11.407 12.018 10.547 11.517 9.354 11.065C8.141 10.604 7.721 9.548 7.576 8.813C8.978 8.355 10 7.052 10 5.5C10 3.57 8.43 2 6.5 2C4.57 2 3 3.57 3 5.5C3 7.102 4.088 8.441 5.559 8.855ZM17.5 4C18.327 4 19 4.673 19 5.5C19 6.327 18.327 7 17.5 7C16.673 7 16 6.327 16 5.5C16 4.673 16.673 4 17.5 4ZM13.5 18.5C13.5 19.327 12.827 20 12 20C11.173 20 10.5 19.327 10.5 18.5C10.5 17.673 11.173 17 12 17C12.827 17 13.5 17.673 13.5 18.5ZM6.5 4C7.327 4 8 4.673 8 5.5C8 6.327 7.327 7 6.5 7C5.673 7 5 6.327 5 5.5C5 4.673 5.673 4 6.5 4Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-git-repo-forked")) {
+  customElements.define("icon-git-repo-forked", NavaIconGitRepoForked);
+}

package/dist/chunk-ETHXXHCO.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/left-arrow-square.ts
+var NavaIconLeftArrowSquare = 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 21C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19ZM12 7V11H17V13H12V17L7 12L12 7Z" />` : `<path d="M19 21C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19ZM12 7V11H17V13H12V17L7 12L12 7Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-left-arrow-square")) {
+  customElements.define("icon-left-arrow-square", NavaIconLeftArrowSquare);
+}

package/dist/chunk-EVNOTZET.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/caret-up-circle.ts
+var NavaIconCaretUpCircle = 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.485 2 2 6.486 2 12C2 17.514 6.485 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM7 14L12 8L17 14H7Z" />` : `<path d="M7 14H17L12 8L7 14Z" />
+<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" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-caret-up-circle")) {
+  customElements.define("icon-caret-up-circle", NavaIconCaretUpCircle);
+}

package/dist/chunk-EVR4EP6A.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/user-circle.ts
+var NavaIconUserCircle = 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.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2ZM12 7C13.727 7 15 8.272 15 10C15 11.728 13.727 13 12 13C10.274 13 9 11.728 9 10C9 8.272 10.274 7 12 7ZM6.894 16.772C7.791 15.452 9.287 14.572 11 14.572H13C14.714 14.572 16.209 15.452 17.106 16.772C15.828 18.14 14.015 19 12 19C9.985 19 8.172 18.14 6.894 16.772Z" />` : `<path d="M12 2C9.35831 2.03369 6.8343 3.09807 4.96618 4.96618C3.09807 6.8343 2.03369 9.35831 2 12C2.01235 13.5389 2.37972 15.0542 3.07351 16.4279C3.7673 17.8016 4.76879 18.9967 6 19.92V20H6.1C7.79318 21.2975 9.86685 22.0006 12 22.0006C14.1332 22.0006 16.2068 21.2975 17.9 20H18V19.92C19.2312 18.9967 20.2327 17.8016 20.9265 16.4279C21.6203 15.0542 21.9877 13.5389 22 12C21.9663 9.35831 20.9019 6.8343 19.0338 4.96618C17.1657 3.09807 14.6417 2.03369 12 2ZM8.07 18.93C8.21599 18.2614 8.58615 17.6629 9.11908 17.2336C9.65202 16.8044 10.3157 16.5702 11 16.57H13C13.6843 16.5702 14.348 16.8044 14.8809 17.2336C15.4138 17.6629 15.784 18.2614 15.93 18.93C14.7389 19.6308 13.382 20.0004 12 20.0004C10.618 20.0004 9.26113 19.6308 8.07 18.93ZM17.61 17.64C17.2296 16.7309 16.5891 15.9546 15.7689 15.4084C14.9487 14.8622 13.9854 14.5705 13 14.57H11C10.0146 14.5705 9.05127 14.8622 8.23108 15.4084C7.41088 15.9546 6.77037 16.7309 6.39 17.64C5.64066 16.903 5.0439 16.0255 4.63381 15.0578C4.22373 14.0901 4.00835 13.051 4 12C4.02594 9.88633 4.87712 7.86653 6.37183 6.37183C7.86653 4.87712 9.88633 4.02594 12 4C14.1137 4.02594 16.1335 4.87712 17.6282 6.37183C19.1229 7.86653 19.9741 9.88633 20 12C19.9916 13.051 19.7763 14.0901 19.3662 15.0578C18.9561 16.0255 18.3593 16.903 17.61 17.64Z" />
+<path d="M12 6.00002C11.4713 5.98771 10.9457 6.08275 10.4548 6.27941C9.96394 6.47607 9.51806 6.77026 9.14414 7.14418C8.77023 7.51809 8.47604 7.96397 8.27938 8.45484C8.08272 8.94571 7.98768 9.47137 7.99999 10C7.98768 10.5287 8.08272 11.0543 8.27938 11.5452C8.47604 12.0361 8.77023 12.482 9.14414 12.8559C9.51806 13.2298 9.96394 13.524 10.4548 13.7206C10.9457 13.9173 11.4713 14.0123 12 14C12.5286 14.0123 13.0543 13.9173 13.5452 13.7206C14.036 13.524 14.4819 13.2298 14.8558 12.8559C15.2298 12.482 15.5239 12.0361 15.7206 11.5452C15.9173 11.0543 16.0123 10.5287 16 10C16.0123 9.47137 15.9173 8.94571 15.7206 8.45484C15.5239 7.96397 15.2298 7.51809 14.8558 7.14418C14.4819 6.77026 14.036 6.47607 13.5452 6.27941C13.0543 6.08275 12.5286 5.98771 12 6.00002ZM12 12C11.7339 12.0129 11.4681 11.97 11.2197 11.874C10.9712 11.778 10.7455 11.6312 10.5572 11.4428C10.3688 11.2545 10.222 11.0288 10.126 10.7803C10.0301 10.5319 9.98713 10.2661 9.99999 10C9.98713 9.73397 10.0301 9.46817 10.126 9.2197C10.222 8.97122 10.3688 8.74557 10.5572 8.55722C10.7455 8.36888 10.9712 8.22201 11.2197 8.12605C11.4681 8.03009 11.7339 7.98716 12 8.00002C12.266 7.98716 12.5318 8.03009 12.7803 8.12605C13.0288 8.22201 13.2544 8.36888 13.4428 8.55722C13.6311 8.74557 13.778 8.97122 13.874 9.2197C13.9699 9.46817 14.0129 9.73397 14 10C14.0129 10.2661 13.9699 10.5319 13.874 10.7803C13.778 11.0288 13.6311 11.2545 13.4428 11.4428C13.2544 11.6312 13.0288 11.778 12.7803 11.874C12.5318 11.97 12.266 12.0129 12 12Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-user-circle")) {
+  customElements.define("icon-user-circle", NavaIconUserCircle);
+}

package/dist/chunk-EVSETTL4.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/cool.ts
+var NavaIconCool = 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 2ZM16.095 16.244C15.2658 17.0745 14.2107 17.6427 13.061 17.878C12.2645 18.0402 11.4435 18.0402 10.647 17.878C9.87824 17.7223 9.1481 17.4153 8.499 16.975C7.86064 16.5421 7.31052 15.9916 6.878 15.353L8.536 14.236C8.679 14.447 8.843 14.646 9.024 14.826C9.38859 15.1925 9.82094 15.4845 10.297 15.686C10.54 15.788 10.792 15.867 11.046 15.918C11.5794 16.025 12.1286 16.025 12.662 15.918C12.915 15.866 13.167 15.787 13.412 15.685C13.646 15.585 13.876 15.461 14.091 15.317C14.299 15.175 14.498 15.011 14.682 14.828C14.865 14.646 15.029 14.447 15.171 14.236L16.829 15.353C16.614 15.673 16.367 15.973 16.095 16.244ZM19 10C19 10.5304 18.7893 11.0391 18.4142 11.4142C18.0391 11.7893 17.5304 12 17 12H15C14.4696 12 13.9609 11.7893 13.5858 11.4142C13.2107 11.0391 13 10.5304 13 10H11C11 10.5304 10.7893 11.0391 10.4142 11.4142C10.0391 11.7893 9.53043 12 9 12H7C6.46957 12 5.96086 11.7893 5.58579 11.4142C5.21071 11.0391 5 10.5304 5 10V8H19V10Z" />` : `<path d="M14.683 14.828C14.3175 15.1923 13.8857 15.4835 13.411 15.686C12.5563 16.0468 11.6028 16.0995 10.7135 15.835C9.82429 15.5705 9.05456 15.0053 8.536 14.236L6.878 15.355C7.31044 15.9931 7.86059 16.543 8.499 16.975C9.14865 17.4143 9.87859 17.7212 10.647 17.878C11.836 18.1201 13.0704 17.9981 14.189 17.528C14.9009 17.2259 15.5483 16.79 16.096 16.244C16.368 15.973 16.616 15.673 16.83 15.355L15.172 14.236C15.0277 14.448 14.864 14.6462 14.683 14.828Z" />
+<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 4C14.953 4 17.531 5.613 18.918 8H5.082C6.469 5.613 9.047 4 12 4ZM12 20C7.589 20 4 16.411 4 12C4 11.309 4.098 10.641 4.264 10H5V11C5 11.5304 5.21071 12.0391 5.58579 12.4142C5.96086 12.7893 6.46957 13 7 13H9C9.53043 13 10.0391 12.7893 10.4142 12.4142C10.7893 12.0391 11 11.5304 11 11H13C13 11.5304 13.2107 12.0391 13.5858 12.4142C13.9609 12.7893 14.4696 13 15 13H17C17.5304 13 18.0391 12.7893 18.4142 12.4142C18.7893 12.0391 19 11.5304 19 11V10H19.736C19.902 10.641 20 11.309 20 12C20 16.411 16.411 20 12 20Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-cool")) {
+  customElements.define("icon-cool", NavaIconCool);
+}

package/dist/chunk-EW54NPW7.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bitcoin.ts
+var NavaIconBitcoin = 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 13V17H6V19H9V21H11V19H13V21H15V18.949C16.968 18.7 18.5 17.034 18.5 15C18.5 13.68 17.85 12.516 16.86 11.787C17.5901 11.043 17.9994 10.0424 18 9C18 7.142 16.721 5.589 15 5.142V3H13V5H11V3H9V5H6V7H8V13ZM14.5 17H10V13H14.5C15.603 13 16.5 13.897 16.5 15C16.5 16.103 15.603 17 14.5 17ZM10 7H14C15.103 7 16 7.897 16 9C16 10.103 15.103 11 14 11H10V7Z" />` : `<path d="M8 13V17H6V19H9V21H11V19H13V21H15V18.949C16.968 18.7 18.5 17.034 18.5 15C18.5 13.68 17.85 12.516 16.86 11.787C17.5901 11.043 17.9994 10.0424 18 9C18 7.142 16.721 5.589 15 5.142V3H13V5H11V3H9V5H6V7H8V13ZM14.5 17H10V13H14.5C15.603 13 16.5 13.897 16.5 15C16.5 16.103 15.603 17 14.5 17ZM10 7H14C15.103 7 16 7.897 16 9C16 10.103 15.103 11 14 11H10V7Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-bitcoin")) {
+  customElements.define("icon-bitcoin", NavaIconBitcoin);
+}

package/dist/chunk-EW5GIOEX.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/basket.ts
+var NavaIconBasket = 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.1319 2.50403L4.4199 9.00003H2.9999C2.84619 9.0002 2.69459 9.03576 2.55685 9.10396C2.4191 9.17216 2.29891 9.27116 2.2056 9.3933C2.11228 9.51543 2.04834 9.65741 2.01874 9.80824C1.98914 9.95907 1.99467 10.1147 2.0349 10.263L4.8339 20.526C4.94992 20.9491 5.20155 21.3224 5.55019 21.5887C5.89883 21.8549 6.32521 21.9994 6.7639 22H17.2369C18.1349 22 18.9289 21.395 19.1669 20.525L21.9659 10.262C22.0066 10.1136 22.0124 9.95783 21.983 9.8068C21.9535 9.65577 21.8895 9.51361 21.7959 9.39141C21.7024 9.26922 21.5819 9.17031 21.4438 9.10242C21.3057 9.03452 21.1538 8.99948 20.9999 9.00003H19.5799L15.8679 2.50403L14.1319 3.49603L17.2769 9.00003H6.7229L9.8679 3.49603L8.1319 2.50403ZM13.9999 13H15.9999V18H13.9999V13ZM7.9999 13H9.9999V18H7.9999V13Z" />` : `<path d="M21 9.00003H19.58L15.868 2.50403L14.132 3.49603L17.277 9.00003H6.723L9.869 3.49603L8.132 2.50403L4.42 9.00003H3C2.8463 9.0002 2.6947 9.03576 2.55696 9.10396C2.41921 9.17216 2.29902 9.27116 2.2057 9.3933C2.11239 9.51543 2.04845 9.65741 2.01885 9.80824C1.98924 9.95907 1.99477 10.1147 2.035 10.263L4.834 20.527C4.95036 20.9498 5.20211 21.3228 5.5507 21.5889C5.89929 21.8549 6.32549 21.9993 6.764 22H17.237C18.135 22 18.929 21.395 19.167 20.525L21.966 10.262C22.0067 10.1136 22.0126 9.95783 21.9831 9.8068C21.9536 9.65577 21.8896 9.51361 21.796 9.39141C21.7025 9.26922 21.582 9.17031 21.4439 9.10242C21.3058 9.03452 21.1539 8.99948 21 9.00003ZM17.236 20H6.764L4.31 11H19.69L17.236 20Z" />
+<path d="M9 13H11V18H9V13ZM13 13H15V18H13V13Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-basket")) {
+  customElements.define("icon-basket", NavaIconBasket);
+}

package/dist/chunk-EWKGEPU6.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/checkbox-square.ts
+var NavaIconCheckboxSquare = 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 9H15V15H9V9Z" />
+<path d="M19 17V7C19 5.897 18.103 5 17 5H7C5.897 5 5 5.897 5 7V17C5 18.103 5.897 19 7 19H17C18.103 19 19 18.103 19 17ZM7 7H17L17.002 17H7V7Z" />` : `<path d="M9 9H15V15H9V9Z" />
+<path d="M19 17V7C19 5.897 18.103 5 17 5H7C5.897 5 5 5.897 5 7V17C5 18.103 5.897 19 7 19H17C18.103 19 19 18.103 19 17ZM7 7H17L17.002 17H7V7Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-checkbox-square")) {
+  customElements.define("icon-checkbox-square", NavaIconCheckboxSquare);
+}

package/dist/chunk-EZ5WXMJH.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/coffee-alt.ts
+var NavaIconCoffeeAlt = 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 5H18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H5C4.73478 3 4.48043 3.10536 4.29289 3.29289C4.10536 3.48043 4 3.73478 4 4V13C4 14.0609 4.42143 15.0783 5.17157 15.8284C5.92172 16.5786 6.93913 17 8 17H14C15.858 17 17.411 15.721 17.858 14H19C19.7956 14 20.5587 13.6839 21.1213 13.1213C21.6839 12.5587 22 11.7956 22 11V8C22 7.20435 21.6839 6.44129 21.1213 5.87868C20.5587 5.31607 19.7956 5 19 5ZM20 11C20 11.2652 19.8946 11.5196 19.7071 11.7071C19.5196 11.8946 19.2652 12 19 12H18V7H19C19.2652 7 19.5196 7.10536 19.7071 7.29289C19.8946 7.48043 20 7.73478 20 8V11ZM18 19H3C3 20.654 4.346 22 6 22H17C18.654 22 20 20.654 20 19H18Z" />` : `<path d="M19 5H18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H5C4.73478 3 4.48043 3.10536 4.29289 3.29289C4.10536 3.48043 4 3.73478 4 4V13C4 14.0609 4.42143 15.0783 5.17157 15.8284C5.92172 16.5786 6.93913 17 8 17H14C15.858 17 17.411 15.721 17.858 14H19C19.7956 14 20.5587 13.6839 21.1213 13.1213C21.6839 12.5587 22 11.7956 22 11V8C22 7.20435 21.6839 6.44129 21.1213 5.87868C20.5587 5.31607 19.7956 5 19 5ZM20 11C20 11.2652 19.8946 11.5196 19.7071 11.7071C19.5196 11.8946 19.2652 12 19 12H18V7H19C19.2652 7 19.5196 7.10536 19.7071 7.29289C19.8946 7.48043 20 7.73478 20 8V11ZM18 19H3C3 20.654 4.346 22 6 22H17C18.654 22 20 20.654 20 19H18Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-coffee-alt")) {
+  customElements.define("icon-coffee-alt", NavaIconCoffeeAlt);
+}

package/dist/chunk-F2X34I3E.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/file-md.ts
+var NavaIconFileMd = 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="M14.481 14.015C14.243 14.015 14.088 14.036 13.998 14.057V17.146C14.089 17.167 14.235 17.167 14.369 17.167C15.335 17.174 15.966 16.642 15.966 15.514C15.973 14.533 15.398 14.015 14.481 14.015Z" />
+<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 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 20V8L14 2ZM11.066 17.951L10.996 16.144C10.9702 15.4976 10.9562 14.8509 10.954 14.204H10.933C10.7803 14.8195 10.6052 15.4292 10.408 16.032L9.834 17.874H9L8.496 16.046C8.32699 15.4384 8.18419 14.8239 8.068 14.204H8.055C8.027 14.842 8.006 15.57 7.971 16.158L7.887 17.951H6.899L7.2 13.23H8.622L9.084 14.806C9.231 15.352 9.379 15.941 9.483 16.494H9.504C9.64091 15.9261 9.79027 15.3613 9.952 14.8L10.456 13.231H11.85L12.11 17.952L11.066 17.951ZM16.316 17.391C15.818 17.804 15.063 18 14.138 18C13.7329 18.0032 13.328 17.9798 12.926 17.93V13.294C13.4038 13.2245 13.8862 13.1914 14.369 13.195C15.265 13.195 15.847 13.356 16.302 13.7C16.792 14.064 17.101 14.645 17.101 15.478C17.101 16.382 16.771 17.006 16.316 17.391ZM14 9H13V4L18 9H14Z" />` : `<path d="M14.481 14.015C14.243 14.015 14.088 14.036 13.998 14.057V17.146C14.089 17.167 14.235 17.167 14.369 17.167C15.335 17.174 15.966 16.642 15.966 15.514C15.973 14.533 15.398 14.015 14.481 14.015Z" />
+<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 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 20V8L14 2ZM11.066 17.951L10.996 16.144C10.9702 15.4976 10.9562 14.8509 10.954 14.204H10.933C10.7803 14.8195 10.6052 15.4292 10.408 16.032L9.834 17.874H9L8.496 16.046C8.32699 15.4384 8.18419 14.8239 8.068 14.204H8.055C8.027 14.842 8.006 15.57 7.971 16.158L7.887 17.951H6.899L7.2 13.23H8.622L9.084 14.806C9.231 15.352 9.379 15.941 9.483 16.494H9.504C9.64091 15.9261 9.79027 15.3613 9.952 14.8L10.456 13.231H11.85L12.11 17.952L11.066 17.951ZM16.316 17.391C15.818 17.804 15.063 18 14.138 18C13.7329 18.0032 13.328 17.9798 12.926 17.93V13.294C13.4038 13.2245 13.8862 13.1914 14.369 13.195C15.265 13.195 15.847 13.356 16.302 13.7C16.792 14.064 17.101 14.645 17.101 15.478C17.101 16.382 16.771 17.006 16.316 17.391ZM14 9H13V4L18 9H14Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-file-md")) {
+  customElements.define("icon-file-md", NavaIconFileMd);
+}