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

package/dist/chunk-5OTWVLZW.js

@@ -0,0 +1,43 @@
+// src/icons/fork.ts
+var NavaIconFork = 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="M14.47 13.77L13.06 12.35L18.72 6.7L17.3 5.28L11.65 10.94L10.23 9.53L15.89 3.87L14.47 2.45L8.11001 8.82C7.54821 9.3825 7.23265 10.145 7.23265 10.94C7.23265 11.735 7.54821 12.4975 8.11001 13.06L8.82001 13.77L2.45001 20.13L3.87001 21.55L10.23 15.18L10.94 15.89C11.5025 16.4518 12.265 16.7674 13.06 16.7674C13.855 16.7674 14.6175 16.4518 15.18 15.89L21.55 9.53L20.13 8.11L14.47 13.77Z" />` : `<path d="M14.47 13.77L13.06 12.35L18.72 6.7L17.3 5.28L11.65 10.94L10.23 9.53L15.89 3.87L14.47 2.45L8.11001 8.82C7.54821 9.3825 7.23265 10.145 7.23265 10.94C7.23265 11.735 7.54821 12.4975 8.11001 13.06L8.82001 13.77L2.45001 20.13L3.87001 21.55L10.23 15.18L10.94 15.89C11.5025 16.4518 12.265 16.7674 13.06 16.7674C13.855 16.7674 14.6175 16.4518 15.18 15.89L21.55 9.53L20.13 8.11L14.47 13.77Z" />`;
+    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-fork")) {
+  customElements.define("icon-fork", NavaIconFork);
+}

package/dist/chunk-5P7TJMDG.js

@@ -0,0 +1,43 @@
+// src/icons/filter-alt.ts
+var NavaIconFilterAlt = 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="M13 20V15.414L20.414 8C20.789 7.625 21 7.116 21 6.585V4C21 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 4V6.585C3 7.116 3.211 7.625 3.586 8L11 15.414V22L13 20Z" />` : `<path d="M21 3H5C4.73478 3 4.48043 3.10536 4.29289 3.29289C4.10536 3.48043 4 3.73478 4 4V6.59C4 7.113 4.213 7.627 4.583 7.997L10 13.414V21C10.0002 21.1704 10.0439 21.3379 10.1269 21.4867C10.2099 21.6354 10.3295 21.7605 10.4744 21.8502C10.6193 21.9398 10.7847 21.9909 10.9549 21.9988C11.1251 22.0066 11.2945 21.9709 11.447 21.895L15.447 19.895C15.786 19.725 16 19.379 16 19V13.414L21.417 7.997C21.787 7.627 22 7.113 22 6.59V4C22 3.73478 21.8946 3.48043 21.7071 3.29289C21.5196 3.10536 21.2652 3 21 3ZM14.293 12.293C14.2 12.3857 14.1262 12.4959 14.0759 12.6172C14.0256 12.7386 13.9998 12.8687 14 13V18.382L12 19.382V13C12.0002 12.8687 11.9744 12.7386 11.9241 12.6172C11.8738 12.4959 11.8 12.3857 11.707 12.293L6 6.59V5H20.001L20.003 6.583L14.293 12.293Z" />`;
+    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-filter-alt")) {
+  customElements.define("icon-filter-alt", NavaIconFilterAlt);
+}

package/dist/chunk-5PD67KQ7.js

@@ -0,0 +1,44 @@
+// src/icons/detail.ts
+var NavaIconDetail = 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 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3ZM11 17H5V15H11V17ZM19 13H5V11H19V13ZM19 9H5V7H19V9Z" />` : `<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 19V5H20L20.002 19H4Z" />
+<path d="M6 7H18V9H6V7ZM6 11H18V13H6V11ZM6 15H12V17H6V15Z" />`;
+    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-detail")) {
+  customElements.define("icon-detail", NavaIconDetail);
+}

package/dist/chunk-5PVZNTJY.js

@@ -0,0 +1,43 @@
+// src/icons/collapse-vertical.ts
+var NavaIconCollapseVertical = 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 7.59001L7.05001 2.64001L5.64001 4.05001L12 10.41L18.36 4.05001L16.95 2.64001L12 7.59001ZM5.64001 19.95L7.05001 21.36L12 16.41L16.95 21.36L18.36 19.95L12 13.59L5.64001 19.95Z" />` : `<path d="M12 7.59001L7.05001 2.64001L5.64001 4.05001L12 10.41L18.36 4.05001L16.95 2.64001L12 7.59001ZM5.64001 19.95L7.05001 21.36L12 16.41L16.95 21.36L18.36 19.95L12 13.59L5.64001 19.95Z" />`;
+    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-collapse-vertical")) {
+  customElements.define("icon-collapse-vertical", NavaIconCollapseVertical);
+}

