@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-WDUDJOWG.js

@@ -0,0 +1,45 @@
+// src/icons/list-ul.ts
+var NavaIconListUl = 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 6H6V8H4V6ZM4 11H6V13H4V11ZM4 16H6V18H4V16ZM20 8V6H8.023V8H18.8H20ZM8 11H20V13H8V11ZM8 16H20V18H8V16Z" />`;
+    const filledPaths = `<path d="M4 6H6V8H4V6ZM4 11H6V13H4V11ZM4 16H6V18H4V16ZM20 8V6H8.023V8H18.8H20ZM8 11H20V13H8V11ZM8 16H20V18H8V16Z" />`;
+    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-ul")) {
+  customElements.define("icon-list-ul", NavaIconListUl);
+}

package/dist/chunk-WE6BMRC6.js

@@ -0,0 +1,45 @@
+// src/icons/arrow-to-right.ts
+var NavaIconArrowToRight = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M18 6.00003H20V18H18V6.00003ZM4 13H12.586L8.293 17.293L9.707 18.707L16.414 12L9.707 5.29303L8.293 6.70703L12.586 11H4V13Z" />`;
+    const filledPaths = `<path d="M18 6H20V18H18V6ZM10 11H4V13H10V18L16 12L10 6V11Z" />`;
+    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-arrow-to-right")) {
+  customElements.define("icon-arrow-to-right", NavaIconArrowToRight);
+}

package/dist/chunk-WEYETLPG.js

@@ -0,0 +1,45 @@
+// src/icons/poll.ts
+var NavaIconPoll = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M7 11H14V13H7V11ZM7 7H17.97V9H7V7ZM7 15H20V17H7V15ZM4 4H6V20H4V4Z" />`;
+    const filledPaths = `<path d="M7 11H14V13H7V11ZM7 7H17.97V9H7V7ZM7 15H20V17H7V15ZM4 4H6V20H4V4Z" />`;
+    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-poll")) {
+  customElements.define("icon-poll", NavaIconPoll);
+}

package/dist/chunk-WGEEQ4YL.js

