@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-NZDVCQNA.js

@@ -0,0 +1,46 @@
+// src/icons/cog.ts
+var NavaIconCog = 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 16C14.206 16 16 14.206 16 12C16 9.794 14.206 8 12 8C9.794 8 8 9.794 8 12C8 14.206 9.794 16 12 16ZM12 10C13.084 10 14 10.916 14 12C14 13.084 13.084 14 12 14C10.916 14 10 13.084 10 12C10 10.916 10.916 10 12 10Z" />
+<path d="M2.84499 16.136L3.84499 17.866C4.37599 18.783 5.65399 19.127 6.57499 18.596L7.10399 18.29C7.68253 18.7451 8.3204 19.1192 8.99999 19.402V20C8.99999 21.103 9.89699 22 11 22H13C14.103 22 15 21.103 15 20V19.402C15.6794 19.1192 16.3172 18.7454 16.896 18.291L17.425 18.597C18.348 19.127 19.623 18.785 20.156 17.866L21.155 16.137C21.42 15.6777 21.4919 15.132 21.3548 14.6197C21.2178 14.1075 20.883 13.6706 20.424 13.405L19.919 13.113C20.0264 12.3756 20.0264 11.6264 19.919 10.889L20.424 10.597C20.8828 10.3312 21.2174 9.89433 21.3544 9.38216C21.4915 8.86998 21.4197 8.32436 21.155 7.865L20.156 6.136C19.625 5.216 18.348 4.871 17.425 5.404L16.896 5.71C16.3175 5.25491 15.6796 4.8808 15 4.598V4C15 2.897 14.103 2 13 2H11C9.89699 2 8.99999 2.897 8.99999 4V4.598C8.32064 4.88084 7.68281 5.25459 7.10399 5.709L6.57499 5.403C5.65099 4.872 4.37499 5.216 3.84399 6.135L2.84499 7.864C2.57998 8.3233 2.5081 8.86901 2.64517 9.38126C2.78223 9.89352 3.11702 10.3304 3.57599 10.596L4.08099 10.888C3.97323 11.6251 3.97323 12.3739 4.08099 13.111L3.57599 13.403C3.11715 13.669 2.78252 14.106 2.64549 14.6184C2.50845 15.1307 2.5802 15.6765 2.84499 16.136ZM6.17099 13.378C6.05808 12.9273 6.00065 12.4646 5.99999 12C5.99999 11.538 6.05799 11.074 6.16999 10.622C6.22273 10.4113 6.20539 10.1892 6.12058 9.98928C6.03577 9.78935 5.88812 9.6225 5.69999 9.514L4.57699 8.864L5.57499 7.135L6.71999 7.797C6.90672 7.90505 7.12345 7.94962 7.33766 7.92401C7.55187 7.89841 7.75199 7.80401 7.90799 7.655C8.58451 7.01156 9.40032 6.53281 10.292 6.256C10.4968 6.19347 10.6762 6.06683 10.8036 5.89473C10.9311 5.72263 10.9999 5.51416 11 5.3V4H13V5.3C13.0001 5.51416 13.0689 5.72263 13.1964 5.89473C13.3238 6.06683 13.5032 6.19347 13.708 6.256C14.5995 6.53321 15.4152 7.0119 16.092 7.655C16.2482 7.80372 16.4483 7.89792 16.6624 7.92352C16.8765 7.94911 17.0932 7.90473 17.28 7.797L18.424 7.136L19.424 8.865L18.3 9.514C18.112 9.62262 17.9644 9.78948 17.8796 9.98938C17.7948 10.1893 17.7774 10.4113 17.83 10.622C17.942 11.074 18 11.538 18 12C18 12.461 17.942 12.925 17.829 13.378C17.7765 13.5888 17.7941 13.8109 17.8791 14.0108C17.964 14.2107 18.1118 14.3775 18.3 14.486L19.423 15.135L18.425 16.864L17.28 16.203C17.0933 16.0948 16.8765 16.0501 16.6623 16.0757C16.448 16.1013 16.2479 16.1958 16.092 16.345C15.4155 16.9884 14.5997 17.4672 13.708 17.744C13.5032 17.8065 13.3238 17.9332 13.1964 18.1053C13.0689 18.2774 13.0001 18.4858 13 18.7L13.002 20H11V18.7C10.9999 18.4858 10.9311 18.2774 10.8036 18.1053C10.6762 17.9332 10.4968 17.8065 10.292 17.744C9.4005 17.4668 8.58477 16.9881 7.90799 16.345C7.7523 16.1954 7.55205 16.1007 7.33764 16.0753C7.12323 16.0498 6.90638 16.095 6.71999 16.204L5.57599 16.866L4.57599 15.137L5.69999 14.486C5.88819 14.3775 6.03594 14.2107 6.12092 14.0108C6.2059 13.8109 6.22348 13.5888 6.17099 13.378Z" />`;
+    const filledPaths = `<path d="M2.34404 15.271L4.34404 18.731C4.47682 18.9605 4.69531 19.1279 4.95147 19.1963C5.20763 19.2648 5.48049 19.2287 5.71004 19.096L7.10604 18.29C7.68604 18.747 8.32704 19.122 9.00104 19.402V21C9.00104 21.2652 9.1064 21.5196 9.29394 21.7071C9.48147 21.8946 9.73583 22 10.001 22H14.001C14.2663 22 14.5206 21.8946 14.7082 21.7071C14.8957 21.5196 15.001 21.2652 15.001 21V19.402C15.6803 19.1192 16.3179 18.7451 16.896 18.29L18.292 19.096C18.769 19.371 19.383 19.206 19.658 18.731L21.658 15.271C21.7897 15.0412 21.8251 14.7687 21.7568 14.5129C21.6884 14.257 21.5217 14.0385 21.293 13.905L19.921 13.112C20.0282 12.3745 20.0276 11.6253 19.919 10.888L21.291 10.095C21.767 9.82 21.932 9.205 21.656 8.729L19.656 5.269C19.5233 5.0395 19.3048 4.87212 19.0486 4.80367C18.7925 4.73523 18.5196 4.77131 18.29 4.904L16.894 5.71C16.3166 5.25438 15.6793 4.88022 15 4.598V3C15 2.73478 14.8947 2.48043 14.7072 2.29289C14.5196 2.10536 14.2653 2 14 2H10C9.73483 2 9.48047 2.10536 9.29294 2.29289C9.1054 2.48043 9.00004 2.73478 9.00004 3V4.598C8.32077 4.88081 7.68323 5.25492 7.10504 5.71L5.71004 4.904C5.59641 4.83817 5.47091 4.79539 5.34073 4.7781C5.21055 4.76082 5.07824 4.76937 4.95136 4.80327C4.82449 4.83717 4.70555 4.89576 4.60134 4.97567C4.49713 5.05559 4.40969 5.15526 4.34404 5.269L2.34404 8.729C2.21243 8.9588 2.17694 9.2313 2.24531 9.48715C2.31367 9.74299 2.48035 9.96147 2.70904 10.095L4.08104 10.888C3.97318 11.6254 3.97318 12.3746 4.08104 13.112L2.70904 13.905C2.23304 14.18 2.06804 14.795 2.34404 15.271ZM12 8C14.206 8 16 9.794 16 12C16 14.206 14.206 16 12 16C9.79404 16 8.00004 14.206 8.00004 12C8.00004 9.794 9.79404 8 12 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-cog")) {
+  customElements.define("icon-cog", NavaIconCog);
+}

