@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-UUEWEJ34.js

@@ -0,0 +1,46 @@
+// src/icons/terminal.ts
+var NavaIconTerminal = 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 14H18V16H12V14ZM6.29303 9.70703L8.58603 12L6.29303 14.293L7.70703 15.707L11.414 12L7.70703 8.29303L6.29303 9.70703Z" />
+<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 4ZM4 18V6H20L20.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 4ZM6.414 15.707L5 14.293L7.293 12L5 9.707L6.414 8.293L10.121 12L6.414 15.707ZM19 16H12V14H19V16Z" />`;
+    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-terminal")) {
+  customElements.define("icon-terminal", NavaIconTerminal);
+}

package/dist/chunk-UUHKLMQ7.js

@@ -0,0 +1,46 @@
+// src/icons/cloud-upload.ts
+var NavaIconCloudUpload = 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 19V15H16L12 10L8 15H11V19H13Z" />
+<path d="M7 19H9V17H7C5.346 17 4 15.654 4 14C4 12.596 5.199 11.244 6.673 10.985L7.254 10.883L7.446 10.325C8.149 8.274 9.895 7 12 7C14.757 7 17 9.243 17 12V13H18C19.103 13 20 13.897 20 15C20 16.103 19.103 17 18 17H15V19H18C20.206 19 22 17.206 22 15C21.9985 14.1036 21.6966 13.2336 21.1427 12.5288C20.5888 11.8241 19.8147 11.3253 18.944 11.112C18.507 7.67 15.56 5 12 5C9.244 5 6.85 6.611 5.757 9.15C3.609 9.792 2 11.82 2 14C2 16.757 4.243 19 7 19Z" />`;
+    const filledPaths = `<path d="M18.944 11.112C18.507 7.67 15.56 5 12 5C9.244 5 6.85 6.611 5.757 9.15C3.609 9.792 2 11.82 2 14C2 16.757 4.243 19 7 19H18C20.206 19 22 17.206 22 15C21.9985 14.1036 21.6966 13.2336 21.1427 12.5288C20.5888 11.8241 19.8147 11.3253 18.944 11.112ZM13 14V17H11V14H8L12 9L16 14H13Z" />`;
+    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-cloud-upload")) {
+  customElements.define("icon-cloud-upload", NavaIconCloudUpload);
+}

package/dist/chunk-UVKXV2MW.js

@@ -0,0 +1,47 @@
+// src/icons/code-block.ts
+var NavaIconCodeBlock = 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 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3ZM4 19V7H20L20.002 19H4Z" />
+<path d="M9.293 9.293L5.586 13L9.293 16.707L10.707 15.293L8.414 13L10.707 10.707L9.293 9.293ZM14.707 9.293L13.293 10.707L15.586 13L13.293 15.293L14.707 16.707L18.414 13L14.707 9.293Z" />`;
+    const filledPaths = `<path d="M20 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3ZM4 19V7H20L20.002 19H4Z" />
+<path d="M9.293 9.293L5.586 13L9.293 16.707L10.707 15.293L8.414 13L10.707 10.707L9.293 9.293ZM14.707 9.293L13.293 10.707L15.586 13L13.293 15.293L14.707 16.707L18.414 13L14.707 9.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-code-block")) {
+  customElements.define("icon-code-block", NavaIconCodeBlock);
+}

package/dist/chunk-UVZPENOM.js

@@ -0,0 +1,47 @@
+// src/icons/user-voice.ts
+var NavaIconUserVoice = 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="M8 12C10.28 12 12 10.28 12 7.99999C12 5.71999 10.28 3.99999 8 3.99999C5.72 3.99999 4 5.71999 4 7.99999C4 10.28 5.72 12 8 12ZM8 5.99999C9.178 5.99999 10 6.82199 10 7.99999C10 9.17799 9.178 9.99999 8 9.99999C6.822 9.99999 6 9.17799 6 7.99999C6 6.82199 6.822 5.99999 8 5.99999ZM9 13H7C4.243 13 2 15.243 2 18V19H4V18C4 16.346 5.346 15 7 15H9C10.654 15 12 16.346 12 18V19H14V18C14 15.243 11.757 13 9 13ZM18.364 2.63599L16.95 4.04999C18.271 5.37299 19 7.13099 19 8.99999C19 10.869 18.271 12.627 16.95 13.95L18.364 15.364C20.064 13.663 21 11.403 21 8.99999C21 6.59699 20.064 4.33699 18.364 2.63599Z" />
+<path d="M15.535 5.46399L14.121 6.87999C14.688 7.44499 15 8.19799 15 8.99999C15 9.80199 14.688 10.555 14.121 11.12L15.535 12.536C16.479 11.592 17 10.337 17 8.99999C17 7.66299 16.479 6.40799 15.535 5.46399Z" />`;
+    const filledPaths = `<path d="M8 12.052C9.995 12.052 11.5 10.547 11.5 8.55199C11.5 6.55699 9.995 5.05199 8 5.05199C6.005 5.05199 4.5 6.55699 4.5 8.55199C4.5 10.547 6.005 12.052 8 12.052ZM9 13H7C4.243 13 2 15.243 2 18V19H14V18C14 15.243 11.757 13 9 13ZM18.364 2.63599L16.95 4.04999C18.271 5.37299 19 7.13099 19 8.99999C19 10.869 18.271 12.627 16.95 13.95L18.364 15.364C20.064 13.663 21 11.403 21 8.99999C21 6.59699 20.064 4.33699 18.364 2.63599Z" />
+<path d="M15.535 5.46399L14.121 6.87999C14.688 7.44499 15 8.19799 15 8.99999C15 9.80199 14.688 10.555 14.121 11.12L15.535 12.536C16.479 11.592 17 10.337 17 8.99999C17 7.66299 16.479 6.40799 15.535 5.46399Z" />`;
+    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-user-voice")) {
+  customElements.define("icon-user-voice", NavaIconUserVoice);
+}

