@whydrf/nava-icon-web-components 1.0.0 → 1.0.2

package/dist/chunk-I6CY5NFI.js

@@ -0,0 +1,43 @@
+// src/icons/bookmark.ts
+var NavaIconBookmark = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M19 10.132V4.13202C19 3.02902 18.103 2.13202 17 2.13202H7C5.897 2.13202 5 3.02902 5 4.13202V22L12 17.334L19 22V10.132Z" />` : `<path d="M18 2H6C4.897 2 4 2.897 4 4V22L12 17.428L20 22V4C20 2.897 19.103 2 18 2ZM18 18.553L12 15.125L6 18.553V4H18V18.553Z" />`;
+    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-bookmark")) {
+  customElements.define("icon-bookmark", NavaIconBookmark);
+}

package/dist/chunk-I6K7YN76.js

@@ -0,0 +1,45 @@
+// src/icons/cloud-light-rain.ts
+var NavaIconCloudLightRain = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M8 13H10V17H8V13ZM8 18H10V20H8V18ZM11 15H13V19H11V15ZM11 20H13V22H11V20ZM14 13H16V17H14V13ZM14 18H16V20H14V18Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.819 2 13C2 15.757 4.243 18 7 18V16C5.346 16 4 14.654 4 13C4 11.597 5.199 10.244 6.673 9.985L7.254 9.882L7.446 9.323C8.149 7.273 9.895 6 12 6C14.757 6 17 8.243 17 11V12H18C19.103 12 20 12.897 20 14C20 15.103 19.103 16 18 16H17V18H18C20.206 18 22 16.206 22 14C21.9988 13.1035 21.6971 12.2333 21.1431 11.5285C20.5891 10.8237 19.8148 10.3249 18.944 10.112Z" />` : `<path d="M8 13H10V17H8V13ZM8 18H10V20H8V18ZM11 15H13V19H11V15ZM11 20H13V22H11V20ZM14 13H16V17H14V13ZM14 18H16V20H14V18Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.819 2 13C2 15.757 4.243 18 7 18V16C5.346 16 4 14.654 4 13C4 11.597 5.199 10.244 6.673 9.985L7.254 9.882L7.446 9.323C8.149 7.273 9.895 6 12 6C14.757 6 17 8.243 17 11V12H18C19.103 12 20 12.897 20 14C20 15.103 19.103 16 18 16H17V18H18C20.206 18 22 16.206 22 14C21.9988 13.1035 21.6971 12.2333 21.1431 11.5285C20.5891 10.8237 19.8148 10.3249 18.944 10.112Z" />`;
+    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-cloud-light-rain")) {
+  customElements.define("icon-cloud-light-rain", NavaIconCloudLightRain);
+}

package/dist/chunk-IAUVC5OZ.js

@@ -0,0 +1,43 @@
+// src/icons/shopping-bag.ts
+var NavaIconShoppingBag = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V9C21 8.73478 20.8946 8.48043 20.7071 8.29289C20.5196 8.10535 20.2652 8 20 8H17V7.223C17 4.614 15.097 2.278 12.5 2.025C11.8049 1.95591 11.103 2.0331 10.4395 2.2516C9.77599 2.4701 9.16557 2.82507 8.64752 3.29367C8.12946 3.76228 7.71524 4.33414 7.43149 4.97247C7.14774 5.61079 7.00076 6.30145 7 7V8H4C3.73478 8 3.48043 8.10535 3.29289 8.29289C3.10536 8.48043 3 8.73478 3 9V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22ZM17 10V12H15V10H17ZM9 7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V8H9V7ZM7 10H9V12H7V10Z" />` : `<path d="M5 22H19C20.103 22 21 21.103 21 20V9C21 8.73478 20.8946 8.48043 20.7071 8.29289C20.5196 8.10536 20.2652 8 20 8H17V7C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V8H4C3.73478 8 3.48043 8.10536 3.29289 8.29289C3.10536 8.48043 3 8.73478 3 9V20C3 21.103 3.897 22 5 22ZM9 7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V8H9V7ZM5 10H7V12H9V10H15V12H17V10H19L19.002 20H5V10Z" />`;
+    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-shopping-bag")) {
+  customElements.define("icon-shopping-bag", NavaIconShoppingBag);
+}

