@whydrf/nava-icon-web-components 1.0.1 → 1.0.3

package/dist/chunk-YUMZ5VT7.js

@@ -0,0 +1,43 @@
+// src/icons/file-export.ts
+var NavaIconFileExport = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M18 22C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V15L15 19V16H8V14H15V11L20 15V8L14 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 22H18ZM13 4L18 9H13V4Z" />` : `<path d="M18 22C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V15L15 19V16H8V14H15V11L20 15V8L14 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 22H18ZM13 4L18 9H13V4Z" />`;
+    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-export")) {
+  customElements.define("icon-file-export", NavaIconFileExport);
+}

package/dist/chunk-YV5YJ42E.js

@@ -0,0 +1,46 @@
+// src/icons/bullseye.ts
+var NavaIconBullseye = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 19C8.141 19 5 15.86 5 12C5 8.14 8.141 5 12 5C15.859 5 19 8.14 19 12C19 15.86 15.859 19 12 19Z" />
+<path d="M12 7C9.243 7 7 9.243 7 12C7 14.757 9.243 17 12 17C14.757 17 17 14.757 17 12C17 9.243 14.757 7 12 7ZM12 14C10.897 14 10 13.103 10 12C10 10.897 10.897 10 12 10C13.103 10 14 10.897 14 12C14 13.103 13.103 14 12 14Z" />` : `<path d="M12 6C8.691 6 6 8.691 6 12C6 15.309 8.691 18 12 18C15.309 18 18 15.309 18 12C18 8.691 15.309 6 12 6ZM12 16C9.794 16 8 14.206 8 12C8 9.794 9.794 8 12 8C14.206 8 16 9.794 16 12C16 14.206 14.206 16 12 16Z" />
+<path d="M12 2C6.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2ZM12 20C7.663 20 4 16.337 4 12C4 7.663 7.663 4 12 4C16.337 4 20 7.663 20 12C20 16.337 16.337 20 12 20Z" />
+<path d="M12 10C10.919 10 10 10.919 10 12C10 13.081 10.919 14 12 14C13.081 14 14 13.081 14 12C14 10.919 13.081 10 12 10Z" />`;
+    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-bullseye")) {
+  customElements.define("icon-bullseye", NavaIconBullseye);
+}

package/dist/chunk-YWL5IPEL.js

@@ -0,0 +1,43 @@
+// src/icons/bowl-hot.ts
+var NavaIconBowlHot = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M21 10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11C2.00004 12.7553 2.46213 14.4797 3.33981 15.9999C4.21749 17.52 5.47985 18.7823 7 19.66V21C7 21.2652 7.10536 21.5196 7.29289 21.7071C7.48043 21.8946 7.73478 22 8 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21V19.66C18.5202 18.7823 19.7825 17.52 20.6602 15.9999C21.5379 14.4797 22 12.7553 22 11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10ZM9 9V7.93C9.00063 6.75322 8.54129 5.6228 7.72 4.78C7.48815 4.54572 7.30512 4.26775 7.18152 3.96219C7.05793 3.65664 6.99623 3.32958 7 3V2H5V3C4.99413 4.1837 5.45386 5.32226 6.28 6.17C6.74339 6.63831 7.00229 7.27118 7 7.93V9H9ZM13 9V7.93C13.0006 6.75322 12.5413 5.6228 11.72 4.78C11.4882 4.54572 11.3051 4.26775 11.1815 3.96219C11.0579 3.65664 10.9962 3.32958 11 3V2H9V3C8.99937 4.17678 9.45871 5.30721 10.28 6.15C10.5118 6.38428 10.6949 6.66225 10.8185 6.96781C10.9421 7.27336 11.0038 7.60042 11 7.93V9H13ZM17 9V7.93C17.0006 6.75322 16.5413 5.6228 15.72 4.78C15.4882 4.54572 15.3051 4.26775 15.1815 3.96219C15.0579 3.65664 14.9962 3.32958 15 3V2H13V3C12.9994 4.17678 13.4587 5.30721 14.28 6.15C14.5118 6.38428 14.6949 6.66225 14.8185 6.96781C14.9421 7.27336 15.0038 7.60042 15 7.93V9H17Z" />` : `<path d="M21 10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11C2.00004 12.7553 2.46213 14.4797 3.33981 15.9999C4.21749 17.52 5.47985 18.7823 7 19.66V21C7 21.2652 7.10536 21.5196 7.29289 21.7071C7.48043 21.8946 7.73478 22 8 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21V19.66C18.5202 18.7823 19.7825 17.52 20.6602 15.9999C21.5379 14.4797 22 12.7553 22 11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10ZM15.55 18.16C15.3836 18.2439 15.2439 18.3726 15.1467 18.5316C15.0495 18.6906 14.9987 18.8736 15 19.06V20H9V19.06C9.0013 18.8736 8.95049 18.6906 8.85331 18.5316C8.75612 18.3726 8.61644 18.2439 8.45 18.16C7.26691 17.575 6.24693 16.7064 5.48096 15.6316C4.71499 14.5568 4.22684 13.3092 4.06 12H19.94C19.7732 13.3092 19.285 14.5568 18.519 15.6316C17.7531 16.7064 16.7331 17.575 15.55 18.16ZM9 9V7.93C8.99852 6.75363 8.53948 5.62397 7.72 4.78C7.48815 4.54572 7.30512 4.26775 7.18152 3.96219C7.05793 3.65664 6.99623 3.32958 7 3V2H5V3C4.99627 4.18329 5.45569 5.32106 6.28 6.17C6.74339 6.63831 7.00229 7.27118 7 7.93V9H9ZM13 9V7.93C12.9985 6.75363 12.5395 5.62397 11.72 4.78C11.4882 4.54572 11.3051 4.26775 11.1815 3.96219C11.0579 3.65664 10.9962 3.32958 11 3V2H9V3C9.00148 4.17637 9.46052 5.30603 10.28 6.15C10.5118 6.38428 10.6949 6.66225 10.8185 6.96781C10.9421 7.27336 11.0038 7.60042 11 7.93V9H13ZM17 9V7.93C16.9985 6.75363 16.5395 5.62397 15.72 4.78C15.4882 4.54572 15.3051 4.26775 15.1815 3.96219C15.0579 3.65664 14.9962 3.32958 15 3V2H13V3C13.0015 4.17637 13.4605 5.30603 14.28 6.15C14.5118 6.38428 14.6949 6.66225 14.8185 6.96781C14.9421 7.27336 15.0038 7.60042 15 7.93V9H17Z" />`;
+    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-bowl-hot")) {
+  customElements.define("icon-bowl-hot", NavaIconBowlHot);
+}

