@whydrf/nava-icon-web-components 1.0.0 → 1.0.2

package/dist/chunk-7R442F25.js

@@ -1,46 +0,0 @@
-// src/icons/left-arrow-circle.ts
-var NavaIconLeftArrowCircle = 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="M11.999 1.993C6.48602 1.994 2.00002 6.48 1.99902 11.994C1.99902 17.508 6.48502 21.994 12 21.994C17.514 21.993 22 17.507 22 11.994C22 6.48 17.514 1.994 11.999 1.993ZM12 19.994C7.58802 19.994 3.99902 16.405 3.99902 11.994C4.00002 7.583 7.58902 3.994 11.999 3.993C16.411 3.994 20 7.583 20 11.994C20 16.404 16.411 19.993 12 19.994Z" />
-<path d="M12.012 7.989L8.00702 11.994L12.012 15.998V12.994H16.006V10.994H12.012V7.989Z" />`;
-    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 2ZM17 13H12V17L7 12L12 7V11H17V13Z" />`;
-    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-left-arrow-circle")) {
-  customElements.define("icon-left-arrow-circle", NavaIconLeftArrowCircle);
-}

package/dist/chunk-7R4AT2Y2.js

@@ -1,47 +0,0 @@
-// src/icons/happy-beaming.ts
-var NavaIconHappyBeaming = 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 18C16 18 17 14 17 14H7C7 14 8 18 12 18Z" />
-<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
-<path d="M13 12L15 12.012C15.012 11.55 15.194 11 16 11C16.806 11 16.988 11.55 17 12H19C19 10.794 18.201 9 16 9C13.799 9 13 10.794 13 12ZM8 11C8.806 11 8.988 11.55 9 12H11C11 10.794 10.201 9 8 9C5.799 9 5 10.794 5 12L7 12.012C7.012 11.55 7.194 11 8 11Z" />`;
-    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 2ZM8 9C10.201 9 11 10.794 11 12H9C8.988 11.55 8.806 11 8 11C7.194 11 7.012 11.55 7 12.012L5 12C5 10.794 5.799 9 8 9ZM12 18C8 18 7 14 7 14H17C17 14 16 18 12 18ZM17 12C16.988 11.55 16.806 11 16 11C15.194 11 15.012 11.55 15 12.012L13 12C13 10.794 13.799 9 16 9C18.201 9 19 10.794 19 12H17Z" />`;
-    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-happy-beaming")) {
-  customElements.define("icon-happy-beaming", NavaIconHappyBeaming);
-}

package/dist/chunk-7RZFX6MA.js

@@ -1,45 +0,0 @@
-// src/icons/sort-z-a.ts
-var NavaIconSortZA = 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.707 14.707C19.8468 14.5671 19.942 14.389 19.9806 14.195C20.0192 14.0011 19.9993 13.8 19.9237 13.6173C19.848 13.4346 19.7199 13.2785 19.5555 13.1686C19.391 13.0587 19.1978 13 19 13H12V15H16.586L12.293 19.293C12.1532 19.4329 12.058 19.611 12.0194 19.805C11.9808 19.9989 12.0007 20.2 12.0763 20.3827C12.152 20.5654 12.2801 20.7215 12.4445 20.8314C12.609 20.9413 12.8022 21 13 21H20V19H15.414L19.707 14.707ZM6 3.99L2 7.99H5V19.99H7V7.99H10L6 3.99ZM17 3H15C14.583 3 14.21 3.259 14.063 3.649L11.313 10.982H13.45L14.193 9H17.806L18.549 10.981H20.686L17.936 3.648C17.8644 3.45761 17.7364 3.29359 17.5692 3.17781C17.402 3.06203 17.2034 3 17 3ZM14.943 7L15.693 5H16.306L17.056 7H14.943Z" />`;
-    const filledPaths = `<path d="M19.707 14.707C19.8468 14.5671 19.942 14.389 19.9806 14.195C20.0192 14.0011 19.9993 13.8 19.9237 13.6173C19.848 13.4346 19.7199 13.2785 19.5555 13.1686C19.391 13.0587 19.1978 13 19 13H12V15H16.586L12.293 19.293C12.1532 19.4329 12.058 19.611 12.0194 19.805C11.9808 19.9989 12.0007 20.2 12.0763 20.3827C12.152 20.5654 12.2801 20.7215 12.4445 20.8314C12.609 20.9413 12.8022 21 13 21H20V19H15.414L19.707 14.707ZM6 3.99L2 7.99H5V19.99H7V7.99H10L6 3.99ZM17 3H15C14.583 3 14.21 3.259 14.063 3.649L11.313 10.982H13.45L14.193 9H17.806L18.549 10.981H20.686L17.936 3.648C17.8644 3.45761 17.7364 3.29359 17.5692 3.17781C17.402 3.06203 17.2034 3 17 3ZM14.943 7L15.693 5H16.306L17.056 7H14.943Z" />`;
-    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-sort-z-a")) {
-  customElements.define("icon-sort-z-a", NavaIconSortZA);
-}

