@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-LNAPYAMA.js

@@ -0,0 +1,45 @@
+// src/icons/book-bookmark.ts
+var NavaIconBookBookmark = 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 2.01001H6C4.794 2.01001 3 2.80901 3 5.01001V19.01C3 21.211 4.794 22.01 6 22.01H21V20.01H6.012C5.55 19.998 5 19.815 5 19.01C5 18.909 5.009 18.819 5.024 18.737C5.136 18.162 5.607 18.02 6.011 18.01H20C20.018 18.01 20.031 18.001 20.049 18H21V4.01001C21 2.90701 20.103 2.01001 19 2.01001ZM19 16.01H5V5.01001C5 4.20401 5.55 4.02201 6 4.01001H13V11.01L15 10.01L17 11.01V4.01001H19V16.01Z" />`;
+    const filledPaths = `<path d="M19 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.899 5.009 18.809 5.024 18.727C5.136 18.151 5.608 18.01 6.012 18H21V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2ZM19 11L17 10L15 11V4H19V11Z" />`;
+    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-bookmark")) {
+  customElements.define("icon-book-bookmark", NavaIconBookBookmark);
+}

package/dist/chunk-LNI7IUGG.js

@@ -0,0 +1,45 @@
+// src/icons/move.ts
+var NavaIconMove = 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="M18 11H13V6H16L12 2L8 6H11V11H6V8L2 12L6 16V13H11V18H8L12 22L16 18H13V13H18V16L22 12L18 8V11Z" />`;
+    const filledPaths = `<path d="M18 11H13V6H16L12 2L8 6H11V11H6V8L2 12L6 16V13H11V18H8L12 22L16 18H13V13H18V16L22 12L18 8V11Z" />`;
+    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-move")) {
+  customElements.define("icon-move", NavaIconMove);
+}

package/dist/chunk-LOUO2TEJ.js

@@ -0,0 +1,45 @@
+// src/icons/comment.ts
+var NavaIconComment = 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 2H4C2.897 2 2 2.897 2 4V22L7.333 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H6.667L4 18V4H20V16Z" />`;
+    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2Z" />`;
+    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-comment")) {
+  customElements.define("icon-comment", NavaIconComment);
+}

package/dist/chunk-LQXU4C55.js

@@ -0,0 +1,45 @@
+// src/icons/minus-back.ts
+var NavaIconMinusBack = 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 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 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 3ZM5 5H14L13.997 14H5V5Z" />`;
+    const filledPaths = `<path d="M14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 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 3ZM5 5H14L13.997 14H5V5Z" />`;
+    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-back")) {
+  customElements.define("icon-minus-back", NavaIconMinusBack);
+}

package/dist/chunk-LRKP5XJG.js

@@ -0,0 +1,46 @@
+// src/icons/message-square-error.ts
+var NavaIconMessageSquareError = 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 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM20 16C20 18.206 18.206 20 16 20H4V8C4 5.794 5.794 4 8 4H16C18.206 4 20 5.794 20 8V16Z" />
+<path d="M11 6H13V14H11V6ZM11 16H13V18H11V16Z" />`;
+    const filledPaths = `<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM13 18H11V16H13V18ZM13 14H11V6H13V14Z" />`;
+    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-message-square-error")) {
+  customElements.define("icon-message-square-error", NavaIconMessageSquareError);
+}

package/dist/chunk-LRN3G4EC.js

@@ -0,0 +1,45 @@
+// src/icons/arrow-from-top.ts
+var NavaIconArrowFromTop = 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 4H18V6H6.00003V4ZM12 20.414L18.707 13.707L17.293 12.293L13 16.586V8H11V16.586L6.70703 12.293L5.29303 13.707L12 20.414Z" />`;
+    const filledPaths = `<path d="M6 4H18V6H6V4ZM11 8V14H6L12 20L18 14H13V8H11Z" />`;
+    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-from-top")) {
+  customElements.define("icon-arrow-from-top", NavaIconArrowFromTop);
+}

package/dist/chunk-LSJQHR4C.js

@@ -0,0 +1,45 @@
+// src/icons/dock-right.ts
+var NavaIconDockRight = 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 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 5H14V19H5V5ZM16 19V5H19V19H16Z" />`;
+    const filledPaths = `<path d="M21 5C21 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 19V5ZM5 5H14V19H5V5Z" />`;
+    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-dock-right")) {
+  customElements.define("icon-dock-right", NavaIconDockRight);
+}

