@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-EPYZJVPH.js

@@ -0,0 +1,45 @@
+// src/icons/home-alt-2.ts
+var NavaIconHomeAlt2 = 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.71 2.29C12.617 2.19627 12.5064 2.12188 12.3846 2.07111C12.2627 2.02034 12.132 1.9942 12 1.9942C11.868 1.9942 11.7373 2.02034 11.6154 2.07111C11.4936 2.12188 11.383 2.19627 11.29 2.29L2.29 11.29C2.19627 11.383 2.12188 11.4936 2.07111 11.6154C2.02034 11.7373 1.9942 11.868 1.9942 12C1.9942 12.132 2.02034 12.2627 2.07111 12.3846C2.12188 12.5064 2.19627 12.617 2.29 12.71C2.38344 12.8027 2.49426 12.876 2.61609 12.9258C2.73793 12.9755 2.86839 13.0008 3 13H4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13H21C21.2652 13 21.5196 12.8946 21.7071 12.7071C21.8946 12.5196 22 12.2652 22 12C22.0008 11.8684 21.9755 11.7379 21.9258 11.6161C21.876 11.4943 21.8027 11.3834 21.71 11.29L12.71 2.29ZM6 20V10.41L12 4.41L18 10.41V20H6Z" />`;
+    const filledPaths = `<path d="M12.74 2.32C12.6462 2.21688 12.532 2.13449 12.4046 2.07811C12.2771 2.02173 12.1393 1.99261 12 1.99261C11.8606 1.99261 11.7228 2.02173 11.5954 2.07811C11.4679 2.13449 11.3537 2.21688 11.26 2.32L2.25997 12.32C2.12726 12.4631 2.03932 12.6419 2.00698 12.8343C1.97465 13.0268 1.99934 13.2245 2.07801 13.4031C2.15668 13.5817 2.28589 13.7334 2.44972 13.8395C2.61354 13.9455 2.80482 14.0013 2.99997 14H4.99997V21C4.99997 21.2652 5.10533 21.5196 5.29287 21.7071C5.4804 21.8946 5.73476 22 5.99997 22H18C18.2652 22 18.5195 21.8946 18.7071 21.7071C18.8946 21.5196 19 21.2652 19 21V14H21C21.2652 14 21.5195 13.8946 21.7071 13.7071C21.8946 13.5196 22 13.2652 22 13C22.0018 12.7487 21.909 12.5059 21.74 12.32L12.74 2.32Z" />`;
+    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-alt-2")) {
+  customElements.define("icon-home-alt-2", NavaIconHomeAlt2);
+}

package/dist/chunk-ES5NGIVA.js

@@ -0,0 +1,45 @@
+// src/icons/arrow-to-bottom.ts
+var NavaIconArrowToBottom = 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.00003 18H18V20H6.00003V18ZM11 4V12.586L6.70703 8.293L5.29303 9.707L12 16.414L18.707 9.707L17.293 8.293L13 12.586V4H11Z" />`;
+    const filledPaths = `<path d="M6 18H18V20H6V18ZM11 4V10H6L12 16L18 10H13V4H11Z" />`;
+    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-arrow-to-bottom")) {
+  customElements.define("icon-arrow-to-bottom", NavaIconArrowToBottom);
+}

package/dist/chunk-ES75N44D.js

@@ -0,0 +1,45 @@
+// src/icons/file-import.ts
+var NavaIconFileImport = 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 14V8L14 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 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V16H13V19L8 15L13 11V14H20ZM13 4L18 9H13V4Z" />`;
+    const filledPaths = `<path d="M20 14V8L14 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 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V16H13V19L8 15L13 11V14H20ZM13 4L18 9H13V4Z" />`;
+    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-file-import")) {
+  customElements.define("icon-file-import", NavaIconFileImport);
+}

package/dist/chunk-ET3U236H.js

