@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-KTARORQI.js

@@ -0,0 +1,49 @@
+// src/icons/wifi-2.ts
+var NavaIconWifi2 = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const 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 regularPaths = `<path d="M17.671 14.307C16.184 12.819 14.17 12 12 12C9.82999 12 7.81599 12.819 6.32899 14.307L7.74299 15.721C8.85299 14.611 10.364 13.999 12 13.999C13.636 14 15.147 14.611 16.257 15.721L17.671 14.307Z" />
+<path d="M20.437 11.292C15.865 6.71899 8.136 6.71899 3.564 11.292L4.978 12.706C8.785 8.89899 15.216 8.89899 19.023 12.706L20.437 11.292Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 20Z" />`;
+    const filledPaths = `<path d="M17.671 14.307C16.184 12.819 14.17 12 12 12C9.82999 12 7.81599 12.819 6.32899 14.307L7.74299 15.721C8.85299 14.611 10.364 13.999 12 13.999C13.636 14 15.147 14.611 16.257 15.721L17.671 14.307Z" />
+<path d="M20.437 11.292C15.865 6.71899 8.136 6.71899 3.564 11.292L4.978 12.706C8.785 8.89899 15.216 8.89899 19.023 12.706L20.437 11.292Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 20Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-wifi-2")) {
+  customElements.define("icon-wifi-2", NavaIconWifi2);
+}

package/dist/chunk-KTQUJKUY.js

@@ -0,0 +1,48 @@
+// src/icons/confused.ts
+var NavaIconConfused = 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 regularPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M8.5 12C9.32843 12 10 11.3284 10 10.5C10 9.67157 9.32843 9 8.5 9C7.67157 9 7 9.67157 7 10.5C7 11.3284 7.67157 12 8.5 12Z" />
+<path d="M15.493 11.986C16.3176 11.986 16.986 11.3176 16.986 10.493C16.986 9.66844 16.3176 9 15.493 9C14.6684 9 14 9.66844 14 10.493C14 11.3176 14.6684 11.986 15.493 11.986Z" />
+<path d="M8.12401 16.992L7.87601 15.008L15.876 14.008L16.124 15.992L8.12401 16.992Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM7 10.5C7.00013 10.102 7.15835 9.72044 7.43984 9.43913C7.57922 9.29984 7.74467 9.18937 7.92675 9.11403C8.10882 9.03868 8.30395 8.99993 8.501 9C8.69805 9.00007 8.89315 9.03894 9.07518 9.11441C9.2572 9.18988 9.42258 9.30046 9.56187 9.43984C9.70116 9.57922 9.81163 9.74467 9.88697 9.92675C9.96232 10.1088 10.0011 10.304 10.001 10.501C10.0009 10.899 9.84265 11.2806 9.56116 11.5619C9.27967 11.8432 8.89796 12.0011 8.5 12.001C8.10204 12.0009 7.72044 11.8427 7.43913 11.5612C7.15783 11.2797 6.99987 10.898 7 10.5ZM8.124 16.992L7.876 15.008L15.876 14.008L16.124 15.992L8.124 16.992ZM15.493 11.986C15.2936 11.9911 15.0952 11.9562 14.9095 11.8834C14.7239 11.8106 14.5546 11.7014 14.4118 11.5621C14.269 11.4229 14.1556 11.2565 14.0781 11.0727C14.0007 10.8889 13.9608 10.6914 13.9609 10.492C13.9609 10.2925 14.0009 10.0951 14.0785 9.91138C14.1561 9.72764 14.2697 9.56129 14.4125 9.42214C14.5554 9.283 14.7247 9.17387 14.9105 9.1012C15.0962 9.02852 15.2946 8.99377 15.494 8.999C15.8834 9.00921 16.2534 9.1711 16.5252 9.45018C16.797 9.72926 16.949 10.1034 16.9489 10.493C16.9487 10.8825 16.7965 11.2566 16.5245 11.5355C16.2525 11.8144 15.8824 11.9761 15.493 11.986Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-confused")) {
+  customElements.define("icon-confused", NavaIconConfused);
+}

package/dist/chunk-KTRQJMZN.js

@@ -0,0 +1,45 @@
+// src/icons/shape-square.ts
+var NavaIconShapeSquare = 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 regularPaths = `<path d="M21 6C21 4.346 19.654 3 18 3C17.3817 3.00175 16.7791 3.19497 16.275 3.5531C15.7709 3.91123 15.3901 4.41669 15.185 5H8.815C8.60985 4.41669 8.22908 3.91123 7.72501 3.5531C7.22095 3.19497 6.61833 3.00175 6 3C4.346 3 3 4.346 3 6C3 7.302 3.839 8.401 5 8.815V15.184C4.41685 15.3897 3.9116 15.7708 3.55354 16.2749C3.19548 16.7791 3.00213 17.3816 3 18C3 19.654 4.346 21 6 21C6.61833 20.9982 7.22095 20.805 7.72501 20.4469C8.22908 20.0888 8.60985 19.5833 8.815 19H15.184C15.3893 19.5832 15.7701 20.0886 16.2741 20.4467C16.7782 20.8048 17.3807 20.9981 17.999 21C19.653 21 20.999 19.654 20.999 18C20.9969 17.3816 20.8035 16.7791 20.4455 16.2749C20.0874 15.7708 19.5822 15.3897 18.999 15.184V8.816C19.5824 8.61059 20.088 8.22964 20.4462 7.72544C20.8045 7.22124 20.9979 6.61852 21 6ZM18 5C18.1981 4.9998 18.3917 5.05837 18.5565 5.16828C18.7213 5.2782 18.8497 5.43452 18.9256 5.61747C19.0015 5.80042 19.0214 6.00177 18.9828 6.19604C18.9442 6.39031 18.8489 6.56876 18.7088 6.70881C18.5688 6.84887 18.3903 6.94422 18.196 6.98281C18.0018 7.02141 17.8004 7.0015 17.6175 6.92561C17.4345 6.84972 17.2782 6.72127 17.1683 6.5565C17.0584 6.39174 16.9998 6.19806 17 6C17 5.449 17.448 5 18 5ZM15.185 17H8.815C8.66633 16.5815 8.4263 16.2014 8.11234 15.8873C7.79839 15.5731 7.41841 15.3329 7 15.184V8.816C7.41841 8.6671 7.79839 8.42686 8.11234 8.11273C8.4263 7.79861 8.66633 7.41849 8.815 7H15.184C15.3329 7.41841 15.5731 7.79839 15.8873 8.11234C16.2014 8.4263 16.5815 8.66633 17 8.815V15.184C16.5816 15.3329 16.2016 15.5731 15.8877 15.8873C15.5737 16.2014 15.3337 16.5815 15.185 17ZM6 5C6.19806 4.9998 6.39174 5.05837 6.5565 5.16828C6.72127 5.2782 6.84972 5.43452 6.92561 5.61747C7.0015 5.80042 7.02141 6.00177 6.98281 6.19604C6.94422 6.39031 6.84887 6.56876 6.70881 6.70881C6.56876 6.84887 6.39031 6.94422 6.19604 6.98281C6.00177 7.02141 5.80042 7.0015 5.61747 6.92561C5.43452 6.84972 5.2782 6.72127 5.16828 6.5565C5.05837 6.39174 4.9998 6.19806 5 6C5 5.449 5.448 5 6 5ZM6 19C5.74252 18.9885 5.49941 18.8781 5.32128 18.6918C5.14315 18.5055 5.04373 18.2577 5.04373 18C5.04373 17.7423 5.14315 17.4945 5.32128 17.3082C5.49941 17.1219 5.74252 17.0115 6 17C6.25748 17.0115 6.50059 17.1219 6.67872 17.3082C6.85685 17.4945 6.95627 17.7423 6.95627 18C6.95627 18.2577 6.85685 18.5055 6.67872 18.6918C6.50059 18.8781 6.25748 18.9885 6 19ZM18 19C17.7425 18.9885 17.4994 18.8781 17.3213 18.6918C17.1431 18.5055 17.0437 18.2577 17.0437 18C17.0437 17.7423 17.1431 17.4945 17.3213 17.3082C17.4994 17.1219 17.7425 17.0115 18 17C18.2575 17.0115 18.5006 17.1219 18.6787 17.3082C18.8569 17.4945 18.9563 17.7423 18.9563 18C18.9563 18.2577 18.8569 18.5055 18.6787 18.6918C18.5006 18.8781 18.2575 18.9885 18 19Z" />`;
+    const filledPaths = `<path d="M21 6C21 4.346 19.654 3 18 3C17.3817 3.00175 16.7791 3.19497 16.275 3.5531C15.7709 3.91123 15.3901 4.41669 15.185 5H8.815C8.60985 4.41669 8.22908 3.91123 7.72501 3.5531C7.22095 3.19497 6.61833 3.00175 6 3C4.346 3 3 4.346 3 6C3 7.302 3.839 8.401 5 8.815V15.184C4.41685 15.3897 3.9116 15.7708 3.55354 16.2749C3.19548 16.7791 3.00213 17.3816 3 18C3 19.654 4.346 21 6 21C6.61833 20.9982 7.22095 20.805 7.72501 20.4469C8.22908 20.0888 8.60985 19.5833 8.815 19H15.184C15.3893 19.5832 15.7701 20.0886 16.2741 20.4467C16.7782 20.8048 17.3807 20.9981 17.999 21C19.653 21 20.999 19.654 20.999 18C20.9969 17.3816 20.8035 16.7791 20.4455 16.2749C20.0874 15.7708 19.5822 15.3897 18.999 15.184V8.816C19.5824 8.61059 20.088 8.22964 20.4462 7.72544C20.8045 7.22124 20.9979 6.61852 21 6ZM18 5C18.1981 4.9998 18.3917 5.05837 18.5565 5.16828C18.7213 5.2782 18.8497 5.43452 18.9256 5.61747C19.0015 5.80042 19.0214 6.00177 18.9828 6.19604C18.9442 6.39031 18.8489 6.56876 18.7088 6.70881C18.5688 6.84887 18.3903 6.94422 18.196 6.98281C18.0018 7.02141 17.8004 7.0015 17.6175 6.92561C17.4345 6.84972 17.2782 6.72127 17.1683 6.5565C17.0584 6.39174 16.9998 6.19806 17 6C17 5.449 17.448 5 18 5ZM15.185 17H8.815C8.66633 16.5815 8.4263 16.2014 8.11234 15.8873C7.79839 15.5731 7.41841 15.3329 7 15.184V8.816C7.41841 8.6671 7.79839 8.42686 8.11234 8.11273C8.4263 7.79861 8.66633 7.41849 8.815 7H15.184C15.3329 7.41841 15.5731 7.79839 15.8873 8.11234C16.2014 8.4263 16.5815 8.66633 17 8.815V15.184C16.5816 15.3329 16.2016 15.5731 15.8877 15.8873C15.5737 16.2014 15.3337 16.5815 15.185 17ZM6 5C6.19806 4.9998 6.39174 5.05837 6.5565 5.16828C6.72127 5.2782 6.84972 5.43452 6.92561 5.61747C7.0015 5.80042 7.02141 6.00177 6.98281 6.19604C6.94422 6.39031 6.84887 6.56876 6.70881 6.70881C6.56876 6.84887 6.39031 6.94422 6.19604 6.98281C6.00177 7.02141 5.80042 7.0015 5.61747 6.92561C5.43452 6.84972 5.2782 6.72127 5.16828 6.5565C5.05837 6.39174 4.9998 6.19806 5 6C5 5.449 5.448 5 6 5ZM6 19C5.74252 18.9885 5.49941 18.8781 5.32128 18.6918C5.14315 18.5055 5.04373 18.2577 5.04373 18C5.04373 17.7423 5.14315 17.4945 5.32128 17.3082C5.49941 17.1219 5.74252 17.0115 6 17C6.25748 17.0115 6.50059 17.1219 6.67872 17.3082C6.85685 17.4945 6.95627 17.7423 6.95627 18C6.95627 18.2577 6.85685 18.5055 6.67872 18.6918C6.50059 18.8781 6.25748 18.9885 6 19ZM18 19C17.7425 18.9885 17.4994 18.8781 17.3213 18.6918C17.1431 18.5055 17.0437 18.2577 17.0437 18C17.0437 17.7423 17.1431 17.4945 17.3213 17.3082C17.4994 17.1219 17.7425 17.0115 18 17C18.2575 17.0115 18.5006 17.1219 18.6787 17.3082C18.8569 17.4945 18.9563 17.7423 18.9563 18C18.9563 18.2577 18.8569 18.5055 18.6787 18.6918C18.5006 18.8781 18.2575 18.9885 18 19Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-shape-square")) {
+  customElements.define("icon-shape-square", NavaIconShapeSquare);
+}