package/dist/chunk-YZN752DB.js

@@ -0,0 +1,45 @@
+// src/icons/crop.ts
+var NavaIconCrop = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M19 7.5C19 6.121 17.879 5 16.5 5H8V2H5V5H2V8H16V22H19V19H22V16H19V7.5Z" />
+<path d="M8 10H5V16.5C5 17.879 6.121 19 7.5 19H14V16H8V10Z" />` : `<path d="M19 7C19 5.897 18.103 5 17 5H7V2H5V5H2V7H17V22H19V19H22V17H19V7Z" />
+<path d="M5 9V17C5 18.103 5.897 19 7 19H15V17H7V9H5Z" />`;
+    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-crop")) {
+  customElements.define("icon-crop", NavaIconCrop);
+}

package/dist/chunk-Z456DKOW.js

@@ -0,0 +1,44 @@
+// src/icons/message-error.ts
+var NavaIconMessageError = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 2H4C2.897 2 2 2.894 2 3.992V16.008C2 17.106 2.897 18 4 18H7V22L13.351 18H20C21.103 18 22 17.106 22 16.008V3.992C21.9984 3.46279 21.7869 2.95583 21.412 2.58237C21.037 2.20891 20.5292 1.99947 20 2ZM13 15H11V13H13V15ZM13 11H11V5H13V11Z" />` : `<path d="M20 2H4C2.897 2 2 2.897 2 4V16C2 17.103 2.897 18 4 18H7V21.767L13.277 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H12.723L9 18.233V16H4V4H20V16Z" />
+<path d="M11 6H13V11H11V6ZM11 12H13V14H11V12Z" />`;
+    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-message-error")) {
+  customElements.define("icon-message-error", NavaIconMessageError);
+}