@@ -0,0 +1,45 @@
+// src/icons/injection.ts
+var NavaIconInjection = 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.84 7.4L22.25 6L18 1.75L16.6 3.16L18 4.58L16.6 6L14.47 3.87L13.06 2.45L11.65 3.87L12.35 4.58L3 13.92C2.68312 14.236 2.48136 14.649 2.42697 15.0932C2.37258 15.5374 2.46872 15.9869 2.7 16.37L4 18.56L1.75 20.84L3.16 22.25L5.44 20L7.63 21.31C7.93287 21.4898 8.27783 21.5863 8.63 21.59C8.89895 21.5942 9.16598 21.5441 9.41512 21.4428C9.66427 21.3414 9.8904 21.1908 10.08 21L19.42 11.66L20.13 12.36L21.55 10.95L20.13 9.53L18 7.4L19.42 6L20.84 7.4ZM18 10.23L8.66 19.58L6 18L4.42 15.34L5.28 14.47L8.11 17.3L9.53 15.89L6.7 13.06L8.11 11.65L10.94 14.47L12.35 13.06L9.52 10.23L10.94 8.82L13.77 11.65L15.18 10.23L12.35 7.4L13.77 6L18 10.23Z" />`;
+    const filledPaths = `<path d="M12 5.61L9.24 8.35L12.55 11.66L11.49 12.72L8.18 9.41L6.41 11.18L9.72 14.49L8.66 15.55L5.35 12.24L3.35 14.24C3.03219 14.5478 2.82544 14.9524 2.7621 15.3903C2.69877 15.8282 2.78243 16.2747 3 16.66L4 18.55L1.75 20.84L3.16 22.25L5.45 20L7.34 21C7.64481 21.1728 7.98965 21.2624 8.34 21.26C8.60391 21.2602 8.86526 21.2082 9.10897 21.1069C9.35268 21.0057 9.57394 20.8572 9.76 20.67L18.39 12L12 5.61ZM19.8 9.2L18.01 7.4L19.43 5.99L20.84 7.4L22.25 5.99L18.01 1.75L16.6 3.16L18.01 4.58L16.6 5.99L14.8 4.2L13.06 2.45L11.65 3.87L12.68 4.9V4.91L19.09 11.32H19.1L20.13 12.35L21.55 10.94L19.81 9.2H19.8Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-injection")) {
+  customElements.define("icon-injection", NavaIconInjection);
+}

package/dist/chunk-EU2I56OH.js

@@ -0,0 +1,45 @@
+// 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 regularPaths = `<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 filledPaths = `<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 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-user-badge")) {
+  customElements.define("icon-user-badge", NavaIconUserBadge);
+}

package/dist/chunk-EUGFYDZA.js

@@ -0,0 +1,45 @@
+// src/icons/minus-front.ts
+var NavaIconMinusFront = 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 16H8V19C8 20.103 8.897 21 10 21H19C20.103 21 21 20.103 21 19V10C21 8.897 20.103 8 19 8H16V5C16 3.897 15.103 3 14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 16ZM18.997 19H10V10H19L18.997 19Z" />`;
+    const filledPaths = `<path d="M5 16H8V19C8 20.103 8.897 21 10 21H19C20.103 21 21 20.103 21 19V10C21 8.897 20.103 8 19 8H16V5C16 3.897 15.103 3 14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 16ZM18.997 19H10V10H19L18.997 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-minus-front")) {
+  customElements.define("icon-minus-front", NavaIconMinusFront);
+}

package/dist/chunk-EXI7ZCIS.js

@@ -0,0 +1,47 @@
+// src/icons/file-jpg.ts
+var NavaIconFileJpg = 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 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 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM9.239 16.446C9.239 17.598 8.688 18 7.801 18C7.591 18 7.315 17.964 7.136 17.903L7.237 17.166C7.364 17.208 7.526 17.238 7.706 17.238C8.09 17.238 8.329 17.064 8.329 16.434V13.891H9.24L9.239 16.446ZM12.533 16.081C12.22 16.374 11.76 16.507 11.22 16.507C11.1 16.507 10.992 16.5 10.908 16.488V17.933H10.002V13.945C10.411 13.8834 10.8244 13.8557 11.238 13.862C11.801 13.862 12.203 13.969 12.472 14.185C12.731 14.389 12.905 14.725 12.905 15.121C12.905 15.517 12.772 15.853 12.533 16.081ZM16.864 17.748C16.584 17.844 16.049 17.976 15.515 17.976C14.778 17.976 14.244 17.79 13.872 17.43C13.501 17.082 13.297 16.555 13.302 15.961C13.309 14.617 14.285 13.85 15.611 13.85C16.132 13.85 16.535 13.953 16.732 14.048L16.541 14.779C16.319 14.683 16.044 14.605 15.6 14.605C14.839 14.605 14.262 15.037 14.262 15.913C14.262 16.746 14.785 17.238 15.533 17.238C15.744 17.238 15.911 17.214 15.984 17.177V16.331H15.36V15.618H16.864V17.748ZM14 9H13V4L18 9H14Z" />
+<path d="M11.285 14.552C11.099 14.552 10.973 14.57 10.908 14.588V15.781C10.985 15.799 11.082 15.804 11.215 15.804C11.699 15.804 11.999 15.558 11.999 15.145C11.999 14.773 11.742 14.552 11.285 14.552Z" />`;
+    const filledPaths = `<path d="M14 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 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2ZM9.239 16.446C9.239 17.598 8.688 18 7.801 18C7.591 18 7.315 17.964 7.136 17.903L7.237 17.166C7.364 17.208 7.526 17.238 7.706 17.238C8.09 17.238 8.329 17.064 8.329 16.434V13.891H9.24L9.239 16.446ZM12.533 16.081C12.22 16.374 11.76 16.507 11.22 16.507C11.1 16.507 10.992 16.5 10.908 16.488V17.933H10.002V13.945C10.411 13.8834 10.8244 13.8557 11.238 13.862C11.801 13.862 12.203 13.969 12.472 14.185C12.731 14.389 12.905 14.725 12.905 15.121C12.905 15.517 12.772 15.853 12.533 16.081ZM16.864 17.748C16.584 17.844 16.049 17.976 15.515 17.976C14.778 17.976 14.244 17.79 13.872 17.43C13.501 17.082 13.297 16.555 13.302 15.961C13.309 14.617 14.285 13.85 15.611 13.85C16.132 13.85 16.535 13.953 16.732 14.048L16.541 14.779C16.319 14.683 16.044 14.605 15.6 14.605C14.839 14.605 14.262 15.037 14.262 15.913C14.262 16.746 14.785 17.238 15.533 17.238C15.744 17.238 15.911 17.214 15.984 17.177V16.331H15.36V15.618H16.864V17.748ZM14 9H13V4L18 9H14Z" />
+<path d="M11.285 14.552C11.099 14.552 10.973 14.57 10.908 14.588V15.781C10.985 15.799 11.082 15.804 11.215 15.804C11.699 15.804 11.999 15.558 11.999 15.145C11.999 14.773 11.742 14.552 11.285 14.552Z" />`;
+    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-file-jpg")) {
+  customElements.define("icon-file-jpg", NavaIconFileJpg);
+}

