@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-VPVUPXUM.js

@@ -0,0 +1,45 @@
+// src/icons/cylinder.ts
+var NavaIconCylinder = 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 22C17.131 22 21 20.065 21 17.5V7H20.947C20.98 6.836 21 6.67 21 6.5C21 3.935 17.131 2 12 2C7.209 2 3.52 3.688 3.053 6H3V17.5C3 20.065 6.869 22 12 22ZM12 20C7.727 20 5 18.52 5 17.5V9.394C6.623 10.387 9.111 11 12 11C14.889 11 17.377 10.387 19 9.394V17.5C19 18.52 16.273 20 12 20ZM12 4C16.273 4 19 5.48 19 6.5C19 7.52 16.273 9 12 9C7.727 9 5 7.52 5 6.5C5 5.48 7.727 4 12 4Z" />`;
+    const filledPaths = `<path d="M12 22C17.131 22 21 20.065 21 17.5V7C21 6.949 20.976 6.903 20.967 6.854C20.983 6.737 21 6.62 21 6.5C21 3.935 17.131 2 12 2C6.869 2 3 3.935 3 6.5V17.5C3 20.065 6.869 22 12 22ZM12 4C16.273 4 19 5.48 19 6.5C18.9979 6.55346 18.9895 6.60649 18.975 6.658C18.971 6.668 18.963 6.676 18.96 6.685C18.686 7.533 16.67 8.665 13.464 8.938L13.414 8.941C12.965 8.979 12.494 9 12 9C7.727 9 5 7.52 5 6.5C5 5.48 7.727 4 12 4Z" />`;
+    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-cylinder")) {
+  customElements.define("icon-cylinder", NavaIconCylinder);
+}

package/dist/chunk-VSMAB3UK.js

@@ -0,0 +1,47 @@
+// src/icons/target-lock.ts
+var NavaIconTargetLock = 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 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" />
+<path d="M13 4.069V2H11V4.069C9.24017 4.29335 7.60466 5.09574 6.3502 6.3502C5.09574 7.60466 4.29335 9.24017 4.069 11H2V13H4.069C4.29319 14.7599 5.09552 16.3955 6.35001 17.65C7.6045 18.9045 9.2401 19.7068 11 19.931V22H13V19.931C14.7599 19.7068 16.3955 18.9045 17.65 17.65C18.9045 16.3955 19.7068 14.7599 19.931 13H22V11H19.931C19.7066 9.24017 18.9043 7.60466 17.6498 6.3502C16.3953 5.09574 14.7598 4.29335 13 4.069ZM12 18C8.691 18 6 15.309 6 12C6 8.691 8.691 6 12 6C15.309 6 18 8.691 18 12C18 15.309 15.309 18 12 18Z" />`;
+    const filledPaths = `<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" />
+<path d="M13 4.069V2H11V4.069C9.24017 4.29335 7.60466 5.09574 6.3502 6.3502C5.09574 7.60466 4.29335 9.24017 4.069 11H2V13H4.069C4.29319 14.7599 5.09552 16.3955 6.35001 17.65C7.6045 18.9045 9.2401 19.7068 11 19.931V22H13V19.931C14.7599 19.7068 16.3955 18.9045 17.65 17.65C18.9045 16.3955 19.7068 14.7599 19.931 13H22V11H19.931C19.7066 9.24017 18.9043 7.60466 17.6498 6.3502C16.3953 5.09574 14.7598 4.29335 13 4.069ZM12 18C8.691 18 6 15.309 6 12C6 8.691 8.691 6 12 6C15.309 6 18 8.691 18 12C18 15.309 15.309 18 12 18Z" />`;
+    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-target-lock")) {
+  customElements.define("icon-target-lock", NavaIconTargetLock);
+}

package/dist/chunk-VSRV4XMF.js

@@ -0,0 +1,46 @@
+// src/icons/dizzy.ts
+var NavaIconDizzy = 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="M10.707 12.293L9.414 11L10.707 9.707L9.293 8.293L8 9.586L6.707 8.293L5.293 9.707L6.586 11L5.293 12.293L6.707 13.707L8 12.414L9.293 13.707L10.707 12.293ZM17.293 8.293L16 9.586L14.707 8.293L13.293 9.707L14.586 11L13.293 12.293L14.707 13.707L16 12.414L17.293 13.707L18.707 12.293L17.414 11L18.707 9.707L17.293 8.293ZM10 16H14V18H10V16Z" />`;
+    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 2ZM8 12.414L6.707 13.707L5.293 12.293L6.586 11L5.293 9.707L6.707 8.293L8 9.586L9.293 8.293L10.707 9.707L9.414 11L10.707 12.293L9.293 13.707L8 12.414ZM14 18H10V16H14V18ZM18.707 12.293L17.293 13.707L16 12.414L14.707 13.707L13.293 12.293L14.586 11L13.293 9.707L14.707 8.293L16 9.586L17.293 8.293L18.707 9.707L17.414 11L18.707 12.293Z" />`;
+    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-dizzy")) {
+  customElements.define("icon-dizzy", NavaIconDizzy);
+}

