@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-473ENSTG.js

@@ -0,0 +1,45 @@
+// src/icons/envelope.ts
+var NavaIconEnvelope = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const 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 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM20 6V6.511L12 12.734L4 6.512V6H20ZM4 18V9.044L11.386 14.789C11.5611 14.9265 11.7773 15.0013 12 15.0013C12.2227 15.0013 12.4389 14.9265 12.614 14.789L20 9.044L20.002 18H4Z" />`;
+    const filledPaths = `<path d="M20 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V18C2 18.5304 2.21071 19.0391 2.58579 19.4142C2.96086 19.7893 3.46957 20 4 20H20C20.5304 20 21.0391 19.7893 21.4142 19.4142C21.7893 19.0391 22 18.5304 22 18V6C22 5.46957 21.7893 4.96086 21.4142 4.58579C21.0391 4.21071 20.5304 4 20 4ZM20 8.7L12 14.034L4 8.7V6.297L12 11.63L20 6.297V8.7Z" />`;
+    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-envelope")) {
+  customElements.define("icon-envelope", NavaIconEnvelope);
+}

package/dist/chunk-47NSX754.js

@@ -0,0 +1,46 @@
+// src/icons/tachometer.ts
+var NavaIconTachometer = 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 4C6.486 4 2 8.486 2 14C1.99871 15.5434 2.35864 17.0656 3.051 18.445C3.221 18.785 3.567 19 3.946 19H20.053C20.432 19 20.779 18.785 20.949 18.445C21.6414 17.0656 22.0013 15.5434 22 14C22 8.486 17.514 4 12 4ZM19.41 17H4.59C4.19924 16.0481 3.99879 15.0289 4 14C4 9.589 7.589 6 12 6C16.411 6 20 9.589 20 14C20.0012 15.0289 19.8008 16.0481 19.41 17Z" />
+<path d="M10.939 12.939C10.7263 13.0781 10.5516 13.268 10.4306 13.4916C10.3097 13.7151 10.2464 13.9653 10.2464 14.2195C10.2464 14.4737 10.3097 14.7238 10.4306 14.9474C10.5516 15.171 10.7263 15.3609 10.939 15.5C11.1071 15.6106 11.2953 15.6869 11.493 15.7247C11.6906 15.7624 11.8938 15.7608 12.0908 15.72C12.2878 15.6791 12.4748 15.5998 12.6411 15.4865C12.8074 15.3733 12.9498 15.2283 13.06 15.06L17.022 9.02199C17.0252 9.01671 17.0269 9.01066 17.0269 9.00449C17.0269 8.99833 17.0252 8.99228 17.022 8.98699C17.0173 8.97978 17.01 8.9747 17.0015 8.97283C16.9931 8.97096 16.9843 8.97246 16.977 8.97699L10.939 12.939Z" />`;
+    const filledPaths = `<path d="M12 4C6.486 4 2 8.486 2 14C1.99871 15.5434 2.35864 17.0656 3.051 18.445C3.221 18.785 3.567 19 3.946 19H20.053C20.432 19 20.779 18.785 20.949 18.445C21.6414 17.0656 22.0013 15.5434 22 14C22 8.486 17.514 4 12 4ZM17.022 9.022L13.06 15.06C12.9498 15.2283 12.8074 15.3733 12.6411 15.4865C12.4748 15.5998 12.2878 15.6791 12.0908 15.72C11.8938 15.7608 11.6906 15.7624 11.493 15.7247C11.2953 15.687 11.1071 15.6106 10.939 15.5C10.7263 15.3609 10.5516 15.171 10.4306 14.9474C10.3097 14.7238 10.2464 14.4737 10.2464 14.2195C10.2464 13.9653 10.3097 13.7152 10.4306 13.4916C10.5516 13.268 10.7263 13.0781 10.939 12.939L16.977 8.977C16.9843 8.97247 16.9931 8.97097 17.0015 8.97284C17.0099 8.97471 17.0173 8.97979 17.022 8.987C17.0252 8.99229 17.0269 8.99834 17.0269 9.0045C17.0269 9.01067 17.0252 9.01671 17.022 9.022Z" />`;
+    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-tachometer")) {
+  customElements.define("icon-tachometer", NavaIconTachometer);
+}

package/dist/chunk-47RX7DW3.js

@@ -0,0 +1,47 @@
+// src/icons/select-multiple.ts
+var NavaIconSelectMultiple = 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 2H8C6.897 2 6 2.897 6 4V16C6 17.103 6.897 18 8 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM8 16V4H20L20.002 16H8Z" />
+<path d="M4 8.00001H2V20C2 21.103 2.897 22 4 22H16V20H4V8.00001ZM12.933 11.519L11.207 9.79301L9.793 11.207L13.067 14.481L18.769 7.64101L17.231 6.35901L12.933 11.519Z" />`;
+    const filledPaths = `<path d="M20 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4V16C6 16.5304 6.21071 17.0391 6.58579 17.4142C6.96086 17.7893 7.46957 18 8 18H20C20.5304 18 21.0391 17.7893 21.4142 17.4142C21.7893 17.0391 22 16.5304 22 16V4C22 3.46957 21.7893 2.96086 21.4142 2.58579C21.0391 2.21071 20.5304 2 20 2ZM13.067 14.481L9.793 11.207L11.207 9.793L12.933 11.519L17.232 6.36L18.769 7.641L13.067 14.481Z" />
+<path d="M4 22H15V20H4V8H2V20C2 21.103 2.897 22 4 22Z" />`;
+    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-select-multiple")) {
+  customElements.define("icon-select-multiple", NavaIconSelectMultiple);
+}