package/dist/chunk-5QH3REXW.js

@@ -0,0 +1,45 @@
+// src/icons/analyse.ts
+var NavaIconAnalyse = 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.62602 8.878C5.02564 7.92801 5.60645 7.06495 6.33602 6.337C7.06398 5.60699 7.92747 5.02612 8.87802 4.627C10.8375 3.81293 13.0378 3.79822 15.008 4.586C15.0278 5.23347 15.2991 5.84776 15.7644 6.29846C16.2296 6.74917 16.8522 7.00082 17.5 7C18.886 7 20 5.886 20 4.5C20 3.114 18.886 2 17.5 2C16.811 2 16.188 2.276 15.737 2.725C13.306 1.752 10.514 1.767 8.10202 2.784C6.91202 3.284 5.84202 4.004 4.92202 4.923C3.9931 5.8522 3.25679 6.95569 2.75536 8.17014C2.25393 9.38459 1.99724 10.6861 2.00002 12H4.00002C4.00002 10.914 4.21102 9.864 4.62602 8.878ZM19.373 15.122C18.972 16.074 18.396 16.93 17.663 17.663C16.93 18.396 16.074 18.972 15.121 19.373C13.1615 20.1871 10.9612 20.2018 8.99102 19.414C8.97176 18.7665 8.70074 18.1521 8.23557 17.7013C7.77041 17.2505 7.14778 16.9989 6.50002 17C5.11402 17 4.00002 18.114 4.00002 19.5C4.00002 20.886 5.11402 22 6.50002 22C7.18902 22 7.81202 21.724 8.26302 21.275C9.45058 21.7544 10.7194 22.0005 12 22C13.9666 22.0038 15.8904 21.4267 17.5302 20.3411C19.1699 19.2555 20.4525 17.7098 21.217 15.898C21.7365 14.6642 22.0028 13.3387 22 12H20C20.0025 13.0722 19.7893 14.1339 19.373 15.122Z" />
+<path d="M12 7.46198C9.49804 7.46198 7.46204 9.49798 7.46204 12C7.46204 14.502 9.49804 16.538 12 16.538C14.502 16.538 16.538 14.502 16.538 12C16.538 9.49798 14.502 7.46198 12 7.46198Z" />` : `<path d="M2 12H4C3.99762 10.9487 4.20284 9.90729 4.60388 8.93549C5.00492 7.9637 5.59389 7.08064 6.337 6.337C7.0648 5.60679 7.92832 5.02589 8.879 4.627C10.8385 3.81293 13.0388 3.79822 15.009 4.586C15.0283 5.23347 15.2993 5.8479 15.7644 6.29868C16.2296 6.74947 16.8522 7.00107 17.5 7C18.886 7 20 5.886 20 4.5C20 3.114 18.886 2 17.5 2C16.811 2 16.188 2.276 15.737 2.725C13.306 1.752 10.514 1.767 8.102 2.784C6.91314 3.2837 5.83301 4.01023 4.922 4.923C4.00882 5.8335 3.28193 6.91331 2.782 8.102C2.2632 9.33594 1.99729 10.6614 2 12ZM19.373 15.122C18.972 16.074 18.396 16.93 17.663 17.663C16.93 18.396 16.074 18.972 15.121 19.373C13.1615 20.1871 10.9612 20.2018 8.991 19.414C8.97173 18.7665 8.70072 18.1521 8.23555 17.7013C7.77039 17.2505 7.14775 16.9989 6.5 17C5.114 17 4 18.114 4 19.5C4 20.886 5.114 22 6.5 22C7.189 22 7.812 21.724 8.263 21.275C9.4505 21.7546 10.7193 22.0007 12 22C13.9665 22.0038 15.8904 21.4267 17.5301 20.3411C19.1699 19.2555 20.4525 17.7098 21.217 15.898C21.7365 14.6642 22.0028 13.3387 22 12H20C20.0025 13.0722 19.7893 14.1339 19.373 15.122Z" />
+<path d="M12 7.46198C9.498 7.46198 7.462 9.49798 7.462 12C7.462 14.502 9.498 16.538 12 16.538C14.502 16.538 16.538 14.502 16.538 12C16.538 9.49798 14.502 7.46198 12 7.46198ZM12 14.538C10.601 14.538 9.462 13.399 9.462 12C9.462 10.601 10.601 9.46198 12 9.46198C13.399 9.46198 14.538 10.601 14.538 12C14.538 13.399 13.399 14.538 12 14.538Z" />`;
+    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-analyse")) {
+  customElements.define("icon-analyse", NavaIconAnalyse);
+}

package/dist/chunk-5RMKYFPN.js

@@ -0,0 +1,43 @@
+// src/icons/fast-forward.ts
+var NavaIconFastForward = 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 12L12 7V17L19 12ZM5 7V17L12 12L5 7Z" />` : `<path d="M19 12L12 7V17L19 12ZM5 7V17L12 12L5 7Z" />`;
+    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-fast-forward")) {
+  customElements.define("icon-fast-forward", NavaIconFastForward);
+}