@@ -0,0 +1,48 @@
+// src/icons/upside-down.ts
+var NavaIconUpsideDown = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M14.829 9.17199C15.01 9.35299 15.175 9.55199 15.317 9.76399L16.975 8.64499C16.5426 8.00685 15.9924 7.45703 15.354 7.02499C14.7043 6.58567 13.9744 6.27881 13.206 6.12199C12.2336 5.92107 11.2265 5.96522 10.2755 6.25046C9.32443 6.53571 8.45928 7.05309 7.75799 7.75599C7.48567 8.02809 7.24021 8.3258 7.02499 8.64499L8.68199 9.76399C9.2677 8.89766 10.1682 8.29389 11.192 8.08099C11.8411 7.94628 12.5136 7.9755 13.1486 8.16598C13.7836 8.35647 14.3612 8.70223 14.829 9.17199Z" />
+<path d="M15.5 15C16.3284 15 17 14.3284 17 13.5C17 12.6716 16.3284 12 15.5 12C14.6716 12 14 12.6716 14 13.5C14 14.3284 14.6716 15 15.5 15Z" />
+<path d="M8.50701 15C9.33157 15 10 14.3315 10 13.507C10 12.6824 9.33157 12.014 8.50701 12.014C7.68245 12.014 7.01401 12.6824 7.01401 13.507C7.01401 14.3315 7.68245 15 8.50701 15Z" />`;
+    const filledPaths = `<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 2ZM8.507 15C8.30762 15.0051 8.10923 14.9702 7.92355 14.8974C7.73786 14.8246 7.56863 14.7154 7.42583 14.5761C7.28303 14.4369 7.16956 14.2705 7.09211 14.0867C7.01466 13.9029 6.97479 13.7054 6.97485 13.506C6.97492 13.3065 7.01492 13.1091 7.0925 12.9254C7.17008 12.7416 7.28366 12.5753 7.42655 12.4361C7.56944 12.297 7.73874 12.1879 7.92448 12.1152C8.11021 12.0425 8.30862 12.0078 8.508 12.013C8.89741 12.0232 9.26743 12.1851 9.5392 12.4642C9.81097 12.7433 9.96298 13.1174 9.96285 13.507C9.96272 13.8965 9.81045 14.2706 9.5385 14.5495C9.26654 14.8284 8.89641 14.9901 8.507 15ZM12.808 8.081C12.2746 7.97401 11.7254 7.97401 11.192 8.081C10.9348 8.13455 10.6833 8.21257 10.441 8.314C10.207 8.414 9.978 8.538 9.763 8.682C9.338 8.97134 8.97155 9.33846 8.683 9.764L7.024 8.646C7.67517 7.68137 8.59175 6.92594 9.663 6.471C10.0268 6.31811 10.4046 6.20089 10.791 6.121C11.5879 5.959 12.4092 5.959 13.206 6.121C13.9748 6.2767 14.7049 6.58365 15.354 7.024C15.9924 7.45692 16.5425 8.00738 16.975 8.646L15.317 9.763C15.1736 9.55116 15.0102 9.35359 14.829 9.173C14.277 8.61866 13.5742 8.2389 12.808 8.081ZM15.5 15C15.102 14.9999 14.7204 14.8417 14.4391 14.5602C14.1578 14.2787 13.9999 13.897 14 13.499C14.0001 13.101 14.1583 12.7194 14.4398 12.4381C14.7213 12.1568 15.103 11.9989 15.501 11.999C15.899 11.9991 16.2806 12.1573 16.5619 12.4388C16.8432 12.7203 17.0011 13.102 17.001 13.5C17.0009 13.898 16.8427 14.2796 16.5612 14.5609C16.2797 14.8422 15.898 15.0001 15.5 15Z" />`;
+    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-upside-down")) {
+  customElements.define("icon-upside-down", NavaIconUpsideDown);
+}

package/dist/chunk-WGHMXQWS.js

