@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-Q7GCTS5X.js

@@ -0,0 +1,57 @@
+// src/icons/dialpad-alt.ts
+var NavaIconDialpadAlt = 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 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8Z" />
+<path d="M6 8C7.10457 8 8 7.10457 8 6C8 4.89543 7.10457 4 6 4C4.89543 4 4 4.89543 4 6C4 7.10457 4.89543 8 6 8Z" />
+<path d="M18 8C19.1046 8 20 7.10457 20 6C20 4.89543 19.1046 4 18 4C16.8954 4 16 4.89543 16 6C16 7.10457 16.8954 8 18 8Z" />
+<path d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" />
+<path d="M6 14C7.10457 14 8 13.1046 8 12C8 10.8954 7.10457 10 6 10C4.89543 10 4 10.8954 4 12C4 13.1046 4.89543 14 6 14Z" />
+<path d="M18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 20Z" />`;
+    const filledPaths = `<path d="M12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8Z" />
+<path d="M6 8C7.10457 8 8 7.10457 8 6C8 4.89543 7.10457 4 6 4C4.89543 4 4 4.89543 4 6C4 7.10457 4.89543 8 6 8Z" />
+<path d="M18 8C19.1046 8 20 7.10457 20 6C20 4.89543 19.1046 4 18 4C16.8954 4 16 4.89543 16 6C16 7.10457 16.8954 8 18 8Z" />
+<path d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" />
+<path d="M6 14C7.10457 14 8 13.1046 8 12C8 10.8954 7.10457 10 6 10C4.89543 10 4 10.8954 4 12C4 13.1046 4.89543 14 6 14Z" />
+<path d="M18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 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-dialpad-alt")) {
+  customElements.define("icon-dialpad-alt", NavaIconDialpadAlt);
+}

package/dist/chunk-Q7P4XT3E.js

@@ -0,0 +1,46 @@
+// src/icons/calendar-week.ts
+var NavaIconCalendarWeek = 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 4H16V2H14V4H10V2H8V4H5C3.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 4ZM5 20V7H19V6L19.002 20H5Z" />
+<path d="M7 10V12H17V9H7V10Z" />`;
+    const filledPaths = `<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 4ZM17 12V14H7V11H17V12ZM19 9H5V7H19V9Z" />`;
+    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-week")) {
+  customElements.define("icon-calendar-week", NavaIconCalendarWeek);
+}

package/dist/chunk-Q7QAUCRW.js