package/dist/chunk-IAZYZ255.js

@@ -0,0 +1,44 @@
+// src/icons/check-circle.ts
+var NavaIconCheckCircle = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const 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 2ZM10.001 16.413L6.288 12.708L7.7 11.292L9.999 13.587L15.293 8.293L16.707 9.707L10.001 16.413Z" />` : `<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="M9.99902 13.587L7.70002 11.292L6.28802 12.708L10.001 16.413L16.707 9.70703L15.293 8.29303L9.99902 13.587Z" />`;
+    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-check-circle")) {
+  customElements.define("icon-check-circle", NavaIconCheckCircle);
+}

package/dist/chunk-ICF3LWHV.js

@@ -0,0 +1,45 @@
+// src/icons/layer-plus.ts
+var NavaIconLayerPlus = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M2.51299 12.833L11.535 17.873C11.6835 17.9565 11.851 18.0004 12.0214 18.0005C12.1917 18.0007 12.3593 17.9571 12.508 17.874L21.486 12.874C21.6419 12.7873 21.7719 12.6604 21.8622 12.5065C21.9526 12.3526 22.0002 12.1774 22 11.9989C21.9998 11.8205 21.9518 11.6453 21.8611 11.4916C21.7703 11.338 21.6401 11.2114 21.484 11.125L12.462 6.125C12.3139 6.0429 12.1474 5.99974 11.9781 5.99957C11.8088 5.99939 11.6422 6.04221 11.494 6.124L2.51599 11.084C2.35978 11.1703 2.22951 11.2968 2.13869 11.4504C2.04787 11.604 1.99982 11.7792 1.99951 11.9576C1.99921 12.1361 2.04666 12.3114 2.13695 12.4653C2.22724 12.6192 2.35708 12.7462 2.51299 12.833Z" />
+<path d="M3.48492 15.126L2.51392 16.874L11.5139 21.874C11.6624 21.9565 11.8295 21.9998 11.9994 21.9998C12.1693 21.9998 12.3364 21.9565 12.4849 21.874L21.4849 16.874L20.5139 15.126L11.9999 19.856L3.48492 15.126ZM19.9999 8V6H21.9999V4H19.9999V2H17.9999V4H15.9999V6H17.9999V8H19.9999Z" />` : `<path d="M21.484 11.125L12.462 6.125C12.3139 6.0429 12.1474 5.99974 11.9781 5.99957C11.8088 5.99939 11.6422 6.04221 11.494 6.124L2.51599 11.084C2.35978 11.1703 2.22951 11.2968 2.13869 11.4504C2.04787 11.604 1.99982 11.7792 1.99951 11.9576C1.99921 12.1361 2.04666 12.3114 2.13695 12.4653C2.22724 12.6192 2.35708 12.7462 2.51299 12.833L11.535 17.873C11.6835 17.9565 11.851 18.0004 12.0214 18.0005C12.1917 18.0007 12.3593 17.9571 12.508 17.874L21.486 12.874C21.6419 12.7873 21.7719 12.6604 21.8622 12.5065C21.9526 12.3526 22.0002 12.1774 22 11.9989C21.9998 11.8205 21.9518 11.6453 21.8611 11.4916C21.7703 11.338 21.6401 11.2114 21.484 11.125ZM12.023 15.855L5.05899 11.965L11.976 8.143L18.94 12.002L12.023 15.855Z" />
+<path d="M12 22C12.1698 22.0001 12.3367 21.9567 12.485 21.874L21.485 16.874L20.514 15.126L12 19.856L3.48498 15.126L2.51398 16.874L11.514 21.874C11.6626 21.9566 11.8299 22 12 22ZM20 2H18V4H16V6H18V8H20V6H22V4H20V2Z" />`;
+    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-layer-plus")) {
+  customElements.define("icon-layer-plus", NavaIconLayerPlus);
+}

package/dist/chunk-ICLH4CMO.js

@@ -0,0 +1,55 @@
+// src/icons/braille.ts
+var NavaIconBraille = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M4 9C5.10457 9 6 8.10457 6 7C6 5.89543 5.10457 5 4 5C2.89543 5 2 5.89543 2 7C2 8.10457 2.89543 9 4 9Z" />
+<path d="M9 14C10.1046 14 11 13.1046 11 12C11 10.8954 10.1046 10 9 10C7.89543 10 7 10.8954 7 12C7 13.1046 7.89543 14 9 14Z" />
+<path d="M15 9C16.1046 9 17 8.10457 17 7C17 5.89543 16.1046 5 15 5C13.8954 5 13 5.89543 13 7C13 8.10457 13.8954 9 15 9Z" />
+<path d="M15 14C16.1046 14 17 13.1046 17 12C17 10.8954 16.1046 10 15 10C13.8954 10 13 10.8954 13 12C13 13.1046 13.8954 14 15 14Z" />
+<path d="M15 19C16.1046 19 17 18.1046 17 17C17 15.8954 16.1046 15 15 15C13.8954 15 13 15.8954 13 17C13 18.1046 13.8954 19 15 19Z" />
+<path d="M20 9C21.1046 9 22 8.10457 22 7C22 5.89543 21.1046 5 20 5C18.8954 5 18 5.89543 18 7C18 8.10457 18.8954 9 20 9Z" />
+<path d="M4 19C5.10457 19 6 18.1046 6 17C6 15.8954 5.10457 15 4 15C2.89543 15 2 15.8954 2 17C2 18.1046 2.89543 19 4 19Z" />` : `<path d="M4 9C5.10457 9 6 8.10457 6 7C6 5.89543 5.10457 5 4 5C2.89543 5 2 5.89543 2 7C2 8.10457 2.89543 9 4 9Z" />
+<path d="M9 14C10.1046 14 11 13.1046 11 12C11 10.8954 10.1046 10 9 10C7.89543 10 7 10.8954 7 12C7 13.1046 7.89543 14 9 14Z" />
+<path d="M15 9C16.1046 9 17 8.10457 17 7C17 5.89543 16.1046 5 15 5C13.8954 5 13 5.89543 13 7C13 8.10457 13.8954 9 15 9Z" />
+<path d="M15 14C16.1046 14 17 13.1046 17 12C17 10.8954 16.1046 10 15 10C13.8954 10 13 10.8954 13 12C13 13.1046 13.8954 14 15 14Z" />
+<path d="M15 19C16.1046 19 17 18.1046 17 17C17 15.8954 16.1046 15 15 15C13.8954 15 13 15.8954 13 17C13 18.1046 13.8954 19 15 19Z" />
+<path d="M20 9C21.1046 9 22 8.10457 22 7C22 5.89543 21.1046 5 20 5C18.8954 5 18 5.89543 18 7C18 8.10457 18.8954 9 20 9Z" />
+<path d="M4 19C5.10457 19 6 18.1046 6 17C6 15.8954 5.10457 15 4 15C2.89543 15 2 15.8954 2 17C2 18.1046 2.89543 19 4 19Z" />`;
+    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-braille")) {
+  customElements.define("icon-braille", NavaIconBraille);
+}

