@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-4JXGU6X2.js

@@ -0,0 +1,45 @@
+// src/icons/coin.ts
+var NavaIconCoin = 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 6C7.03 6 2 7.546 2 10.5V14.5C2 17.454 7.03 19 12 19C16.97 19 22 17.454 22 14.5V10.5C22 7.546 16.97 6 12 6ZM4 14.5V13.303C4.63334 13.6617 5.30399 13.9501 6 14.163V16.044C4.688 15.53 4 14.918 4 14.5ZM16 14.648V16.619C15.133 16.798 14.133 16.929 13 16.977V14.977C14.0064 14.9369 15.0088 14.827 16 14.648ZM11 16.978C9.99201 16.9394 8.98877 16.8197 8 16.62V14.649C8.959 14.823 9.972 14.936 11 14.979V16.978ZM18 16.044V14.163C18.6962 13.9505 19.3669 13.6621 20 13.303V14.5C20 14.918 19.313 15.53 18 16.044ZM12 13C6.823 13 4 11.349 4 10.5C4 9.651 6.823 8 12 8C17.177 8 20 9.651 20 10.5C20 11.349 17.177 13 12 13Z" />`;
+    const filledPaths = `<path d="M12 5C7.031 5 2 6.546 2 9.5C2 12.454 7.031 14 12 14C16.97 14 22 12.454 22 9.5C22 6.546 16.97 5 12 5ZM7 14.938V17.938C8.237 18.237 9.605 18.42 11 18.479V15.479C9.65248 15.4265 8.31305 15.2453 7 14.938ZM13 15.478V18.478C14.3476 18.4266 15.6871 18.2454 17 17.937V14.937C15.6871 15.2454 14.3476 15.4266 13 15.478ZM19 14.297V17.297C20.801 16.542 22 15.44 22 14V11C22 12.44 20.801 13.542 19 14.297ZM5 17.297V14.297C3.2 13.542 2 12.439 2 11V14C2 15.439 3.2 16.542 5 17.297Z" />`;
+    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-coin")) {
+  customElements.define("icon-coin", NavaIconCoin);
+}

package/dist/chunk-4KVNM4VM.js

