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

package/dist/chunk-DFC5SMA6.js

@@ -1,46 +0,0 @@
-// src/icons/credit-card.ts
-var NavaIconCreditCard = 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 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM4 6H20V8H4V6ZM4 18V12H20.001L20.002 18H4Z" />
-<path d="M6 14H12V16H6V14Z" />`;
-    const filledPaths = `<path d="M20 4H4C2.897 4 2 4.897 2 6V8H22V6C22 4.897 21.103 4 20 4ZM2 18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V12H2V18ZM5 15H11V17H5V15Z" />`;
-    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-credit-card")) {
-  customElements.define("icon-credit-card", NavaIconCreditCard);
-}

package/dist/chunk-DFLFRSVA.js

@@ -1,45 +0,0 @@
-// src/icons/lira.ts
-var NavaIconLira = 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 21H11C15.411 21 19 16.962 19 12H17C17 15.86 14.309 19 11 19V11.642L17 10.257V8.204L11 9.589V7.642L17 6.257V4.204L11 5.589V3H9V6.05L6 6.743V8.796L9 8.104V10.051L6 10.743V12.796L9 12.104V21Z" />`;
-    const filledPaths = `<path d="M9 21H11C15.411 21 19 16.962 19 12H17C17 15.86 14.309 19 11 19V11.642L17 10.257V8.204L11 9.589V7.642L17 6.257V4.204L11 5.589V3H9V6.05L6 6.743V8.796L9 8.104V10.051L6 10.743V12.796L9 12.104V21Z" />`;
-    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-lira")) {
-  customElements.define("icon-lira", NavaIconLira);
-}

package/dist/chunk-DGJD5OZG.js

@@ -1,47 +0,0 @@
-// src/icons/objects-vertical-top.ts
-var NavaIconObjectsVerticalTop = 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 2H22V4H2V2ZM11 21V7C11 6.73478 10.8946 6.48043 10.7071 6.29289C10.5196 6.10536 10.2652 6 10 6H5C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H10C10.2652 22 10.5196 21.8946 10.7071 21.7071C10.8946 21.5196 11 21.2652 11 21ZM9 20H6V8H9V20ZM19 6H14C13.7348 6 13.4804 6.10536 13.2929 6.29289C13.1054 6.48043 13 6.73478 13 7V17C13 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 17V7C20 6.73478 19.8946 6.48043 19.7071 6.29289C19.5196 6.10536 19.2652 6 19 6ZM18 16H15V8H18V16Z" />`;
-    const filledPaths = `<path d="M2 2H22V4H2V2Z" />
-<path d="M10 6H6C5.44772 6 5 6.44772 5 7V21C5 21.5523 5.44772 22 6 22H10C10.5523 22 11 21.5523 11 21V7C11 6.44772 10.5523 6 10 6Z" />
-<path d="M18 6H14C13.4477 6 13 6.44772 13 7V17C13 17.5523 13.4477 18 14 18H18C18.5523 18 19 17.5523 19 17V7C19 6.44772 18.5523 6 18 6Z" />`;
-    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-top")) {
-  customElements.define("icon-objects-vertical-top", NavaIconObjectsVerticalTop);
-}

package/dist/chunk-DJA65OAW.js