package/dist/chunk-UWCSUD5I.js

@@ -0,0 +1,45 @@
+// src/icons/skip-previous.ts
+var NavaIconSkipPrevious = 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 7L9 12L16 17V7ZM9 12V7H7V17H9V12Z" />`;
+    const filledPaths = `<path d="M16 7L9 12L16 17V7ZM9 12V7H7V17H9V12Z" />`;
+    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-skip-previous")) {
+  customElements.define("icon-skip-previous", NavaIconSkipPrevious);
+}

package/dist/chunk-UWKVYKNL.js

@@ -0,0 +1,45 @@
+// src/icons/flag-alt.ts
+var NavaIconFlagAlt = 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="M14.303 6L11.303 4H6V2H4V22H6V14H10.697L13.697 16H20V6H14.303Z" />`;
+    const filledPaths = `<path d="M14.303 6L11.303 4H6V2H4V22H6V14H10.697L13.697 16H20V6H14.303Z" />`;
+    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-flag-alt")) {
+  customElements.define("icon-flag-alt", NavaIconFlagAlt);
+}

package/dist/chunk-UXA7FA6C.js

@@ -0,0 +1,45 @@
+// src/icons/fullscreen.ts
+var NavaIconFullscreen = 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="M5 5H10V3H3V10H5V5ZM10 19H5V14H3V21H10V19ZM21 14H19V19H14V21H21V14ZM19 10H21V3H14V5H19V10Z" />`;
+    const filledPaths = `<path d="M5 5H10V3H3V10H5V5ZM10 19H5V14H3V21H10V19ZM21 14H19V19H14V21H21V14ZM19 10H21V3H14V5H19V10Z" />`;
+    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-fullscreen")) {
+  customElements.define("icon-fullscreen", NavaIconFullscreen);
+}

package/dist/chunk-UYEUZR7X.js

