@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-H453W62M.js

@@ -0,0 +1,45 @@
+// src/icons/pear.ts
+var NavaIconPear = 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.1201 22C11.5766 21.8751 12.9675 21.3388 14.1308 20.4535C15.294 19.5683 16.1816 18.3705 16.6901 17C17.0845 15.9786 17.2418 14.881 17.1501 13.79C17.1189 13.3146 17.1922 12.8381 17.365 12.3941C17.5378 11.95 17.8058 11.5493 18.1501 11.22L18.7601 10.61C19.3544 10.0168 19.7407 9.2473 19.8615 8.41639C19.9822 7.58548 19.8309 6.73781 19.4301 6.00001L21.7101 3.72001L20.2901 2.29001L18.0001 4.55001C17.2707 4.11277 16.4163 3.93141 15.5722 4.03466C14.7281 4.1379 13.9426 4.51986 13.3401 5.12001L12.5901 5.87001C12.268 6.20989 11.8757 6.47545 11.4405 6.64816C11.0053 6.82087 10.5376 6.89657 10.0701 6.87001C8.93365 6.78894 7.79446 6.98453 6.75012 7.44001C5.41457 7.99741 4.26178 8.91763 3.42228 10.0965C2.58279 11.2753 2.09014 12.6656 2.00012 14.11C1.95519 15.1779 2.13632 16.2432 2.53164 17.2363C2.92696 18.2293 3.52756 19.1276 4.29412 19.8725C5.06067 20.6173 5.9759 21.1919 6.97988 21.5585C7.98386 21.9251 9.05396 22.0756 10.1201 22ZM9.50012 9.25001V10.75C8.50555 10.75 7.55173 11.1451 6.84846 11.8484C6.1452 12.5516 5.75012 13.5054 5.75012 14.5H4.25012C4.25276 13.1084 4.80673 11.7746 5.79072 10.7906C6.77472 9.80662 8.10854 9.25265 9.50012 9.25001Z" />`;
+    const filledPaths = `<path d="M10.1201 22C11.5766 21.8751 12.9675 21.3388 14.1308 20.4535C15.294 19.5683 16.1816 18.3705 16.6901 17C17.0845 15.9786 17.2418 14.881 17.1501 13.79C17.1189 13.3146 17.1922 12.8381 17.365 12.3941C17.5378 11.95 17.8058 11.5493 18.1501 11.22L18.7601 10.61C19.3544 10.0168 19.7407 9.2473 19.8615 8.41639C19.9822 7.58548 19.8309 6.73781 19.4301 6.00001L21.7101 3.72001L20.2901 2.29001L18.0001 4.55001C17.2707 4.11277 16.4163 3.93141 15.5722 4.03466C14.7281 4.1379 13.9426 4.51986 13.3401 5.12001L12.5901 5.87001C12.268 6.20989 11.8757 6.47545 11.4405 6.64816C11.0053 6.82087 10.5376 6.89657 10.0701 6.87001C8.93365 6.78894 7.79446 6.98453 6.75012 7.44001C5.41457 7.99741 4.26178 8.91763 3.42228 10.0965C2.58279 11.2753 2.09014 12.6656 2.00012 14.11C1.95519 15.1779 2.13632 16.2432 2.53164 17.2363C2.92696 18.2293 3.52756 19.1276 4.29412 19.8725C5.06067 20.6173 5.9759 21.1919 6.97988 21.5585C7.98386 21.9251 9.05396 22.0756 10.1201 22ZM9.50012 9.25001V10.75C8.50555 10.75 7.55173 11.1451 6.84846 11.8484C6.1452 12.5516 5.75012 13.5054 5.75012 14.5H4.25012C4.25276 13.1084 4.80673 11.7746 5.79072 10.7906C6.77472 9.80662 8.10854 9.25265 9.50012 9.25001Z" />`;
+    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-pear")) {
+  customElements.define("icon-pear", NavaIconPear);
+}

package/dist/chunk-H5UEF6GF.js

