@whydrf/nava-icon-web-components 1.0.1 → 1.0.3

package/dist/chunk-ZNVJLV7Q.js

@@ -0,0 +1,43 @@
+// src/icons/dock-left.ts
+var NavaIconDockLeft = 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 paths = isFilled ? `<path d="M21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19ZM10 19V5H19L19.002 19H10Z" />` : `<path d="M19 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 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 3ZM5 5H8V19H5V5ZM10 19V5H19V19H10Z" />`;
+    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-dock-left")) {
+  customElements.define("icon-dock-left", NavaIconDockLeft);
+}

package/dist/chunk-ZNXMXGVK.js

@@ -0,0 +1,43 @@
+// src/icons/horizontal-left.ts
+var NavaIconHorizontalLeft = 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 paths = isFilled ? `<path d="M11 8L7 12L11 16V13H19V11H11V8ZM3 18H5V21H3V18ZM3 13H5V16H3V13ZM3 8H5V11H3V8ZM3 3H5V6H3V3Z" />` : `<path d="M11 8L7 12L11 16V13H19V11H11V8ZM3 18H5V21H3V18ZM3 13H5V16H3V13ZM3 8H5V11H3V8ZM3 3H5V6H3V3Z" />`;
+    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-horizontal-left")) {
+  customElements.define("icon-horizontal-left", NavaIconHorizontalLeft);
+}

package/dist/chunk-ZRDIZ4MA.js

@@ -0,0 +1,43 @@
+// src/icons/user-badge.ts
+var NavaIconUserBadge = 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 paths = isFilled ? `<path d="M17.988 22C18.5184 22 19.0271 21.7893 19.4022 21.4142C19.7773 21.0391 19.988 20.5304 19.988 20V4C19.988 3.46957 19.7773 2.96086 19.4022 2.58579C19.0271 2.21071 18.5184 2 17.988 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H17.988ZM9 5H15V7H9V5ZM14.25 11.25C14.2476 11.8461 14.0099 12.4171 13.5884 12.8387C13.167 13.2603 12.5961 13.4984 12 13.501C10.765 13.501 9.75 12.486 9.75 11.25C9.75 10.014 10.765 9 12 9C12.596 9.00237 13.1669 9.24018 13.5884 9.66163C14.0098 10.0831 14.2476 10.654 14.25 11.25ZM7.5 18.188C7.5 16.524 9.528 14.813 12 14.813C14.472 14.813 16.5 16.524 16.5 18.188V18.751H7.5V18.188Z" />` : `<path d="M17.988 22C18.5184 22 19.0271 21.7893 19.4022 21.4142C19.7773 21.0391 19.988 20.5304 19.988 20V4C19.988 3.46957 19.7773 2.96086 19.4022 2.58579C19.0271 2.21071 18.5184 2 17.988 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H17.988ZM9 5H15V7H9V5ZM14.25 11.25C14.2476 11.8461 14.0099 12.4171 13.5884 12.8387C13.167 13.2603 12.5961 13.4984 12 13.501C10.765 13.501 9.75 12.486 9.75 11.25C9.75 10.014 10.765 9 12 9C12.596 9.00237 13.1669 9.24018 13.5884 9.66163C14.0098 10.0831 14.2476 10.654 14.25 11.25ZM7.5 18.188C7.5 16.524 9.528 14.813 12 14.813C14.472 14.813 16.5 16.524 16.5 18.188V18.751H7.5V18.188Z" />`;
+    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-user-badge")) {
+  customElements.define("icon-user-badge", NavaIconUserBadge);
+}

package/dist/chunk-ZRNFCX4V.js

@@ -0,0 +1,43 @@
+// src/icons/font.ts
+var NavaIconFont = 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 paths = isFilled ? `<path d="M11.307 4L5.30701 20H7.44401L9.31901 15H15.682L17.557 20H19.694L13.694 4H11.307ZM10.068 13L12.5 6.515L14.932 13H10.068Z" />` : `<path d="M11.307 4L5.30701 20H7.44401L9.31901 15H15.682L17.557 20H19.694L13.694 4H11.307ZM10.068 13L12.5 6.515L14.932 13H10.068Z" />`;
+    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")) {
+  customElements.define("icon-font", NavaIconFont);
+}

package/dist/chunk-ZS4UVWP4.js