package/dist/chunk-EXPNJQ6Z.js

@@ -0,0 +1,47 @@
+// src/icons/group.ts
+var NavaIconGroup = 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.604 11.048C17.2131 10.0101 17.4761 8.80531 17.355 7.608C17.176 5.824 16.18 4.247 14.552 3.168L13.447 4.834C14.566 5.576 15.247 6.633 15.365 7.808C15.4194 8.3541 15.3514 8.90546 15.166 9.42198C14.9806 9.9385 14.6823 10.4072 14.293 10.794L13.101 11.986L14.719 12.461C18.951 13.701 19 17.957 19 18H21C21 16.211 20.044 12.715 16.604 11.048Z" />
+<path d="M9.5 12C11.706 12 13.5 10.206 13.5 8C13.5 5.794 11.706 4 9.5 4C7.294 4 5.5 5.794 5.5 8C5.5 10.206 7.294 12 9.5 12ZM9.5 6C10.603 6 11.5 6.897 11.5 8C11.5 9.103 10.603 10 9.5 10C8.397 10 7.5 9.103 7.5 8C7.5 6.897 8.397 6 9.5 6ZM11 13H8C4.691 13 2 15.691 2 19V20H4V19C4 16.794 5.794 15 8 15H11C13.206 15 15 16.794 15 19V20H17V19C17 15.691 14.309 13 11 13Z" />`;
+    const filledPaths = `<path d="M9.5 12C11.706 12 13.5 10.206 13.5 8C13.5 5.794 11.706 4 9.5 4C7.294 4 5.5 5.794 5.5 8C5.5 10.206 7.294 12 9.5 12ZM11 13H8C4.691 13 2 15.691 2 19V20H17V19C17 15.691 14.309 13 11 13Z" />
+<path d="M16.6041 11.048C17.2131 10.0101 17.4761 8.80531 17.3551 7.608C17.1761 5.824 16.1801 4.247 14.5521 3.168L13.4471 4.834C14.5661 5.576 15.2471 6.633 15.3651 7.808C15.4195 8.3541 15.3515 8.90546 15.1661 9.42198C14.9806 9.9385 14.6824 10.4072 14.2931 10.794L13.1011 11.986L14.7191 12.461C18.9511 13.701 19.0001 17.957 19.0001 18H21.0001C21.0001 16.211 20.0441 12.715 16.6041 11.048Z" />`;
+    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-group")) {
+  customElements.define("icon-group", NavaIconGroup);
+}

package/dist/chunk-EY2ZDLA7.js

@@ -0,0 +1,46 @@
+// src/icons/ball.ts
+var NavaIconBall = 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.76001 21C5.07264 21.295 6.41466 21.4393 7.76001 21.43C11.4275 21.5601 14.9974 20.2335 17.69 17.74C23 12.37 21.06 4.10998 21 3.75998C20.9588 3.5741 20.8654 3.40383 20.7308 3.2692C20.5962 3.13457 20.4259 3.04117 20.24 2.99999C18.9271 2.70688 17.5853 2.56264 16.24 2.56998C14.4171 2.50044 12.5985 2.79246 10.8891 3.42921C9.17964 4.06597 7.61317 5.03485 6.28001 6.27999C0.940009 11.63 2.94001 19.89 3.00001 20.24C3.0412 20.4259 3.13459 20.5961 3.26922 20.7308C3.40385 20.8654 3.57412 20.9588 3.76001 21ZM7.70001 7.69999C10.0099 5.58655 13.0618 4.4722 16.19 4.59998C17.1953 4.59734 18.199 4.68098 19.19 4.84998C19.5 6.71999 20.1 12.52 16.33 16.29C14.0039 18.4173 10.9293 19.5356 7.78001 19.4C6.79799 19.4006 5.81772 19.317 4.85001 19.15C4.53001 17.27 3.93001 11.48 7.70001 7.69999Z" />
+<path d="M7.29001 15.29L8.71001 16.71L10.5 14.92L12.29 16.71L13.71 15.29L11.91 13.5L13.5 11.91L15.29 13.71L16.71 12.29L14.91 10.5L16.71 8.70998L15.29 7.28998L13.5 9.08998L11.71 7.28998L10.29 8.70998L12.09 10.5L10.5 12.09L8.71001 10.29L7.29001 11.71L9.09001 13.5L7.29001 15.29Z" />`;
+    const filledPaths = `<path d="M20.247 3.03401C20.178 3.01601 18.505 2.60101 16.195 2.60101C13.353 2.60101 9.32704 3.24101 6.28504 6.28801C0.945036 11.637 2.94504 19.898 3.03304 20.248C3.07728 20.4236 3.16837 20.5839 3.29659 20.7117C3.4248 20.8396 3.58533 20.9303 3.76104 20.974C3.83004 20.992 5.48704 21.4 7.77904 21.4C10.628 21.4 14.663 20.759 17.711 17.712C23.046 12.377 21.062 4.11201 20.975 3.76301C20.9308 3.58712 20.8397 3.42648 20.7116 3.29813C20.5834 3.16979 20.4229 3.07852 20.247 3.03401ZM16.71 12.296L15.296 13.71L13.503 11.918L11.917 13.504L13.709 15.297L12.295 16.711L10.503 14.918L8.71004 16.711L7.29604 15.297L9.08904 13.504L7.29604 11.71L8.71004 10.296L10.503 12.09L12.089 10.504L10.295 8.71101L11.709 7.29701L13.503 9.09001L15.296 7.29701L16.71 8.71101L14.917 10.504L16.71 12.296Z" />`;
+    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-ball")) {
+  customElements.define("icon-ball", NavaIconBall);
+}

