@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-4UPJEAOF.js

@@ -0,0 +1,45 @@
+// src/icons/left-arrow-square.ts
+var NavaIconLeftArrowSquare = 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 21C19.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 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19ZM12 7V11H17V13H12V17L7 12L12 7Z" />`;
+    const filledPaths = `<path d="M19 21C19.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 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19ZM12 7V11H17V13H12V17L7 12L12 7Z" />`;
+    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-left-arrow-square")) {
+  customElements.define("icon-left-arrow-square", NavaIconLeftArrowSquare);
+}

package/dist/chunk-4UVXT634.js

@@ -0,0 +1,45 @@
+// src/icons/drink.ts
+var NavaIconDrink = 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.832 4.555C20.9325 4.4044 20.9902 4.22935 20.999 4.04852C21.0078 3.86769 20.9673 3.68786 20.8819 3.52823C20.7965 3.36861 20.6693 3.23516 20.514 3.14213C20.3587 3.0491 20.181 2.99997 20 3H4C3.81912 3.00009 3.64164 3.04925 3.48649 3.14223C3.33133 3.23521 3.2043 3.36853 3.11892 3.528C3.03354 3.68747 2.99302 3.86711 3.00166 4.04778C3.0103 4.22846 3.06779 4.40341 3.168 4.554L11 16.303V20H8V22H16V20H13V16.303L20.832 4.555ZM12 14.197L8.535 9H15.465L12 14.197ZM18.132 5L16.799 7H7.201L5.868 5H18.132Z" />`;
+    const filledPaths = `<path d="M20.832 4.555C20.9325 4.4044 20.9902 4.22935 20.9989 4.04852C21.0077 3.86769 20.9673 3.68786 20.8818 3.52823C20.7964 3.36861 20.6693 3.23516 20.514 3.14213C20.3587 3.0491 20.181 2.99997 20 3H3.99997C3.81909 3.00009 3.64162 3.04925 3.48646 3.14223C3.3313 3.23521 3.20427 3.36853 3.11889 3.528C3.03351 3.68747 2.99299 3.86711 3.00163 4.04778C3.01027 4.22846 3.06776 4.40341 3.16797 4.554L11 16.303V20H7.99997V22H16V20H13V16.303L20.832 4.555ZM18.132 5L16.132 8H7.86797L5.86797 5H18.132Z" />`;
+    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-drink")) {
+  customElements.define("icon-drink", NavaIconDrink);
+}

package/dist/chunk-4UY2KKHW.js