@@ -0,0 +1,47 @@
+// src/icons/wifi-1.ts
+var NavaIconWifi1 = 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.671 14.307C16.184 12.819 14.17 12 12 12C9.83001 12 7.81601 12.819 6.32901 14.307L7.74301 15.721C8.85301 14.611 10.364 13.999 12 13.999C13.636 14 15.147 14.611 16.257 15.721L17.671 14.307Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 20Z" />`;
+    const filledPaths = `<path d="M17.671 14.307C16.184 12.819 14.17 12 12 12C9.83001 12 7.81601 12.819 6.32901 14.307L7.74301 15.721C8.85301 14.611 10.364 13.999 12 13.999C13.636 14 15.147 14.611 16.257 15.721L17.671 14.307Z" />
+<path d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 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-wifi-1")) {
+  customElements.define("icon-wifi-1", NavaIconWifi1);
+}

package/dist/chunk-QARF7C6F.js

@@ -0,0 +1,45 @@
+// src/icons/recycle.ts
+var NavaIconRecycle = 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.224 15.543L20.411 14.079L18.663 15.051L19.475 16.512C19.523 16.597 19.557 16.685 19.579 16.776C19.6157 16.9413 19.6109 17.1131 19.565 17.276C19.5407 17.3585 19.5057 17.4375 19.461 17.511C19.3766 17.6555 19.2573 17.7766 19.114 17.863C18.9589 17.9551 18.7814 18.0025 18.601 18H14V16L9.99999 19L14 22V20H18.601C18.879 20 19.153 19.963 19.412 19.891C19.9123 19.753 20.3673 19.4853 20.731 19.115C20.909 18.936 21.063 18.735 21.187 18.522C21.5816 17.855 21.7021 17.061 21.523 16.307C21.4569 16.0404 21.3564 15.7836 21.224 15.543ZM5.86199 11.039L3.55199 15.659C3.43237 15.8982 3.34463 16.152 3.29099 16.414C3.19328 16.9047 3.21996 17.412 3.3686 17.8897C3.51725 18.3675 3.78313 18.8004 4.14199 19.149C4.31999 19.323 4.51799 19.475 4.73699 19.602C5.19353 19.8628 5.71021 20 6.23599 20H7.99999V18H6.23599C6.06091 18.0005 5.88867 17.9557 5.73599 17.87C5.59016 17.7861 5.46854 17.6659 5.38299 17.521C5.29519 17.3798 5.24398 17.219 5.23399 17.053C5.22917 16.9709 5.23522 16.8885 5.25199 16.808C5.26999 16.721 5.29999 16.635 5.34099 16.552L7.59699 12.04L9.19599 12.963L8.59799 8L3.99999 9.964L5.86199 11.039ZM18.598 12.964L19.196 8L17.558 8.945L14.715 3.828C14.5165 3.46405 14.2436 3.14601 13.914 2.89462C13.5844 2.64323 13.2055 2.46413 12.802 2.369C12.5489 2.31036 12.2897 2.28249 12.03 2.286C11.5012 2.29591 10.9845 2.44528 10.532 2.719C10.049 3.01217 9.65972 3.43716 9.40999 3.944L8.67799 5.408L10.467 6.303L11.199 4.838C11.244 4.748 11.3 4.667 11.365 4.596C11.4842 4.46593 11.6378 4.37231 11.808 4.326C11.9808 4.2772 12.1633 4.27341 12.338 4.315C12.4715 4.34633 12.5967 4.40581 12.7054 4.48945C12.814 4.57309 12.9036 4.67897 12.968 4.8L15.826 9.946L14 11L18.598 12.964Z" />`;
+    const filledPaths = `<path d="M21.224 15.543L20.411 14.079L18.663 15.051L19.475 16.512C19.523 16.597 19.557 16.685 19.579 16.776C19.6157 16.9413 19.6109 17.1131 19.565 17.276C19.5407 17.3585 19.5057 17.4375 19.461 17.511C19.3766 17.6555 19.2573 17.7766 19.114 17.863C18.9589 17.9551 18.7814 18.0025 18.601 18H14V16L9.99999 19L14 22V20H18.601C18.879 20 19.153 19.963 19.412 19.891C19.9123 19.753 20.3673 19.4853 20.731 19.115C20.909 18.936 21.063 18.735 21.187 18.522C21.5816 17.855 21.7021 17.061 21.523 16.307C21.4569 16.0404 21.3564 15.7836 21.224 15.543ZM5.86199 11.039L3.55199 15.659C3.43237 15.8982 3.34463 16.152 3.29099 16.414C3.19328 16.9047 3.21996 17.412 3.3686 17.8897C3.51725 18.3675 3.78313 18.8004 4.14199 19.149C4.31999 19.323 4.51799 19.475 4.73699 19.602C5.19353 19.8628 5.71021 20 6.23599 20H7.99999V18H6.23599C6.06091 18.0005 5.88867 17.9557 5.73599 17.87C5.59016 17.7861 5.46854 17.6659 5.38299 17.521C5.29519 17.3798 5.24398 17.219 5.23399 17.053C5.22917 16.9709 5.23522 16.8885 5.25199 16.808C5.26999 16.721 5.29999 16.635 5.34099 16.552L7.59699 12.04L9.19599 12.963L8.59799 8L3.99999 9.964L5.86199 11.039ZM18.598 12.964L19.196 8L17.558 8.945L14.715 3.828C14.5165 3.46405 14.2436 3.14601 13.914 2.89462C13.5844 2.64323 13.2055 2.46413 12.802 2.369C12.5489 2.31036 12.2897 2.28249 12.03 2.286C11.5012 2.29591 10.9845 2.44528 10.532 2.719C10.049 3.01217 9.65972 3.43716 9.40999 3.944L8.67799 5.408L10.467 6.303L11.199 4.838C11.244 4.748 11.3 4.667 11.365 4.596C11.4842 4.46593 11.6378 4.37231 11.808 4.326C11.9808 4.2772 12.1633 4.27341 12.338 4.315C12.4715 4.34633 12.5967 4.40581 12.7054 4.48945C12.814 4.57309 12.9036 4.67897 12.968 4.8L15.826 9.946L14 11L18.598 12.964Z" />`;
+    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-recycle")) {
+  customElements.define("icon-recycle", NavaIconRecycle);
+}