package/dist/chunk-VVKLHU4U.js

@@ -0,0 +1,45 @@
+// src/icons/dna.ts
+var NavaIconDna = 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="M15.794 11.09C16.126 10.827 16.442 10.548 16.741 10.25L16.877 10.108C17.16 9.815 17.429 9.51 17.678 9.189L17.74 9.114C17.995 8.779 18.226 8.426 18.442 8.065L18.57 7.845C18.775 7.481 18.965 7.108 19.129 6.722C19.149 6.675 19.164 6.627 19.184 6.58C19.331 6.219 19.458 5.849 19.567 5.471C19.588 5.401 19.611 5.331 19.63 5.26C19.737 4.858 19.819 4.447 19.881 4.031C19.894 3.944 19.902 3.856 19.913 3.768C19.964 3.336 20 2.899 20 2.457V2H18V2.457C18 2.641 17.969 2.818 17.958 3H6.022C6.012 2.819 6 2.64 6 2.457V2H4V2.457C4 7.333 7.269 11.675 11.952 13.026L11.98 13.035C14.861 13.858 17.036 16.181 17.749 19H6.251L7.05 17H14.657C14.1063 16.2052 13.4055 15.5258 12.594 15H8.594C9.039 14.576 9.55 14.226 10.085 13.91C9.35449 13.6543 8.65641 13.314 8.005 12.896C5.55 14.812 4 17.779 4 21.015V23H6V21.015L6.001 21H17.999L18 21.015V23H20V21.015C20 17.185 17.841 13.712 14.557 11.945C14.9282 11.7231 15.2862 11.4797 15.629 11.216C15.684 11.174 15.739 11.134 15.794 11.09ZM14.604 9.486C13.9013 10.0499 13.1175 10.5043 12.279 10.834C12.187 10.87 12.094 10.902 12.001 10.936C10.8224 10.5188 9.74419 9.85932 8.836 9H15.128C14.957 9.161 14.796 9.333 14.611 9.48L14.604 9.486ZM17.619 5C17.614 5.016 17.612 5.033 17.607 5.049L17.563 5.2C17.4233 5.6295 17.2519 6.04799 17.05 6.452C16.954 6.642 16.837 6.817 16.729 7H7.249C6.87923 6.37082 6.58678 5.69929 6.378 5H17.619Z" />`;
+    const filledPaths = `<path d="M15.794 11.09C16.126 10.827 16.442 10.548 16.741 10.25L16.877 10.108C17.16 9.815 17.429 9.51 17.678 9.189L17.74 9.114C17.995 8.779 18.226 8.426 18.442 8.065L18.57 7.845C18.775 7.481 18.965 7.108 19.129 6.722C19.149 6.675 19.164 6.627 19.184 6.58C19.331 6.219 19.458 5.849 19.567 5.471C19.588 5.401 19.611 5.331 19.63 5.26C19.737 4.858 19.819 4.447 19.881 4.031C19.894 3.944 19.902 3.856 19.913 3.768C19.964 3.336 20 2.899 20 2.457V2H18V2.457C18 2.641 17.969 2.818 17.958 3H6.022C6.012 2.819 6 2.64 6 2.457V2H4V2.457C4 7.333 7.269 11.675 11.952 13.026L11.98 13.035C14.861 13.858 17.036 16.181 17.749 19H6.251L7.05 17H14.657C14.1063 16.2052 13.4055 15.5258 12.594 15H8.594C9.039 14.576 9.55 14.226 10.085 13.91C9.35449 13.6543 8.65641 13.314 8.005 12.896C5.55 14.812 4 17.779 4 21.015V23H6V21.015L6.001 21H17.999L18 21.015V23H20V21.015C20 17.185 17.841 13.712 14.557 11.945C14.9282 11.7231 15.2862 11.4797 15.629 11.216C15.684 11.174 15.739 11.134 15.794 11.09ZM14.604 9.486C13.9013 10.0499 13.1175 10.5043 12.279 10.834C12.187 10.87 12.094 10.902 12.001 10.936C10.8224 10.5188 9.74419 9.85932 8.836 9H15.128C14.957 9.161 14.796 9.333 14.611 9.48L14.604 9.486ZM17.619 5C17.614 5.016 17.612 5.033 17.607 5.049L17.563 5.2C17.4233 5.6295 17.2519 6.04799 17.05 6.452C16.954 6.642 16.837 6.817 16.729 7H7.249C6.87923 6.37082 6.58678 5.69929 6.378 5H17.619Z" />`;
+    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-dna")) {
+  customElements.define("icon-dna", NavaIconDna);
+}

package/dist/chunk-VVVQAF3H.js

@@ -0,0 +1,45 @@
+// src/icons/trash-alt.ts
+var NavaIconTrashAlt = 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="M15 2H9C7.897 2 7 2.897 7 4V6H3V8H5V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V8H21V6H17V4C17 2.897 16.103 2 15 2ZM9 4H15V6H9V4ZM17 20H7V8H17V20Z" />`;
+    const filledPaths = `<path d="M6 7H5V20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V7H6ZM16.618 4L15 2H9L7.382 4H3V6H21V4H16.618Z" />`;
+    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-trash-alt")) {
+  customElements.define("icon-trash-alt", NavaIconTrashAlt);
+}