@@ -0,0 +1,45 @@
+// src/icons/star-half.ts
+var NavaIconStarHalf = 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="M5.02503 20.775C4.99077 20.9217 4.99015 21.0742 5.02322 21.2212C5.0563 21.3681 5.12221 21.5057 5.21601 21.6235C5.30981 21.7414 5.42907 21.8365 5.56485 21.9017C5.70063 21.9669 5.8494 22.0005 6.00003 22C6.19756 22.0001 6.39068 21.9416 6.55503 21.832L12 18.202L17.445 21.832C17.6154 21.9451 17.8162 22.0033 18.0207 21.9988C18.2251 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.8143 10.1132 21.9181 9.94268 21.9674 9.75353C22.0168 9.56437 22.0097 9.3649 21.9469 9.17976C21.8841 8.99462 21.7685 8.83194 21.6142 8.71184C21.46 8.59174 21.2739 8.51949 21.079 8.50401L15.378 8.05001L12.911 2.58901C12.8325 2.41313 12.7047 2.26374 12.5431 2.15887C12.3815 2.05401 12.193 1.99815 12.0004 1.99805C11.8077 1.99794 11.6192 2.05359 11.4575 2.15828C11.2957 2.26296 11.1678 2.41221 11.089 2.58801L8.62203 8.05001L2.92103 8.50301C2.72948 8.51819 2.54636 8.58822 2.39358 8.70475C2.2408 8.82127 2.12482 8.97934 2.05952 9.16004C1.99422 9.34075 1.98236 9.53645 2.02537 9.72372C2.06838 9.91099 2.16443 10.0819 2.30203 10.216L6.51603 14.323L5.02503 20.775ZM12 5.42901L14.042 9.95001L14.63 9.99701L18.603 10.312L15.332 13.256L15.331 13.258L14.868 13.674L15.039 14.271V14.274L16.292 18.659L12 15.798V5.42901Z" />`;
+    const filledPaths = `<path d="M5.02503 20.775C4.99077 20.9217 4.99015 21.0742 5.02322 21.2212C5.0563 21.3681 5.12221 21.5057 5.21601 21.6235C5.30981 21.7414 5.42907 21.8365 5.56485 21.9017C5.70063 21.9669 5.8494 22.0005 6.00003 22C6.19756 22.0001 6.39068 21.9416 6.55503 21.832L12 18.202L17.445 21.832C17.6154 21.9451 17.8162 22.0033 18.0207 21.9988C18.2251 21.9944 18.4232 21.9274 18.5884 21.8069C18.7536 21.6865 18.878 21.5183 18.9448 21.3251C19.0116 21.1318 19.0176 20.9228 18.962 20.726L17.133 14.326L21.669 10.244C21.8143 10.1132 21.9181 9.94268 21.9674 9.75353C22.0168 9.56437 22.0097 9.3649 21.9469 9.17976C21.8841 8.99462 21.7685 8.83194 21.6142 8.71184C21.46 8.59174 21.2739 8.51949 21.079 8.50401L15.378 8.05001L12.911 2.58901C12.8325 2.41313 12.7047 2.26374 12.5431 2.15887C12.3815 2.05401 12.193 1.99815 12.0004 1.99805C11.8077 1.99794 11.6192 2.05359 11.4575 2.15828C11.2957 2.26296 11.1678 2.41221 11.089 2.58801L8.62203 8.05001L2.92103 8.50301C2.72948 8.51819 2.54636 8.58822 2.39358 8.70475C2.2408 8.82127 2.12482 8.97934 2.05952 9.16004C1.99422 9.34075 1.98236 9.53645 2.02537 9.72372C2.06838 9.91099 2.16443 10.0819 2.30203 10.216L6.51603 14.323L5.02503 20.775ZM12 5.42901L14.042 9.95001L14.63 9.99701L18.603 10.312L15.332 13.256L15.331 13.258L14.868 13.674L15.039 14.271V14.274L16.292 18.659L12 15.798V5.42901Z" />`;
+    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-star-half")) {
+  customElements.define("icon-star-half", NavaIconStarHalf);
+}

package/dist/chunk-UYMX35TM.js

@@ -0,0 +1,45 @@
+// src/icons/circle-three-quarter.ts
+var NavaIconCircleThreeQuarter = 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 2H11V11H2V12C2.00042 13.9775 2.58714 15.9105 3.68598 17.5546C4.78483 19.1987 6.34646 20.4801 8.17345 21.2368C10.0005 21.9935 12.0108 22.1915 13.9503 21.8058C15.8898 21.4202 17.6715 20.4681 19.07 19.07C20.4681 17.6715 21.4202 15.8898 21.8058 13.9503C22.1915 12.0108 21.9935 10.0005 21.2368 8.17345C20.4801 6.34646 19.1987 4.78483 17.5546 3.68598C15.9105 2.58714 13.9775 2.00042 12 2ZM17.66 17.66C16.6015 18.7203 15.2665 19.4621 13.8071 19.8009C12.3477 20.1396 10.8224 20.0617 9.40509 19.5761C7.98775 19.0904 6.73527 18.2165 5.79028 17.0539C4.84529 15.8913 4.24577 14.4867 4.06 13H13V4.06C14.4867 4.24577 15.8913 4.84529 17.0539 5.79028C18.2165 6.73527 19.0904 7.98775 19.5761 9.40509C20.0617 10.8224 20.1396 12.3477 19.8009 13.8071C19.4621 15.2665 18.7203 16.6015 17.66 17.66Z" />`;
+    const filledPaths = `<path d="M12 2H11V11H2V12C2.00042 13.9775 2.58714 15.9105 3.68598 17.5546C4.78483 19.1987 6.34646 20.4801 8.17345 21.2368C10.0005 21.9935 12.0108 22.1915 13.9503 21.8058C15.8898 21.4202 17.6715 20.4681 19.07 19.07C20.4681 17.6715 21.4202 15.8898 21.8058 13.9503C22.1915 12.0108 21.9935 10.0005 21.2368 8.17345C20.4801 6.34646 19.1987 4.78483 17.5546 3.68598C15.9105 2.58714 13.9775 2.00042 12 2Z" />`;
+    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-circle-three-quarter")) {
+  customElements.define("icon-circle-three-quarter", NavaIconCircleThreeQuarter);
+}

