@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-HUXUIX6J.js

@@ -0,0 +1,47 @@
+// src/icons/window-close.ts
+var NavaIconWindowClose = 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.001 19H4Z" />
+<path d="M15.707 10.707L14.293 9.29303L12 11.586L9.707 9.29303L8.293 10.707L10.586 13L8.293 15.293L9.707 16.707L12 14.414L14.293 16.707L15.707 15.293L13.414 13L15.707 10.707Z" />`;
+    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.001 19H4Z" />
+<path d="M15.707 10.707L14.293 9.29303L12 11.586L9.707 9.29303L8.293 10.707L10.586 13L8.293 15.293L9.707 16.707L12 14.414L14.293 16.707L15.707 15.293L13.414 13L15.707 10.707Z" />`;
+    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-window-close")) {
+  customElements.define("icon-window-close", NavaIconWindowClose);
+}

package/dist/chunk-HUYYV3FS.js

@@ -0,0 +1,45 @@
+// src/icons/sitemap.ts
+var NavaIconSitemap = 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 13.01H13V10H14C15.103 10 16 9.103 16 8V4C16 2.897 15.103 2 14 2H10C8.897 2 8 2.897 8 4V8C8 9.103 8.897 10 10 10H11V13.01H4V18H3V22H7V18H6V15.01H11V18H10V22H14V18H13V15.01H18V18H17V22H21V18H20V13.01ZM10 8V4H14L14.002 8H10Z" />`;
+    const filledPaths = `<path d="M20 13.01H13V10H14C15.103 10 16 9.103 16 8V4C16 2.897 15.103 2 14 2H10C8.897 2 8 2.897 8 4V8C8 9.103 8.897 10 10 10H11V13.01H4V18H3V22H7V18H6V15.01H11V18H10V22H14V18H13V15.01H18V18H17V22H21V18H20V13.01ZM10 8V4H14L14.002 8H10Z" />`;
+    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-sitemap")) {
+  customElements.define("icon-sitemap", NavaIconSitemap);
+}

package/dist/chunk-HVDEAX3N.js

