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

package/dist/chunk-7JWU3FDA.js

@@ -0,0 +1,44 @@
+// src/icons/chart.ts
+var NavaIconChart = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M19 21C20.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 21H19ZM9.553 9.658L13.553 11.658L15.106 8.553L16.895 9.448L14.448 14.343L10.448 12.343L8.895 15.448L7.106 14.553L9.553 9.658Z" />` : `<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="M13.553 11.658L9.55298 9.65798L7.10498 14.553L8.89498 15.447L10.447 12.342L14.447 14.342L16.895 9.44698L15.105 8.55298L13.553 11.658Z" />`;
+    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-chart")) {
+  customElements.define("icon-chart", NavaIconChart);
+}

package/dist/chunk-7KHGBHBF.js

@@ -0,0 +1,43 @@
+// src/icons/volume-low.ts
+var NavaIconVolumeLow = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M4 17H6.697L14 21.868V2.13202L6.697 7.00002H4C2.897 7.00002 2 7.89702 2 9.00002V15C2 16.103 2.897 17 4 17ZM16 7.00002V17C17.225 15.9 18 13.771 18 12C18 10.229 17.225 8.10002 16 7.00002Z" />` : `<path d="M4 17H6.697L12.445 20.832C12.5958 20.9321 12.7708 20.9896 12.9516 20.9984C13.1324 21.0072 13.3122 20.967 13.472 20.882C13.6316 20.7965 13.765 20.6693 13.858 20.514C13.951 20.3587 14.0001 20.181 14 20V3.99997C13.9999 3.81909 13.9508 3.64162 13.8578 3.48646C13.7648 3.3313 13.6315 3.20427 13.472 3.11889C13.3125 3.03351 13.1329 2.99299 12.9522 3.00163C12.7715 3.01027 12.5966 3.06776 12.446 3.16797L6.697 6.99997H4C2.897 6.99997 2 7.89697 2 8.99997V15C2 16.103 2.897 17 4 17ZM4 8.99997H7C7.033 8.99997 7.061 8.98397 7.093 8.98097C7.22567 8.96728 7.3544 8.92788 7.472 8.86497C7.498 8.85097 7.529 8.84797 7.554 8.83197L12 5.86797V18.132L7.555 15.168C7.53 15.15 7.499 15.148 7.473 15.135C7.35501 15.0704 7.22496 15.0309 7.091 15.019C7.059 15.016 7.032 15 7 15H4V8.99997ZM16 6.99997V17C17.225 15.9 18 13.771 18 12C18 10.229 17.225 8.09997 16 6.99997Z" />`;
+    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-volume-low")) {
+  customElements.define("icon-volume-low", NavaIconVolumeLow);
+}

package/dist/chunk-7L6YR62R.js

@@ -0,0 +1,43 @@
+// src/icons/question-mark.ts
+var NavaIconQuestionMark = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 4C9.243 4 7 6.243 7 9H9C9 7.346 10.346 6 12 6C13.654 6 15 7.346 15 9C15 10.069 14.546 10.465 13.519 11.255C13.137 11.549 12.706 11.881 12.293 12.293C10.981 13.604 10.995 14.897 11 15V17H13V14.991C13 14.967 13.023 14.39 13.707 13.707C14.027 13.387 14.389 13.109 14.738 12.84C15.798 12.024 17 11.1 17 9C17 6.243 14.757 4 12 4ZM11 18H13V20H11V18Z" />` : `<path d="M12 4C9.243 4 7 6.243 7 9H9C9 7.346 10.346 6 12 6C13.654 6 15 7.346 15 9C15 10.069 14.546 10.465 13.519 11.255C13.137 11.549 12.706 11.881 12.293 12.293C10.981 13.604 10.995 14.897 11 15V17H13V14.991C13 14.967 13.023 14.39 13.707 13.707C14.027 13.387 14.389 13.109 14.738 12.84C15.798 12.024 17 11.1 17 9C17 6.243 14.757 4 12 4ZM11 18H13V20H11V18Z" />`;
+    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-question-mark")) {
+  customElements.define("icon-question-mark", NavaIconQuestionMark);
+}

