@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-ZMMHHPNA.js

@@ -0,0 +1,46 @@
+// src/icons/book.ts
+var NavaIconBook = 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="M6 22H21V20H6.012C5.55 19.988 5 19.805 5 19C5 18.195 5.55 18.012 6.012 18H21V4C21 2.897 20.103 2 19 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22ZM5 8V5C5 4.195 5.55 4.012 6 4H19V16H5V8Z" />
+<path d="M8 6H17V8H8V6Z" />`;
+    const filledPaths = `<path d="M6.012 18H21V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.805 5 19C5 18.195 5.55 18.012 6.012 18ZM8 6H17V8H8V6Z" />`;
+    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-book")) {
+  customElements.define("icon-book", NavaIconBook);
+}

package/dist/chunk-ZMRQDZYP.js

@@ -0,0 +1,47 @@
+// src/icons/link-alt.ts
+var NavaIconLinkAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M4.22199 19.778C4.68587 20.2425 5.23696 20.6108 5.84361 20.8617C6.45026 21.1126 7.10051 21.2412 7.75699 21.24C8.41362 21.2411 9.06401 21.1126 9.67082 20.8617C10.2776 20.6108 10.8289 20.2425 11.293 19.778L14.121 16.949L12.707 15.535L9.87899 18.364C9.31546 18.925 8.55266 19.24 7.75749 19.24C6.96232 19.24 6.19952 18.925 5.63599 18.364C5.0745 17.8007 4.7592 17.0378 4.7592 16.2425C4.7592 15.4472 5.0745 14.6843 5.63599 14.121L8.46499 11.293L7.05099 9.879L4.22199 12.707C3.2858 13.6455 2.76004 14.9169 2.76004 16.2425C2.76004 17.5681 3.2858 18.8395 4.22199 19.778ZM19.778 11.293C20.7137 10.3543 21.2391 9.08292 21.2391 7.7575C21.2391 6.43208 20.7137 5.16072 19.778 4.222C18.8395 3.28581 17.5681 2.76005 16.2425 2.76005C14.9169 2.76005 13.6454 3.28581 12.707 4.222L9.87899 7.051L11.293 8.465L14.121 5.636C14.6845 5.07499 15.4473 4.76003 16.2425 4.76003C17.0377 4.76003 17.8005 5.07499 18.364 5.636C18.9255 6.19927 19.2408 6.96217 19.2408 7.7575C19.2408 8.55283 18.9255 9.31573 18.364 9.879L15.535 12.707L16.949 14.121L19.778 11.293Z" />
+<path d="M8.46401 16.95L7.04901 15.536L15.536 7.05L16.95 8.465L8.46401 16.95Z" />`;
+    const filledPaths = `<path d="M4.22199 19.778C4.68587 20.2425 5.23696 20.6108 5.84361 20.8617C6.45026 21.1126 7.10051 21.2412 7.75699 21.24C8.41362 21.2411 9.06401 21.1126 9.67082 20.8617C10.2776 20.6108 10.8289 20.2425 11.293 19.778L14.121 16.949L12.707 15.535L9.87899 18.364C9.31546 18.925 8.55266 19.24 7.75749 19.24C6.96232 19.24 6.19952 18.925 5.63599 18.364C5.0745 17.8007 4.7592 17.0378 4.7592 16.2425C4.7592 15.4472 5.0745 14.6843 5.63599 14.121L8.46499 11.293L7.05099 9.879L4.22199 12.707C3.2858 13.6455 2.76004 14.9169 2.76004 16.2425C2.76004 17.5681 3.2858 18.8395 4.22199 19.778ZM19.778 11.293C20.7137 10.3543 21.2391 9.08292 21.2391 7.7575C21.2391 6.43208 20.7137 5.16072 19.778 4.222C18.8395 3.28581 17.5681 2.76005 16.2425 2.76005C14.9169 2.76005 13.6454 3.28581 12.707 4.222L9.87899 7.051L11.293 8.465L14.121 5.636C14.6845 5.07499 15.4473 4.76003 16.2425 4.76003C17.0377 4.76003 17.8005 5.07499 18.364 5.636C18.9255 6.19927 19.2408 6.96217 19.2408 7.7575C19.2408 8.55283 18.9255 9.31573 18.364 9.879L15.535 12.707L16.949 14.121L19.778 11.293Z" />
+<path d="M8.46401 16.95L7.04901 15.536L15.536 7.05L16.95 8.465L8.46401 16.95Z" />`;
+    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-link-alt")) {
+  customElements.define("icon-link-alt", NavaIconLinkAlt);
+}

package/dist/chunk-ZO3DRS62.js

