@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-SMLIZKPN.js

@@ -0,0 +1,46 @@
+// src/icons/home-smile.ts
+var NavaIconHomeSmile = 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 13H4V20C4 21.103 4.897 22 6 22H18C19.103 22 20 21.103 20 20V13H21C21.1978 13 21.391 12.9413 21.5555 12.8314C21.7199 12.7215 21.848 12.5654 21.9237 12.3827C21.9993 12.2 22.0192 11.9989 21.9806 11.805C21.942 11.611 21.8468 11.4329 21.707 11.293L12.707 2.293C12.6142 2.20006 12.504 2.12632 12.3827 2.07601C12.2614 2.0257 12.1313 1.9998 12 1.9998C11.8687 1.9998 11.7386 2.0257 11.6173 2.07601C11.496 2.12632 11.3858 2.20006 11.293 2.293L2.293 11.293C2.15319 11.4329 2.05798 11.611 2.01942 11.805C1.98085 11.9989 2.00065 12.2 2.07632 12.3827C2.15199 12.5654 2.28013 12.7215 2.44454 12.8314C2.60895 12.9413 2.80225 13 3 13ZM12 4.414L18 10.414V15L18.001 20H6V10.414L12 4.414Z" />
+<path d="M12 18C15.703 18 16.901 14.461 16.95 14.311L15.05 13.69C15.042 13.713 14.269 16 12 16C9.76199 16 8.97999 13.779 8.94899 13.684L7.04999 14.311C7.09899 14.461 8.29699 18 12 18Z" />`;
+    const filledPaths = `<path d="M2.99998 14H4.99998V21C4.99998 21.2652 5.10534 21.5196 5.29288 21.7071C5.48041 21.8946 5.73477 22 5.99998 22H18C18.2652 22 18.5196 21.8946 18.7071 21.7071C18.8946 21.5196 19 21.2652 19 21V14H21C21.1932 14.0002 21.3824 13.9442 21.5445 13.839C21.7065 13.7337 21.8346 13.5836 21.913 13.407C21.9919 13.2305 22.0179 13.0348 21.9877 12.8438C21.9576 12.6527 21.8725 12.4746 21.743 12.331L12.743 2.331C12.364 1.909 11.636 1.909 11.257 2.331L2.25698 12.331C2.12767 12.4747 2.04277 12.6527 2.01255 12.8436C1.98232 13.0345 2.00807 13.2301 2.08668 13.4067C2.16529 13.5833 2.29339 13.7333 2.45548 13.8386C2.61757 13.9439 2.8067 13.9999 2.99998 14ZM8.94898 13.684C8.97998 13.779 9.76198 16 12 16C14.269 16 15.042 13.713 15.05 13.689L16.95 14.31C16.901 14.461 15.703 18 12 18C8.29698 18 7.09898 14.461 7.04998 14.311L8.94898 13.684Z" />`;
+    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-home-smile")) {
+  customElements.define("icon-home-smile", NavaIconHomeSmile);
+}

package/dist/chunk-SMS57F6I.js

@@ -0,0 +1,45 @@
+// src/icons/reflect-horizontal.ts
+var NavaIconReflectHorizontal = 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 21H18L12 15L6 21ZM18 3H6L12 9L18 3ZM3 11H6V13H3V11ZM8 11H11V13H8V11ZM13 11H16V13H13V11ZM18 11H21V13H18V11Z" />`;
+    const filledPaths = `<path d="M6 21H18L12 15L6 21ZM18 3H6L12 9L18 3ZM3 11H6V13H3V11ZM8 11H11V13H8V11ZM13 11H16V13H13V11ZM18 11H21V13H18V11Z" />`;
+    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-reflect-horizontal")) {
+  customElements.define("icon-reflect-horizontal", NavaIconReflectHorizontal);
+}

package/dist/chunk-SNE4PAIQ.js