package/dist/chunk-7SC25YWH.js

@@ -1,51 +0,0 @@
-// src/icons/cast.ts
-var NavaIconCast = 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="M11 21.001H13C13 14.935 8.065 10 2 10V12C6.962 12 11 16.038 11 21.001Z" />
-<path d="M7 21.001H9C9 17.141 5.86 14 2 14V16C4.757 16 7 18.243 7 21.001Z" />
-<path d="M3.5 21C4.32843 21 5 20.3284 5 19.5C5 18.6716 4.32843 18 3.5 18C2.67157 18 2 18.6716 2 19.5C2 20.3284 2.67157 21 3.5 21Z" />
-<path d="M20 4H4C2.897 4 2 4.897 2 6V8.052C2.68 8.077 3.349 8.146 4 8.269V6H20V19H14.731C14.854 19.651 14.922 20.32 14.948 21H20C21.103 21 22 20.103 22 19V6C22 4.897 21.103 4 20 4Z" />`;
-    const filledPaths = `<path d="M11 21.001H13C13 14.935 8.065 10 2 10V12C6.962 12 11 16.038 11 21.001Z" />
-<path d="M7 21.001H9C9 17.141 5.86 14 2 14V16C4.757 16 7 18.243 7 21.001Z" />
-<path d="M3.5 21C4.32843 21 5 20.3284 5 19.5C5 18.6716 4.32843 18 3.5 18C2.67157 18 2 18.6716 2 19.5C2 20.3284 2.67157 21 3.5 21Z" />
-<path d="M20 4H4C2.897 4 2 4.897 2 6V8.052C2.68 8.077 3.349 8.146 4 8.269V6H20V19H14.731C14.854 19.651 14.922 20.32 14.948 21H20C21.103 21 22 20.103 22 19V6C22 4.897 21.103 4 20 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-cast")) {
-  customElements.define("icon-cast", NavaIconCast);
-}

package/dist/chunk-7VPUZZI2.js

@@ -1,45 +0,0 @@
-// src/icons/shield-quarter.ts
-var NavaIconShieldQuarter = 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.995 6.90001C20.9784 6.73196 20.9194 6.57087 20.8235 6.43183C20.7277 6.29279 20.5981 6.18034 20.447 6.10501L12.447 2.10501C12.3081 2.03549 12.1549 1.9993 11.9995 1.9993C11.8442 1.9993 11.6909 2.03549 11.552 2.10501L3.552 6.10501C3.40128 6.18077 3.27212 6.29335 3.17649 6.43233C3.08087 6.5713 3.02189 6.73217 3.005 6.90001C2.994 7.00701 2.044 17.667 11.594 21.914C11.7216 21.9716 11.86 22.0014 12 22.0014C12.14 22.0014 12.2784 21.9716 12.406 21.914C21.956 17.667 21.006 7.00801 20.995 6.90001ZM12 19.897V12H5.51C5.12172 10.5783 4.93854 9.1085 4.966 7.63501L12 4.11801V12H18.46C17.701 14.74 15.962 17.979 12 19.897Z" />`;
-    const filledPaths = `<path d="M20.995 6.90001C20.9784 6.73196 20.9194 6.57087 20.8235 6.43183C20.7277 6.29279 20.5981 6.18034 20.447 6.10501L12.447 2.10501C12.3081 2.03549 12.1549 1.9993 11.9995 1.9993C11.8442 1.9993 11.6909 2.03549 11.552 2.10501L3.552 6.10501C3.40128 6.18077 3.27212 6.29335 3.17649 6.43233C3.08087 6.5713 3.02189 6.73217 3.005 6.90001C2.994 7.00701 2.044 17.667 11.594 21.914C11.7216 21.9716 11.86 22.0014 12 22.0014C12.14 22.0014 12.2784 21.9716 12.406 21.914C21.956 17.667 21.006 7.00801 20.995 6.90001ZM12 19.897V12H5.51C5.12172 10.5783 4.93854 9.1085 4.966 7.63501L12 4.11801V12H18.46C17.701 14.74 15.962 17.979 12 19.897Z" />`;
-    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
-    const strokeBased = isFilled ? false : false;
-    this.shadowRoot.innerHTML = `
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        width="${size}"
-        height="${size}"
-        fill="${strokeBased ? "none" : color}"
-        stroke="${strokeBased ? color : "none"}"
-        stroke-width="${strokeBased ? strokeWidth : ""}"
-        ${strokeBased ? 'stroke-linecap="round"' : ""}
-        ${strokeBased ? 'stroke-linejoin="round"' : ""}
-      >
-        ${paths}
-      </svg>
-    `;
-  }
-};
-if (!customElements.get("icon-shield-quarter")) {
-  customElements.define("icon-shield-quarter", NavaIconShieldQuarter);
-}