package/dist/chunk-7LNTICX7.js

@@ -0,0 +1,51 @@
+// src/icons/scatter-chart.ts
+var NavaIconScatterChart = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M4 21H21V19H5V3H3V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21Z" />
+<path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" />
+<path d="M18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z" />
+<path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
+<path d="M16.5 8C17.3284 8 18 7.32843 18 6.5C18 5.67157 17.3284 5 16.5 5C15.6716 5 15 5.67157 15 6.5C15 7.32843 15.6716 8 16.5 8Z" />` : `<path d="M4 21H21V19H5V3H3V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21Z" />
+<path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" />
+<path d="M18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z" />
+<path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
+<path d="M16.5 8C17.3284 8 18 7.32843 18 6.5C18 5.67157 17.3284 5 16.5 5C15.6716 5 15 5.67157 15 6.5C15 7.32843 15.6716 8 16.5 8Z" />`;
+    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-scatter-chart")) {
+  customElements.define("icon-scatter-chart", NavaIconScatterChart);
+}

package/dist/chunk-7NDVTRRI.js

@@ -0,0 +1,43 @@
+// src/icons/plane-take-off.ts
+var NavaIconPlaneTakeOff = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M3 18H21V20H3V18ZM21.509 8.527C21.3741 8.1219 21.0838 7.78696 20.702 7.59586C20.3202 7.40477 19.8781 7.37316 19.473 7.508L15 9L7 6L5 7L11 11L7 13L3 11L2 12L6 16L20.547 10.545C20.9373 10.3985 21.2556 10.1063 21.435 9.73002C21.6144 9.35369 21.6409 8.92248 21.509 8.527Z" />` : `<path d="M3 18H21V20H3V18ZM21.509 8.527C21.3741 8.1219 21.0838 7.78696 20.702 7.59586C20.3202 7.40477 19.8781 7.37316 19.473 7.508L15 9L7 6L5 7L11 11L7 13L3 11L2 12L6 16L20.547 10.545C20.9373 10.3985 21.2556 10.1063 21.435 9.73002C21.6144 9.35369 21.6409 8.92248 21.509 8.527Z" />`;
+    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-plane-take-off")) {
+  customElements.define("icon-plane-take-off", NavaIconPlaneTakeOff);
+}

package/dist/chunk-7NHWA2UE.js

@@ -0,0 +1,44 @@
+// src/icons/calendar-event.ts
+var NavaIconCalendarEvent = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM18 19H12V13H18V19ZM19 9H5V7H19V9Z" />` : `<path d="M11 12H17V18H11V12Z" />
+<path d="M19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM19.001 20H5V8H19L19.001 20Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-calendar-event")) {
+  customElements.define("icon-calendar-event", NavaIconCalendarEvent);
+}

package/dist/chunk-7NKER2LM.js

