@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-IE2L3WYS.js

@@ -0,0 +1,46 @@
+// src/icons/alarm-snooze.ts
+var NavaIconAlarmSnooze = 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 4.00002C7.12101 4.00002 3.00001 8.12102 3.00001 13C3.00001 17.879 7.12101 22 12 22C16.879 22 21 17.879 21 13C21 8.12102 16.879 4.00002 12 4.00002ZM12 20C8.20601 20 5.00001 16.794 5.00001 13C5.00001 9.20602 8.20601 6.00002 12 6.00002C15.794 6.00002 19 9.20602 19 13C19 16.794 15.794 20 12 20ZM20.292 6.70802L17.282 3.70802L18.694 2.29102L21.704 5.29102L20.292 6.70802ZM6.69801 3.70702L3.70801 6.70602L2.29001 5.29402L5.28001 2.29402L6.69801 3.70702Z" />
+<path d="M14.832 10.555C14.9325 10.4044 14.9902 10.2293 14.999 10.0485C15.0078 9.86769 14.9673 9.68786 14.8819 9.52823C14.7965 9.3686 14.6693 9.23516 14.514 9.14213C14.3587 9.04909 14.181 8.99997 14 9H9V11H12.132L9.168 15.445C9.06752 15.5956 9.00981 15.7707 9.00103 15.9515C8.99224 16.1323 9.03271 16.3121 9.11812 16.4718C9.20353 16.6314 9.33068 16.7648 9.48599 16.8579C9.6413 16.9509 9.81895 17 10 17H15V15H11.868L14.832 10.555Z" />`;
+    const filledPaths = `<path d="M17.284 3.70702L18.696 2.29102L21.706 5.29102L20.293 6.70802L17.284 3.70702ZM6.69804 3.70702L3.70804 6.70602L2.29004 5.29402L5.28004 2.29402L6.69804 3.70702ZM12 4.00002C7.12204 4.00002 3.00004 8.12102 3.00004 13C3.00004 17.879 7.12204 22 12 22C16.879 22 21 17.879 21 13C21 8.12102 16.879 4.00002 12 4.00002ZM16 17H8.13104L12.131 11H8.00004V9.00002H15.868L14.833 10.554L14.832 10.555L11.869 15H16V17Z" />`;
+    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-alarm-snooze")) {
+  customElements.define("icon-alarm-snooze", NavaIconAlarmSnooze);
+}

package/dist/chunk-IES526CZ.js

@@ -0,0 +1,45 @@
+// src/icons/font-size.ts
+var NavaIconFontSize = 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="M22 6L19 2L16 6H18V10H16L19 14L22 10H20V6H22ZM9.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="M22 6L19 2L16 6H18V10H16L19 14L22 10H20V6H22ZM9.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-size")) {
+  customElements.define("icon-font-size", NavaIconFontSize);
+}

package/dist/chunk-IFYFZ4MZ.js

@@ -0,0 +1,47 @@
+// src/icons/compass.ts
+var NavaIconCompass = 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="M8 16L13.991 14L16 8L10 10L8 16Z" />`;
+    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 15L7 17L9 9L17 7L15 15Z" />
+<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" />`;
+    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-compass")) {
+  customElements.define("icon-compass", NavaIconCompass);
+}

package/dist/chunk-IGSM47FU.js