@@ -0,0 +1,45 @@
+// src/icons/tag-x.ts
+var NavaIconTagX = 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.842 6.218C21.7425 5.98329 21.5985 5.77004 21.418 5.59C21.2325 5.40263 21.0117 5.25398 20.7682 5.15269C20.5248 5.05141 20.2637 4.99951 20 5H8.00002C7.70302 5 7.42202 5.132 7.23102 5.359L2.23102 11.359C1.92202 11.73 1.92202 12.269 2.23102 12.64L7.23102 18.64C7.42202 18.868 7.70302 19 8.00002 19H20C20.2619 19.0012 20.5214 18.9504 20.7634 18.8505C21.0055 18.7506 21.2252 18.6036 21.41 18.418C21.5974 18.2325 21.746 18.0116 21.8473 17.7682C21.9486 17.5248 22.0005 17.2637 22 17V7C22 6.734 21.948 6.475 21.842 6.218ZM17.707 14.293L16.293 15.707L14 13.414L11.707 15.707L10.293 14.293L12.586 12L10.293 9.707L11.707 8.293L14 10.586L16.293 8.293L17.707 9.707L15.414 12L17.707 14.293Z" />`;
+    const filledPaths = `<path d="M21.842 6.218C21.7425 5.98329 21.5985 5.77004 21.418 5.59C21.2325 5.40263 21.0117 5.25398 20.7682 5.15269C20.5248 5.05141 20.2637 4.99951 20 5H8.00002C7.70302 5 7.42202 5.132 7.23102 5.359L2.23102 11.359C1.92202 11.73 1.92202 12.269 2.23102 12.64L7.23102 18.64C7.42202 18.868 7.70302 19 8.00002 19H20C20.2619 19.0012 20.5214 18.9504 20.7634 18.8505C21.0055 18.7506 21.2252 18.6036 21.41 18.418C21.5974 18.2325 21.746 18.0116 21.8473 17.7682C21.9486 17.5248 22.0005 17.2637 22 17V7C22 6.734 21.948 6.475 21.842 6.218ZM17.707 14.293L16.293 15.707L14 13.414L11.707 15.707L10.293 14.293L12.586 12L10.293 9.707L11.707 8.293L14 10.586L16.293 8.293L17.707 9.707L15.414 12L17.707 14.293Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-tag-x")) {
+  customElements.define("icon-tag-x", NavaIconTagX);
+}

package/dist/chunk-SNMZLKST.js

@@ -0,0 +1,46 @@
+// src/icons/bookmark-minus.ts
+var NavaIconBookmarkMinus = 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 9H16V11H8V9Z" />
+<path d="M20 22V4C20 2.897 19.103 2 18 2H6C4.897 2 4 2.897 4 4V22L12 17.428L20 22ZM6 10V4H18V18.553L12 15.125L6 18.553V10Z" />`;
+    const filledPaths = `<path d="M17 2H7C6.46957 2 5.96086 2.21071 5.58579 2.58579C5.21071 2.96086 5 3.46957 5 4V22L12 17.152L19 22V4C19 3.46957 18.7893 2.96086 18.4142 2.58579C18.0391 2.21071 17.5304 2 17 2ZM16 11H8V9H16V11Z" />`;
+    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-bookmark-minus")) {
+  customElements.define("icon-bookmark-minus", NavaIconBookmarkMinus);
+}

package/dist/chunk-SOOA6BAE.js

@@ -0,0 +1,45 @@
+// src/icons/block.ts
+var NavaIconBlock = 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 2ZM4 12C4 10.154 4.634 8.458 5.688 7.103L16.897 18.312C15.499 19.4058 13.7751 20.0001 12 20C7.589 20 4 16.411 4 12ZM18.312 16.897L7.103 5.688C8.50105 4.5943 10.225 4.00006 12 4C16.411 4 20 7.589 20 12C19.9995 13.775 19.4053 15.4987 18.312 16.897Z" />`;
+    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 2ZM4 12C4 10.154 4.634 8.458 5.688 7.103L16.897 18.312C15.499 19.4058 13.7751 20.0001 12 20C7.589 20 4 16.411 4 12ZM18.312 16.897L7.103 5.688C8.50105 4.5943 10.225 4.00006 12 4C16.411 4 20 7.589 20 12C19.9995 13.775 19.4053 15.4987 18.312 16.897Z" />`;
+    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-block")) {
+  customElements.define("icon-block", NavaIconBlock);
+}

package/dist/chunk-SPMXJUQA.js