package/dist/chunk-IG6GPPOX.js

@@ -0,0 +1,44 @@
+// src/icons/copyright.ts
+var NavaIconCopyright = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 2C6.579 2 2 6.58 2 12C2 17.42 6.579 22 12 22C17.421 22 22 17.42 22 12C22 6.58 17.421 2 12 2ZM12 15C12.992 15 13.85 14.735 14.293 14.292L15.707 15.707C14.581 16.832 12.901 17 12 17C9.243 17 7 14.757 7 12C7 9.243 9.243 7 12 7C12.901 7 14.582 7.168 15.707 8.293L14.293 9.707C13.851 9.264 12.993 9 12 9C10.374 9 9 10.374 9 12C9 13.626 10.374 15 12 15Z" />` : `<path d="M12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2C6.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22ZM12 4C16.337 4 20 7.663 20 12C20 16.337 16.337 20 12 20C7.663 20 4 16.337 4 12C4 7.663 7.663 4 12 4Z" />
+<path d="M12 17C12.901 17 14.581 16.832 15.707 15.708L14.293 14.292C13.85 14.735 12.992 15 12 15C10.374 15 9 13.626 9 12C9 10.374 10.374 9 12 9C12.993 9 13.851 9.265 14.293 9.707L15.707 8.293C14.582 7.168 12.901 7 12 7C9.243 7 7 9.243 7 12C7 14.757 9.243 17 12 17Z" />`;
+    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-copyright")) {
+  customElements.define("icon-copyright", NavaIconCopyright);
+}

package/dist/chunk-IHDTPGZQ.js

@@ -0,0 +1,43 @@
+// src/icons/plane.ts
+var NavaIconPlane = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M22 16.21V14.315L14 8V4C14 3.46957 13.7893 2.96086 13.4142 2.58579C13.0391 2.21071 12.5304 2 12 2C11.4696 2 10.9609 2.21071 10.5858 2.58579C10.2107 2.96086 10 3.46957 10 4V8.105L2 14.42V16.209L10 13.399V18L7 20V22L12 20L17 22V20L14 18V13.315L22 16.21Z" />` : `<path d="M22 16.21V14.315L14 8V4C14 3.46957 13.7893 2.96086 13.4142 2.58579C13.0391 2.21071 12.5304 2 12 2C11.4696 2 10.9609 2.21071 10.5858 2.58579C10.2107 2.96086 10 3.46957 10 4V8.105L2 14.42V16.209L10 13.399V18L7 20V22L12 20L17 22V20L14 18V13.315L22 16.21Z" />`;
+    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-plane")) {
+  customElements.define("icon-plane", NavaIconPlane);
+}