@@ -0,0 +1,45 @@
+// src/icons/shape-circle.ts
+var NavaIconShapeCircle = 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.494 9.05C19.0846 8.02387 18.4706 7.09181 17.6894 6.31061C16.9082 5.52941 15.9761 4.9154 14.95 4.506C14.713 3.088 13.485 2 12 2C10.515 2 9.287 3.088 9.05 4.506C8.02375 4.9152 7.09159 5.52913 6.31036 6.31036C5.52913 7.09159 4.9152 8.02375 4.506 9.05C3.088 9.287 2 10.515 2 12C2 13.485 3.088 14.713 4.506 14.95C4.9154 15.9761 5.52941 16.9082 6.31061 17.6894C7.09181 18.4706 8.02387 19.0846 9.05 19.494C9.287 20.912 10.515 22 12 22C13.485 22 14.713 20.912 14.95 19.494C15.9761 19.0846 16.9082 18.4706 17.6894 17.6894C18.4706 16.9082 19.0846 15.9761 19.494 14.95C20.912 14.713 22 13.485 22 12C22 10.515 20.912 9.287 19.494 9.05ZM12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5C13 5.06 12.977 5.11 12.966 5.167C12.9519 5.2635 12.9239 5.35747 12.883 5.446C12.869 5.473 12.849 5.495 12.832 5.521C12.7875 5.59703 12.7338 5.66724 12.672 5.73C12.632 5.767 12.582 5.792 12.536 5.822C12.482 5.858 12.432 5.9 12.371 5.925C12.256 5.972 12.132 6 12 6C11.868 6 11.744 5.972 11.629 5.925C11.568 5.901 11.518 5.859 11.464 5.822C11.418 5.792 11.368 5.767 11.328 5.73C11.2662 5.66724 11.2125 5.59703 11.168 5.521C11.151 5.495 11.131 5.473 11.117 5.446C11.0762 5.35742 11.0483 5.26347 11.034 5.167C11.023 5.11 11 5.06 11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4ZM5 11C5.06 11 5.11 11.023 5.167 11.034C5.266 11.051 5.361 11.075 5.446 11.117C5.473 11.131 5.495 11.151 5.521 11.168C5.596 11.215 5.67 11.265 5.73 11.328C5.767 11.368 5.792 11.418 5.822 11.464C5.858 11.518 5.9 11.568 5.925 11.629C5.972 11.744 6 11.868 6 12C6 12.132 5.972 12.256 5.925 12.371C5.901 12.432 5.859 12.482 5.822 12.536C5.792 12.582 5.767 12.632 5.73 12.672C5.67 12.735 5.596 12.785 5.521 12.832C5.495 12.849 5.473 12.869 5.446 12.883C5.35742 12.9238 5.26347 12.9517 5.167 12.966C5.11 12.977 5.06 13 5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11ZM12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19C11 18.94 11.023 18.89 11.034 18.833C11.051 18.734 11.075 18.639 11.117 18.554C11.131 18.527 11.151 18.505 11.168 18.479C11.215 18.404 11.265 18.33 11.328 18.27C11.368 18.233 11.418 18.208 11.464 18.178C11.518 18.142 11.568 18.1 11.629 18.075C11.744 18.028 11.868 18 12 18C12.132 18 12.256 18.028 12.371 18.075C12.432 18.099 12.482 18.141 12.536 18.178C12.582 18.208 12.632 18.233 12.672 18.27C12.735 18.33 12.785 18.404 12.832 18.479C12.849 18.505 12.869 18.527 12.883 18.554C12.925 18.639 12.949 18.735 12.966 18.833C12.977 18.89 13 18.94 13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20ZM14.583 17.488C14.577 17.477 14.566 17.469 14.561 17.459C14.3139 17.0488 13.9724 16.7036 13.565 16.452C13.511 16.419 13.456 16.392 13.399 16.362C13.2436 16.2791 13.0809 16.2104 12.913 16.157C12.849 16.136 12.785 16.113 12.719 16.096C12.486 16.039 12.248 16 12 16C11.752 16 11.514 16.039 11.282 16.097C11.216 16.114 11.152 16.136 11.087 16.158C10.9195 16.2116 10.7572 16.2802 10.602 16.363C10.546 16.392 10.49 16.42 10.436 16.453C10.0286 16.7046 9.68708 17.0498 9.44 17.46C9.434 17.471 9.423 17.479 9.418 17.489C8.1453 16.8823 7.11971 15.8567 6.513 14.584C6.524 14.578 6.532 14.567 6.542 14.562C6.95218 14.3149 7.29743 13.9734 7.549 13.566C7.582 13.512 7.61 13.456 7.639 13.4C7.722 13.246 7.789 13.084 7.844 12.915C7.865 12.85 7.888 12.786 7.905 12.72C7.961 12.486 8 12.248 8 12C8 11.752 7.961 11.514 7.903 11.282C7.88524 11.2166 7.86489 11.1518 7.842 11.088C7.78856 10.9201 7.71994 10.7574 7.637 10.602C7.607 10.545 7.58 10.49 7.547 10.436C7.29543 10.0286 6.95018 9.68708 6.54 9.44C6.53 9.434 6.522 9.423 6.512 9.417C7.11871 8.1443 8.1443 7.11871 9.417 6.512C9.423 6.522 9.434 6.53 9.439 6.541C9.687 6.952 10.027 7.296 10.435 7.548C10.489 7.581 10.545 7.609 10.601 7.638C10.756 7.721 10.917 7.788 11.087 7.843C11.151 7.864 11.215 7.887 11.281 7.904C11.514 7.961 11.751 8 12 8C12.3104 7.99582 12.6182 7.94249 12.912 7.842C13.082 7.787 13.243 7.72 13.398 7.637C13.454 7.608 13.51 7.58 13.564 7.547C13.972 7.295 14.312 6.951 14.56 6.54C14.566 6.529 14.577 6.521 14.582 6.511C15.8547 7.11771 16.8803 8.1433 17.487 9.416C17.476 9.422 17.468 9.433 17.458 9.438C17.0478 9.68508 16.7026 10.0266 16.451 10.434C16.418 10.488 16.39 10.544 16.361 10.6C16.278 10.755 16.211 10.916 16.156 11.086C16.135 11.15 16.112 11.214 16.095 11.28C16.035 11.5154 16.0031 11.7571 16 12C16.0042 12.3104 16.0575 12.6182 16.158 12.912C16.213 13.082 16.28 13.243 16.363 13.398C16.392 13.454 16.42 13.51 16.453 13.564C16.705 13.972 17.049 14.312 17.46 14.56C17.471 14.566 17.479 14.577 17.489 14.582C16.8826 15.8555 15.8565 16.8816 14.583 17.488ZM19 13C18.94 13 18.89 12.977 18.833 12.966C18.7365 12.9519 18.6425 12.9239 18.554 12.883C18.527 12.869 18.505 12.849 18.479 12.832C18.403 12.7875 18.3328 12.7338 18.27 12.672C18.233 12.632 18.208 12.582 18.178 12.536C18.142 12.482 18.1 12.432 18.075 12.371C18.028 12.256 18 12.132 18 12C18 11.868 18.028 11.744 18.075 11.629C18.099 11.568 18.141 11.518 18.178 11.464C18.208 11.418 18.233 11.368 18.27 11.328C18.33 11.265 18.404 11.215 18.479 11.168C18.505 11.151 18.527 11.131 18.554 11.117C18.639 11.075 18.735 11.051 18.833 11.034C18.89 11.023 18.94 11 19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13Z" />`;
+    const filledPaths = `<path d="M19.494 9.05C19.0846 8.02387 18.4706 7.09181 17.6894 6.31061C16.9082 5.52941 15.9761 4.9154 14.95 4.506C14.713 3.088 13.485 2 12 2C10.515 2 9.287 3.088 9.05 4.506C8.02375 4.9152 7.09159 5.52913 6.31036 6.31036C5.52913 7.09159 4.9152 8.02375 4.506 9.05C3.088 9.287 2 10.515 2 12C2 13.485 3.088 14.713 4.506 14.95C4.9154 15.9761 5.52941 16.9082 6.31061 17.6894C7.09181 18.4706 8.02387 19.0846 9.05 19.494C9.287 20.912 10.515 22 12 22C13.485 22 14.713 20.912 14.95 19.494C15.9761 19.0846 16.9082 18.4706 17.6894 17.6894C18.4706 16.9082 19.0846 15.9761 19.494 14.95C20.912 14.713 22 13.485 22 12C22 10.515 20.912 9.287 19.494 9.05ZM12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5C13 5.06 12.977 5.11 12.966 5.167C12.9519 5.2635 12.9239 5.35747 12.883 5.446C12.869 5.473 12.849 5.495 12.832 5.521C12.7875 5.59703 12.7338 5.66724 12.672 5.73C12.632 5.767 12.582 5.792 12.536 5.822C12.482 5.858 12.432 5.9 12.371 5.925C12.256 5.972 12.132 6 12 6C11.868 6 11.744 5.972 11.629 5.925C11.568 5.901 11.518 5.859 11.464 5.822C11.418 5.792 11.368 5.767 11.328 5.73C11.2662 5.66724 11.2125 5.59703 11.168 5.521C11.151 5.495 11.131 5.473 11.117 5.446C11.0762 5.35742 11.0483 5.26347 11.034 5.167C11.023 5.11 11 5.06 11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4ZM5 11C5.06 11 5.11 11.023 5.167 11.034C5.266 11.051 5.361 11.075 5.446 11.117C5.473 11.131 5.495 11.151 5.521 11.168C5.596 11.215 5.67 11.265 5.73 11.328C5.767 11.368 5.792 11.418 5.822 11.464C5.858 11.518 5.9 11.568 5.925 11.629C5.972 11.744 6 11.868 6 12C6 12.132 5.972 12.256 5.925 12.371C5.901 12.432 5.859 12.482 5.822 12.536C5.792 12.582 5.767 12.632 5.73 12.672C5.67 12.735 5.596 12.785 5.521 12.832C5.495 12.849 5.473 12.869 5.446 12.883C5.35742 12.9238 5.26347 12.9517 5.167 12.966C5.11 12.977 5.06 13 5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11ZM12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19C11 18.94 11.023 18.89 11.034 18.833C11.051 18.734 11.075 18.639 11.117 18.554C11.131 18.527 11.151 18.505 11.168 18.479C11.215 18.404 11.265 18.33 11.328 18.27C11.368 18.233 11.418 18.208 11.464 18.178C11.518 18.142 11.568 18.1 11.629 18.075C11.744 18.028 11.868 18 12 18C12.132 18 12.256 18.028 12.371 18.075C12.432 18.099 12.482 18.141 12.536 18.178C12.582 18.208 12.632 18.233 12.672 18.27C12.735 18.33 12.785 18.404 12.832 18.479C12.849 18.505 12.869 18.527 12.883 18.554C12.925 18.639 12.949 18.735 12.966 18.833C12.977 18.89 13 18.94 13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20ZM14.583 17.488C14.577 17.477 14.566 17.469 14.561 17.459C14.3139 17.0488 13.9724 16.7036 13.565 16.452C13.511 16.419 13.456 16.392 13.399 16.362C13.2436 16.2791 13.0809 16.2104 12.913 16.157C12.849 16.136 12.785 16.113 12.719 16.096C12.486 16.039 12.248 16 12 16C11.752 16 11.514 16.039 11.282 16.097C11.216 16.114 11.152 16.136 11.087 16.158C10.9195 16.2116 10.7572 16.2802 10.602 16.363C10.546 16.392 10.49 16.42 10.436 16.453C10.0286 16.7046 9.68708 17.0498 9.44 17.46C9.434 17.471 9.423 17.479 9.418 17.489C8.1453 16.8823 7.11971 15.8567 6.513 14.584C6.524 14.578 6.532 14.567 6.542 14.562C6.95218 14.3149 7.29743 13.9734 7.549 13.566C7.582 13.512 7.61 13.456 7.639 13.4C7.722 13.246 7.789 13.084 7.844 12.915C7.865 12.85 7.888 12.786 7.905 12.72C7.961 12.486 8 12.248 8 12C8 11.752 7.961 11.514 7.903 11.282C7.88524 11.2166 7.86489 11.1518 7.842 11.088C7.78856 10.9201 7.71994 10.7574 7.637 10.602C7.607 10.545 7.58 10.49 7.547 10.436C7.29543 10.0286 6.95018 9.68708 6.54 9.44C6.53 9.434 6.522 9.423 6.512 9.417C7.11871 8.1443 8.1443 7.11871 9.417 6.512C9.423 6.522 9.434 6.53 9.439 6.541C9.687 6.952 10.027 7.296 10.435 7.548C10.489 7.581 10.545 7.609 10.601 7.638C10.756 7.721 10.917 7.788 11.087 7.843C11.151 7.864 11.215 7.887 11.281 7.904C11.514 7.961 11.751 8 12 8C12.3104 7.99582 12.6182 7.94249 12.912 7.842C13.082 7.787 13.243 7.72 13.398 7.637C13.454 7.608 13.51 7.58 13.564 7.547C13.972 7.295 14.312 6.951 14.56 6.54C14.566 6.529 14.577 6.521 14.582 6.511C15.8547 7.11771 16.8803 8.1433 17.487 9.416C17.476 9.422 17.468 9.433 17.458 9.438C17.0478 9.68508 16.7026 10.0266 16.451 10.434C16.418 10.488 16.39 10.544 16.361 10.6C16.278 10.755 16.211 10.916 16.156 11.086C16.135 11.15 16.112 11.214 16.095 11.28C16.035 11.5154 16.0031 11.7571 16 12C16.0042 12.3104 16.0575 12.6182 16.158 12.912C16.213 13.082 16.28 13.243 16.363 13.398C16.392 13.454 16.42 13.51 16.453 13.564C16.705 13.972 17.049 14.312 17.46 14.56C17.471 14.566 17.479 14.577 17.489 14.582C16.8826 15.8555 15.8565 16.8816 14.583 17.488ZM19 13C18.94 13 18.89 12.977 18.833 12.966C18.7365 12.9519 18.6425 12.9239 18.554 12.883C18.527 12.869 18.505 12.849 18.479 12.832C18.403 12.7875 18.3328 12.7338 18.27 12.672C18.233 12.632 18.208 12.582 18.178 12.536C18.142 12.482 18.1 12.432 18.075 12.371C18.028 12.256 18 12.132 18 12C18 11.868 18.028 11.744 18.075 11.629C18.099 11.568 18.141 11.518 18.178 11.464C18.208 11.418 18.233 11.368 18.27 11.328C18.33 11.265 18.404 11.215 18.479 11.168C18.505 11.151 18.527 11.131 18.554 11.117C18.639 11.075 18.735 11.051 18.833 11.034C18.89 11.023 18.94 11 19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-shape-circle")) {
+  customElements.define("icon-shape-circle", NavaIconShapeCircle);
+}

package/dist/chunk-IIIQKIIA.js

@@ -0,0 +1,45 @@
+// src/icons/rotate-right.ts
+var NavaIconRotateRight = 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.242 17.242C15.8364 17.6477 15.3751 17.9935 14.872 18.269L15.833 20.023C16.8376 19.4722 17.7133 18.7137 18.402 17.798L16.802 16.597C16.631 16.8252 16.4439 17.0407 16.242 17.242ZM17.985 12.571C18.0479 13.4299 17.9244 14.2923 17.623 15.099L19.496 15.8C19.8977 14.7242 20.0625 13.5743 19.979 12.429L17.985 12.571ZM19.497 10.203C19.0939 9.12975 18.4663 8.155 17.656 7.344L16.242 8.758C16.8495 9.36732 17.3206 10.0988 17.624 10.904L19.497 10.203ZM11.369 18.966C11.322 18.961 11.275 18.951 11.228 18.945C11.0711 18.9255 10.915 18.9005 10.76 18.87C9.87814 18.685 9.05013 18.3013 8.33897 17.748C8.1339 17.5921 7.93916 17.4231 7.75597 17.242C7.57135 17.0543 7.39899 16.8549 7.23997 16.645C6.85854 16.1508 6.55781 15.5993 6.34897 15.011C6.24363 14.7171 6.16105 14.4156 6.10197 14.109C6.09398 14.066 6.08997 14.021 6.08297 13.978C6.03015 13.6553 6.0024 13.329 5.99997 13.002V13C5.99997 11.397 6.62397 9.891 7.75797 8.758C8.63709 7.87575 9.77114 7.29194 11 7.089V10L16 6L11 2V5.069C9.23671 5.28355 7.59682 6.08483 6.34397 7.344C5.59832 8.08446 5.00715 8.96564 4.60478 9.9364C4.2024 10.9072 3.99682 11.9482 3.99997 12.999V13.008C3.99997 13.261 4.01397 13.512 4.03697 13.761C4.04397 13.837 4.05797 13.911 4.06697 13.988C4.08797 14.16 4.11097 14.333 4.14297 14.504C4.16197 14.604 4.18697 14.7 4.20897 14.799C4.24097 14.941 4.27397 15.082 4.31397 15.222C4.34597 15.334 4.38397 15.445 4.42097 15.555C4.44697 15.634 4.46797 15.714 4.49697 15.792L4.50497 15.789C4.7723 16.5034 5.14108 17.1757 5.59997 17.785L5.59297 17.79C5.61397 17.818 5.64197 17.843 5.66297 17.871C5.87397 18.143 6.09597 18.409 6.34397 18.656C6.64459 18.9524 6.96754 19.2252 7.30997 19.472C7.57497 19.664 7.84697 19.844 8.13097 20.001L8.15898 20.02L8.15997 20.019C8.82967 20.3861 9.5492 20.654 10.296 20.814L10.295 20.819L10.348 20.828C10.549 20.87 10.753 20.899 10.958 20.926C11.027 20.935 11.096 20.949 11.165 20.956C12.0109 21.0446 12.8655 20.9983 13.697 20.819L13.273 18.864C12.6476 18.9974 12.0051 19.0318 11.369 18.966Z" />`;
+    const filledPaths = `<path d="M16.242 17.242C15.8364 17.6477 15.3751 17.9935 14.872 18.269L15.833 20.023C16.8376 19.4722 17.7133 18.7137 18.402 17.798L16.802 16.597C16.631 16.8252 16.4439 17.0407 16.242 17.242ZM17.985 12.571C18.0479 13.4299 17.9244 14.2923 17.623 15.099L19.496 15.8C19.8977 14.7242 20.0625 13.5743 19.979 12.429L17.985 12.571ZM19.497 10.203C19.0939 9.12975 18.4663 8.155 17.656 7.344L16.242 8.758C16.8495 9.36732 17.3206 10.0988 17.624 10.904L19.497 10.203ZM11.369 18.966C11.322 18.961 11.275 18.951 11.228 18.945C11.0711 18.9255 10.915 18.9005 10.76 18.87C9.87814 18.685 9.05013 18.3013 8.33897 17.748C8.1339 17.5921 7.93916 17.4231 7.75597 17.242C7.57135 17.0543 7.39899 16.8549 7.23997 16.645C6.85854 16.1508 6.55781 15.5993 6.34897 15.011C6.24363 14.7171 6.16105 14.4156 6.10197 14.109C6.09398 14.066 6.08997 14.021 6.08297 13.978C6.03015 13.6553 6.0024 13.329 5.99997 13.002V13C5.99997 11.397 6.62397 9.891 7.75797 8.758C8.63709 7.87575 9.77114 7.29194 11 7.089V10L16 6L11 2V5.069C9.23671 5.28355 7.59682 6.08483 6.34397 7.344C5.59832 8.08446 5.00715 8.96564 4.60478 9.9364C4.2024 10.9072 3.99682 11.9482 3.99997 12.999V13.008C3.99997 13.261 4.01397 13.512 4.03697 13.761C4.04397 13.837 4.05797 13.911 4.06697 13.988C4.08797 14.16 4.11097 14.333 4.14297 14.504C4.16197 14.604 4.18697 14.7 4.20897 14.799C4.24097 14.941 4.27397 15.082 4.31397 15.222C4.34597 15.334 4.38397 15.445 4.42097 15.555C4.44697 15.634 4.46797 15.714 4.49697 15.792L4.50497 15.789C4.7723 16.5034 5.14108 17.1757 5.59997 17.785L5.59297 17.79C5.61397 17.818 5.64197 17.843 5.66297 17.871C5.87397 18.143 6.09597 18.409 6.34397 18.656C6.64459 18.9524 6.96754 19.2252 7.30997 19.472C7.57497 19.664 7.84697 19.844 8.13097 20.001L8.15898 20.02L8.15997 20.019C8.82967 20.3861 9.5492 20.654 10.296 20.814L10.295 20.819L10.348 20.828C10.549 20.87 10.753 20.899 10.958 20.926C11.027 20.935 11.096 20.949 11.165 20.956C12.0109 21.0446 12.8655 20.9983 13.697 20.819L13.273 18.864C12.6476 18.9974 12.0051 19.0318 11.369 18.966Z" />`;
+    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-rotate-right")) {
+  customElements.define("icon-rotate-right", NavaIconRotateRight);
+}