package/dist/chunk-UYPLCJEW.js

@@ -0,0 +1,46 @@
+// src/icons/copy.ts
+var NavaIconCopy = 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 2H10C8.897 2 8 2.897 8 4V8H4C2.897 8 2 8.897 2 10V20C2 21.103 2.897 22 4 22H14C15.103 22 16 21.103 16 20V16H20C21.103 16 22 15.103 22 14V4C22 2.897 21.103 2 20 2ZM4 20V10H14L14.002 20H4ZM20 14H16V10C16 8.897 15.103 8 14 8H10V4H20V14Z" />`;
+    const filledPaths = `<path d="M14 8H4C2.897 8 2 8.897 2 10V20C2 21.103 2.897 22 4 22H14C15.103 22 16 21.103 16 20V10C16 8.897 15.103 8 14 8Z" />
+<path d="M20 2H10C9.46957 2 8.96086 2.21071 8.58579 2.58579C8.21071 2.96086 8 3.46957 8 4V6H16C16.5304 6 17.0391 6.21071 17.4142 6.58579C17.7893 6.96086 18 7.46957 18 8V16H20C20.5304 16 21.0391 15.7893 21.4142 15.4142C21.7893 15.0391 22 14.5304 22 14V4C22 3.46957 21.7893 2.96086 21.4142 2.58579C21.0391 2.21071 20.5304 2 20 2Z" />`;
+    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-copy")) {
+  customElements.define("icon-copy", NavaIconCopy);
+}

package/dist/chunk-V23OQE6A.js