package/dist/chunk-II7ORELA.js

@@ -0,0 +1,43 @@
+// src/icons/recycle.ts
+var NavaIconRecycle = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M21.224 15.543L20.411 14.079L18.663 15.051L19.475 16.512C19.523 16.597 19.557 16.685 19.579 16.776C19.6157 16.9413 19.6109 17.1131 19.565 17.276C19.5407 17.3585 19.5057 17.4375 19.461 17.511C19.3766 17.6555 19.2573 17.7766 19.114 17.863C18.9589 17.9551 18.7814 18.0025 18.601 18H14V16L9.99999 19L14 22V20H18.601C18.879 20 19.153 19.963 19.412 19.891C19.9123 19.753 20.3673 19.4853 20.731 19.115C20.909 18.936 21.063 18.735 21.187 18.522C21.5816 17.855 21.7021 17.061 21.523 16.307C21.4569 16.0404 21.3564 15.7836 21.224 15.543ZM5.86199 11.039L3.55199 15.659C3.43237 15.8982 3.34463 16.152 3.29099 16.414C3.19328 16.9047 3.21996 17.412 3.3686 17.8897C3.51725 18.3675 3.78313 18.8004 4.14199 19.149C4.31999 19.323 4.51799 19.475 4.73699 19.602C5.19353 19.8628 5.71021 20 6.23599 20H7.99999V18H6.23599C6.06091 18.0005 5.88867 17.9557 5.73599 17.87C5.59016 17.7861 5.46854 17.6659 5.38299 17.521C5.29519 17.3798 5.24398 17.219 5.23399 17.053C5.22917 16.9709 5.23522 16.8885 5.25199 16.808C5.26999 16.721 5.29999 16.635 5.34099 16.552L7.59699 12.04L9.19599 12.963L8.59799 8L3.99999 9.964L5.86199 11.039ZM18.598 12.964L19.196 8L17.558 8.945L14.715 3.828C14.5165 3.46405 14.2436 3.14601 13.914 2.89462C13.5844 2.64323 13.2055 2.46413 12.802 2.369C12.5489 2.31036 12.2897 2.28249 12.03 2.286C11.5012 2.29591 10.9845 2.44528 10.532 2.719C10.049 3.01217 9.65972 3.43716 9.40999 3.944L8.67799 5.408L10.467 6.303L11.199 4.838C11.244 4.748 11.3 4.667 11.365 4.596C11.4842 4.46593 11.6378 4.37231 11.808 4.326C11.9808 4.2772 12.1633 4.27341 12.338 4.315C12.4715 4.34633 12.5967 4.40581 12.7054 4.48945C12.814 4.57309 12.9036 4.67897 12.968 4.8L15.826 9.946L14 11L18.598 12.964Z" />` : `<path d="M21.224 15.543L20.411 14.079L18.663 15.051L19.475 16.512C19.523 16.597 19.557 16.685 19.579 16.776C19.6157 16.9413 19.6109 17.1131 19.565 17.276C19.5407 17.3585 19.5057 17.4375 19.461 17.511C19.3766 17.6555 19.2573 17.7766 19.114 17.863C18.9589 17.9551 18.7814 18.0025 18.601 18H14V16L9.99999 19L14 22V20H18.601C18.879 20 19.153 19.963 19.412 19.891C19.9123 19.753 20.3673 19.4853 20.731 19.115C20.909 18.936 21.063 18.735 21.187 18.522C21.5816 17.855 21.7021 17.061 21.523 16.307C21.4569 16.0404 21.3564 15.7836 21.224 15.543ZM5.86199 11.039L3.55199 15.659C3.43237 15.8982 3.34463 16.152 3.29099 16.414C3.19328 16.9047 3.21996 17.412 3.3686 17.8897C3.51725 18.3675 3.78313 18.8004 4.14199 19.149C4.31999 19.323 4.51799 19.475 4.73699 19.602C5.19353 19.8628 5.71021 20 6.23599 20H7.99999V18H6.23599C6.06091 18.0005 5.88867 17.9557 5.73599 17.87C5.59016 17.7861 5.46854 17.6659 5.38299 17.521C5.29519 17.3798 5.24398 17.219 5.23399 17.053C5.22917 16.9709 5.23522 16.8885 5.25199 16.808C5.26999 16.721 5.29999 16.635 5.34099 16.552L7.59699 12.04L9.19599 12.963L8.59799 8L3.99999 9.964L5.86199 11.039ZM18.598 12.964L19.196 8L17.558 8.945L14.715 3.828C14.5165 3.46405 14.2436 3.14601 13.914 2.89462C13.5844 2.64323 13.2055 2.46413 12.802 2.369C12.5489 2.31036 12.2897 2.28249 12.03 2.286C11.5012 2.29591 10.9845 2.44528 10.532 2.719C10.049 3.01217 9.65972 3.43716 9.40999 3.944L8.67799 5.408L10.467 6.303L11.199 4.838C11.244 4.748 11.3 4.667 11.365 4.596C11.4842 4.46593 11.6378 4.37231 11.808 4.326C11.9808 4.2772 12.1633 4.27341 12.338 4.315C12.4715 4.34633 12.5967 4.40581 12.7054 4.48945C12.814 4.57309 12.9036 4.67897 12.968 4.8L15.826 9.946L14 11L18.598 12.964Z" />`;
+    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-recycle")) {
+  customElements.define("icon-recycle", NavaIconRecycle);
+}