package/dist/chunk-5RMN5LS4.js

@@ -0,0 +1,44 @@
+// src/icons/calendar-check.ts
+var NavaIconCalendarCheck = 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 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22ZM11 18.414L7.293 14.707L8.707 13.293L11 15.586L15.293 11.293L16.707 12.707L11 18.414ZM5 7H19V9H5V7Z" />` : `<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.002 20H5V8H19L19.002 20Z" />
+<path d="M11 17.414L16.707 11.707L15.293 10.293L11 14.586L8.707 12.293L7.293 13.707L11 17.414Z" />`;
+    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-check")) {
+  customElements.define("icon-calendar-check", NavaIconCalendarCheck);
+}

package/dist/chunk-5S6NBWJQ.js

@@ -0,0 +1,43 @@
+// src/icons/redo.ts
+var NavaIconRedo = 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 18H12V16H9C7.346 16 6 14.654 6 13C6 11.346 7.346 10 9 10H15V13L20 9L15 5V8H9C6.243 8 4 10.243 4 13C4 15.757 6.243 18 9 18Z" />` : `<path d="M9 18H12V16H9C7.346 16 6 14.654 6 13C6 11.346 7.346 10 9 10H15V13L20 9L15 5V8H9C6.243 8 4 10.243 4 13C4 15.757 6.243 18 9 18Z" />`;
+    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-redo")) {
+  customElements.define("icon-redo", NavaIconRedo);
+}

package/dist/chunk-5STBH2HM.js

@@ -0,0 +1,43 @@
+// src/icons/arrow-from-top.ts
+var NavaIconArrowFromTop = 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 4H18V6H6V4ZM11 8V14H6L12 20L18 14H13V8H11Z" />` : `<path d="M6.00003 4H18V6H6.00003V4ZM12 20.414L18.707 13.707L17.293 12.293L13 16.586V8H11V16.586L6.70703 12.293L5.29303 13.707L12 20.414Z" />`;
+    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-top")) {
+  customElements.define("icon-arrow-from-top", NavaIconArrowFromTop);
+}

package/dist/chunk-5TLGM5GG.js

@@ -0,0 +1,43 @@
+// src/icons/droplet-half.ts
+var NavaIconDropletHalf = 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.578 2.184C12.4088 2.06487 12.2069 2.00093 12 2.00093C11.7931 2.00093 11.5912 2.06487 11.422 2.184C11.119 2.398 4 7.513 4 13.75C4 18.53 7.364 22 12 22C16.636 22 20 18.532 20 13.754C20 7.513 12.881 2.398 12.578 2.184ZM6 13.75C6 9.467 10.395 5.549 12 4.26V20C8.467 20 6 17.43 6 13.75Z" />` : `<path d="M12.578 2.184C12.4088 2.06487 12.2069 2.00093 12 2.00093C11.7931 2.00093 11.5912 2.06487 11.422 2.184C11.119 2.398 4 7.513 4 13.75C4 18.53 7.364 22 12 22C16.636 22 20 18.532 20 13.754C20 7.513 12.881 2.398 12.578 2.184ZM6 13.75C6 9.467 10.395 5.549 12 4.26V20C8.467 20 6 17.43 6 13.75Z" />`;
+    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-droplet-half")) {
+  customElements.define("icon-droplet-half", NavaIconDropletHalf);
+}