package/dist/chunk-Z46F2QXM.js

@@ -0,0 +1,46 @@
+// src/icons/sad.ts
+var NavaIconSad = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM7 10.5C7.00013 10.102 7.15835 9.72044 7.43984 9.43913C7.57922 9.29984 7.74467 9.18937 7.92675 9.11403C8.10882 9.03868 8.30395 8.99993 8.501 9C8.69805 9.00007 8.89315 9.03894 9.07518 9.11441C9.2572 9.18988 9.42258 9.30046 9.56187 9.43984C9.70116 9.57922 9.81163 9.74467 9.88697 9.92675C9.96232 10.1088 10.0011 10.304 10.001 10.501C10.0009 10.899 9.84265 11.2806 9.56116 11.5619C9.27967 11.8432 8.89796 12.0011 8.5 12.001C8.10204 12.0009 7.72044 11.8427 7.43913 11.5612C7.15783 11.2797 6.99987 10.898 7 10.5ZM8 17C8 17 9 14 12 14C15 14 16 17 16 17H8ZM15.493 11.986C15.2936 11.9911 15.0952 11.9562 14.9095 11.8834C14.7239 11.8106 14.5546 11.7014 14.4118 11.5621C14.269 11.4229 14.1556 11.2565 14.0781 11.0727C14.0007 10.8889 13.9608 10.6914 13.9609 10.492C13.9609 10.2925 14.0009 10.0951 14.0785 9.91138C14.1561 9.72764 14.2697 9.56129 14.4125 9.42214C14.5554 9.283 14.7247 9.17387 14.9105 9.1012C15.0962 9.02852 15.2946 8.99377 15.494 8.999C15.8834 9.00921 16.2534 9.1711 16.5252 9.45018C16.797 9.72926 16.949 10.1034 16.9489 10.493C16.9487 10.8825 16.7965 11.2566 16.5245 11.5355C16.2525 11.8144 15.8824 11.9761 15.493 11.986Z" />` : `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M8.5 12C9.32843 12 10 11.3284 10 10.5C10 9.67157 9.32843 9 8.5 9C7.67157 9 7 9.67157 7 10.5C7 11.3284 7.67157 12 8.5 12Z" />
+<path d="M15.493 11.986C16.3176 11.986 16.986 11.3176 16.986 10.493C16.986 9.66844 16.3176 9 15.493 9C14.6684 9 14 9.66844 14 10.493C14 11.3176 14.6684 11.986 15.493 11.986Z" />
+<path d="M12 14C9 14 8 17 8 17H16C16 17 15 14 12 14Z" />`;
+    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-sad")) {
+  customElements.define("icon-sad", NavaIconSad);
+}

package/dist/chunk-Z5TAABFN.js

@@ -0,0 +1,44 @@
+// src/icons/clinic.ts
+var NavaIconClinic = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M21.743 12.331L12.743 2.331C12.364 1.909 11.636 1.909 11.257 2.331L2.25698 12.331C2.12744 12.4746 2.04241 12.6527 2.01223 12.8438C1.98205 13.0348 2.00802 13.2305 2.08698 13.407C2.24698 13.768 2.60498 14 2.99998 14H4.99998V21C4.99998 21.2652 5.10534 21.5196 5.29288 21.7071C5.48041 21.8946 5.73477 22 5.99998 22H18C18.2652 22 18.5196 21.8946 18.7071 21.7071C18.8946 21.5196 19 21.2652 19 21V14H21C21.1937 14.0008 21.3834 13.9453 21.546 13.8401C21.7087 13.735 21.8372 13.5848 21.916 13.4079C21.9947 13.231 22.0203 13.0349 21.9896 12.8437C21.9589 12.6525 21.8732 12.4744 21.743 12.331ZM16 15H13V18H11V15H7.99998V13H11V10H13V13H16V15Z" />` : `<path d="M12.707 2.29299C12.6142 2.20004 12.504 2.1263 12.3827 2.07599C12.2613 2.02568 12.1313 1.99979 12 1.99979C11.8686 1.99979 11.7386 2.02568 11.6173 2.07599C11.496 2.1263 11.3858 2.20004 11.293 2.29299L2.29297 11.293C2.15316 11.4328 2.05795 11.611 2.01939 11.805C1.98082 11.9989 2.00062 12.1999 2.07629 12.3826C2.15196 12.5653 2.2801 12.7215 2.44451 12.8314C2.60892 12.9413 2.80222 12.9999 2.99997 13H3.99997V20C3.99997 21.103 4.89697 22 5.99997 22H18C19.103 22 20 21.103 20 20V13H21C21.1979 13.0004 21.3916 12.942 21.5563 12.8322C21.721 12.7224 21.8494 12.5662 21.9251 12.3833C22.0009 12.2004 22.0206 11.9991 21.9818 11.805C21.9429 11.6109 21.8473 11.4327 21.707 11.293L12.707 2.29299ZM18.001 20H5.99997V10.414L12 4.41399L18 10.414V15L18.001 20Z" />
+<path d="M13 10H11V13H8V15H11V18H13V15H16V13H13V10Z" />`;
+    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-clinic")) {
+  customElements.define("icon-clinic", NavaIconClinic);
+}