package/dist/chunk-IJ73UZMP.js

@@ -0,0 +1,47 @@
+// src/icons/thermometer.ts
+var NavaIconThermometer = 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="M9 16C9.0202 16.7822 9.34513 17.5257 9.90554 18.0718C10.4659 18.6179 11.2175 18.9235 12 18.9235C12.7825 18.9235 13.5341 18.6179 14.0945 18.0718C14.6549 17.5257 14.9798 16.7822 15 16C15 15.647 14.928 15.314 14.816 15H9.184C9.06548 15.3202 9.00323 15.6586 9 16Z" />
+<path d="M18 6V4H14.815C14.6096 3.41685 14.2288 2.91155 13.7248 2.55346C13.2207 2.19538 12.6183 2.00204 12 2C10.346 2 9 3.346 9 5V10.8C8.08916 11.329 7.33286 12.0875 6.80649 12.9999C6.28012 13.9123 6.00205 14.9467 6 16C6 19.309 8.691 22 12 22C15.309 22 18 19.309 18 16C17.998 14.9467 17.7199 13.9123 17.1935 12.9999C16.6671 12.0875 15.9108 11.329 15 10.8V10H18V8H15V6H18ZM13.595 12.324C14.3083 12.6387 14.9151 13.1534 15.3419 13.8058C15.7687 14.4582 15.9973 15.2204 16 16C16 18.206 14.206 20 12 20C9.794 20 8 18.206 8 16C8 14.415 8.944 12.973 10.405 12.324L11 12.061V5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5V12.061L13.595 12.324Z" />`;
+    const filledPaths = `<path d="M9 16C9.0202 16.7822 9.34513 17.5257 9.90554 18.0718C10.4659 18.6179 11.2175 18.9235 12 18.9235C12.7825 18.9235 13.5341 18.6179 14.0945 18.0718C14.6549 17.5257 14.9798 16.7822 15 16C15 15.647 14.928 15.314 14.816 15H9.184C9.06548 15.3202 9.00323 15.6586 9 16Z" />
+<path d="M18 6V4H14.815C14.6096 3.41685 14.2288 2.91155 13.7248 2.55346C13.2207 2.19538 12.6183 2.00204 12 2C10.346 2 9 3.346 9 5V10.8C8.08916 11.329 7.33286 12.0875 6.80649 12.9999C6.28012 13.9123 6.00205 14.9467 6 16C6 19.309 8.691 22 12 22C15.309 22 18 19.309 18 16C17.998 14.9467 17.7199 13.9123 17.1935 12.9999C16.6671 12.0875 15.9108 11.329 15 10.8V10H18V8H15V6H18ZM13.595 12.324C14.3083 12.6387 14.9151 13.1534 15.3419 13.8058C15.7687 14.4582 15.9973 15.2204 16 16C16 18.206 14.206 20 12 20C9.794 20 8 18.206 8 16C8 14.415 8.944 12.973 10.405 12.324L11 12.061V5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5V12.061L13.595 12.324Z" />`;
+    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-thermometer")) {
+  customElements.define("icon-thermometer", NavaIconThermometer);
+}

package/dist/chunk-IL7XNA5U.js

@@ -0,0 +1,46 @@
+// src/icons/data.ts
+var NavaIconData = 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 17V7C20 4.832 16.337 3 12 3C7.663 3 4 4.832 4 7V17C4 19.168 7.663 21 12 21C16.337 21 20 19.168 20 17ZM12 5C15.691 5 17.931 6.507 18 6.994C17.931 7.493 15.691 9 12 9C8.309 9 6.069 7.493 6 7.006C6.069 6.507 8.309 5 12 5ZM6 9.607C7.479 10.454 9.637 11 12 11C14.363 11 16.521 10.454 18 9.607V11.994C17.931 12.493 15.691 14 12 14C8.309 14 6.069 12.493 6 12V9.607ZM6 17V14.607C7.479 15.454 9.637 16 12 16C14.363 16 16.521 15.454 18 14.607V16.994C17.931 17.493 15.691 19 12 19C8.309 19 6.069 17.493 6 17Z" />`;
+    const filledPaths = `<path d="M20 6C20 3.832 16.337 2 12 2C7.663 2 4 3.832 4 6V8C4 10.168 7.663 12 12 12C16.337 12 20 10.168 20 8V6ZM12 19C7.663 19 4 17.168 4 15V18C4 20.168 7.663 22 12 22C16.337 22 20 20.168 20 18V15C20 17.168 16.337 19 12 19Z" />
+<path d="M20 10C20 12.168 16.337 14 12 14C7.663 14 4 12.168 4 10V13C4 15.168 7.663 17 12 17C16.337 17 20 15.168 20 13V10Z" />`;
+    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-data")) {
+  customElements.define("icon-data", NavaIconData);
+}

