@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-BV76ZTXA.js

@@ -0,0 +1,45 @@
+// src/icons/right-arrow-square.ts
+var NavaIconRightArrowSquare = 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="M3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5ZM7 11H12V7L17 12L12 17V13H7V11Z" />`;
+    const filledPaths = `<path d="M3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5ZM7 11H12V7L17 12L12 17V13H7V11Z" />`;
+    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-right-arrow-square")) {
+  customElements.define("icon-right-arrow-square", NavaIconRightArrowSquare);
+}

package/dist/chunk-BWWRUMXX.js

@@ -0,0 +1,46 @@
+// src/icons/folder-plus.ts
+var NavaIconFolderPlus = 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 9H11V12H8V14H11V17H13V14H16V12H13V9Z" />
+<path d="M20 5H11.414L9.707 3.293C9.61429 3.19996 9.5041 3.12617 9.38276 3.07589C9.26143 3.0256 9.13134 2.99981 9 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V7C22 5.897 21.103 5 20 5ZM4 19V7H20L20.002 19H4Z" />`;
+    const filledPaths = `<path d="M20 5H10.414L8.707 3.293C8.61426 3.2 8.50406 3.12624 8.38273 3.07596C8.2614 3.02568 8.13134 2.99986 8 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V7C22 5.897 21.103 5 20 5ZM16 14H13V17H11V14H8V12H11V9H13V12H16V14Z" />`;
+    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-folder-plus")) {
+  customElements.define("icon-folder-plus", NavaIconFolderPlus);
+}

package/dist/chunk-BX2DIGSV.js

@@ -0,0 +1,46 @@
+// src/icons/bar-chart-square.ts
+var NavaIconBarChartSquare = 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="M3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5ZM19.001 19H5V5H19L19.001 19Z" />
+<path d="M11 7H13V17H11V7ZM15 10H17V17H15V10ZM7 12H9V17H7V12Z" />`;
+    const filledPaths = `<path d="M21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19ZM9 18H7V12H9V18ZM13 18H11V7H13V18ZM17 18H15V10H17V18Z" />`;
+    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-bar-chart-square")) {
+  customElements.define("icon-bar-chart-square", NavaIconBarChartSquare);
+}

package/dist/chunk-BXI6VWHG.js

@@ -0,0 +1,46 @@
+// src/icons/location-plus.ts
+var NavaIconLocationPlus = 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.42 21.815C11.5896 21.935 11.7922 21.9995 12 21.9995C12.2078 21.9995 12.4104 21.935 12.58 21.815C12.884 21.598 20.029 16.44 20 10C20 5.589 16.411 2 12 2C7.589 2 4 5.589 4 9.996C3.971 16.44 11.116 21.598 11.42 21.815ZM12 4C15.309 4 18 6.691 18 10.004C18.021 14.442 13.612 18.427 12 19.735C10.389 18.427 5.979 14.442 6 10C6 6.691 8.691 4 12 4Z" />
+<path d="M11 14H13V11H16V9H13V6H11V9H8V11H11V14Z" />`;
+    const filledPaths = `<path d="M12 22C12 22 20.029 16.44 20 10C20 5.589 16.411 2 12 2C7.58896 2 3.99996 5.589 3.99996 9.995C3.97096 16.44 11.696 21.784 12 22ZM7.99996 9H11V6H13V9H16V11H13V14H11V11H7.99996V9Z" />`;
+    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-location-plus")) {
+  customElements.define("icon-location-plus", NavaIconLocationPlus);
+}

package/dist/chunk-C357BE4X.js