@@ -0,0 +1,44 @@
+// src/icons/book-heart.ts
+var NavaIconBookHeart = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M6.012 18H21V4C21 2.897 20.103 2 19 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.899 5.009 18.809 5.024 18.727C5.136 18.151 5.608 18.01 6.012 18ZM8.648 7.642C9.06423 7.23107 9.62559 7.00065 10.2105 7.00065C10.7954 7.00065 11.3568 7.23107 11.773 7.642L11.997 7.861L12.22 7.642C12.6364 7.231 13.1979 7.00056 13.783 7.00056C14.3681 7.00056 14.9296 7.231 15.346 7.642C15.5526 7.84065 15.7169 8.07895 15.8291 8.34263C15.9414 8.6063 15.9992 8.88993 15.9992 9.1765C15.9992 9.46307 15.9414 9.7467 15.8291 10.0104C15.7169 10.274 15.5526 10.5124 15.346 10.711L11.998 14L8.649 10.711C8.44226 10.5125 8.27775 10.2743 8.16534 10.0106C8.05293 9.74697 7.99494 9.46333 7.99484 9.17671C7.99475 8.8901 8.05256 8.60642 8.16479 8.3427C8.27703 8.07897 8.44139 7.84064 8.648 7.642Z" />` : `<path d="M3 8V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.194 5.55 18.012 6.012 18H21V4C21 2.897 20.103 2 19 2H6C4.794 2 3 2.799 3 5V8ZM6 4H19V16H5V5C5 4.194 5.55 4.012 6 4Z" />
+<path d="M11.997 14L15.347 10.711C15.5536 10.5123 15.7179 10.274 15.8301 10.0104C15.9424 9.74668 16.0002 9.46306 16.0002 9.17649C16.0002 8.88991 15.9424 8.60629 15.8301 8.34261C15.7179 8.07894 15.5536 7.84063 15.347 7.64199C14.9306 7.23099 14.3691 7.00055 13.784 7.00055C13.1989 7.00055 12.6374 7.23099 12.221 7.64199L11.997 7.85999L11.773 7.64099C11.3568 7.23005 10.7954 6.99963 10.2105 6.99963C9.62559 6.99963 9.06423 7.23005 8.648 7.64099C8.44145 7.83963 8.27713 8.07794 8.16489 8.34161C8.05264 8.60529 7.99479 8.88891 7.99479 9.17549C7.99479 9.46206 8.05264 9.74568 8.16489 10.0094C8.27713 10.273 8.44145 10.5113 8.648 10.71L11.997 14Z" />`;
+    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-book-heart")) {
+  customElements.define("icon-book-heart", NavaIconBookHeart);
+}

package/dist/chunk-7P6W4REA.js

@@ -0,0 +1,43 @@
+// src/icons/heading.ts
+var NavaIconHeading = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M18 20V4H15V10H9V4H6V20H9V13H15V20H18Z" />` : `<path d="M18 20V4H15V10H9V4H6V20H9V13H15V20H18Z" />`;
+    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-heading")) {
+  customElements.define("icon-heading", NavaIconHeading);
+}

package/dist/chunk-7RBAZFTM.js

@@ -0,0 +1,44 @@
+// src/icons/book-content.ts
+var NavaIconBookContent = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M20 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3ZM19 7V9H14V7H19ZM14 11H19V13H14V11ZM4 19V5H11V19H4Z" />` : `<path d="M20 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H20C21.103 21 22 20.103 22 19V5C22 3.897 21.103 3 20 3ZM4 19V5H11V19H4ZM13 19V5H20L20.001 19H13Z" />
+<path d="M15 7H18V9H15V7ZM15 11H18V13H15V11Z" />`;
+    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-book-content")) {
+  customElements.define("icon-book-content", NavaIconBookContent);
+}

package/dist/chunk-7RRCGDEJ.js

@@ -0,0 +1,43 @@
+// src/icons/signal-3.ts
+var NavaIconSignal3 = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M3 16H5V21H3V16ZM7 13H9V21H7V13ZM11 10H13V21H11V10Z" />` : `<path d="M3 16H5V21H3V16ZM7 13H9V21H7V13ZM11 10H13V21H11V10Z" />`;
+    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-signal-3")) {
+  customElements.define("icon-signal-3", NavaIconSignal3);
+}

package/dist/chunk-7SKQNHHL.js

