@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-X72ZRC4T.js

@@ -0,0 +1,45 @@
+// src/icons/dislike.ts
+var NavaIconDislike = 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 3H6.693C6.28611 3.00135 5.88922 3.12616 5.55478 3.35792C5.22035 3.58969 4.96413 3.91749 4.82 4.298L2.063 11.649C2.02114 11.7613 1.9998 11.8802 2 12V14C2 15.103 2.897 16 4 16H9.612L8.49 19.367C8.38997 19.6676 8.36264 19.9877 8.41027 20.301C8.4579 20.6142 8.57913 20.9117 8.764 21.169C9.14 21.689 9.746 22 10.388 22H12C12.297 22 12.578 21.868 12.769 21.64L17.469 16H20C21.103 16 22 15.103 22 14V5C22 3.897 21.103 3 20 3ZM11.531 20H10.386L11.948 15.316C11.998 15.1657 12.0117 15.0058 11.9878 14.8492C11.9639 14.6926 11.9032 14.544 11.8106 14.4155C11.7181 14.287 11.5963 14.1823 11.4554 14.1101C11.3144 14.0379 11.1584 14.0001 11 14H4V12.181L6.693 5H16V14.638L11.531 20ZM18 14V5H20L20.001 14H18Z" />`;
+    const filledPaths = `<path d="M20 3H19V16H20C20.5304 16 21.0391 15.7893 21.4142 15.4142C21.7893 15.0391 22 14.5304 22 14V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM4 16H11L9.878 19.368C9.77789 19.6686 9.75061 19.9887 9.79843 20.3018C9.84624 20.615 9.96778 20.9124 10.153 21.1694C10.3383 21.4264 10.5819 21.6358 10.8639 21.7802C11.1459 21.9246 11.4582 21.9999 11.775 22H12L17 16.562V3H6L2.063 11.649L2 11.942V14C2 14.5304 2.21071 15.0391 2.58579 15.4142C2.96086 15.7893 3.46957 16 4 16Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-dislike")) {
+  customElements.define("icon-dislike", NavaIconDislike);
+}

package/dist/chunk-XB5K4POA.js

@@ -0,0 +1,45 @@
+// src/icons/hand-right.ts
+var NavaIconHandRight = 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 8H8L9.212 4.97C9.31334 4.71688 9.36186 4.44571 9.35457 4.17315C9.34728 3.90059 9.28434 3.6324 9.16962 3.38506C9.05489 3.13772 8.8908 2.91644 8.68743 2.73484C8.48406 2.55323 8.2457 2.41512 7.987 2.329L7.647 2.216C7.45622 2.15227 7.25064 2.14767 7.0572 2.20281C6.86376 2.25795 6.6915 2.37026 6.563 2.525L2.231 7.722C2.08163 7.90182 1.99991 8.12824 2 8.362V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H11.21C11.702 20.9998 12.1767 20.8183 12.5433 20.4901C12.9099 20.1618 13.1426 19.71 13.197 19.221L14 12H20C20.5304 12 21.0391 11.7893 21.4142 11.4142C21.7893 11.0391 22 10.5304 22 10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21072 20.5304 8 20 8Z" />`;
+    const filledPaths = `<path d="M20 8H8L9.212 4.97C9.31334 4.71688 9.36186 4.44571 9.35457 4.17315C9.34728 3.90059 9.28434 3.6324 9.16962 3.38506C9.05489 3.13772 8.8908 2.91644 8.68743 2.73484C8.48406 2.55323 8.2457 2.41512 7.987 2.329L7.647 2.216C7.45622 2.15227 7.25064 2.14767 7.0572 2.20281C6.86376 2.25795 6.6915 2.37026 6.563 2.525L2.231 7.722C2.08163 7.90182 1.99991 8.12824 2 8.362V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H11.21C11.702 20.9998 12.1767 20.8183 12.5433 20.4901C12.9099 20.1618 13.1426 19.71 13.197 19.221L14 12H20C20.5304 12 21.0391 11.7893 21.4142 11.4142C21.7893 11.0391 22 10.5304 22 10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21072 20.5304 8 20 8Z" />`;
+    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-hand-right")) {
+  customElements.define("icon-hand-right", NavaIconHandRight);
+}