package/dist/chunk-EYPUDFL2.js

@@ -0,0 +1,47 @@
+// src/icons/layer-plus.ts
+var NavaIconLayerPlus = 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.484 11.125L12.462 6.125C12.3139 6.0429 12.1474 5.99974 11.9781 5.99957C11.8088 5.99939 11.6422 6.04221 11.494 6.124L2.51599 11.084C2.35978 11.1703 2.22951 11.2968 2.13869 11.4504C2.04787 11.604 1.99982 11.7792 1.99951 11.9576C1.99921 12.1361 2.04666 12.3114 2.13695 12.4653C2.22724 12.6192 2.35708 12.7462 2.51299 12.833L11.535 17.873C11.6835 17.9565 11.851 18.0004 12.0214 18.0005C12.1917 18.0007 12.3593 17.9571 12.508 17.874L21.486 12.874C21.6419 12.7873 21.7719 12.6604 21.8622 12.5065C21.9526 12.3526 22.0002 12.1774 22 11.9989C21.9998 11.8205 21.9518 11.6453 21.8611 11.4916C21.7703 11.338 21.6401 11.2114 21.484 11.125ZM12.023 15.855L5.05899 11.965L11.976 8.143L18.94 12.002L12.023 15.855Z" />
+<path d="M12 22C12.1698 22.0001 12.3367 21.9567 12.485 21.874L21.485 16.874L20.514 15.126L12 19.856L3.48498 15.126L2.51398 16.874L11.514 21.874C11.6626 21.9566 11.8299 22 12 22ZM20 2H18V4H16V6H18V8H20V6H22V4H20V2Z" />`;
+    const filledPaths = `<path d="M2.51299 12.833L11.535 17.873C11.6835 17.9565 11.851 18.0004 12.0214 18.0005C12.1917 18.0007 12.3593 17.9571 12.508 17.874L21.486 12.874C21.6419 12.7873 21.7719 12.6604 21.8622 12.5065C21.9526 12.3526 22.0002 12.1774 22 11.9989C21.9998 11.8205 21.9518 11.6453 21.8611 11.4916C21.7703 11.338 21.6401 11.2114 21.484 11.125L12.462 6.125C12.3139 6.0429 12.1474 5.99974 11.9781 5.99957C11.8088 5.99939 11.6422 6.04221 11.494 6.124L2.51599 11.084C2.35978 11.1703 2.22951 11.2968 2.13869 11.4504C2.04787 11.604 1.99982 11.7792 1.99951 11.9576C1.99921 12.1361 2.04666 12.3114 2.13695 12.4653C2.22724 12.6192 2.35708 12.7462 2.51299 12.833Z" />
+<path d="M3.48492 15.126L2.51392 16.874L11.5139 21.874C11.6624 21.9565 11.8295 21.9998 11.9994 21.9998C12.1693 21.9998 12.3364 21.9565 12.4849 21.874L21.4849 16.874L20.5139 15.126L11.9999 19.856L3.48492 15.126ZM19.9999 8V6H21.9999V4H19.9999V2H17.9999V4H15.9999V6H17.9999V8H19.9999Z" />`;
+    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-layer-plus")) {
+  customElements.define("icon-layer-plus", NavaIconLayerPlus);
+}

package/dist/chunk-EZJKJFZQ.js

@@ -0,0 +1,49 @@
+// src/icons/cart-alt.ts
+var NavaIconCartAlt = 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 3.99999H2V5.99999H4.3L7.58 15C7.78631 15.5835 8.16807 16.089 8.67294 16.4471C9.1778 16.8051 9.78106 16.9983 10.4 17H19V15H10.4C10.1945 14.9999 9.99399 14.9365 9.8258 14.8184C9.6576 14.7003 9.52987 14.5333 9.46 14.34L9 13H18.28C18.714 12.9994 19.1361 12.8576 19.4824 12.596C19.8288 12.3344 20.0806 11.9673 20.2 11.55L22 5.26999C22.0406 5.13868 22.0538 5.00039 22.0386 4.86377C22.0234 4.72715 21.9802 4.59512 21.9117 4.47595C21.8432 4.35677 21.7509 4.25299 21.6404 4.1711C21.53 4.08921 21.4039 4.03096 21.27 3.99999C21.1806 3.98543 21.0894 3.98543 21 3.99999ZM18.25 11H8.25L6.43 5.99999H19.67L18.25 11Z" />
+<path d="M10.5 21C11.3284 21 12 20.3284 12 19.5C12 18.6716 11.3284 18 10.5 18C9.67157 18 9 18.6716 9 19.5C9 20.3284 9.67157 21 10.5 21Z" />
+<path d="M16.5 21C17.3284 21 18 20.3284 18 19.5C18 18.6716 17.3284 18 16.5 18C15.6716 18 15 18.6716 15 19.5C15 20.3284 15.6716 21 16.5 21Z" />`;
+    const filledPaths = `<path d="M21 4H2V6H4.3L7.821 15.683C7.96168 16.0685 8.21731 16.4015 8.55335 16.6371C8.88939 16.8726 9.28964 16.9993 9.7 17H18V15H9.7L8.972 13H18C18.4 13 18.762 12.762 18.919 12.394L21.919 5.394C21.9847 5.24194 22.0116 5.0759 21.9971 4.91087C21.9827 4.74584 21.9273 4.587 21.8362 4.44869C21.745 4.31038 21.6208 4.19694 21.4748 4.11861C21.3288 4.04028 21.1657 3.99952 21 4Z" />
+<path d="M10.5 21C11.3284 21 12 20.3284 12 19.5C12 18.6716 11.3284 18 10.5 18C9.67157 18 9 18.6716 9 19.5C9 20.3284 9.67157 21 10.5 21Z" />
+<path d="M16.5 21C17.3284 21 18 20.3284 18 19.5C18 18.6716 17.3284 18 16.5 18C15.6716 18 15 18.6716 15 19.5C15 20.3284 15.6716 21 16.5 21Z" />`;
+    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-cart-alt")) {
+  customElements.define("icon-cart-alt", NavaIconCartAlt);
+}