package/dist/chunk-IMFBOMK6.js

@@ -0,0 +1,45 @@
+// src/icons/store-alt.ts
+var NavaIconStoreAlt = 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="M22 5C22 3.346 20.654 2 19 2H5C3.346 2 2 3.346 2 5V7.831C2 8.884 2.382 9.841 3 10.577V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V10.576C21.618 9.841 22 8.884 22 7.83V5ZM20 5V7.831C20 8.971 19.151 9.943 18.109 9.998L18 10C16.897 10 16 9.103 16 8V4H19C19.552 4 20 4.449 20 5ZM10 4H14V8C14 9.103 13.103 10 12 10C10.897 10 10 9.103 10 8V4ZM4 5C4 4.449 4.448 4 5 4H8V8C8 9.103 7.103 10 6 10L5.891 9.997C4.849 9.943 4 8.971 4 7.831V5ZM10 19V16H14V19H10ZM16 19V16C16 14.897 15.103 14 14 14H10C8.897 14 8 14.897 8 16V19H5V11.869C5.254 11.936 5.517 11.98 5.787 11.994C6.38989 12.0267 6.99233 11.9221 7.54891 11.6881C8.10548 11.4541 8.60165 11.0967 9 10.643C9.733 11.475 10.807 12 12 12C13.193 12 14.267 11.475 15 10.643C15.3983 11.0967 15.8945 11.4541 16.4511 11.6881C17.0077 11.9221 17.6101 12.0267 18.213 11.994C18.484 11.98 18.746 11.936 19 11.869V19H16Z" />`;
+    const filledPaths = `<path d="M19 2H5C3.346 2 2 3.346 2 5V7.831C2 8.884 2.382 9.841 3 10.577V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H12C12.2652 21 12.5196 20.8946 12.7071 20.7071C12.8946 20.5196 13 20.2652 13 20V15H17V20C17 20.2652 17.1054 20.5196 17.2929 20.7071C17.4804 20.8946 17.7348 21 18 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V10.576C21.618 9.841 22 8.884 22 7.83V5C22 3.346 20.654 2 19 2ZM20 5V7.831C20 8.971 19.151 9.943 18.109 9.998L18 10C16.897 10 16 9.103 16 8V4H19C19.552 4 20 4.449 20 5ZM10 8V4H14V8C14 9.103 13.103 10 12 10C10.897 10 10 9.103 10 8ZM4 5C4 4.449 4.448 4 5 4H8V8C8 9.103 7.103 10 6 10L5.891 9.997C4.849 9.943 4 8.971 4 7.831V5ZM10 16H6V13H10V16Z" />`;
+    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-store-alt")) {
+  customElements.define("icon-store-alt", NavaIconStoreAlt);
+}

package/dist/chunk-INFF4KGJ.js

@@ -0,0 +1,45 @@
+// src/icons/wrench.ts
+var NavaIconWrench = 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.12202 21C5.50002 21.378 6.00202 21.586 6.53602 21.586C7.07001 21.586 7.57202 21.378 7.95002 21L12.286 16.664C13.0041 16.8855 13.7515 16.9978 14.503 16.997C15.488 17 16.4639 16.8076 17.374 16.4308C18.2841 16.054 19.1104 15.5004 19.805 14.802C20.8537 13.7563 21.5685 12.4229 21.8591 10.9707C22.1496 9.51846 22.0027 8.0127 21.437 6.64401L20.867 5.25601L16.623 9.49901L14.502 7.37701L18.745 3.13401L17.356 2.56301C16.4498 2.18994 15.479 1.99865 14.499 2.00001C12.496 2.00001 10.613 2.78001 9.19802 4.19601C8.231 5.15982 7.54627 6.36995 7.21804 7.6952C6.88981 9.02046 6.93061 10.4103 7.33602 11.714L3.00002 16.05C2.62532 16.4252 2.41486 16.9338 2.41486 17.464C2.41486 17.9943 2.62532 18.5028 3.00002 18.878L5.12202 21ZM9.67002 12.209L9.41602 11.593C9.00068 10.5894 8.89263 9.48502 9.10554 8.4199C9.31846 7.35479 9.84276 6.37685 10.612 5.61001C11.1837 5.03462 11.8764 4.59383 12.6397 4.31966C13.4031 4.04549 14.2179 3.94483 15.025 4.02501L11.672 7.37801L16.621 12.328L19.976 8.97301C20.0543 9.78062 19.9525 10.5955 19.6781 11.3591C19.4037 12.1227 18.9634 12.8159 18.389 13.389C16.839 14.939 14.425 15.416 12.405 14.585L11.79 14.33L6.53602 19.586H6.53702L6.53602 20.586V19.586L4.41402 17.464L9.67002 12.209Z" />`;
+    const filledPaths = `<path d="M21.5121 6.11198L17.6221 10.001L14.0871 6.46498L17.9761 2.57598C16.7894 2.08816 15.485 1.96235 14.2271 2.21439C12.9691 2.46643 11.8138 3.08505 10.9068 3.99235C9.99968 4.89965 9.38133 6.05506 9.12958 7.31308C8.87784 8.5711 9.00396 9.87549 9.49205 11.062L3.21605 17.337C3.12311 17.4298 3.04937 17.54 2.99906 17.6613C2.94875 17.7826 2.92285 17.9126 2.92285 18.044C2.92285 18.1753 2.94875 18.3054 2.99906 18.4267C3.04937 18.548 3.12311 18.6582 3.21605 18.751L5.33805 20.873C5.43084 20.9659 5.54104 21.0397 5.66236 21.09C5.78367 21.1403 5.91372 21.1662 6.04505 21.1662C6.17639 21.1662 6.30643 21.1403 6.42775 21.09C6.54906 21.0397 6.65926 20.9659 6.75205 20.873L13.0271 14.597C14.2137 15.0855 15.5183 15.2118 16.7766 14.9602C18.0349 14.7086 19.1906 14.0902 20.0981 13.183C21.005 12.2753 21.6231 11.1196 21.8747 9.86138C22.1263 8.60317 22.0001 7.29864 21.5121 6.11198Z" />`;
+    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-wrench")) {
+  customElements.define("icon-wrench", NavaIconWrench);
+}