@@ -0,0 +1,44 @@
+// src/icons/bell-plus.ts
+var NavaIconBellPlus = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 22C12.6193 22.0008 13.2235 21.8086 13.7285 21.4502C14.2335 21.0917 14.6143 20.5849 14.818 20H9.182C9.38566 20.5849 9.76648 21.0917 10.2715 21.4502C10.7765 21.8086 11.3807 22.0008 12 22ZM20.707 16.293L19 14.586V10C19 6.783 16.815 4.074 13.855 3.257C13.562 2.52 12.846 2 12 2C11.154 2 10.438 2.52 10.145 3.258C7.185 4.074 5 6.783 5 10V14.586L3.293 16.293C3.2 16.3857 3.12624 16.4959 3.07596 16.6173C3.02568 16.7386 2.99986 16.8687 3 17V18C3 18.2652 3.10536 18.5196 3.29289 18.7071C3.48043 18.8946 3.73478 19 4 19H20C20.2652 19 20.5196 18.8946 20.7071 18.7071C20.8946 18.5196 21 18.2652 21 18V17C21.0001 16.8687 20.9743 16.7386 20.924 16.6173C20.8738 16.4959 20.8 16.3857 20.707 16.293ZM16 12H13V15H11V12H8V10H11V7H13V10H16V12Z" />` : `<path d="M13 7.03699H11V9.99999H8.03699V12H11V14.963H13V12H15.963V9.99999H13V7.03699Z" />
+<path d="M19 13.586V10C19 6.783 16.815 4.073 13.855 3.258C13.562 2.52 12.846 2 12 2C11.154 2 10.438 2.52 10.145 3.258C7.185 4.074 5 6.783 5 10V13.586L3.293 15.293C3.19996 15.3857 3.12617 15.4959 3.07589 15.6172C3.0256 15.7386 2.99981 15.8687 3 16V18C3 18.2652 3.10536 18.5196 3.29289 18.7071C3.48043 18.8946 3.73478 19 4 19H20C20.2652 19 20.5196 18.8946 20.7071 18.7071C20.8946 18.5196 21 18.2652 21 18V16C21.0002 15.8687 20.9744 15.7386 20.9241 15.6172C20.8738 15.4959 20.8 15.3857 20.707 15.293L19 13.586ZM19 17H5V16.414L6.707 14.707C6.80004 14.6143 6.87383 14.5041 6.92412 14.3828C6.9744 14.2614 7.00019 14.1313 7 14V10C7 7.243 9.243 5 12 5C14.757 5 17 7.243 17 10V14C17 14.266 17.105 14.52 17.293 14.707L19 16.414V17ZM12 22C12.6193 22.0008 13.2235 21.8086 13.7285 21.4502C14.2335 21.0917 14.6143 20.5849 14.818 20H9.182C9.38566 20.5849 9.76648 21.0917 10.2715 21.4502C10.7765 21.8086 11.3807 22.0008 12 22Z" />`;
+    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-bell-plus")) {
+  customElements.define("icon-bell-plus", NavaIconBellPlus);
+}

package/dist/chunk-7T5UKBGF.js

@@ -0,0 +1,43 @@
+// src/icons/minus.ts
+var NavaIconMinus = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M5 11H19V13H5V11Z" />` : `<path d="M5 11H19V13H5V11Z" />`;
+    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-minus")) {
+  customElements.define("icon-minus", NavaIconMinus);
+}

package/dist/chunk-7TDT6L5Q.js

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

