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

package/dist/chunk-4KQ4AI2V.js

@@ -0,0 +1,43 @@
+// src/icons/devices.ts
+var NavaIconDevices = 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 paths = isFilled ? `<path d="M20 3H7C5.897 3 5 3.897 5 5V7H4C2.897 7 2 7.897 2 9V19C2 20.103 2.897 21 4 21H10C11.103 21 12 20.103 12 19H20C21.103 19 22 18.103 22 17V5C22 3.897 21.103 3 20 3ZM6 9H10L9.997 18H4V9H6ZM12 17V9C12 7.897 11.103 7 10 7H7V5H18V17H12Z" />` : `<path d="M20 3H7C5.897 3 5 3.897 5 5V7H4C2.897 7 2 7.897 2 9V19C2 20.103 2.897 21 4 21H10C11.103 21 12 20.103 12 19H20C21.103 19 22 18.103 22 17V5C22 3.897 21.103 3 20 3ZM9.997 19H4V9H10L9.997 19ZM19.997 17H12V9C12 7.897 11.103 7 10 7H7V5H20L19.997 17Z" />`;
+    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-devices")) {
+  customElements.define("icon-devices", NavaIconDevices);
+}

package/dist/chunk-4KQUUJEN.js

@@ -0,0 +1,43 @@
+// src/icons/bold.ts
+var NavaIconBold = 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 paths = isFilled ? `<path d="M17.061 11.22C17.6659 10.442 17.9961 9.48551 18 8.5C18 6.019 15.981 4 13.5 4H6V19H14C16.481 19 18.5 16.981 18.5 14.5C18.4987 13.8837 18.3702 13.2743 18.1226 12.7099C17.875 12.1456 17.5136 11.6383 17.061 11.22ZM13.5 7C14.327 7 15 7.673 15 8.5C15 9.327 14.327 10 13.5 10H9V7H13.5ZM14 16H9V13H14C14.827 13 15.5 13.673 15.5 14.5C15.5 15.327 14.827 16 14 16Z" />` : `<path d="M17.061 11.22C17.6659 10.442 17.9961 9.48551 18 8.5C18 6.019 15.981 4 13.5 4H6V19H14C16.481 19 18.5 16.981 18.5 14.5C18.4987 13.8837 18.3702 13.2743 18.1226 12.7099C17.875 12.1456 17.5136 11.6383 17.061 11.22ZM13.5 7C14.327 7 15 7.673 15 8.5C15 9.327 14.327 10 13.5 10H9V7H13.5ZM14 16H9V13H14C14.827 13 15.5 13.673 15.5 14.5C15.5 15.327 14.827 16 14 16Z" />`;
+    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-bold")) {
+  customElements.define("icon-bold", NavaIconBold);
+}

package/dist/chunk-4LXPJXA3.js

@@ -0,0 +1,46 @@
+// src/icons/happy.ts
+var NavaIconHappy = 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 paths = isFilled ? `<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 2ZM15.493 9C15.6924 8.99491 15.8908 9.02979 16.0765 9.10259C16.2621 9.17538 16.4314 9.28463 16.5742 9.42387C16.717 9.56311 16.8304 9.72954 16.9079 9.91333C16.9853 10.0971 17.0252 10.2946 17.0251 10.494C17.0251 10.6935 16.9851 10.8909 16.9075 11.0746C16.8299 11.2584 16.7163 11.4247 16.5735 11.5639C16.4306 11.703 16.2613 11.8121 16.0755 11.8848C15.8898 11.9575 15.6914 11.9922 15.492 11.987C15.1026 11.9768 14.7326 11.8149 14.4608 11.5358C14.189 11.2567 14.037 10.8826 14.0371 10.493C14.0373 10.1035 14.1895 9.72939 14.4615 9.45049C14.7335 9.17159 15.1036 9.00995 15.493 9ZM8.5 9C8.69705 9.00007 8.89215 9.03894 9.07418 9.11441C9.2562 9.18988 9.42158 9.30046 9.56087 9.43984C9.70016 9.57922 9.81063 9.74467 9.88597 9.92675C9.96132 10.1088 10.0001 10.304 10 10.501C9.99993 10.698 9.96106 10.8932 9.88559 11.0752C9.81012 11.2572 9.69954 11.4226 9.56016 11.5619C9.42078 11.7012 9.25533 11.8116 9.07325 11.887C8.89118 11.9623 8.69605 12.0011 8.499 12.001C8.10104 12.0009 7.71944 11.8427 7.43813 11.5612C7.15683 11.2797 6.99887 10.898 6.999 10.5C6.99913 10.102 7.15735 9.72044 7.43884 9.43913C7.72033 9.15783 8.10204 8.99987 8.5 9ZM12 18C8 18 7 14 7 14H17C17 14 16 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="M8.5 12C9.32843 12 10 11.3284 10 10.5C10 9.67157 9.32843 9 8.5 9C7.67157 9 7 9.67157 7 10.5C7 11.3284 7.67157 12 8.5 12Z" />
+<path d="M15.493 11.986C16.3176 11.986 16.986 11.3176 16.986 10.493C16.986 9.66844 16.3176 9 15.493 9C14.6684 9 14 9.66844 14 10.493C14 11.3176 14.6684 11.986 15.493 11.986Z" />
+<path d="M12 18C16 18 17 14 17 14H7C7 14 8 18 12 18Z" />`;
+    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")) {
+  customElements.define("icon-happy", NavaIconHappy);
+}