package/dist/chunk-KTXCQ7JS.js

@@ -0,0 +1,46 @@
+// src/icons/food-menu.ts
+var NavaIconFoodMenu = 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 regularPaths = `<path d="M3 2H5V22H3V2ZM10 6H17V8H10V6ZM10 10H17V12H10V10Z" />
+<path d="M19 2H6V22H19C20.103 22 21 21.103 21 20V4C21 2.897 20.103 2 19 2ZM19 20H8V4H19V20Z" />`;
+    const filledPaths = `<path d="M3 2H5V22H3V2ZM19 2H6V22H19C20.103 22 21 21.103 21 20V4C21 2.897 20.103 2 19 2ZM18 12H9V10H18V12ZM18 8H9V6H18V8Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-food-menu")) {
+  customElements.define("icon-food-menu", NavaIconFoodMenu);
+}

package/dist/chunk-KV4JH445.js

@@ -0,0 +1,45 @@
+// src/icons/shield.ts
+var NavaIconShield = 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 regularPaths = `<path d="M20.995 6.90298C20.9789 6.73464 20.9202 6.57317 20.8245 6.43375C20.7288 6.29433 20.5993 6.18153 20.448 6.10598L12.475 2.10598C12.3363 2.03592 12.1831 1.99925 12.0277 1.9989C11.8723 1.99856 11.719 2.03454 11.58 2.10398L3.55298 6.10398C3.25598 6.25398 3.05098 6.54098 3.00898 6.87098C2.99598 6.96798 1.86398 16.612 11.55 21.879C11.6989 21.9602 11.8661 22.002 12.0356 22.0004C12.2052 21.9988 12.3716 21.9539 12.519 21.87C21.826 16.611 21.033 7.29698 20.995 6.90298ZM12.018 19.847C5.15797 15.837 4.87798 9.49498 4.95498 7.64198L12.026 4.11898L19.024 7.62998C19.029 9.49998 18.543 15.873 12.018 19.847Z" />`;
+    const filledPaths = `<path d="M20.496 6.10601L12.523 2.10601C12.3843 2.03595 12.2311 1.99928 12.0757 1.99893C11.9204 1.99859 11.767 2.03457 11.628 2.10401L3.60101 6.10401C3.30401 6.25401 3.09901 6.54101 3.05701 6.87101C3.04401 6.96801 1.91201 16.612 11.598 21.879C11.7469 21.9602 11.9141 22.002 12.0837 22.0004C12.2533 21.9989 12.4197 21.954 12.567 21.87C21.874 16.611 21.081 7.29701 21.043 6.90301C21.0266 6.73475 20.9679 6.5734 20.8722 6.43402C20.7765 6.29464 20.6471 6.18179 20.496 6.10601Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-shield")) {
+  customElements.define("icon-shield", NavaIconShield);
+}