package/dist/chunk-IJ7FBXWN.js

@@ -0,0 +1,47 @@
+// src/icons/palette.ts
+var NavaIconPalette = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M9.38008 21.646C10.2339 21.8796 11.1149 21.9986 12.0001 22L12.1411 21.999C12.6464 21.9927 13.142 21.8588 13.5817 21.6096C14.0214 21.3605 14.391 21.0042 14.6561 20.574C15.1981 19.698 15.2561 18.621 14.8091 17.694L14.6111 17.279C14.1581 16.337 14.5141 15.483 14.9991 14.998C15.4841 14.513 16.3401 14.157 17.2791 14.61H17.2801L17.6931 14.809C18.1472 15.0286 18.6495 15.1297 19.1533 15.103C19.657 15.0762 20.1458 14.9224 20.5741 14.656C21.0046 14.3911 21.3611 14.0215 21.6104 13.5818C21.8597 13.1421 21.9938 12.6464 22.0001 12.141C22.0126 11.209 21.8937 10.2798 21.6471 9.38099C20.6091 5.55399 17.2941 2.62699 13.4011 2.09599C10.2521 1.66899 7.16008 2.69799 4.93008 4.92899C2.70008 7.15999 1.66608 10.247 2.09608 13.4C2.62608 17.294 5.55408 20.608 9.38008 21.646ZM15.5001 5.99999C15.8979 5.99999 16.2794 6.15802 16.5607 6.43933C16.842 6.72063 17.0001 7.10216 17.0001 7.49999C17.0001 7.89781 16.842 8.27934 16.5607 8.56065C16.2794 8.84195 15.8979 8.99999 15.5001 8.99999C15.1023 8.99999 14.7207 8.84195 14.4394 8.56065C14.1581 8.27934 14.0001 7.89781 14.0001 7.49999C14.0001 7.10216 14.1581 6.72063 14.4394 6.43933C14.7207 6.15802 15.1023 5.99999 15.5001 5.99999ZM10.5001 4.99999C10.8979 4.99999 11.2794 5.15802 11.5607 5.43933C11.842 5.72063 12.0001 6.10216 12.0001 6.49999C12.0001 6.89781 11.842 7.27934 11.5607 7.56065C11.2794 7.84195 10.8979 7.99999 10.5001 7.99999C10.1023 7.99999 9.72072 7.84195 9.43942 7.56065C9.15811 7.27934 9.00008 6.89781 9.00008 6.49999C9.00008 6.10216 9.15811 5.72063 9.43942 5.43933C9.72072 5.15802 10.1023 4.99999 10.5001 4.99999ZM9.00008 15.506C9.00008 15.9038 8.84204 16.2853 8.56074 16.5666C8.27943 16.848 7.8979 17.006 7.50008 17.006C7.10225 17.006 6.72072 16.848 6.43942 16.5666C6.15811 16.2853 6.00008 15.9038 6.00008 15.506C6.00008 15.1082 6.15811 14.7266 6.43942 14.4453C6.72072 14.164 7.10225 14.006 7.50008 14.006C7.8979 14.006 8.27943 14.164 8.56074 14.4453C8.84204 14.7266 9.00008 15.1082 9.00008 15.506ZM6.50008 9.00599C6.89804 9.00612 7.27964 9.16433 7.56095 9.44583C7.84225 9.72732 8.00021 10.109 8.00008 10.507C7.99995 10.9049 7.84173 11.2866 7.56024 11.5679C7.27875 11.8492 6.89704 12.0071 6.49908 12.007C6.10112 12.0069 5.71952 11.8486 5.43821 11.5671C5.15691 11.2857 4.99895 10.9039 4.99908 10.506C4.99921 10.108 5.15743 9.72642 5.43892 9.44512C5.72041 9.16382 6.10212 9.00585 6.50008 9.00599Z" />` : `<path d="M13.4 2.09599C11.7511 1.8703 10.0721 2.05638 8.51261 2.63761C6.95317 3.21885 5.56191 4.17715 4.463 5.42699C3.5225 6.51017 2.82469 7.78207 2.41643 9.15726C2.00816 10.5324 1.89891 11.9791 2.096 13.4C2.626 17.294 5.554 20.607 9.381 21.646C10.2341 21.8795 11.1145 21.9985 11.999 22L12.141 21.999C12.6465 21.9925 13.1423 21.8583 13.5821 21.6091C14.022 21.3598 14.3917 21.0034 14.657 20.573C14.9232 20.1449 15.0768 19.6565 15.1036 19.1532C15.1303 18.6498 15.0293 18.1478 14.81 17.694L14.611 17.278C14.4579 16.9789 14.3861 16.645 14.4026 16.3094C14.4191 15.9739 14.5234 15.6486 14.705 15.366C14.9649 14.9438 15.3721 14.6329 15.8479 14.4935C16.3237 14.354 16.8343 14.3959 17.281 14.611L17.693 14.808C18.105 15.006 18.543 15.107 18.994 15.107C19.7833 15.1029 20.5396 14.7903 21.1014 14.2358C21.6631 13.6814 21.9856 12.9291 22 12.14C22.0124 11.208 21.8936 10.2789 21.647 9.37999C20.607 5.55399 17.294 2.62599 13.4 2.09599ZM18.558 13.005L18.146 12.808C16.318 11.93 14.076 12.61 13.011 14.302C12.273 15.478 12.198 16.878 12.807 18.144L13.006 18.56C13.0806 18.7111 13.1151 18.8789 13.1061 19.0472C13.0972 19.2154 13.0452 19.3786 12.955 19.521C12.8671 19.6664 12.7434 19.7869 12.5956 19.8707C12.4478 19.9546 12.2809 19.9991 12.111 20H11.999C11.2913 19.998 10.5869 19.9029 9.904 19.717C6.841 18.886 4.501 16.238 4.078 13.131C3.757 10.776 4.43 8.50799 5.971 6.74199C6.84774 5.73622 7.96206 4.96564 9.21256 4.50037C10.4631 4.03509 11.8101 3.8899 13.131 4.07799C16.238 4.50099 18.886 6.84199 19.717 9.90399C19.915 10.634 20.01 11.378 19.999 12.111C19.987 12.918 19.154 13.294 18.558 13.005Z" />
+<path d="M7.5 16C8.32843 16 9 15.3284 9 14.5C9 13.6716 8.32843 13 7.5 13C6.67157 13 6 13.6716 6 14.5C6 15.3284 6.67157 16 7.5 16Z" />
+<path d="M7.5 12C8.32843 12 9 11.3284 9 10.5C9 9.67157 8.32843 9 7.5 9C6.67157 9 6 9.67157 6 10.5C6 11.3284 6.67157 12 7.5 12Z" />
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" />
+<path d="M14.5 9C15.3284 9 16 8.32843 16 7.5C16 6.67157 15.3284 6 14.5 6C13.6716 6 13 6.67157 13 7.5C13 8.32843 13.6716 9 14.5 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-palette")) {
+  customElements.define("icon-palette", NavaIconPalette);
+}