package/dist/chunk-4MTWJBXB.js

@@ -0,0 +1,43 @@
+// src/icons/rewind.ts
+var NavaIconRewind = 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 paths = isFilled ? `<path d="M12 12V7L5 12L12 17V12ZM19 7L12 12L19 17V7Z" />` : `<path d="M12 12V7L5 12L12 17V12ZM19 7L12 12L19 17V7Z" />`;
+    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-rewind")) {
+  customElements.define("icon-rewind", NavaIconRewind);
+}

package/dist/chunk-4NWAIN3H.js

@@ -0,0 +1,44 @@
+// src/icons/left-top-arrow-circle.ts
+var NavaIconLeftTopArrowCircle = 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 paths = isFilled ? `<path d="M19.071 19.071C22.969 15.172 22.969 8.827 19.071 4.928C15.172 1.03 8.82802 1.03 4.92802 4.928C1.03002 8.827 1.03002 15.172 4.92802 19.071C8.82802 22.97 15.172 22.97 19.071 19.071ZM8.46502 8.464H15.535L12.707 11.293L16.242 14.829L14.828 16.243L11.293 12.707L8.46502 15.536V8.464Z" />` : `<path d="M11.993 2.007C10.6797 2.00215 9.37847 2.25792 8.16471 2.75949C6.95095 3.26106 5.84876 3.99847 4.92199 4.929C1.02299 8.828 1.02299 15.172 4.92199 19.072C5.84878 20.0026 6.95095 20.7401 8.16469 21.2418C9.37843 21.7435 10.6796 21.9996 11.993 21.995C13.3064 21.9997 14.6076 21.7438 15.8214 21.242C17.0352 20.7403 18.1373 20.0027 19.064 19.072C22.963 15.173 22.963 8.829 19.064 4.929C18.1373 3.99843 17.0351 3.26099 15.8213 2.75942C14.6075 2.25784 13.3063 2.0021 11.993 2.007ZM17.65 17.657C16.9084 18.4012 16.0266 18.991 15.0556 19.3921C14.0845 19.7933 13.0436 19.9978 11.993 19.994C9.85199 19.994 7.84299 19.164 6.33599 17.657C3.21699 14.538 3.21699 9.462 6.33599 6.343C7.07768 5.599 7.95955 5.00946 8.93056 4.6085C9.90157 4.20753 10.9425 4.00308 11.993 4.007C14.135 4.007 16.143 4.836 17.65 6.343C20.77 9.462 20.77 14.538 17.65 17.657Z" />
+<path d="M14.657 9H8.99298V14.663L11.118 12.539L14.333 15.753L15.747 14.339L12.532 11.125L14.657 9Z" />`;
+    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-top-arrow-circle")) {
+  customElements.define("icon-left-top-arrow-circle", NavaIconLeftTopArrowCircle);
+}

package/dist/chunk-4OK6X4HB.js