@@ -0,0 +1,45 @@
+// src/icons/pause-circle.ts
+var NavaIconPauseCircle = 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 paths = isFilled ? `<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 9H15V15H13V9ZM9 9H11V15H9V9Z" />` : `<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 9H15V15H13V9ZM9 9H11V15H9V9Z" />`;
+    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-pause-circle")) {
+  customElements.define("icon-pause-circle", NavaIconPauseCircle);
+}

package/dist/chunk-ZSTLQBAF.js

@@ -0,0 +1,43 @@
+// src/icons/zap.ts
+var NavaIconZap = 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 paths = isFilled ? `<path d="M20.9801 11.802C20.943 11.6167 20.8539 11.4457 20.7232 11.3092C20.5925 11.1726 20.4256 11.0761 20.2421 11.031L13.3821 9.315L15.9191 3.394C16.0074 3.18853 16.0242 2.95932 15.9667 2.74317C15.9093 2.52701 15.7808 2.33642 15.6021 2.202C15.4236 2.06669 15.2048 1.99547 14.9809 1.99982C14.757 2.00418 14.5411 2.08386 14.3681 2.226L3.36805 11.226C3.22457 11.3434 3.11654 11.4983 3.05602 11.6735C2.9955 11.8488 2.98487 12.0373 3.02532 12.2182C3.06578 12.3992 3.15572 12.5653 3.28511 12.698C3.4145 12.8308 3.57824 12.9249 3.75805 12.97L10.4771 14.651L7.13205 20.505C7.04576 20.6571 7.00081 20.8291 7.00168 21.004C7.00254 21.1788 7.0492 21.3504 7.13699 21.5016C7.22479 21.6528 7.35067 21.7784 7.50209 21.8659C7.65351 21.9533 7.8252 21.9995 8.00005 22C8.21648 22.0004 8.42713 21.9301 8.60005 21.8L20.6001 12.8C20.7512 12.6866 20.8672 12.5326 20.9344 12.356C21.0017 12.1793 21.0175 11.9873 20.9801 11.802Z" />` : `<path d="M20.9801 11.802C20.943 11.6167 20.8539 11.4457 20.7232 11.3092C20.5925 11.1726 20.4256 11.0761 20.2421 11.031L13.3821 9.315L15.9191 3.394C16.0074 3.18853 16.0242 2.95932 15.9667 2.74317C15.9093 2.52701 15.7808 2.33642 15.6021 2.202C15.4236 2.06669 15.2048 1.99547 14.9809 1.99982C14.757 2.00418 14.5411 2.08386 14.3681 2.226L3.36805 11.226C3.22457 11.3434 3.11654 11.4983 3.05602 11.6735C2.9955 11.8488 2.98487 12.0373 3.02532 12.2182C3.06578 12.3992 3.15572 12.5653 3.28511 12.698C3.4145 12.8308 3.57824 12.9249 3.75805 12.97L10.4771 14.651L7.13205 20.505C7.04576 20.6571 7.00081 20.8291 7.00168 21.004C7.00254 21.1788 7.0492 21.3504 7.13699 21.5016C7.22479 21.6528 7.35067 21.7784 7.50209 21.8659C7.65351 21.9533 7.8252 21.9995 8.00005 22C8.21648 22.0004 8.42713 21.9301 8.60005 21.8L20.6001 12.8C20.7512 12.6866 20.8672 12.5326 20.9344 12.356C21.0017 12.1793 21.0175 11.9873 20.9801 11.802Z" />`;
+    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-zap")) {
+  customElements.define("icon-zap", NavaIconZap);
+}

package/dist/chunk-ZTH22S26.js

@@ -0,0 +1,44 @@
+// src/icons/right-arrow-circle.ts
+var NavaIconRightArrowCircle = 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 paths = isFilled ? `<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 17V13H7V11H12V7L17 12L12 17Z" />` : `<path d="M11.999 1.99301C6.48499 1.99401 1.99899 6.48001 1.99899 11.994C1.99899 17.508 6.48499 21.994 12 21.994C17.513 21.994 21.999 17.508 22 11.994C22 6.48001 17.514 1.99401 11.999 1.99301ZM12 19.994C7.58799 19.994 3.99899 16.405 3.99899 11.994C3.99899 7.58301 7.58799 3.99401 11.999 3.99301C16.411 3.99401 20 7.58301 20 11.994C19.999 16.405 16.41 19.994 12 19.994Z" />
+<path d="M12 10.994H8V12.994H12V16L16.005 11.995L12 7.991V10.994Z" />`;
+    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-circle")) {
+  customElements.define("icon-right-arrow-circle", NavaIconRightArrowCircle);
+}