@@ -1,46 +0,0 @@
-// src/icons/wallet.ts
-var NavaIconWallet = 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 12H18V16H16V12Z" />
-<path d="M20 7V5C20 3.897 19.103 3 18 3H5C3.346 3 2 4.346 2 6V18C2 20.201 3.794 21 5 21H20C21.103 21 22 20.103 22 19V9C22 7.897 21.103 7 20 7ZM5 5H18V7H5C4.74252 6.98848 4.49941 6.87809 4.32128 6.69182C4.14315 6.50554 4.04373 6.25774 4.04373 6C4.04373 5.74226 4.14315 5.49446 4.32128 5.30818C4.49941 5.12191 4.74252 5.01152 5 5ZM20 19H5.012C4.55 18.988 4 18.805 4 18V8.815C4.314 8.928 4.647 9 5 9H20V19Z" />`;
-    const filledPaths = `<path d="M20 7V5C20 3.897 19.103 3 18 3H5C3.346 3 2 4.346 2 6V18C2 20.201 3.794 21 5 21H20C21.103 21 22 20.103 22 19V9C22 7.897 21.103 7 20 7ZM18 16H16V12H18V16ZM5 7C4.74252 6.98848 4.49941 6.87809 4.32128 6.69182C4.14315 6.50554 4.04373 6.25774 4.04373 6C4.04373 5.74226 4.14315 5.49446 4.32128 5.30818C4.49941 5.12191 4.74252 5.01152 5 5H18V7H5Z" />`;
-    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-wallet")) {
-  customElements.define("icon-wallet", NavaIconWallet);
-}

package/dist/chunk-DJKGXSYJ.js

@@ -1,45 +0,0 @@
-// src/icons/user-rectangle.ts
-var NavaIconUserRectangle = 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 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H6ZM12 4.999C13.647 4.999 15 6.35 15 7.999C15 9.647 13.647 11 12 11C10.353 11 9 9.647 9 7.999C9 6.35 10.353 4.999 12 4.999ZM6 17.25C6 15.031 8.705 12.75 12 12.75C15.295 12.75 18 15.031 18 17.25V18H6V17.25Z" />`;
-    const filledPaths = `<path d="M6 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H6ZM12 4.999C13.647 4.999 15 6.35 15 7.999C15 9.647 13.647 11 12 11C10.353 11 9 9.647 9 7.999C9 6.35 10.353 4.999 12 4.999ZM6 17.25C6 15.031 8.705 12.75 12 12.75C15.295 12.75 18 15.031 18 17.25V18H6V17.25Z" />`;
-    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
-    const strokeBased = isFilled ? false : false;
-    this.shadowRoot.innerHTML = `
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        width="${size}"
-        height="${size}"
-        fill="${strokeBased ? "none" : color}"
-        stroke="${strokeBased ? color : "none"}"
-        stroke-width="${strokeBased ? strokeWidth : ""}"
-        ${strokeBased ? 'stroke-linecap="round"' : ""}
-        ${strokeBased ? 'stroke-linejoin="round"' : ""}
-      >
-        ${paths}
-      </svg>
-    `;
-  }
-};
-if (!customElements.get("icon-user-rectangle")) {
-  customElements.define("icon-user-rectangle", NavaIconUserRectangle);
-}

package/dist/chunk-DKASXROJ.js

@@ -1,45 +0,0 @@
-// src/icons/aperture.ts
-var NavaIconAperture = 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.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2ZM14.113 15H9.986L8.263 11.906L10.202 9H13.938L15.809 12.062L14.113 15ZM4 12C4 11.047 4.186 10.13 4.508 9.273L7.696 15H4.61C4.2094 14.0505 4.00202 13.0306 4 12ZM16.283 9H19.389C19.7904 9.94934 19.9981 10.9693 20 12C20 12.844 19.857 13.66 19.603 14.432L16.283 9ZM18.188 7H11.535L13.44 4.143C15.326 4.502 17.002 5.546 18.188 7ZM11.093 4.059L9.132 7H9V7.197L7.17 9.942L5.65 7.214C6.95 5.511 8.899 4.319 11.093 4.059ZM5.812 17H12.959L11.25 19.961C9.084 19.748 7.141 18.63 5.812 17ZM13.64 19.82L16.997 14.005L18.541 16.531C17.387 18.173 15.64 19.385 13.64 19.82Z" />`;
-    const filledPaths = `<path d="M12 2C6.579 2 2 6.579 2 12C2 17.421 6.579 22 12 22C17.421 22 22 17.421 22 12C22 6.579 17.421 2 12 2ZM14.113 15H9.986L8.263 11.906L10.202 9H13.938L15.809 12.062L14.113 15ZM4 12C4 11.047 4.186 10.13 4.508 9.273L7.696 15H4.61C4.2094 14.0505 4.00202 13.0306 4 12ZM16.283 9H19.389C19.7904 9.94934 19.9981 10.9693 20 12C20 12.844 19.857 13.66 19.603 14.432L16.283 9ZM18.188 7H11.535L13.44 4.143C15.326 4.502 17.002 5.546 18.188 7ZM11.093 4.059L9.132 7H9V7.197L7.17 9.942L5.65 7.214C6.95 5.511 8.899 4.319 11.093 4.059ZM5.812 17H12.959L11.25 19.961C9.084 19.748 7.141 18.63 5.812 17ZM13.64 19.82L16.997 14.005L18.541 16.531C17.387 18.173 15.64 19.385 13.64 19.82Z" />`;
-    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-aperture")) {
-  customElements.define("icon-aperture", NavaIconAperture);
-}

package/dist/chunk-DPGTEAIP.js