package/dist/chunk-Z7FED7OG.js

@@ -0,0 +1,44 @@
+// src/icons/calculator.ts
+var NavaIconCalculator = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V4C20 3.46957 19.7893 2.96086 19.4142 2.58579C19.0391 2.21071 18.5304 2 18 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 22ZM9 19H7V17H9V19ZM9 15H7V13H9V15ZM9 11H7V9H9V11ZM13 19H11V17H13V19ZM13 15H11V13H13V15ZM13 11H11V9H13V11ZM17 19H15V13H17V19ZM17 11H15V9H17V11ZM6 4H18V7H6V4Z" />` : `<path d="M19 2H5C3.897 2 3 2.897 3 4V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V4C21 2.897 20.103 2 19 2ZM5 20V4H19L19.001 20H5Z" />
+<path d="M7 12H9V14H7V12ZM7 16H9V18H7V16ZM11 12H13V14H11V12ZM7 6H17V10H7V6ZM11 16H13V18H11V16ZM15 12H17V18H15V12Z" />`;
+    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-calculator")) {
+  customElements.define("icon-calculator", NavaIconCalculator);
+}

package/dist/chunk-ZAM2BM2I.js

@@ -0,0 +1,44 @@
+// src/icons/receipt.ts
+var NavaIconReceipt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 12V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19C18.7348 19 18.4804 18.8946 18.2929 18.7071C18.1054 18.5196 18 18.2652 18 18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V12H20ZM14 11V13H6V11H14ZM6 9V7H14V9H6ZM14 15V17H11V15H14Z" />` : `<path d="M21 11H18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V12C22 11.7348 21.8946 11.4804 21.7071 11.2929C21.5196 11.1054 21.2652 11 21 11ZM5 19C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V5H16V18C16 18.351 16.061 18.688 16.171 19H5ZM20 18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19C18.7348 19 18.4804 18.8946 18.2929 18.7071C18.1054 18.5196 18 18.2652 18 18V13H20V18Z" />
+<path d="M6 7H14V9H6V7ZM6 11H14V13H6V11ZM11 15H14V17H11V15Z" />`;
+    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-receipt")) {
+  customElements.define("icon-receipt", NavaIconReceipt);
+}

package/dist/chunk-ZBNDJCGX.js