@@ -0,0 +1,47 @@
+// src/icons/image.ts
+var NavaIconImage = 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.49902 11C8.32745 11 8.99902 10.3284 8.99902 9.5C8.99902 8.67157 8.32745 8 7.49902 8C6.6706 8 5.99902 8.67157 5.99902 9.5C5.99902 10.3284 6.6706 11 7.49902 11Z" />
+<path d="M10.499 14L8.99902 12L5.99902 16H17.999L13.499 10L10.499 14Z" />
+<path d="M19.999 4H3.99902C2.89602 4 1.99902 4.897 1.99902 6V18C1.99902 19.103 2.89602 20 3.99902 20H19.999C21.102 20 21.999 19.103 21.999 18V6C21.999 4.897 21.102 4 19.999 4ZM3.99902 18V6H19.999L20.001 18H3.99902Z" />`;
+    const filledPaths = `<path d="M19.999 4H3.99902C2.89602 4 1.99902 4.897 1.99902 6V18C1.99902 19.103 2.89602 20 3.99902 20H19.999C21.102 20 21.999 19.103 21.999 18V6C21.999 4.897 21.102 4 19.999 4ZM6.49902 7C6.89685 7 7.27838 7.15804 7.55968 7.43934C7.84099 7.72064 7.99902 8.10218 7.99902 8.5C7.99902 8.89782 7.84099 9.27936 7.55968 9.56066C7.27838 9.84196 6.89685 10 6.49902 10C6.1012 10 5.71967 9.84196 5.43836 9.56066C5.15706 9.27936 4.99902 8.89782 4.99902 8.5C4.99902 8.10218 5.15706 7.72064 5.43836 7.43934C5.71967 7.15804 6.1012 7 6.49902 7ZM11.999 17H4.99902L8.99902 12L10.499 14L13.499 10L18.999 17H11.999Z" />`;
+    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-image")) {
+  customElements.define("icon-image", NavaIconImage);
+}

package/dist/chunk-4VBZMGQE.js

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

package/dist/chunk-4VF3CX2U.js

@@ -0,0 +1,47 @@
+// src/icons/cut.ts
+var NavaIconCut = 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="M10 6.5C10 4.57 8.43 3 6.5 3C4.57 3 3 4.57 3 6.5C3 8.43 4.57 10 6.5 10C7.06332 9.99609 7.61712 9.85429 8.113 9.587L10.47 12.115L8.152 14.433C7.64616 14.1529 7.0782 14.004 6.5 14C4.57 14 3 15.57 3 17.5C3 19.43 4.57 21 6.5 21C8.43 21 10 19.43 10 17.5C10 16.899 9.834 16.342 9.566 15.848L11.835 13.58L17 19.121C17.5625 19.6836 18.3254 19.9998 19.121 20H22L9.35 8.518C9.756 7.946 10 7.253 10 6.5ZM6.5 8C5.673 8 5 7.327 5 6.5C5 5.673 5.673 5 6.5 5C7.327 5 8 5.673 8 6.5C8 7.327 7.327 8 6.5 8ZM6.5 19C5.673 19 5 18.327 5 17.5C5 16.673 5.673 16 6.5 16C7.327 16 8 16.673 8 17.5C8 18.327 7.327 19 6.5 19Z" />
+<path d="M17 4.879L13.293 9.293L14.707 10.707L22 4H19.121C18.3254 4.00017 17.5625 4.31635 17 4.879Z" />`;
+    const filledPaths = `<path d="M10 6.5C10 4.57 8.43 3 6.5 3C4.57 3 3 4.57 3 6.5C3 8.43 4.57 10 6.5 10C7.06332 9.99609 7.61712 9.85429 8.113 9.587L10.47 12.115L8.152 14.433C7.64616 14.1529 7.0782 14.004 6.5 14C4.57 14 3 15.57 3 17.5C3 19.43 4.57 21 6.5 21C8.43 21 10 19.43 10 17.5C10 16.899 9.834 16.342 9.566 15.848L11.835 13.58L17 19.121C17.5625 19.6836 18.3254 19.9998 19.121 20H22L9.35 8.518C9.756 7.946 10 7.253 10 6.5ZM6.5 8C5.673 8 5 7.327 5 6.5C5 5.673 5.673 5 6.5 5C7.327 5 8 5.673 8 6.5C8 7.327 7.327 8 6.5 8ZM6.5 19C5.673 19 5 18.327 5 17.5C5 16.673 5.673 16 6.5 16C7.327 16 8 16.673 8 17.5C8 18.327 7.327 19 6.5 19Z" />
+<path d="M17 4.879L13.293 9.293L14.707 10.707L22 4H19.121C18.3254 4.00017 17.5625 4.31635 17 4.879Z" />`;
+    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-cut")) {
+  customElements.define("icon-cut", NavaIconCut);
+}

package/dist/chunk-4VRQVEJQ.js