package/dist/chunk-QBFLC5HA.js

@@ -0,0 +1,46 @@
+// src/icons/movie-play.ts
+var NavaIconMoviePlay = 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 3ZM20.001 9C20 9 20 9 20.001 9H19.536L16.869 5H20L20.001 9ZM9.536 9L6.869 5H9.465L12.132 9H9.536ZM14.536 9L11.869 5H14.465L17.132 9H14.536ZM4 5H4.465L7.132 9H4V5ZM4 19V11H20L20.002 19H4Z" />
+<path d="M10 18L15.5 15L10 12V18Z" />`;
+    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 3ZM20.001 9C20 9 20 9 20.001 9H19.536L16.869 5H20L20.001 9ZM15.5 15L10 18V12L15.5 15ZM14.536 9L11.869 5H14.465L17.132 9H14.536ZM12.132 9H9.536L6.869 5H9.465L12.132 9ZM4 5H4.465L7.132 9H4V5Z" />`;
+    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-movie-play")) {
+  customElements.define("icon-movie-play", NavaIconMoviePlay);
+}

package/dist/chunk-QBYJSAUZ.js

@@ -0,0 +1,45 @@
+// src/icons/space-bar.ts
+var NavaIconSpaceBar = 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 13H7V9H5V15H19V9H17V13Z" />`;
+    const filledPaths = `<path d="M17 13H7V9H5V15H19V9H17V13Z" />`;
+    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-space-bar")) {
+  customElements.define("icon-space-bar", NavaIconSpaceBar);
+}

package/dist/chunk-QCF6QKEF.js

@@ -0,0 +1,45 @@
+// src/icons/share.ts
+var NavaIconShare = 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 7.05V4C11 3.73478 10.8947 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3C9.73767 3.0011 9.48627 3.10526 9.30001 3.29L2.30001 10.29C2.20628 10.383 2.13189 10.4936 2.08112 10.6154C2.03035 10.7373 2.00421 10.868 2.00421 11C2.00421 11.132 2.03035 11.2627 2.08112 11.3846C2.13189 11.5064 2.20628 11.617 2.30001 11.71L9.30001 18.71C9.44039 18.8476 9.61822 18.9408 9.81127 18.9779C10.0043 19.015 10.204 18.9944 10.3854 18.9186C10.5668 18.8429 10.7218 18.7153 10.8312 18.5519C10.9405 18.3886 10.9992 18.1966 11 18V14.9H11.85C13.4299 14.8764 14.9961 15.197 16.4397 15.8393C17.8833 16.4817 19.1698 17.4306 20.21 18.62C20.3354 18.7869 20.5098 18.9104 20.7088 18.9731C20.9079 19.0359 21.1216 19.0348 21.32 18.97C21.5219 18.9019 21.6968 18.771 21.8191 18.5965C21.9414 18.422 22.0048 18.213 22 18C22 8.88 13.92 7.32 11 7.05ZM11.85 12.88C11.1812 12.8779 10.513 12.9213 9.85001 13.01C9.61327 13.0459 9.39728 13.1656 9.24129 13.3473C9.08531 13.5289 8.99969 13.7606 9.00001 14V15.59L4.42001 11L9.00001 6.41V8C9.00001 8.26522 9.10537 8.51957 9.2929 8.70711C9.48044 8.89464 9.73479 9 10 9C10.91 9 18.11 9.2 19.67 15.43C17.4057 13.7606 14.6632 12.8663 11.85 12.88Z" />`;
+    const filledPaths = `<path d="M11 6.914V2.586L6.29304 7.293L2.51904 11.067L6.36004 14.268L11 18.135V13.9C19.146 13.286 22 18 22 18C22 15.063 21.758 12.015 19.449 9.707C16.765 7.022 12.878 6.832 11 6.914Z" />`;
+    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-share")) {
+  customElements.define("icon-share", NavaIconShare);
+}