@@ -0,0 +1,46 @@
+// src/icons/image-alt.ts
+var NavaIconImageAlt = 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 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />
+<path d="M10 14L9 13L6 17H18L13 10L10 14Z" />`;
+    const filledPaths = `<path d="M5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21ZM8 14L10.363 16.363L14 11L19 18H5L8 14Z" />`;
+    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-alt")) {
+  customElements.define("icon-image-alt", NavaIconImageAlt);
+}

package/dist/chunk-4KVULVO6.js

@@ -0,0 +1,45 @@
+// src/icons/donate-blood.ts
+var NavaIconDonateBlood = 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 21H13.62C14.1971 21.0003 14.7674 20.8756 15.2916 20.6344C15.8159 20.3933 16.2817 20.0414 16.657 19.603L21.759 13.651C21.8658 13.5266 21.9404 13.3778 21.9762 13.2178C22.012 13.0577 22.0079 12.8913 21.9642 12.7333C21.9206 12.5752 21.8387 12.4303 21.7258 12.3113C21.6129 12.1923 21.4726 12.1029 21.317 12.051L19.349 11.395C18.8734 11.2404 18.3669 11.2054 17.8745 11.2931C17.3821 11.3809 16.919 11.5886 16.526 11.898L13.341 14.445L12.724 13.21C12.3935 12.5443 11.8831 11.9844 11.2507 11.5938C10.6184 11.2032 9.88926 10.9975 9.146 11H4C2.897 11 2 11.897 2 13V19C2 20.103 2.897 21 4 21ZM4 13H9.146C9.909 13 10.594 13.423 10.935 14.105L11.382 15H7V17H13.014C13.1679 16.998 13.3191 16.9603 13.456 16.89L13.459 16.889L13.463 16.887H13.466L13.468 16.886H13.472L13.473 16.885C13.484 16.888 13.476 16.884 13.476 16.884C13.488 16.884 13.478 16.883 13.478 16.883H13.479L13.481 16.882L13.484 16.881L13.486 16.88L13.488 16.879L13.491 16.878L13.493 16.877L13.495 16.876L13.498 16.874L13.5 16.873L13.502 16.872L13.505 16.871L13.507 16.87H13.508L13.51 16.869L13.513 16.868L13.515 16.867C13.526 16.866 13.518 16.866 13.518 16.866L13.52 16.865C13.5585 16.8417 13.5953 16.8157 13.63 16.787L17.776 13.47C18.037 13.262 18.399 13.197 18.716 13.303L19.273 13.489L15.14 18.312C14.9499 18.5279 14.716 18.7009 14.454 18.8195C14.1919 18.9381 13.9077 18.9996 13.62 19H4V13ZM13.761 2.32601C13.3 2.83201 11 5.45701 11 7.50001C11 9.43001 12.57 11 14.5 11C16.43 11 18 9.43001 18 7.50001C18 5.45701 15.7 2.83201 15.239 2.32601C14.86 1.91001 14.14 1.91001 13.761 2.32601ZM16 7.50001C16 8.32701 15.327 9.00001 14.5 9.00001C13.673 9.00001 13 8.32701 13 7.50001C13 6.79201 13.738 5.56601 14.5 4.56601C15.262 5.56601 16 6.79201 16 7.50001Z" />`;
+    const filledPaths = `<path d="M17.726 13.02L14 16H9V15H13.065C13.1554 15 13.2442 14.9754 13.3218 14.9289C13.3993 14.8824 13.4629 14.8157 13.5055 14.736C13.5482 14.6563 13.5685 14.5664 13.5642 14.4761C13.5598 14.3858 13.5311 14.2983 13.481 14.223L12.593 12.891C12.4108 12.6168 12.1636 12.392 11.8735 12.2365C11.5833 12.081 11.2592 11.9998 10.93 12H3C2.73478 12 2.48043 12.1054 2.29289 12.2929C2.10536 12.4804 2 12.7348 2 13V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H13.639C14.0666 21.0001 14.4893 20.9088 14.8787 20.7322C15.2682 20.5556 15.6153 20.2977 15.897 19.976L22 13L20.548 12.516C20.073 12.3576 19.5658 12.3208 19.0729 12.4089C18.5799 12.4969 18.1169 12.707 17.726 13.02ZM15.403 12C16.1986 12 16.9617 11.6839 17.5243 11.1213C18.0869 10.5587 18.403 9.79565 18.403 9C18.403 6.292 15.403 3 15.403 3C15.403 3 12.403 6.271 12.403 9C12.403 9.79565 12.7191 10.5587 13.2817 11.1213C13.8443 11.6839 14.6074 12 15.403 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-donate-blood")) {
+  customElements.define("icon-donate-blood", NavaIconDonateBlood);
+}

package/dist/chunk-4MXV3F62.js

@@ -0,0 +1,45 @@
+// src/icons/cake.ts
+var NavaIconCake = 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 5H13V2H11V5H5C3.346 5 2 6.346 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.346 20.654 5 19 5ZM5 7H19C19.2652 7 19.5196 7.10536 19.7071 7.29289C19.8946 7.48043 20 7.73478 20 8L20.001 11.12C19.105 11.348 18.532 11.854 18.085 12.252C17.578 12.702 17.243 13 16.497 13C15.752 13 15.417 12.702 14.91 12.253C14.315 11.724 13.501 11 11.995 11C10.49 11 9.676 11.724 9.081 12.253C8.574 12.703 8.24 13 7.495 13C6.752 13 6.418 12.703 5.913 12.253C5.466 11.855 4.895 11.348 4 11.12V8C4 7.73478 4.10536 7.48043 4.29289 7.29289C4.48043 7.10536 4.73478 7 5 7ZM4 18V13.286C4.191 13.409 4.374 13.56 4.583 13.747C5.178 14.276 5.991 15 7.495 15C9 15 9.814 14.276 10.409 13.747C10.916 13.297 11.25 13 11.995 13C12.74 13 13.075 13.298 13.582 13.747C14.177 14.276 14.991 15 16.497 15C18.003 15 18.818 14.276 19.413 13.747C19.624 13.559 19.808 13.407 20.001 13.283L20.002 18H4Z" />`;
+    const filledPaths = `<path d="M16.997 15C15.396 15 14.551 14.324 13.872 13.781C13.305 13.328 12.895 13 11.994 13C11.096 13 10.707 13.311 10.12 13.78C9.441 14.324 8.596 15 6.995 15C5.394 15 4.551 14.324 3.872 13.78C3.285 13.311 2.897 13 2 13V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V13C21.101 13 20.712 13.311 20.124 13.781C19.444 14.324 18.599 15 16.997 15ZM19 5H13V2H11V5H5C3.346 5 2 6.346 2 8V11C3.6 11 4.443 11.676 5.122 12.22C5.709 12.689 6.097 13 6.995 13C7.894 13 8.282 12.689 8.87 12.219C9.549 11.676 10.394 11 11.994 11C13.596 11 14.441 11.676 15.121 12.219C15.709 12.689 16.098 13 16.997 13C17.897 13 18.308 12.672 18.875 12.219C19.554 11.676 20.399 11 22 11V8C22 6.346 20.654 5 19 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-cake")) {
+  customElements.define("icon-cake", NavaIconCake);
+}

package/dist/chunk-4NLBW2AF.js

@@ -0,0 +1,46 @@
+// src/icons/calendar-plus.ts
+var NavaIconCalendarPlus = 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 15H11V18H13V15H16V13H13V10H11V13H8V15Z" />
+<path d="M19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM19.002 20H5V8H19L19.002 20Z" />`;
+    const filledPaths = `<path d="M5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22ZM16 16H13V19H11V16H8V14H11V11H13V14H16V16ZM5 7H19V9H5V7Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-calendar-plus")) {
+  customElements.define("icon-calendar-plus", NavaIconCalendarPlus);
+}

package/dist/chunk-4OQ7CZTH.js

@@ -0,0 +1,46 @@
+// src/icons/chart.ts
+var NavaIconChart = 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 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21ZM5 5H19L19.001 19H5V5Z" />
+<path d="M13.553 11.658L9.55298 9.65798L7.10498 14.553L8.89498 15.447L10.447 12.342L14.447 14.342L16.895 9.44698L15.105 8.55298L13.553 11.658Z" />`;
+    const filledPaths = `<path d="M19 21C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19ZM9.553 9.658L13.553 11.658L15.106 8.553L16.895 9.448L14.448 14.343L10.448 12.343L8.895 15.448L7.106 14.553L9.553 9.658Z" />`;
+    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-chart")) {
+  customElements.define("icon-chart", NavaIconChart);
+}