package/dist/chunk-KVELXHNK.js

@@ -0,0 +1,45 @@
+// src/icons/crosshair.ts
+var NavaIconCrosshair = 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 regularPaths = `<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 2ZM13 19.931V17H11V19.931C9.24017 19.7066 7.60466 18.9043 6.3502 17.6498C5.09574 16.3953 4.29335 14.7598 4.069 13H7V11H4.069C4.29335 9.24017 5.09574 7.60466 6.3502 6.3502C7.60466 5.09574 9.24017 4.29335 11 4.069V7H13V4.069C14.7599 4.29319 16.3955 5.09552 17.65 6.35001C18.9045 7.6045 19.7068 9.2401 19.931 11H17V13H19.931C19.7066 14.7598 18.9043 16.3953 17.6498 17.6498C16.3953 18.9043 14.7598 19.7066 13 19.931Z" />`;
+    const filledPaths = `<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 2ZM13 19.931V17H11V19.931C9.24017 19.7066 7.60466 18.9043 6.3502 17.6498C5.09574 16.3953 4.29335 14.7598 4.069 13H7V11H4.069C4.29335 9.24017 5.09574 7.60466 6.3502 6.3502C7.60466 5.09574 9.24017 4.29335 11 4.069V7H13V4.069C14.7599 4.29319 16.3955 5.09552 17.65 6.35001C18.9045 7.6045 19.7068 9.2401 19.931 11H17V13H19.931C19.7066 14.7598 18.9043 16.3953 17.6498 17.6498C16.3953 18.9043 14.7598 19.7066 13 19.931Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-crosshair")) {
+  customElements.define("icon-crosshair", NavaIconCrosshair);
+}

package/dist/chunk-KVQKWMV6.js

@@ -0,0 +1,46 @@
+// src/icons/bookmark-plus.ts
+var NavaIconBookmarkPlus = 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 regularPaths = `<path d="M13 14V11H16V9H13V6H11V9H8V11H11V14H13Z" />
+<path d="M20 22V4C20 2.897 19.103 2 18 2H6C4.897 2 4 2.897 4 4V22L12 17.428L20 22ZM6 10V4H18V18.553L12 15.125L6 18.553V10Z" />`;
+    const filledPaths = `<path d="M17 2H7C6.46957 2 5.96086 2.21071 5.58579 2.58579C5.21071 2.96086 5 3.46957 5 4V22L12 17.152L19 22V4C19 3.46957 18.7893 2.96086 18.4142 2.58579C18.0391 2.21071 17.5304 2 17 2ZM16 11H13V14H11V11H8V9H11V6H13V9H16V11Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-plus")) {
+  customElements.define("icon-bookmark-plus", NavaIconBookmarkPlus);
+}