@@ -0,0 +1,45 @@
+// src/icons/certification.ts
+var NavaIconCertification = 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="M2.06001 14.68C2.12892 14.9325 2.29407 15.1479 2.52001 15.28L4.43001 16.39V18.59C4.43001 18.8552 4.53537 19.1096 4.7229 19.2971C4.91044 19.4847 5.16479 19.59 5.43001 19.59H7.63001L8.74001 21.5C8.82726 21.6512 8.95255 21.7768 9.10342 21.8645C9.2543 21.9523 9.4255 21.999 9.60001 22C9.77949 22 9.95565 21.9516 10.11 21.86L12.01 20.76L13.92 21.86C14.0335 21.9265 14.1591 21.97 14.2895 21.9879C14.4198 22.0058 14.5525 21.9978 14.6797 21.9644C14.807 21.931 14.9264 21.8727 15.0312 21.793C15.1359 21.7133 15.2238 21.6138 15.29 21.5L16.39 19.59H18.59C18.8552 19.59 19.1096 19.4847 19.2971 19.2971C19.4847 19.1096 19.59 18.8552 19.59 18.59V16.39L21.5 15.28C21.7287 15.1481 21.896 14.9311 21.9653 14.6763C22.0346 14.4215 22.0004 14.1496 21.87 13.92L20.76 12L21.87 10.09C22.0004 9.8604 22.0346 9.58854 21.9653 9.33375C21.896 9.07897 21.7287 8.86193 21.5 8.73002L19.59 7.63002V5.43002C19.59 5.1648 19.4847 4.91045 19.2971 4.72291C19.1096 4.53537 18.8552 4.43002 18.59 4.43002H16.39L15.29 2.52002C15.1556 2.29199 14.9362 2.12657 14.68 2.06002C14.553 2.02588 14.4205 2.01714 14.29 2.0343C14.1596 2.05146 14.0339 2.09418 13.92 2.16002L12 3.26002L10.1 2.16002C9.8716 2.0288 9.60064 1.99301 9.346 2.06042C9.09135 2.12783 8.87359 2.29298 8.74001 2.52002L7.63001 4.43002H5.43001C5.16479 4.43002 4.91044 4.53537 4.7229 4.72291C4.53537 4.91045 4.43001 5.1648 4.43001 5.43002V7.63002L2.53001 8.73002C2.41542 8.79535 2.31489 8.8827 2.23421 8.98705C2.15352 9.09139 2.09428 9.21067 2.05989 9.33801C2.0255 9.46535 2.01664 9.59824 2.03382 9.72902C2.051 9.8598 2.09389 9.98588 2.16001 10.1L3.26001 12L2.16001 13.91C2.09284 14.0252 2.0494 14.1527 2.03222 14.2849C2.01505 14.4171 2.0245 14.5515 2.06001 14.68ZM5.28001 11.51L4.39001 10L5.94001 9.10002C6.08929 9.01151 6.21296 8.88568 6.29887 8.73489C6.38479 8.58411 6.42998 8.41356 6.43001 8.24002V6.43002H8.21001C8.38622 6.43072 8.55948 6.38484 8.71226 6.29704C8.86504 6.20923 8.9919 6.08262 9.08001 5.93002L10 4.39002L11.54 5.28002C11.692 5.36778 11.8645 5.41399 12.04 5.41399C12.2155 5.41399 12.388 5.36778 12.54 5.28002L14.09 4.39002L15 5.93002C15.0881 6.08262 15.215 6.20923 15.3678 6.29704C15.5205 6.38484 15.6938 6.43072 15.87 6.43002H17.64V8.21002C17.6411 8.38453 17.6878 8.55573 17.7755 8.7066C17.8632 8.85747 17.9889 8.98276 18.14 9.07002L19.68 9.97002L18.79 11.51C18.7022 11.662 18.656 11.8345 18.656 12.01C18.656 12.1856 18.7022 12.358 18.79 12.51L19.68 14.05L18.14 14.95C17.9889 15.0373 17.8632 15.1626 17.7755 15.3134C17.6878 15.4643 17.6411 15.6355 17.64 15.81V17.59H15.81C15.6355 17.5911 15.4643 17.6378 15.3134 17.7255C15.1626 17.8132 15.0373 17.9389 14.95 18.09L14.06 19.63L12.51 18.74C12.358 18.6522 12.1855 18.606 12.01 18.606C11.8345 18.606 11.662 18.6522 11.51 18.74L10 19.63L9.11001 18.09C9.0219 17.9374 8.89504 17.8108 8.74226 17.723C8.58949 17.6352 8.41622 17.5893 8.24001 17.59H6.43001V15.81C6.42159 15.645 6.37244 15.4847 6.28693 15.3434C6.20142 15.202 6.08223 15.0841 5.94001 15L4.39001 14.1L5.28001 12.56C5.37735 12.4022 5.42891 12.2204 5.42891 12.035C5.42891 11.8496 5.37735 11.6678 5.28001 11.51Z" />`;
+    const filledPaths = `<path d="M2.04711 14.667C2.08072 14.794 2.13922 14.913 2.21922 15.0172C2.29921 15.1214 2.39911 15.2087 2.51311 15.274L4.42211 16.378V18.577C4.42211 18.8422 4.52746 19.0966 4.715 19.2841C4.90254 19.4716 5.15689 19.577 5.42211 19.577H7.62111L8.72511 21.487C8.85809 21.7163 9.0765 21.8835 9.33252 21.9521C9.58854 22.0207 9.8613 21.9851 10.0911 21.853L12.0001 20.75L13.9101 21.854C14.1399 21.9861 14.4127 22.0217 14.6687 21.9531C14.9247 21.8845 15.1431 21.7173 15.2761 21.488L16.3791 19.579H18.5781C18.8433 19.579 19.0977 19.4736 19.2852 19.2861C19.4727 19.0986 19.5781 18.8442 19.5781 18.579V16.38L21.4871 15.276C21.6009 15.2104 21.7007 15.1231 21.7807 15.0189C21.8607 14.9147 21.9194 14.7958 21.9534 14.6689C21.9874 14.542 21.996 14.4097 21.9788 14.2795C21.9616 14.1492 21.9189 14.0237 21.8531 13.91L20.7501 12L21.8541 10.091C21.9867 9.86132 22.0226 9.58838 21.954 9.3322C21.8854 9.07603 21.7178 8.85761 21.4881 8.725L19.5791 7.621V5.422C19.5791 5.15679 19.4737 4.90243 19.2862 4.7149C19.0987 4.52736 18.8443 4.422 18.5791 4.422H16.3801L15.2771 2.513C15.1442 2.28363 14.926 2.11611 14.6701 2.047C14.5433 2.01267 14.4109 2.00384 14.2806 2.021C14.1503 2.03817 14.0247 2.08099 13.9111 2.147L12.0001 3.25L10.0911 2.146C9.97751 2.08004 9.852 2.03715 9.72179 2.01979C9.59158 2.00244 9.45923 2.01096 9.33232 2.04487C9.20541 2.07878 9.08644 2.13742 8.98224 2.2174C8.87804 2.29739 8.79066 2.39717 8.72511 2.511L7.62111 4.421H5.42211C5.15689 4.421 4.90254 4.52636 4.715 4.7139C4.52746 4.90143 4.42211 5.15579 4.42211 5.421V7.62L2.51311 8.725C2.2838 8.85797 2.1166 9.07646 2.04818 9.33254C1.97975 9.58862 2.01569 9.86138 2.14811 10.091L3.25111 12L2.14711 13.909C2.015 14.1386 1.97905 14.411 2.04711 14.667Z" />`;
+    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-certification")) {
+  customElements.define("icon-certification", NavaIconCertification);
+}

package/dist/chunk-SU46TMZT.js

@@ -0,0 +1,47 @@
+// src/icons/copy-alt.ts
+var NavaIconCopyAlt = 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 2H10C8.897 2 8 2.897 8 4V8H4C2.897 8 2 8.897 2 10V20C2 21.103 2.897 22 4 22H14C15.103 22 16 21.103 16 20V16H20C21.103 16 22 15.103 22 14V4C22 2.897 21.103 2 20 2ZM4 20V10H14L14.002 20H4ZM20 14H16V10C16 8.897 15.103 8 14 8H10V4H20V14Z" />
+<path d="M6 12H12V14H6V12ZM6 16H12V18H6V16Z" />`;
+    const filledPaths = `<path d="M20 2H10C9.46957 2 8.96086 2.21071 8.58579 2.58579C8.21071 2.96086 8 3.46957 8 4V6H16C16.5304 6 17.0391 6.21071 17.4142 6.58579C17.7893 6.96086 18 7.46957 18 8V16H20C20.5304 16 21.0391 15.7893 21.4142 15.4142C21.7893 15.0391 22 14.5304 22 14V4C22 3.46957 21.7893 2.96086 21.4142 2.58579C21.0391 2.21071 20.5304 2 20 2Z" />
+<path d="M4 22H14C15.103 22 16 21.103 16 20V10C16 8.897 15.103 8 14 8H4C2.897 8 2 8.897 2 10V20C2 21.103 2.897 22 4 22ZM6 12H12V14H6V12ZM6 16H12V18H6V16Z" />`;
+    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-copy-alt")) {
+  customElements.define("icon-copy-alt", NavaIconCopyAlt);
+}