package/dist/chunk-4P26PJZR.js

@@ -0,0 +1,45 @@
+// src/icons/hourglass.ts
+var NavaIconHourglass = 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.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H4V4H5V5C5.00203 6.21504 5.31957 7.40873 5.92153 8.46418C6.5235 9.51964 7.38924 10.4007 8.434 11.021C8.788 11.229 9 11.566 9 11.921V12.079C9 12.433 8.788 12.769 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H20V20H19V19C18.9981 17.7852 18.6807 16.5917 18.0789 15.5364C17.4771 14.4811 16.6116 13.6002 15.567 12.98C15.212 12.77 15 12.433 15 12.079V11.921C15 11.566 15.212 11.229 15.566 11.021ZM14.551 14.702C15.2964 15.1451 15.9139 15.7741 16.3432 16.5275C16.7725 17.2809 16.9988 18.1329 17 19V20H7V19C7.00131 18.1327 7.22777 17.2805 7.65723 16.5269C8.08669 15.7734 8.70443 15.1442 9.45 14.701C10.421 14.128 11 13.147 11 12.079V11.921C11 10.852 10.42 9.87 9.449 9.298C8.70363 8.85492 8.08607 8.22589 7.65678 7.47248C7.2275 6.71908 7.00118 5.86712 7 5V4H17V5C17 6.76 16.062 8.406 14.551 9.298C13.58 9.87 13 10.852 13 11.921V12.079C13 13.147 13.579 14.128 14.551 14.702Z" />`;
+    const filledPaths = `<path d="M19 22H20V20H19V19C18.9981 17.7852 18.6807 16.5917 18.0789 15.5364C17.4771 14.4811 16.6116 13.6002 15.567 12.98C15.212 12.77 15 12.433 15 12.079V11.921C15 11.567 15.212 11.23 15.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H4V4H5V5C5.00203 6.21504 5.31957 7.40873 5.92153 8.46418C6.5235 9.51964 7.38924 10.4007 8.434 11.021C8.788 11.23 9 11.566 9 11.921V12.079C9 12.433 8.788 12.77 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H19ZM17 4V5C16.9985 6.08225 16.6462 7.13485 15.996 8H8.004C7.35378 7.13485 7.00151 6.08225 7 5V4H17ZM9.45 14.702C10.421 14.128 11 13.148 11 12.079V12H13V12.079C13 13.147 13.579 14.128 14.551 14.702C15.4495 15.2367 16.157 16.0407 16.573 17H7.427C7.84313 16.0405 8.55096 15.2364 9.45 14.702Z" />`;
+    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-hourglass")) {
+  customElements.define("icon-hourglass", NavaIconHourglass);
+}