@@ -0,0 +1,47 @@
+// src/icons/body.ts
+var NavaIconBody = 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 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
+<path d="M15 22V9H20V7H4V9H9V22H11V15H13V22H15Z" />`;
+    const filledPaths = `<path d="M12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
+<path d="M15 22V9H20V7H4V9H9V22H11V15H13V22H15Z" />`;
+    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-body")) {
+  customElements.define("icon-body", NavaIconBody);
+}

package/dist/chunk-H7TALFQA.js

@@ -0,0 +1,46 @@
+// src/icons/error-circle.ts
+var NavaIconErrorCircle = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M11.953 2C6.465 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.493 2 11.953 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.567 4 11.953 4C16.391 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M11 7H13V14H11V7ZM11 15H13V17H11V15Z" />`;
+    const filledPaths = `<path d="M11.953 2C6.465 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.493 2 11.953 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z" />`;
+    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-error-circle")) {
+  customElements.define("icon-error-circle", NavaIconErrorCircle);
+}

package/dist/chunk-HAYEAN34.js

@@ -0,0 +1,45 @@
+// src/icons/hand.ts
+var NavaIconHand = 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.5 5C20.1022 5 19.7207 5.15804 19.4394 5.43934C19.1581 5.72064 19 6.10218 19 6.5V11H18V4.5C18 4.10218 17.842 3.72064 17.5607 3.43934C17.2794 3.15804 16.8978 3 16.5 3C16.1022 3 15.7207 3.15804 15.4394 3.43934C15.1581 3.72064 15 4.10218 15 4.5V11H14V3.5C14 3.10218 13.842 2.72064 13.5607 2.43934C13.2794 2.15804 12.8978 2 12.5 2C12.1022 2 11.7207 2.15804 11.4394 2.43934C11.1581 2.72064 11 3.10218 11 3.5V11H10V5.5C10 5.10218 9.84198 4.72064 9.56068 4.43934C9.27937 4.15804 8.89784 4 8.50002 4C8.10219 4 7.72066 4.15804 7.43936 4.43934C7.15805 4.72064 7.00002 5.10218 7.00002 5.5V16.31L4.78002 12.71C4.57049 12.3705 4.2347 12.1282 3.8465 12.0363C3.4583 11.9444 3.04949 12.0105 2.71002 12.22C2.37054 12.4295 2.1282 12.7653 2.0363 13.1535C1.94441 13.5417 2.01049 13.9505 2.22002 14.29L5.53002 19.63C5.97796 20.3543 6.60347 20.9521 7.34725 21.3669C8.09102 21.7817 8.92841 21.9996 9.78002 22H17C18.3261 22 19.5979 21.4732 20.5355 20.5355C21.4732 19.5979 22 18.3261 22 17V6.5C22 6.10218 21.842 5.72064 21.5607 5.43934C21.2794 5.15804 20.8978 5 20.5 5Z" />`;
+    const filledPaths = `<path d="M20.5 5C20.1022 5 19.7207 5.15804 19.4394 5.43934C19.1581 5.72064 19 6.10218 19 6.5V11H18V4.5C18 4.10218 17.842 3.72064 17.5607 3.43934C17.2794 3.15804 16.8978 3 16.5 3C16.1022 3 15.7207 3.15804 15.4394 3.43934C15.1581 3.72064 15 4.10218 15 4.5V11H14V3.5C14 3.10218 13.842 2.72064 13.5607 2.43934C13.2794 2.15804 12.8978 2 12.5 2C12.1022 2 11.7207 2.15804 11.4394 2.43934C11.1581 2.72064 11 3.10218 11 3.5V11H10V5.5C10 5.10218 9.84198 4.72064 9.56068 4.43934C9.27937 4.15804 8.89784 4 8.50002 4C8.10219 4 7.72066 4.15804 7.43936 4.43934C7.15805 4.72064 7.00002 5.10218 7.00002 5.5V16.31L4.78002 12.71C4.57049 12.3705 4.2347 12.1282 3.8465 12.0363C3.4583 11.9444 3.04949 12.0105 2.71002 12.22C2.37054 12.4295 2.1282 12.7653 2.0363 13.1535C1.94441 13.5417 2.01049 13.9505 2.22002 14.29L5.53002 19.63C5.97796 20.3543 6.60347 20.9521 7.34725 21.3669C8.09102 21.7817 8.92841 21.9996 9.78002 22H17C18.3261 22 19.5979 21.4732 20.5355 20.5355C21.4732 19.5979 22 18.3261 22 17V6.5C22 6.10218 21.842 5.72064 21.5607 5.43934C21.2794 5.15804 20.8978 5 20.5 5Z" />`;
+    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")) {
+  customElements.define("icon-hand", NavaIconHand);
+}