@@ -1,46 +0,0 @@
-// src/icons/purchase-tag-alt.ts
-var NavaIconPurchaseTagAlt = 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.707 2.293C11.6143 2.2 11.5041 2.12624 11.3827 2.07596C11.2614 2.02568 11.1313 1.99986 11 2H6C5.86867 1.99986 5.7386 2.02568 5.61727 2.07596C5.49594 2.12624 5.38574 2.2 5.293 2.293L2.293 5.293C2.19996 5.38571 2.12617 5.4959 2.07589 5.61724C2.0256 5.73857 1.99981 5.86866 2 6V11C2 11.266 2.105 11.52 2.293 11.707L12.293 21.707C12.3857 21.8002 12.4958 21.8741 12.6171 21.9246C12.7385 21.9751 12.8686 22.001 13 22.001C13.1314 22.001 13.2615 21.9751 13.3829 21.9246C13.5042 21.8741 13.6143 21.8002 13.707 21.707L21.707 13.707C21.7999 13.6142 21.8737 13.504 21.924 13.3827C21.9743 13.2614 22.0002 13.1313 22.0002 13C22.0002 12.8687 21.9743 12.7386 21.924 12.6173C21.8737 12.496 21.7999 12.3858 21.707 12.293L11.707 2.293ZM13 19.586L4 10.586V6.414L6.414 4H10.586L19.586 13L13 19.586Z" />
-<path d="M8.35299 9.99999C9.26261 9.99999 9.99999 9.26261 9.99999 8.35299C9.99999 7.44338 9.26261 6.70599 8.35299 6.70599C7.44338 6.70599 6.70599 7.44338 6.70599 8.35299C6.70599 9.26261 7.44338 9.99999 8.35299 9.99999Z" />`;
-    const filledPaths = `<path d="M11.707 2.293C11.6143 2.19996 11.5041 2.12617 11.3828 2.07589C11.2614 2.0256 11.1313 1.99981 11 2H6C5.86866 1.99981 5.73857 2.0256 5.61724 2.07589C5.4959 2.12617 5.38571 2.19996 5.293 2.293L2.293 5.293C2.19996 5.38571 2.12617 5.4959 2.07589 5.61724C2.0256 5.73857 1.99981 5.86866 2 6V11C2 11.266 2.105 11.52 2.293 11.707L12.293 21.707C12.3857 21.8002 12.4958 21.8741 12.6171 21.9246C12.7385 21.9751 12.8686 22.001 13 22.001C13.1314 22.001 13.2615 21.9751 13.3829 21.9246C13.5042 21.8741 13.6143 21.8002 13.707 21.707L21.707 13.707C21.7999 13.6142 21.8737 13.504 21.924 13.3827C21.9743 13.2614 22.0002 13.1313 22.0002 13C22.0002 12.8687 21.9743 12.7386 21.924 12.6173C21.8737 12.496 21.7999 12.3858 21.707 12.293L11.707 2.293ZM8.353 10C8.13337 10.0055 7.91486 9.96696 7.71033 9.88671C7.50581 9.80646 7.31941 9.68611 7.16211 9.53273C7.00481 9.37935 6.87979 9.19605 6.7944 8.99362C6.70901 8.79118 6.66499 8.57372 6.66492 8.35401C6.66486 8.13431 6.70875 7.91682 6.79401 7.71433C6.87928 7.51185 7.00419 7.32847 7.1614 7.175C7.3186 7.02152 7.50493 6.90105 7.7094 6.82068C7.91388 6.74031 8.13236 6.70165 8.352 6.707C8.78166 6.71746 9.19021 6.89545 9.49044 7.20299C9.79067 7.51052 9.95879 7.92323 9.95892 8.35301C9.95905 8.7828 9.79118 9.19561 9.49114 9.50332C9.19109 9.81104 8.78265 9.98928 8.353 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-purchase-tag-alt")) {
-  customElements.define("icon-purchase-tag-alt", NavaIconPurchaseTagAlt);
-}

package/dist/chunk-DR73G5A7.js

@@ -1,46 +0,0 @@
-// src/icons/message-add.ts
-var NavaIconMessageAdd = 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 4V16C2 17.103 2.897 18 4 18H7V21.767L13.277 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H12.723L9 18.233V16H4V4H20V16Z" />
-<path d="M11 14H13V11H16V9H13V6H11V9H8V11H11V14Z" />`;
-    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.894 2 3.992V16.008C2 17.106 2.897 18 4 18H7V22L13.351 18H20C21.103 18 22 17.106 22 16.008V3.992C21.9984 3.46279 21.7869 2.95583 21.412 2.58237C21.037 2.20891 20.5292 1.99947 20 2ZM17 11H13V15H11V11H7V9H11V5H13V9H17V11Z" />`;
-    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-add")) {
-  customElements.define("icon-message-add", NavaIconMessageAdd);
-}