@@ -0,0 +1,47 @@
+// src/icons/bus.ts
+var NavaIconBus = 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.004 7.975V6C21.004 3.794 19.21 2 17.004 2H7.004C4.798 2 3.004 3.794 3.004 6V7.998L2.928 8.002C2.6758 8.02021 2.43986 8.13328 2.26768 8.31845C2.09549 8.50362 1.99985 8.74714 2 9V11C2 11.2652 2.10536 11.5196 2.29289 11.7071C2.48043 11.8946 2.73478 12 3 12H3.004V18C3.004 18.735 3.407 19.372 4 19.72V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H6C6.26522 22 6.51957 21.8946 6.70711 21.7071C6.89464 21.5196 7 21.2652 7 21V20H17V21C17 21.2652 17.1054 21.5196 17.2929 21.7071C17.4804 21.8946 17.7348 22 18 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V19.724C20.304 19.5501 20.5569 19.2992 20.7331 18.9966C20.9094 18.6939 21.0028 18.3502 21.004 18V12C21.2692 12 21.5236 11.8946 21.7111 11.7071C21.8986 11.5196 22.004 11.2652 22.004 11V9.062C22.0155 8.90681 21.9909 8.75106 21.932 8.607C21.729 8.12 21.297 8.003 21.004 7.975ZM19.006 18H5.004V13H19.005L19.006 18ZM11.004 7V11H5.004V7H11.004ZM19.004 7V11H13.004V7H19.004ZM7.004 4H17.004C17.74 4 18.379 4.405 18.726 5H5.282C5.629 4.405 6.268 4 7.004 4Z" />
+<path d="M7.5 17C8.32843 17 9 16.3284 9 15.5C9 14.6716 8.32843 14 7.5 14C6.67157 14 6 14.6716 6 15.5C6 16.3284 6.67157 17 7.5 17Z" />
+<path d="M16.5 17C17.3284 17 18 16.3284 18 15.5C18 14.6716 17.3284 14 16.5 14C15.6716 14 15 14.6716 15 15.5C15 16.3284 15.6716 17 16.5 17Z" />`;
+    const filledPaths = `<path d="M21 6.021C21.003 5.875 20.993 4.556 19.7 3.286C18.427 2.036 17.143 2 17 2H6.996C6.757 2 5.503 2.063 4.288 3.302C3.036 4.578 3 5.859 3 6V9H2V12H3V18C3 18.734 3.406 19.373 4 19.721V21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H6C6.26522 22 6.51957 21.8946 6.70711 21.7071C6.89464 21.5196 7 21.2652 7 21V20H17V21C17 21.2652 17.1054 21.5196 17.2929 21.7071C17.4804 21.8946 17.7348 22 18 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21V19.723C20.3034 19.549 20.5556 19.2981 20.7311 18.9956C20.9067 18.6932 20.9994 18.3497 21 18V12H22V9H21V6.021ZM9 4H15V6H9V4ZM6.5 18C6.10204 17.9999 5.72044 17.8417 5.43913 17.5602C5.15783 17.2787 4.99987 16.897 5 16.499C5.00013 16.101 5.15835 15.7194 5.43984 15.4381C5.72133 15.1568 6.10304 14.9989 6.501 14.999C6.89896 14.9991 7.28056 15.1573 7.56187 15.4388C7.84317 15.7203 8.00113 16.102 8.001 16.5C8.00087 16.898 7.84265 17.2796 7.56116 17.5609C7.27967 17.8422 6.89796 18.0001 6.5 18ZM11 13H5V8H11V13ZM17.5 18C17.102 17.9999 16.7204 17.8417 16.4391 17.5602C16.1578 17.2787 15.9999 16.897 16 16.499C16.0001 16.101 16.1583 15.7194 16.4398 15.4381C16.7213 15.1568 17.103 14.9989 17.501 14.999C17.899 14.9991 18.2806 15.1573 18.5619 15.4388C18.8432 15.7203 19.0011 16.102 19.001 16.5C19.0009 16.898 18.8427 17.2796 18.5612 17.5609C18.2797 17.8422 17.898 18.0001 17.5 18ZM19 13H13V8H19V13Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-bus")) {
+  customElements.define("icon-bus", NavaIconBus);
+}

package/dist/chunk-C3UF6L7J.js