package/dist/chunk-KVSRWOWL.js

@@ -0,0 +1,45 @@
+// src/icons/glasses.ts
+var NavaIconGlasses = 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 regularPaths = `<path d="M21.977 13.783L19.977 4.783C19.9273 4.56094 19.8034 4.36243 19.6259 4.22012C19.4483 4.07781 19.2276 4.00018 19 4H16V6H18.198L19.159 10.326C18.6318 10.1127 18.0687 10.0021 17.5 10C15.547 10 13.897 11.258 13.276 13H10.723C10.102 11.258 8.452 10 6.499 10C5.912 10 5.354 10.121 4.84 10.326L5.802 6H8V4H5C4.77252 4.00004 4.55184 4.07764 4.3744 4.21999C4.19697 4.36234 4.07336 4.56094 4.024 4.783L2.024 13.783L2.071 13.794C2.029 14.0271 2.00526 14.2632 2 14.5C2 16.981 4.019 19 6.5 19C8.81 19 10.697 17.244 10.949 15H13.051C13.303 17.244 15.19 19 17.5 19C19.981 19 22 16.981 22 14.5C22 14.258 21.966 14.025 21.929 13.794L21.977 13.783ZM6.5 17C5.122 17 4 15.878 4 14.5C4 13.122 5.122 12 6.5 12C7.878 12 9 13.122 9 14.5C9 15.878 7.878 17 6.5 17ZM17.5 17C16.121 17 15 15.878 15 14.5C15 13.122 16.121 12 17.5 12C18.879 12 20 13.122 20 14.5C20 15.878 18.879 17 17.5 17Z" />`;
+    const filledPaths = `<path d="M21.977 13.783L19.977 4.783C19.9273 4.56094 19.8034 4.36243 19.6259 4.22012C19.4483 4.07781 19.2276 4.00018 19 4H16V6H18.198L19.159 10.326C18.6318 10.1127 18.0687 10.0021 17.5 10C15.547 10 13.897 11.258 13.276 13H10.723C10.102 11.258 8.452 10 6.499 10C5.912 10 5.354 10.121 4.84 10.326L5.802 6H8V4H5C4.77252 4.00004 4.55184 4.07764 4.3744 4.21999C4.19697 4.36234 4.07336 4.56094 4.024 4.783L2.024 13.783L2.071 13.794C2.029 14.0271 2.00526 14.2632 2 14.5C2 16.981 4.019 19 6.5 19C8.81 19 10.697 17.244 10.949 15H13.051C13.303 17.244 15.19 19 17.5 19C19.981 19 22 16.981 22 14.5C22 14.258 21.966 14.025 21.929 13.794L21.977 13.783ZM6.5 17C5.122 17 4 15.878 4 14.5C4 13.122 5.122 12 6.5 12C7.878 12 9 13.122 9 14.5C9 15.878 7.878 17 6.5 17ZM17.5 17C16.121 17 15 15.878 15 14.5C15 13.122 16.121 12 17.5 12C18.879 12 20 13.122 20 14.5C20 15.878 18.879 17 17.5 17Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-glasses")) {
+  customElements.define("icon-glasses", NavaIconGlasses);
+}

package/dist/chunk-KX4VSV6H.js

@@ -0,0 +1,45 @@
+// src/icons/expand.ts
+var NavaIconExpand = 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 regularPaths = `<path d="M21 15.344L18.879 17.465L15.707 14.293L14.293 15.707L17.465 18.879L15.344 21H21V15.344ZM3 8.656L5.121 6.535L8.293 9.707L9.707 8.293L6.535 5.121L8.656 3H3V8.656ZM21 3H15.344L17.465 5.121L14.293 8.293L15.707 9.707L18.879 6.535L21 8.656V3ZM3 21H8.656L6.535 18.879L9.707 15.707L8.293 14.293L5.121 17.465L3 15.344V21Z" />`;
+    const filledPaths = `<path d="M21 15.344L18.879 17.465L15.707 14.293L14.293 15.707L17.465 18.879L15.344 21H21V15.344ZM3 8.656L5.121 6.535L8.293 9.707L9.707 8.293L6.535 5.121L8.656 3H3V8.656ZM21 3H15.344L17.465 5.121L14.293 8.293L15.707 9.707L18.879 6.535L21 8.656V3ZM3 21H8.656L6.535 18.879L9.707 15.707L8.293 14.293L5.121 17.465L3 15.344V21Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-expand")) {
+  customElements.define("icon-expand", NavaIconExpand);
+}