package/dist/chunk-NZO6NNDN.js

@@ -0,0 +1,49 @@
+// src/icons/street-view.ts
+var NavaIconStreetView = 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 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
+<path d="M12 18H14V13H16V9C16 7.897 15.103 7 14 7H10C8.897 7 8 7.897 8 9V13H10V18H12Z" />
+<path d="M18.446 11.386L17.553 13.175C19.108 13.95 20 14.98 20 16C20 17.892 16.715 20 12 20C7.285 20 4 17.892 4 16C4 14.98 4.892 13.95 6.446 13.175L5.553 11.386C3.295 12.512 2 14.193 2 16C2 19.364 6.393 22 12 22C17.607 22 22 19.364 22 16C22 14.193 20.705 12.512 18.446 11.386Z" />`;
+    const filledPaths = `<path d="M12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
+<path d="M12 18H14V13H16V9C16 7.897 15.103 7 14 7H10C8.897 7 8 7.897 8 9V13H10V18H12Z" />
+<path d="M18.446 11.386L17.553 13.175C19.108 13.95 20 14.98 20 16C20 17.892 16.715 20 12 20C7.285 20 4 17.892 4 16C4 14.98 4.892 13.95 6.446 13.175L5.553 11.386C3.295 12.512 2 14.193 2 16C2 19.364 6.393 22 12 22C17.607 22 22 19.364 22 16C22 14.193 20.705 12.512 18.446 11.386Z" />`;
+    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-street-view")) {
+  customElements.define("icon-street-view", NavaIconStreetView);
+}

package/dist/chunk-NZVYHFXF.js

@@ -0,0 +1,47 @@
+// src/icons/bus-school.ts
+var NavaIconBusSchool = 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.259 11.948C21.4698 11.8939 21.6568 11.7716 21.7909 11.6001C21.9249 11.4287 21.9984 11.2176 22 11V8C22 7.73557 21.8952 7.48192 21.7085 7.29466C21.5218 7.1074 21.2684 7.00179 21.004 7.001V6H21C21 3.794 19.206 2 17 2H7C4.794 2 3 3.794 3 6V7C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8V11C2 11.461 2.317 11.832 2.742 11.948C2.26138 12.618 2.00229 13.4215 2.001 14.246L2.005 18.003C2.006 18.736 2.409 19.372 3 19.719V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.726C21.1533 19.6404 21.2949 19.5352 21.421 19.413C21.798 19.035 22.006 18.532 22.005 17.998L22.001 14.239C21.9971 13.4169 21.7378 12.6163 21.259 11.948ZM5 18H4.005L4.001 14.243C4 13.784 4.162 13.353 4.444 13H19.555C19.838 13.353 20 13.783 20.001 14.242L20.006 18H5ZM11.004 8V11H5V8H11.004ZM19 11H13.004V8H19V11ZM7 4H17C18.103 4 19 4.897 19 6H15V5H9V6H5C5 4.897 5.897 4 7 4Z" />
+<path d="M6.5 17C7.32843 17 8 16.3284 8 15.5C8 14.6716 7.32843 14 6.5 14C5.67157 14 5 14.6716 5 15.5C5 16.3284 5.67157 17 6.5 17Z" />
+<path d="M17.5 17C18.3284 17 19 16.3284 19 15.5C19 14.6716 18.3284 14 17.5 14C16.6716 14 16 14.6716 16 15.5C16 16.3284 16.6716 17 17.5 17Z" />`;
+    const filledPaths = `<path d="M21 11.597V11H22V8H21V6C21 3.794 19.206 2 17 2H7C4.794 2 3 3.794 3 6V8H2V11H3V11.597C2.353 12.327 1.99739 13.2696 2.001 14.245L2.005 18.003C2.006 18.736 2.409 19.372 3 19.719V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.726C21.1533 19.6404 21.2949 19.5352 21.421 19.413C21.798 19.035 22.006 18.532 22.005 17.998L22.001 14.239C22.0031 13.2653 21.6468 12.3249 21 11.597ZM8 4H16V6H8V4ZM6.5 17C6.10204 16.9999 5.72044 16.8417 5.43913 16.5602C5.15783 16.2787 4.99987 15.897 5 15.499C5.00013 15.101 5.15835 14.7194 5.43984 14.4381C5.72133 14.1568 6.10304 13.9989 6.501 13.999C6.89896 13.9991 7.28056 14.1573 7.56187 14.4388C7.84317 14.7203 8.00113 15.102 8.001 15.5C8.00087 15.898 7.84265 16.2796 7.56116 16.5609C7.27967 16.8422 6.89796 17.0001 6.5 17ZM11 12H5V8H11V12ZM17.5 17C17.102 16.9999 16.7204 16.8417 16.4391 16.5602C16.1578 16.2787 15.9999 15.897 16 15.499C16.0001 15.101 16.1583 14.7194 16.4398 14.4381C16.7213 14.1568 17.103 13.9989 17.501 13.999C17.899 13.9991 18.2806 14.1573 18.5619 14.4388C18.8432 14.7203 19.0011 15.102 19.001 15.5C19.0009 15.898 18.8427 16.2796 18.5612 16.5609C18.2797 16.8422 17.898 17.0001 17.5 17ZM19 12H13V8H19V12Z" />`;
+    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-bus-school")) {
+  customElements.define("icon-bus-school", NavaIconBusSchool);
+}