@@ -0,0 +1,46 @@
+// src/icons/time-five.ts
+var NavaIconTimeFive = 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="M13 7H11V12.414L14.293 15.707L15.707 14.293L13 11.586V7Z" />`;
+    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 2ZM15.293 16.707L11 12.414V6H13V11.586L16.707 15.293L15.293 16.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-time-five")) {
+  customElements.define("icon-time-five", NavaIconTimeFive);
+}

package/dist/chunk-4XWYWIPT.js

@@ -0,0 +1,47 @@
+// src/icons/objects-horizontal-right.ts
+var NavaIconObjectsHorizontalRight = 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 2H22V22H20V2ZM18 14C18 13.7348 17.8946 13.4804 17.7071 13.2929C17.5196 13.1054 17.2652 13 17 13H3C2.73478 13 2.48043 13.1054 2.29289 13.2929C2.10536 13.4804 2 13.7348 2 14V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H17C17.2652 20 17.5196 19.8946 17.7071 19.7071C17.8946 19.5196 18 19.2652 18 19V14ZM16 18H4V15H16V18ZM7 11H17C17.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 4H7C6.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 11ZM8 6H16V9H8V6Z" />`;
+    const filledPaths = `<path d="M20 2H22V22H20V2Z" />
+<path d="M17 13H3C2.44772 13 2 13.4477 2 14V18C2 18.5523 2.44772 19 3 19H17C17.5523 19 18 18.5523 18 18V14C18 13.4477 17.5523 13 17 13Z" />
+<path d="M17 5H7C6.44772 5 6 5.44772 6 6V10C6 10.5523 6.44772 11 7 11H17C17.5523 11 18 10.5523 18 10V6C18 5.44772 17.5523 5 17 5Z" />`;
+    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-right")) {
+  customElements.define("icon-objects-horizontal-right", NavaIconObjectsHorizontalRight);
+}

package/dist/chunk-4Y3S6XV6.js