@@ -0,0 +1,45 @@
+// src/icons/mobile.ts
+var NavaIconMobile = 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="M17 2H7C5.897 2 5 2.897 5 4V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V4C19 2.897 18.103 2 17 2ZM7 16.999V5H17L17.002 16.999H7Z" />`;
+    const filledPaths = `<path d="M18 22C19.103 22 20 21.103 20 20V4C20 2.897 19.103 2 18 2H8C6.897 2 6 2.897 6 4V20C6 21.103 6.897 22 8 22H18ZM13 17C13.2652 17 13.5196 17.1054 13.7071 17.2929C13.8946 17.4804 14 17.7348 14 18C14 18.2652 13.8946 18.5196 13.7071 18.7071C13.5196 18.8946 13.2652 19 13 19C12.7348 19 12.4804 18.8946 12.2929 18.7071C12.1054 18.5196 12 18.2652 12 18C12 17.7348 12.1054 17.4804 12.2929 17.2929C12.4804 17.1054 12.7348 17 13 17Z" />`;
+    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-mobile")) {
+  customElements.define("icon-mobile", NavaIconMobile);
+}

package/dist/chunk-C5D7NQJ5.js

@@ -0,0 +1,45 @@
+// src/icons/caret-up.ts
+var NavaIconCaretUp = 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 15H19L12 7L5 15Z" />`;
+    const filledPaths = `<path d="M5 15H19L12 7L5 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-caret-up")) {
+  customElements.define("icon-caret-up", NavaIconCaretUp);
+}

package/dist/chunk-C5MDUEPY.js

@@ -0,0 +1,46 @@
+// src/icons/message-square-check.ts
+var NavaIconMessageSquareCheck = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM20 16C20 18.206 18.206 20 16 20H4V8C4 5.794 5.794 4 8 4H16C18.206 4 20 5.794 20 8V16Z" />
+<path d="M11 13.586L8.707 11.293L7.293 12.707L11 16.414L17.207 10.207L15.793 8.793L11 13.586Z" />`;
+    const filledPaths = `<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM11 16.414L7.293 12.707L8.707 11.293L11 13.586L15.793 8.793L17.207 10.207L11 16.414Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-message-square-check")) {
+  customElements.define("icon-message-square-check", NavaIconMessageSquareCheck);
+}

package/dist/chunk-C5QNEZC2.js

@@ -0,0 +1,45 @@
+// src/icons/coffee-togo.ts
+var NavaIconCoffeeTogo = 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="M7 22H17C17.2406 22 17.4732 21.9133 17.6551 21.7557C17.8369 21.5981 17.9558 21.3802 17.99 21.142L19.867 8H21V6H19.618L17.894 2.553C17.8112 2.38677 17.6836 2.24695 17.5257 2.14925C17.3678 2.05156 17.1857 1.99987 17 2H7C6.621 2 6.275 2.214 6.105 2.553L4.382 6H3V8H4.133L6.01 21.142C6.04417 21.3802 6.16309 21.5981 6.34494 21.7557C6.52678 21.9133 6.75936 22 7 22ZM17.418 11H6.582L6.153 8H17.846L17.418 11ZM7.867 20L7.438 17H16.561L16.132 20H7.867ZM7.618 4H16.382L17.382 6H6.618L7.618 4Z" />`;
+    const filledPaths = `<path d="M18.5 5L17.276 2.553C17.193 2.38692 17.0654 2.24722 16.9075 2.14955C16.7496 2.05188 16.5677 2.0001 16.382 2H7.618C7.43234 2.0001 7.25037 2.05188 7.09247 2.14955C6.93458 2.24722 6.80699 2.38692 6.724 2.553L5.5 5H3V7H21V5H18.5ZM6.734 21.142C6.805 21.634 7.227 22 7.725 22H16.276C16.5166 22 16.7492 21.9133 16.9311 21.7557C17.1129 21.5981 17.2318 21.3802 17.266 21.142L19 9H5L6.734 21.142ZM16 12L15.286 17H8.714L8 12H16Z" />`;
+    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-coffee-togo")) {
+  customElements.define("icon-coffee-togo", NavaIconCoffeeTogo);
+}

package/dist/chunk-C7DC5PLY.js

@@ -0,0 +1,46 @@
+// src/icons/toggle-left.ts
+var NavaIconToggleLeft = 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 9C6.372 9 5 10.372 5 12C5 13.628 6.372 15 8 15C9.628 15 11 13.628 11 12C11 10.372 9.628 9 8 9Z" />
+<path d="M16 6H8C4.7 6 2.011 8.689 2 12V12.016C2.00687 13.6037 2.64172 15.1242 3.76591 16.2454C4.8901 17.3666 6.41228 17.9974 8 18H16C17.5894 17.9974 19.1131 17.3652 20.2376 16.2418C21.3621 15.1185 21.9958 13.5954 22 12.006V12C21.991 8.691 19.301 6 16 6ZM16 16H8C6.94135 15.9984 5.92636 15.5779 5.17685 14.8302C4.42733 14.0826 4.00423 13.0686 4 12.01C4.004 9.799 5.798 8 8 8H16C18.202 8 19.996 9.799 20 12.006C19.9966 13.0653 19.5738 14.0801 18.8243 14.8285C18.0747 15.577 17.0593 15.9982 16 16ZM20 12.016L20.443 12.012L21 12.016H20Z" />`;
+    const filledPaths = `<path d="M16 6H8C4.704 6 2.018 8.682 2 11.986V12.028C2.01002 13.6136 2.64627 15.131 3.77012 16.2496C4.89397 17.3683 6.41434 17.9974 8 18H16C17.5894 17.9974 19.1131 17.3652 20.2376 16.2418C21.3621 15.1185 21.9958 13.5954 22 12.006V11.988C21.985 8.685 19.297 6 16 6ZM8 15C6.373 15 5 13.627 5 12C5 10.373 6.373 9 8 9C9.627 9 11 10.373 11 12C11 13.627 9.627 15 8 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-toggle-left")) {
+  customElements.define("icon-toggle-left", NavaIconToggleLeft);
+}

package/dist/chunk-C7NYOHPQ.js