package/dist/chunk-O4N7I6VV.js

@@ -0,0 +1,47 @@
+// src/icons/sushi.ts
+var NavaIconSushi = 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 2C7.51 2 4 4.2 4 7V17C4 19.8 7.51 22 12 22C16.49 22 20 19.8 20 17V7C20 4.2 16.49 2 12 2ZM12 20C8.46 20 6 18.42 6 17V10.33C7.7856 11.4795 9.87729 12.0617 12 12C14.1227 12.0617 16.2144 11.4795 18 10.33V17C18 18.42 15.54 20 12 20ZM12 10C8.46 10 6 8.42 6 7C6 5.58 8.46 4 12 4C15.54 4 18 5.58 18 7C18 8.42 15.54 10 12 10Z" />
+<path d="M12 8.70998C13.6569 8.70998 15 7.94439 15 6.99998C15 6.05557 13.6569 5.28998 12 5.28998C10.3431 5.28998 9 6.05557 9 6.99998C9 7.94439 10.3431 8.70998 12 8.70998Z" />`;
+    const filledPaths = `<path d="M12.0701 8.70998C13.7269 8.70998 15.0701 7.94439 15.0701 6.99998C15.0701 6.05557 13.7269 5.28998 12.0701 5.28998C10.4132 5.28998 9.07007 6.05557 9.07007 6.99998C9.07007 7.94439 10.4132 8.70998 12.0701 8.70998Z" />
+<path d="M12.0701 22C16.5501 22 20.0701 19.8 20.0701 17V7C20.0701 4.2 16.5501 2 12.0701 2C7.59007 2 4.07007 4.2 4.07007 7V17C4.07007 19.8 7.58007 22 12.0701 22ZM12.0701 4C15.6001 4 18.0701 5.58 18.0701 7C18.0421 7.30855 17.9428 7.60638 17.7801 7.87C17.1001 8.87 15.2501 9.87 12.7801 9.99H11.3901C8.88007 9.83 7.00007 8.89 6.35007 7.84C6.20965 7.60659 6.11465 7.34872 6.07007 7.08V7C6.07007 5.58 8.53007 4 12.0701 4Z" />`;
+    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-sushi")) {
+  customElements.define("icon-sushi", NavaIconSushi);
+}

package/dist/chunk-O4TDZRUM.js

@@ -0,0 +1,47 @@
+// src/icons/playlist.ts
+var NavaIconPlaylist = 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="M13 16.493C13 18.427 14.573 20 16.507 20C18.441 20 20.014 18.427 20.014 16.493C20.014 16.316 19.987 16.146 19.961 15.976H20V6H22V4H19C18.7348 4 18.4804 4.10536 18.2929 4.29289C18.1054 4.48043 18 4.73478 18 5V13.333C17.5344 13.1077 17.0243 12.9894 16.507 12.987C15.5773 12.9878 14.6859 13.3574 14.0284 14.0147C13.3709 14.672 13.0011 15.5633 13 16.493ZM2 5H16V7H2V5Z" />
+<path d="M2 9H16V11H2V9ZM2 13H11V15H2V13ZM2 17H11V19H2V17Z" />`;
+    const filledPaths = `<path d="M13 16.493C13 18.427 14.573 20 16.507 20C18.441 20 20.014 18.427 20.014 16.493C20.014 16.316 19.987 16.146 19.961 15.976H20V6H22V4H19C18.7348 4 18.4804 4.10536 18.2929 4.29289C18.1054 4.48043 18 4.73478 18 5V13.333C17.5344 13.1077 17.0243 12.9894 16.507 12.987C15.5773 12.9878 14.6859 13.3574 14.0284 14.0147C13.3709 14.672 13.0011 15.5633 13 16.493ZM2 5H16V7H2V5Z" />
+<path d="M2 9H16V11H2V9ZM2 13H11V15H2V13ZM2 17H11V19H2V17Z" />`;
+    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-playlist")) {
+  customElements.define("icon-playlist", NavaIconPlaylist);
+}