package/dist/chunk-IOAZPIDL.js

@@ -0,0 +1,45 @@
+// src/icons/popsicle.ts
+var NavaIconPopsicle = 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 2C13.154 1.98921 11.3785 2.70804 10.06 4L2.28 11.82C2.09375 12.0074 1.98921 12.2608 1.98921 12.525C1.98921 12.7892 2.09375 13.0426 2.28 13.23L5.82 16.77L2.28 20.3L3.7 21.72L7.23 18.18L10.77 21.72C10.9574 21.9062 11.2108 22.0108 11.475 22.0108C11.7392 22.0108 11.9926 21.9062 12.18 21.72L20 13.94C20.9787 12.9575 21.6435 11.7064 21.9101 10.3455C22.1767 8.98463 22.033 7.5752 21.4974 6.29606C20.9617 5.01691 20.0582 3.9257 18.9014 3.16084C17.7446 2.39598 16.3867 1.99195 15 2ZM18.54 12.54L11.47 19.6L8.65 16.77L7.23 15.35L4.4 12.52L11.47 5.45C12.4089 4.51113 13.6822 3.98368 15.01 3.98368C16.3378 3.98368 17.6111 4.51113 18.55 5.45C19.4889 6.38886 20.0163 7.66224 20.0163 8.99C20.0163 10.3178 19.4889 11.5911 18.55 12.53L18.54 12.54Z" />`;
+    const filledPaths = `<path d="M20 4C19.35 3.34991 18.5783 2.83423 17.729 2.48241C16.8797 2.13058 15.9694 1.94949 15.0501 1.94949C14.1307 1.94949 13.2204 2.13058 12.3711 2.48241C11.5218 2.83423 10.7501 3.34991 10.1001 4L2.28005 11.82C2.0938 12.0074 1.98926 12.2608 1.98926 12.525C1.98926 12.7892 2.0938 13.0426 2.28005 13.23L5.82005 16.77L2.28005 20.3L3.70005 21.72L7.23005 18.18L10.7701 21.72C10.9574 21.9062 11.2109 22.0108 11.4751 22.0108C11.7392 22.0108 11.9927 21.9062 12.1801 21.72L20 13.94C20.6561 13.2893 21.1769 12.515 21.5323 11.662C21.8877 10.809 22.0706 9.89408 22.0706 8.97C22.0706 8.04592 21.8877 7.13098 21.5323 6.27796C21.1769 5.42495 20.6561 4.65074 20 4ZM17.3 6.7C16.6805 6.10827 15.8568 5.77809 15.0001 5.77809C14.1433 5.77809 13.3196 6.10827 12.7001 6.7L11.6401 5.64C12.5322 4.75089 13.7405 4.25165 15.0001 4.25165C16.2596 4.25165 17.4679 4.75089 18.3601 5.64L17.3 6.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-popsicle")) {
+  customElements.define("icon-popsicle", NavaIconPopsicle);
+}

package/dist/chunk-IOKDQCYB.js

@@ -0,0 +1,46 @@
+// src/icons/archive.ts
+var NavaIconArchive = 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.706 5.291L18.707 2.293C18.6143 2.19996 18.5041 2.12617 18.3828 2.07589C18.2614 2.0256 18.1313 1.99981 18 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.294 5.291C2.20057 5.38368 2.12647 5.49398 2.076 5.61552C2.02553 5.73705 1.9997 5.8674 2 5.999V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5.999C22.0003 5.8674 21.9745 5.73705 21.924 5.61552C21.8735 5.49398 21.7994 5.38368 21.706 5.291ZM6.414 4H17.586L18.585 4.999H5.415L6.414 4ZM4 19V6.999H20L20.002 19H4Z" />
+<path d="M15 12H9V10H7V14H17V10H15V12Z" />`;
+    const filledPaths = `<path d="M21.704 5.29L18.707 2.293C18.6143 2.19996 18.5041 2.12617 18.3828 2.07589C18.2614 2.0256 18.1313 1.99981 18 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.296 5.29C2.20209 5.38263 2.12755 5.49302 2.07673 5.61475C2.02591 5.73647 1.99983 5.86709 2 5.999V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V5.999C22.0002 5.86709 21.9741 5.73647 21.9233 5.61475C21.8725 5.49302 21.7979 5.38263 21.704 5.29ZM6.414 4H17.586L18.586 5H5.414L6.414 4ZM17 13V14H7V10H9V12H15V10H17V13Z" />`;
+    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-archive")) {
+  customElements.define("icon-archive", NavaIconArchive);
+}