@@ -0,0 +1,49 @@
+// src/icons/palette.ts
+var NavaIconPalette = 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.4 2.09599C11.7511 1.8703 10.0721 2.05638 8.51261 2.63761C6.95317 3.21885 5.56191 4.17715 4.463 5.42699C3.5225 6.51017 2.82469 7.78207 2.41643 9.15726C2.00816 10.5324 1.89891 11.9791 2.096 13.4C2.626 17.294 5.554 20.607 9.381 21.646C10.2341 21.8795 11.1145 21.9985 11.999 22L12.141 21.999C12.6465 21.9925 13.1423 21.8583 13.5821 21.6091C14.022 21.3598 14.3917 21.0034 14.657 20.573C14.9232 20.1449 15.0768 19.6565 15.1036 19.1532C15.1303 18.6498 15.0293 18.1478 14.81 17.694L14.611 17.278C14.4579 16.9789 14.3861 16.645 14.4026 16.3094C14.4191 15.9739 14.5234 15.6486 14.705 15.366C14.9649 14.9438 15.3721 14.6329 15.8479 14.4935C16.3237 14.354 16.8343 14.3959 17.281 14.611L17.693 14.808C18.105 15.006 18.543 15.107 18.994 15.107C19.7833 15.1029 20.5396 14.7903 21.1014 14.2358C21.6631 13.6814 21.9856 12.9291 22 12.14C22.0124 11.208 21.8936 10.2789 21.647 9.37999C20.607 5.55399 17.294 2.62599 13.4 2.09599ZM18.558 13.005L18.146 12.808C16.318 11.93 14.076 12.61 13.011 14.302C12.273 15.478 12.198 16.878 12.807 18.144L13.006 18.56C13.0806 18.7111 13.1151 18.8789 13.1061 19.0472C13.0972 19.2154 13.0452 19.3786 12.955 19.521C12.8671 19.6664 12.7434 19.7869 12.5956 19.8707C12.4478 19.9546 12.2809 19.9991 12.111 20H11.999C11.2913 19.998 10.5869 19.9029 9.904 19.717C6.841 18.886 4.501 16.238 4.078 13.131C3.757 10.776 4.43 8.50799 5.971 6.74199C6.84774 5.73622 7.96206 4.96564 9.21256 4.50037C10.4631 4.03509 11.8101 3.8899 13.131 4.07799C16.238 4.50099 18.886 6.84199 19.717 9.90399C19.915 10.634 20.01 11.378 19.999 12.111C19.987 12.918 19.154 13.294 18.558 13.005Z" />
+<path d="M7.5 16C8.32843 16 9 15.3284 9 14.5C9 13.6716 8.32843 13 7.5 13C6.67157 13 6 13.6716 6 14.5C6 15.3284 6.67157 16 7.5 16Z" />
+<path d="M7.5 12C8.32843 12 9 11.3284 9 10.5C9 9.67157 8.32843 9 7.5 9C6.67157 9 6 9.67157 6 10.5C6 11.3284 6.67157 12 7.5 12Z" />
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" />
+<path d="M14.5 9C15.3284 9 16 8.32843 16 7.5C16 6.67157 15.3284 6 14.5 6C13.6716 6 13 6.67157 13 7.5C13 8.32843 13.6716 9 14.5 9Z" />`;
+    const filledPaths = `<path d="M9.38008 21.646C10.2339 21.8796 11.1149 21.9986 12.0001 22L12.1411 21.999C12.6464 21.9927 13.142 21.8588 13.5817 21.6096C14.0214 21.3605 14.391 21.0042 14.6561 20.574C15.1981 19.698 15.2561 18.621 14.8091 17.694L14.6111 17.279C14.1581 16.337 14.5141 15.483 14.9991 14.998C15.4841 14.513 16.3401 14.157 17.2791 14.61H17.2801L17.6931 14.809C18.1472 15.0286 18.6495 15.1297 19.1533 15.103C19.657 15.0762 20.1458 14.9224 20.5741 14.656C21.0046 14.3911 21.3611 14.0215 21.6104 13.5818C21.8597 13.1421 21.9938 12.6464 22.0001 12.141C22.0126 11.209 21.8937 10.2798 21.6471 9.38099C20.6091 5.55399 17.2941 2.62699 13.4011 2.09599C10.2521 1.66899 7.16008 2.69799 4.93008 4.92899C2.70008 7.15999 1.66608 10.247 2.09608 13.4C2.62608 17.294 5.55408 20.608 9.38008 21.646ZM15.5001 5.99999C15.8979 5.99999 16.2794 6.15802 16.5607 6.43933C16.842 6.72063 17.0001 7.10216 17.0001 7.49999C17.0001 7.89781 16.842 8.27934 16.5607 8.56065C16.2794 8.84195 15.8979 8.99999 15.5001 8.99999C15.1023 8.99999 14.7207 8.84195 14.4394 8.56065C14.1581 8.27934 14.0001 7.89781 14.0001 7.49999C14.0001 7.10216 14.1581 6.72063 14.4394 6.43933C14.7207 6.15802 15.1023 5.99999 15.5001 5.99999ZM10.5001 4.99999C10.8979 4.99999 11.2794 5.15802 11.5607 5.43933C11.842 5.72063 12.0001 6.10216 12.0001 6.49999C12.0001 6.89781 11.842 7.27934 11.5607 7.56065C11.2794 7.84195 10.8979 7.99999 10.5001 7.99999C10.1023 7.99999 9.72072 7.84195 9.43942 7.56065C9.15811 7.27934 9.00008 6.89781 9.00008 6.49999C9.00008 6.10216 9.15811 5.72063 9.43942 5.43933C9.72072 5.15802 10.1023 4.99999 10.5001 4.99999ZM9.00008 15.506C9.00008 15.9038 8.84204 16.2853 8.56074 16.5666C8.27943 16.848 7.8979 17.006 7.50008 17.006C7.10225 17.006 6.72072 16.848 6.43942 16.5666C6.15811 16.2853 6.00008 15.9038 6.00008 15.506C6.00008 15.1082 6.15811 14.7266 6.43942 14.4453C6.72072 14.164 7.10225 14.006 7.50008 14.006C7.8979 14.006 8.27943 14.164 8.56074 14.4453C8.84204 14.7266 9.00008 15.1082 9.00008 15.506ZM6.50008 9.00599C6.89804 9.00612 7.27964 9.16433 7.56095 9.44583C7.84225 9.72732 8.00021 10.109 8.00008 10.507C7.99995 10.9049 7.84173 11.2866 7.56024 11.5679C7.27875 11.8492 6.89704 12.0071 6.49908 12.007C6.10112 12.0069 5.71952 11.8486 5.43821 11.5671C5.15691 11.2857 4.99895 10.9039 4.99908 10.506C4.99921 10.108 5.15743 9.72642 5.43892 9.44512C5.72041 9.16382 6.10212 9.00585 6.50008 9.00599Z" />`;
+    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-palette")) {
+  customElements.define("icon-palette", NavaIconPalette);
+}

package/dist/chunk-HVNVEEMJ.js

@@ -0,0 +1,47 @@
+// src/icons/reply-all.ts
+var NavaIconReplyAll = 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 18V10C20 9.73478 19.8946 9.48043 19.7071 9.29289C19.5196 9.10536 19.2652 9 19 9H13V6L8 10L13 14V11H18V18H20Z" />
+<path d="M9 12.4L6 10L9 7.6V6L4 10L9 14V12.4Z" />`;
+    const filledPaths = `<path d="M20 18V10C20 9.73478 19.8946 9.48043 19.7071 9.29289C19.5196 9.10536 19.2652 9 19 9H13V6L8 10L13 14V11H18V18H20Z" />
+<path d="M9 12.4L6 10L9 7.6V6L4 10L9 14V12.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-reply-all")) {
+  customElements.define("icon-reply-all", NavaIconReplyAll);
+}

package/dist/chunk-HWLRXFQV.js

@@ -0,0 +1,45 @@
+// src/icons/cctv.ts
+var NavaIconCctv = 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.916 9.56402C20.9688 9.44394 20.9975 9.31462 21.0003 9.18347C21.0031 9.05231 20.98 8.92189 20.9323 8.79966C20.8847 8.67743 20.8134 8.5658 20.7226 8.47114C20.6318 8.37648 20.5232 8.30066 20.403 8.24802L7.328 2.49202C6.333 2.05402 5.108 2.54302 4.683 3.53402L2.473 8.68802C2.26509 9.17554 2.25909 9.72564 2.45632 10.2176C2.65354 10.7095 3.03789 11.1031 3.525 11.312L9.563 13.9L8.323 17H4V14H2V22H4V19H8.323C9.146 19 9.875 18.506 10.179 17.742L11.401 14.688L16.606 16.918C16.8484 17.022 17.1221 17.0261 17.3674 16.9292C17.6128 16.8324 17.81 16.6425 17.916 16.401L18.228 15.691L19.929 16.371L21.929 11.371L20.393 10.758L20.916 9.56402ZM16.482 14.69L4.313 9.47502L6.521 4.32302L18.683 9.67702L16.482 14.69Z" />`;
+    const filledPaths = `<path d="M18.618 7.46198L6.403 2.08498C6.15859 1.97783 5.88165 1.97208 5.633 2.06898C5.51012 2.11766 5.39809 2.19017 5.30335 2.28233C5.20861 2.3745 5.13305 2.48449 5.081 2.60598L2.081 9.60598C1.97653 9.84972 1.97315 10.125 2.07161 10.3712C2.17006 10.6174 2.36228 10.8145 2.606 10.919L9.563 13.9L8.323 17H4V14H2V22H4V19H8.323C9.146 19 9.875 18.506 10.179 17.742L11.401 14.688L14.82 16.153C15.0626 16.2573 15.3367 16.2613 15.5823 16.1643C15.8279 16.0672 16.0252 15.8769 16.131 15.635L19.131 8.77798C19.2371 8.5354 19.2427 8.26063 19.1466 8.01392C19.0504 7.76722 18.8603 7.56873 18.618 7.46198ZM19.93 16.372L18.072 15.63L20.07 10.63L21.928 11.371L19.93 16.372Z" />`;
+    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-cctv")) {
+  customElements.define("icon-cctv", NavaIconCctv);
+}