package/dist/chunk-O5CVILZO.js

@@ -0,0 +1,46 @@
+// src/icons/message-square-edit.ts
+var NavaIconMessageSquareEdit = 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="M7 14.987V16.986H8.999L14.528 11.464L12.53 9.466L7 14.987ZM15.47 10.522L13.472 8.522L14.995 7L16.995 8.999L15.47 10.522Z" />`;
+    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 2ZM8.999 17H7V15.001L12.53 9.479L14.529 11.478L8.999 17ZM15.472 10.535L13.473 8.536L14.997 7.013L16.996 9.012L15.472 10.535Z" />`;
+    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-edit")) {
+  customElements.define("icon-message-square-edit", NavaIconMessageSquareEdit);
+}

package/dist/chunk-O5M2XKVJ.js

@@ -0,0 +1,45 @@
+// src/icons/square.ts
+var NavaIconSquare = 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 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3ZM19 19H5V5H19V19Z" />`;
+    const filledPaths = `<path d="M20 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3Z" />`;
+    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-square")) {
+  customElements.define("icon-square", NavaIconSquare);
+}

package/dist/chunk-O5M4PCRO.js

@@ -0,0 +1,45 @@
+// src/icons/leaf.ts
+var NavaIconLeaf = 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.88 2.15L20.68 2.55C18.6234 3.26454 16.4273 3.48382 14.27 3.19C12.0031 2.83821 9.68292 3.15082 7.59 4.09C6.48048 4.56245 5.50675 5.30491 4.75747 6.24981C4.00819 7.1947 3.50716 8.31201 3.3 9.5C3.08926 10.6425 3.11082 11.8156 3.36338 12.9496C3.61594 14.0835 4.09433 15.155 4.77 16.1C4.71 16.31 4.65 16.52 4.6 16.73C4.19384 18.457 3.99245 20.2259 4 22H6C6.094 20.5478 6.29116 19.1042 6.59 17.68C7.97743 18.4292 9.53335 18.8113 11.11 18.79C12.5805 18.789 14.0358 18.4932 15.39 17.92C23 14.67 22 3.86 22 3.41L21.88 2.15ZM14.61 16.08C12 17.19 8.88 17 7.13 15.63C7.42576 14.641 7.83164 13.6884 8.34 12.79C8.73519 12.1434 9.20142 11.543 9.73 11C10.2701 10.4512 10.8784 9.97396 11.54 9.58C12.9071 8.76255 14.4232 8.22545 16 8V7C14.1858 6.9372 12.3827 7.30741 10.74 8.08C9.06042 8.89955 7.63602 10.1615 6.62 11.73C6.24317 12.3291 5.90901 12.954 5.62 13.6C5.15652 12.4144 5.02514 11.1248 5.24 9.87C5.38077 8.99153 5.7429 8.16337 6.29225 7.46357C6.8416 6.76376 7.56008 6.21534 8.38 5.87C9.57561 5.31116 10.8802 5.02428 12.2 5.03C12.82 5.03 13.43 5.09 14.07 5.14C16.0743 5.3986 18.1093 5.27989 20.07 4.79C20 7.55 19.5 14 14.61 16.08Z" />`;
+    const filledPaths = `<path d="M22.0001 3.41L21.8801 2.15L20.6801 2.55C18.6235 3.26454 16.4273 3.48382 14.2701 3.19C12.0032 2.83821 9.68298 3.15082 7.59006 4.09C6.48054 4.56245 5.50681 5.30491 4.75754 6.24981C4.00826 7.1947 3.50723 8.31201 3.30006 9.5C3.03144 11.0347 3.16582 12.6128 3.69006 14.08C4.02761 13.3181 4.42206 12.5827 4.87006 11.88C5.88626 10.3848 7.29434 9.19818 8.94006 8.45C10.5255 7.72613 12.2584 7.38365 14.0001 7.45C12.3421 7.7035 10.7551 8.29948 9.34006 9.2C8.65753 9.62885 8.03249 10.143 7.48006 10.73C6.95172 11.3167 6.48588 11.9568 6.09006 12.64C5.34659 14.068 4.81758 15.5978 4.52006 17.18C4.19937 18.7673 4.02531 20.3808 4.00006 22H6.00006C6.09406 20.5478 6.29122 19.1042 6.59006 17.68C7.97749 18.4292 9.53341 18.8113 11.1101 18.79C12.5805 18.789 14.0359 18.4932 15.3901 17.92C23.0001 14.67 22.0001 3.86 22.0001 3.41Z" />`;
+    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-leaf")) {
+  customElements.define("icon-leaf", NavaIconLeaf);
+}