package/dist/chunk-F3OPIFW2.js

@@ -0,0 +1,45 @@
+// src/icons/bitcoin.ts
+var NavaIconBitcoin = 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 13V17H6V19H9V21H11V19H13V21H15V18.949C16.968 18.7 18.5 17.034 18.5 15C18.5 13.68 17.85 12.516 16.86 11.787C17.5901 11.043 17.9994 10.0424 18 9C18 7.142 16.721 5.589 15 5.142V3H13V5H11V3H9V5H6V7H8V13ZM14.5 17H10V13H14.5C15.603 13 16.5 13.897 16.5 15C16.5 16.103 15.603 17 14.5 17ZM10 7H14C15.103 7 16 7.897 16 9C16 10.103 15.103 11 14 11H10V7Z" />`;
+    const filledPaths = `<path d="M8 13V17H6V19H9V21H11V19H13V21H15V18.949C16.968 18.7 18.5 17.034 18.5 15C18.5 13.68 17.85 12.516 16.86 11.787C17.5901 11.043 17.9994 10.0424 18 9C18 7.142 16.721 5.589 15 5.142V3H13V5H11V3H9V5H6V7H8V13ZM14.5 17H10V13H14.5C15.603 13 16.5 13.897 16.5 15C16.5 16.103 15.603 17 14.5 17ZM10 7H14C15.103 7 16 7.897 16 9C16 10.103 15.103 11 14 11H10V7Z" />`;
+    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-bitcoin")) {
+  customElements.define("icon-bitcoin", NavaIconBitcoin);
+}