package/dist/chunk-QE6IZ6UF.js

@@ -0,0 +1,45 @@
+// src/icons/quote-right.ts
+var NavaIconQuoteRight = 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.309 17.708C22.196 15.66 22.006 13.03 22 13V5C22 4.73478 21.8947 4.48043 21.7071 4.29289C21.5196 4.10536 21.2653 4 21 4H15C13.897 4 13 4.897 13 6V13C13 13.2652 13.1054 13.5196 13.2929 13.7071C13.4805 13.8946 13.7348 14 14 14H17.078C17.0569 14.4944 16.9092 14.9751 16.649 15.396C16.141 16.197 15.184 16.744 13.803 17.02L13 17.18V20H14C16.783 20 18.906 19.229 20.309 17.708ZM9.30204 17.708C11.19 15.66 10.999 13.03 10.993 13V5C10.993 4.73478 10.8877 4.48043 10.7001 4.29289C10.5126 4.10536 10.2583 4 9.99304 4H3.99304C2.89004 4 1.99304 4.897 1.99304 6V13C1.99304 13.2652 2.0984 13.5196 2.28594 13.7071C2.47347 13.8946 2.72783 14 2.99304 14H6.07104C6.04991 14.4944 5.9022 14.9751 5.64204 15.396C5.13404 16.197 4.17704 16.744 2.79604 17.02L1.99304 17.18V20H2.99304C5.77604 20 7.89904 19.229 9.30204 17.708Z" />`;
+    const filledPaths = `<path d="M20.309 17.708C22.196 15.66 22.006 13.03 22 13V5C22 4.73478 21.8947 4.48043 21.7071 4.29289C21.5196 4.10536 21.2653 4 21 4H15C13.897 4 13 4.897 13 6V13C13 13.2652 13.1054 13.5196 13.2929 13.7071C13.4805 13.8946 13.7348 14 14 14H17.078C17.0569 14.4944 16.9092 14.9751 16.649 15.396C16.141 16.197 15.184 16.744 13.803 17.02L13 17.18V20H14C16.783 20 18.906 19.229 20.309 17.708ZM9.30204 17.708C11.19 15.66 10.999 13.03 10.993 13V5C10.993 4.73478 10.8877 4.48043 10.7001 4.29289C10.5126 4.10536 10.2583 4 9.99304 4H3.99304C2.89004 4 1.99304 4.897 1.99304 6V13C1.99304 13.2652 2.0984 13.5196 2.28594 13.7071C2.47347 13.8946 2.72783 14 2.99304 14H6.07104C6.04991 14.4944 5.9022 14.9751 5.64204 15.396C5.13404 16.197 4.17704 16.744 2.79604 17.02L1.99304 17.18V20H2.99304C5.77604 20 7.89904 19.229 9.30204 17.708Z" />`;
+    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-quote-right")) {
+  customElements.define("icon-quote-right", NavaIconQuoteRight);
+}

package/dist/chunk-QEJL53KD.js