package/dist/chunk-HYBT46QA.js

@@ -0,0 +1,45 @@
+// src/icons/first-page.ts
+var NavaIconFirstPage = 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.293 17.707L17.707 16.293L13.414 12L17.707 7.707L16.293 6.293L10.586 12L16.293 17.707ZM7 6H9V18H7V6Z" />`;
+    const filledPaths = `<path d="M16.293 17.707L17.707 16.293L13.414 12L17.707 7.707L16.293 6.293L10.586 12L16.293 17.707ZM7 6H9V18H7V6Z" />`;
+    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-first-page")) {
+  customElements.define("icon-first-page", NavaIconFirstPage);
+}

package/dist/chunk-HYJJEOZ3.js

@@ -0,0 +1,46 @@
+// src/icons/spreadsheet.ts
+var NavaIconSpreadsheet = 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 5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5ZM5 19V5H19L19.002 19H5Z" />
+<path d="M7 7H8.998V9H7V7ZM11 7H17V9H11V7ZM7 11H8.998V13H7V11ZM11 11H17V13H11V11ZM7 15H8.998V17H7V15ZM11 15H17V17H11V15Z" />`;
+    const filledPaths = `<path d="M3 5V19C3 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 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5ZM10 7H18V9H10V7ZM10 11H18V13H10V11ZM10 15H18V17H10V15ZM6 7H8V9H6V7ZM6 11H8V13H6V11ZM6 15H8V17H6V15Z" />`;
+    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-spreadsheet")) {
+  customElements.define("icon-spreadsheet", NavaIconSpreadsheet);
+}

package/dist/chunk-HYJZEWGX.js

@@ -0,0 +1,45 @@
+// src/icons/intersect.ts
+var NavaIconIntersect = 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 16H8V19C8 20.103 8.897 21 10 21H19C20.103 21 21 20.103 21 19V10C21 8.897 20.103 8 19 8H16V5C16 3.897 15.103 3 14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 16ZM14.001 14L14 10H14.001V14ZM19 10L19.001 19H10V16H14C15.103 16 16 15.103 16 14V10H19ZM5 5H14V8H10C8.897 8 8 8.897 8 10V14H5V5Z" />`;
+    const filledPaths = `<path d="M5 16H8V19C8 20.103 8.897 21 10 21H19C20.103 21 21 20.103 21 19V10C21 8.897 20.103 8 19 8H16V5C16 3.897 15.103 3 14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 16ZM14.001 14L14 10H14.001V14ZM19 10L19.001 19H10V16H14C15.103 16 16 15.103 16 14V10H19ZM5 5H14V8H10C8.897 8 8 8.897 8 10V14H5V5Z" />`;
+    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-intersect")) {
+  customElements.define("icon-intersect", NavaIconIntersect);
+}