package/dist/chunk-XD2QWW2D.js

@@ -0,0 +1,45 @@
+// src/icons/underline.ts
+var NavaIconUnderline = 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 18H19V20H5V18ZM6 4V10C6 13.309 8.691 16 12 16C15.309 16 18 13.309 18 10V4H16V10C16 12.206 14.206 14 12 14C9.794 14 8 12.206 8 10V4H6Z" />`;
+    const filledPaths = `<path d="M5 18H19V20H5V18ZM6 4V10C6 13.309 8.691 16 12 16C15.309 16 18 13.309 18 10V4H16V10C16 12.206 14.206 14 12 14C9.794 14 8 12.206 8 10V4H6Z" />`;
+    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-underline")) {
+  customElements.define("icon-underline", NavaIconUnderline);
+}

package/dist/chunk-XDDEBG74.js

@@ -0,0 +1,46 @@
+// src/icons/x-circle.ts
+var NavaIconXCircle = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M9.172 16.242L12 13.414L14.828 16.242L16.242 14.828L13.414 12L16.242 9.172L14.828 7.758L12 10.586L9.172 7.758L7.758 9.172L10.586 12L7.758 14.828L9.172 16.242Z" />
+<path d="M12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z" />`;
+    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 2ZM16.207 14.793L14.793 16.207L12 13.414L9.207 16.207L7.793 14.793L10.586 12L7.793 9.207L9.207 7.793L12 10.586L14.793 7.793L16.207 9.207L13.414 12L16.207 14.793Z" />`;
+    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-x-circle")) {
+  customElements.define("icon-x-circle", NavaIconXCircle);
+}

package/dist/chunk-XDXENZOZ.js

@@ -0,0 +1,46 @@
+// src/icons/pie-chart.ts
+var NavaIconPieChart = 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 5.16601V12H18.834C18.8362 11.1019 18.661 10.2122 18.3184 9.3821C17.9757 8.55195 17.4724 7.79768 16.8374 7.16264C16.2023 6.5276 15.4481 6.02429 14.6179 5.68165C13.7878 5.339 12.8981 5.16376 12 5.16601Z" />`;
+    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 12V5C16 5 19 8 19 12H12Z" />`;
+    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-pie-chart")) {
+  customElements.define("icon-pie-chart", NavaIconPieChart);
+}

package/dist/chunk-XEI3RHF5.js

@@ -0,0 +1,45 @@
+// src/icons/video.ts
+var NavaIconVideo = 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 7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.103 2.897 19 4 19H16C17.103 19 18 18.103 18 17V13.667L22 17V7L18 10.333V7ZM16.002 17H4V7H16L16.001 11.999L16 12L16.001 12.001L16.002 17Z" />`;
+    const filledPaths = `<path d="M18 7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.103 2.897 19 4 19H16C17.103 19 18 18.103 18 17V13.667L22 17V7L18 10.333V7Z" />`;
+    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-video")) {
+  customElements.define("icon-video", NavaIconVideo);
+}

package/dist/chunk-XFBWZER7.js