package/dist/chunk-F43PBLG3.js

@@ -0,0 +1,45 @@
+// src/icons/book-open.ts
+var NavaIconBookOpen = 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 3H14C13.2596 3.00251 12.5466 3.28057 12 3.78C11.4534 3.28057 10.7404 3.00251 10 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H8.758C9.284 20 9.8 20.214 10.172 20.586L11.293 21.707C11.302 21.716 11.314 21.719 11.323 21.728C11.409 21.807 11.505 21.877 11.617 21.924H11.619C11.863 22.025 12.137 22.025 12.381 21.924H12.383C12.495 21.877 12.591 21.807 12.677 21.728C12.686 21.719 12.698 21.716 12.707 21.707L13.828 20.586C14.2039 20.2123 14.7119 20.0017 15.242 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V4C22 3.73478 21.8946 3.48043 21.7071 3.29289C21.5196 3.10536 21.2652 3 21 3ZM8.758 18H4V5H10C10.552 5 11 5.449 11 6V18.689C10.3375 18.2422 9.5571 18.0024 8.758 18ZM20 18H15.242C14.443 18 13.658 18.246 13 18.689V6C13 5.449 13.448 5 14 5H20V18Z" />`;
+    const filledPaths = `<path d="M21 3H14C13.2596 3.00251 12.5466 3.28057 12 3.78C11.4534 3.28057 10.7404 3.00251 10 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H8.758C9.28817 20.0012 9.7964 20.2118 10.172 20.586L11.293 21.707C11.302 21.716 11.314 21.719 11.323 21.728C11.409 21.808 11.505 21.878 11.617 21.924H11.619C11.863 22.025 12.137 22.025 12.381 21.924H12.383C12.495 21.878 12.591 21.807 12.677 21.728C12.686 21.719 12.698 21.716 12.707 21.707L13.828 20.586C14.2036 20.2118 14.7118 20.0012 15.242 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V4C22 3.73478 21.8946 3.48043 21.7071 3.29289C21.5196 3.10536 21.2652 3 21 3ZM20 18H15.242C14.4429 18.0023 13.6625 18.2421 13 18.689V6C13 5.449 13.448 5 14 5H20V18Z" />`;
+    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-book-open")) {
+  customElements.define("icon-book-open", NavaIconBookOpen);
+}