package/dist/chunk-4A6DHY7I.js

@@ -0,0 +1,46 @@
+// src/icons/rewind-circle.ts
+var NavaIconRewindCircle = 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="M11 16V8L6 12L11 16ZM17 16V8L12 12L17 16Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 6.485 2 12C2 17.515 6.486 22 12 22C17.515 22 22 17.515 22 12C22 6.485 17.515 2 12 2ZM17 16L11 12V16L5 12L11 8V12L17 8V16Z" />`;
+    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-rewind-circle")) {
+  customElements.define("icon-rewind-circle", NavaIconRewindCircle);
+}

package/dist/chunk-4APP4I4Z.js

@@ -0,0 +1,45 @@
+// src/icons/stats.ts
+var NavaIconStats = 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 12C19.7596 12.0017 19.5214 12.0468 19.297 12.133L16.899 10.17C16.958 9.956 17 9.734 17 9.5C17 8.114 15.886 7 14.5 7C13.114 7 12 8.114 12 9.5C12 9.896 12.1 10.265 12.262 10.597L9.353 14.035C9.23656 14.0132 9.11845 14.0015 9 14C8.821 14 8.652 14.03 8.488 14.074L5.925 11.511C5.97 11.348 6 11.179 6 11C6 9.892 5.108 9 4 9C2.892 9 2 9.892 2 11C2 12.108 2.892 13 4 13C4.179 13 4.348 12.97 4.512 12.926L7.075 15.489C7.02693 15.6551 7.0017 15.8271 7 16C7 17.108 7.892 18 9 18C10.108 18 11 17.108 11 16C11 15.763 10.952 15.54 10.877 15.329L13.79 11.887C14.017 11.953 14.252 12 14.5 12C14.8946 11.9978 15.2831 11.9015 15.633 11.719L18.032 13.682C18.0132 13.787 18.0025 13.8933 18 14C18 15.108 18.892 16 20 16C21.108 16 22 15.108 22 14C22 12.892 21.108 12 20 12Z" />`;
+    const filledPaths = `<path d="M20 12C19.7596 12.0017 19.5214 12.0468 19.297 12.133L16.899 10.17C16.958 9.956 17 9.734 17 9.5C17 8.114 15.886 7 14.5 7C13.114 7 12 8.114 12 9.5C12 9.896 12.1 10.265 12.262 10.597L9.353 14.035C9.23656 14.0132 9.11845 14.0015 9 14C8.821 14 8.652 14.03 8.488 14.074L5.925 11.511C5.97 11.348 6 11.179 6 11C6 9.892 5.108 9 4 9C2.892 9 2 9.892 2 11C2 12.108 2.892 13 4 13C4.179 13 4.348 12.97 4.512 12.926L7.075 15.489C7.02693 15.6551 7.0017 15.8271 7 16C7 17.108 7.892 18 9 18C10.108 18 11 17.108 11 16C11 15.763 10.952 15.54 10.877 15.329L13.79 11.887C14.017 11.953 14.252 12 14.5 12C14.8946 11.9978 15.2831 11.9015 15.633 11.719L18.032 13.682C18.0132 13.787 18.0025 13.8933 18 14C18 15.108 18.892 16 20 16C21.108 16 22 15.108 22 14C22 12.892 21.108 12 20 12Z" />`;
+    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-stats")) {
+  customElements.define("icon-stats", NavaIconStats);
+}

