@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-6PIEN2GU.js

@@ -0,0 +1,47 @@
+// src/icons/play-circle.ts
+var NavaIconPlayCircle = 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="M9 17L17 12L9 7V17Z" />`;
+    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 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="M9 17L17 12L9 7V17Z" />`;
+    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-play-circle")) {
+  customElements.define("icon-play-circle", NavaIconPlayCircle);
+}

package/dist/chunk-6PPL7XAA.js

@@ -0,0 +1,46 @@
+// src/icons/caret-left-circle.ts
+var NavaIconCaretLeftCircle = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M14 17V7L8 12L14 17Z" />
+<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" />`;
+    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 2ZM14 17L8 12L14 7V17Z" />`;
+    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-left-circle")) {
+  customElements.define("icon-caret-left-circle", NavaIconCaretLeftCircle);
+}

package/dist/chunk-6QRCWYPK.js

@@ -0,0 +1,45 @@
+// src/icons/battery-full.ts
+var NavaIconBatteryFull = 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="M4 18H18C18.5304 18 19.0391 17.7893 19.4142 17.4142C19.7893 17.0391 20 16.5304 20 16V14H22V10H20V8C20 7.46957 19.7893 6.96086 19.4142 6.58579C19.0391 6.21071 18.5304 6 18 6H4C3.46957 6 2.96086 6.21071 2.58579 6.58579C2.21071 6.96086 2 7.46957 2 8V16C2 16.5304 2.21071 17.0391 2.58579 17.4142C2.96086 17.7893 3.46957 18 4 18ZM5 9H17V15H5V9Z" />`;
+    const filledPaths = `<path d="M4 18H18C18.5304 18 19.0391 17.7893 19.4142 17.4142C19.7893 17.0391 20 16.5304 20 16V14H22V10H20V8C20 7.46957 19.7893 6.96086 19.4142 6.58579C19.0391 6.21071 18.5304 6 18 6H4C3.46957 6 2.96086 6.21071 2.58579 6.58579C2.21071 6.96086 2 7.46957 2 8V16C2 16.5304 2.21071 17.0391 2.58579 17.4142C2.96086 17.7893 3.46957 18 4 18ZM5 9H17V15H5V9Z" />`;
+    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-battery-full")) {
+  customElements.define("icon-battery-full", NavaIconBatteryFull);
+}

package/dist/chunk-6QUPTDVH.js

@@ -0,0 +1,46 @@
+// src/icons/log-in-circle.ts
+var NavaIconLogInCircle = 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.998 16L15.998 12L10.998 8V11H1.99799V13H10.998V16Z" />
+<path d="M12.999 2.999C11.8165 2.99572 10.6452 3.22711 9.55276 3.67976C8.46035 4.13242 7.46861 4.79734 6.63501 5.636L8.04901 7.05C9.37101 5.728 11.129 4.999 12.999 4.999C14.869 4.999 16.627 5.728 17.949 7.05C19.271 8.372 20 10.13 20 12C20 13.87 19.271 15.628 17.949 16.95C16.627 18.272 14.869 19.001 12.999 19.001C11.129 19.001 9.37101 18.272 8.04901 16.95L6.63501 18.364C8.33401 20.064 10.594 21.001 12.999 21.001C15.404 21.001 17.664 20.064 19.363 18.364C21.063 16.665 22 14.405 22 12C22 9.595 21.063 7.335 19.363 5.636C18.5294 4.79734 17.5377 4.13242 16.4453 3.67976C15.3529 3.22711 14.1815 2.99572 12.999 2.999Z" />`;
+    const filledPaths = `<path d="M12 3C7.37496 3 3.55796 6.507 3.05896 11.001H9.99996V8.001L15 12.001L9.99996 16.001V13.001H3.05996C3.55996 17.494 7.37596 21 12 21C16.963 21 21 16.963 21 12C21 7.037 16.963 3 12 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-log-in-circle")) {
+  customElements.define("icon-log-in-circle", NavaIconLogInCircle);
+}

package/dist/chunk-6SGDCLRQ.js

@@ -0,0 +1,45 @@
+// src/icons/at.ts
+var NavaIconAt = 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 22C13.466 22 14.961 21.629 16.442 20.896L15.557 19.103C14.353 19.698 13.156 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V13C20 13.692 19.687 15 18.5 15C17.104 15 17.006 13.181 17 13V8H15V8.025C14.1393 7.36395 13.0853 7.00383 12 7C9.243 7 7 9.243 7 12C7 14.757 9.243 17 12 17C13.45 17 14.748 16.369 15.662 15.379C16.186 16.269 17.07 17 18.5 17C20.773 17 22 14.939 22 13V12C22 6.486 17.514 2 12 2ZM12 15C10.346 15 9 13.654 9 12C9 10.346 10.346 9 12 9C13.654 9 15 10.346 15 12C15 13.654 13.654 15 12 15Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C13.466 22 14.961 21.629 16.442 20.896L15.557 19.103C14.353 19.698 13.156 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V13C20 13.692 19.687 15 18.5 15C17.104 15 17.006 13.181 17 13V8H15V8.025C14.1393 7.36395 13.0853 7.00383 12 7C9.243 7 7 9.243 7 12C7 14.757 9.243 17 12 17C13.45 17 14.748 16.369 15.662 15.379C16.186 16.269 17.07 17 18.5 17C20.773 17 22 14.939 22 13V12C22 6.486 17.514 2 12 2ZM12 15C10.346 15 9 13.654 9 12C9 10.346 10.346 9 12 9C13.654 9 15 10.346 15 12C15 13.654 13.654 15 12 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-at")) {
+  customElements.define("icon-at", NavaIconAt);
+}

package/dist/chunk-6SMKYFS4.js

@@ -0,0 +1,47 @@
+// src/icons/football.ts
+var NavaIconFootball = 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.071 4.929C18.1454 3.99605 17.0439 3.256 15.8304 2.75168C14.6168 2.24737 13.3152 1.98882 12.001 1.991C10.6865 1.98894 9.3847 2.24754 8.17081 2.75184C6.95693 3.25614 5.85508 3.99613 4.92901 4.929C1.03001 8.827 1.03001 15.172 4.92901 19.071C5.8551 20.0041 6.95709 20.7443 8.17118 21.2486C9.38527 21.7529 10.6873 22.0114 12.002 22.009C13.3161 22.0113 14.6177 21.7529 15.8312 21.2488C17.0448 20.7446 18.1463 20.0048 19.072 19.072C22.971 15.174 22.971 8.829 19.071 4.929ZM12.181 4H11.822C11.883 3.999 11.941 3.991 12.002 3.991C12.063 3.991 12.12 3.999 12.181 4ZM18.243 17H16L14.742 19.516C13.8644 19.8402 12.9366 20.0071 12.001 20.009C11.0637 20.0073 10.1341 19.84 9.25501 19.515L8.00001 17.01H5.76501C4.94045 15.9849 4.38282 14.7714 4.14201 13.478L6.00001 11L4.78401 8.567C5.17202 7.74159 5.69941 6.98924 6.34301 6.343C7.2438 5.43906 8.3479 4.76391 9.56301 4.374L12 6L14.438 4.375C15.6528 4.76518 16.7567 5.43991 17.658 6.343C18.3009 6.98847 18.8279 7.73976 19.216 8.564L18 11L19.858 13.478C19.6183 14.7672 19.0635 15.9771 18.243 17Z" />
+<path d="M8.5 11L10 15H14L15.5 11L12 8.5L8.5 11Z" />`;
+    const filledPaths = `<path d="M19.071 4.929C18.1454 3.99605 17.0439 3.256 15.8304 2.75168C14.6168 2.24737 13.3152 1.98882 12.001 1.991C10.6865 1.98894 9.3847 2.24754 8.17081 2.75184C6.95693 3.25614 5.85508 3.99613 4.92901 4.929C1.03001 8.827 1.03001 15.172 4.92901 19.071C5.8551 20.0041 6.95709 20.7443 8.17118 21.2486C9.38527 21.7529 10.6873 22.0114 12.002 22.009C13.3161 22.0113 14.6177 21.7529 15.8312 21.2488C17.0448 20.7446 18.1463 20.0048 19.072 19.072C22.971 15.174 22.971 8.829 19.071 4.929ZM12.181 4H11.822C11.883 3.999 11.941 3.991 12.002 3.991C12.063 3.991 12.12 3.999 12.181 4ZM18.243 17H16L14.742 19.516C13.8644 19.8402 12.9366 20.0071 12.001 20.009C11.0637 20.0073 10.1341 19.84 9.25501 19.515L8.00001 17.01H5.76501C4.94045 15.9849 4.38282 14.7714 4.14201 13.478L6.00001 11L4.78401 8.567C5.17202 7.74159 5.69941 6.98924 6.34301 6.343C7.2438 5.43906 8.3479 4.76391 9.56301 4.374L12 6L14.438 4.375C15.6528 4.76518 16.7567 5.43991 17.658 6.343C18.3009 6.98847 18.8279 7.73976 19.216 8.564L18 11L19.858 13.478C19.6183 14.7672 19.0635 15.9771 18.243 17Z" />
+<path d="M8.5 11L10 15H14L15.5 11L12 8.5L8.5 11Z" />`;
+    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-football")) {
+  customElements.define("icon-football", NavaIconFootball);
+}