@@ -0,0 +1,50 @@
+// src/icons/joystick.ts
+var NavaIconJoystick = 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="M22 8.65C21.9113 7.38549 21.3456 6.20189 20.4173 5.33863C19.4891 4.47536 18.2676 3.99689 17 4H7C5.71776 3.99827 4.48386 4.48921 3.5533 5.37138C2.62275 6.25354 2.06668 7.45949 2 8.74C1.99436 8.82657 1.99436 8.91342 2 9V16.5C1.99735 16.9604 2.08607 17.4167 2.26102 17.8425C2.43597 18.2684 2.69368 18.6553 3.01921 18.9808C3.34475 19.3063 3.73164 19.564 4.15747 19.739C4.58331 19.9139 5.03963 20.0027 5.5 20C6.93 20 7.82 18.94 8.69 17.91C9.01 17.54 9.34 17.15 9.69 16.81C10.1543 16.4699 10.6759 16.2158 11.23 16.06C11.7416 16 12.2584 16 12.77 16.06C13.3241 16.2158 13.8457 16.4699 14.31 16.81C14.66 17.15 14.99 17.54 15.31 17.91C16.18 18.91 17.07 20 18.5 20C18.9604 20.0027 19.4167 19.9139 19.8425 19.739C20.2684 19.564 20.6553 19.3063 20.9808 18.9808C21.3063 18.6553 21.564 18.2684 21.739 17.8425C21.9139 17.4167 22.0027 16.9604 22 16.5V9C22.0054 8.91342 22.0054 8.82658 22 8.74V8.65ZM20 16.5C20 16.8978 19.842 17.2794 19.5607 17.5607C19.2794 17.842 18.8978 18 18.5 18C18 18 17.5 17.36 16.84 16.62C16.5 16.23 16.12 15.77 15.69 15.36C14.9659 14.7767 14.1281 14.3509 13.23 14.11C12.4166 13.9633 11.5834 13.9633 10.77 14.11C9.87194 14.3509 9.03407 14.7767 8.31 15.36C7.88 15.77 7.5 16.23 7.16 16.62C6.54 17.36 6 18 5.5 18C5.10218 18 4.72064 17.842 4.43934 17.5607C4.15804 17.2794 4 16.8978 4 16.5V9C4.00488 8.95012 4.00488 8.89988 4 8.85C4.03852 8.08063 4.37151 7.35556 4.93 6.825C5.48849 6.29443 6.22967 5.99904 7 6H17C17.7494 5.99673 18.4729 6.27408 19.0282 6.77747C19.5834 7.28086 19.9301 7.97383 20 8.72V8.84C19.995 8.89322 19.995 8.94678 20 9V16.5Z" />
+<path d="M16 13C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11C15.4477 11 15 11.4477 15 12C15 12.5523 15.4477 13 16 13Z" />
+<path d="M18 11C18.5523 11 19 10.5523 19 10C19 9.44772 18.5523 9 18 9C17.4477 9 17 9.44772 17 10C17 10.5523 17.4477 11 18 11Z" />
+<path d="M16 9C16.5523 9 17 8.55228 17 8C17 7.44772 16.5523 7 16 7C15.4477 7 15 7.44772 15 8C15 8.55228 15.4477 9 16 9Z" />
+<path d="M14 11C14.5523 11 15 10.5523 15 10C15 9.44772 14.5523 9 14 9C13.4477 9 13 9.44772 13 10C13 10.5523 13.4477 11 14 11Z" />
+<path d="M8 12C9.10457 12 10 11.1046 10 10C10 8.89543 9.10457 8 8 8C6.89543 8 6 8.89543 6 10C6 11.1046 6.89543 12 8 12Z" />`;
+    const filledPaths = `<path d="M21.986 9.74C21.9837 9.71063 21.9811 9.6813 21.978 9.652C21.8893 8.39118 21.3267 7.21065 20.4033 6.34766C19.4798 5.48468 18.2639 5.0032 17 5H7C5.71833 4.99421 4.48398 5.48377 3.5547 6.36647C2.62542 7.24916 2.07307 8.45673 2.013 9.737C2.003 9.816 2 9.898 2 9.99V16.5C2 17.425 2.373 18.328 3.022 18.976C3.68081 19.6305 4.57134 19.9985 5.5 20C7.3 20 8.004 19 9 17C9.146 16.708 9.992 15 12 15C13.996 15 14.853 16.707 15 17C16.004 19 16.7 20 18.5 20C19.425 20 20.328 19.627 20.976 18.978C21.6305 18.3192 21.9985 17.4287 22 16.5V10C22 9.905 21.996 9.82 21.986 9.74ZM7 12.031C6.73366 12.037 6.4688 11.9898 6.22098 11.892C5.97315 11.7943 5.74735 11.648 5.55683 11.4618C5.36631 11.2756 5.21491 11.0532 5.11153 10.8077C5.00814 10.5621 4.95485 10.2984 4.95478 10.032C4.95472 9.7656 5.00788 9.50187 5.11114 9.25629C5.2144 9.01071 5.36569 8.78823 5.55611 8.60192C5.74654 8.41562 5.97227 8.26923 6.22005 8.17136C6.46782 8.07349 6.73266 8.02611 6.999 8.032C7.52156 8.04355 8.01883 8.25922 8.38437 8.63284C8.74991 9.00645 8.95465 9.50832 8.95478 10.031C8.95492 10.5537 8.75042 11.0557 8.38507 11.4295C8.01972 11.8033 7.52256 12.0192 7 12.031ZM17 7.031C17.2652 7.031 17.5196 7.13636 17.7071 7.32389C17.8946 7.51143 18 7.76578 18 8.031C18 8.29622 17.8946 8.55057 17.7071 8.73811C17.5196 8.92564 17.2652 9.031 17 9.031C16.7348 9.031 16.4804 8.92564 16.2929 8.73811C16.1054 8.55057 16 8.29622 16 8.031C16 7.76578 16.1054 7.51143 16.2929 7.32389C16.4804 7.13636 16.7348 7.031 17 7.031ZM15 11.031C14.7348 11.031 14.4804 10.9256 14.2929 10.7381C14.1054 10.5506 14 10.2962 14 10.031C14 9.76578 14.1054 9.51143 14.2929 9.32389C14.4804 9.13636 14.7348 9.031 15 9.031C15.2652 9.031 15.5196 9.13636 15.7071 9.32389C15.8946 9.51143 16 9.76578 16 10.031C16 10.2962 15.8946 10.5506 15.7071 10.7381C15.5196 10.9256 15.2652 11.031 15 11.031ZM17 13.031C16.7348 13.031 16.4804 12.9256 16.2929 12.7381C16.1054 12.5506 16 12.2962 16 12.031C16 11.7658 16.1054 11.5114 16.2929 11.3239C16.4804 11.1364 16.7348 11.031 17 11.031C17.2652 11.031 17.5196 11.1364 17.7071 11.3239C17.8946 11.5114 18 11.7658 18 12.031C18 12.2962 17.8946 12.5506 17.7071 12.7381C17.5196 12.9256 17.2652 13.031 17 13.031ZM19 11.031C18.7348 11.031 18.4804 10.9256 18.2929 10.7381C18.1054 10.5506 18 10.2962 18 10.031C18 9.76578 18.1054 9.51143 18.2929 9.32389C18.4804 9.13636 18.7348 9.031 19 9.031C19.2652 9.031 19.5196 9.13636 19.7071 9.32389C19.8946 9.51143 20 9.76578 20 10.031C20 10.2962 19.8946 10.5506 19.7071 10.7381C19.5196 10.9256 19.2652 11.031 19 11.031Z" />`;
+    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-joystick")) {
+  customElements.define("icon-joystick", NavaIconJoystick);
+}

package/dist/chunk-ZOTWGS7Z.js

@@ -0,0 +1,46 @@
+// src/icons/mouse.ts
+var NavaIconMouse = 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.975 22H12C15.859 22 19 18.86 19 15V9C19 5.159 15.873 2.026 12.019 2H11.959C8.119 2.022 5 5.157 5 9V15C5 18.86 8.129 22 11.975 22ZM7 9C7.00184 7.67708 7.52715 6.40864 8.4612 5.47179C9.39524 4.53494 10.6621 4.00581 11.985 4C14.75 4.006 17 6.249 17 9V15C17 17.757 14.757 20 12 20H11.975C9.186 20 7 17.804 7 15V9Z" />
+<path d="M11 6H13V12H11V6Z" />`;
+    const filledPaths = `<path d="M11.975 22H12C15.859 22 19 18.86 19 15V9C19 5.159 15.873 2.026 12.019 2H11.959C8.119 2.022 5 5.157 5 9V15C5 18.86 8.129 22 11.975 22ZM11 6H13V12H11V6Z" />`;
+    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-mouse")) {
+  customElements.define("icon-mouse", NavaIconMouse);
+}