package/dist/chunk-VX26OIEQ.js

@@ -0,0 +1,45 @@
+// src/icons/hand-up.ts
+var NavaIconHandUp = 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="M19.221 10.803L12 10V4C12 3.46957 11.7893 2.96086 11.4142 2.58579C11.0391 2.21071 10.5304 2 9.99997 2C9.46954 2 8.96083 2.21071 8.58576 2.58579C8.21068 2.96086 7.99997 3.46957 7.99997 4V16L4.96897 14.788C4.7159 14.6868 4.44483 14.6384 4.17238 14.6458C3.89994 14.6532 3.63187 14.7161 3.38465 14.8309C3.13742 14.9456 2.91625 15.1096 2.73471 15.3129C2.55318 15.5162 2.4151 15.7544 2.32897 16.013L2.21597 16.353C2.15224 16.5438 2.14764 16.7494 2.20278 16.9428C2.25792 17.1362 2.37023 17.3085 2.52497 17.437L7.72197 21.769C7.90097 21.918 8.12797 22 8.36197 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V12.79C20.9998 12.298 20.8182 11.8233 20.49 11.4567C20.1618 11.0901 19.71 10.8574 19.221 10.803Z" />`;
+    const filledPaths = `<path d="M19.221 10.803L12 10V4C12 3.46957 11.7893 2.96086 11.4142 2.58579C11.0391 2.21071 10.5304 2 9.99997 2C9.46954 2 8.96083 2.21071 8.58576 2.58579C8.21068 2.96086 7.99997 3.46957 7.99997 4V16L4.96897 14.788C4.7159 14.6868 4.44483 14.6384 4.17238 14.6458C3.89994 14.6532 3.63187 14.7161 3.38465 14.8309C3.13742 14.9456 2.91625 15.1096 2.73471 15.3129C2.55318 15.5162 2.4151 15.7544 2.32897 16.013L2.21597 16.353C2.15224 16.5438 2.14764 16.7494 2.20278 16.9428C2.25792 17.1362 2.37023 17.3085 2.52497 17.437L7.72197 21.769C7.90097 21.918 8.12797 22 8.36197 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V12.79C20.9998 12.298 20.8182 11.8233 20.49 11.4567C20.1618 11.0901 19.71 10.8574 19.221 10.803Z" />`;
+    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-hand-up")) {
+  customElements.define("icon-hand-up", NavaIconHandUp);
+}

package/dist/chunk-VXI46LBO.js

@@ -0,0 +1,45 @@
+// src/icons/transfer.ts
+var NavaIconTransfer = 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="M15 12L20 8L15 4V6.999H2V8.999H15V12ZM22 15H9V12L4 16L9 20V17H22V15Z" />`;
+    const filledPaths = `<path d="M15 12L20 8L15 4V6.999H2V8.999H15V12ZM22 15H9V12L4 16L9 20V17H22V15Z" />`;
+    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-transfer")) {
+  customElements.define("icon-transfer", NavaIconTransfer);
+}