@@ -0,0 +1,48 @@
+// src/icons/bowling-ball.ts
+var NavaIconBowlingBall = 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="M7.5 12C8.32843 12 9 11.3284 9 10.5C9 9.67157 8.32843 9 7.5 9C6.67157 9 6 9.67157 6 10.5C6 11.3284 6.67157 12 7.5 12Z" />
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" />
+<path d="M11.5 13C12.3284 13 13 12.3284 13 11.5C13 10.6716 12.3284 10 11.5 10C10.6716 10 10 10.6716 10 11.5C10 12.3284 10.6716 13 11.5 13Z" />`;
+    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 2ZM6.5 12C6.30295 11.9999 6.10785 11.9611 5.92582 11.8856C5.7438 11.8101 5.57842 11.6995 5.43913 11.5602C5.29984 11.4208 5.18937 11.2553 5.11403 11.0733C5.03868 10.8912 4.99993 10.696 5 10.499C5.00007 10.302 5.03894 10.1068 5.11441 9.92482C5.18988 9.7428 5.30046 9.57742 5.43984 9.43813C5.57922 9.29884 5.74467 9.18837 5.92675 9.11303C6.10882 9.03768 6.30395 8.99893 6.501 8.999C6.89896 8.99913 7.28056 9.15735 7.56187 9.43884C7.84317 9.72033 8.00113 10.102 8.001 10.5C8.00087 10.898 7.84265 11.2796 7.56116 11.5609C7.27967 11.8422 6.89796 12.0001 6.5 12ZM9 6.5C9.00013 6.10204 9.15835 5.72044 9.43984 5.43913C9.72133 5.15783 10.103 4.99987 10.501 5C10.899 5.00013 11.2806 5.15835 11.5619 5.43984C11.8432 5.72133 12.0011 6.10304 12.001 6.501C12.0009 6.89896 11.8427 7.28056 11.5612 7.56187C11.2797 7.84317 10.898 8.00113 10.5 8.001C10.102 8.00087 9.72044 7.84265 9.43913 7.56116C9.15783 7.27967 8.99987 6.89796 9 6.5ZM11.5 13C11.303 12.9999 11.1078 12.9611 10.9258 12.8856C10.7438 12.8101 10.5784 12.6995 10.4391 12.5602C10.1578 12.2787 9.99987 11.897 10 11.499C10.0001 11.302 10.0389 11.1068 10.1144 10.9248C10.1899 10.7428 10.3005 10.5774 10.4398 10.4381C10.7213 10.1568 11.103 9.99887 11.501 9.999C11.899 9.99913 12.2806 10.1573 12.5619 10.4388C12.8432 10.7203 13.0011 11.102 13.001 11.5C13.0009 11.898 12.8427 12.2796 12.5612 12.5609C12.2797 12.8422 11.898 13.0001 11.5 13Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-bowling-ball")) {
+  customElements.define("icon-bowling-ball", NavaIconBowlingBall);
+}

package/dist/chunk-XFK5AXI5.js

@@ -0,0 +1,46 @@
+// src/icons/trash.ts
+var NavaIconTrash = 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 20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V8H21V6H17V4C17 3.46957 16.7893 2.96086 16.4142 2.58579C16.0391 2.21071 15.5304 2 15 2H9C8.46957 2 7.96086 2.21071 7.58579 2.58579C7.21071 2.96086 7 3.46957 7 4V6H3V8H5V20ZM9 4H15V6H9V4ZM8 8H17V20H7V8H8Z" />
+<path d="M9 10H11V18H9V10ZM13 10H15V18H13V10Z" />`;
+    const filledPaths = `<path d="M6 7H5V20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V7H6ZM10 19H8V10H10V19ZM16 19H14V10H16V19ZM16.618 4L15 2H9L7.382 4H3V6H21V4H16.618Z" />`;
+    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-trash")) {
+  customElements.define("icon-trash", NavaIconTrash);
+}

package/dist/chunk-XFSCI3FV.js