package/dist/chunk-LTEB6OPD.js

@@ -0,0 +1,47 @@
+// src/icons/phone-incoming.ts
+var NavaIconPhoneIncoming = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M16.712 13.288C16.6192 13.195 16.509 13.1213 16.3877 13.071C16.2664 13.0207 16.1364 12.9948 16.005 12.9948C15.8737 12.9948 15.7436 13.0207 15.6223 13.071C15.501 13.1213 15.3908 13.195 15.298 13.288L13.701 14.884C12.877 14.639 11.535 14.113 10.711 13.288C9.83703 12.414 9.33703 11.035 9.11703 10.296L10.711 8.70199C10.804 8.6092 10.8777 8.49899 10.928 8.37768C10.9783 8.25636 11.0042 8.12632 11.0042 7.99499C11.0042 7.86365 10.9783 7.73361 10.928 7.61229C10.8777 7.49098 10.804 7.38077 10.711 7.28799L6.71103 3.28799C6.51985 3.10754 6.26691 3.00702 6.00403 3.00702C5.74114 3.00702 5.4882 3.10754 5.29703 3.28799L2.58803 5.99799C2.20603 6.37799 1.99103 6.90199 2.00003 7.43499C2.02203 8.85799 2.39603 13.802 6.29703 17.703C10.195 21.6 15.142 21.977 16.566 22H16.594C17.122 22 17.621 21.792 17.999 21.414L20.711 18.702C20.804 18.6092 20.8777 18.499 20.928 18.3777C20.9783 18.2564 21.0042 18.1263 21.0042 17.995C21.0042 17.8637 20.9783 17.7336 20.928 17.6123C20.8777 17.491 20.804 17.3808 20.711 17.288L16.712 13.288ZM16.585 20C15.337 19.979 11.067 19.644 7.71103 16.288C4.34303 12.92 4.01903 8.63599 4.00003 7.41399L6.00403 5.40899L8.59003 7.99499L7.29703 9.28799C7.05903 9.52599 6.95703 9.86999 7.02603 10.2C7.05003 10.315 7.63703 13.042 9.29703 14.702C10.957 16.362 13.684 16.949 13.799 16.973C13.9616 17.0077 14.1302 17.001 14.2896 16.9537C14.4489 16.9063 14.5938 16.8198 14.711 16.702L16.004 15.409L18.59 17.995L16.585 20Z" />
+<path d="M15.795 6.79099L13.005 3.99999V10.995H20L17.209 8.20499L21.712 3.70199L20.298 2.28799L15.795 6.79099Z" />`;
+    const filledPaths = `<path d="M15.793 6.793L13 4V11H20L17.207 8.207L21.707 3.707L20.293 2.293L15.793 6.793Z" />
+<path d="M16.422 13.443C16.2299 13.2683 15.9774 13.1752 15.7178 13.1832C15.4583 13.1912 15.212 13.2998 15.031 13.486L12.639 15.947C12.063 15.837 10.905 15.476 9.71304 14.287C8.52104 13.094 8.16004 11.933 8.05304 11.361L10.512 8.96699C10.6985 8.78612 10.8072 8.53982 10.8152 8.2802C10.8232 8.02059 10.7299 7.76804 10.555 7.57599L6.86004 3.51299C6.68508 3.32035 6.44192 3.2035 6.18219 3.18725C5.92246 3.17101 5.66664 3.25665 5.46904 3.42599L3.29904 5.28699C3.12586 5.46041 3.02232 5.69133 3.00804 5.93599C2.99304 6.18599 2.70704 12.108 7.29904 16.702C11.305 20.707 16.324 21 17.705 21C17.908 21 18.031 20.994 18.064 20.992C18.3086 20.9785 18.5395 20.8748 18.712 20.701L20.573 18.53C20.7423 18.3324 20.8279 18.0767 20.8119 17.8171C20.7958 17.5574 20.6793 17.3142 20.487 17.139L16.422 13.443Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-phone-incoming")) {
+  customElements.define("icon-phone-incoming", NavaIconPhoneIncoming);
+}

package/dist/chunk-LWUEKITT.js