package/dist/chunk-4B46X7OI.js

@@ -0,0 +1,45 @@
+// src/icons/border-none.ts
+var NavaIconBorderNone = 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 19H21V21H19V19ZM11 19H13V21H11V19ZM15 19H17V21H15V19ZM7 19H9V21H7V19ZM3 19H5V21H3V19ZM3 7H5V9H3V7ZM3 15H5V17H3V15ZM3 11H5V13H3V11ZM3 3H5V5H3V3ZM7 3H9V5H7V3ZM11 3H13V5H11V3ZM15 3H17V5H15V3ZM19 3H21V5H19V3ZM19 7H21V9H19V7ZM19 11H21V13H19V11ZM19 15H21V17H19V15ZM11 7H13V9H11V7ZM11 15H13V17H11V15ZM7 11H9V13H7V11ZM15 11H17V13H15V11ZM11 11H13V13H11V11Z" />`;
+    const filledPaths = `<path d="M19 19H21V21H19V19ZM11 19H13V21H11V19ZM15 19H17V21H15V19ZM7 19H9V21H7V19ZM3 19H5V21H3V19ZM3 7H5V9H3V7ZM3 15H5V17H3V15ZM3 11H5V13H3V11ZM3 3H5V5H3V3ZM7 3H9V5H7V3ZM11 3H13V5H11V3ZM15 3H17V5H15V3ZM19 3H21V5H19V3ZM19 7H21V9H19V7ZM19 11H21V13H19V11ZM19 15H21V17H19V15ZM11 7H13V9H11V7ZM11 15H13V17H11V15ZM7 11H9V13H7V11ZM15 11H17V13H15V11ZM11 11H13V13H11V11Z" />`;
+    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-border-none")) {
+  customElements.define("icon-border-none", NavaIconBorderNone);
+}

package/dist/chunk-4CJEVN2X.js

@@ -0,0 +1,46 @@
+// src/icons/comment-add.ts
+var NavaIconCommentAdd = 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="M11 14H13V11H16V9H13V6H11V9H8V11H11V14Z" />
+<path d="M20 2H4C2.897 2 2 2.897 2 4V22L7.333 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H6.667L4 18V4H20V16Z" />`;
+    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM17 11H13V15H11V11H7V9H11V5H13V9H17V11Z" />`;
+    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-comment-add")) {
+  customElements.define("icon-comment-add", NavaIconCommentAdd);
+}

package/dist/chunk-4DP2PQMW.js