@@ -0,0 +1,43 @@
+// src/icons/briefcase.ts
+var NavaIconBriefcase = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 6H17V4C17 2.897 16.103 2 15 2H9C7.897 2 7 2.897 7 4V6H4C2.897 6 2 6.897 2 8V11H22V8C22 6.897 21.103 6 20 6ZM9 4H15V6H9V4ZM14 14H10V12H2V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V12H14V14Z" />` : `<path d="M20 6H17V4C17 2.897 16.103 2 15 2H9C7.897 2 7 2.897 7 4V6H4C2.897 6 2 6.897 2 8V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V8C22 6.897 21.103 6 20 6ZM15 4V6H9V4H15ZM8 8H20V11H4V8H8ZM4 19V13H10V15H14V13H20L20.001 19H4Z" />`;
+    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-briefcase")) {
+  customElements.define("icon-briefcase", NavaIconBriefcase);
+}

package/dist/chunk-ZFEFAFCD.js

@@ -0,0 +1,44 @@
+// src/icons/zoom-out.ts
+var NavaIconZoomOut = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM6 9H14V11H6V9Z" />` : `<path d="M6 9H14V11H6V9Z" />
+<path d="M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z" />`;
+    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-zoom-out")) {
+  customElements.define("icon-zoom-out", NavaIconZoomOut);
+}

package/dist/chunk-ZFGKBINS.js

@@ -0,0 +1,44 @@
+// src/icons/archive-out.ts
+var NavaIconArchiveOut = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M21.706 5.292L18.707 2.293C18.6143 2.19996 18.5041 2.12617 18.3828 2.07589C18.2614 2.0256 18.1313 1.99981 18 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.294 5.292C2.20057 5.38468 2.12647 5.49498 2.076 5.61652C2.02553 5.73805 1.9997 5.8684 2 6V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V6C22.0003 5.8684 21.9745 5.73805 21.924 5.61652C21.8735 5.49498 21.7994 5.38468 21.706 5.292ZM6.414 4H17.586L18.586 5H5.414L6.414 4ZM14 14V17H10V14H7L12 9L17 14H14Z" />` : `<path d="M21.706 5.292L18.707 2.293C18.6143 2.19996 18.5041 2.12617 18.3828 2.07589C18.2614 2.0256 18.1313 1.99981 18 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.294 5.292C2.20057 5.38468 2.12647 5.49498 2.076 5.61652C2.02553 5.73805 1.9997 5.8684 2 6V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V6C22.0003 5.8684 21.9745 5.73805 21.924 5.61652C21.8735 5.49498 21.7994 5.38468 21.706 5.292ZM6.414 4H17.586L18.586 5H5.414L6.414 4ZM4 19V7H20L20.002 19H4Z" />
+<path d="M7 14H10V17H14V14H17L12 9L7 14Z" />`;
+    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-archive-out")) {
+  customElements.define("icon-archive-out", NavaIconArchiveOut);
+}

package/dist/chunk-ZG2JUCKD.js