@@ -0,0 +1,44 @@
+// src/icons/calendar-edit.ts
+var NavaIconCalendarEdit = 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 paths = isFilled ? `<path d="M5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22ZM9.799 19.987H8V18.188L12.977 13.218L14.776 15.017L9.799 19.987ZM15.623 14.17L13.824 12.371L15.196 11L16.995 12.799L15.623 14.17ZM5 7H19V9H5V7Z" />` : `<path d="M19 4H16V2H14V4H10V2H8V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM5 20V7H19V6L19.002 20H5Z" />
+<path d="M15.628 12.183L13.828 10.384L15.198 9.013L16.998 10.812L15.628 12.183ZM8.005 16.201V18H9.804L14.78 13.03L12.981 11.231L8.005 16.201Z" />`;
+    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-calendar-edit")) {
+  customElements.define("icon-calendar-edit", NavaIconCalendarEdit);
+}

package/dist/chunk-4QPP75QA.js

@@ -0,0 +1,44 @@
+// src/icons/caret-left-square.ts
+var NavaIconCaretLeftSquare = 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 paths = isFilled ? `<path d="M5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21ZM14 7V17L8 12L14 7Z" />` : `<path d="M14 17V7L8 12L14 17Z" />
+<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />`;
+    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-caret-left-square")) {
+  customElements.define("icon-caret-left-square", NavaIconCaretLeftSquare);
+}

package/dist/chunk-4QRSA7MV.js

@@ -0,0 +1,43 @@
+// src/icons/package.ts
+var NavaIconPackage = 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 paths = isFilled ? `<path d="M21.993 7.95001C21.9914 7.87781 21.9817 7.80602 21.964 7.73601C21.957 7.71101 21.943 7.68701 21.934 7.66201C21.913 7.60501 21.894 7.54901 21.864 7.49701C21.848 7.47001 21.826 7.44801 21.807 7.42201C21.775 7.37701 21.744 7.33101 21.705 7.29201C21.682 7.27001 21.652 7.25201 21.627 7.23101C21.588 7.19901 21.552 7.16401 21.507 7.13701C21.503 7.13401 21.498 7.13401 21.493 7.13101L21.485 7.12501L12.506 2.13501C12.3576 2.05273 12.1908 2.00948 12.0211 2.00931C11.8515 2.00913 11.6845 2.05204 11.536 2.13401L2.515 7.12401C2.512 7.12701 2.509 7.13101 2.504 7.13401L2.494 7.13801C2.459 7.15801 2.433 7.18701 2.4 7.21101C2.364 7.23801 2.326 7.26201 2.294 7.29301C2.264 7.32401 2.241 7.36001 2.215 7.39501C2.188 7.43001 2.158 7.46101 2.136 7.49901C2.11 7.54201 2.096 7.59101 2.077 7.63801C2.063 7.67101 2.045 7.70201 2.036 7.73801C2.01873 7.80675 2.00901 7.87716 2.007 7.94801C2.006 7.96501 2 7.98001 2 7.99801V16C2 16.363 2.197 16.698 2.515 16.874L11.493 21.861L11.494 21.862L11.496 21.863L11.516 21.874C11.559 21.898 11.606 21.911 11.651 21.928C11.683 21.941 11.714 21.958 11.748 21.967C11.914 22.0098 12.088 22.0098 12.254 21.967C12.287 21.958 12.318 21.941 12.351 21.928C12.396 21.911 12.443 21.899 12.486 21.874L12.506 21.863L12.508 21.862L12.509 21.861L21.487 16.874C21.803 16.698 22 16.363 22 16V7.99801C22 7.98101 21.994 7.96701 21.993 7.95001ZM11.972 11.872L5.058 8.00501L7.82 6.47701L14.654 10.382L11.972 11.872ZM12.02 4.15301L18.941 8.00001L16.697 9.24701L9.867 5.34401L12.02 4.15301ZM13 19.301L13.002 13.622L16 11.944V15L18 14V10.825L20 9.70601V15.411L13 19.301Z" />` : `<path d="M22 8C22.0097 7.93034 22.0097 7.85967 22 7.79V7.71C21.9828 7.65419 21.9593 7.60051 21.93 7.55C21.917 7.5212 21.9002 7.49429 21.88 7.47L21.78 7.34L21.7 7.28L21.58 7.19L12.58 2.19C12.428 2.10224 12.2555 2.05603 12.08 2.05603C11.9045 2.05603 11.732 2.10224 11.58 2.19L2.58 7.19L2.49 7.26L2.38 7.34C2.35095 7.3727 2.32732 7.40984 2.31 7.45C2.27801 7.4787 2.25097 7.51249 2.23 7.55C2.20403 7.59388 2.18387 7.64094 2.17 7.69C2.16441 7.7231 2.16441 7.75691 2.17 7.79C2.10125 7.84929 2.04367 7.92041 2 8V16C2.0013 16.1782 2.05019 16.3528 2.14161 16.5058C2.23303 16.6587 2.36367 16.7845 2.52 16.87L11.52 21.87C11.5613 21.8941 11.6049 21.9142 11.65 21.93H11.75C11.9143 21.9699 12.0857 21.9699 12.25 21.93H12.35L12.49 21.87L21.49 16.87C21.6445 16.7832 21.7731 16.6569 21.8627 16.504C21.9523 16.3511 21.9997 16.1772 22 16V8ZM12 11.87L5.06 8L7.82 6.48L14.65 10.38L12 11.87ZM12 4.15L18.94 8L16.7 9.25L9.87 5.34L12 4.15ZM4 9.7L11 13.62V19.3L4 15.41V9.7ZM13 19.3V13.62L16 11.94V15L18 14V10.82L20 9.71V15.41L13 19.3Z" />`;
+    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-package")) {
+  customElements.define("icon-package", NavaIconPackage);
+}