package/dist/chunk-ZOW4NZUF.js

@@ -0,0 +1,46 @@
+// src/icons/calendar-x.ts
+var NavaIconCalendarX = 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.293 16.293L9.707 17.707L12 15.414L14.293 17.707L15.707 16.293L13.414 14L15.707 11.707L14.293 10.293L12 12.586L9.707 10.293L8.293 11.707L10.586 14L8.293 16.293Z" />
+<path d="M19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM19.002 20H5V8H19L19.002 20Z" />`;
+    const filledPaths = `<path d="M5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22ZM15.707 17.293L14.293 18.707L12 16.414L9.707 18.707L8.293 17.293L10.586 15L8.293 12.707L9.707 11.293L12 13.586L14.293 11.293L15.707 12.707L13.414 15L15.707 17.293ZM5 7H19V9H5V7Z" />`;
+    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-calendar-x")) {
+  customElements.define("icon-calendar-x", NavaIconCalendarX);
+}

package/dist/chunk-ZPKSVIQG.js

@@ -0,0 +1,45 @@
+// src/icons/list-minus.ts
+var NavaIconListMinus = 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.063 15H13V17H22V15H21.063ZM4 7H15V9H4V7ZM4 11H15V13H4V11ZM4 15H11V17H4V15Z" />`;
+    const filledPaths = `<path d="M21.063 15H13V17H22V15H21.063ZM4 7H15V9H4V7ZM4 11H15V13H4V11ZM4 15H11V17H4V15Z" />`;
+    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-list-minus")) {
+  customElements.define("icon-list-minus", NavaIconListMinus);
+}

package/dist/chunk-ZRAXRJP6.js