package/dist/chunk-VYS2LYUE.js

@@ -0,0 +1,45 @@
+// src/icons/battery.ts
+var NavaIconBattery = 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="M4 18H18C19.103 18 20 17.103 20 16V14H22V10H20V8C20 6.897 19.103 6 18 6H4C2.897 6 2 6.897 2 8V16C2 17.103 2.897 18 4 18ZM4 8H18L18.002 16H4V8Z" />`;
+    const filledPaths = `<path d="M20 8C20 7.46957 19.7893 6.96086 19.4142 6.58579C19.0391 6.21071 18.5304 6 18 6H4C3.46957 6 2.96086 6.21071 2.58579 6.58579C2.21071 6.96086 2 7.46957 2 8V16C2 16.5304 2.21071 17.0391 2.58579 17.4142C2.96086 17.7893 3.46957 18 4 18H18C18.5304 18 19.0391 17.7893 19.4142 17.4142C19.7893 17.0391 20 16.5304 20 16V14H22V10H20V8Z" />`;
+    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-battery")) {
+  customElements.define("icon-battery", NavaIconBattery);
+}

package/dist/chunk-W22BYGAE.js

@@ -0,0 +1,59 @@
+// src/icons/loader-circle.ts
+var NavaIconLoaderCircle = 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 22C13.1046 22 14 21.1046 14 20C14 18.8954 13.1046 18 12 18C10.8954 18 10 18.8954 10 20C10 21.1046 10.8954 22 12 22Z" />
+<path d="M12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
+<path d="M6.34299 19.657C7.44756 19.657 8.34299 18.7616 8.34299 17.657C8.34299 16.5524 7.44756 15.657 6.34299 15.657C5.23842 15.657 4.34299 16.5524 4.34299 17.657C4.34299 18.7616 5.23842 19.657 6.34299 19.657Z" />
+<path d="M17.657 8.343C18.7616 8.343 19.657 7.44757 19.657 6.343C19.657 5.23843 18.7616 4.343 17.657 4.343C16.5524 4.343 15.657 5.23843 15.657 6.343C15.657 7.44757 16.5524 8.343 17.657 8.343Z" />
+<path d="M3.99999 14.001C5.10511 14.001 6.00099 13.1051 6.00099 12C6.00099 10.8949 5.10511 9.999 3.99999 9.999C2.89487 9.999 1.99899 10.8949 1.99899 12C1.99899 13.1051 2.89487 14.001 3.99999 14.001Z" />
+<path d="M20 14C21.1046 14 22 13.1046 22 12C22 10.8954 21.1046 10 20 10C18.8954 10 18 10.8954 18 12C18 13.1046 18.8954 14 20 14Z" />
+<path d="M6.34299 8.344C7.44756 8.344 8.34299 7.44857 8.34299 6.344C8.34299 5.23943 7.44756 4.344 6.34299 4.344C5.23842 4.344 4.34299 5.23943 4.34299 6.344C4.34299 7.44857 5.23842 8.344 6.34299 8.344Z" />
+<path d="M17.657 19.658C18.7616 19.658 19.657 18.7626 19.657 17.658C19.657 16.5534 18.7616 15.658 17.657 15.658C16.5524 15.658 15.657 16.5534 15.657 17.658C15.657 18.7626 16.5524 19.658 17.657 19.658Z" />`;
+    const filledPaths = `<path d="M12 22C13.1046 22 14 21.1046 14 20C14 18.8954 13.1046 18 12 18C10.8954 18 10 18.8954 10 20C10 21.1046 10.8954 22 12 22Z" />
+<path d="M12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
+<path d="M6.34299 19.657C7.44756 19.657 8.34299 18.7616 8.34299 17.657C8.34299 16.5524 7.44756 15.657 6.34299 15.657C5.23842 15.657 4.34299 16.5524 4.34299 17.657C4.34299 18.7616 5.23842 19.657 6.34299 19.657Z" />
+<path d="M17.657 8.343C18.7616 8.343 19.657 7.44757 19.657 6.343C19.657 5.23843 18.7616 4.343 17.657 4.343C16.5524 4.343 15.657 5.23843 15.657 6.343C15.657 7.44757 16.5524 8.343 17.657 8.343Z" />
+<path d="M3.99999 14.001C5.10511 14.001 6.00099 13.1051 6.00099 12C6.00099 10.8949 5.10511 9.999 3.99999 9.999C2.89487 9.999 1.99899 10.8949 1.99899 12C1.99899 13.1051 2.89487 14.001 3.99999 14.001Z" />
+<path d="M20 14C21.1046 14 22 13.1046 22 12C22 10.8954 21.1046 10 20 10C18.8954 10 18 10.8954 18 12C18 13.1046 18.8954 14 20 14Z" />
+<path d="M6.34299 8.344C7.44756 8.344 8.34299 7.44857 8.34299 6.344C8.34299 5.23943 7.44756 4.344 6.34299 4.344C5.23842 4.344 4.34299 5.23943 4.34299 6.344C4.34299 7.44857 5.23842 8.344 6.34299 8.344Z" />
+<path d="M17.657 19.658C18.7616 19.658 19.657 18.7626 19.657 17.658C19.657 16.5534 18.7616 15.658 17.657 15.658C16.5524 15.658 15.657 16.5534 15.657 17.658C15.657 18.7626 16.5524 19.658 17.657 19.658Z" />`;
+    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-loader-circle")) {
+  customElements.define("icon-loader-circle", NavaIconLoaderCircle);
+}