package/dist/chunk-IJAI4B4E.js

@@ -0,0 +1,45 @@
+// src/icons/child.ts
+var NavaIconChild = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8Z" />
+<path d="M14 9H10C9.84477 9 9.69165 9.03614 9.5528 9.10557C9.41394 9.175 9.29316 9.2758 9.20001 9.4L6.20001 13.4L7.80001 14.6L9.00001 13V20H11V16H13V20H15V13L16.2 14.6L17.8 13.4L14.8 9.4C14.7069 9.2758 14.5861 9.175 14.4472 9.10557C14.3084 9.03614 14.1553 9 14 9Z" />` : `<path d="M12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8Z" />
+<path d="M14 9H10C9.84477 9 9.69165 9.03614 9.5528 9.10557C9.41394 9.175 9.29316 9.2758 9.20001 9.4L6.20001 13.4L7.80001 14.6L9.00001 13V20H11V16H13V20H15V13L16.2 14.6L17.8 13.4L14.8 9.4C14.7069 9.2758 14.5861 9.175 14.4472 9.10557C14.3084 9.03614 14.1553 9 14 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-child")) {
+  customElements.define("icon-child", NavaIconChild);
+}

package/dist/chunk-IJY5CDDI.js

@@ -0,0 +1,43 @@
+// src/icons/bookmark-alt.ts
+var NavaIconBookmarkAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M18.5 2H6.5C4.57 2 3 3.57 3 5.5V22L10 18.5L17 22V13H22V5.5C22 3.57 20.43 2 18.5 2ZM20 11H17V5.5C17 4.673 17.673 4 18.5 4C19.327 4 20 4.673 20 5.5V11Z" />` : `<path d="M18.5 2H6.5C4.57 2 3 3.57 3 5.5V22L10 18.5L17 22V13H22V5.5C22 3.57 20.43 2 18.5 2ZM15 18.764L10 16.264L5 18.764V5.5C5 4.673 5.673 4 6.5 4H15.352C15.1231 4.46708 15.0028 4.97986 15 5.5V18.764ZM20 11H17V5.5C17 4.673 17.673 4 18.5 4C19.327 4 20 4.673 20 5.5V11Z" />`;
+    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-bookmark-alt")) {
+  customElements.define("icon-bookmark-alt", NavaIconBookmarkAlt);
+}