@@ -0,0 +1,45 @@
+// src/icons/sort-down.ts
+var NavaIconSortDown = 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 20L10 16H7V4H5V16H2L6 20ZM11 8H20V10H11V8ZM11 12H18V14H11V12ZM11 4H22V6H11V4ZM11 16H16V18H11V16Z" />`;
+    const filledPaths = `<path d="M6 20L10 16H7V4H5V16H2L6 20ZM11 8H20V10H11V8ZM11 12H18V14H11V12ZM11 4H22V6H11V4ZM11 16H16V18H11V16Z" />`;
+    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-down")) {
+  customElements.define("icon-sort-down", NavaIconSortDown);
+}

package/dist/chunk-CB3342QL.js

@@ -0,0 +1,45 @@
+// src/icons/bookmark-alt.ts
+var NavaIconBookmarkAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M18.5 2H6.5C4.57 2 3 3.57 3 5.5V22L10 18.5L17 22V13H22V5.5C22 3.57 20.43 2 18.5 2ZM15 18.764L10 16.264L5 18.764V5.5C5 4.673 5.673 4 6.5 4H15.352C15.1231 4.46708 15.0028 4.97986 15 5.5V18.764ZM20 11H17V5.5C17 4.673 17.673 4 18.5 4C19.327 4 20 4.673 20 5.5V11Z" />`;
+    const filledPaths = `<path d="M18.5 2H6.5C4.57 2 3 3.57 3 5.5V22L10 18.5L17 22V13H22V5.5C22 3.57 20.43 2 18.5 2ZM20 11H17V5.5C17 4.673 17.673 4 18.5 4C19.327 4 20 4.673 20 5.5V11Z" />`;
+    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-bookmark-alt")) {
+  customElements.define("icon-bookmark-alt", NavaIconBookmarkAlt);
+}

package/dist/chunk-CBRPAGRV.js

@@ -0,0 +1,45 @@
+// src/icons/pause.ts
+var NavaIconPause = 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 7H11V17H8V7ZM13 7H16V17H13V7Z" />`;
+    const filledPaths = `<path d="M8 7H11V17H8V7ZM13 7H16V17H13V7Z" />`;
+    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-pause")) {
+  customElements.define("icon-pause", NavaIconPause);
+}

package/dist/chunk-CBVDGQRP.js

@@ -0,0 +1,46 @@
+// src/icons/angry.ts
+var NavaIconAngry = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 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="M12 14C9 14 8 17 8 17H16C16 17 15 14 12 14ZM9.561 11.561C9.575 11.547 9.584 11.531 9.598 11.517L10.629 11.93L11.371 10.073L6.371 8.07298L5.629 9.92898L7.002 10.478L7 10.5C6.99938 10.797 7.087 11.0874 7.25173 11.3346C7.41647 11.5817 7.65089 11.7743 7.92526 11.8879C8.19963 12.0016 8.50158 12.0312 8.79281 11.973C9.08403 11.9148 9.3514 11.7714 9.561 11.561ZM12.629 10.071L13.371 11.928L14.408 11.513C14.419 11.524 14.427 11.537 14.437 11.548C14.5753 11.6873 14.7398 11.7979 14.9211 11.8733C15.1023 11.9488 15.2967 11.9876 15.493 11.9876C15.6893 11.9876 15.8837 11.9488 16.0649 11.8733C16.2462 11.7979 16.4107 11.6873 16.549 11.548C16.82 11.277 16.987 10.904 16.987 10.492L16.986 10.482L18.372 9.92798L17.63 8.07098L12.629 10.071Z" />`;
+    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 2ZM7 10.5L7.002 10.478L5.629 9.929L6.371 8.072L11.371 10.072L10.629 11.929L9.598 11.516C9.584 11.53 9.575 11.547 9.561 11.56C9.35147 11.7703 9.08419 11.9137 8.79306 11.972C8.50193 12.0302 8.20006 12.0007 7.92573 11.8871C7.6514 11.7736 7.41696 11.5811 7.25215 11.3342C7.08735 11.0872 6.99958 10.7969 7 10.5ZM8 17C8 17 9 14 12 14C15 14 16 17 16 17H8ZM16.986 10.493C16.986 10.905 16.819 11.278 16.548 11.549C16.4097 11.6883 16.2452 11.7989 16.0639 11.8744C15.8827 11.9498 15.6883 11.9887 15.492 11.9887C15.2957 11.9887 15.1013 11.9498 14.9201 11.8744C14.7388 11.7989 14.5743 11.6883 14.436 11.549C14.425 11.538 14.417 11.525 14.407 11.514L13.37 11.929L12.628 10.072L17.628 8.072L18.37 9.929L16.984 10.483C16.9851 10.4862 16.9858 10.4896 16.986 10.493Z" />`;
+    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-angry")) {
+  customElements.define("icon-angry", NavaIconAngry);
+}