package/dist/chunk-4RJA647U.js

@@ -0,0 +1,43 @@
+// src/icons/caret-right.ts
+var NavaIconCaretRight = 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 paths = isFilled ? `<path d="M9 19L17 12L9 5V19Z" />` : `<path d="M9 19L17 12L9 5V19Z" />`;
+    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-caret-right")) {
+  customElements.define("icon-caret-right", NavaIconCaretRight);
+}

package/dist/chunk-4SUJI532.js

@@ -0,0 +1,43 @@
+// src/icons/store.ts
+var NavaIconStore = 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 paths = isFilled ? `<path d="M21.999 8C21.9991 7.81852 21.9497 7.64045 21.856 7.485L19.147 2.97C18.9686 2.67484 18.7171 2.43057 18.417 2.26069C18.1168 2.09081 17.7779 2.00104 17.433 2H6.56502C5.86702 2 5.21002 2.372 4.85102 2.971L2.14202 7.485C2.04837 7.64045 1.99893 7.81852 1.99902 8C1.99902 9.005 2.38502 9.914 2.99902 10.618V20C2.99902 20.2652 3.10438 20.5196 3.29192 20.7071C3.47945 20.8946 3.73381 21 3.99902 21H11.999C12.2642 21 12.5186 20.8946 12.7061 20.7071C12.8937 20.5196 12.999 20.2652 12.999 20V15H16.999V20C16.999 20.2652 17.1044 20.5196 17.2919 20.7071C17.4795 20.8946 17.7338 21 17.999 21H19.999C20.2642 21 20.5186 20.8946 20.7061 20.7071C20.8937 20.5196 20.999 20.2652 20.999 20V10.618C21.613 9.914 21.999 9.005 21.999 8ZM19.983 8.251C19.9215 8.73391 19.6861 9.17785 19.321 9.49977C18.9558 9.82169 18.4858 9.99953 17.999 10C16.896 10 15.999 9.103 15.999 8C15.999 7.932 15.974 7.872 15.96 7.808L15.98 7.804L15.219 4H17.433L19.983 8.251ZM10.006 8.065L10.818 4H13.179L13.992 8.065C13.957 9.138 13.079 10 11.999 10C10.919 10 10.041 9.138 10.006 8.065ZM6.56502 4H8.77902L8.01902 7.804L8.03902 7.808C8.02402 7.872 7.99902 7.932 7.99902 8C7.99902 9.103 7.10202 10 5.99902 10C5.51221 9.99953 5.04226 9.82169 4.67708 9.49977C4.31191 9.17785 4.07654 8.73391 4.01502 8.251L6.56502 4ZM9.99902 16H5.99902V13H9.99902V16Z" />` : `<path d="M19.148 2.971C18.9698 2.67552 18.7185 2.43095 18.4183 2.26087C18.118 2.09079 17.779 2.00095 17.434 2H6.566C5.868 2 5.211 2.372 4.852 2.971L2.143 7.485C2.04926 7.64041 1.99981 7.8185 2 8C2.00399 8.96521 2.35949 9.89591 3 10.618V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V10.618C21.6405 9.89591 21.996 8.96521 22 8C22.0002 7.8185 21.9507 7.64041 21.857 7.485L19.148 2.971ZM19.984 8.251C19.9223 8.73382 19.6868 9.17764 19.3217 9.49952C18.9566 9.8214 18.4867 9.99931 18 10C16.897 10 16 9.103 16 8C16 7.932 15.975 7.872 15.961 7.808L15.981 7.804L15.22 4H17.434L19.984 8.251ZM10.819 4H13.18L13.993 8.065C13.958 9.137 13.08 10 12 10C10.92 10 10.042 9.137 10.007 8.065L10.819 4ZM6.566 4H8.78L8.02 7.804L8.04 7.808C8.025 7.872 8 7.932 8 8C8 9.103 7.103 10 6 10C5.51325 9.99931 5.04341 9.8214 4.67828 9.49952C4.31315 9.17764 4.07772 8.73382 4.016 8.251L6.566 4ZM10 19V16H14V19H10ZM16 19V16C16 14.897 15.103 14 14 14H10C8.897 14 8 14.897 8 16V19H5V11.858C5.321 11.941 5.652 12 6 12C6.56782 12.0003 7.12915 11.8794 7.6465 11.6454C8.16386 11.4114 8.6253 11.0696 9 10.643C9.733 11.475 10.807 12 12 12C13.193 12 14.267 11.475 15 10.643C15.3747 11.0696 15.8361 11.4114 16.3535 11.6454C16.8708 11.8794 17.4322 12.0003 18 12C18.348 12 18.679 11.941 19 11.858V19H16Z" />`;
+    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-store")) {
+  customElements.define("icon-store", NavaIconStore);
+}