@@ -0,0 +1,46 @@
+// src/icons/basket.ts
+var NavaIconBasket = 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 9.00003H19.58L15.868 2.50403L14.132 3.49603L17.277 9.00003H6.723L9.869 3.49603L8.132 2.50403L4.42 9.00003H3C2.8463 9.0002 2.6947 9.03576 2.55696 9.10396C2.41921 9.17216 2.29902 9.27116 2.2057 9.3933C2.11239 9.51543 2.04845 9.65741 2.01885 9.80824C1.98924 9.95907 1.99477 10.1147 2.035 10.263L4.834 20.527C4.95036 20.9498 5.20211 21.3228 5.5507 21.5889C5.89929 21.8549 6.32549 21.9993 6.764 22H17.237C18.135 22 18.929 21.395 19.167 20.525L21.966 10.262C22.0067 10.1136 22.0126 9.95783 21.9831 9.8068C21.9536 9.65577 21.8896 9.51361 21.796 9.39141C21.7025 9.26922 21.582 9.17031 21.4439 9.10242C21.3058 9.03452 21.1539 8.99948 21 9.00003ZM17.236 20H6.764L4.31 11H19.69L17.236 20Z" />
+<path d="M9 13H11V18H9V13ZM13 13H15V18H13V13Z" />`;
+    const filledPaths = `<path d="M8.1319 2.50403L4.4199 9.00003H2.9999C2.84619 9.0002 2.69459 9.03576 2.55685 9.10396C2.4191 9.17216 2.29891 9.27116 2.2056 9.3933C2.11228 9.51543 2.04834 9.65741 2.01874 9.80824C1.98914 9.95907 1.99467 10.1147 2.0349 10.263L4.8339 20.526C4.94992 20.9491 5.20155 21.3224 5.55019 21.5887C5.89883 21.8549 6.32521 21.9994 6.7639 22H17.2369C18.1349 22 18.9289 21.395 19.1669 20.525L21.9659 10.262C22.0066 10.1136 22.0124 9.95783 21.983 9.8068C21.9535 9.65577 21.8895 9.51361 21.7959 9.39141C21.7024 9.26922 21.5819 9.17031 21.4438 9.10242C21.3057 9.03452 21.1538 8.99948 20.9999 9.00003H19.5799L15.8679 2.50403L14.1319 3.49603L17.2769 9.00003H6.7229L9.8679 3.49603L8.1319 2.50403ZM13.9999 13H15.9999V18H13.9999V13ZM7.9999 13H9.9999V18H7.9999V13Z" />`;
+    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-basket")) {
+  customElements.define("icon-basket", NavaIconBasket);
+}

package/dist/chunk-XGUUH3P3.js

@@ -0,0 +1,50 @@
+// src/icons/cookie.ts
+var NavaIconCookie = 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.598 11.064C21.4776 10.9732 21.3384 10.9105 21.1906 10.8808C21.0428 10.851 20.8901 10.8548 20.744 10.892C20.5016 10.9597 20.2516 10.996 20 11C18.346 11 17 9.65399 16.997 8.06299C17.002 8.02899 17.013 7.92699 17.014 7.89299C17.0205 7.73666 16.9902 7.58098 16.9255 7.43852C16.8607 7.29606 16.7634 7.17082 16.6414 7.07291C16.5193 6.975 16.376 6.90715 16.2229 6.87486C16.0698 6.84256 15.9112 6.84672 15.76 6.88699C15.5126 6.95748 15.2572 6.99547 15 6.99999C13.346 6.99999 12 5.65399 12 3.99999C12 3.78299 12.031 3.55599 12.099 3.28399C12.1375 3.12873 12.1382 2.96651 12.101 2.81093C12.0638 2.65535 11.9899 2.51096 11.8854 2.38987C11.7808 2.26879 11.6488 2.17455 11.5003 2.11506C11.3518 2.05557 11.1912 2.03257 11.032 2.04799C8.55546 2.27881 6.25502 3.42826 4.58345 5.27009C2.91188 7.11193 1.99027 9.51274 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 11.951 21.997 11.903 21.993 11.84C21.9896 11.6893 21.9524 11.5413 21.884 11.4069C21.8156 11.2726 21.7179 11.1554 21.598 11.064ZM12 20C7.589 20 4 16.411 4 12C3.99286 10.2233 4.5802 8.49522 5.66855 7.09084C6.7569 5.68646 8.28371 4.68646 10.006 4.24999C10.0716 5.53073 10.6262 6.73745 11.5554 7.62127C12.4846 8.50509 13.7176 8.9986 15 8.99999L15.101 8.99899C15.3305 10.1172 15.9352 11.1235 16.8149 11.851C17.6946 12.5785 18.7965 12.9835 19.938 12.999C19.444 16.941 16.073 20 12 20Z" />
+<path d="M12.5 13C13.3284 13 14 12.3284 14 11.5C14 10.6716 13.3284 10 12.5 10C11.6716 10 11 10.6716 11 11.5C11 12.3284 11.6716 13 12.5 13Z" />
+<path d="M8.5 10C9.32843 10 10 9.32843 10 8.5C10 7.67157 9.32843 7 8.5 7C7.67157 7 7 7.67157 7 8.5C7 9.32843 7.67157 10 8.5 10Z" />
+<path d="M7.5 14C8.32843 14 9 13.3284 9 12.5C9 11.6716 8.32843 11 7.5 11C6.67157 11 6 11.6716 6 12.5C6 13.3284 6.67157 14 7.5 14Z" />
+<path d="M15.5 17C16.3284 17 17 16.3284 17 15.5C17 14.6716 16.3284 14 15.5 14C14.6716 14 14 14.6716 14 15.5C14 16.3284 14.6716 17 15.5 17Z" />
+<path d="M10.5 18C11.3284 18 12 17.3284 12 16.5C12 15.6716 11.3284 15 10.5 15C9.67157 15 9 15.6716 9 16.5C9 17.3284 9.67157 18 10.5 18Z" />`;
+    const filledPaths = `<path d="M21.598 11.064C21.4776 10.9732 21.3384 10.9105 21.1905 10.8808C21.0427 10.851 20.8901 10.8548 20.744 10.892C20.5016 10.9597 20.2516 10.996 20 11C18.346 11 17 9.65399 16.997 8.06199C17.002 8.02799 17.013 7.92799 17.014 7.89399C17.0205 7.73766 16.9902 7.58198 16.9254 7.43952C16.8607 7.29706 16.7634 7.17182 16.6413 7.07391C16.5193 6.976 16.3759 6.90815 16.2228 6.87586C16.0697 6.84356 15.9112 6.84772 15.76 6.88799C15.5125 6.95772 15.257 6.99536 15 6.99999C13.346 6.99999 12 5.65399 12 3.99999C12 3.78299 12.031 3.55599 12.099 3.28399C12.1374 3.12873 12.1381 2.96651 12.101 2.81093C12.0638 2.65535 11.9898 2.51096 11.8853 2.38987C11.7808 2.26879 11.6487 2.17455 11.5002 2.11506C11.3518 2.05557 11.1912 2.03257 11.032 2.04799C8.55542 2.27881 6.25498 3.42826 4.58341 5.27009C2.91184 7.11193 1.99022 9.51274 1.99995 12C1.99995 17.514 6.48595 22 12 22C17.514 22 22 17.514 22 12C22 11.951 21.997 11.903 21.993 11.84C21.9896 11.6893 21.9523 11.5413 21.884 11.4069C21.8156 11.2726 21.7178 11.1554 21.598 11.064ZM8.49995 5.99999C8.89778 5.99999 9.27931 6.15803 9.56061 6.43933C9.84192 6.72064 9.99995 7.10217 9.99995 7.49999C9.99995 7.89782 9.84192 8.27935 9.56061 8.56065C9.27931 8.84196 8.89778 8.99999 8.49995 8.99999C8.10213 8.99999 7.7206 8.84196 7.43929 8.56065C7.15799 8.27935 6.99995 7.89782 6.99995 7.49999C6.99995 7.10217 7.15799 6.72064 7.43929 6.43933C7.7206 6.15803 8.10213 5.99999 8.49995 5.99999ZM6.49995 14C6.30297 14 6.10792 13.9612 5.92593 13.8858C5.74394 13.8104 5.57858 13.6999 5.43929 13.5607C5.30001 13.4214 5.18952 13.256 5.11413 13.074C5.03875 12.892 4.99995 12.697 4.99995 12.5C4.99995 12.303 5.03875 12.108 5.11413 11.926C5.18952 11.744 5.30001 11.5786 5.43929 11.4393C5.57858 11.3 5.74394 11.1896 5.92593 11.1142C6.10792 11.0388 6.30297 11 6.49995 11C6.89778 11 7.27931 11.158 7.56061 11.4393C7.84192 11.7206 7.99995 12.1022 7.99995 12.5C7.99995 12.8978 7.84192 13.2793 7.56061 13.5607C7.27931 13.842 6.89778 14 6.49995 14ZM9.49995 18C9.10213 18 8.7206 17.842 8.43929 17.5607C8.15799 17.2793 7.99995 16.8978 7.99995 16.5C7.99995 16.1022 8.15799 15.7206 8.43929 15.4393C8.7206 15.158 9.10213 15 9.49995 15C9.89778 15 10.2793 15.158 10.5606 15.4393C10.8419 15.7206 11 16.1022 11 16.5C11 16.8978 10.8419 17.2793 10.5606 17.5607C10.2793 17.842 9.89778 18 9.49995 18ZM12 11.5C12 11.1022 12.158 10.7206 12.4393 10.4393C12.7206 10.158 13.1021 9.99999 13.5 9.99999C13.8978 9.99999 14.2793 10.158 14.5606 10.4393C14.8419 10.7206 15 11.1022 15 11.5C15 11.8978 14.8419 12.2793 14.5606 12.5607C14.2793 12.842 13.8978 13 13.5 13C13.1021 13 12.7206 12.842 12.4393 12.5607C12.158 12.2793 12 11.8978 12 11.5ZM15.5 18C15.1021 18 14.7206 17.842 14.4393 17.5607C14.158 17.2793 14 16.8978 14 16.5C14 16.1022 14.158 15.7206 14.4393 15.4393C14.7206 15.158 15.1021 15 15.5 15C15.8978 15 16.2793 15.158 16.5606 15.4393C16.8419 15.7206 17 16.1022 17 16.5C17 16.8978 16.8419 17.2793 16.5606 17.5607C16.2793 17.842 15.8978 18 15.5 18Z" />`;
+    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-cookie")) {
+  customElements.define("icon-cookie", NavaIconCookie);
+}