package/dist/chunk-IOLPQZWE.js

@@ -0,0 +1,46 @@
+// src/icons/cool.ts
+var NavaIconCool = 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="M14.683 14.828C14.3175 15.1923 13.8857 15.4835 13.411 15.686C12.5563 16.0468 11.6028 16.0995 10.7135 15.835C9.82429 15.5705 9.05456 15.0053 8.536 14.236L6.878 15.355C7.31044 15.9931 7.86059 16.543 8.499 16.975C9.14865 17.4143 9.87859 17.7212 10.647 17.878C11.836 18.1201 13.0704 17.9981 14.189 17.528C14.9009 17.2259 15.5483 16.79 16.096 16.244C16.368 15.973 16.616 15.673 16.83 15.355L15.172 14.236C15.0277 14.448 14.864 14.6462 14.683 14.828Z" />
+<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 4C14.953 4 17.531 5.613 18.918 8H5.082C6.469 5.613 9.047 4 12 4ZM12 20C7.589 20 4 16.411 4 12C4 11.309 4.098 10.641 4.264 10H5V11C5 11.5304 5.21071 12.0391 5.58579 12.4142C5.96086 12.7893 6.46957 13 7 13H9C9.53043 13 10.0391 12.7893 10.4142 12.4142C10.7893 12.0391 11 11.5304 11 11H13C13 11.5304 13.2107 12.0391 13.5858 12.4142C13.9609 12.7893 14.4696 13 15 13H17C17.5304 13 18.0391 12.7893 18.4142 12.4142C18.7893 12.0391 19 11.5304 19 11V10H19.736C19.902 10.641 20 11.309 20 12C20 16.411 16.411 20 12 20Z" />`;
+    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 2ZM16.095 16.244C15.2658 17.0745 14.2107 17.6427 13.061 17.878C12.2645 18.0402 11.4435 18.0402 10.647 17.878C9.87824 17.7223 9.1481 17.4153 8.499 16.975C7.86064 16.5421 7.31052 15.9916 6.878 15.353L8.536 14.236C8.679 14.447 8.843 14.646 9.024 14.826C9.38859 15.1925 9.82094 15.4845 10.297 15.686C10.54 15.788 10.792 15.867 11.046 15.918C11.5794 16.025 12.1286 16.025 12.662 15.918C12.915 15.866 13.167 15.787 13.412 15.685C13.646 15.585 13.876 15.461 14.091 15.317C14.299 15.175 14.498 15.011 14.682 14.828C14.865 14.646 15.029 14.447 15.171 14.236L16.829 15.353C16.614 15.673 16.367 15.973 16.095 16.244ZM19 10C19 10.5304 18.7893 11.0391 18.4142 11.4142C18.0391 11.7893 17.5304 12 17 12H15C14.4696 12 13.9609 11.7893 13.5858 11.4142C13.2107 11.0391 13 10.5304 13 10H11C11 10.5304 10.7893 11.0391 10.4142 11.4142C10.0391 11.7893 9.53043 12 9 12H7C6.46957 12 5.96086 11.7893 5.58579 11.4142C5.21071 11.0391 5 10.5304 5 10V8H19V10Z" />`;
+    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-cool")) {
+  customElements.define("icon-cool", NavaIconCool);
+}