package/dist/chunk-SWSZXOV3.js

@@ -0,0 +1,45 @@
+// src/icons/expand-horizontal.ts
+var NavaIconExpandHorizontal = 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.28999 5.64L1.92999 12L8.28999 18.36L9.70999 16.95L4.75999 12L9.70999 7.05L8.28999 5.64ZM14.29 7.05L19.24 12L14.29 16.95L15.71 18.36L22.07 12L15.71 5.64L14.29 7.05Z" />`;
+    const filledPaths = `<path d="M8.28999 5.64L1.92999 12L8.28999 18.36L9.70999 16.95L4.75999 12L9.70999 7.05L8.28999 5.64ZM14.29 7.05L19.24 12L14.29 16.95L15.71 18.36L22.07 12L15.71 5.64L14.29 7.05Z" />`;
+    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-expand-horizontal")) {
+  customElements.define("icon-expand-horizontal", NavaIconExpandHorizontal);
+}

package/dist/chunk-SXPTHBA7.js

@@ -0,0 +1,46 @@
+// src/icons/medal.ts
+var NavaIconMedal = 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 22C15.859 22 19 18.859 19 15C19 11.141 15.859 8 12 8C8.14 8 5 11.141 5 15C5 18.859 8.14 22 12 22ZM12 10C14.757 10 17 12.243 17 15C17 17.757 14.757 20 12 20C9.243 20 7 17.757 7 15C7 12.243 9.243 10 12 10ZM11 2H7V7.518C8.19668 6.71722 9.56878 6.21675 11 6.059V2ZM17 2H13V6.059C14.4312 6.21675 15.8033 6.71722 17 7.518V2Z" />
+<path d="M10.019 15.811L9.551 18.537L12 17.25L14.449 18.537L13.981 15.811L15.963 13.879L13.225 13.481L12 11L10.775 13.481L8.037 13.879L10.019 15.811Z" />`;
+    const filledPaths = `<path d="M17 2H13V6.059C14.4313 6.21633 15.8035 6.71684 17 7.518V2ZM11 2H7V7.518C8.19648 6.71684 9.56868 6.21633 11 6.059V2ZM12 22C13.8565 22 15.637 21.2625 16.9497 19.9497C18.2625 18.637 19 16.8565 19 15C19 13.1435 18.2625 11.363 16.9497 10.0503C15.637 8.7375 13.8565 8 12 8C10.1435 8 8.36301 8.7375 7.05025 10.0503C5.7375 11.363 5 13.1435 5 15C5 16.8565 5.7375 18.637 7.05025 19.9497C8.36301 21.2625 10.1435 22 12 22ZM10.775 13.481L12 11L13.225 13.481L15.963 13.878L13.982 15.81L14.45 18.537L12 17.25L9.551 18.537L10.019 15.81L8.038 13.878L10.775 13.481Z" />`;
+    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-medal")) {
+  customElements.define("icon-medal", NavaIconMedal);
+}

package/dist/chunk-SYCV6N7E.js

@@ -0,0 +1,45 @@
+// src/icons/keyboard.ts
+var NavaIconKeyboard = 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 5H3C2.46957 5 1.96086 5.21071 1.58579 5.58579C1.21071 5.96086 1 6.46957 1 7V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H21C21.5304 19 22.0391 18.7893 22.4142 18.4142C22.7893 18.0391 23 17.5304 23 17V7C23 6.46957 22.7893 5.96086 22.4142 5.58579C22.0391 5.21071 21.5304 5 21 5ZM13 7H15V9H13V7ZM13 11H15V13H13V11ZM9 7H11V9H9V7ZM9 11H11V13H9V11ZM5 7H7V9H5V7ZM5 11H7V13H5V11ZM17 17H7V15H17V17ZM19 13H17V11H19V13ZM19 9H17V7H19V9Z" />`;
+    const filledPaths = `<path d="M21 5H3C2.46957 5 1.96086 5.21071 1.58579 5.58579C1.21071 5.96086 1 6.46957 1 7V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H21C21.5304 19 22.0391 18.7893 22.4142 18.4142C22.7893 18.0391 23 17.5304 23 17V7C23 6.46957 22.7893 5.96086 22.4142 5.58579C22.0391 5.21071 21.5304 5 21 5ZM13 7H15V9H13V7ZM13 11H15V13H13V11ZM9 7H11V9H9V7ZM9 11H11V13H9V11ZM5 7H7V9H5V7ZM5 11H7V13H5V11ZM17 17H7V15H17V17ZM19 13H17V11H19V13ZM19 9H17V7H19V9Z" />`;
+    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-keyboard")) {
+  customElements.define("icon-keyboard", NavaIconKeyboard);
+}