package/dist/chunk-HBJTL4D6.js

@@ -0,0 +1,45 @@
+// src/icons/qr.ts
+var NavaIconQr = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M3 11H11V3H3V11ZM5 5H9V9H5V5ZM3 21H11V13H3V21ZM5 15H9V19H5V15ZM13 3V11H21V3H13ZM19 9H15V5H19V9ZM13.01 13H15.01V15H13.01V13ZM15.01 15H17.01V17H15.01V15ZM13.01 17H15.01V19H13.01V17ZM17.01 17H19.01V19H17.01V17ZM19.01 19H21.01V21H19.01V19ZM15.01 19H17.01V21H15.01V19ZM17.01 13H19.01V15H17.01V13ZM19.01 15H21.01V17H19.01V15Z" />`;
+    const filledPaths = `<path d="M3 11H11V3H3V11ZM5 5H9V9H5V5ZM3 21H11V13H3V21ZM5 15H9V19H5V15ZM13 3V11H21V3H13ZM19 9H15V5H19V9ZM13.01 13H15.01V15H13.01V13ZM15.01 15H17.01V17H15.01V15ZM13.01 17H15.01V19H13.01V17ZM17.01 17H19.01V19H17.01V17ZM19.01 19H21.01V21H19.01V19ZM15.01 19H17.01V21H15.01V19ZM17.01 13H19.01V15H17.01V13ZM19.01 15H21.01V17H19.01V15Z" />`;
+    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-qr")) {
+  customElements.define("icon-qr", NavaIconQr);
+}

package/dist/chunk-HC3DUMF7.js

@@ -0,0 +1,45 @@
+// src/icons/arrow-from-right.ts
+var NavaIconArrowFromRight = 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 6.00003H20V18H18V6.00003ZM16 11H7.414L11.707 6.70703L10.293 5.29303L3.586 12L10.293 18.707L11.707 17.293L7.414 13H16V11Z" />`;
+    const filledPaths = `<path d="M18 6H20V18H18V6ZM10 18V13H16V11H10V6L4 12L10 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-arrow-from-right")) {
+  customElements.define("icon-arrow-from-right", NavaIconArrowFromRight);
+}

package/dist/chunk-HCVN44XZ.js

@@ -0,0 +1,46 @@
+// src/icons/comment-check.ts
+var NavaIconCommentCheck = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M17.207 8.207L15.793 6.793L11 11.586L8.70703 9.293L7.29303 10.707L11 14.414L17.207 8.207Z" />
+<path d="M20 2H4C2.897 2 2 2.897 2 4V22L7.333 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H6.667L4 18V4H20V16Z" />`;
+    const filledPaths = `<path d="M20 2H4C2.897 2 2 2.897 2 4V22L6 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM11 13.914L7.293 10.207L8.707 8.793L11 11.086L15.793 6.293L17.207 7.707L11 13.914Z" />`;
+    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-comment-check")) {
+  customElements.define("icon-comment-check", NavaIconCommentCheck);
+}

package/dist/chunk-HDPVSNTQ.js

@@ -0,0 +1,46 @@
+// src/icons/message-rounded-detail.ts
+var NavaIconMessageRoundedDetail = 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="M7 7H17V9H7V7ZM7 11H14V13H7V11Z" />`;
+    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 2ZM14 13H7V11H14V13ZM17 9H7V7H17V9Z" />`;
+    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-detail")) {
+  customElements.define("icon-message-rounded-detail", NavaIconMessageRoundedDetail);
+}

package/dist/chunk-HEPOB6YP.js