@@ -0,0 +1,45 @@
+// src/icons/bone.ts
+var NavaIconBone = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M19.049 4.95102C18.8727 4.2699 18.5178 3.64817 18.021 3.15002C16.511 1.64002 13.875 1.64002 12.365 3.15002C11.7392 3.7778 11.3391 4.59529 11.2273 5.47463C11.1155 6.35398 11.2982 7.24559 11.747 8.01002L8.03301 11.724C6.52801 10.834 4.44201 11.075 3.17301 12.342C2.4238 13.0927 2.00302 14.1099 2.00302 15.1705C2.00302 16.2311 2.4238 17.2483 3.17301 17.999C3.67068 18.496 4.29212 18.8509 4.97301 19.027C5.15101 19.708 5.50301 20.329 6.00101 20.827C6.37115 21.2002 6.81177 21.496 7.29726 21.6974C7.78275 21.8988 8.30342 22.0016 8.82901 22C9.35448 22.0014 9.87499 21.8985 10.3604 21.6973C10.8459 21.4962 11.2866 21.2007 11.657 20.828C12.2827 20.2004 12.6827 19.383 12.7944 18.5038C12.906 17.6246 12.723 16.7331 12.274 15.969L15.988 12.255C17.495 13.146 19.581 12.905 20.849 11.636C21.5982 10.8855 22.0189 9.86843 22.0189 8.80802C22.0189 7.7476 21.5982 6.73052 20.849 5.98002C20.3516 5.48254 19.7301 5.12725 19.049 4.95102ZM19.436 10.222C18.68 10.977 17.363 10.978 16.607 10.222L15.9 9.51502L9.53701 15.879L10.244 16.586C10.6182 16.9615 10.8283 17.4699 10.8283 18C10.8283 18.5301 10.6182 19.0386 10.244 19.414C9.48701 20.171 8.17001 20.169 7.41501 19.414C7.06685 19.0646 6.863 18.5969 6.84401 18.104L6.79701 17.204L5.89701 17.157C5.40431 17.1372 4.93693 16.9334 4.58701 16.586C4.2125 16.2105 4.00218 15.7018 4.00218 15.1715C4.00218 14.6412 4.2125 14.1325 4.58701 13.757C4.96401 13.38 5.46601 13.172 6.00001 13.172C6.53401 13.172 7.03601 13.38 7.41401 13.757L8.12101 14.464L14.485 8.10102L13.778 7.39402C13.4035 7.01853 13.1932 6.50985 13.1932 5.97952C13.1932 5.44919 13.4035 4.9405 13.778 4.56502C14.534 3.81102 15.85 3.81102 16.606 4.56502C16.949 4.90802 17.152 5.37402 17.178 5.87702L17.226 6.77402L18.123 6.82202C18.626 6.84802 19.092 7.05102 19.435 7.39402C19.812 7.77202 20.02 8.27402 20.02 8.80802C20.02 9.34202 19.813 9.84402 19.436 10.222Z" />`;
+    const filledPaths = `<path d="M18.852 5.14801C18.8137 4.3265 18.4715 3.54851 17.892 2.96501C17.5831 2.65271 17.2155 2.40454 16.8104 2.23478C16.4052 2.06502 15.9705 1.97702 15.5313 1.97584C15.092 1.97466 14.6568 2.06032 14.2508 2.22789C13.8448 2.39547 13.4758 2.64165 13.1653 2.95229C12.8547 3.26293 12.6086 3.6319 12.4411 4.03798C12.2736 4.44406 12.188 4.87924 12.1893 5.31851C12.1906 5.75777 12.2787 6.19245 12.4485 6.59755C12.6184 7.00265 12.8666 7.37018 13.179 7.67901L7.67999 13.179C7.37116 12.8666 7.00363 12.6184 6.59853 12.4486C6.19343 12.2787 5.75875 12.1906 5.31948 12.1893C4.88022 12.1881 4.44504 12.2736 4.03896 12.4411C3.63288 12.6086 3.26391 12.8547 2.95327 13.1653C2.64263 13.4759 2.39644 13.8448 2.22887 14.2508C2.0613 14.6569 1.97564 15.092 1.97682 15.5313C1.978 15.9706 2.066 16.4053 2.23576 16.8104C2.40552 17.2155 2.65368 17.5831 2.96599 17.892C3.57199 18.498 4.35599 18.81 5.14899 18.852C5.19099 19.645 5.50299 20.428 6.10899 21.035C6.41789 21.3473 6.78547 21.5955 7.19061 21.7652C7.59575 21.935 8.03045 22.023 8.46971 22.0242C8.90897 22.0254 9.34414 21.9397 9.75018 21.7721C10.1562 21.6046 10.5251 21.3584 10.8357 21.0477C11.1463 20.7371 11.3924 20.3681 11.5599 19.962C11.7274 19.556 11.8129 19.1208 11.8117 18.6815C11.8104 18.2423 11.7223 17.8076 11.5525 17.4025C11.3826 16.9974 11.1344 16.6298 10.822 16.321L16.321 10.822C16.6298 11.1344 16.9974 11.3826 17.4025 11.5525C17.8076 11.7223 18.2422 11.8104 18.6815 11.8117C19.1208 11.813 19.5559 11.7274 19.962 11.5599C20.3681 11.3924 20.7371 11.1463 21.0477 10.8357C21.3584 10.5252 21.6045 10.1562 21.7721 9.7502C21.9397 9.34416 22.0253 8.909 22.0242 8.46973C22.023 8.03047 21.935 7.59577 21.7652 7.19063C21.5955 6.7855 21.3473 6.41791 21.035 6.10901C20.4519 5.52877 19.6737 5.18622 18.852 5.14801Z" />`;
+    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-bone")) {
+  customElements.define("icon-bone", NavaIconBone);
+}