package/dist/chunk-7YGAEYVJ.js

@@ -1,45 +0,0 @@
-// src/icons/traffic.ts
-var NavaIconTraffic = class extends HTMLElement {
-  static get observedAttributes() {
-    return ["size", "color", "stroke-width", "mode"];
-  }
-  constructor() {
-    super();
-    this.attachShadow({ mode: "open" });
-  }
-  connectedCallback() {
-    this.render();
-  }
-  attributeChangedCallback() {
-    this.render();
-  }
-  render() {
-    const size = this.getAttribute("size") || "24";
-    const color = this.getAttribute("color") || "currentColor";
-    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
-    const mode = this.getAttribute("mode") || "regular";
-    const isFilled = mode === "filled";
-    const regularPaths = `<path d="M2.95801 16L3.00101 17.042C3.00601 17.162 3.14301 19.297 6.00001 20.38V21.5C6.00001 21.6326 6.05269 21.7598 6.14645 21.8536C6.24022 21.9473 6.3674 22 6.50001 22H17.5C17.6326 22 17.7598 21.9473 17.8536 21.8536C17.9473 21.7598 18 21.6326 18 21.5V20.38C20.857 19.297 20.994 17.162 20.999 17.042L21.043 16H18V14.38C20.857 13.297 20.994 11.162 20.999 11.042L21.043 10H18V8.38C20.857 7.297 20.994 5.162 20.999 5.042L21.043 4H18V2.5C18 2.36739 17.9473 2.24021 17.8536 2.14645C17.7598 2.05268 17.6326 2 17.5 2H6.50001C6.3674 2 6.24022 2.05268 6.14645 2.14645C6.05269 2.24021 6.00001 2.36739 6.00001 2.5V4H2.95801L3.00101 5.042C3.00601 5.162 3.14301 7.297 6.00001 8.38V10H2.95801L3.00101 11.042C3.00601 11.162 3.14301 13.297 6.00001 14.38V16H2.95801ZM12 4C12.2627 4.00007 12.5228 4.05187 12.7655 4.15247C13.0082 4.25307 13.2287 4.40048 13.4144 4.58629C13.6001 4.7721 13.7474 4.99267 13.8479 5.2354C13.9484 5.47814 14.0001 5.73829 14 6.001C13.9999 6.26371 13.9481 6.52383 13.8475 6.76652C13.7469 7.00921 13.5995 7.2297 13.4137 7.41542C13.2279 7.60114 13.0073 7.74844 12.7646 7.84891C12.5219 7.94939 12.2617 8.00107 11.999 8.001C11.4684 8.00087 10.9597 7.78997 10.5846 7.41471C10.2095 7.03945 9.99887 6.53057 9.99901 6C9.99914 5.46943 10.21 4.96065 10.5853 4.58558C10.9606 4.21051 11.4694 3.99987 12 4ZM12 10C12.2627 10.0001 12.5228 10.0519 12.7655 10.1525C13.0082 10.2531 13.2287 10.4005 13.4144 10.5863C13.6001 10.7721 13.7474 10.9927 13.8479 11.2354C13.9484 11.4781 14.0001 11.7383 14 12.001C13.9999 12.2637 13.9481 12.5238 13.8475 12.7665C13.7469 13.0092 13.5995 13.2297 13.4137 13.4154C13.2279 13.6011 13.0073 13.7484 12.7646 13.8489C12.5219 13.9494 12.2617 14.0011 11.999 14.001C11.4684 14.0009 10.9597 13.79 10.5846 13.4147C10.2095 13.0395 9.99887 12.5306 9.99901 12C9.99914 11.4694 10.21 10.9607 10.5853 10.5856C10.9606 10.2105 11.4694 9.99987 12 10ZM12 16C12.2627 16.0001 12.5228 16.0519 12.7655 16.1525C13.0082 16.2531 13.2287 16.4005 13.4144 16.5863C13.6001 16.7721 13.7474 16.9927 13.8479 17.2354C13.9484 17.4781 14.0001 17.7383 14 18.001C13.9999 18.2637 13.9481 18.5238 13.8475 18.7665C13.7469 19.0092 13.5995 19.2297 13.4137 19.4154C13.2279 19.6011 13.0073 19.7484 12.7646 19.8489C12.5219 19.9494 12.2617 20.0011 11.999 20.001C11.4684 20.0009 10.9597 19.79 10.5846 19.4147C10.2095 19.0395 9.99887 18.5306 9.99901 18C9.99914 17.4694 10.21 16.9607 10.5853 16.5856C10.9606 16.2105 11.4694 15.9999 12 16Z" />`;
-    const filledPaths = `<path d="M2.95801 16L3.00101 17.042C3.00601 17.162 3.14301 19.297 6.00001 20.38V21.5C6.00001 21.6326 6.05269 21.7598 6.14645 21.8536C6.24022 21.9473 6.3674 22 6.50001 22H17.5C17.6326 22 17.7598 21.9473 17.8536 21.8536C17.9473 21.7598 18 21.6326 18 21.5V20.38C20.857 19.297 20.994 17.162 20.999 17.042L21.043 16H18V14.38C20.857 13.297 20.994 11.162 20.999 11.042L21.043 10H18V8.38C20.857 7.297 20.994 5.162 20.999 5.042L21.043 4H18V2.5C18 2.36739 17.9473 2.24021 17.8536 2.14645C17.7598 2.05268 17.6326 2 17.5 2H6.50001C6.3674 2 6.24022 2.05268 6.14645 2.14645C6.05269 2.24021 6.00001 2.36739 6.00001 2.5V4H2.95801L3.00101 5.042C3.00601 5.162 3.14301 7.297 6.00001 8.38V10H2.95801L3.00101 11.042C3.00601 11.162 3.14301 13.297 6.00001 14.38V16H2.95801ZM12 4C12.2627 4.00007 12.5228 4.05187 12.7655 4.15247C13.0082 4.25307 13.2287 4.40048 13.4144 4.58629C13.6001 4.7721 13.7474 4.99267 13.8479 5.2354C13.9484 5.47814 14.0001 5.73829 14 6.001C13.9999 6.26371 13.9481 6.52383 13.8475 6.76652C13.7469 7.00921 13.5995 7.2297 13.4137 7.41542C13.2279 7.60114 13.0073 7.74844 12.7646 7.84891C12.5219 7.94939 12.2617 8.00107 11.999 8.001C11.4684 8.00087 10.9597 7.78997 10.5846 7.41471C10.2095 7.03945 9.99887 6.53057 9.99901 6C9.99914 5.46943 10.21 4.96065 10.5853 4.58558C10.9606 4.21051 11.4694 3.99987 12 4ZM12 10C12.2627 10.0001 12.5228 10.0519 12.7655 10.1525C13.0082 10.2531 13.2287 10.4005 13.4144 10.5863C13.6001 10.7721 13.7474 10.9927 13.8479 11.2354C13.9484 11.4781 14.0001 11.7383 14 12.001C13.9999 12.2637 13.9481 12.5238 13.8475 12.7665C13.7469 13.0092 13.5995 13.2297 13.4137 13.4154C13.2279 13.6011 13.0073 13.7484 12.7646 13.8489C12.5219 13.9494 12.2617 14.0011 11.999 14.001C11.4684 14.0009 10.9597 13.79 10.5846 13.4147C10.2095 13.0395 9.99887 12.5306 9.99901 12C9.99914 11.4694 10.21 10.9607 10.5853 10.5856C10.9606 10.2105 11.4694 9.99987 12 10ZM12 16C12.2627 16.0001 12.5228 16.0519 12.7655 16.1525C13.0082 16.2531 13.2287 16.4005 13.4144 16.5863C13.6001 16.7721 13.7474 16.9927 13.8479 17.2354C13.9484 17.4781 14.0001 17.7383 14 18.001C13.9999 18.2637 13.9481 18.5238 13.8475 18.7665C13.7469 19.0092 13.5995 19.2297 13.4137 19.4154C13.2279 19.6011 13.0073 19.7484 12.7646 19.8489C12.5219 19.9494 12.2617 20.0011 11.999 20.001C11.4684 20.0009 10.9597 19.79 10.5846 19.4147C10.2095 19.0395 9.99887 18.5306 9.99901 18C9.99914 17.4694 10.21 16.9607 10.5853 16.5856C10.9606 16.2105 11.4694 15.9999 12 16Z" />`;
-    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-traffic")) {
-  customElements.define("icon-traffic", NavaIconTraffic);
-}

package/dist/chunk-7YLAYWXX.js

@@ -1,46 +0,0 @@
-// src/icons/message-alt-detail.ts
-var NavaIconMessageAltDetail = 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 2C3.897 2 3 2.897 3 4V16C3 17.103 3.897 18 5 18H8.586L12 21.414L15.414 18H19C20.103 18 21 17.103 21 16V4C21 2.897 20.103 2 19 2H5ZM19 16H14.586L12 18.586L9.414 16H5V4H19V16Z" />
-<path d="M7 7H17V9H7V7ZM7 11H14V13H7V11Z" />`;
-    const filledPaths = `<path d="M8.5 18L12 22L15.5 18H19C20.103 18 21 17.103 21 16V4C21 2.897 20.103 2 19 2H5C3.897 2 3 2.897 3 4V16C3 17.103 3.897 18 5 18H8.5ZM7 7H17V9H7V7ZM7 11H14V13H7V11Z" />`;
-    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-alt-detail")) {
-  customElements.define("icon-message-alt-detail", NavaIconMessageAltDetail);
-}

package/dist/chunk-7YMMHSDY.js

@@ -1,46 +0,0 @@
-// src/icons/message-rounded-add.ts
-var NavaIconMessageRoundedAdd = 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 5.589 2 10C2 12.908 3.898 15.515 7 16.934V22L12.34 17.995C17.697 17.852 22 14.32 22 10C22 5.589 17.514 2 12 2ZM12 16H11.667L9 18V15.583L8.359 15.336C5.67 14.301 4 12.256 4 10C4 6.691 7.589 4 12 4C16.411 4 20 6.691 20 10C20 13.309 16.411 16 12 16Z" />
-<path d="M13 6H11V9H8V11H11V14H13V11H16V9H13V6Z" />`;
-    const filledPaths = `<path d="M12 2C6.486 2 2 5.589 2 10C2 12.907 3.897 15.515 7 16.934V22L12.34 17.995C17.697 17.853 22 14.32 22 10C22 5.589 17.514 2 12 2ZM16 11H13V14H11V11H8V9H11V6H13V9H16V11Z" />`;
-    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-rounded-add")) {
-  customElements.define("icon-message-rounded-add", NavaIconMessageRoundedAdd);
-}