@@ -0,0 +1,45 @@
+// src/icons/strikethrough.ts
+var NavaIconStrikethrough = 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 11H12C8 11 8 9.184 8 8.5C8 7.882 8 6 12 6C14.8 6 14.99 7.678 15 8.014L16 8H17C17 6.616 15.955 4 12 4C6.584 4 6 7.147 6 8.5C6 9.228 6.148 10.167 6.736 11H4V13H20V11ZM12 18C8.207 18 8.01 16.185 8 16H6C6 16.04 6.069 20 12 20C17.221 20 18 17.181 18 15.5C18 15.354 17.991 15.183 17.972 15H15.966C15.998 15.2 16 15.376 16 15.5C16 16.184 16 18 12 18Z" />`;
+    const filledPaths = `<path d="M20 11H12C8 11 8 9.184 8 8.5C8 7.882 8 6 12 6C14.8 6 14.99 7.678 15 8.014L16 8H17C17 6.616 15.955 4 12 4C6.584 4 6 7.147 6 8.5C6 9.228 6.148 10.167 6.736 11H4V13H20V11ZM12 18C8.207 18 8.01 16.185 8 16H6C6 16.04 6.069 20 12 20C17.221 20 18 17.181 18 15.5C18 15.354 17.991 15.183 17.972 15H15.966C15.998 15.2 16 15.376 16 15.5C16 16.184 16 18 12 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-strikethrough")) {
+  customElements.define("icon-strikethrough", NavaIconStrikethrough);
+}

package/dist/chunk-52X7N2GZ.js

@@ -0,0 +1,45 @@
+// src/icons/shape-triangle.ts
+var NavaIconShapeTriangle = 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 15C17.817 15 17.642 15.022 17.468 15.054L8.946 6.532C8.978 6.359 9 6.182 9 6C9 4.346 7.654 3 6 3C4.346 3 3 4.346 3 6C3 7.302 3.839 8.401 5 8.815V15.184C4.41685 15.3897 3.9116 15.7708 3.55354 16.2749C3.19548 16.7791 3.00213 17.3816 3 18C3 19.654 4.346 21 6 21C6.61833 20.9982 7.22095 20.805 7.72501 20.4469C8.22908 20.0888 8.60985 19.5833 8.815 19H15.184C15.3893 19.5832 15.7701 20.0886 16.2741 20.4467C16.7782 20.8048 17.3807 20.9981 17.999 21C19.653 21 20.999 19.654 20.999 18C20.999 16.346 19.654 15 18 15ZM7 15.184V8.816C7.329 8.698 7.629 8.525 7.894 8.308L15.693 16.107C15.4728 16.3731 15.3009 16.6757 15.185 17.001H8.815C8.66645 16.5823 8.42648 16.202 8.11252 15.8877C7.79856 15.5734 7.41851 15.333 7 15.184ZM6 5C6.19806 4.9998 6.39174 5.05837 6.5565 5.16828C6.72127 5.2782 6.84972 5.43452 6.92561 5.61747C7.0015 5.80042 7.02141 6.00177 6.98281 6.19604C6.94422 6.39031 6.84887 6.56876 6.70881 6.70881C6.56876 6.84887 6.39031 6.94422 6.19604 6.98281C6.00177 7.02141 5.80042 7.0015 5.61747 6.92561C5.43452 6.84972 5.2782 6.72127 5.16828 6.5565C5.05837 6.39174 4.9998 6.19806 5 6C5 5.449 5.448 5 6 5ZM6 19C5.74252 18.9885 5.49941 18.8781 5.32128 18.6918C5.14315 18.5055 5.04373 18.2577 5.04373 18C5.04373 17.7423 5.14315 17.4945 5.32128 17.3082C5.49941 17.1219 5.74252 17.0115 6 17C6.25748 17.0115 6.50059 17.1219 6.67872 17.3082C6.85685 17.4945 6.95627 17.7423 6.95627 18C6.95627 18.2577 6.85685 18.5055 6.67872 18.6918C6.50059 18.8781 6.25748 18.9885 6 19ZM18 19C17.7425 18.9885 17.4994 18.8781 17.3213 18.6918C17.1431 18.5055 17.0437 18.2577 17.0437 18C17.0437 17.7423 17.1431 17.4945 17.3213 17.3082C17.4994 17.1219 17.7425 17.0115 18 17C18.2575 17.0115 18.5006 17.1219 18.6787 17.3082C18.8569 17.4945 18.9563 17.7423 18.9563 18C18.9563 18.2577 18.8569 18.5055 18.6787 18.6918C18.5006 18.8781 18.2575 18.9885 18 19Z" />`;
+    const filledPaths = `<path d="M18 15C17.817 15 17.642 15.022 17.468 15.054L8.946 6.532C8.978 6.359 9 6.182 9 6C9 4.346 7.654 3 6 3C4.346 3 3 4.346 3 6C3 7.302 3.839 8.401 5 8.815V15.184C4.41685 15.3897 3.9116 15.7708 3.55354 16.2749C3.19548 16.7791 3.00213 17.3816 3 18C3 19.654 4.346 21 6 21C6.61833 20.9982 7.22095 20.805 7.72501 20.4469C8.22908 20.0888 8.60985 19.5833 8.815 19H15.184C15.3893 19.5832 15.7701 20.0886 16.2741 20.4467C16.7782 20.8048 17.3807 20.9981 17.999 21C19.653 21 20.999 19.654 20.999 18C20.999 16.346 19.654 15 18 15ZM7 15.184V8.816C7.329 8.698 7.629 8.525 7.894 8.308L15.693 16.107C15.4728 16.3731 15.3009 16.6757 15.185 17.001H8.815C8.66645 16.5823 8.42648 16.202 8.11252 15.8877C7.79856 15.5734 7.41851 15.333 7 15.184ZM6 5C6.19806 4.9998 6.39174 5.05837 6.5565 5.16828C6.72127 5.2782 6.84972 5.43452 6.92561 5.61747C7.0015 5.80042 7.02141 6.00177 6.98281 6.19604C6.94422 6.39031 6.84887 6.56876 6.70881 6.70881C6.56876 6.84887 6.39031 6.94422 6.19604 6.98281C6.00177 7.02141 5.80042 7.0015 5.61747 6.92561C5.43452 6.84972 5.2782 6.72127 5.16828 6.5565C5.05837 6.39174 4.9998 6.19806 5 6C5 5.449 5.448 5 6 5ZM6 19C5.74252 18.9885 5.49941 18.8781 5.32128 18.6918C5.14315 18.5055 5.04373 18.2577 5.04373 18C5.04373 17.7423 5.14315 17.4945 5.32128 17.3082C5.49941 17.1219 5.74252 17.0115 6 17C6.25748 17.0115 6.50059 17.1219 6.67872 17.3082C6.85685 17.4945 6.95627 17.7423 6.95627 18C6.95627 18.2577 6.85685 18.5055 6.67872 18.6918C6.50059 18.8781 6.25748 18.9885 6 19ZM18 19C17.7425 18.9885 17.4994 18.8781 17.3213 18.6918C17.1431 18.5055 17.0437 18.2577 17.0437 18C17.0437 17.7423 17.1431 17.4945 17.3213 17.3082C17.4994 17.1219 17.7425 17.0115 18 17C18.2575 17.0115 18.5006 17.1219 18.6787 17.3082C18.8569 17.4945 18.9563 17.7423 18.9563 18C18.9563 18.2577 18.8569 18.5055 18.6787 18.6918C18.5006 18.8781 18.2575 18.9885 18 19Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-shape-triangle")) {
+  customElements.define("icon-shape-triangle", NavaIconShapeTriangle);
+}

package/dist/chunk-52ZUWU77.js

@@ -0,0 +1,46 @@
+// src/icons/check-shield.ts
+var NavaIconCheckShield = 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.995 6.89998C20.9784 6.73193 20.9194 6.57084 20.8235 6.4318C20.7277 6.29276 20.5981 6.18031 20.447 6.10498L12.447 2.10498C12.3081 2.03546 12.1549 1.99927 11.9995 1.99927C11.8442 1.99927 11.6909 2.03546 11.552 2.10498L3.552 6.10498C3.40128 6.18074 3.27212 6.29332 3.17649 6.4323C3.08087 6.57127 3.02189 6.73214 3.005 6.89998C2.994 7.00698 2.044 17.667 11.594 21.914C11.7216 21.9716 11.86 22.0014 12 22.0014C12.14 22.0014 12.2784 21.9716 12.406 21.914C21.956 17.667 21.006 7.00798 20.995 6.89998ZM12 19.897C5.231 16.625 4.911 9.64198 4.966 7.63498L12 4.11798L19.029 7.63298C19.066 9.62198 18.701 16.651 12 19.897Z" />
+<path d="M11 12.586L8.70703 10.293L7.29303 11.707L11 15.414L16.707 9.70703L15.293 8.29303L11 12.586Z" />`;
+    const filledPaths = `<path d="M11.488 21.754C11.782 21.911 12.151 21.91 12.445 21.753C20.457 17.449 21.026 9.03998 21.019 6.64898C21.0183 6.45681 20.9615 6.26904 20.8556 6.10865C20.7498 5.94826 20.5994 5.82223 20.423 5.74598L12.373 2.17998C12.2449 2.12351 12.1064 2.09443 11.9664 2.09461C11.8264 2.09478 11.688 2.1242 11.56 2.18098L3.56603 5.74698C3.39222 5.82327 3.24402 5.94791 3.13906 6.10606C3.0341 6.26421 2.97681 6.4492 2.97403 6.63898C2.94003 9.01798 3.41903 17.445 11.488 21.754ZM8.67403 10.293L10.967 12.586L15.26 8.29298L16.674 9.70698L10.967 15.414L7.26003 11.707L8.67403 10.293Z" />`;
+    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-check-shield")) {
+  customElements.define("icon-check-shield", NavaIconCheckShield);
+}