package/dist/chunk-SYFJWWQW.js

@@ -0,0 +1,46 @@
+// src/icons/meteor.ts
+var NavaIconMeteor = 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.49999 22C11.503 22 13.387 21.22 14.813 19.793L21.717 12.697C21.854 12.556 21.9464 12.3778 21.9827 12.1847C22.019 11.9915 21.9976 11.7919 21.9211 11.6108C21.8446 11.4297 21.7164 11.2752 21.5526 11.1666C21.3888 11.058 21.1966 11 21 11H17.699L21.874 3.48599C21.9785 3.29607 22.0186 3.07733 21.9882 2.86268C21.9577 2.64803 21.8584 2.44906 21.7052 2.2957C21.5519 2.14234 21.353 2.04288 21.1384 2.01228C20.9238 1.98167 20.705 2.02158 20.515 2.12599L13.405 6.07599L13.981 3.19699C14.0216 2.99326 13.9978 2.78193 13.9128 2.59235C13.8279 2.40278 13.686 2.24437 13.5068 2.13914C13.3277 2.03391 13.1203 1.98708 12.9133 2.00515C12.7064 2.02322 12.5102 2.10531 12.352 2.23999L4.19599 9.19699C1.27199 12.121 1.27199 16.879 4.19599 19.803C4.8909 20.5017 5.7175 21.0557 6.62793 21.4328C7.53836 21.8099 8.51455 22.0027 9.49999 22ZM5.55199 10.665L11.454 5.63399L11.206 6.87399L11.02 7.80399L10.596 9.92399L18.426 5.57399L15.126 11.514L15.125 11.515L14.301 13H18.632L13.389 18.389C12.35 19.428 10.969 20 9.49999 20C8.03099 20 6.64899 19.428 5.60999 18.389C3.46699 16.245 3.46699 12.755 5.55199 10.665Z" />
+<path d="M9.5 18C10.2964 18.003 11.0698 17.7336 11.6921 17.2366C12.3144 16.7397 12.7481 16.0449 12.9213 15.2676C13.0946 14.4903 12.9969 13.6771 12.6445 12.963C12.2922 12.2488 11.7063 11.6765 10.984 11.341C10.989 11.394 11 11.446 11 11.5C11 11.8978 10.842 12.2794 10.5607 12.5607C10.2794 12.842 9.89782 13 9.5 13C9.10217 13 8.72064 12.842 8.43934 12.5607C8.15803 12.2794 8 11.8978 8 11.5C8 11.446 8.011 11.394 8.016 11.341C7.29374 11.6765 6.70784 12.2488 6.35548 12.963C6.00311 13.6771 5.90545 14.4903 6.07867 15.2676C6.2519 16.0449 6.68562 16.7397 7.30789 17.2366C7.93017 17.7336 8.70363 18.003 9.5 18Z" />`;
+    const filledPaths = `<path d="M13.5071 2.138C13.3278 2.0329 13.1203 1.98624 12.9133 2.00452C12.7063 2.0228 12.5101 2.10511 12.3521 2.24L4.19605 9.197C1.27205 12.121 1.27205 16.879 4.19605 19.803C4.89156 20.4994 5.71782 21.0516 6.62736 21.4278C7.5369 21.8039 8.5118 21.9967 9.49605 21.995C11.4201 21.995 13.3461 21.261 14.8131 19.793L21.7161 12.697C21.853 12.5561 21.9454 12.378 21.9817 12.1849C22.0181 11.9918 21.9967 11.7923 21.9203 11.6113C21.844 11.4302 21.7159 11.2757 21.5523 11.167C21.3886 11.0583 21.1965 11.0002 21.0001 11H17.6991L21.8741 3.486C21.9786 3.29608 22.0187 3.07734 21.9882 2.86269C21.9578 2.64804 21.8585 2.44907 21.7052 2.29571C21.552 2.14235 21.3531 2.04289 21.1385 2.01229C20.9238 1.98168 20.7051 2.02159 20.5151 2.126L13.4051 6.076L13.9811 3.197C14.0217 2.99313 13.9979 2.78166 13.9129 2.59192C13.828 2.40217 13.6862 2.24354 13.5071 2.138ZM14.0001 14.5C14.0001 15.6935 13.5259 16.8381 12.682 17.682C11.8381 18.5259 10.6935 19 9.50005 19C8.30658 19 7.16198 18.5259 6.31807 17.682C5.47416 16.8381 5.00005 15.6935 5.00005 14.5C5.00005 12.93 5.80705 11.551 7.02505 10.746C7.01505 10.83 7.00005 10.913 7.00005 11C7.00005 11.296 7.06577 11.5884 7.19246 11.8559C7.31915 12.1235 7.50365 12.3596 7.73266 12.5472C7.96166 12.7348 8.22945 12.8692 8.51671 12.9407C8.80396 13.0123 9.10352 13.0191 9.39375 12.9609C9.68399 12.9026 9.95767 12.7806 10.1951 12.6037C10.4324 12.4269 10.6276 12.1995 10.7664 11.938C10.9053 11.6766 10.9843 11.3876 10.9979 11.0919C11.0115 10.7961 10.9593 10.5011 10.8451 10.228C12.6691 10.802 14.0001 12.486 14.0001 14.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-meteor")) {
+  customElements.define("icon-meteor", NavaIconMeteor);
+}