@@ -0,0 +1,46 @@
+// src/icons/comment-x.ts
+var NavaIconCommentX = 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.707 13.707L12 11.414L14.293 13.707L15.707 12.293L13.414 10L15.707 7.707L14.293 6.293L12 8.586L9.707 6.293L8.293 7.707L10.586 10L8.293 12.293L9.707 13.707Z" />
+<path d="M20 2H4C2.897 2 2 2.897 2 4V22L7.333 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H6.667L4 18V4H20V16Z" />`;
+    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM16.706 13.543L15.292 14.957L11.999 11.665L8.707 14.957L7.293 13.543L10.585 10.251L7.293 6.958L8.707 5.544L11.999 8.836L15.292 5.544L16.706 6.958L13.414 10.251L16.706 13.543Z" />`;
+    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-comment-x")) {
+  customElements.define("icon-comment-x", NavaIconCommentX);
+}

package/dist/chunk-LXANTBU6.js

@@ -0,0 +1,45 @@
+// src/icons/world.ts
+var NavaIconWorld = 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 11.101 4.156 10.238 4.431 9.431L6 11L8 13V15L10 17L11 18V19.931C7.061 19.436 4 16.072 4 12ZM18.33 16.873C17.677 16.347 16.687 16 16 16V15C16 14.4696 15.7893 13.9609 15.4142 13.5858C15.0391 13.2107 14.5304 13 14 13H10V10C10.5304 10 11.0391 9.78929 11.4142 9.41421C11.7893 9.03914 12 8.53043 12 8V7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V4.589C17.928 5.778 20 8.65 20 12C19.9998 13.7647 19.4123 15.4791 18.33 16.873Z" />`;
+    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 11.101 4.156 10.238 4.431 9.431L6 11L8 13V15L10 17L11 18V19.931C7.061 19.436 4 16.072 4 12ZM18.33 16.873C17.677 16.347 16.687 16 16 16V15C16 14.4696 15.7893 13.9609 15.4142 13.5858C15.0391 13.2107 14.5304 13 14 13H10V10C10.5304 10 11.0391 9.78929 11.4142 9.41421C11.7893 9.03914 12 8.53043 12 8V7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V4.589C17.928 5.778 20 8.65 20 12C19.9998 13.7647 19.4123 15.4791 18.33 16.873Z" />`;
+    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-world")) {
+  customElements.define("icon-world", NavaIconWorld);
+}

package/dist/chunk-LYZUBWFD.js

@@ -0,0 +1,46 @@
+// src/icons/news.ts
+var NavaIconNews = 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.875 3H4.125C2.953 3 2 3.897 2 5V19C2 20.103 2.953 21 4.125 21H19.875C21.047 21 22 20.103 22 19V5C22 3.897 21.047 3 19.875 3ZM19.875 19H4.125C4.068 19 4.029 18.984 4.012 18.984C4.005 18.984 4.001 18.986 4 18.992L3.988 5.046C3.995 5.036 4.04 5 4.125 5H19.875C19.954 5.001 19.997 5.028 20 5.008L20.012 18.954C20.005 18.964 19.96 19 19.875 19Z" />
+<path d="M6 7H12V13H6V7ZM13 15H6V17H18V15H14H13ZM14 11H18V13H14V11ZM14 7H18V9H14V7Z" />`;
+    const filledPaths = `<path d="M20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18C18.7348 18 18.4804 17.8946 18.2929 17.7071C18.1054 17.5196 18 17.2652 18 17V5C18 4.73478 17.8946 4.48043 17.7071 4.29289C17.5196 4.10536 17.2652 4 17 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5V18C2 18.5304 2.21071 19.0391 2.58579 19.4142C2.96086 19.7893 3.46957 20 4 20H19C20.654 20 22 18.654 22 17V7H20V17ZM12 7H15V9H12V7ZM12 11H15V13H12V11ZM5 7H10V13H5V7ZM5 17V15H15V17H5Z" />`;
+    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-news")) {
+  customElements.define("icon-news", NavaIconNews);
+}

package/dist/chunk-M25ZYE5L.js

@@ -0,0 +1,45 @@
+// src/icons/magnet.ts
+var NavaIconMagnet = 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 3H16C14.897 3 14 3.897 14 5V13C14 14.103 13.103 15 12 15C10.897 15 10 14.103 10 13V5C10 3.897 9.103 3 8 3H5C3.897 3 3 3.897 3 5V13C3 17.963 7.037 22 12 22C16.963 22 21 17.963 21 13V5C21 3.897 20.103 3 19 3ZM16 5H19V8H16V5ZM5 5H8V8H5V5ZM12 20C8.141 20 5 16.859 5 13V10H8V13C8 15.206 9.794 17 12 17C14.206 17 16 15.206 16 13V10H19V13C19 16.859 15.859 20 12 20Z" />`;
+    const filledPaths = `<path d="M8 3H5C4.73478 3 4.48043 3.10536 4.29289 3.29289C4.10536 3.48043 4 3.73478 4 4V7H9V4C9 3.73478 8.89464 3.48043 8.70711 3.29289C8.51957 3.10536 8.26522 3 8 3ZM15 4V7H20V4C20 3.73478 19.8946 3.48043 19.7071 3.29289C19.5196 3.10536 19.2652 3 19 3H16C15.7348 3 15.4804 3.10536 15.2929 3.29289C15.1054 3.48043 15 3.73478 15 4ZM15 14C15 14.7956 14.6839 15.5587 14.1213 16.1213C13.5587 16.6839 12.7956 17 12 17C11.2044 17 10.4413 16.6839 9.87868 16.1213C9.31607 15.5587 9 14.7956 9 14V9H4V14C4 16.1217 4.84285 18.1566 6.34315 19.6569C7.84344 21.1571 9.87827 22 12 22C14.1217 22 16.1566 21.1571 17.6569 19.6569C19.1571 18.1566 20 16.1217 20 14V9H15V14Z" />`;
+    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-magnet")) {
+  customElements.define("icon-magnet", NavaIconMagnet);
+}