package/dist/chunk-A36TDOLK.js

@@ -1,47 +0,0 @@
-// src/icons/link-external.ts
-var NavaIconLinkExternal = 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 3L16.293 6.293L9.293 13.293L10.707 14.707L17.707 7.707L21 11V3H13Z" />
-<path d="M19 19H5V5H12L10 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V14L19 12V19Z" />`;
-    const filledPaths = `<path d="M13 3L16.293 6.293L9.293 13.293L10.707 14.707L17.707 7.707L21 11V3H13Z" />
-<path d="M19 19H5V5H12L10 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V14L19 12V19Z" />`;
-    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-link-external")) {
-  customElements.define("icon-link-external", NavaIconLinkExternal);
-}

package/dist/chunk-A3D5KTGE.js

@@ -1,45 +0,0 @@
-// src/icons/sort.ts
-var NavaIconSort = 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 16H4L10 22V2H8V16ZM14 5V22H16V8H20L14 2V5Z" />`;
-    const filledPaths = `<path d="M8 16H4L10 22V2H8V16ZM14 5V22H16V8H20L14 2V5Z" />`;
-    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-sort")) {
-  customElements.define("icon-sort", NavaIconSort);
-}

package/dist/chunk-A4RYRTBX.js

@@ -1,45 +0,0 @@
-// src/icons/bath.ts
-var NavaIconBath = 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 10H7V7C7 5.897 7.897 5 9 5C10.103 5 11 5.897 11 7H13C13 4.794 11.206 3 9 3C6.794 3 5 4.794 5 7V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4804 2 10.7348 2 11V13C2 15.606 3.674 17.823 6 18.65V22H8V19H16V22H18V18.65C20.326 17.823 22 15.606 22 13V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10ZM20 13C20 15.206 18.206 17 16 17H8C5.794 17 4 15.206 4 13V12H20V13Z" />`;
-    const filledPaths = `<path d="M21 10H7V7.11302C7 6.11602 7.678 5.19002 8.661 5.02802C8.94813 4.97917 9.24245 4.99352 9.52347 5.07007C9.80448 5.14662 10.0654 5.28354 10.2881 5.47127C10.5108 5.65901 10.6898 5.89305 10.8128 6.15708C10.9357 6.42111 10.9996 6.70877 11 7.00003H13C12.9995 6.44132 12.8821 5.88891 12.6553 5.37833C12.4284 4.86774 12.0972 4.41029 11.683 4.03541C11.2687 3.66052 10.7806 3.37651 10.25 3.20163C9.71933 3.02676 9.15797 2.96489 8.602 3.02002C6.523 3.22202 5 5.08902 5 7.17802V10H3C2.73478 10 2.48043 10.1054 2.29289 10.2929C2.10536 10.4805 2 10.7348 2 11V13C2 15.606 3.674 17.823 6 18.65V22H8V19H16V22H18V18.65C20.326 17.823 22 15.606 22 13V11C22 10.7348 21.8946 10.4805 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10Z" />`;
-    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-bath")) {
-  customElements.define("icon-bath", NavaIconBath);
-}