package/dist/chunk-DRH3IDBN.js

@@ -1,45 +0,0 @@
-// src/icons/discount.ts
-var NavaIconDiscount = class extends HTMLElement {
-  static get observedAttributes() {
-    return ["size", "color", "stroke-width", "mode"];
-  }
-  constructor() {
-    super();
-    this.attachShadow({ mode: "open" });
-  }
-  connectedCallback() {
-    this.render();
-  }
-  attributeChangedCallback() {
-    this.render();
-  }
-  render() {
-    const size = this.getAttribute("size") || "24";
-    const color = this.getAttribute("color") || "currentColor";
-    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
-    const mode = this.getAttribute("mode") || "regular";
-    const isFilled = mode === "filled";
-    const regularPaths = `<path d="M21 5H3C2.73478 5 2.48043 5.10536 2.29289 5.29289C2.10536 5.48043 2 5.73478 2 6V10H2.893C3.889 10 4.813 10.681 4.973 11.664C5.02174 11.951 5.00726 12.2453 4.93056 12.5261C4.85387 12.807 4.71681 13.0677 4.52894 13.2902C4.34108 13.5126 4.10694 13.6913 3.84287 13.8139C3.57879 13.9365 3.29115 14 3 14H2V18C2 18.2652 2.10536 18.5196 2.29289 18.7071C2.48043 18.8946 2.73478 19 3 19H21C21.2652 19 21.5196 18.8946 21.7071 18.7071C21.8946 18.5196 22 18.2652 22 18V14H21C20.7089 14 20.4212 13.9365 20.1571 13.8139C19.8931 13.6913 19.6589 13.5126 19.4711 13.2902C19.2832 13.0677 19.1461 12.807 19.0694 12.5261C18.9927 12.2453 18.9783 11.951 19.027 11.664C19.187 10.681 20.111 10 21.107 10H22V6C22 5.73478 21.8946 5.48043 21.7071 5.29289C21.5196 5.10536 21.2652 5 21 5ZM9 9C9.26522 9 9.51957 9.10536 9.70711 9.29289C9.89464 9.48043 10 9.73478 10 10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11C8.73478 11 8.48043 10.8946 8.29289 10.7071C8.10536 10.5196 8 10.2652 8 10C8 9.73478 8.10536 9.48043 8.29289 9.29289C8.48043 9.10536 8.73478 9 9 9ZM8.2 15.4L14.2 7.4L15.8 8.6L9.8 16.6L8.2 15.4ZM15 15C14.7348 15 14.4804 14.8946 14.2929 14.7071C14.1054 14.5196 14 14.2652 14 14C14 13.7348 14.1054 13.4804 14.2929 13.2929C14.4804 13.1054 14.7348 13 15 13C15.2652 13 15.5196 13.1054 15.7071 13.2929C15.8946 13.4804 16 13.7348 16 14C16 14.2652 15.8946 14.5196 15.7071 14.7071C15.5196 14.8946 15.2652 15 15 15Z" />`;
-    const filledPaths = `<path d="M21 5H3C2.73478 5 2.48043 5.10536 2.29289 5.29289C2.10536 5.48043 2 5.73478 2 6V10H2.893C3.889 10 4.813 10.681 4.973 11.664C5.02174 11.951 5.00726 12.2453 4.93056 12.5261C4.85387 12.807 4.71681 13.0677 4.52894 13.2902C4.34108 13.5126 4.10694 13.6913 3.84287 13.8139C3.57879 13.9365 3.29115 14 3 14H2V18C2 18.2652 2.10536 18.5196 2.29289 18.7071C2.48043 18.8946 2.73478 19 3 19H21C21.2652 19 21.5196 18.8946 21.7071 18.7071C21.8946 18.5196 22 18.2652 22 18V14H21C20.7089 14 20.4212 13.9365 20.1571 13.8139C19.8931 13.6913 19.6589 13.5126 19.4711 13.2902C19.2832 13.0677 19.1461 12.807 19.0694 12.5261C18.9927 12.2453 18.9783 11.951 19.027 11.664C19.187 10.681 20.111 10 21.107 10H22V6C22 5.73478 21.8946 5.48043 21.7071 5.29289C21.5196 5.10536 21.2652 5 21 5ZM9 9C9.26522 9 9.51957 9.10536 9.70711 9.29289C9.89464 9.48043 10 9.73478 10 10C10 10.2652 9.89464 10.5196 9.70711 10.7071C9.51957 10.8946 9.26522 11 9 11C8.73478 11 8.48043 10.8946 8.29289 10.7071C8.10536 10.5196 8 10.2652 8 10C8 9.73478 8.10536 9.48043 8.29289 9.29289C8.48043 9.10536 8.73478 9 9 9ZM8.2 15.4L14.2 7.4L15.8 8.6L9.8 16.6L8.2 15.4ZM15 15C14.7348 15 14.4804 14.8946 14.2929 14.7071C14.1054 14.5196 14 14.2652 14 14C14 13.7348 14.1054 13.4804 14.2929 13.2929C14.4804 13.1054 14.7348 13 15 13C15.2652 13 15.5196 13.1054 15.7071 13.2929C15.8946 13.4804 16 13.7348 16 14C16 14.2652 15.8946 14.5196 15.7071 14.7071C15.5196 14.8946 15.2652 15 15 15Z" />`;
-    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-discount")) {
-  customElements.define("icon-discount", NavaIconDiscount);
-}

package/dist/chunk-DRNLX7HJ.js

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

package/dist/chunk-DT3757NR.js

@@ -1,45 +0,0 @@
-// src/icons/refresh.ts
-var NavaIconRefresh = 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 11H7.101L7.102 10.991C7.23257 10.3516 7.48813 9.74434 7.854 9.20399C8.39845 8.4018 9.16215 7.77315 10.054 7.39299C10.356 7.26499 10.671 7.16699 10.992 7.10199C11.6579 6.96698 12.3441 6.96698 13.01 7.10199C13.967 7.29808 14.8451 7.7714 15.535 8.46299L16.951 7.05099C16.3128 6.41262 15.5578 5.90303 14.727 5.54999C14.3033 5.37062 13.8628 5.23394 13.412 5.14199C12.4818 4.953 11.5232 4.953 10.593 5.14199C10.1419 5.23432 9.70101 5.37133 9.277 5.55099C8.02753 6.08109 6.95793 6.96108 6.197 8.08499C5.68489 8.84284 5.32676 9.69398 5.143 10.59C5.115 10.725 5.1 10.863 5.08 11H2L6 15L10 11ZM14 13H16.899L16.898 13.008C16.6367 14.2897 15.8812 15.4171 14.795 16.146C14.2548 16.5122 13.6475 16.7677 13.008 16.898C12.3424 17.033 11.6566 17.033 10.991 16.898C10.3516 16.7674 9.74435 16.5119 9.204 16.146C8.93862 15.9665 8.69085 15.7622 8.464 15.536L7.05 16.95C7.68851 17.5882 8.44392 18.0974 9.275 18.45C9.699 18.63 10.142 18.767 10.59 18.858C11.5198 19.0471 12.4782 19.0471 13.408 18.858C15.2005 18.4859 16.7773 17.4294 17.803 15.913C18.3146 15.1557 18.6724 14.3053 18.856 13.41C18.883 13.275 18.899 13.137 18.919 13H22L18 8.99999L14 13Z" />`;
-    const filledPaths = `<path d="M10 11H7.101L7.102 10.991C7.23257 10.3516 7.48813 9.74434 7.854 9.20399C8.39845 8.4018 9.16215 7.77315 10.054 7.39299C10.356 7.26499 10.671 7.16699 10.992 7.10199C11.6579 6.96698 12.3441 6.96698 13.01 7.10199C13.967 7.29808 14.8451 7.7714 15.535 8.46299L16.951 7.05099C16.3128 6.41262 15.5578 5.90303 14.727 5.54999C14.3033 5.37062 13.8628 5.23394 13.412 5.14199C12.4818 4.953 11.5232 4.953 10.593 5.14199C10.1419 5.23432 9.70101 5.37133 9.277 5.55099C8.02753 6.08109 6.95793 6.96108 6.197 8.08499C5.68489 8.84284 5.32676 9.69398 5.143 10.59C5.115 10.725 5.1 10.863 5.08 11H2L6 15L10 11ZM14 13H16.899L16.898 13.008C16.6367 14.2897 15.8812 15.4171 14.795 16.146C14.2548 16.5122 13.6475 16.7677 13.008 16.898C12.3424 17.033 11.6566 17.033 10.991 16.898C10.3516 16.7674 9.74435 16.5119 9.204 16.146C8.93862 15.9665 8.69085 15.7622 8.464 15.536L7.05 16.95C7.68851 17.5882 8.44392 18.0974 9.275 18.45C9.699 18.63 10.142 18.767 10.59 18.858C11.5198 19.0471 12.4782 19.0471 13.408 18.858C15.2005 18.4859 16.7773 17.4294 17.803 15.913C18.3146 15.1557 18.6724 14.3053 18.856 13.41C18.883 13.275 18.899 13.137 18.919 13H22L18 8.99999L14 13Z" />`;
-    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-refresh")) {
-  customElements.define("icon-refresh", NavaIconRefresh);
-}