package/dist/chunk-IKJIY7LC.js

@@ -0,0 +1,43 @@
+// src/icons/user-minus.ts
+var NavaIconUserMinus = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M14 11H22V13H14V11ZM4.5 8.552C4.5 10.547 6.005 12.052 8 12.052C9.995 12.052 11.5 10.547 11.5 8.552C11.5 6.557 9.995 5.052 8 5.052C6.005 5.052 4.5 6.557 4.5 8.552ZM4 19H14V18C14 15.243 11.757 13 9 13H7C4.243 13 2 15.243 2 18V19H4Z" />` : `<path d="M14 11H22V13H14V11ZM8 4.00002C7.47134 3.98771 6.94569 4.08275 6.45482 4.27941C5.96395 4.47607 5.51807 4.77026 5.14415 5.14418C4.77024 5.51809 4.47605 5.96397 4.27939 6.45484C4.08273 6.94571 3.98768 7.47137 4 8.00002C3.98768 8.52868 4.08273 9.05434 4.27939 9.54521C4.47605 10.0361 4.77024 10.482 5.14415 10.8559C5.51807 11.2298 5.96395 11.524 6.45482 11.7206C6.94569 11.9173 7.47134 12.0123 8 12C8.52866 12.0123 9.05431 11.9173 9.54518 11.7206C10.0361 11.524 10.4819 11.2298 10.8558 10.8559C11.2298 10.482 11.524 10.0361 11.7206 9.54521C11.9173 9.05434 12.0123 8.52868 12 8.00002C12.0123 7.47137 11.9173 6.94571 11.7206 6.45484C11.524 5.96397 11.2298 5.51809 10.8558 5.14418C10.4819 4.77026 10.0361 4.47607 9.54518 4.27941C9.05431 4.08275 8.52866 3.98771 8 4.00002ZM8 10C7.73395 10.0129 7.46815 9.96996 7.21968 9.874C6.9712 9.77804 6.74554 9.63117 6.5572 9.44283C6.36885 9.25448 6.22198 9.02882 6.12602 8.78035C6.03007 8.53187 5.98714 8.26607 6 8.00002C5.98714 7.73397 6.03007 7.46817 6.12602 7.2197C6.22198 6.97122 6.36885 6.74557 6.5572 6.55722C6.74554 6.36888 6.9712 6.22201 7.21968 6.12605C7.46815 6.03009 7.73395 5.98716 8 6.00002C8.26605 5.98716 8.53185 6.03009 8.78032 6.12605C9.0288 6.22201 9.25446 6.36888 9.4428 6.55722C9.63115 6.74557 9.77802 6.97122 9.87398 7.2197C9.96993 7.46817 10.0129 7.73397 10 8.00002C10.0129 8.26607 9.96993 8.53187 9.87398 8.78035C9.77802 9.02882 9.63115 9.25448 9.4428 9.44283C9.25446 9.63117 9.0288 9.77804 8.78032 9.874C8.53185 9.96996 8.26605 10.0129 8 10ZM4 18C4 17.2044 4.31607 16.4413 4.87868 15.8787C5.44129 15.3161 6.20435 15 7 15H9C9.79565 15 10.5587 15.3161 11.1213 15.8787C11.6839 16.4413 12 17.2044 12 18V19H14V18C14 17.3434 13.8707 16.6932 13.6194 16.0866C13.3681 15.48 12.9998 14.9288 12.5355 14.4645C12.0712 14.0002 11.52 13.6319 10.9134 13.3806C10.3068 13.1294 9.65661 13 9 13H7C5.67392 13 4.40215 13.5268 3.46447 14.4645C2.52678 15.4022 2 16.6739 2 18V19H4V18Z" />`;
+    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-minus")) {
+  customElements.define("icon-user-minus", NavaIconUserMinus);
+}