package/dist/chunk-4T6Y3O5S.js

@@ -0,0 +1,44 @@
+// src/icons/message-square-add.ts
+var NavaIconMessageSquareAdd = 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 paths = isFilled ? `<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 2ZM17 13H13V17H11V13H7V11H11V7H13V11H17V13Z" />` : `<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="M13 7H11V11H7V13H11V17H13V13H17V11H13V7Z" />`;
+    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-add")) {
+  customElements.define("icon-message-square-add", NavaIconMessageSquareAdd);
+}

package/dist/chunk-4UFKCWYA.js

@@ -0,0 +1,44 @@
+// 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 paths = isFilled ? `<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" />` : `<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 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-4WRML2A2.js

@@ -0,0 +1,44 @@
+// src/icons/message-alt-error.ts
+var NavaIconMessageAltError = 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 paths = isFilled ? `<path d="M3 4V16C3 17.103 3.897 18 5 18H8.5L12 22L15.5 18H19C20.103 18 21 17.103 21 16V4C21 2.897 20.103 2 19 2H5C3.897 2 3 2.897 3 4ZM11 5H13V11H11V5ZM11 13H13V15H11V13Z" />` : `<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="M11 6H13V12H11V6ZM11 13H13V15H11V13Z" />`;
+    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-error")) {
+  customElements.define("icon-message-alt-error", NavaIconMessageAltError);
+}

package/dist/chunk-4XQVE4X4.js