package/dist/chunk-KX7C5I4I.js

@@ -0,0 +1,46 @@
+// src/icons/first-aid.ts
+var NavaIconFirstAid = 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 regularPaths = `<path d="M20 6H17V4C17 2.897 16.103 2 15 2H9C7.897 2 7 2.897 7 4V6H4C2.897 6 2 6.897 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.897 21.103 6 20 6ZM9 4H15V6H9V4ZM4 18V8H20L20.001 18H4Z" />
+<path d="M13 9H11V12H8V14H11V17H13V14H16V12H13V9Z" />`;
+    const filledPaths = `<path d="M20 6H17V4C17 3.46957 16.7893 2.96086 16.4142 2.58579C16.0391 2.21071 15.5304 2 15 2H9C8.46957 2 7.96086 2.21071 7.58579 2.58579C7.21071 2.96086 7 3.46957 7 4V6H4C3.46957 6 2.96086 6.21071 2.58579 6.58579C2.21071 6.96086 2 7.46957 2 8V18C2 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 18V8C22 7.46957 21.7893 6.96086 21.4142 6.58579C21.0391 6.21071 20.5304 6 20 6ZM9 4H15V6H9V4ZM16 14H13V17H11V14H8V12H11V9H13V12H16V14Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-first-aid")) {
+  customElements.define("icon-first-aid", NavaIconFirstAid);
+}

package/dist/chunk-KZ6YWYRJ.js

@@ -0,0 +1,45 @@
+// src/icons/expand-vertical.ts
+var NavaIconExpandVertical = 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 regularPaths = `<path d="M12 19.24L7.05001 14.29L5.64001 15.71L12 22.07L18.36 15.71L16.95 14.29L12 19.24ZM5.64001 8.28999L7.05001 9.70999L12 4.75999L16.95 9.70999L18.36 8.28999L12 1.92999L5.64001 8.28999Z" />`;
+    const filledPaths = `<path d="M12 19.24L7.05001 14.29L5.64001 15.71L12 22.07L18.36 15.71L16.95 14.29L12 19.24ZM5.64001 8.28999L7.05001 9.70999L12 4.75999L16.95 9.70999L18.36 8.28999L12 1.92999L5.64001 8.28999Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-expand-vertical")) {
+  customElements.define("icon-expand-vertical", NavaIconExpandVertical);
+}