package/dist/chunk-6VQTATV4.js

@@ -0,0 +1,45 @@
+// src/icons/user-check.ts
+var NavaIconUserCheck = 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.29 8.29002L16 12.58L14.7 11.29L13.29 12.71L15.99 15.41L21.71 9.71002L20.29 8.29002ZM4 8.00002C3.98768 8.52868 4.08273 9.05434 4.27939 9.54521C4.47605 10.0361 4.77024 10.482 5.14415 10.8559C5.51807 11.2298 5.96395 11.524 6.45482 11.7206C6.94569 11.9173 7.47134 12.0123 8 12C8.52866 12.0123 9.05431 11.9173 9.54518 11.7206C10.0361 11.524 10.4819 11.2298 10.8558 10.8559C11.2298 10.482 11.524 10.0361 11.7206 9.54521C11.9173 9.05434 12.0123 8.52868 12 8.00002C12.0123 7.47137 11.9173 6.94571 11.7206 6.45484C11.524 5.96397 11.2298 5.51809 10.8558 5.14418C10.4819 4.77026 10.0361 4.47607 9.54518 4.27941C9.05431 4.08275 8.52866 3.98771 8 4.00002C7.47134 3.98771 6.94569 4.08275 6.45482 4.27941C5.96395 4.47607 5.51807 4.77026 5.14415 5.14418C4.77024 5.51809 4.47605 5.96397 4.27939 6.45484C4.08273 6.94571 3.98768 7.47137 4 8.00002ZM10 8.00002C10.0129 8.26607 9.96993 8.53187 9.87398 8.78035C9.77802 9.02882 9.63115 9.25448 9.4428 9.44283C9.25446 9.63117 9.0288 9.77804 8.78032 9.874C8.53185 9.96996 8.26605 10.0129 8 10C7.73395 10.0129 7.46815 9.96996 7.21968 9.874C6.9712 9.77804 6.74554 9.63117 6.5572 9.44283C6.36885 9.25448 6.22198 9.02882 6.12602 8.78035C6.03007 8.53187 5.98714 8.26607 6 8.00002C5.98714 7.73397 6.03007 7.46817 6.12602 7.2197C6.22198 6.97122 6.36885 6.74557 6.5572 6.55722C6.74554 6.36888 6.9712 6.22201 7.21968 6.12605C7.46815 6.03009 7.73395 5.98716 8 6.00002C8.26605 5.98716 8.53185 6.03009 8.78032 6.12605C9.0288 6.22201 9.25446 6.36888 9.4428 6.55722C9.63115 6.74557 9.77802 6.97122 9.87398 7.2197C9.96993 7.46817 10.0129 7.73397 10 8.00002ZM4 18C4 17.2044 4.31607 16.4413 4.87868 15.8787C5.44129 15.3161 6.20435 15 7 15H9C9.79565 15 10.5587 15.3161 11.1213 15.8787C11.6839 16.4413 12 17.2044 12 18V19H14V18C14 17.3434 13.8707 16.6932 13.6194 16.0866C13.3681 15.48 12.9998 14.9288 12.5355 14.4645C12.0712 14.0002 11.52 13.6319 10.9134 13.3806C10.3068 13.1294 9.65661 13 9 13H7C5.67392 13 4.40215 13.5268 3.46447 14.4645C2.52678 15.4022 2 16.6739 2 18V19H4V18Z" />`;
+    const filledPaths = `<path d="M8 12.052C9.995 12.052 11.5 10.547 11.5 8.552C11.5 6.557 9.995 5.052 8 5.052C6.005 5.052 4.5 6.557 4.5 8.552C4.5 10.547 6.005 12.052 8 12.052ZM9 13H7C4.243 13 2 15.243 2 18V19H14V18C14 15.243 11.757 13 9 13ZM20.294 8.292L15.994 12.584L14.702 11.292L13.288 12.706L15.994 15.41L21.706 9.708L20.294 8.292Z" />`;
+    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-check")) {
+  customElements.define("icon-user-check", NavaIconUserCheck);
+}