package/dist/chunk-O5PKJPZ6.js

@@ -0,0 +1,47 @@
+// src/icons/unite.ts
+var NavaIconUnite = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M15 16C15.2652 16 15.5196 15.8946 15.7071 15.7071C15.8946 15.5196 16 15.2652 16 15V9C16 8.73478 15.8946 8.48043 15.7071 8.29289C15.5196 8.10536 15.2652 8 15 8H9C8.73478 8 8.48043 8.10536 8.29289 8.29289C8.10536 8.48043 8 8.73478 8 9V15C8 15.2652 8.10536 15.5196 8.29289 15.7071C8.48043 15.8946 8.73478 16 9 16H15Z" />
+<path d="M5 16H6V8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6H16V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V14C3 14.5304 3.21071 15.0391 3.58579 15.4142C3.96086 15.7893 4.46957 16 5 16ZM8 19C8 19.5304 8.21071 20.0391 8.58579 20.4142C8.96086 20.7893 9.46957 21 10 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V10C21 9.46957 20.7893 8.96086 20.4142 8.58579C20.0391 8.21071 19.5304 8 19 8H18V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H8V19Z" />`;
+    const filledPaths = `<path d="M15 16C15.2652 16 15.5196 15.8946 15.7071 15.7071C15.8946 15.5196 16 15.2652 16 15V9C16 8.73478 15.8946 8.48043 15.7071 8.29289C15.5196 8.10536 15.2652 8 15 8H9C8.73478 8 8.48043 8.10536 8.29289 8.29289C8.10536 8.48043 8 8.73478 8 9V15C8 15.2652 8.10536 15.5196 8.29289 15.7071C8.48043 15.8946 8.73478 16 9 16H15Z" />
+<path d="M5 16H6V8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6H16V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V14C3 14.5304 3.21071 15.0391 3.58579 15.4142C3.96086 15.7893 4.46957 16 5 16ZM8 19C8 19.5304 8.21071 20.0391 8.58579 20.4142C8.96086 20.7893 9.46957 21 10 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V10C21 9.46957 20.7893 8.96086 20.4142 8.58579C20.0391 8.21071 19.5304 8 19 8H18V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H8V19Z" />`;
+    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-unite")) {
+  customElements.define("icon-unite", NavaIconUnite);
+}

package/dist/chunk-O7RKBZEU.js

@@ -0,0 +1,45 @@
+// src/icons/hash.ts
+var NavaIconHash = 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.018 3.815L15.232 8H10.266L10.982 4.185L9.018 3.815L8.232 8H4V10H7.857L7.106 14H3V16H6.731L6.017 19.805L7.982 20.174L8.766 16H13.732L13.018 19.805L14.983 20.174L15.766 16H20V14H16.141L16.892 10H21V8H17.267L17.983 4.185L16.018 3.815ZM14.106 14H9.141L9.892 10H14.858L14.106 14Z" />`;
+    const filledPaths = `<path d="M16.018 3.815L15.232 8H10.266L10.982 4.185L9.018 3.815L8.232 8H4V10H7.857L7.106 14H3V16H6.731L6.017 19.805L7.982 20.174L8.766 16H13.732L13.018 19.805L14.983 20.174L15.766 16H20V14H16.141L16.892 10H21V8H17.267L17.983 4.185L16.018 3.815ZM14.106 14H9.141L9.892 10H14.858L14.106 14Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-hash")) {
+  customElements.define("icon-hash", NavaIconHash);
+}

package/dist/chunk-O7ZVXSM7.js

@@ -0,0 +1,47 @@
+// src/icons/walk.ts
+var NavaIconWalk = 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="M13 6C14.1046 6 15 5.10457 15 4C15 2.89543 14.1046 2 13 2C11.8954 2 11 2.89543 11 4C11 5.10457 11.8954 6 13 6Z" />
+<path d="M13.978 12.27C14.223 12.638 14.589 12.917 15.009 13.057L17.684 13.949L18.317 12.053L15.642 11.161L13.979 8.666C13.7855 8.37715 13.5206 8.14324 13.21 7.987L11.776 7.27C11.3494 7.05672 10.8603 7.00384 10.398 7.121L7.20498 7.918C6.92472 7.98783 6.66289 8.11746 6.43746 8.29802C6.21203 8.47857 6.02833 8.70576 5.89898 8.964L4.10498 12.553L5.89398 13.448L7.68798 9.859L9.91098 9.303L8.10698 17.649L4.43298 20.176L5.56598 21.824L9.24098 19.296C9.66198 19.006 9.95398 18.571 10.061 18.071L10.578 15.683L13.095 17.571L14.02 22.196L15.981 21.803L15.056 17.176C14.9589 16.694 14.6876 16.2647 14.294 15.97L12.123 14.342L12.77 10.457L13.978 12.27Z" />`;
+    const filledPaths = `<path d="M13 6C14.1046 6 15 5.10457 15 4C15 2.89543 14.1046 2 13 2C11.8954 2 11 2.89543 11 4C11 5.10457 11.8954 6 13 6Z" />
+<path d="M13.978 12.27C14.223 12.638 14.589 12.917 15.009 13.057L17.684 13.949L18.317 12.053L15.642 11.161L13.979 8.666C13.7855 8.37715 13.5206 8.14324 13.21 7.987L11.776 7.27C11.3494 7.05672 10.8603 7.00384 10.398 7.121L7.20498 7.918C6.92472 7.98783 6.66289 8.11746 6.43746 8.29802C6.21203 8.47857 6.02833 8.70576 5.89898 8.964L4.10498 12.553L5.89398 13.448L7.68798 9.859L9.91098 9.303L8.10698 17.649L4.43298 20.176L5.56598 21.824L9.24098 19.296C9.66198 19.006 9.95398 18.571 10.061 18.071L10.578 15.683L13.095 17.571L14.02 22.196L15.981 21.803L15.056 17.176C14.9589 16.694 14.6876 16.2647 14.294 15.97L12.123 14.342L12.77 10.457L13.978 12.27Z" />`;
+    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-walk")) {
+  customElements.define("icon-walk", NavaIconWalk);
+}