package/dist/chunk-5433SLE3.js

@@ -0,0 +1,45 @@
+// src/icons/font-family.ts
+var NavaIconFontFamily = 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 4H22V6H15V4ZM16 8H22V10H16V8ZM18 12H22V14H18V12ZM9.30701 4L3.30701 20H5.44401L7.31901 15H13.682L15.557 20H17.694L11.694 4H9.30701ZM8.06801 13L10.5 6.515L12.932 13H8.06801Z" />`;
+    const filledPaths = `<path d="M15 4H22V6H15V4ZM16 8H22V10H16V8ZM18 12H22V14H18V12ZM9.30701 4L3.30701 20H5.44401L7.31901 15H13.682L15.557 20H17.694L11.694 4H9.30701ZM8.06801 13L10.5 6.515L12.932 13H8.06801Z" />`;
+    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-font-family")) {
+  customElements.define("icon-font-family", NavaIconFontFamily);
+}

package/dist/chunk-54CPSE3K.js

@@ -0,0 +1,47 @@
+// src/icons/cloud-rain.ts
+var NavaIconCloudRain = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M8 13H10V20H8V13ZM11 15H13V22H11V15ZM14 13H16V20H14V13Z" />
+<path d="M18.944 10.113C18.507 6.67101 15.56 4.00101 12 4.00101C9.244 4.00101 6.85 5.61201 5.757 8.15101C3.609 8.79301 2 10.82 2 13.001C2 15.758 4.243 18.001 7 18.001V16.001C5.346 16.001 4 14.655 4 13.001C4 11.598 5.199 10.245 6.673 9.98601L7.254 9.88301L7.446 9.32401C8.149 7.27401 9.895 6.00101 12 6.00101C14.757 6.00101 17 8.24401 17 11.001V12.001H18C19.103 12.001 20 12.898 20 14.001C20 15.104 19.103 16.001 18 16.001H17V18.001H18C20.206 18.001 22 16.207 22 14.001C21.9988 13.1045 21.6971 12.2343 21.1431 11.5295C20.5891 10.8247 19.8148 10.3259 18.944 10.113Z" />`;
+    const filledPaths = `<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.82 2 13C2 15.757 4.243 18 7 18H8V21H10V18H14V21H16V18H18C20.206 18 22 16.206 22 14C21.9985 13.1036 21.6966 12.2336 21.1427 11.5288C20.5888 10.8241 19.8147 10.3253 18.944 10.112Z" />
+<path d="M11 19H13V22H11V19Z" />`;
+    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-cloud-rain")) {
+  customElements.define("icon-cloud-rain", NavaIconCloudRain);
+}

package/dist/chunk-54MPVPUU.js

@@ -0,0 +1,45 @@
+// src/icons/wine.ts
+var NavaIconWine = 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.713 12.123C19.977 11.171 20.025 10.093 19.856 8.917L18.99 2.858C18.9558 2.6198 18.8369 2.40191 18.6551 2.24431C18.4732 2.08671 18.2406 1.99997 18 2H6C5.75937 1.99997 5.52679 2.08671 5.34494 2.24431C5.16309 2.40191 5.04418 2.6198 5.01 2.858L4.145 8.916C3.976 10.093 4.024 11.171 4.287 12.122C5.151 15.256 7.838 17.514 11 17.916V20H9V22H15V20H13V17.916C16.162 17.514 18.849 15.256 19.713 12.123ZM17.133 4L17.703 8H6.296L6.867 4H17.133ZM6.215 11.59C6.083 11.116 6.034 10.581 6.056 10H17.945C17.966 10.581 17.917 11.116 17.786 11.591C17.4344 12.8564 16.6787 13.9721 15.6341 14.7681C14.5895 15.5641 13.3133 15.9967 12 16C10.6867 15.9967 9.41042 15.564 8.36594 14.7678C7.32147 13.9716 6.56609 12.8556 6.215 11.59Z" />`;
+    const filledPaths = `<path d="M11 17.916V20H9.00004V22H15V20H13V17.916C16.162 17.514 18.849 15.256 19.713 12.123C19.977 11.171 20.025 10.093 19.856 8.917L18.99 2.858C18.9559 2.6198 18.8369 2.40191 18.6551 2.24431C18.4733 2.08671 18.2407 1.99997 18 2H6.00004C5.7594 1.99997 5.52682 2.08671 5.34497 2.24431C5.16313 2.40191 5.04421 2.6198 5.01004 2.858L4.14504 8.916C3.97604 10.093 4.02404 11.171 4.28804 12.122C5.15104 15.256 7.83804 17.514 11 17.916ZM17.133 4L17.703 8H6.29604L6.86704 4H17.133Z" />`;
+    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-wine")) {
+  customElements.define("icon-wine", NavaIconWine);
+}