@@ -0,0 +1,47 @@
+// src/icons/cat.ts
+var NavaIconCat = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M17 14C17.9625 13.9965 18.9035 13.7152 19.71 13.19L20 13C20.1611 12.8908 20.3117 12.7669 20.45 12.63L20.66 12.43C20.836 12.2505 20.9966 12.0565 21.14 11.85L21.2 11.77C21.3619 11.5311 21.4993 11.2765 21.61 11.01C21.646 10.9358 21.6761 10.8589 21.7 10.78C21.7831 10.5756 21.8499 10.3649 21.9 10.15L21.96 9.9C21.9979 9.6016 22.0113 9.30059 22 9V2L19 5H15L12 2V9C12 10.3261 12.5268 11.5979 13.4645 12.5355C14.4021 13.4732 15.6739 14 17 14ZM19 7C19.1978 7 19.3911 7.05865 19.5556 7.16853C19.72 7.27841 19.8482 7.43459 19.9239 7.61732C19.9996 7.80004 20.0194 8.00111 19.9808 8.19509C19.9422 8.38907 19.847 8.56725 19.7071 8.70711C19.5673 8.84696 19.3891 8.9422 19.1951 8.98079C19.0011 9.01937 18.8 8.99957 18.6173 8.92388C18.4346 8.84819 18.2784 8.72002 18.1685 8.55557C18.0586 8.39112 18 8.19778 18 8C18 7.73478 18.1054 7.48043 18.2929 7.29289C18.4804 7.10536 18.7348 7 19 7ZM15 7C15.1978 7 15.3911 7.05865 15.5556 7.16853C15.72 7.27841 15.8482 7.43459 15.9239 7.61732C15.9996 7.80004 16.0194 8.00111 15.9808 8.19509C15.9422 8.38907 15.847 8.56725 15.7071 8.70711C15.5673 8.84696 15.3891 8.9422 15.1951 8.98079C15.0011 9.01937 14.8 8.99957 14.6173 8.92388C14.4346 8.84819 14.2784 8.72002 14.1685 8.55557C14.0586 8.39112 14 8.19778 14 8C14 7.73478 14.1054 7.48043 14.2929 7.29289C14.4804 7.10536 14.7348 7 15 7Z" />
+<path d="M11 22V17H8V22H5V11.9C4.49137 11.8261 4.00533 11.6408 3.57662 11.3573C3.14791 11.0738 2.78711 10.6991 2.52 10.26C2.19711 9.72829 2.01792 9.12181 2 8.5C2.01813 8.00249 2.13785 7.51394 2.35179 7.06441C2.56573 6.61488 2.86937 6.21387 3.24404 5.88604C3.6187 5.55821 4.05647 5.31049 4.53042 5.15811C5.00437 5.00574 5.50448 4.95193 6 5C6.26683 5.01604 6.53402 4.9753 6.78394 4.88046C7.03386 4.78562 7.26082 4.63885 7.44984 4.44984C7.63885 4.26082 7.78562 4.03386 7.88046 3.78394C7.9753 3.53402 8.01604 3.26683 8 3C8 2.73478 8.10536 2.48043 8.29289 2.29289C8.48043 2.10536 8.73478 2 9 2C9.26522 2 9.51957 2.10536 9.70711 2.29289C9.89464 2.48043 10 2.73478 10 3C10.0152 3.52941 9.92212 4.05635 9.72648 4.54853C9.53084 5.0407 9.23675 5.48774 8.86225 5.86225C8.48774 6.23675 8.0407 6.53084 7.54853 6.72648C7.05635 6.92212 6.52941 7.01519 6 7C4.19 7 4 8.16 4 8.51C4 8.86 4.18 10 6 10H11.09C11.2369 10.8615 11.5702 11.6805 12.0666 12.3997C12.563 13.119 13.2106 13.7211 13.9639 14.164C14.7173 14.6068 15.5584 14.8798 16.4282 14.9638C17.2981 15.0477 18.1758 14.9406 19 14.65V22H16V17H14V22H11Z" />`;
+    const filledPaths = `<path d="M17 14C17.9625 13.9965 18.9035 13.7152 19.71 13.19L20 13C20.1611 12.8908 20.3117 12.7669 20.45 12.63L20.66 12.43C20.836 12.2505 20.9966 12.0565 21.14 11.85L21.2 11.77C21.3619 11.5311 21.4993 11.2765 21.61 11.01C21.646 10.9358 21.6761 10.8589 21.7 10.78C21.7831 10.5756 21.8499 10.3649 21.9 10.15L21.96 9.9C21.9979 9.6016 22.0113 9.30059 22 9V2L19 5H15L12 2V9C12 10.3261 12.5268 11.5979 13.4645 12.5355C14.4021 13.4732 15.6739 14 17 14ZM19 7C19.1978 7 19.3911 7.05865 19.5556 7.16853C19.72 7.27841 19.8482 7.43459 19.9239 7.61732C19.9996 7.80004 20.0194 8.00111 19.9808 8.19509C19.9422 8.38907 19.847 8.56725 19.7071 8.70711C19.5673 8.84696 19.3891 8.9422 19.1951 8.98079C19.0011 9.01937 18.8 8.99957 18.6173 8.92388C18.4346 8.84819 18.2784 8.72002 18.1685 8.55557C18.0586 8.39112 18 8.19778 18 8C18 7.73478 18.1054 7.48043 18.2929 7.29289C18.4804 7.10536 18.7348 7 19 7ZM15 7C15.1978 7 15.3911 7.05865 15.5556 7.16853C15.72 7.27841 15.8482 7.43459 15.9239 7.61732C15.9996 7.80004 16.0194 8.00111 15.9808 8.19509C15.9422 8.38907 15.847 8.56725 15.7071 8.70711C15.5673 8.84696 15.3891 8.9422 15.1951 8.98079C15.0011 9.01937 14.8 8.99957 14.6173 8.92388C14.4346 8.84819 14.2784 8.72002 14.1685 8.55557C14.0586 8.39112 14 8.19778 14 8C14 7.73478 14.1054 7.48043 14.2929 7.29289C14.4804 7.10536 14.7348 7 15 7Z" />
+<path d="M11 22V17H8V22H5V11.9C4.49137 11.8261 4.00533 11.6408 3.57662 11.3573C3.14791 11.0738 2.78711 10.6991 2.52 10.26C2.19711 9.72829 2.01792 9.12181 2 8.5C2.01813 8.00249 2.13785 7.51394 2.35179 7.06441C2.56573 6.61488 2.86937 6.21387 3.24404 5.88604C3.6187 5.55821 4.05647 5.31049 4.53042 5.15811C5.00437 5.00574 5.50448 4.95193 6 5C6.26683 5.01604 6.53402 4.9753 6.78394 4.88046C7.03386 4.78562 7.26082 4.63885 7.44984 4.44984C7.63885 4.26082 7.78562 4.03386 7.88046 3.78394C7.9753 3.53402 8.01604 3.26683 8 3C8 2.73478 8.10536 2.48043 8.29289 2.29289C8.48043 2.10536 8.73478 2 9 2C9.26522 2 9.51957 2.10536 9.70711 2.29289C9.89464 2.48043 10 2.73478 10 3C10.0152 3.52941 9.92212 4.05635 9.72648 4.54853C9.53084 5.0407 9.23675 5.48774 8.86225 5.86225C8.48774 6.23675 8.0407 6.53084 7.54853 6.72648C7.05635 6.92212 6.52941 7.01519 6 7C4.19 7 4 8.16 4 8.51C4 8.86 4.18 10 6 10H11.09C11.2369 10.8615 11.5702 11.6805 12.0666 12.3997C12.563 13.119 13.2106 13.7211 13.9639 14.164C14.7173 14.6068 15.5584 14.8798 16.4282 14.9638C17.2981 15.0477 18.1758 14.9406 19 14.65V22H16V17H14V22H11Z" />`;
+    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-cat")) {
+  customElements.define("icon-cat", NavaIconCat);
+}

package/dist/chunk-ZV43LT63.js

@@ -0,0 +1,45 @@
+// src/icons/lock-alt.ts
+var NavaIconLockAlt = 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 2C9.243 2 7 4.243 7 7V10H6C4.897 10 4 10.897 4 12V20C4 21.103 4.897 22 6 22H18C19.103 22 20 21.103 20 20V12C20 10.897 19.103 10 18 10H17V7C17 4.243 14.757 2 12 2ZM18 12L18.002 20H6V12H18ZM9 10V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V10H9Z" />`;
+    const filledPaths = `<path d="M20 12C20 10.897 19.103 10 18 10H17V7C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V10H6C4.897 10 4 10.897 4 12V20C4 21.103 4.897 22 6 22H18C19.103 22 20 21.103 20 20V12ZM9 7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V10H9V7Z" />`;
+    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-lock-alt")) {
+  customElements.define("icon-lock-alt", NavaIconLockAlt);
+}