package/dist/chunk-4PIQ4CQU.js

@@ -0,0 +1,47 @@
+// src/icons/phone-outgoing.ts
+var NavaIconPhoneOutgoing = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M16.712 13.288C16.6192 13.1951 16.509 13.1213 16.3877 13.071C16.2664 13.0207 16.1363 12.9948 16.005 12.9948C15.8736 12.9948 15.7436 13.0207 15.6223 13.071C15.501 13.1213 15.3908 13.1951 15.298 13.288L13.704 14.882C12.965 14.662 11.586 14.162 10.712 13.288C9.83797 12.414 9.33797 11.035 9.11797 10.296L10.712 8.70201C10.8049 8.60923 10.8787 8.49902 10.929 8.37771C10.9793 8.25639 11.0052 8.12635 11.0052 7.99501C11.0052 7.86368 10.9793 7.73363 10.929 7.61232C10.8787 7.491 10.8049 7.3808 10.712 7.28801L6.71197 3.28801C6.61918 3.19507 6.50898 3.12133 6.38767 3.07102C6.26635 3.02071 6.13631 2.99481 6.00497 2.99481C5.87364 2.99481 5.74359 3.02071 5.62228 3.07102C5.50096 3.12133 5.39076 3.19507 5.29797 3.28801L2.58597 6.00001C2.20597 6.38001 1.99197 6.90201 1.99997 7.43501C2.02297 8.85901 2.39997 13.805 6.29797 17.703C10.196 21.601 15.142 21.977 16.566 22H16.594C17.122 22 17.621 21.792 17.999 21.414L20.711 18.702C20.8039 18.6092 20.8777 18.499 20.928 18.3777C20.9783 18.2564 21.0042 18.1263 21.0042 17.995C21.0042 17.8637 20.9783 17.7336 20.928 17.6123C20.8777 17.491 20.8039 17.3808 20.711 17.288L16.712 13.288ZM16.585 20C15.337 19.979 11.067 19.644 7.71197 16.288C4.34597 12.922 4.01997 8.63701 3.99997 7.41401L6.00497 5.40901L8.59097 7.99501L7.29797 9.28801C7.18043 9.40546 7.09401 9.55035 7.04652 9.70958C6.99903 9.86881 6.99197 10.0374 7.02597 10.2C7.04997 10.315 7.63697 13.042 9.29697 14.702C10.957 16.362 13.684 16.949 13.799 16.973C13.9615 17.0078 14.1302 17.0012 14.2895 16.9538C14.4489 16.9065 14.5938 16.8199 14.711 16.702L16.004 15.409L18.59 17.995L16.585 20Z" />
+<path d="M16.795 5.791L12.298 10.288L13.712 11.702L18.209 7.205L21.005 10V2.995H14L16.795 5.791Z" />`;
+    const filledPaths = `<path d="M16.793 5.793L12.293 10.293L13.707 11.707L18.207 7.207L21 10V3H14L16.793 5.793Z" />
+<path d="M16.422 13.446C16.2299 13.2713 15.9774 13.1782 15.7178 13.1862C15.4583 13.1942 15.212 13.3028 15.031 13.489L12.638 15.95C12.062 15.84 10.904 15.479 9.71204 14.29C8.52004 13.097 8.15904 11.936 8.05204 11.364L10.511 8.96999C10.6975 8.78911 10.8062 8.54281 10.8142 8.28319C10.8222 8.02358 10.7289 7.77103 10.554 7.57899L6.85904 3.51599C6.68408 3.32334 6.44092 3.20649 6.18119 3.19025C5.92146 3.174 5.66564 3.25964 5.46804 3.42899L3.29904 5.28999C3.12569 5.46288 3.0221 5.69356 3.00804 5.93799C2.99304 6.18799 2.70704 12.11 7.29904 16.704C11.305 20.71 16.323 21.003 17.705 21.003C17.907 21.003 18.031 20.997 18.064 20.995C18.3086 20.9813 18.5394 20.8776 18.712 20.704L20.572 18.533C20.7415 18.3355 20.8273 18.0798 20.8113 17.82C20.7952 17.5603 20.6785 17.3171 20.486 17.142L16.422 13.446Z" />`;
+    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-phone-outgoing")) {
+  customElements.define("icon-phone-outgoing", NavaIconPhoneOutgoing);
+}

package/dist/chunk-4PPFZZDS.js

@@ -0,0 +1,45 @@
+// src/icons/gas-pump.ts
+var NavaIconGasPump = 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.616 6.48L19.63 6.463L15.63 3.223L14.37 4.777L16.437 6.451C15.9248 6.76219 15.5179 7.22014 15.2691 7.76543C15.0204 8.31072 14.9412 8.91818 15.042 9.509C15.191 10.408 15.808 11.185 16.607 11.621C17.504 12.111 18.292 12.067 18.991 11.818L18.976 18C18.9772 18.1656 18.9371 18.3289 18.8593 18.475C18.7816 18.6212 18.6686 18.7457 18.5306 18.8373C18.3926 18.9288 18.2339 18.9845 18.069 18.9993C17.9041 19.0141 17.7381 18.9875 17.586 18.922C17.4669 18.8711 17.3589 18.7973 17.268 18.705C17.1756 18.6124 17.1023 18.5024 17.0523 18.3815C17.0024 18.2605 16.9768 18.1309 16.977 18L17 16C17.001 15.6064 16.924 15.2165 16.7735 14.8528C16.623 14.4891 16.4019 14.1588 16.123 13.881C15.8444 13.6018 15.5135 13.3803 15.1492 13.2291C14.7849 13.0779 14.3944 13.0001 14 13H13V5C13 3.897 12.103 3 11 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H11C12.103 21 13 20.103 13 19V15H14C14.136 15 14.267 15.027 14.391 15.078C14.629 15.1822 14.8187 15.3726 14.922 15.611C14.9739 15.7341 15.0004 15.8664 15 16L14.976 18C14.976 18.406 15.055 18.799 15.212 19.168C15.363 19.527 15.58 19.848 15.853 20.119C16.1306 20.3995 16.4613 20.6219 16.8258 20.7732C17.1903 20.9245 17.5813 21.0016 17.976 21C18.382 21 18.774 20.922 19.144 20.764C19.502 20.614 19.824 20.397 20.095 20.123C20.375 19.845 20.597 19.5142 20.7482 19.1498C20.8994 18.7853 20.9768 18.3945 20.976 18L21 9C20.999 8.49762 20.8717 8.00355 20.6299 7.56321C20.3881 7.12287 20.0394 6.75038 19.616 6.48ZM4 5H11L11.001 9H4V5ZM4 19V11H11.001L11.002 19H4ZM18 10C17.7348 10 17.4804 9.89464 17.2929 9.70711C17.1054 9.51957 17 9.26522 17 9C17 8.73478 17.1054 8.48043 17.2929 8.29289C17.4804 8.10536 17.7348 8 18 8C18.2652 8 18.5196 8.10536 18.7071 8.29289C18.8946 8.48043 19 8.73478 19 9C19 9.26522 18.8946 9.51957 18.7071 9.70711C18.5196 9.89464 18.2652 10 18 10Z" />`;
+    const filledPaths = `<path d="M19.616 6.48L19.63 6.463L15.63 3.223L14.37 4.777L16.437 6.451C15.9242 6.76259 15.5171 7.22125 15.2685 7.76733C15.0199 8.31342 14.9413 8.92167 15.043 9.513C15.193 10.412 15.812 11.189 16.613 11.624C17.508 12.111 18.293 12.066 18.991 11.818L18.976 18C18.9772 18.1656 18.9371 18.3289 18.8593 18.475C18.7816 18.6212 18.6686 18.7457 18.5306 18.8373C18.3926 18.9288 18.2339 18.9845 18.069 18.9993C17.9041 19.0141 17.7381 18.9875 17.586 18.922C17.4669 18.8711 17.3589 18.7973 17.268 18.705C17.1756 18.6124 17.1023 18.5024 17.0523 18.3815C17.0024 18.2605 16.9768 18.1309 16.977 18L17 16C17.001 15.6064 16.924 15.2165 16.7735 14.8528C16.623 14.4891 16.4019 14.1588 16.123 13.881C15.8444 13.6018 15.5135 13.3803 15.1492 13.2291C14.7849 13.0779 14.3944 13.0001 14 13H13V5C13 4.46957 12.7893 3.96086 12.4142 3.58579C12.0391 3.21071 11.5304 3 11 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H11C11.5304 21 12.0391 20.7893 12.4142 20.4142C12.7893 20.0391 13 19.5304 13 19V15H14C14.136 15 14.267 15.027 14.391 15.078C14.629 15.1822 14.8187 15.3726 14.922 15.611C14.9739 15.7341 15.0004 15.8664 15 16L14.976 18C14.976 18.406 15.055 18.799 15.212 19.168C15.363 19.527 15.58 19.848 15.853 20.119C16.1306 20.3995 16.4613 20.6219 16.8258 20.7732C17.1903 20.9245 17.5813 21.0016 17.976 21C18.382 21 18.774 20.922 19.144 20.764C19.502 20.614 19.824 20.397 20.095 20.123C20.375 19.845 20.597 19.5142 20.7482 19.1498C20.8994 18.7853 20.9768 18.3945 20.976 18L21 9C20.999 8.49762 20.8717 8.00355 20.6299 7.56321C20.3881 7.12287 20.0394 6.75038 19.616 6.48ZM11 8H4V5H11V8ZM18 10C17.7348 10 17.4804 9.89464 17.2929 9.70711C17.1054 9.51957 17 9.26522 17 9C17 8.73478 17.1054 8.48043 17.2929 8.29289C17.4804 8.10536 17.7348 8 18 8C18.2652 8 18.5196 8.10536 18.7071 8.29289C18.8946 8.48043 19 8.73478 19 9C19 9.26522 18.8946 9.51957 18.7071 9.70711C18.5196 9.89464 18.2652 10 18 10Z" />`;
+    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-gas-pump")) {
+  customElements.define("icon-gas-pump", NavaIconGasPump);
+}