@@ -0,0 +1,45 @@
+// src/icons/git-repo-forked.ts
+var NavaIconGitRepoForked = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const 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="M5.559 8.855C5.725 10.038 6.348 12.062 8.646 12.934C11 13.829 11 14.534 11 15V15.163C9.56 15.597 8.5 16.92 8.5 18.5C8.5 20.43 10.07 22 12 22C13.93 22 15.5 20.43 15.5 18.5C15.5 16.92 14.44 15.597 13 15.163V15C13 14.534 13 13.829 15.354 12.935C17.652 12.063 18.275 10.039 18.441 8.856C19.912 8.441 21 7.102 21 5.5C21 3.57 19.43 2 17.5 2C15.57 2 14 3.57 14 5.5C14 7.052 15.022 8.355 16.424 8.813C16.278 9.548 15.859 10.604 14.646 11.065C13.454 11.517 12.593 12.018 12 12.601C11.407 12.018 10.547 11.517 9.354 11.065C8.141 10.604 7.721 9.548 7.576 8.813C8.978 8.355 10 7.052 10 5.5C10 3.57 8.43 2 6.5 2C4.57 2 3 3.57 3 5.5C3 7.102 4.088 8.441 5.559 8.855ZM17.5 4C18.327 4 19 4.673 19 5.5C19 6.327 18.327 7 17.5 7C16.673 7 16 6.327 16 5.5C16 4.673 16.673 4 17.5 4ZM13.5 18.5C13.5 19.327 12.827 20 12 20C11.173 20 10.5 19.327 10.5 18.5C10.5 17.673 11.173 17 12 17C12.827 17 13.5 17.673 13.5 18.5ZM6.5 4C7.327 4 8 4.673 8 5.5C8 6.327 7.327 7 6.5 7C5.673 7 5 6.327 5 5.5C5 4.673 5.673 4 6.5 4Z" />`;
+    const filledPaths = `<path d="M5.559 8.855C5.725 10.038 6.348 12.062 8.646 12.934C11 13.829 11 14.534 11 15V15.163C9.56 15.597 8.5 16.92 8.5 18.5C8.5 20.43 10.07 22 12 22C13.93 22 15.5 20.43 15.5 18.5C15.5 16.92 14.44 15.597 13 15.163V15C13 14.534 13 13.829 15.354 12.935C17.652 12.063 18.275 10.039 18.441 8.856C19.912 8.441 21 7.102 21 5.5C21 3.57 19.43 2 17.5 2C15.57 2 14 3.57 14 5.5C14 7.052 15.022 8.355 16.424 8.813C16.278 9.548 15.859 10.604 14.646 11.065C13.454 11.517 12.593 12.018 12 12.601C11.407 12.018 10.547 11.517 9.354 11.065C8.141 10.604 7.721 9.548 7.576 8.813C8.978 8.355 10 7.052 10 5.5C10 3.57 8.43 2 6.5 2C4.57 2 3 3.57 3 5.5C3 7.102 4.088 8.441 5.559 8.855ZM17.5 4C18.327 4 19 4.673 19 5.5C19 6.327 18.327 7 17.5 7C16.673 7 16 6.327 16 5.5C16 4.673 16.673 4 17.5 4ZM13.5 18.5C13.5 19.327 12.827 20 12 20C11.173 20 10.5 19.327 10.5 18.5C10.5 17.673 11.173 17 12 17C12.827 17 13.5 17.673 13.5 18.5ZM6.5 4C7.327 4 8 4.673 8 5.5C8 6.327 7.327 7 6.5 7C5.673 7 5 6.327 5 5.5C5 4.673 5.673 4 6.5 4Z" />`;
+    const 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-git-repo-forked")) {
+  customElements.define("icon-git-repo-forked", NavaIconGitRepoForked);
+}

package/dist/chunk-V3TTWW6I.js

@@ -0,0 +1,45 @@
+// src/icons/cricket-ball.ts
+var NavaIconCricketBall = 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.07 4.93001C17.184 3.10843 14.658 2.10049 12.036 2.12327C9.41403 2.14606 6.90591 3.19775 5.05183 5.05183C3.19775 6.90591 2.14606 9.41403 2.12327 12.036C2.10049 14.658 3.10843 17.184 4.93001 19.07C6.81603 20.8916 9.34206 21.8995 11.964 21.8768C14.586 21.854 17.0941 20.8023 18.9482 18.9482C20.8023 17.0941 21.854 14.586 21.8768 11.964C21.8995 9.34206 20.8916 6.81603 19.07 4.93001ZM6.34001 6.34001C7.4667 5.21286 8.90437 4.44791 10.4687 4.14324C12.033 3.83857 13.6527 4.00807 15.12 4.63001L14.83 4.93001L15.54 5.64001L16.06 5.11001C16.3499 5.28495 16.6303 5.47522 16.9 5.68001L5.68001 16.9C5.47522 16.6303 5.28495 16.3499 5.11001 16.06L5.64001 15.54L4.93001 14.83L4.64001 15.12C4.01683 13.6536 3.84571 12.0345 4.14858 10.4703C4.45146 8.90602 5.21453 7.46782 6.34001 6.34001ZM17.66 17.66C16.5333 18.7872 15.0957 19.5521 13.5313 19.8568C11.967 20.1615 10.3474 19.992 8.88001 19.37L9.17001 19.07L8.46001 18.36L7.94001 18.89C7.65008 18.7151 7.36969 18.5248 7.10001 18.32L18.32 7.10001C18.5248 7.36969 18.7151 7.65008 18.89 7.94001L18.36 8.46001L19.07 9.17001L19.36 8.88001C19.9832 10.3464 20.1543 11.9655 19.8514 13.5297C19.5486 15.094 18.7855 16.5322 17.66 17.66ZM11.29 15.54L12 16.24L10.59 17.66L9.88001 17L11.29 15.54ZM14.12 12.71L14.83 13.41L13.41 14.83L12.71 14.12L14.12 12.71ZM17 9.88001L17.71 10.59L16.24 12L15.54 11.29L17 9.88001ZM12.71 8.46001L12 7.76001L13.41 6.34001L14.12 7.05001L12.71 8.46001ZM9.88001 11.29L9.17001 10.59L10.59 9.17001L11.29 9.88001L9.88001 11.29ZM7.05001 14.12L6.34001 13.41L7.76001 12L8.46001 12.71L7.05001 14.12Z" />`;
+    const filledPaths = `<path d="M3.66989 16.26L4.20989 16.79L3.58989 17.4C3.84081 17.7911 4.12165 18.1623 4.42989 18.51L18.5099 4.42001C18.161 4.12048 17.7936 3.84326 17.4099 3.59001L16.7899 4.20001L16.2599 3.67001L16.7399 3.19001C14.8461 2.17158 12.6744 1.79073 10.547 2.10396C8.41966 2.41718 6.44993 3.40779 4.93 4.92884C3.41007 6.44989 2.42091 8.42036 2.10926 10.548C1.79761 12.6756 2.18006 14.8469 3.19989 16.74L3.66989 16.26ZM14.8599 5.07001L15.3899 5.60001L13.9999 7.00001L13.4699 6.47001L14.8599 5.07001ZM12.0699 7.87001L12.5899 8.40001L11.1999 9.80001L10.6699 9.27001L12.0699 7.87001ZM9.26989 10.67L9.79989 11.2L8.39989 12.59L7.86989 12.06L9.26989 10.67ZM6.46989 13.46L6.99989 14L5.59989 15.4L5.06989 14.87L6.46989 13.46ZM6.58989 20.41L7.20989 19.8L7.73989 20.33L7.25989 20.81C9.15372 21.8284 11.3254 22.2093 13.4527 21.8961C15.5801 21.5828 17.5498 20.5922 19.0698 19.0712C20.5897 17.5501 21.5789 15.5797 21.8905 13.4521C22.2022 11.3245 21.8197 9.15309 20.7999 7.26001L20.3299 7.74001L19.7899 7.21001L20.4099 6.60001C20.159 6.20888 19.8781 5.83777 19.5699 5.49001L5.48989 19.58C5.83873 19.8795 6.20613 20.1568 6.58989 20.41ZM18.3999 8.61001L18.9299 9.14001L17.5299 10.54L16.9999 10L18.3999 8.61001ZM15.5999 11.41L16.1299 11.94L14.7299 13.33L14.1999 12.8L15.5999 11.41ZM12.7999 14.2L13.3299 14.73L11.9399 16.13L11.3999 15.6L12.7999 14.2ZM9.99989 17L10.5299 17.53L9.12989 18.93L8.59989 18.4L9.99989 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-cricket-ball")) {
+  customElements.define("icon-cricket-ball", NavaIconCricketBall);
+}

package/dist/chunk-V3Y7UY3M.js

@@ -0,0 +1,45 @@
+// src/icons/watch-alt.ts
+var NavaIconWatchAlt = 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="M18 8C18 7.091 17.387 6.33 16.555 6.088L15.245 2.645C15.173 2.45549 15.0452 2.29233 14.8784 2.17714C14.7116 2.06195 14.5137 2.00018 14.311 2H8.689C8.48629 2.00018 8.28842 2.06195 8.12162 2.17714C7.95482 2.29233 7.82696 2.45549 7.755 2.645L6.445 6.088C6.02961 6.2073 5.66417 6.4582 5.4036 6.80299C5.14302 7.14778 5.0014 7.56782 5 8V16C5 16.909 5.613 17.67 6.445 17.912L7.755 21.355C7.82696 21.5445 7.95482 21.7077 8.12162 21.8229C8.28842 21.938 8.48629 21.9998 8.689 22H14.31C14.725 22 15.097 21.743 15.245 21.355L16.555 17.912C16.9704 17.7927 17.3358 17.5418 17.5964 17.197C17.857 16.8522 17.9986 16.4322 18 16V14H19V10H18V8ZM16.002 16H7V8H16L16.002 16Z" />`;
+    const filledPaths = `<path d="M18 8C18 7.091 17.387 6.33 16.555 6.088L15.245 2.645C15.173 2.45549 15.0452 2.29233 14.8784 2.17714C14.7116 2.06195 14.5137 2.00018 14.311 2H8.689C8.48629 2.00018 8.28842 2.06195 8.12162 2.17714C7.95482 2.29233 7.82696 2.45549 7.755 2.645L6.445 6.088C6.02961 6.2073 5.66417 6.4582 5.4036 6.80299C5.14302 7.14778 5.0014 7.56782 5 8V16C5 16.909 5.613 17.67 6.445 17.912L7.755 21.355C7.82696 21.5445 7.95482 21.7077 8.12162 21.8229C8.28842 21.938 8.48629 21.9998 8.689 22H14.31C14.725 22 15.097 21.743 15.245 21.355L16.555 17.912C16.9704 17.7927 17.3358 17.5418 17.5964 17.197C17.857 16.8522 17.9986 16.4322 18 16V14H19V10H18V8ZM16.002 16H7V8H16L16.002 16Z" />`;
+    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-watch-alt")) {
+  customElements.define("icon-watch-alt", NavaIconWatchAlt);
+}