@@ -0,0 +1,48 @@
+// src/icons/cheese.ts
+var NavaIconCheese = 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="M15.16 2.00003C14.9316 1.96585 14.6984 2.01178 14.5 2.13003L2.49998 9.13003C2.45253 9.15765 2.40884 9.19126 2.36998 9.23003L2.26998 9.31003C2.20201 9.38875 2.14484 9.47619 2.09998 9.57003C2.0289 9.70188 1.99438 9.85034 1.99998 10V20C1.99998 20.2652 2.10533 20.5196 2.29287 20.7071C2.48041 20.8947 2.73476 21 2.99998 21H21C21.2652 21 21.5195 20.8947 21.7071 20.7071C21.8946 20.5196 22 20.2652 22 20V10C22.0037 8.06928 21.316 6.201 20.0613 4.73351C18.8066 3.26602 17.0679 2.29633 15.16 2.00003ZM15.16 4.05003C16.3623 4.29621 17.4617 4.90102 18.3132 5.78472C19.1648 6.66841 19.7285 7.78947 19.93 9.00003H6.69998L15.16 4.05003ZM20 19H3.99998V11H20V19Z" />
+<path d="M6.5 18C7.32843 18 8 17.3284 8 16.5C8 15.6716 7.32843 15 6.5 15C5.67157 15 5 15.6716 5 16.5C5 17.3284 5.67157 18 6.5 18Z" />
+<path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
+<path d="M17 18C18.1046 18 19 17.1046 19 16C19 14.8954 18.1046 14 17 14C15.8954 14 15 14.8954 15 16C15 17.1046 15.8954 18 17 18Z" />`;
+    const filledPaths = `<path d="M15.16 2.00003C14.9316 1.96585 14.6984 2.01178 14.5 2.13003L2.49998 9.13003C2.45253 9.15765 2.40884 9.19126 2.36998 9.23003L2.26998 9.31003C2.20201 9.38875 2.14484 9.47619 2.09998 9.57003C2.0289 9.70188 1.99438 9.85034 1.99998 10V20C1.99998 20.2652 2.10533 20.5196 2.29287 20.7071C2.48041 20.8947 2.73476 21 2.99998 21H21C21.2652 21 21.5195 20.8947 21.7071 20.7071C21.8946 20.5196 22 20.2652 22 20V10C22.0037 8.06928 21.316 6.201 20.0613 4.73351C18.8066 3.26602 17.0679 2.29633 15.16 2.00003ZM15.16 4.05003C16.3623 4.29621 17.4617 4.90102 18.3132 5.78472C19.1648 6.66841 19.7285 7.78947 19.93 9.00003H6.69998L15.16 4.05003ZM6.49998 18C6.20331 18 5.9133 17.9121 5.66662 17.7472C5.41995 17.5824 5.22769 17.3481 5.11416 17.0741C5.00063 16.8 4.97092 16.4984 5.0288 16.2074C5.08668 15.9164 5.22954 15.6491 5.43932 15.4394C5.6491 15.2296 5.91637 15.0867 6.20734 15.0289C6.49831 14.971 6.79991 15.0007 7.074 15.1142C7.34809 15.2277 7.58236 15.42 7.74718 15.6667C7.912 15.9133 7.99998 16.2034 7.99998 16.5C7.99998 16.8979 7.84194 17.2794 7.56064 17.5607C7.27933 17.842 6.8978 18 6.49998 18ZM11.5 15C11.2033 15 10.9133 14.9121 10.6666 14.7472C10.4199 14.5824 10.2277 14.3481 10.1142 14.0741C10.0006 13.8 9.97092 13.4984 10.0288 13.2074C10.0867 12.9164 10.2295 12.6491 10.4393 12.4394C10.6491 12.2296 10.9164 12.0867 11.2073 12.0289C11.4983 11.971 11.7999 12.0007 12.074 12.1142C12.3481 12.2277 12.5824 12.42 12.7472 12.6667C12.912 12.9133 13 13.2034 13 13.5C13 13.8979 12.8419 14.2794 12.5606 14.5607C12.2793 14.842 11.8978 15 11.5 15ZM17 18C16.6044 18 16.2177 17.8827 15.8888 17.663C15.5599 17.4432 15.3036 17.1308 15.1522 16.7654C15.0008 16.3999 14.9612 15.9978 15.0384 15.6098C15.1156 15.2219 15.3061 14.8655 15.5858 14.5858C15.8655 14.3061 16.2218 14.1156 16.6098 14.0385C16.9978 13.9613 17.3999 14.0009 17.7653 14.1523C18.1308 14.3036 18.4432 14.56 18.6629 14.8889C18.8827 15.2178 19 15.6045 19 16C19 16.5305 18.7893 17.0392 18.4142 17.4142C18.0391 17.7893 17.5304 18 17 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-cheese")) {
+  customElements.define("icon-cheese", NavaIconCheese);
+}

package/dist/chunk-QEQP7U2N.js