package/dist/chunk-IPCJPD57.js

@@ -0,0 +1,45 @@
+// src/icons/right-arrow.ts
+var NavaIconRightArrow = 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.53601 21.886C5.69777 21.9701 5.8794 22.0086 6.06139 21.9974C6.24338 21.9861 6.41886 21.9255 6.56901 21.822L19.569 12.822C19.7018 12.73 19.8104 12.6071 19.8854 12.464C19.9604 12.3208 19.9995 12.1616 19.9995 12C19.9995 11.8384 19.9604 11.6792 19.8854 11.536C19.8104 11.3929 19.7018 11.27 19.569 11.178L6.56901 2.178C6.41915 2.07345 6.24346 2.01206 6.0611 2.0005C5.87874 1.98895 5.69671 2.02768 5.53486 2.11248C5.373 2.19727 5.23753 2.32488 5.14322 2.48138C5.0489 2.63788 4.99937 2.81727 5.00001 3V21C4.99998 21.1825 5.04991 21.3616 5.14439 21.5178C5.23888 21.674 5.37431 21.8013 5.53601 21.886ZM7.00001 4.909L17.243 12L7.00001 19.091V4.909Z" />`;
+    const filledPaths = `<path d="M5.536 21.886C5.69777 21.9701 5.87939 22.0086 6.06138 21.9974C6.24337 21.9861 6.41886 21.9255 6.569 21.822L19.569 12.822C19.7018 12.73 19.8104 12.6071 19.8854 12.464C19.9603 12.3208 19.9995 12.1616 19.9995 12C19.9995 11.8384 19.9603 11.6792 19.8854 11.536C19.8104 11.3929 19.7018 11.27 19.569 11.178L6.569 2.178C6.41897 2.07419 6.24341 2.0134 6.06131 2.00222C5.87922 1.99103 5.69753 2.02987 5.53593 2.11454C5.37433 2.1992 5.23896 2.32646 5.1445 2.48254C5.05003 2.63861 5.00006 2.81756 5 3V21C4.99997 21.1825 5.0499 21.3616 5.14439 21.5178C5.23887 21.674 5.3743 21.8013 5.536 21.886Z" />`;
+    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-right-arrow")) {
+  customElements.define("icon-right-arrow", NavaIconRightArrow);
+}