@@ -0,0 +1,43 @@
+// src/icons/pizza.ts
+var NavaIconPizza = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M9.76002 2.021C9.54072 2.01271 9.32483 2.07716 9.14596 2.2043C8.96709 2.33145 8.83527 2.51416 8.77102 2.72401L3.57902 19.166C3.52381 19.3406 3.51758 19.5269 3.56102 19.7048C3.60446 19.8827 3.6959 20.0452 3.82536 20.1747C3.95483 20.3041 4.11735 20.3956 4.29521 20.439C4.47308 20.4824 4.65945 20.4762 4.83402 20.421L21.276 15.229C21.4859 15.1652 21.6686 15.0336 21.7957 14.8548C21.9227 14.676 21.9868 14.4602 21.978 14.241C21.6 7.66601 16.334 2.4 9.76002 2.021ZM10 16C9.73731 15.9999 9.47719 15.9481 9.2345 15.8475C8.99181 15.7469 8.77132 15.5995 8.5856 15.4137C8.39988 15.2279 8.25258 15.0073 8.15211 14.7646C8.05163 14.5219 7.99995 14.2617 8.00002 13.999C8.00009 13.7363 8.0519 13.4762 8.15249 13.2335C8.25309 12.9908 8.4005 12.7703 8.58631 12.5846C8.77212 12.3989 8.99269 12.2516 9.23542 12.1511C9.47816 12.0506 9.73831 11.9989 10.001 11.999C10.5316 11.9991 11.0404 12.21 11.4154 12.5853C11.7905 12.9606 12.0012 13.4694 12.001 14C12.0009 14.5306 11.79 15.0394 11.4147 15.4144C11.0395 15.7895 10.5306 16.0001 10 16ZM16 14C15.7373 13.9999 15.4772 13.9481 15.2345 13.8475C14.9918 13.7469 14.7713 13.5995 14.5856 13.4137C14.3999 13.2279 14.2526 13.0073 14.1521 12.7646C14.0516 12.5219 14 12.2617 14 11.999C14.0001 11.7363 14.0519 11.4762 14.1525 11.2335C14.2531 10.9908 14.4005 10.7703 14.5863 10.5846C14.7721 10.3989 14.9927 10.2516 15.2354 10.1511C15.4782 10.0506 15.7383 9.99894 16.001 9.999C16.5316 9.99914 17.0404 10.21 17.4154 10.5853C17.7905 10.9606 18.0012 11.4694 18.001 12C18.0009 12.5306 17.79 13.0394 17.4147 13.4144C17.0395 13.7895 16.5306 14.0001 16 14Z" />` : `<path d="M9.76002 2.021C9.54072 2.01271 9.32483 2.07716 9.14596 2.2043C8.96709 2.33145 8.83527 2.51416 8.77102 2.72401L3.57902 19.166C3.52381 19.3406 3.51758 19.5269 3.56102 19.7048C3.60446 19.8827 3.6959 20.0452 3.82536 20.1747C3.95483 20.3041 4.11735 20.3956 4.29521 20.439C4.47308 20.4824 4.65945 20.4762 4.83402 20.421L21.276 15.229C21.4859 15.1652 21.6686 15.0336 21.7957 14.8548C21.9227 14.676 21.9868 14.4602 21.978 14.241C21.6 7.66601 16.334 2.4 9.76002 2.021ZM10 16C9.73731 15.9999 9.47719 15.9481 9.2345 15.8475C8.99181 15.7469 8.77132 15.5995 8.5856 15.4137C8.39988 15.2279 8.25258 15.0073 8.15211 14.7646C8.05163 14.5219 7.99995 14.2617 8.00002 13.999C8.00009 13.7363 8.0519 13.4762 8.15249 13.2335C8.25309 12.9908 8.4005 12.7703 8.58631 12.5846C8.77212 12.3989 8.99269 12.2516 9.23542 12.1511C9.47816 12.0506 9.73831 11.9989 10.001 11.999C10.5316 11.9991 11.0404 12.21 11.4154 12.5853C11.7905 12.9606 12.0012 13.4694 12.001 14C12.0009 14.5306 11.79 15.0394 11.4147 15.4144C11.0395 15.7895 10.5306 16.0001 10 16ZM16 14C15.7373 13.9999 15.4772 13.9481 15.2345 13.8475C14.9918 13.7469 14.7713 13.5995 14.5856 13.4137C14.3999 13.2279 14.2526 13.0073 14.1521 12.7646C14.0516 12.5219 14 12.2617 14 11.999C14.0001 11.7363 14.0519 11.4762 14.1525 11.2335C14.2531 10.9908 14.4005 10.7703 14.5863 10.5846C14.7721 10.3989 14.9927 10.2516 15.2354 10.1511C15.4782 10.0506 15.7383 9.99894 16.001 9.999C16.5316 9.99914 17.0404 10.21 17.4154 10.5853C17.7905 10.9606 18.0012 11.4694 18.001 12C18.0009 12.5306 17.79 13.0394 17.4147 13.4144C17.0395 13.7895 16.5306 14.0001 16 14Z" />`;
+    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-pizza")) {
+  customElements.define("icon-pizza", NavaIconPizza);
+}