package/dist/chunk-OBNBIGYD.js

@@ -0,0 +1,45 @@
+// src/icons/paper-plane.ts
+var NavaIconPaperPlane = 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.56 3.34001C20.4151 3.23977 20.2464 3.17959 20.0708 3.16554C19.8952 3.15149 19.719 3.18408 19.56 3.26001L2.56 11.26C2.38673 11.3425 2.24086 11.4731 2.13978 11.6362C2.03871 11.7994 1.98672 11.9881 1.99 12.18C1.99318 12.3718 2.05143 12.5586 2.15781 12.7181C2.26419 12.8777 2.41422 13.0033 2.59 13.08L8 15.45V22.17L13.84 18L18.6 20.08C18.725 20.1394 18.8616 20.1701 19 20.17C19.1838 20.1688 19.3637 20.1169 19.52 20.02C19.6577 19.9367 19.7732 19.8213 19.8568 19.6838C19.9403 19.5463 19.9895 19.3906 20 19.23L21 4.23001C21.0105 4.05619 20.9754 3.88265 20.8983 3.72655C20.8211 3.57045 20.7045 3.43721 20.56 3.34001ZM18.1 17.68L12.83 15.37L16 9.17001L8.35 13.42L5.42 12.13L18.89 5.79001L18.1 17.68Z" />`;
+    const filledPaths = `<path d="M2.59994 13.083L6.05194 14.594L15.9999 9.167L9.99994 16.167L18.5999 20.083C18.747 20.1474 18.9074 20.1755 19.0676 20.1648C19.2279 20.1541 19.3831 20.105 19.5204 20.0216C19.6576 19.9382 19.7727 19.8231 19.856 19.6858C19.9393 19.5485 19.9883 19.3932 19.9989 19.233L20.9989 4.233C21.0101 4.05938 20.9758 3.88585 20.8995 3.7295C20.8233 3.57314 20.7076 3.43934 20.5639 3.34126C20.4202 3.24317 20.2534 3.1842 20.08 3.17012C19.9066 3.15605 19.7326 3.18737 19.5749 3.261L2.57494 11.261C2.40152 11.3433 2.25539 11.4736 2.15392 11.6365C2.05245 11.7995 1.9999 11.9881 2.00254 12.18C2.00517 12.3719 2.06287 12.5591 2.16877 12.7191C2.27468 12.8792 2.42433 13.0055 2.59994 13.083ZM7.99994 22.167L12.7759 19.851L7.99994 17.623V22.167Z" />`;
+    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-paper-plane")) {
+  customElements.define("icon-paper-plane", NavaIconPaperPlane);
+}