package/dist/chunk-W433JQJG.js

@@ -0,0 +1,45 @@
+// src/icons/hand-down.ts
+var NavaIconHandDown = 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="M16.278 2.231C16.0982 2.08163 15.8718 1.99991 15.638 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V11.21C3.00019 11.702 3.18174 12.1767 3.50995 12.5433C3.83816 12.9099 4.28998 13.1426 4.779 13.197L12 14V20C12 20.5304 12.2107 21.0391 12.5858 21.4142C12.9609 21.7893 13.4696 22 14 22C14.5304 22 15.0391 21.7893 15.4142 21.4142C15.7893 21.0391 16 20.5304 16 20V8L19.03 9.212C19.2831 9.31319 19.5543 9.3616 19.8268 9.35424C20.0993 9.34688 20.3674 9.28391 20.6147 9.1692C20.8621 9.05449 21.0833 8.89046 21.2649 8.68717C21.4466 8.48387 21.5848 8.24561 21.671 7.987L21.784 7.647C21.8477 7.45622 21.8523 7.25064 21.7972 7.0572C21.742 6.86376 21.6297 6.6915 21.475 6.563L16.278 2.231Z" />`;
+    const filledPaths = `<path d="M16.278 2.231C16.0982 2.08163 15.8718 1.99991 15.638 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V11.21C3.00019 11.702 3.18174 12.1767 3.50995 12.5433C3.83816 12.9099 4.28998 13.1426 4.779 13.197L12 14V20C12 20.5304 12.2107 21.0391 12.5858 21.4142C12.9609 21.7893 13.4696 22 14 22C14.5304 22 15.0391 21.7893 15.4142 21.4142C15.7893 21.0391 16 20.5304 16 20V8L19.03 9.212C19.2831 9.31319 19.5543 9.3616 19.8268 9.35424C20.0993 9.34688 20.3674 9.28391 20.6147 9.1692C20.8621 9.05449 21.0833 8.89046 21.2649 8.68717C21.4466 8.48387 21.5848 8.24561 21.671 7.987L21.784 7.647C21.8477 7.45622 21.8523 7.25064 21.7972 7.0572C21.742 6.86376 21.6297 6.6915 21.475 6.563L16.278 2.231Z" />`;
+    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-hand-down")) {
+  customElements.define("icon-hand-down", NavaIconHandDown);
+}

package/dist/chunk-WA43VTGZ.js

@@ -0,0 +1,47 @@
+// src/icons/history.ts
+var NavaIconHistory = 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 8V13H17V11H14V8H12Z" />
+<path d="M21.292 8.497C20.8409 7.42705 20.1861 6.45501 19.364 5.635C18.1196 4.39057 16.5377 3.5381 14.814 3.183C13.6176 2.93949 12.3844 2.93949 11.188 3.183C9.46267 3.53584 7.87947 4.389 6.636 5.636C5.81589 6.45689 5.16133 7.42786 4.708 8.496C4.23911 9.60461 3.99832 10.7963 4 12L4.001 12.025H2L5 16L8 12.025H6.001L6 12C5.99712 10.6054 6.41346 9.24207 7.195 8.087C7.69912 7.34169 8.34095 6.69952 9.086 6.195C9.84394 5.68441 10.6941 5.3264 11.589 5.141C13.4075 4.7671 15.3001 5.13063 16.8507 6.15167C18.4013 7.17271 19.483 8.7677 19.858 10.586C20.0466 11.5179 20.0466 12.4781 19.858 13.41C19.675 14.3056 19.3168 15.1563 18.804 15.913C18.554 16.284 18.267 16.633 17.95 16.949C17.3112 17.587 16.5558 18.0966 15.725 18.45C15.3018 18.6289 14.862 18.7655 14.412 18.858C13.4804 19.0465 12.5206 19.0465 11.589 18.858C10.6943 18.6746 9.84447 18.3168 9.088 17.805C8.71595 17.5536 8.36871 17.2673 8.051 16.95L6.637 18.364C7.47212 19.2003 8.46403 19.8636 9.5559 20.3159C10.6478 20.7682 11.8181 21.0007 13 21C14.2031 20.9995 15.3939 20.7592 16.503 20.293C18.1106 19.6128 19.486 18.4803 20.462 17.033C21.4665 15.5469 22.0022 13.7937 22 12C22.0025 10.7966 21.7617 9.60502 21.292 8.497Z" />`;
+    const filledPaths = `<path d="M12 8V13H17V11H14V8H12Z" />
+<path d="M21.292 8.497C20.8409 7.42705 20.1861 6.45501 19.364 5.635C18.1196 4.39057 16.5377 3.5381 14.814 3.183C13.6176 2.93949 12.3844 2.93949 11.188 3.183C9.46267 3.53584 7.87947 4.389 6.636 5.636C5.81589 6.45689 5.16133 7.42786 4.708 8.496C4.23911 9.60461 3.99832 10.7963 4 12L4.001 12.025H2L5 16L8 12.025H6.001L6 12C5.99712 10.6054 6.41346 9.24207 7.195 8.087C7.69912 7.34169 8.34095 6.69952 9.086 6.195C9.84394 5.68441 10.6941 5.3264 11.589 5.141C13.4075 4.7671 15.3001 5.13063 16.8507 6.15167C18.4013 7.17271 19.483 8.7677 19.858 10.586C20.0466 11.5179 20.0466 12.4781 19.858 13.41C19.675 14.3056 19.3168 15.1563 18.804 15.913C18.554 16.284 18.267 16.633 17.95 16.949C17.3112 17.587 16.5558 18.0966 15.725 18.45C15.3018 18.6289 14.862 18.7655 14.412 18.858C13.4804 19.0465 12.5206 19.0465 11.589 18.858C10.6943 18.6746 9.84447 18.3168 9.088 17.805C8.71595 17.5536 8.36871 17.2673 8.051 16.95L6.637 18.364C7.47212 19.2003 8.46403 19.8636 9.5559 20.3159C10.6478 20.7682 11.8181 21.0007 13 21C14.2031 20.9995 15.3939 20.7592 16.503 20.293C18.1106 19.6128 19.486 18.4803 20.462 17.033C21.4665 15.5469 22.0022 13.7937 22 12C22.0025 10.7966 21.7617 9.60502 21.292 8.497Z" />`;
+    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-history")) {
+  customElements.define("icon-history", NavaIconHistory);
+}