package/dist/chunk-6WZOC4KF.js

@@ -0,0 +1,47 @@
+// src/icons/notification.ts
+var NavaIconNotification = 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 9C19.6569 9 21 7.65685 21 6C21 4.34315 19.6569 3 18 3C16.3431 3 15 4.34315 15 6C15 7.65685 16.3431 9 18 9Z" />
+<path d="M18 19H5V6H13C13 5.288 13.153 4.613 13.422 4H5C3.897 4 3 4.897 3 6V19C3 20.103 3.897 21 5 21H18C19.103 21 20 20.103 20 19V10.578C19.3698 10.8559 18.6887 10.9997 18 11V19Z" />`;
+    const filledPaths = `<path d="M18 9C19.6569 9 21 7.65685 21 6C21 4.34315 19.6569 3 18 3C16.3431 3 15 4.34315 15 6C15 7.65685 16.3431 9 18 9Z" />
+<path d="M13 6C13 5.288 13.153 4.613 13.422 4H6C4.897 4 4 4.897 4 6V18C4 19.103 4.897 20 6 20H18C19.103 20 20 19.103 20 18V10.578C19.3698 10.8559 18.6887 10.9997 18 11C16.6739 11 15.4021 10.4732 14.4645 9.53553C13.5268 8.59785 13 7.32608 13 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-notification")) {
+  customElements.define("icon-notification", NavaIconNotification);
+}