package/dist/chunk-4PVKHWEQ.js

@@ -0,0 +1,46 @@
+// src/icons/caret-up-square.ts
+var NavaIconCaretUpSquare = 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 14H17L12 8L7 14Z" />
+<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />`;
+    const filledPaths = `<path d="M5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21ZM12 8L17 14H7L12 8Z" />`;
+    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-caret-up-square")) {
+  customElements.define("icon-caret-up-square", NavaIconCaretUpSquare);
+}

package/dist/chunk-4RIYZ3MM.js

@@ -0,0 +1,46 @@
+// src/icons/calendar-exclamation.ts
+var NavaIconCalendarExclamation = 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 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM19.002 20H5V8H19L19.002 20Z" />
+<path d="M11 10H13V15H11V10ZM11 16H13V18H11V16Z" />`;
+    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 4ZM13 20H11V18H13V20ZM13 16H11V11H13V16ZM19 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-exclamation")) {
+  customElements.define("icon-calendar-exclamation", NavaIconCalendarExclamation);
+}

package/dist/chunk-4SXX65MN.js

@@ -0,0 +1,45 @@
+// src/icons/candles.ts
+var NavaIconCandles = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M6 19H7V22H9V19H10C10.2652 19 10.5196 18.8946 10.7071 18.7071C10.8946 18.5196 11 18.2652 11 18V6C11 5.73478 10.8946 5.48043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5H9V2H7V5H6C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6V18C5 18.2652 5.10536 18.5196 5.29289 18.7071C5.48043 18.8946 5.73478 19 6 19ZM7 7H9V17H7V7ZM14 17H15V20H17V17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V8C19 7.73478 18.8946 7.48043 18.7071 7.29289C18.5196 7.10536 18.2652 7 18 7H17V4H15V7H14C13.7348 7 13.4804 7.10536 13.2929 7.29289C13.1054 7.48043 13 7.73478 13 8V16C13 16.2652 13.1054 16.5196 13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17ZM15 9H17V15H15V9Z" />`;
+    const filledPaths = `<path d="M6 19H7V22H9V19H10C10.2652 19 10.5196 18.8946 10.7071 18.7071C10.8946 18.5196 11 18.2652 11 18V6C11 5.73478 10.8946 5.48043 10.7071 5.29289C10.5196 5.10536 10.2652 5 10 5H9V2H7V5H6C5.73478 5 5.48043 5.10536 5.29289 5.29289C5.10536 5.48043 5 5.73478 5 6V18C5 18.2652 5.10536 18.5196 5.29289 18.7071C5.48043 18.8946 5.73478 19 6 19ZM7 7H9V17H7V7ZM14 17H15V20H17V17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V8C19 7.73478 18.8946 7.48043 18.7071 7.29289C18.5196 7.10536 18.2652 7 18 7H17V4H15V7H14C13.7348 7 13.4804 7.10536 13.2929 7.29289C13.1054 7.48043 13 7.73478 13 8V16C13 16.2652 13.1054 16.5196 13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17ZM15 9H17V15H15V9Z" />`;
+    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-candles")) {
+  customElements.define("icon-candles", NavaIconCandles);
+}

package/dist/chunk-4UCFTY3L.js

@@ -0,0 +1,45 @@
+// src/icons/calendar-alt.ts
+var NavaIconCalendarAlt = 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="M3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4H17V2H15V4H9V2H7V4H5C4.46957 4 3.96086 4.21071 3.58579 4.58579C3.21071 4.96086 3 5.46957 3 6ZM19 20H5V8H19V20Z" />`;
+    const filledPaths = `<path d="M5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22ZM5 7H19V9H5V7Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-calendar-alt")) {
+  customElements.define("icon-calendar-alt", NavaIconCalendarAlt);
+}