package/dist/chunk-ZVHB4KKK.js

@@ -0,0 +1,43 @@
+// src/icons/reply.ts
+var NavaIconReply = 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 paths = isFilled ? `<path d="M10 11H16V18H18V10C18 9.73478 17.8946 9.48043 17.7071 9.29289C17.5196 9.10536 17.2652 9 17 9H10V6L5 10L10 14V11Z" />` : `<path d="M10 11H16V18H18V10C18 9.73478 17.8946 9.48043 17.7071 9.29289C17.5196 9.10536 17.2652 9 17 9H10V6L5 10L10 14V11Z" />`;
+    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-reply")) {
+  customElements.define("icon-reply", NavaIconReply);
+}

package/dist/chunk-ZWK6VP3T.js

@@ -0,0 +1,43 @@
+// src/icons/hard-hat.ts
+var NavaIconHardHat = 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 paths = isFilled ? `<path d="M20 18V15C19.9968 13.4092 19.5194 11.8555 18.6287 10.5373C17.7381 9.21922 16.4747 8.19655 15 7.6V13H14V5H10V13H9V7.6C7.52528 8.19655 6.2619 9.21922 5.37127 10.5373C4.48065 11.8555 4.00322 13.4092 4 15V18H2V20H22V18H20Z" />` : `<path d="M21 15C21.0005 14.3922 20.9402 13.7858 20.82 13.19C20.7025 12.6098 20.5248 12.0434 20.29 11.5C20.0673 10.972 19.7891 10.4692 19.46 10C19.1382 9.52142 18.7697 9.07591 18.36 8.67C17.9484 8.24581 17.4924 7.86698 17 7.54C16.5214 7.20905 16.0084 6.93077 15.47 6.71L15 6.52V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4H10C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5V6.52L8.5 6.71C7.97198 6.93269 7.46915 7.21092 7 7.54C6.51951 7.85927 6.07375 8.22795 5.67 8.64C5.24581 9.05165 4.86698 9.50759 4.54 10C4.20905 10.4786 3.93077 10.9916 3.71 11.53C3.4782 12.0745 3.30067 12.6406 3.18 13.22C3.06174 13.806 3.00145 14.4022 3 15V18H2V20H22V18H21V15ZM5 15C5.00102 14.5266 5.04791 14.0544 5.14 13.59C5.23104 13.1403 5.36844 12.7013 5.55 12.28C5.72529 11.864 5.93958 11.4656 6.19 11.09C6.69757 10.3423 7.34228 9.69757 8.09 9.19C8.38084 8.9986 8.68494 8.82817 9 8.68V15H11V6H13V15H15V8.68C15.3139 8.83034 15.6179 9.00069 15.91 9.19C16.2693 9.44497 16.6041 9.73288 16.91 10.05C17.2266 10.3535 17.5115 10.6886 17.76 11.05C18.0209 11.4208 18.239 11.82 18.41 12.24C18.5885 12.6625 18.7258 13.1012 18.82 13.55C18.9281 14.0261 18.9884 14.5119 19 15V18H5V15Z" />`;
+    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-hard-hat")) {
+  customElements.define("icon-hard-hat", NavaIconHardHat);
+}

package/dist/chunk-ZWRR6UW7.js

@@ -0,0 +1,43 @@
+// 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 paths = isFilled ? `<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" />` : `<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 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);
+}

package/dist/chunk-ZY5HLIQY.js

@@ -0,0 +1,43 @@
+// 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 paths = isFilled ? `<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" />` : `<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 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-ZY5UMHI7.js

@@ -0,0 +1,43 @@
+// src/icons/user-detail.ts
+var NavaIconUserDetail = 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 paths = isFilled ? `<path d="M15 11H22V13H15V11ZM16 15H22V17H16V15ZM14 7H22V9H14V7ZM4 19H14V18C14 15.243 11.757 13 9 13H7C4.243 13 2 15.243 2 18V19H4ZM8 12C9.995 12 11.5 10.495 11.5 8.5C11.5 6.505 9.995 5 8 5C6.005 5 4.5 6.505 4.5 8.5C4.5 10.495 6.005 12 8 12Z" />` : `<path d="M15 11H22V13H15V11ZM16 15H22V17H16V15ZM14 7H22V9H14V7ZM4 19H14V18C14 15.243 11.757 13 9 13H7C4.243 13 2 15.243 2 18V19H4ZM8 12C9.995 12 11.5 10.495 11.5 8.5C11.5 6.505 9.995 5 8 5C6.005 5 4.5 6.505 4.5 8.5C4.5 10.495 6.005 12 8 12Z" />`;
+    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-user-detail")) {
+  customElements.define("icon-user-detail", NavaIconUserDetail);
+}