package/dist/chunk-ZWBRGI22.js

@@ -0,0 +1,46 @@
+// src/icons/box.ts
+var NavaIconBox = 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 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V7C2.00211 7.34903 2.09552 7.69143 2.27095 7.99317C2.44638 8.29491 2.69772 8.54549 3 8.72V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V8.72C21.3023 8.54549 21.5536 8.29491 21.7291 7.99317C21.9045 7.69143 21.9979 7.34903 22 7V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM4 5H20V7H4V5ZM5 19V9H19V19H5Z" />
+<path d="M8 11H16V13H8V11Z" />`;
+    const filledPaths = `<path d="M2 3H22V7H2V3ZM19 8H3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V8H19ZM16 14H8V12H16V14Z" />`;
+    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-box")) {
+  customElements.define("icon-box", NavaIconBox);
+}

package/dist/chunk-ZXUNVYL6.js

@@ -0,0 +1,45 @@
+// src/icons/moon.ts
+var NavaIconMoon = 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.742 13.045C20.0643 13.225 19.3661 13.3161 18.665 13.316C16.53 13.316 14.525 12.486 13.019 10.98C12.03 9.98534 11.3191 8.74886 10.9569 7.39379C10.5948 6.03872 10.5941 4.6124 10.955 3.257C11.0001 3.08753 10.9998 2.90919 10.9542 2.73987C10.9086 2.57055 10.8192 2.4162 10.6951 2.2923C10.571 2.1684 10.4165 2.07932 10.2471 2.03398C10.0777 1.98865 9.89939 1.98865 9.73 2.034C8.03316 2.48618 6.48506 3.37662 5.241 4.616C1.343 8.514 1.343 14.859 5.241 18.759C6.16753 19.6907 7.26963 20.4294 8.48354 20.9323C9.69744 21.4352 10.999 21.6924 12.313 21.689C13.6266 21.6927 14.9279 21.4357 16.1415 20.9329C17.3551 20.4302 18.4569 19.6916 19.383 18.76C20.6233 17.5157 21.5142 15.9668 21.966 14.269C22.0109 14.0996 22.0105 13.9214 21.9649 13.7522C21.9193 13.583 21.8301 13.4287 21.7062 13.3048C21.5823 13.1809 21.428 13.0917 21.2588 13.0461C21.0896 13.0005 20.9114 13.0001 20.742 13.045ZM17.97 17.346C17.229 18.0911 16.3475 18.6818 15.3767 19.084C14.4058 19.4862 13.3648 19.6918 12.314 19.689C11.2628 19.6916 10.2215 19.4858 9.25032 19.0835C8.27915 18.6811 7.39738 18.0902 6.656 17.345C3.538 14.226 3.538 9.15 6.656 6.031C7.2585 5.42917 7.95409 4.92841 8.716 4.548C8.60447 5.98706 8.80495 7.43323 9.30372 8.78769C9.8025 10.1421 10.5878 11.373 11.606 12.396C12.6268 13.4174 13.8572 14.2049 15.2123 14.704C16.5673 15.2032 18.0146 15.4021 19.454 15.287C19.0715 16.0476 18.5706 16.7426 17.97 17.346Z" />`;
+    const filledPaths = `<path d="M12 11.807C10.7418 10.5483 9.88488 8.94484 9.53762 7.1993C9.19037 5.45375 9.36832 3.64444 10.049 2C8.10826 2.38205 6.32559 3.33431 4.92899 4.735C1.02399 8.64 1.02399 14.972 4.92899 18.877C8.83499 22.783 15.166 22.782 19.072 18.877C20.4723 17.4805 21.4245 15.6983 21.807 13.758C20.1625 14.4385 18.3533 14.6164 16.6077 14.2692C14.8622 13.9219 13.2588 13.0651 12 11.807Z" />`;
+    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-moon")) {
+  customElements.define("icon-moon", NavaIconMoon);
+}