package/dist/chunk-WB5JS5LG.js

@@ -0,0 +1,45 @@
+// src/icons/key.ts
+var NavaIconKey = 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="M7 17C8.15196 16.9985 9.26816 16.5998 10.1604 15.8711C11.0526 15.1424 11.6663 14.1284 11.898 13H14V15H16V13H18V16H20V13H21V11H11.898C11.6663 9.87158 11.0526 8.85755 10.1604 8.1289C9.26816 7.40025 8.15196 7.00154 7 7C4.243 7 2 9.243 2 12C2 14.757 4.243 17 7 17ZM7 9C8.654 9 10 10.346 10 12C10 13.654 8.654 15 7 15C5.346 15 4 13.654 4 12C4 10.346 5.346 9 7 9Z" />`;
+    const filledPaths = `<path d="M3.43296 17.325L3.07896 19.8C3.05708 19.9536 3.07125 20.1102 3.12036 20.2574C3.16946 20.4046 3.25214 20.5384 3.36186 20.6481C3.47159 20.7578 3.60534 20.8405 3.75253 20.8896C3.89973 20.9387 4.05634 20.9529 4.20996 20.931L6.68496 20.577C7.05996 20.524 7.99996 18 7.99996 18C7.99996 18 8.47196 18.405 8.66496 18.466C9.07696 18.596 9.47796 18.192 9.61296 17.782L9.99996 16.01C9.99996 16.01 10.577 16.302 10.786 16.345C11.052 16.4 11.31 16.236 11.493 16.052C11.6029 15.9424 11.6855 15.8085 11.734 15.661L12 14.01C12 14.01 12.675 14.197 12.906 14.224C13.169 14.254 13.425 14.12 13.613 13.931L14.751 12.794C15.7143 13.1062 16.745 13.1464 17.7297 12.9103C18.7144 12.6743 19.6149 12.171 20.332 11.456C21.3616 10.4237 21.9399 9.02508 21.9399 7.567C21.9399 6.10892 21.3616 4.71035 20.332 3.678C19.2996 2.64831 17.901 2.07007 16.443 2.07007C14.9849 2.07007 13.5863 2.64831 12.554 3.678C11.8388 4.39492 11.3354 5.29539 11.0993 6.28014C10.8632 7.2649 10.9036 8.29572 11.216 9.259L3.71496 16.759C3.56185 16.9119 3.46284 17.1107 3.43296 17.325ZM18.504 5.506C19.0495 6.05317 19.3559 6.79432 19.3559 7.567C19.3559 8.33968 19.0495 9.08083 18.504 9.628L14.382 5.506C14.9291 4.96044 15.6703 4.65408 16.443 4.65408C17.2156 4.65408 17.9568 4.96044 18.504 5.506Z" />`;
+    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-key")) {
+  customElements.define("icon-key", NavaIconKey);
+}

package/dist/chunk-WD32MTQ2.js

@@ -0,0 +1,47 @@
+// src/icons/graduation.ts
+var NavaIconGraduation = 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="M2 7V8L13 12L22 8V7L11 4L2 7Z" />
+<path d="M4 11V15.267C4 16.888 8.001 19.16 13 19.001C17 18.875 19.586 17.029 20 15.534C20.024 15.445 20.037 15.356 20.037 15.266V11L13 14L8 12.333V15.546L7 15.182V12L4 11Z" />`;
+    const filledPaths = `<path d="M2 7V8L13 12L22 8V7L11 4L2 7Z" />
+<path d="M4 11V15.267C4 16.888 8.001 19.16 13 19.001C17 18.875 19.586 17.029 20 15.534C20.024 15.445 20.037 15.356 20.037 15.266V11L13 14L8 12.333V15.546L7 15.182V12L4 11Z" />`;
+    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-graduation")) {
+  customElements.define("icon-graduation", NavaIconGraduation);
+}