package/dist/chunk-A6O64ADP.js

@@ -1,45 +0,0 @@
-// src/icons/file-txt.ts
-var NavaIconFileTxt = 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.998 14.768H8.895V18.042H7.978V14.768H6.893V14H9.998V14.768ZM12.723 18.042L12.358 17.311C12.208 17.029 12.112 16.819 11.999 16.585H11.986C11.903 16.818 11.801 17.028 11.674 17.311L11.339 18.042H10.294L11.465 15.997L10.336 14H11.386L11.74 14.738C11.861 14.983 11.95 15.181 12.046 15.409H12.059C12.155 15.151 12.233 14.971 12.335 14.738L12.676 14H13.719L12.58 15.973L13.778 18.042H12.723ZM17.107 14.768H16.003V18.042H15.086V14.768H14.001V14H17.106L17.107 14.768ZM14 9H13V4L18 9H14Z" />`;
-    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.998 14.768H8.895V18.042H7.978V14.768H6.893V14H9.998V14.768ZM12.723 18.042L12.358 17.311C12.208 17.029 12.112 16.819 11.999 16.585H11.986C11.903 16.818 11.801 17.028 11.674 17.311L11.339 18.042H10.294L11.465 15.997L10.336 14H11.386L11.74 14.738C11.861 14.983 11.95 15.181 12.046 15.409H12.059C12.155 15.151 12.233 14.971 12.335 14.738L12.676 14H13.719L12.58 15.973L13.778 18.042H12.723ZM17.107 14.768H16.003V18.042H15.086V14.768H14.001V14H17.106L17.107 14.768ZM14 9H13V4L18 9H14Z" />`;
-    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-txt")) {
-  customElements.define("icon-file-txt", NavaIconFileTxt);
-}

package/dist/chunk-A6YHPX22.js

@@ -1,45 +0,0 @@
-// src/icons/exit-fullscreen.ts
-var NavaIconExitFullscreen = 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="M10 4H8V8H4V10H10V4ZM8 20H10V14H4V16H8V20ZM20 14H14V20H16V16H20V14ZM20 8H16V4H14V10H20V8Z" />`;
-    const filledPaths = `<path d="M10 4H8V8H4V10H10V4ZM8 20H10V14H4V16H8V20ZM20 14H14V20H16V16H20V14ZM20 8H16V4H14V10H20V8Z" />`;
-    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-exit-fullscreen")) {
-  customElements.define("icon-exit-fullscreen", NavaIconExitFullscreen);
-}