@@ -0,0 +1,45 @@
+// src/icons/pyramid.ts
+var NavaIconPyramid = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M11.445 21.832C11.6093 21.9416 11.8025 22.0002 12 22.0002C12.1976 22.0002 12.3907 21.9416 12.555 21.832L21.555 15.832C21.6684 15.7567 21.7651 15.6591 21.8394 15.5451C21.9136 15.431 21.9637 15.303 21.9867 15.1689C22.0096 15.0348 22.0049 14.8974 21.9728 14.7652C21.9407 14.6329 21.8819 14.5087 21.8 14.4L12.8 2.4C12.423 1.896 11.577 1.896 11.2 2.4L2.20001 14.4C2.11841 14.5088 2.05985 14.6331 2.02791 14.7652C1.99597 14.8974 1.99133 15.0347 2.01426 15.1687C2.03719 15.3028 2.08722 15.4307 2.16128 15.5448C2.23535 15.6588 2.33189 15.7565 2.44501 15.832L11.445 21.832ZM13 19.131V6L19.565 14.754L13 19.131ZM11 6V19.131L4.43501 14.754L11 6Z" />`;
+    const filledPaths = `<path d="M11.4451 21.832C11.6094 21.9416 11.8025 22.0002 12.0001 22.0002C12.1976 22.0002 12.3907 21.9416 12.5551 21.832L21.5551 15.832C21.6684 15.7567 21.7652 15.6591 21.8394 15.5451C21.9137 15.431 21.9638 15.303 21.9867 15.1689C22.0097 15.0348 22.005 14.8974 21.9729 14.7652C21.9408 14.6329 21.882 14.5087 21.8001 14.4L12.8001 2.4C12.4231 1.896 11.5771 1.896 11.2001 2.4L2.20007 14.4C2.11847 14.5088 2.05991 14.6331 2.02797 14.7652C1.99604 14.8974 1.99139 15.0347 2.01432 15.1687C2.03725 15.3028 2.08728 15.4307 2.16134 15.5448C2.23541 15.6588 2.33195 15.7565 2.44507 15.832L11.4451 21.832ZM19.5651 14.754L12.0001 19.798V4.667L19.5651 14.754Z" />`;
+    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-pyramid")) {
+  customElements.define("icon-pyramid", NavaIconPyramid);
+}

package/dist/chunk-HFZ5RKZR.js

@@ -0,0 +1,46 @@
+// 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 regularPaths = `<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 filledPaths = `<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" />`;
+    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-book-heart")) {
+  customElements.define("icon-book-heart", NavaIconBookHeart);
+}

package/dist/chunk-HG4TO6VR.js

@@ -0,0 +1,45 @@
+// src/icons/clipboard.ts
+var NavaIconClipboard = 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 3H16.75C16.75 2.73478 16.6446 2.48043 16.4571 2.29289C16.2696 2.10536 16.0152 2 15.75 2H8.25C7.98478 2 7.73043 2.10536 7.54289 2.29289C7.35536 2.48043 7.25 2.73478 7.25 3H5C3.897 3 3 3.897 3 5V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V5C21 3.897 20.103 3 19 3ZM19 20H5V5H7V7H17V5H19V20Z" />`;
+    const filledPaths = `<path d="M19 3H16.75C16.75 2.73478 16.6446 2.48043 16.4571 2.29289C16.2696 2.10536 16.0152 2 15.75 2H8.25C7.98478 2 7.73043 2.10536 7.54289 2.29289C7.35536 2.48043 7.25 2.73478 7.25 3H5C3.897 3 3 3.897 3 5V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V5C21 3.897 20.103 3 19 3ZM19 20H5V5H7V7H17V5H19V20Z" />`;
+    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-clipboard")) {
+  customElements.define("icon-clipboard", NavaIconClipboard);
+}

package/dist/chunk-HGBZ7Z67.js