@@ -0,0 +1,45 @@
+// src/icons/crown.ts
+var NavaIconCrown = 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="M11.219 3.37501L8 7.39901L4.781 3.37501C4.65099 3.21429 4.47444 3.09772 4.27558 3.04128C4.07671 2.98483 3.86525 2.99128 3.6702 3.05973C3.47514 3.12818 3.30602 3.25529 3.18604 3.42363C3.06605 3.59197 3.00107 3.79329 3 4.00001V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V4.00001C20.9989 3.79329 20.9339 3.59197 20.814 3.42363C20.694 3.25529 20.5249 3.12818 20.3298 3.05973C20.1347 2.99128 19.9233 2.98483 19.7244 3.04128C19.5256 3.09772 19.349 3.21429 19.219 3.37501L16 7.39901L12.781 3.37501C12.4 2.90101 11.6 2.90101 11.219 3.37501ZM5 19V17H19.001V19H5ZM15.219 9.62501C15.6 10.1 16.401 10.1 16.782 9.62501L19 6.85101L19.001 15H5V6.85101L7.219 9.62501C7.6 10.1 8.401 10.1 8.782 9.62501L12 5.60101L15.219 9.62501Z" />`;
+    const filledPaths = `<path d="M21 2L16 7L12 2L8 7L3 2V15H21V2ZM5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V17H3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21Z" />`;
+    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-crown")) {
+  customElements.define("icon-crown", NavaIconCrown);
+}

package/dist/chunk-4EOU7YUX.js

@@ -0,0 +1,45 @@
+// src/icons/battery-low.ts
+var NavaIconBatteryLow = 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 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 16V14H22V10H20V8ZM5 15V9H8L12 15H5Z" />`;
+    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 16V14H22V10H20V8ZM5 15V9H8L12 15H5Z" />`;
+    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-low")) {
+  customElements.define("icon-battery-low", NavaIconBatteryLow);
+}

package/dist/chunk-4FF6WN7Q.js

@@ -0,0 +1,45 @@
+// src/icons/contact.ts
+var NavaIconContact = 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 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V7H2V9H4V11H2V13H4V15H2V17H4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 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 2ZM13 4.999C14.648 4.999 16 6.35 16 7.999C15.9971 8.79385 15.6801 9.55533 15.1182 10.1175C14.5562 10.6796 13.7948 10.9968 13 11C11.353 11 10 9.647 10 7.999C10 6.35 11.353 4.999 13 4.999ZM19 18H7V17.25C7 15.031 9.705 12.75 13 12.75C16.295 12.75 19 15.031 19 17.25V18Z" />`;
+    const filledPaths = `<path d="M21 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V7H2V9H4V11H2V13H4V15H2V17H4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 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 2ZM13 4.999C14.648 4.999 16 6.35 16 7.999C15.9971 8.79385 15.6801 9.55533 15.1182 10.1175C14.5562 10.6796 13.7948 10.9968 13 11C11.353 11 10 9.647 10 7.999C10 6.35 11.353 4.999 13 4.999ZM19 18H7V17.25C7 15.031 9.705 12.75 13 12.75C16.295 12.75 19 15.031 19 17.25V18Z" />`;
+    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-contact")) {
+  customElements.define("icon-contact", NavaIconContact);
+}

package/dist/chunk-4FPIF3BR.js