package/dist/chunk-WIT5OKBM.js

@@ -0,0 +1,47 @@
+// src/icons/task.ts
+var NavaIconTask = 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 22H19C20.103 22 21 21.103 21 20V5C21 3.897 20.103 3 19 3H17C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2H8C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3H5C3.897 3 3 3.897 3 5V20C3 21.103 3.897 22 5 22ZM5 5H7V7H17V5H19V20H5V5Z" />
+<path d="M11 13.586L9.20703 11.793L7.79303 13.207L11 16.414L16.207 11.207L14.793 9.79303L11 13.586Z" />`;
+    const filledPaths = `<path d="M5 22H19C20.103 22 21 21.103 21 20V5C21 3.897 20.103 3 19 3H17C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2H8C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3H5C3.897 3 3 3.897 3 5V20C3 21.103 3.897 22 5 22ZM5 5H7V7H17V5H19V20H5V5Z" />
+<path d="M11 13.586L9.20703 11.793L7.79303 13.207L11 16.414L16.207 11.207L14.793 9.79303L11 13.586Z" />`;
+    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-task")) {
+  customElements.define("icon-task", NavaIconTask);
+}

package/dist/chunk-WKZN5RZO.js

@@ -0,0 +1,45 @@
+// src/icons/objects-horizontal-center.ts
+var NavaIconObjectsHorizontalCenter = 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 20H11V22H13V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14C20 13.7348 19.8946 13.4804 19.7071 13.2929C19.5196 13.1054 19.2652 13 19 13H13V11H17C17.2652 11 17.5196 10.8946 17.7071 10.7071C17.8946 10.5196 18 10.2652 18 10V5C18 4.73478 17.8946 4.48043 17.7071 4.29289C17.5196 4.10536 17.2652 4 17 4H13V2H11V4H7C6.73478 4 6.48043 4.10536 6.29289 4.29289C6.10536 4.48043 6 4.73478 6 5V10C6 10.2652 6.10536 10.5196 6.29289 10.7071C6.48043 10.8946 6.73478 11 7 11H11V13H5C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20ZM8 6H16V9H8V6ZM6 15H18V18H6V15Z" />`;
+    const filledPaths = `<path d="M19 13H13V11H17C17.2652 11 17.5196 10.8946 17.7071 10.7071C17.8946 10.5196 18 10.2652 18 10V6C18 5.73478 17.8946 5.48043 17.7071 5.29289C17.5196 5.10536 17.2652 5 17 5H13V2H11V5H7C6.73478 5 6.48043 5.10536 6.29289 5.29289C6.10536 5.48043 6 5.73478 6 6V10C6 10.2652 6.10536 10.5196 6.29289 10.7071C6.48043 10.8946 6.73478 11 7 11H11V13H5C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H11V22H13V19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V14C20 13.7348 19.8946 13.4804 19.7071 13.2929C19.5196 13.1054 19.2652 13 19 13Z" />`;
+    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-objects-horizontal-center")) {
+  customElements.define("icon-objects-horizontal-center", NavaIconObjectsHorizontalCenter);
+}

package/dist/chunk-WNMGWWP4.js