package/dist/chunk-KZABTDTK.js

@@ -0,0 +1,45 @@
+// src/icons/send.ts
+var NavaIconSend = 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 regularPaths = `<path d="M21.426 11.095L4.426 3.095C4.25483 3.01401 4.06418 2.98334 3.87625 3.00656C3.68832 3.02978 3.51086 3.10594 3.36455 3.22615C3.21825 3.34636 3.10912 3.50568 3.04988 3.68553C2.99065 3.86539 2.98376 4.05837 3.03 4.242L4.969 12L3.03 19.758C2.98332 19.9417 2.98992 20.1349 3.04901 20.315C3.10811 20.495 3.21726 20.6546 3.3637 20.7749C3.51014 20.8952 3.68781 20.9713 3.87593 20.9944C4.06406 21.0174 4.25485 20.9864 4.426 20.905L21.426 12.905C21.5978 12.8242 21.7431 12.6963 21.8448 12.536C21.9466 12.3757 22.0006 12.1898 22.0006 12C22.0006 11.8102 21.9466 11.6243 21.8448 11.464C21.7431 11.3037 21.5978 11.1758 21.426 11.095ZM5.481 18.197L6.32 14.84L12 12L6.32 9.16L5.481 5.803L18.651 12L5.481 18.197Z" />`;
+    const filledPaths = `<path d="M21.426 11.095L4.42601 3.09501C4.25482 3.01446 4.0643 2.98413 3.87657 3.00753C3.68883 3.03092 3.51158 3.1071 3.36541 3.2272C3.21923 3.3473 3.11012 3.50641 3.05076 3.68604C2.99139 3.86567 2.98419 4.05846 3.03001 4.24201L4.24201 9.09101L12 12L4.24201 14.909L3.03001 19.758C2.98333 19.9417 2.98992 20.1349 3.04902 20.315C3.10811 20.4951 3.21726 20.6546 3.3637 20.7749C3.51014 20.8952 3.68782 20.9714 3.87594 20.9944C4.06406 21.0174 4.25486 20.9864 4.42601 20.905L21.426 12.905C21.5978 12.8243 21.7431 12.6963 21.8448 12.536C21.9466 12.3758 22.0006 12.1898 22.0006 12C22.0006 11.8102 21.9466 11.6243 21.8448 11.464C21.7431 11.3038 21.5978 11.1758 21.426 11.095Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-send")) {
+  customElements.define("icon-send", NavaIconSend);
+}

package/dist/chunk-KZGSFWO3.js

@@ -0,0 +1,47 @@
+// src/icons/chess.ts
+var NavaIconChess = 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 regularPaths = `<path d="M21 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2ZM20 8H16V12H20V16H16V20H12V16H8V20H4V16H8V12H4V8H8V4H12V8H16V4H20V8Z" />
+<path d="M8 8H12V12H8V8ZM12 12H16V16H12V12Z" />`;
+    const filledPaths = `<path d="M21 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2ZM20 8H16V12H20V16H16V20H12V16H8V20H4V16H8V12H4V8H8V4H12V8H16V4H20V8Z" />
+<path d="M8 8H12V12H8V8ZM12 12H16V16H12V12Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-chess")) {
+  customElements.define("icon-chess", NavaIconChess);
+}