@@ -0,0 +1,47 @@
+// src/icons/taxi.ts
+var NavaIconTaxi = 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.772 10.156L19.404 6.051C19.2056 5.45348 18.8238 4.9337 18.3131 4.56551C17.8024 4.19731 17.1886 3.99944 16.559 4H14V2H10V4H7.441C6.81139 3.99944 6.19761 4.19731 5.68688 4.56551C5.17615 4.9337 4.79445 5.45348 4.596 6.051L3.228 10.156C2.86461 10.3085 2.55428 10.5648 2.33584 10.8928C2.11741 11.2208 2.00059 11.6059 2 12V17C2 17.753 2.423 18.402 3.039 18.743C3.026 18.809 3 18.869 3 18.938V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V19H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V18.938C21 18.869 20.974 18.808 20.961 18.743C21.2744 18.5721 21.5362 18.3202 21.7189 18.0136C21.9017 17.707 21.9988 17.3569 22 17V12C22 11.171 21.492 10.459 20.772 10.156ZM4 17V12H20L20.002 17H4ZM7.441 6H16.558C16.989 6 17.371 6.274 17.507 6.684L18.613 10H5.387L6.492 6.684C6.55835 6.48479 6.68572 6.31153 6.85605 6.18876C7.02638 6.06599 7.23104 5.99995 7.441 6Z" />
+<path d="M6.5 16C7.32843 16 8 15.3284 8 14.5C8 13.6716 7.32843 13 6.5 13C5.67157 13 5 13.6716 5 14.5C5 15.3284 5.67157 16 6.5 16Z" />
+<path d="M17.5 16C18.3284 16 19 15.3284 19 14.5C19 13.6716 18.3284 13 17.5 13C16.6716 13 16 13.6716 16 14.5C16 15.3284 16.6716 16 17.5 16Z" />`;
+    const filledPaths = `<path d="M20.772 10.155L19.404 6.051C19.2056 5.45348 18.8238 4.9337 18.3131 4.56551C17.8024 4.19731 17.1886 3.99944 16.559 4H14V2H10V4H7.441C6.81139 3.99944 6.19761 4.19731 5.68688 4.56551C5.17615 4.9337 4.79445 5.45348 4.596 6.051L3.228 10.155C2.86422 10.3072 2.55356 10.5636 2.33507 10.8918C2.11657 11.2201 2 11.6057 2 12V17C2 17.738 2.404 18.376 3 18.723V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V19H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V18.723C21.3034 18.549 21.5556 18.2981 21.7311 17.9956C21.9067 17.6932 21.9994 17.3497 22 17V12C22 11.6057 21.8834 11.2201 21.6649 10.8918C21.4464 10.5636 21.1358 10.3072 20.772 10.155ZM7.441 6H16.558C16.989 6 17.371 6.274 17.507 6.684L18.613 10H5.387L6.492 6.684C6.55835 6.48479 6.68572 6.31153 6.85605 6.18876C7.02638 6.06599 7.23104 5.99995 7.441 6ZM5.5 16C5.30295 15.9999 5.10785 15.9611 4.92582 15.8856C4.7438 15.8101 4.57842 15.6995 4.43913 15.5602C4.29984 15.4208 4.18937 15.2553 4.11403 15.0733C4.03868 14.8912 3.99993 14.696 4 14.499C4.00007 14.302 4.03894 14.1068 4.11441 13.9248C4.18988 13.7428 4.30046 13.5774 4.43984 13.4381C4.57922 13.2988 4.74467 13.1884 4.92675 13.113C5.10882 13.0377 5.30395 12.9989 5.501 12.999C5.89896 12.9991 6.28056 13.1573 6.56187 13.4388C6.84317 13.7203 7.00113 14.102 7.001 14.5C7.00087 14.898 6.84265 15.2796 6.56116 15.5609C6.27967 15.8422 5.89796 16.0001 5.5 16ZM18.5 16C18.303 15.9999 18.1078 15.9611 17.9258 15.8856C17.7438 15.8101 17.5784 15.6995 17.4391 15.5602C17.2998 15.4208 17.1894 15.2553 17.114 15.0733C17.0387 14.8912 16.9999 14.696 17 14.499C17.0001 14.302 17.0389 14.1068 17.1144 13.9248C17.1899 13.7428 17.3005 13.5774 17.4398 13.4381C17.5792 13.2988 17.7447 13.1884 17.9267 13.113C18.1088 13.0377 18.304 12.9989 18.501 12.999C18.899 12.9991 19.2806 13.1573 19.5619 13.4388C19.8432 13.7203 20.0011 14.102 20.001 14.5C20.0009 14.898 19.8427 15.2796 19.5612 15.5609C19.2797 15.8422 18.898 16.0001 18.5 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-taxi")) {
+  customElements.define("icon-taxi", NavaIconTaxi);
+}

package/dist/chunk-HGCXDK5A.js

@@ -0,0 +1,45 @@
+// 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 regularPaths = `<path d="M3 16H5V21H3V16ZM7 13H9V21H7V13ZM11 10H13V21H11V10Z" />`;
+    const filledPaths = `<path d="M3 16H5V21H3V16ZM7 13H9V21H7V13ZM11 10H13V21H11V10Z" />`;
+    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-signal-3")) {
+  customElements.define("icon-signal-3", NavaIconSignal3);
+}