package/dist/chunk-HZNSXE2M.js

@@ -0,0 +1,45 @@
+// src/icons/minus-square.ts
+var NavaIconMinusSquare = 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 3C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 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 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5ZM17 13H7V11H17V13Z" />`;
+    const filledPaths = `<path d="M5 3C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 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 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5ZM17 13H7V11H17V13Z" />`;
+    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-minus-square")) {
+  customElements.define("icon-minus-square", NavaIconMinusSquare);
+}

package/dist/chunk-I2GQG2O7.js

@@ -0,0 +1,45 @@
+// src/icons/align-right.ts
+var NavaIconAlignRight = 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 19H20V21H4V19ZM9 15H20V17H9V15ZM4 11H20V13H4V11ZM4 3H20V5H4V3ZM9 7H20V9H9V7Z" />`;
+    const filledPaths = `<path d="M4 19H20V21H4V19ZM9 15H20V17H9V15ZM4 11H20V13H4V11ZM4 3H20V5H4V3ZM9 7H20V9H9V7Z" />`;
+    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-align-right")) {
+  customElements.define("icon-align-right", NavaIconAlignRight);
+}

package/dist/chunk-I5MFEXT6.js

@@ -0,0 +1,45 @@
+// src/icons/highlight.ts
+var NavaIconHighlight = 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.707 5.826L17.172 2.293C16.9856 2.10632 16.733 2.00091 16.4692 1.99979C16.2055 1.99866 15.9519 2.10191 15.764 2.287L7.096 10.82C6.96089 10.9537 6.86626 11.1229 6.823 11.308L5.799 15.745L4 18H6.828L7.97 16.871L11.558 16.043C11.738 16.001 11.903 15.91 12.035 15.781L20.702 7.246C20.7961 7.15337 20.8708 7.04303 20.922 6.92135C20.9732 6.79967 20.9998 6.66905 21.0003 6.53704C21.0008 6.40503 20.9751 6.27423 20.9247 6.15219C20.8744 6.03016 20.8004 5.91929 20.707 5.826ZM11.338 13.659L9.217 11.539L16.46 4.408L18.58 6.528L11.338 13.659ZM4 20H20V22H4V20Z" />`;
+    const filledPaths = `<path d="M20.707 5.826L17.172 2.293C16.9856 2.10632 16.733 2.00091 16.4692 1.99979C16.2055 1.99866 15.9519 2.10191 15.764 2.287L7.096 10.82C6.96089 10.9537 6.86626 11.1229 6.823 11.308L5.799 15.745L4 18H6.828L7.97 16.871L11.558 16.043C11.738 16.001 11.903 15.91 12.035 15.781L20.702 7.246C20.7961 7.15337 20.8708 7.04303 20.922 6.92135C20.9732 6.79967 20.9998 6.66905 21.0003 6.53704C21.0008 6.40503 20.9751 6.27423 20.9247 6.15219C20.8744 6.03016 20.8004 5.91929 20.707 5.826ZM11.338 13.659L9.217 11.539L16.46 4.408L18.58 6.528L11.338 13.659ZM4 20H20V22H4V20Z" />`;
+    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-highlight")) {
+  customElements.define("icon-highlight", NavaIconHighlight);
+}