package/dist/icons/abacus.js

@@ -1 +1 @@
-import "../chunk-RG2SB4DT.js";
+import "../chunk-PJ4RBJGQ.js";

package/dist/icons/accessibility.js

@@ -1 +1 @@
-import "../chunk-U456CEIN.js";
+import "../chunk-RYQWZ75I.js";

package/dist/icons/add-to-queue.js

@@ -1 +1 @@
-import "../chunk-EHW2TMUA.js";
+import "../chunk-DI43IRGM.js";

package/dist/icons/adjust-alt.js

@@ -1 +1 @@
-import "../chunk-YO3BGC3K.js";
+import "../chunk-D2EOOOJP.js";

package/dist/icons/adjust.js

@@ -1 +1 @@
-import "../chunk-EHXL3DIM.js";
+import "../chunk-M3R5TBLD.js";

package/dist/icons/alarm-add.js

@@ -1 +1 @@
-import "../chunk-V67WIXOZ.js";
+import "../chunk-NA4AXZML.js";

package/dist/icons/alarm-exclamation.js

@@ -1 +1 @@
-import "../chunk-IXKLC5HD.js";
+import "../chunk-LOKTU2US.js";

package/dist/icons/alarm-off.js

@@ -1 +1 @@
-import "../chunk-K5DEQDXR.js";
+import "../chunk-KF3XAW6W.js";

package/dist/icons/alarm-snooze.js

@@ -1 +1 @@
-import "../chunk-IE2L3WYS.js";
+import "../chunk-RYYETKCT.js";

package/dist/icons/alarm.js

@@ -1 +1 @@
-import "../chunk-QN5HJDBD.js";
+import "../chunk-AMR27FV4.js";

package/dist/icons/album.js

@@ -1 +1 @@
-import "../chunk-Y2PIHOH2.js";
+import "../chunk-GBIVSRO6.js";

package/dist/icons/align-justify.js

@@ -1 +1 @@
-import "../chunk-X6QQQRKY.js";
+import "../chunk-NYMVMPBG.js";

package/dist/icons/align-left.js

@@ -1 +1 @@
-import "../chunk-V5GCH7XZ.js";
+import "../chunk-63ZDQKEY.js";

package/dist/icons/align-middle.js

@@ -1 +1 @@
-import "../chunk-YR6CUVNQ.js";
+import "../chunk-63MQJXS2.js";

package/dist/icons/align-right.js

@@ -1 +1 @@
-import "../chunk-I2GQG2O7.js";
+import "../chunk-RZ7NNPTS.js";

package/dist/icons/ambulance.js

@@ -1 +1 @@
-import "../chunk-DRNLX7HJ.js";
+import "../chunk-TWQ2HET3.js";

package/dist/icons/analyse.js

@@ -1 +1 @@
-import "../chunk-BJ4YQVZG.js";
+import "../chunk-5QH3REXW.js";

package/dist/icons/anchor.js

@@ -1 +1 @@
-import "../chunk-P7SSAOUA.js";
+import "../chunk-3VRQXIHT.js";

package/dist/icons/angry.js

@@ -1 +1 @@
-import "../chunk-CBVDGQRP.js";
+import "../chunk-5ENOFRI3.js";

package/dist/icons/aperture.js

@@ -1 +1 @@
-import "../chunk-DKASXROJ.js";
+import "../chunk-FFIVH3BP.js";

package/dist/icons/arch.js

@@ -1 +1 @@
-import "../chunk-CIG6LESG.js";
+import "../chunk-EIW6HKZW.js";

package/dist/icons/archive-in.js

@@ -1 +1 @@
-import "../chunk-TORRBX42.js";
+import "../chunk-3AZ7HWP2.js";

package/dist/icons/archive-out.js

@@ -1 +1 @@
-import "../chunk-T7TJOMP3.js";
+import "../chunk-ZFGKBINS.js";

package/dist/icons/archive.js

@@ -1 +1 @@
-import "../chunk-IOKDQCYB.js";
+import "../chunk-A2WJDN2Z.js";