@@ -0,0 +1,45 @@
+// src/icons/collection.ts
+var NavaIconCollection = 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 10H5C3.897 10 3 10.897 3 12V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V12C21 10.897 20.103 10 19 10ZM5 20V12H19L19.002 20H5ZM5 6H19V8H5V6ZM7 2H17V4H7V2Z" />`;
+    const filledPaths = `<path d="M19 10H5C3.897 10 3 10.897 3 12V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V12C21 10.897 20.103 10 19 10ZM5 6H19V8H5V6ZM7 2H17V4H7V2Z" />`;
+    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-collection")) {
+  customElements.define("icon-collection", NavaIconCollection);
+}

package/dist/chunk-QF37GS34.js

@@ -0,0 +1,46 @@
+// src/icons/meh-alt.ts
+var NavaIconMehAlt = 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 10H18V12H14V10ZM7.974 15H16V17H7.974V15ZM6 10H10V12H6V10Z" />`;
+    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 2ZM6 10H10V12H6V10ZM16 17H7.974V15H16V17ZM18 12H14V10H18V12Z" />`;
+    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-meh-alt")) {
+  customElements.define("icon-meh-alt", NavaIconMehAlt);
+}

package/dist/chunk-QJBA2IF7.js

@@ -0,0 +1,47 @@
+// src/icons/building-house.ts
+var NavaIconBuildingHouse = 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 2H8.99997C7.89697 2 6.99997 2.897 6.99997 4V9.586L2.29297 14.293C2.15316 14.4329 2.05795 14.611 2.01939 14.805C1.98082 14.9989 2.00062 15.2 2.07629 15.3827C2.15196 15.5654 2.2801 15.7215 2.44451 15.8314C2.60892 15.9413 2.80222 16 2.99997 16V21C2.99997 21.2652 3.10533 21.5196 3.29286 21.7071C3.4804 21.8946 3.73475 22 3.99997 22H20C20.2652 22 20.5195 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V4C21 2.897 20.103 2 19 2ZM11 20H4.99997V14.414L7.99997 11.414L11 14.414V20ZM19 20H13V16C13.1979 16.0004 13.3916 15.942 13.5563 15.8322C13.721 15.7224 13.8494 15.5662 13.9251 15.3833C14.0009 15.2004 14.0206 14.9991 13.9818 14.805C13.9429 14.6109 13.8473 14.4327 13.707 14.293L8.99997 9.586V4H19V20Z" />
+<path d="M11 6H13V8H11V6ZM15 6H17V8H15V6ZM15 10.031H17V12H15V10.031ZM15 14H17V16H15V14ZM7 15H9V17H7V15Z" />`;
+    const filledPaths = `<path d="M18.991 2H9.01003C7.89903 2 7.00003 2.899 7.00003 4.01V9.647L2.29803 14.289C2.15715 14.4283 2.06083 14.6064 2.02131 14.8006C1.98179 14.9947 2.00085 15.1963 2.07606 15.3796C2.15128 15.5629 2.27926 15.7197 2.44376 15.8302C2.60827 15.9407 2.80188 15.9998 3.00003 16V21C3.00003 21.2652 3.10539 21.5196 3.29292 21.7071C3.48046 21.8946 3.73481 22 4.00003 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8947 21.5196 21 21.2652 21 21V4.009C21 2.899 20.102 2 18.991 2ZM10.922 15.111V20H5.00003V14.432L7.98703 11.483L10.922 14.486V15.111ZM13 9H11V7H13V9ZM17 17H15V15H17V17ZM17 13H15V11H17V13ZM17 9H15V7H17V9Z" />
+<path d="M7 15H9V17H7V15Z" />`;
+    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-building-house")) {
+  customElements.define("icon-building-house", NavaIconBuildingHouse);
+}

package/dist/chunk-QLZLFK5M.js

@@ -0,0 +1,45 @@
+// src/icons/vertical-top.ts
+var NavaIconVerticalTop = 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 7L8 11H11V19H13V11H16L12 7ZM3 3H6V5H3V3ZM8 3H11V5H8V3ZM13 3H16V5H13V3ZM18 3H21V5H18V3Z" />`;
+    const filledPaths = `<path d="M12 7L8 11H11V19H13V11H16L12 7ZM3 3H6V5H3V3ZM8 3H11V5H8V3ZM13 3H16V5H13V3ZM18 3H21V5H18V3Z" />`;
+    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-vertical-top")) {
+  customElements.define("icon-vertical-top", NavaIconVerticalTop);
+}