package/dist/chunk-5TPKNLFV.js

@@ -0,0 +1,45 @@
+// src/icons/car.ts
+var NavaIconCar = 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.772 10.155L19.404 6.051C19.2056 5.45348 18.8238 4.9337 18.3131 4.56551C17.8024 4.19732 17.1886 3.99944 16.559 4H7.441C6.81139 3.99944 6.19761 4.19732 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.4848 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" />` : `<path d="M20.772 10.156L19.404 6.051C19.2056 5.45348 18.8238 4.9337 18.3131 4.56551C17.8024 4.19732 17.1886 3.99944 16.559 4H7.441C6.81139 3.99944 6.19761 4.19732 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.357 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.4848 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 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-car")) {
+  customElements.define("icon-car", NavaIconCar);
+}

package/dist/chunk-5UMNY3LA.js

@@ -0,0 +1,43 @@
+// src/icons/rupee.ts
+var NavaIconRupee = 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="M17 6V4H6V6H9.5C10.802 6 11.901 6.838 12.315 8H6V10H12.315C12.1097 10.5832 11.7289 11.0886 11.2249 11.4467C10.7208 11.8048 10.1183 11.9981 9.5 12H6V14.414L11.586 20H14.414L8.414 14H9.5C10.652 13.9985 11.7682 13.5998 12.6604 12.8711C13.5526 12.1424 14.1663 11.1284 14.398 10H17V8H14.398C14.2447 7.2722 13.9288 6.58848 13.474 6H17Z" />` : `<path d="M17 6V4H6V6H9.5C10.802 6 11.901 6.838 12.315 8H6V10H12.315C12.1097 10.5832 11.7289 11.0886 11.2249 11.4467C10.7208 11.8048 10.1183 11.9981 9.5 12H6V14.414L11.586 20H14.414L8.414 14H9.5C10.652 13.9985 11.7682 13.5998 12.6604 12.8711C13.5526 12.1424 14.1663 11.1284 14.398 10H17V8H14.398C14.2447 7.2722 13.9288 6.58848 13.474 6H17Z" />`;
+    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-rupee")) {
+  customElements.define("icon-rupee", NavaIconRupee);
+}

package/dist/chunk-5UPYEP7K.js

@@ -0,0 +1,43 @@
+// src/icons/book-bookmark.ts
+var NavaIconBookBookmark = 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 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 18H21V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2ZM19 11L17 10L15 11V4H19V11Z" />` : `<path d="M19 2.01001H6C4.794 2.01001 3 2.80901 3 5.01001V19.01C3 21.211 4.794 22.01 6 22.01H21V20.01H6.012C5.55 19.998 5 19.815 5 19.01C5 18.909 5.009 18.819 5.024 18.737C5.136 18.162 5.607 18.02 6.011 18.01H20C20.018 18.01 20.031 18.001 20.049 18H21V4.01001C21 2.90701 20.103 2.01001 19 2.01001ZM19 16.01H5V5.01001C5 4.20401 5.55 4.02201 6 4.01001H13V11.01L15 10.01L17 11.01V4.01001H19V16.01Z" />`;
+    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-bookmark")) {
+  customElements.define("icon-book-bookmark", NavaIconBookBookmark);
+}

package/dist/chunk-5UV23VPK.js

@@ -0,0 +1,43 @@
+// src/icons/piano.ts
+var NavaIconPiano = 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 3H5C3.346 3 2 4.346 2 6V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V6C22 4.346 20.654 3 19 3ZM19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V12H6V16H8V12H9V16H11V12H12V16H14V12H16V16H18V12H20V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19Z" />` : `<path d="M19 3H5C3.346 3 2 4.346 2 6V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V6C22 4.346 20.654 3 19 3ZM19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V12H6V16H8V12H9V16H11V12H12V16H14V12H16V16H18V12H20V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19Z" />`;
+    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-piano")) {
+  customElements.define("icon-piano", NavaIconPiano);
+}