package/dist/chunk-DTMZ4ZLB.js

@@ -1,45 +0,0 @@
-// src/icons/border-radius.ts
-var NavaIconBorderRadius = 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 19H21V21H19V19ZM7 19H9V21H7V19ZM15 19H17V21H15V19ZM11 19H13V21H11V19ZM3 19H5V21H3V19ZM3 15H5V17H3V15ZM3 7H5V9H3V7ZM3 11H5V13H3V11ZM3 3H5V5H3V3ZM7 3H9V5H7V3ZM19 15H21V17H19V15ZM16 3H11V5H16C17.654 5 19 6.346 19 8V13H21V8C21 5.243 18.757 3 16 3Z" />`;
-    const filledPaths = `<path d="M19 19H21V21H19V19ZM7 19H9V21H7V19ZM15 19H17V21H15V19ZM11 19H13V21H11V19ZM3 19H5V21H3V19ZM3 15H5V17H3V15ZM3 7H5V9H3V7ZM3 11H5V13H3V11ZM3 3H5V5H3V3ZM7 3H9V5H7V3ZM19 15H21V17H19V15ZM16 3H11V5H16C17.654 5 19 6.346 19 8V13H21V8C21 5.243 18.757 3 16 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-border-radius")) {
-  customElements.define("icon-border-radius", NavaIconBorderRadius);
-}

package/dist/chunk-DWU7FS6B.js

@@ -1,45 +0,0 @@
-// src/icons/direction-left.ts
-var NavaIconDirectionLeft = 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.7071 11.294L12.7291 2.294C12.5416 2.1062 12.2873 2.0005 12.022 2.00012C11.7566 1.99975 11.502 2.10473 11.3141 2.292L2.29306 11.292C2.19993 11.3849 2.12604 11.4952 2.07563 11.6167C2.02522 11.7382 1.99927 11.8685 1.99927 12C1.99927 12.1315 2.02522 12.2618 2.07563 12.3833C2.12604 12.5048 2.19993 12.6151 2.29306 12.708L11.3141 21.708C11.7041 22.097 12.3401 22.096 12.7291 21.706L21.7071 12.706C21.7998 12.6133 21.8734 12.5033 21.9236 12.3821C21.9738 12.261 21.9997 12.1311 21.9997 12C21.9997 11.8689 21.9738 11.739 21.9236 11.6179C21.8734 11.4967 21.7998 11.3867 21.7071 11.294ZM15.0001 16H13.0001V12H10.0001V14L7.00006 11L10.0001 8V10H15.0001V16Z" />`;
-    const filledPaths = `<path d="M21.7071 11.294L12.7291 2.294C12.5416 2.1062 12.2873 2.0005 12.022 2.00012C11.7566 1.99975 11.502 2.10473 11.3141 2.292L2.29306 11.292C2.19993 11.3849 2.12604 11.4952 2.07563 11.6167C2.02522 11.7382 1.99927 11.8685 1.99927 12C1.99927 12.1315 2.02522 12.2618 2.07563 12.3833C2.12604 12.5048 2.19993 12.6151 2.29306 12.708L11.3141 21.708C11.7041 22.097 12.3401 22.096 12.7291 21.706L21.7071 12.706C21.7998 12.6133 21.8734 12.5033 21.9236 12.3821C21.9738 12.261 21.9997 12.1311 21.9997 12C21.9997 11.8689 21.9738 11.739 21.9236 11.6179C21.8734 11.4967 21.7998 11.3867 21.7071 11.294ZM15.0001 16H13.0001V12H10.0001V14L7.00006 11L10.0001 8V10H15.0001V16Z" />`;
-    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-direction-left")) {
-  customElements.define("icon-direction-left", NavaIconDirectionLeft);
-}