@@ -0,0 +1,45 @@
+// src/icons/trip.ts
+var NavaIconTrip = 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 paths = isFilled ? `<path d="M14.844 20H6.5C5.121 20 4 18.879 4 17.5C4 16.121 5.121 15 6.5 15H13.5C15.43 15 17 13.43 17 11.5C17 9.57 15.43 8 13.5 8H8.639C8.27175 8.71988 7.81697 9.39164 7.285 10H13.5C14.327 10 15 10.673 15 11.5C15 12.327 14.327 13 13.5 13H6.5C4.019 13 2 15.019 2 17.5C2 19.981 4.019 22 6.5 22H16.093C15.6023 21.3828 15.1833 20.7118 14.844 20ZM5 2C3.346 2 2 3.346 2 5C2 8.188 5 10 5 10C5 10 8 8.187 8 5C8 3.346 6.654 2 5 2ZM5 6.5C4.80295 6.49993 4.60785 6.46106 4.42582 6.38559C4.2438 6.31012 4.07842 6.19954 3.93913 6.06016C3.79984 5.92078 3.68937 5.75533 3.61403 5.57325C3.53868 5.39118 3.49993 5.19605 3.5 4.999C3.50007 4.80195 3.53894 4.60685 3.61441 4.42482C3.68988 4.2428 3.80046 4.07742 3.93984 3.93813C4.07922 3.79884 4.24467 3.68837 4.42675 3.61303C4.60882 3.53768 4.80395 3.49893 5.001 3.499C5.39896 3.49913 5.78056 3.65735 6.06187 3.93884C6.34317 4.22033 6.50113 4.60204 6.501 5C6.50087 5.39796 6.34265 5.77956 6.06116 6.06087C5.77967 6.34217 5.39796 6.50013 5 6.5Z" />
+<path d="M19 14C17.346 14 16 15.346 16 17C16 20.188 19 22 19 22C19 22 22 20.187 22 17C22 15.346 20.654 14 19 14ZM19 18.5C18.803 18.4999 18.6078 18.4611 18.4258 18.3856C18.2438 18.3101 18.0784 18.1995 17.9391 18.0602C17.7998 17.9208 17.6894 17.7553 17.614 17.5733C17.5387 17.3912 17.4999 17.196 17.5 16.999C17.5001 16.802 17.5389 16.6068 17.6144 16.4248C17.6899 16.2428 17.8005 16.0774 17.9398 15.9381C18.0792 15.7988 18.2447 15.6884 18.4267 15.613C18.6088 15.5377 18.804 15.4989 19.001 15.499C19.399 15.4991 19.7806 15.6573 20.0619 15.9388C20.3432 16.2203 20.5011 16.602 20.501 17C20.5009 17.398 20.3427 17.7796 20.0612 18.0609C19.7797 18.3422 19.398 18.5001 19 18.5Z" />` : `<path d="M14.844 20H6.5C5.121 20 4 18.879 4 17.5C4 16.121 5.121 15 6.5 15H13.5C15.43 15 17 13.43 17 11.5C17 9.57 15.43 8 13.5 8H8.639C8.27175 8.71988 7.81697 9.39164 7.285 10H13.5C14.327 10 15 10.673 15 11.5C15 12.327 14.327 13 13.5 13H6.5C4.019 13 2 15.019 2 17.5C2 19.981 4.019 22 6.5 22H16.093C15.6023 21.3828 15.1833 20.7118 14.844 20ZM5 2C3.346 2 2 3.346 2 5C2 8.188 5 10 5 10C5 10 8 8.187 8 5C8 3.346 6.654 2 5 2ZM5 6.5C4.80295 6.49993 4.60785 6.46106 4.42582 6.38559C4.2438 6.31012 4.07842 6.19954 3.93913 6.06016C3.79984 5.92078 3.68937 5.75533 3.61403 5.57325C3.53868 5.39118 3.49993 5.19605 3.5 4.999C3.50007 4.80195 3.53894 4.60685 3.61441 4.42482C3.68988 4.2428 3.80046 4.07742 3.93984 3.93813C4.07922 3.79884 4.24467 3.68837 4.42675 3.61303C4.60882 3.53768 4.80395 3.49893 5.001 3.499C5.39896 3.49913 5.78056 3.65735 6.06187 3.93884C6.34317 4.22033 6.50113 4.60204 6.501 5C6.50087 5.39796 6.34265 5.77956 6.06116 6.06087C5.77967 6.34217 5.39796 6.50013 5 6.5Z" />
+<path d="M19 14C17.346 14 16 15.346 16 17C16 20.188 19 22 19 22C19 22 22 20.187 22 17C22 15.346 20.654 14 19 14ZM19 18.5C18.803 18.4999 18.6078 18.4611 18.4258 18.3856C18.2438 18.3101 18.0784 18.1995 17.9391 18.0602C17.7998 17.9208 17.6894 17.7553 17.614 17.5733C17.5387 17.3912 17.4999 17.196 17.5 16.999C17.5001 16.802 17.5389 16.6068 17.6144 16.4248C17.6899 16.2428 17.8005 16.0774 17.9398 15.9381C18.0792 15.7988 18.2447 15.6884 18.4267 15.613C18.6088 15.5377 18.804 15.4989 19.001 15.499C19.399 15.4991 19.7806 15.6573 20.0619 15.9388C20.3432 16.2203 20.5011 16.602 20.501 17C20.5009 17.398 20.3427 17.7796 20.0612 18.0609C19.7797 18.3422 19.398 18.5001 19 18.5Z" />`;
+    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-trip")) {
+  customElements.define("icon-trip", NavaIconTrip);
+}