@@ -0,0 +1,46 @@
+// src/icons/joystick-alt.ts
+var NavaIconJoystickAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M16 6H8C6.4087 6 4.88258 6.63214 3.75736 7.75736C2.63214 8.88258 2 10.4087 2 12C2 13.5913 2.63214 15.1174 3.75736 16.2426C4.88258 17.3679 6.4087 18 8 18H16C17.5913 18 19.1174 17.3679 20.2426 16.2426C21.3679 15.1174 22 13.5913 22 12C22 10.4087 21.3679 8.88258 20.2426 7.75736C19.1174 6.63214 17.5913 6 16 6ZM11 13H9V15H7V13H5V11H7V9H9V11H11V13ZM14.5 15C14.1022 15 13.7206 14.842 13.4393 14.5607C13.158 14.2794 13 13.8978 13 13.5C13 13.1022 13.158 12.7206 13.4393 12.4393C13.7206 12.158 14.1022 12 14.5 12C14.8978 12 15.2794 12.158 15.5607 12.4393C15.842 12.7206 16 13.1022 16 13.5C16 13.8978 15.842 14.2794 15.5607 14.5607C15.2794 14.842 14.8978 15 14.5 15ZM17.5 12C17.1022 12 16.7206 11.842 16.4393 11.5607C16.158 11.2794 16 10.8978 16 10.5C16 10.1022 16.158 9.72064 16.4393 9.43934C16.7206 9.15804 17.1022 9 17.5 9C17.8978 9 18.2794 9.15804 18.5607 9.43934C18.842 9.72064 19 10.1022 19 10.5C19 10.8978 18.842 11.2794 18.5607 11.5607C18.2794 11.842 17.8978 12 17.5 12Z" />` : `<path d="M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z" />
+<path d="M17 12C17.5523 12 18 11.5523 18 11C18 10.4477 17.5523 10 17 10C16.4477 10 16 10.4477 16 11C16 11.5523 16.4477 12 17 12Z" />
+<path d="M10 9H8V11H6V13H8V15H10V13H12V11H10V9Z" />
+<path d="M15 5H9C7.14348 5 5.36301 5.7375 4.05025 7.05025C2.7375 8.36301 2 10.1435 2 12C2 13.8565 2.7375 15.637 4.05025 16.9497C5.36301 18.2625 7.14348 19 9 19H15C16.8565 19 18.637 18.2625 19.9497 16.9497C21.2625 15.637 22 13.8565 22 12C22 10.1435 21.2625 8.36301 19.9497 7.05025C18.637 5.7375 16.8565 5 15 5ZM15 17H9C7.67392 17 6.40215 16.4732 5.46447 15.5355C4.52678 14.5979 4 13.3261 4 12C4 10.6739 4.52678 9.40215 5.46447 8.46447C6.40215 7.52678 7.67392 7 9 7H15C16.3261 7 17.5979 7.52678 18.5355 8.46447C19.4732 9.40215 20 10.6739 20 12C20 13.3261 19.4732 14.5979 18.5355 15.5355C17.5979 16.4732 16.3261 17 15 17Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-joystick-alt")) {
+  customElements.define("icon-joystick-alt", NavaIconJoystickAlt);
+}

package/dist/chunk-ZGFUMRE5.js

@@ -0,0 +1,43 @@
+// src/icons/brush-alt.ts
+var NavaIconBrushAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M18 8.00099H16V7.99999H15V4.99899C15.0033 4.60694 14.9276 4.21824 14.7775 3.85607C14.6273 3.4939 14.4057 3.16568 14.126 2.89099C13.8189 2.57485 13.4447 2.33174 13.031 2.1796C12.6173 2.02746 12.1748 1.97018 11.736 2.01199C10.202 2.14399 9 3.50799 9 5.11699V7.99999H6C4.897 7.99999 4 8.89699 4 9.99999V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V10.001C20 8.89799 19.103 8.00099 18 8.00099ZM6 12V9.99999H11V5.11699C11 4.54699 11.407 4.04699 12.002 3.99999C12.268 3.99999 12.514 4.10299 12.714 4.30699C12.8058 4.39715 12.8784 4.50491 12.9276 4.62382C12.9767 4.74273 13.0013 4.87033 13 4.99899V9.99999H13.995L14 10.001H18V12H6Z" />` : `<path d="M19 8.00099H15V4.99899C15.0033 4.60694 14.9276 4.21824 14.7775 3.85607C14.6273 3.4939 14.4057 3.16568 14.126 2.89099C13.8189 2.57485 13.4447 2.33174 13.031 2.1796C12.6173 2.02746 12.1748 1.97018 11.736 2.01199C10.202 2.14399 9 3.50799 9 5.11699V7.99999H5C3.897 7.99999 3 8.89699 3 9.99999V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V10.001C21 8.89799 20.103 8.00099 19 8.00099ZM5 9.99999H11V5.11699C11 4.54699 11.407 4.04699 12.002 3.99999C12.268 3.99999 12.514 4.10299 12.714 4.30699C12.8058 4.39715 12.8784 4.50491 12.9276 4.62382C12.9767 4.74273 13.0013 4.87033 13 4.99899V9.99999H13.995L14 10.001H19V12H5V9.99999ZM5 20V14H19L19.002 20H5Z" />`;
+    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-brush-alt")) {
+  customElements.define("icon-brush-alt", NavaIconBrushAlt);
+}