@@ -0,0 +1,45 @@
+// src/icons/quote-alt-right.ts
+var NavaIconQuoteAltRight = 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.9501 8.721L21.9251 8.553L21.8991 8.559C21.7214 7.72804 21.312 6.96437 20.7184 6.35635C20.1248 5.74833 19.3711 5.32082 18.5446 5.12328C17.7182 4.92574 16.8527 4.96625 16.0483 5.24011C15.2438 5.51397 14.5334 6.00999 13.9992 6.67079C13.4649 7.33159 13.1287 8.13015 13.0294 8.97408C12.9301 9.818 13.0717 10.6728 13.438 11.4396C13.8042 12.2063 14.3801 12.8537 15.099 13.3068C15.8178 13.76 16.6503 14.0003 17.5001 14C17.7231 14 17.9371 13.966 18.1501 13.935C18.0811 14.167 18.0101 14.403 17.8961 14.615C17.7821 14.923 17.6041 15.19 17.4271 15.459C17.2791 15.75 17.0181 15.947 16.8261 16.196C16.6251 16.438 16.3511 16.599 16.1341 16.8C15.9211 17.01 15.6421 17.115 15.4201 17.263C15.1881 17.396 14.9861 17.543 14.7701 17.613L14.2311 17.835L13.7571 18.032L14.2411 19.971L14.8381 19.827C15.0291 19.779 15.2621 19.723 15.5271 19.656C15.7981 19.606 16.0871 19.469 16.4091 19.344C16.7261 19.201 17.0951 19.106 17.4371 18.877C17.7811 18.659 18.1781 18.477 18.5281 18.185C18.8671 17.884 19.2761 17.623 19.5781 17.241C19.9081 16.883 20.2341 16.507 20.4871 16.079C20.7801 15.671 20.9791 15.223 21.1891 14.78C21.3791 14.337 21.5321 13.884 21.6571 13.444C21.8941 12.562 22.0001 11.724 22.0411 11.007C22.0751 10.289 22.0551 9.692 22.0131 9.26C21.999 9.07959 21.978 8.89979 21.9501 8.721ZM10.9501 8.721L10.9251 8.553L10.8991 8.559C10.7214 7.72804 10.312 6.96437 9.71839 6.35635C9.12477 5.74833 8.37112 5.32082 7.54465 5.12328C6.71818 4.92574 5.85267 4.96625 5.04826 5.24011C4.24385 5.51397 3.53342 6.00999 2.99917 6.67079C2.46492 7.33159 2.12869 8.13015 2.02938 8.97408C1.93006 9.818 2.07173 10.6728 2.43799 11.4396C2.80424 12.2063 3.38012 12.8537 4.09898 13.3068C4.81784 13.76 5.6503 14.0003 6.50005 14C6.72305 14 6.93705 13.966 7.15005 13.935C7.08105 14.167 7.01005 14.403 6.89605 14.615C6.78205 14.923 6.60405 15.19 6.42705 15.459C6.27905 15.75 6.01805 15.947 5.82605 16.196C5.62505 16.438 5.35105 16.599 5.13405 16.8C4.92105 17.01 4.64205 17.115 4.42005 17.263C4.18805 17.396 3.98605 17.543 3.77005 17.613L3.23105 17.835C2.93005 17.958 2.75805 18.03 2.75805 18.03L3.24205 19.969L3.83905 19.825C4.03005 19.777 4.26305 19.721 4.52805 19.654C4.79905 19.604 5.08805 19.467 5.41005 19.342C5.72705 19.199 6.09605 19.104 6.43805 18.875C6.78205 18.657 7.17905 18.475 7.52905 18.183C7.86805 17.882 8.27705 17.621 8.57905 17.239C8.90905 16.881 9.23505 16.505 9.48805 16.077C9.78105 15.669 9.98005 15.221 10.1901 14.778C10.3801 14.335 10.5331 13.882 10.6581 13.442C10.8951 12.56 11.0011 11.722 11.0421 11.005C11.0761 10.287 11.0561 9.69 11.0141 9.258C10.9991 9.0783 10.9778 8.89918 10.9501 8.721Z" />`;
+    const filledPaths = `<path d="M21.9501 8.721L21.9251 8.553L21.8991 8.559C21.7214 7.72804 21.312 6.96437 20.7184 6.35635C20.1248 5.74833 19.3711 5.32082 18.5446 5.12328C17.7182 4.92574 16.8527 4.96625 16.0483 5.24011C15.2438 5.51397 14.5334 6.00999 13.9992 6.67079C13.4649 7.33159 13.1287 8.13015 13.0294 8.97408C12.9301 9.818 13.0717 10.6728 13.438 11.4396C13.8042 12.2063 14.3801 12.8537 15.099 13.3068C15.8178 13.76 16.6503 14.0003 17.5001 14C17.7231 14 17.9371 13.966 18.1501 13.935C18.0811 14.167 18.0101 14.403 17.8961 14.615C17.7821 14.923 17.6041 15.19 17.4271 15.459C17.2791 15.75 17.0181 15.947 16.8261 16.196C16.6251 16.438 16.3511 16.599 16.1341 16.8C15.9211 17.01 15.6421 17.115 15.4201 17.263C15.1881 17.396 14.9861 17.543 14.7701 17.613L14.2311 17.835L13.7571 18.032L14.2411 19.971L14.8381 19.827C15.0291 19.779 15.2621 19.723 15.5271 19.656C15.7981 19.606 16.0871 19.469 16.4091 19.344C16.7261 19.201 17.0951 19.106 17.4371 18.877C17.7811 18.659 18.1781 18.477 18.5281 18.185C18.8671 17.884 19.2761 17.623 19.5781 17.241C19.9081 16.883 20.2341 16.507 20.4871 16.079C20.7801 15.671 20.9791 15.223 21.1891 14.78C21.3791 14.337 21.5321 13.884 21.6571 13.444C21.8941 12.562 22.0001 11.724 22.0411 11.007C22.0751 10.289 22.0551 9.692 22.0131 9.26C21.999 9.07959 21.978 8.89979 21.9501 8.721ZM10.9501 8.721L10.9251 8.553L10.8991 8.559C10.7214 7.72804 10.312 6.96437 9.71839 6.35635C9.12477 5.74833 8.37112 5.32082 7.54465 5.12328C6.71818 4.92574 5.85267 4.96625 5.04826 5.24011C4.24385 5.51397 3.53342 6.00999 2.99917 6.67079C2.46492 7.33159 2.12869 8.13015 2.02938 8.97408C1.93006 9.818 2.07173 10.6728 2.43799 11.4396C2.80424 12.2063 3.38012 12.8537 4.09898 13.3068C4.81784 13.76 5.6503 14.0003 6.50005 14C6.72305 14 6.93705 13.966 7.15005 13.935C7.08105 14.167 7.01005 14.403 6.89605 14.615C6.78205 14.923 6.60405 15.19 6.42705 15.459C6.27905 15.75 6.01805 15.947 5.82605 16.196C5.62505 16.438 5.35105 16.599 5.13405 16.8C4.92105 17.01 4.64205 17.115 4.42005 17.263C4.18805 17.396 3.98605 17.543 3.77005 17.613L3.23105 17.835C2.93005 17.958 2.75805 18.03 2.75805 18.03L3.24205 19.969L3.83905 19.825C4.03005 19.777 4.26305 19.721 4.52805 19.654C4.79905 19.604 5.08805 19.467 5.41005 19.342C5.72705 19.199 6.09605 19.104 6.43805 18.875C6.78205 18.657 7.17905 18.475 7.52905 18.183C7.86805 17.882 8.27705 17.621 8.57905 17.239C8.90905 16.881 9.23505 16.505 9.48805 16.077C9.78105 15.669 9.98005 15.221 10.1901 14.778C10.3801 14.335 10.5331 13.882 10.6581 13.442C10.8951 12.56 11.0011 11.722 11.0421 11.005C11.0761 10.287 11.0561 9.69 11.0141 9.258C10.9991 9.0783 10.9778 8.89918 10.9501 8.721Z" />`;
+    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-quote-alt-right")) {
+  customElements.define("icon-quote-alt-right", NavaIconQuoteAltRight);
+}