package/dist/chunk-M374HGH5.js

@@ -0,0 +1,48 @@
+// src/icons/dice-3.ts
+var NavaIconDice3 = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />
+<path d="M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17157 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17157 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z" />
+<path d="M12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z" />
+<path d="M16 17.5C16.8284 17.5 17.5 16.8284 17.5 16C17.5 15.1716 16.8284 14.5 16 14.5C15.1716 14.5 14.5 15.1716 14.5 16C14.5 16.8284 15.1716 17.5 16 17.5Z" />`;
+    const filledPaths = `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM8 9.5C7.60204 9.49987 7.22044 9.34165 6.93913 9.06016C6.65783 8.77867 6.49987 8.39696 6.5 7.999C6.50013 7.60104 6.65835 7.21944 6.93984 6.93813C7.22133 6.65683 7.60304 6.49887 8.001 6.499C8.19805 6.49907 8.39315 6.53794 8.57518 6.61341C8.7572 6.68888 8.92258 6.79946 9.06187 6.93884C9.20116 7.07822 9.31163 7.24367 9.38697 7.42575C9.46232 7.60782 9.50107 7.80295 9.501 8C9.50093 8.19705 9.46206 8.39215 9.38659 8.57418C9.31112 8.7562 9.20054 8.92158 9.06116 9.06087C8.92178 9.20016 8.75633 9.31063 8.57425 9.38597C8.39218 9.46132 8.19705 9.50007 8 9.5ZM12 13.5C11.602 13.4999 11.2204 13.3417 10.9391 13.0602C10.6578 12.7787 10.4999 12.397 10.5 11.999C10.5001 11.601 10.6583 11.2194 10.9398 10.9381C11.2213 10.6568 11.603 10.4989 12.001 10.499C12.399 10.4991 12.7806 10.6573 13.0619 10.9388C13.3432 11.2203 13.5011 11.602 13.501 12C13.5009 12.398 13.3427 12.7796 13.0612 13.0609C12.7797 13.3422 12.398 13.5001 12 13.5ZM16 17.5C15.803 17.4999 15.6078 17.4611 15.4258 17.3856C15.2438 17.3101 15.0784 17.1995 14.9391 17.0602C14.7998 16.9208 14.6894 16.7553 14.614 16.5733C14.5387 16.3912 14.4999 16.196 14.5 15.999C14.5001 15.802 14.5389 15.6068 14.6144 15.4248C14.6899 15.2428 14.8005 15.0774 14.9398 14.9381C15.0792 14.7988 15.2447 14.6884 15.4267 14.613C15.6088 14.5377 15.804 14.4989 16.001 14.499C16.399 14.4991 16.7806 14.6573 17.0619 14.9388C17.3432 15.2203 17.5011 15.602 17.501 16C17.5009 16.398 17.3427 16.7796 17.0612 17.0609C16.7797 17.3422 16.398 17.5001 16 17.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-dice-3")) {
+  customElements.define("icon-dice-3", NavaIconDice3);
+}