@@ -0,0 +1,45 @@
+// src/icons/city.ts
+var NavaIconCity = 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 6H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2H8C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V7C22 6.73478 21.8946 6.48043 21.7071 6.29289C21.5196 6.10536 21.2652 6 21 6ZM6 18H4V16H6V18ZM6 14H4V12H6V14ZM11 18H9V16H11V18ZM11 14H9V12H11V14ZM11 10H9V8H11V10ZM11 6H9V4H11V6ZM15 18H13V16H15V18ZM15 14H13V12H15V14ZM15 10H13V8H15V10ZM15 6H13V4H15V6ZM20 18H18V16H20V18ZM20 14H18V12H20V14ZM20 10H18V8H20V10Z" />`;
+    const filledPaths = `<path d="M21 6H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2H8C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V7C22 6.73478 21.8946 6.48043 21.7071 6.29289C21.5196 6.10536 21.2652 6 21 6ZM6 18H4V16H6V18ZM6 14H4V12H6V14ZM11 18H9V16H11V18ZM11 14H9V12H11V14ZM11 10H9V8H11V10ZM11 6H9V4H11V6ZM15 18H13V16H15V18ZM15 14H13V12H15V14ZM15 10H13V8H15V10ZM15 6H13V4H15V6ZM20 18H18V16H20V18ZM20 14H18V12H20V14ZM20 10H18V8H20V10Z" />`;
+    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-city")) {
+  customElements.define("icon-city", NavaIconCity);
+}

package/dist/chunk-WP3YDVJU.js

@@ -0,0 +1,45 @@
+// src/icons/droplet.ts
+var NavaIconDroplet = 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 22C16.636 22 20 18.532 20 13.754C20 7.52201 12.882 2.40001 12.579 2.18501C12.4101 2.06518 12.2082 2.00073 12.0012 2.00055C11.7941 2.00037 11.5921 2.06447 11.423 2.18401C11.12 2.39701 4 7.50301 4 13.75C4 18.53 7.364 22 12 22ZM11.999 4.26001C13.604 5.55001 18 9.47401 18 13.754C18 17.432 15.532 20 12 20C8.468 20 6 17.43 6 13.75C6 9.46001 10.394 5.54701 11.999 4.26001Z" />`;
+    const filledPaths = `<path d="M12.6 2.4C12.2 2.1 11.7 2.1 11.4 2.4C9.5 3.9 4 8.5 4 14C4 18.4 7.6 22 12 22C16.4 22 20 18.4 20 14C20 8.6 14.5 3.9 12.6 2.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-droplet")) {
+  customElements.define("icon-droplet", NavaIconDroplet);
+}

package/dist/chunk-WPG7BCSF.js

@@ -0,0 +1,45 @@
+// src/icons/window.ts
+var NavaIconWindow = 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 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21ZM4 19V7H20L20.001 19H4Z" />`;
+    const filledPaths = `<path d="M4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21ZM4 19V7H20L20.001 19H4Z" />`;
+    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")) {
+  customElements.define("icon-window", NavaIconWindow);
+}

package/dist/chunk-WQZS7LHJ.js