package/dist/chunk-XGW5I7AV.js

@@ -0,0 +1,46 @@
+// src/icons/info-square.ts
+var NavaIconInfoSquare = 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 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3ZM19 19H5V5H19V19Z" />
+<path d="M11 7H13V9H11V7ZM11 11H13V17H11V11Z" />`;
+    const filledPaths = `<path d="M3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" />`;
+    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-info-square")) {
+  customElements.define("icon-info-square", NavaIconInfoSquare);
+}

package/dist/chunk-XH2QZ74Z.js

@@ -0,0 +1,46 @@
+// src/icons/chevron-down-square.ts
+var NavaIconChevronDownSquare = 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 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 21ZM5 5H19L19.001 19H5V5Z" />
+<path d="M12 13.586L7.707 9.29303L6.293 10.707L12 16.414L17.707 10.707L16.293 9.29303L12 13.586Z" />`;
+    const filledPaths = `<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 21ZM7.707 9.293L12 13.586L16.293 9.293L17.707 10.707L12 16.414L6.293 10.707L7.707 9.293Z" />`;
+    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-chevron-down-square")) {
+  customElements.define("icon-chevron-down-square", NavaIconChevronDownSquare);
+}

package/dist/chunk-XHENO5WJ.js

@@ -0,0 +1,46 @@
+// src/icons/message-rounded-minus.ts
+var NavaIconMessageRoundedMinus = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M12 2C6.486 2 2 5.589 2 10C2 12.908 3.898 15.515 7 16.934V22L12.34 17.995C17.697 17.852 22 14.32 22 10C22 5.589 17.514 2 12 2ZM12 16H11.667L9 18V15.583L8.359 15.336C5.67 14.301 4 12.256 4 10C4 6.691 7.589 4 12 4C16.411 4 20 6.691 20 10C20 13.309 16.411 16 12 16Z" />
+<path d="M8 9H16V11H8V9Z" />`;
+    const filledPaths = `<path d="M12 2C6.486 2 2 5.589 2 10C2 12.907 3.897 15.515 7 16.934V22L12.34 17.995C17.697 17.853 22 14.32 22 10C22 5.589 17.514 2 12 2ZM16 11H8V9H16V11Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-message-rounded-minus")) {
+  customElements.define("icon-message-rounded-minus", NavaIconMessageRoundedMinus);
+}