package/dist/chunk-4GW3M6XO.js

@@ -0,0 +1,47 @@
+// src/icons/file-png.ts
+var NavaIconFilePng = 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.78203 14.576C7.59603 14.576 7.47003 14.594 7.40503 14.612V15.805C7.48203 15.823 7.57903 15.828 7.71103 15.828C8.19603 15.828 8.49603 15.582 8.49603 15.169C8.49603 14.798 8.23803 14.576 7.78203 14.576Z" />
+<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM9.03 16.105C8.717 16.398 8.256 16.531 7.717 16.531C7.597 16.531 7.488 16.524 7.405 16.512V17.957H6.499V13.97C6.90768 13.9084 7.32075 13.8806 7.734 13.887C8.297 13.887 8.7 13.994 8.969 14.21C9.227 14.414 9.401 14.75 9.401 15.146C9.401 15.542 9.27 15.877 9.03 16.105ZM13.332 17.958H12.372L11.509 16.398C11.269 15.966 11.005 15.445 10.808 14.971L10.789 14.977C10.813 15.511 10.825 16.081 10.825 16.74V17.958H9.985V13.916H11.052L11.892 15.397C12.132 15.823 12.371 16.327 12.551 16.782H12.57C12.5119 16.2223 12.4858 15.6597 12.492 15.097V13.915H13.332V17.958ZM17.501 17.772C17.0655 17.9161 16.6106 17.993 16.152 18C15.415 18 14.881 17.814 14.508 17.454C14.137 17.106 13.933 16.579 13.939 15.985C13.945 14.641 14.922 13.874 16.248 13.874C16.769 13.874 17.172 13.977 17.369 14.072L17.178 14.803C16.956 14.707 16.68 14.629 16.237 14.629C15.475 14.629 14.899 15.061 14.899 15.937C14.899 16.77 15.421 17.262 16.17 17.262C16.38 17.262 16.548 17.238 16.62 17.201V16.355H15.996V15.642H17.501V17.772ZM14 9H13V4L18 9H14Z" />`;
+    const filledPaths = `<path d="M7.78203 14.576C7.59603 14.576 7.47003 14.594 7.40503 14.612V15.805C7.48203 15.823 7.57903 15.828 7.71103 15.828C8.19603 15.828 8.49603 15.582 8.49603 15.169C8.49603 14.798 8.23803 14.576 7.78203 14.576Z" />
+<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM9.03 16.105C8.717 16.398 8.256 16.531 7.717 16.531C7.597 16.531 7.488 16.524 7.405 16.512V17.957H6.499V13.97C6.90768 13.9084 7.32075 13.8806 7.734 13.887C8.297 13.887 8.7 13.994 8.969 14.21C9.227 14.414 9.401 14.75 9.401 15.146C9.401 15.542 9.27 15.877 9.03 16.105ZM13.332 17.958H12.372L11.509 16.398C11.269 15.966 11.005 15.445 10.808 14.971L10.789 14.977C10.813 15.511 10.825 16.081 10.825 16.74V17.958H9.985V13.916H11.052L11.892 15.397C12.132 15.823 12.371 16.327 12.551 16.782H12.57C12.5119 16.2223 12.4858 15.6597 12.492 15.097V13.915H13.332V17.958ZM17.501 17.772C17.0655 17.9161 16.6106 17.993 16.152 18C15.415 18 14.881 17.814 14.508 17.454C14.137 17.106 13.933 16.579 13.939 15.985C13.945 14.641 14.922 13.874 16.248 13.874C16.769 13.874 17.172 13.977 17.369 14.072L17.178 14.803C16.956 14.707 16.68 14.629 16.237 14.629C15.475 14.629 14.899 15.061 14.899 15.937C14.899 16.77 15.421 17.262 16.17 17.262C16.38 17.262 16.548 17.238 16.62 17.201V16.355H15.996V15.642H17.501V17.772ZM14 9H13V4L18 9H14Z" />`;
+    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-file-png")) {
+  customElements.define("icon-file-png", NavaIconFilePng);
+}

package/dist/chunk-4IYIGT3M.js

@@ -0,0 +1,45 @@
+// src/icons/equalizer.ts
+var NavaIconEqualizer = 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="M11 9H13V15H11V9ZM15 6H17V18H15V6ZM7 4H9V20H7V4ZM19 11H21V13H19V11ZM3 10H5V14H3V10Z" />`;
+    const filledPaths = `<path d="M11 9H13V15H11V9ZM15 6H17V18H15V6ZM7 4H9V20H7V4ZM19 11H21V13H19V11ZM3 10H5V14H3V10Z" />`;
+    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-equalizer")) {
+  customElements.define("icon-equalizer", NavaIconEqualizer);
+}