@@ -0,0 +1,47 @@
+// src/icons/message-dots.ts
+var NavaIconMessageDots = 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 2H4C2.897 2 2 2.897 2 4V16C2 17.103 2.897 18 4 18H7V21.766L13.277 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H12.723L9 18.234V16H4V4H20V16Z" />
+<path d="M15 12C16.1046 12 17 11.1046 17 10C17 8.89543 16.1046 8 15 8C13.8954 8 13 8.89543 13 10C13 11.1046 13.8954 12 15 12Z" />
+<path d="M9 12C10.1046 12 11 11.1046 11 10C11 8.89543 10.1046 8 9 8C7.89543 8 7 8.89543 7 10C7 11.1046 7.89543 12 9 12Z" />`;
+    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.894 2 3.992V16.009C2 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 2ZM11 10C11 10.3956 10.8827 10.7822 10.6629 11.1111C10.4432 11.44 10.1308 11.6964 9.76537 11.8478C9.39991 11.9991 8.99778 12.0387 8.60982 11.9616C8.22186 11.8844 7.86549 11.6939 7.58579 11.4142C7.30608 11.1345 7.1156 10.7781 7.03843 10.3902C6.96126 10.0022 7.00087 9.60009 7.15224 9.23463C7.30362 8.86918 7.55996 8.55682 7.88886 8.33706C8.21776 8.1173 8.60444 8 9 8C9.086 8 9.167 8.015 9.25 8.025C9.332 8.011 9.414 8 9.5 8C9.89782 8 10.2794 8.15804 10.5607 8.43934C10.842 8.72064 11 9.10218 11 9.5C11 9.586 10.988 9.668 10.975 9.75C10.985 9.833 11 9.915 11 10ZM15 12C14.4696 12 13.9609 11.7893 13.5858 11.4142C13.2107 11.0391 13 10.5304 13 10C13 9.914 13.015 9.833 13.025 9.75C13.0101 9.66746 13.0017 9.58386 13 9.5C13 9.10218 13.158 8.72064 13.4393 8.43934C13.7206 8.15804 14.1022 8 14.5 8C14.586 8 14.668 8.011 14.75 8.025C14.833 8.015 14.914 8 15 8C15.5304 8 16.0391 8.21071 16.4142 8.58579C16.7893 8.96086 17 9.46957 17 10C17 10.5304 16.7893 11.0391 16.4142 11.4142C16.0391 11.7893 15.5304 12 15 12Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-message-dots")) {
+  customElements.define("icon-message-dots", NavaIconMessageDots);
+}

package/dist/chunk-WROMD7WJ.js

@@ -0,0 +1,45 @@
+// src/icons/tag.ts
+var NavaIconTag = 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 4H8.51503C8.19672 4.00013 7.88303 4.07623 7.60005 4.22198C7.31707 4.36774 7.07297 4.57893 6.88803 4.838L2.18703 11.419C2.06557 11.5884 2.00024 11.7916 2.00024 12C2.00024 12.2084 2.06557 12.4116 2.18703 12.581L6.88803 19.162C7.07297 19.4211 7.31707 19.6323 7.60005 19.778C7.88303 19.9238 8.19672 19.9999 8.51503 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM20 18H8.51503L4.22903 12L8.51503 6H20V18Z" />`;
+    const filledPaths = `<path d="M21.842 6.218C21.7425 5.98329 21.5985 5.77004 21.418 5.59C21.2325 5.40263 21.0117 5.25398 20.7682 5.15269C20.5248 5.05141 20.2637 4.99951 20 5H8.00002C7.70302 5 7.42202 5.132 7.23102 5.359L2.23102 11.359C1.92202 11.73 1.92202 12.269 2.23102 12.64L7.23102 18.64C7.42202 18.868 7.70302 19 8.00002 19H20C20.2619 19.0012 20.5214 18.9504 20.7634 18.8505C21.0055 18.7506 21.2252 18.6036 21.41 18.418C21.5974 18.2325 21.746 18.0116 21.8473 17.7682C21.9486 17.5248 22.0005 17.2637 22 17V7C22 6.734 21.948 6.475 21.842 6.218Z" />`;
+    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-tag")) {
+  customElements.define("icon-tag", NavaIconTag);
+}

package/dist/chunk-WRSNPNAN.js

@@ -0,0 +1,47 @@
+// src/icons/chevrons-left.ts
+var NavaIconChevronsLeft = 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.707 7.70703L11.293 6.29303L5.586 12L11.293 17.707L12.707 16.293L8.414 12L12.707 7.70703Z" />
+<path d="M16.293 6.29303L10.586 12L16.293 17.707L17.707 16.293L13.414 12L17.707 7.70703L16.293 6.29303Z" />`;
+    const filledPaths = `<path d="M8.12091 12L13.0609 7.061L10.9389 4.939L3.87891 12L10.9389 19.061L13.0609 16.939L8.12091 12Z" />
+<path d="M17.9389 4.939L10.8789 12L17.9389 19.061L20.0609 16.939L15.1209 12L20.0609 7.061L17.9389 4.939Z" />`;
+    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-chevrons-left")) {
+  customElements.define("icon-chevrons-left", NavaIconChevronsLeft);
+}