package/dist/chunk-IBBFVMJN.js

@@ -0,0 +1,45 @@
+// src/icons/male-sign.ts
+var NavaIconMaleSign = 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 11V4H13L15.793 6.793L11.471 11.115C10.4588 10.39 9.24505 10.0001 8 10C4.691 10 2 12.691 2 16C2 19.309 4.691 22 8 22C11.309 22 14 19.309 14 16C14 14.706 13.584 13.51 12.885 12.529L17.207 8.207L20 11ZM8 20C5.794 20 4 18.206 4 16C4 13.794 5.794 12 8 12C10.206 12 12 13.794 12 16C12 18.206 10.206 20 8 20Z" />`;
+    const filledPaths = `<path d="M20 11V4H13L15.793 6.793L11.471 11.115C10.4588 10.39 9.24505 10.0001 8 10C4.691 10 2 12.691 2 16C2 19.309 4.691 22 8 22C11.309 22 14 19.309 14 16C14 14.706 13.584 13.51 12.885 12.529L17.207 8.207L20 11ZM8 20C5.794 20 4 18.206 4 16C4 13.794 5.794 12 8 12C10.206 12 12 13.794 12 16C12 18.206 10.206 20 8 20Z" />`;
+    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-male-sign")) {
+  customElements.define("icon-male-sign", NavaIconMaleSign);
+}

package/dist/chunk-ICUVCQAE.js

@@ -0,0 +1,45 @@
+// src/icons/menu-alt-right.ts
+var NavaIconMenuAltRight = 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 6H20V8H4V6ZM8 11H20V13H8V11ZM13 16H20V18H13V16Z" />`;
+    const filledPaths = `<path d="M4 6H20V8H4V6ZM8 11H20V13H8V11ZM13 16H20V18H13V16Z" />`;
+    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-menu-alt-right")) {
+  customElements.define("icon-menu-alt-right", NavaIconMenuAltRight);
+}