package/dist/chunk-6Y75V5I6.js

@@ -0,0 +1,45 @@
+// src/icons/list-plus.ts
+var NavaIconListPlus = 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 15V12H17V15H14V17H17V20H19V17H22V15H21.063H19ZM4 7H15V9H4V7ZM4 11H15V13H4V11ZM4 15H12V17H4V15Z" />`;
+    const filledPaths = `<path d="M19 15V12H17V15H14V17H17V20H19V17H22V15H21.063H19ZM4 7H15V9H4V7ZM4 11H15V13H4V11ZM4 15H12V17H4V15Z" />`;
+    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-list-plus")) {
+  customElements.define("icon-list-plus", NavaIconListPlus);
+}

package/dist/chunk-6ZEPFXPD.js

@@ -0,0 +1,47 @@
+// src/icons/sleepy.ts
+var NavaIconSleepy = 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 18C13.6569 18 15 16.8807 15 15.5C15 14.1193 13.6569 13 12 13C10.3431 13 9 14.1193 9 15.5C9 16.8807 10.3431 18 12 18Z" />
+<path d="M10 7C7.095 7 6.017 9.386 6 10.99L8 11.011C8.002 10.804 8.076 9 10 9V7ZM14 7V9C15.826 9 15.992 10.537 16 11.007L17 11H18C18 9.392 16.935 7 14 7Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM8 11.01L6 10.99C6.017 9.386 7.095 7 10 7V9C8.076 9 8.002 10.805 8 11.01ZM12 18C10.343 18 9 16.881 9 15.5C9 14.119 10.343 13 12 13C13.657 13 15 14.119 15 15.5C15 16.881 13.657 18 12 18ZM17 11L16 11.008C15.992 10.536 15.826 9 14 9V7C16.935 7 18 9.393 18 11H17Z" />`;
+    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-sleepy")) {
+  customElements.define("icon-sleepy", NavaIconSleepy);
+}

package/dist/chunk-6ZVTOWII.js

@@ -0,0 +1,50 @@
+// src/icons/cart-download.ts
+var NavaIconCartDownload = 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.5 21C11.3284 21 12 20.3284 12 19.5C12 18.6716 11.3284 18 10.5 18C9.67157 18 9 18.6716 9 19.5C9 20.3284 9.67157 21 10.5 21Z" />
+<path d="M17.5 21C18.3284 21 19 20.3284 19 19.5C19 18.6716 18.3284 18 17.5 18C16.6716 18 16 18.6716 16 19.5C16 20.3284 16.6716 21 17.5 21Z" />
+<path d="M14 13.99L18 8.98999H15V4.98999H13V8.98999H10L14 13.99Z" />
+<path d="M17.31 15H10.67L6.18 4.23C6.02776 3.86507 5.77077 3.55344 5.44149 3.33452C5.11221 3.11559 4.72542 2.99918 4.33 3H2V5H4.33L9.08 16.38C9.15502 16.5626 9.28242 16.719 9.44614 16.8293C9.60986 16.9396 9.80257 16.999 10 17H18C18.2014 16.9994 18.398 16.938 18.564 16.8238C18.7299 16.7096 18.8575 16.5479 18.93 16.36L21.76 9H19.62L17.31 15Z" />`;
+    const filledPaths = `<path d="M10.5 21C11.3284 21 12 20.3284 12 19.5C12 18.6716 11.3284 18 10.5 18C9.67157 18 9 18.6716 9 19.5C9 20.3284 9.67157 21 10.5 21Z" />
+<path d="M17.5 21C18.3284 21 19 20.3284 19 19.5C19 18.6716 18.3284 18 17.5 18C16.6716 18 16 18.6716 16 19.5C16 20.3284 16.6716 21 17.5 21Z" />
+<path d="M21 7.00001H7.334L6.18 4.23001C6.02851 3.86515 5.77211 3.55348 5.4433 3.33451C5.11448 3.11553 4.72806 2.99911 4.333 3.00001H2V5.00001H4.334L9.077 16.385C9.232 16.757 9.597 17 10 17H18C18.417 17 18.79 16.741 18.937 16.352L21.937 8.35201C21.9932 8.2006 22.012 8.03786 21.9918 7.87763C21.9716 7.7174 21.913 7.56441 21.8211 7.43167C21.7291 7.29893 21.6064 7.19037 21.4634 7.11522C21.3205 7.04006 21.1615 7.00054 21 7.00001ZM14 15L11 12H13V9.00001H15V12H17L14 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-cart-download")) {
+  customElements.define("icon-cart-download", NavaIconCartDownload);
+}

package/dist/chunk-72KQKJA3.js

@@ -0,0 +1,45 @@
+// src/icons/arrow-from-bottom.ts
+var NavaIconArrowFromBottom = 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.00003 18H18V20H6.00003V18ZM12 3.586L5.29303 10.293L6.70703 11.707L11 7.414V16H13V7.414L17.293 11.707L18.707 10.293L12 3.586Z" />`;
+    const filledPaths = `<path d="M6 18H18V20H6V18ZM12 4L6 10H11V16H13V10H18L12 4Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-arrow-from-bottom")) {
+  customElements.define("icon-arrow-from-bottom", NavaIconArrowFromBottom);
+}

package/dist/chunk-74XK4LLW.js

@@ -0,0 +1,45 @@
+// src/icons/library.ts
+var NavaIconLibrary = 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 3H9V21H7V3ZM4 3H6V21H4V3ZM10 3H12V21H10V3ZM19.062 20.792L12.839 3.902L14.716 3.21L20.939 20.1L19.062 20.792Z" />`;
+    const filledPaths = `<path d="M7 3H9V21H7V3ZM4 3H6V21H4V3ZM10 3H12V21H10V3ZM19.062 20.792L12.839 3.902L14.716 3.21L20.939 20.1L19.062 20.792Z" />`;
+    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-library")) {
+  customElements.define("icon-library", NavaIconLibrary);
+}