package/dist/chunk-SZI6MCWC.js

@@ -0,0 +1,45 @@
+// src/icons/truck.ts
+var NavaIconTruck = 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.15 8C18.9755 7.69772 18.7249 7.44638 18.4232 7.27095C18.1214 7.09552 17.779 7.00211 17.43 7H15V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V16C2.00036 16.3507 2.09294 16.6952 2.26846 16.9988C2.44398 17.3025 2.69626 17.5546 3 17.73C2.9642 18.6583 3.29861 19.5627 3.92967 20.2444C4.56073 20.9261 5.43674 21.3292 6.365 21.365C7.29326 21.4008 8.19772 21.0664 8.87941 20.4353C9.56111 19.8043 9.9642 18.9283 10 18H13.1C13.2106 18.8367 13.6215 19.6047 14.2561 20.161C14.8908 20.7173 15.706 21.024 16.55 21.024C17.394 21.024 18.2092 20.7173 18.8439 20.161C19.4785 19.6047 19.8894 18.8367 20 18C20.5304 18 21.0391 17.7893 21.4142 17.4142C21.7893 17.0391 22 16.5304 22 16V13C21.9984 12.8176 21.9502 12.6386 21.86 12.48L19.15 8ZM15 9H17.43L19.23 12H15V9ZM6.5 19C6.20333 19 5.91332 18.912 5.66664 18.7472C5.41997 18.5824 5.22771 18.3481 5.11418 18.074C5.00065 17.7999 4.97094 17.4983 5.02882 17.2074C5.0867 16.9164 5.22956 16.6491 5.43934 16.4393C5.64912 16.2296 5.91639 16.0867 6.20736 16.0288C6.49834 15.9709 6.79994 16.0007 7.07403 16.1142C7.34811 16.2277 7.58238 16.42 7.7472 16.6666C7.91203 16.9133 8 17.2033 8 17.5C8 17.8978 7.84196 18.2794 7.56066 18.5607C7.27936 18.842 6.89782 19 6.5 19ZM16.5 19C16.2033 19 15.9133 18.912 15.6666 18.7472C15.42 18.5824 15.2277 18.3481 15.1142 18.074C15.0006 17.7999 14.9709 17.4983 15.0288 17.2074C15.0867 16.9164 15.2296 16.6491 15.4393 16.4393C15.6491 16.2296 15.9164 16.0867 16.2074 16.0288C16.4983 15.9709 16.7999 16.0007 17.074 16.1142C17.3481 16.2277 17.5824 16.42 17.7472 16.6666C17.912 16.9133 18 17.2033 18 17.5C18 17.8978 17.842 18.2794 17.5607 18.5607C17.2794 18.842 16.8978 19 16.5 19Z" />`;
+    const filledPaths = `<path d="M19.15 8C18.9755 7.69772 18.7249 7.44638 18.4232 7.27095C18.1214 7.09552 17.779 7.00211 17.43 7H15V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V16C2.00036 16.3507 2.09294 16.6952 2.26846 16.9988C2.44398 17.3025 2.69626 17.5546 3 17.73C2.9642 18.6583 3.29861 19.5627 3.92967 20.2444C4.56073 20.9261 5.43674 21.3292 6.365 21.365C7.29326 21.4008 8.19772 21.0664 8.87941 20.4353C9.56111 19.8043 9.9642 18.9283 10 18H13.1C13.2106 18.8367 13.6215 19.6047 14.2561 20.161C14.8908 20.7173 15.706 21.024 16.55 21.024C17.394 21.024 18.2092 20.7173 18.8439 20.161C19.4785 19.6047 19.8894 18.8367 20 18C20.5304 18 21.0391 17.7893 21.4142 17.4142C21.7893 17.0391 22 16.5304 22 16V13C21.9984 12.8176 21.9502 12.6386 21.86 12.48L19.15 8ZM15 9H17.43L19.23 12H15V9ZM6.5 19C6.20333 19 5.91332 18.912 5.66664 18.7472C5.41997 18.5824 5.22771 18.3481 5.11418 18.074C5.00065 17.7999 4.97094 17.4983 5.02882 17.2074C5.0867 16.9164 5.22956 16.6491 5.43934 16.4393C5.64912 16.2296 5.91639 16.0867 6.20736 16.0288C6.49834 15.9709 6.79994 16.0007 7.07403 16.1142C7.34811 16.2277 7.58238 16.42 7.7472 16.6666C7.91203 16.9133 8 17.2033 8 17.5C8 17.8978 7.84196 18.2794 7.56066 18.5607C7.27936 18.842 6.89782 19 6.5 19ZM16.5 19C16.2033 19 15.9133 18.912 15.6666 18.7472C15.42 18.5824 15.2277 18.3481 15.1142 18.074C15.0006 17.7999 14.9709 17.4983 15.0288 17.2074C15.0867 16.9164 15.2296 16.6491 15.4393 16.4393C15.6491 16.2296 15.9164 16.0867 16.2074 16.0288C16.4983 15.9709 16.7999 16.0007 17.074 16.1142C17.3481 16.2277 17.5824 16.42 17.7472 16.6666C17.912 16.9133 18 17.2033 18 17.5C18 17.8978 17.842 18.2794 17.5607 18.5607C17.2794 18.842 16.8978 19 16.5 19Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-truck")) {
+  customElements.define("icon-truck", NavaIconTruck);
+}

package/dist/chunk-T2EH3VER.js

@@ -0,0 +1,47 @@
+// src/icons/id-card.ts
+var NavaIconIdCard = 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.71503 12C10.866 12 11.715 11.151 11.715 10C11.715 8.849 10.866 8 9.71503 8C8.56403 8 7.71503 8.849 7.71503 10C7.71503 11.151 8.56303 12 9.71503 12Z" />
+<path d="M20 4H4C2.897 4 2 4.841 2 5.875V18.125C2 19.159 2.897 20 4 20H20C21.103 20 22 19.159 22 18.125V5.875C22 4.841 21.103 4 20 4ZM20 18L4 17.989V6L20 6.011V18Z" />
+<path d="M14 9H18V11H14V9ZM15 13H18V15H15V13ZM13.43 15.536C13.43 14.162 11.754 12.75 9.715 12.75C7.676 12.75 6 14.162 6 15.536V16H13.43V15.536Z" />`;
+    const filledPaths = `<path d="M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM8.715 8C9.866 8 10.715 8.849 10.715 10C10.715 11.151 9.866 12 8.715 12C7.564 12 6.715 11.151 6.715 10C6.715 8.849 7.563 8 8.715 8ZM12.43 16H5V15.535C5 14.162 6.676 12.75 8.715 12.75C10.754 12.75 12.43 14.162 12.43 15.535V16ZM19 15H15V13H19V15ZM19 11H14V9H19V11Z" />`;
+    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-id-card")) {
+  customElements.define("icon-id-card", NavaIconIdCard);
+}