package/dist/chunk-ZZB6NVE3.js

@@ -0,0 +1,45 @@
+// src/icons/shape-polygon.ts
+var NavaIconShapePolygon = 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 14.185V11.816C20.5832 11.6103 21.0884 11.2292 21.4465 10.7251C21.8045 10.2209 21.9979 9.61836 22 9C22 7.346 20.654 6 19 6C18.607 5.9998 18.2179 6.07707 17.8548 6.22738C17.4917 6.37769 17.1618 6.5981 16.884 6.876L12.969 5.31C12.979 5.207 13 5.106 13 5C13 3.346 11.654 2 10 2C8.346 2 7 3.346 7 5C7 5.762 7.295 6.451 7.765 6.981L6.091 9.212C5.74387 9.07347 5.37375 9.00155 5 9C3.346 9 2 10.346 2 12C2 13.654 3.346 15 5 15C5.159 15 5.313 14.977 5.465 14.953L7.4 17.532C7.152 17.968 7 18.464 7 19C7 20.654 8.346 22 10 22C10.6455 21.9977 11.2731 21.7869 11.789 21.3989C12.305 21.0109 12.6817 20.4666 12.863 19.847L16.825 19.055C17.1038 19.3527 17.4406 19.5901 17.8147 19.7526C18.1888 19.9151 18.5922 19.9993 19 20C20.654 20 22 18.654 22 17C21.998 16.3817 21.8046 15.7793 21.4465 15.2752C21.0884 14.7712 20.5832 14.3904 20 14.185ZM19 8C19.1981 7.9998 19.3917 8.05837 19.5565 8.16828C19.7213 8.2782 19.8497 8.43452 19.9256 8.61747C20.0015 8.80042 20.0214 9.00177 19.9828 9.19604C19.9442 9.39031 19.8489 9.56876 19.7088 9.70881C19.5688 9.84887 19.3903 9.94422 19.196 9.98281C19.0018 10.0214 18.8004 10.0015 18.6175 9.92561C18.4345 9.84972 18.2782 9.72127 18.1683 9.5565C18.0584 9.39173 17.9998 9.19806 18 9C18 8.449 18.448 8 19 8ZM10 4C10.1981 3.9998 10.3917 4.05837 10.5565 4.16828C10.7213 4.2782 10.8497 4.43452 10.9256 4.61747C11.0015 4.80042 11.0214 5.00177 10.9828 5.19604C10.9442 5.39031 10.8489 5.56876 10.7088 5.70881C10.5688 5.84887 10.3903 5.94422 10.196 5.98281C10.0018 6.02141 9.80042 6.0015 9.61747 5.92561C9.43452 5.84972 9.2782 5.72127 9.16828 5.5565C9.05837 5.39174 8.9998 5.19806 9 5C9 4.449 9.448 4 10 4ZM4 12C3.9998 11.8019 4.05837 11.6083 4.16828 11.4435C4.2782 11.2787 4.43452 11.1503 4.61747 11.0744C4.80042 10.9985 5.00177 10.9786 5.19604 11.0172C5.39031 11.0558 5.56876 11.1511 5.70881 11.2912C5.84887 11.4312 5.94422 11.6097 5.98281 11.804C6.02141 11.9982 6.0015 12.1996 5.92561 12.3825C5.84972 12.5655 5.72127 12.7218 5.5565 12.8317C5.39174 12.9416 5.19806 13.0002 5 13C4.448 13 4 12.551 4 12ZM10 20C9.73478 20 9.48043 19.8946 9.29289 19.7071C9.10536 19.5196 9 19.2652 9 19C9 18.7348 9.10536 18.4804 9.29289 18.2929C9.48043 18.1054 9.73478 18 10 18C10.2652 18 10.5196 18.1054 10.7071 18.2929C10.8946 18.4804 11 18.7348 11 19C11 19.2652 10.8946 19.5196 10.7071 19.7071C10.5196 19.8946 10.2652 20 10 20ZM12.761 17.828C12.5304 17.2864 12.1458 16.8244 11.655 16.4994C11.1642 16.1744 10.5887 16.0008 10 16C9.614 16 9.248 16.079 8.909 16.213L7.235 13.982C7.705 13.451 8 12.762 8 12C8 11.464 7.848 10.968 7.601 10.533L9.536 7.953C9.688 7.977 9.841 8 10 8C10.393 8.0002 10.7821 7.92293 11.1452 7.77262C11.5083 7.62231 11.8382 7.4019 12.116 7.124L16.031 8.69C16.021 8.793 16 8.894 16 9C16 10.302 16.839 11.401 18 11.815V14.184C17.4169 14.3895 16.9117 14.7704 16.5536 15.2744C16.1956 15.7784 16.0022 16.3808 16 16.999C16 17.06 16.015 17.116 16.018 17.176L12.761 17.828ZM19 18C18.7348 18 18.4804 17.8946 18.2929 17.7071C18.1054 17.5196 18 17.2652 18 17C18 16.7348 18.1054 16.4804 18.2929 16.2929C18.4804 16.1054 18.7348 16 19 16C19.2652 16 19.5196 16.1054 19.7071 16.2929C19.8946 16.4804 20 16.7348 20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18Z" />`;
+    const filledPaths = `<path d="M20 14.185V11.816C20.5832 11.6103 21.0884 11.2292 21.4465 10.7251C21.8045 10.2209 21.9979 9.61836 22 9C22 7.346 20.654 6 19 6C18.607 5.9998 18.2179 6.07707 17.8548 6.22738C17.4917 6.37769 17.1618 6.5981 16.884 6.876L12.969 5.31C12.979 5.207 13 5.106 13 5C13 3.346 11.654 2 10 2C8.346 2 7 3.346 7 5C7 5.762 7.295 6.451 7.765 6.981L6.091 9.212C5.74387 9.07347 5.37375 9.00155 5 9C3.346 9 2 10.346 2 12C2 13.654 3.346 15 5 15C5.159 15 5.313 14.977 5.465 14.953L7.4 17.532C7.152 17.968 7 18.464 7 19C7 20.654 8.346 22 10 22C10.6455 21.9977 11.2731 21.7869 11.789 21.3989C12.305 21.0109 12.6817 20.4666 12.863 19.847L16.825 19.055C17.1038 19.3527 17.4406 19.5901 17.8147 19.7526C18.1888 19.9151 18.5922 19.9993 19 20C20.654 20 22 18.654 22 17C21.998 16.3817 21.8046 15.7793 21.4465 15.2752C21.0884 14.7712 20.5832 14.3904 20 14.185ZM19 8C19.1981 7.9998 19.3917 8.05837 19.5565 8.16828C19.7213 8.2782 19.8497 8.43452 19.9256 8.61747C20.0015 8.80042 20.0214 9.00177 19.9828 9.19604C19.9442 9.39031 19.8489 9.56876 19.7088 9.70881C19.5688 9.84887 19.3903 9.94422 19.196 9.98281C19.0018 10.0214 18.8004 10.0015 18.6175 9.92561C18.4345 9.84972 18.2782 9.72127 18.1683 9.5565C18.0584 9.39173 17.9998 9.19806 18 9C18 8.449 18.448 8 19 8ZM10 4C10.1981 3.9998 10.3917 4.05837 10.5565 4.16828C10.7213 4.2782 10.8497 4.43452 10.9256 4.61747C11.0015 4.80042 11.0214 5.00177 10.9828 5.19604C10.9442 5.39031 10.8489 5.56876 10.7088 5.70881C10.5688 5.84887 10.3903 5.94422 10.196 5.98281C10.0018 6.02141 9.80042 6.0015 9.61747 5.92561C9.43452 5.84972 9.2782 5.72127 9.16828 5.5565C9.05837 5.39174 8.9998 5.19806 9 5C9 4.449 9.448 4 10 4ZM4 12C3.9998 11.8019 4.05837 11.6083 4.16828 11.4435C4.2782 11.2787 4.43452 11.1503 4.61747 11.0744C4.80042 10.9985 5.00177 10.9786 5.19604 11.0172C5.39031 11.0558 5.56876 11.1511 5.70881 11.2912C5.84887 11.4312 5.94422 11.6097 5.98281 11.804C6.02141 11.9982 6.0015 12.1996 5.92561 12.3825C5.84972 12.5655 5.72127 12.7218 5.5565 12.8317C5.39174 12.9416 5.19806 13.0002 5 13C4.448 13 4 12.551 4 12ZM10 20C9.73478 20 9.48043 19.8946 9.29289 19.7071C9.10536 19.5196 9 19.2652 9 19C9 18.7348 9.10536 18.4804 9.29289 18.2929C9.48043 18.1054 9.73478 18 10 18C10.2652 18 10.5196 18.1054 10.7071 18.2929C10.8946 18.4804 11 18.7348 11 19C11 19.2652 10.8946 19.5196 10.7071 19.7071C10.5196 19.8946 10.2652 20 10 20ZM12.761 17.828C12.5304 17.2864 12.1458 16.8244 11.655 16.4994C11.1642 16.1744 10.5887 16.0008 10 16C9.614 16 9.248 16.079 8.909 16.213L7.235 13.982C7.705 13.451 8 12.762 8 12C8 11.464 7.848 10.968 7.601 10.533L9.536 7.953C9.688 7.977 9.841 8 10 8C10.393 8.0002 10.7821 7.92293 11.1452 7.77262C11.5083 7.62231 11.8382 7.4019 12.116 7.124L16.031 8.69C16.021 8.793 16 8.894 16 9C16 10.302 16.839 11.401 18 11.815V14.184C17.4169 14.3895 16.9117 14.7704 16.5536 15.2744C16.1956 15.7784 16.0022 16.3808 16 16.999C16 17.06 16.015 17.116 16.018 17.176L12.761 17.828ZM19 18C18.7348 18 18.4804 17.8946 18.2929 17.7071C18.1054 17.5196 18 17.2652 18 17C18 16.7348 18.1054 16.4804 18.2929 16.2929C18.4804 16.1054 18.7348 16 19 16C19.2652 16 19.5196 16.1054 19.7071 16.2929C19.8946 16.4804 20 16.7348 20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-shape-polygon")) {
+  customElements.define("icon-shape-polygon", NavaIconShapePolygon);
+}

package/dist/icon-base.d.ts

@@ -0,0 +1,26 @@
+interface IconBaseConfig {
+    viewBox: string;
+    defaultSize: number;
+    defaultStrokeWidth: number;
+    strokeLinecap: string;
+    strokeLinejoin: string;
+    regularPaths: string;
+    filledPaths: string;
+    regularStrokeBased: boolean;
+    filledStrokeBased: boolean;
+}
+declare abstract class NavaIconBase extends HTMLElement {
+    private _config;
+    private _shadow;
+    static get observedAttributes(): string[];
+    constructor(config: IconBaseConfig);
+    get size(): string;
+    get color(): string;
+    get strokeWidth(): string;
+    get mode(): string;
+    attributeChangedCallback(): void;
+    connectedCallback(): void;
+    private render;
+}
+
+export { type IconBaseConfig, NavaIconBase };

package/dist/icon-base.js

@@ -0,0 +1,6 @@
+import {
+  NavaIconBase
+} from "./chunk-HPEWELZI.js";
+export {
+  NavaIconBase
+};

package/dist/icons/abacus.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/abacus.js

@@ -0,0 +1 @@
+import "../chunk-RG2SB4DT.js";

package/dist/icons/accessibility.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/accessibility.js

@@ -0,0 +1 @@
+import "../chunk-U456CEIN.js";

package/dist/icons/add-to-queue.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/add-to-queue.js

@@ -0,0 +1 @@
+import "../chunk-EHW2TMUA.js";

package/dist/icons/adjust-alt.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/adjust-alt.js

@@ -0,0 +1 @@
+import "../chunk-YO3BGC3K.js";

package/dist/icons/adjust.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/adjust.js

@@ -0,0 +1 @@
+import "../chunk-EHXL3DIM.js";

package/dist/icons/alarm-add.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/alarm-add.js

@@ -0,0 +1 @@
+import "../chunk-V67WIXOZ.js";

package/dist/icons/alarm-exclamation.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/alarm-exclamation.js

@@ -0,0 +1 @@
+import "../chunk-IXKLC5HD.js";

package/dist/icons/alarm-off.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/alarm-off.js

@@ -0,0 +1 @@
+import "../chunk-K5DEQDXR.js";