package/dist/chunk-OBOQ3MJC.js

@@ -0,0 +1,45 @@
+// src/icons/objects-vertical-center.ts
+var NavaIconObjectsVerticalCenter = 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 7C20 6.73478 19.8946 6.48043 19.7071 6.29289C19.5196 6.10536 19.2652 6 19 6H14C13.7348 6 13.4804 6.10536 13.2929 6.29289C13.1054 6.48043 13 6.73478 13 7V11H11V5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4H5C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5V11H2V13H4V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19V13H13V17C13 17.2652 13.1054 17.5196 13.2929 17.7071C13.4804 17.8946 13.7348 18 14 18H19C19.2652 18 19.5196 17.8946 19.7071 17.7071C19.8946 17.5196 20 17.2652 20 17V13H22V11H20V7ZM9 18H6V6H9V18ZM18 16H15V8H18V16Z" />`;
+    const filledPaths = `<path d="M19 7C19 6.73478 18.8946 6.48043 18.7071 6.29289C18.5196 6.10536 18.2652 6 18 6H14C13.7348 6 13.4804 6.10536 13.2929 6.29289C13.1054 6.48043 13 6.73478 13 7V11H11V5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4H6C5.73478 4 5.48043 4.10536 5.29289 4.29289C5.10536 4.48043 5 4.73478 5 5V11H2V13H5V19C5 19.2652 5.10536 19.5196 5.29289 19.7071C5.48043 19.8946 5.73478 20 6 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19V13H13V17C13 17.2652 13.1054 17.5196 13.2929 17.7071C13.4804 17.8946 13.7348 18 14 18H18C18.2652 18 18.5196 17.8946 18.7071 17.7071C18.8946 17.5196 19 17.2652 19 17V13H22V11H19V7Z" />`;
+    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-objects-vertical-center")) {
+  customElements.define("icon-objects-vertical-center", NavaIconObjectsVerticalCenter);
+}