@whydrf/nava-icon-web-components 1.1.2 → 1.4.1

package/dist/chunk-WSV4WUH5.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bank.ts
+var NavaIconBank = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M2 8V12.001H3V18H2V21H18L21 21.001L22 21V18H21V12.001H22V8L12 2L2 8ZM6 18V12.001H8V18H6ZM11 18V12.001H13V18H11ZM18 18H16V12.001H18V18ZM14 8C13.9999 8.26271 13.9481 8.52283 13.8475 8.76552C13.7469 9.00821 13.5995 9.2287 13.4137 9.41442C13.2279 9.60014 13.0073 9.74744 12.7646 9.84791C12.5219 9.94839 12.2617 10.0001 11.999 10C11.7363 9.99993 11.4762 9.94812 11.2335 9.84753C10.9908 9.74693 10.7703 9.59952 10.5846 9.41371C10.3989 9.2279 10.2516 9.00733 10.1511 8.7646C10.0506 8.52186 9.99893 8.26171 9.999 7.999C9.99913 7.46843 10.21 6.95965 10.5853 6.58458C10.9605 6.20951 11.4694 5.99887 12 5.999C12.5306 5.99913 13.0393 6.21003 13.4144 6.58529C13.7895 6.96055 14.0001 7.46943 14 8Z" />` : `<path d="M2 8V12.001H3V18H2V21H18L21 21.001L22 21V18H21V12.001H22V8L12 2L2 8ZM6 18V12.001H8V18H6ZM11 18V12.001H13V18H11ZM18 18H16V12.001H18V18ZM14 8C13.9999 8.26271 13.9481 8.52283 13.8475 8.76552C13.7469 9.00821 13.5995 9.2287 13.4137 9.41442C13.2279 9.60014 13.0073 9.74744 12.7646 9.84791C12.5219 9.94839 12.2617 10.0001 11.999 10C11.7363 9.99993 11.4762 9.94812 11.2335 9.84753C10.9908 9.74693 10.7703 9.59952 10.5846 9.41371C10.3989 9.2279 10.2516 9.00733 10.1511 8.7646C10.0506 8.52186 9.99893 8.26171 9.999 7.999C9.99913 7.46843 10.21 6.95965 10.5853 6.58458C10.9605 6.20951 11.4694 5.99887 12 5.999C12.5306 5.99913 13.0393 6.21003 13.4144 6.58529C13.7895 6.96055 14.0001 7.46943 14 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-bank")) {
+  customElements.define("icon-bank", NavaIconBank);
+}

package/dist/chunk-WTHRCVJS.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/door-open.ts
+var NavaIconDoorOpen = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M5 5V19C5 19.2652 5.10536 19.5196 5.29289 19.7071C5.48043 19.8946 5.73478 20 6 20H9V18H7V6H9V4H6C5.73478 4 5.48043 4.10536 5.29289 4.29289C5.10536 4.48043 5 4.73478 5 5ZM19.242 4.03L11.242 2.03C11.0946 1.99324 10.9408 1.99054 10.7922 2.0221C10.6436 2.05366 10.5042 2.11866 10.3845 2.21215C10.2648 2.30565 10.1679 2.42519 10.1013 2.5617C10.0347 2.69821 10 2.8481 10 3V21C9.99965 21.152 10.034 21.3021 10.1005 21.4388C10.167 21.5755 10.2639 21.6953 10.3837 21.7888C10.5035 21.8824 10.6431 21.9474 10.7919 21.9788C10.9406 22.0102 11.0946 22.0072 11.242 21.97L19.242 19.97C19.4584 19.916 19.6506 19.7912 19.788 19.6155C19.9253 19.4397 19.9999 19.2231 20 19V5C19.9999 4.77694 19.9253 4.5603 19.788 4.38454C19.6506 4.20877 19.4584 4.08398 19.242 4.03ZM15 12.188C14.9885 12.4455 14.8781 12.6886 14.6918 12.8667C14.5055 13.0449 14.2577 13.1443 14 13.1443C13.7423 13.1443 13.4945 13.0449 13.3082 12.8667C13.1219 12.6886 13.0115 12.4455 13 12.188V11.811C13.0001 11.5458 13.1056 11.2915 13.2932 11.104C13.4809 10.9166 13.7353 10.8114 14.0005 10.8115C14.2657 10.8116 14.52 10.9171 14.7075 11.1047C14.8949 11.2924 15.0001 11.5468 15 11.812V12.188Z" />` : `<path d="M10.385 21.788C10.5046 21.8816 10.6439 21.9466 10.7924 21.9782C10.941 22.0097 11.0947 22.0069 11.242 21.97L19.242 19.97C19.4585 19.9162 19.6508 19.7914 19.7882 19.6156C19.9255 19.4398 20.0001 19.2231 20 19V4.99999C19.9999 4.77693 19.9253 4.56029 19.788 4.38453C19.6506 4.20877 19.4584 4.08397 19.242 4.02999L11.242 2.02999C11.0947 1.99384 10.941 1.99158 10.7927 2.02339C10.6444 2.05519 10.5052 2.12024 10.3856 2.21361C10.2661 2.30699 10.1692 2.42628 10.1024 2.56249C10.0356 2.6987 10.0006 2.84829 10 2.99999V3.99999H6C5.73478 3.99999 5.48043 4.10535 5.29289 4.29289C5.10536 4.48042 5 4.73478 5 4.99999V19C5 19.2652 5.10536 19.5196 5.29289 19.7071C5.48043 19.8946 5.73478 20 6 20H10V21C10 21.308 10.142 21.599 10.385 21.788ZM12 4.28099L18 5.78099V18.219L12 19.719V4.28099ZM7 18V5.99999H10V18H7Z" />
+<path d="M14.242 13.159C14.688 13.047 15 12.647 15 12.188V11.811C14.9999 11.5458 14.8944 11.2915 14.7068 11.104C14.5191 10.9166 14.2647 10.8114 13.9995 10.8115C13.7343 10.8116 13.48 10.9171 13.2925 11.1047C13.1051 11.2924 12.9999 11.5468 13 11.812V12.189C13 12.3409 13.0347 12.4908 13.1013 12.6273C13.1679 12.7638 13.2648 12.8833 13.3845 12.9768C13.5042 13.0703 13.6436 13.1353 13.7922 13.1669C13.9408 13.1985 14.0946 13.1958 14.242 13.159Z" />`;
+    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-door-open")) {
+  customElements.define("icon-door-open", NavaIconDoorOpen);
+}

package/dist/chunk-WU4ZCR3K.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/table.ts
+var NavaIconTable = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M4 21H19.893C20.996 21 21.893 20.103 21.893 19V5C21.893 3.897 20.996 3 19.893 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21ZM4 19V14H8V19H4ZM14 7V12H10V7H14ZM8 7V12H4V7H8ZM10 19V14H14V19H10ZM16 19V14H19.894V19H16ZM19.893 12H16V7H19.893V12Z" />` : `<path d="M4 21H19.893C20.996 21 21.893 20.103 21.893 19V5C21.893 3.897 20.996 3 19.893 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21ZM4 19V14H8V19H4ZM14 7V12H10V7H14ZM8 7V12H4V7H8ZM10 19V14H14V19H10ZM16 19V14H19.894V19H16ZM19.893 12H16V7H19.893V12Z" />`;
+    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-table")) {
+  customElements.define("icon-table", NavaIconTable);
+}

package/dist/chunk-WWGBI43G.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/equalizer.ts
+var NavaIconEqualizer = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M11 9H13V15H11V9ZM15 6H17V18H15V6ZM7 4H9V20H7V4ZM19 11H21V13H19V11ZM3 10H5V14H3V10Z" />` : `<path d="M11 9H13V15H11V9ZM15 6H17V18H15V6ZM7 4H9V20H7V4ZM19 11H21V13H19V11ZM3 10H5V14H3V10Z" />`;
+    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-equalizer")) {
+  customElements.define("icon-equalizer", NavaIconEqualizer);
+}

package/dist/chunk-WXHS6VBU.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/widget.ts
+var NavaIconWidget = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M4 11H10C10.2652 11 10.5196 10.8947 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V4.00002C11 3.7348 10.8946 3.48045 10.7071 3.29291C10.5196 3.10538 10.2652 3.00002 10 3.00002H4C3.73478 3.00002 3.48043 3.10538 3.29289 3.29291C3.10536 3.48045 3 3.7348 3 4.00002V10C3 10.2652 3.10536 10.5196 3.29289 10.7071C3.48043 10.8947 3.73478 11 4 11ZM4 21H10C10.2652 21 10.5196 20.8947 10.7071 20.7071C10.8946 20.5196 11 20.2652 11 20V14C11 13.7348 10.8946 13.4804 10.7071 13.2929C10.5196 13.1054 10.2652 13 10 13H4C3.73478 13 3.48043 13.1054 3.29289 13.2929C3.10536 13.4804 3 13.7348 3 14V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8947 3.73478 21 4 21ZM14 21H20C20.2652 21 20.5196 20.8947 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V14C21 13.7348 20.8946 13.4804 20.7071 13.2929C20.5196 13.1054 20.2652 13 20 13H14C13.7348 13 13.4804 13.1054 13.2929 13.2929C13.1054 13.4804 13 13.7348 13 14V20C13 20.2652 13.1054 20.5196 13.2929 20.7071C13.4804 20.8947 13.7348 21 14 21ZM21.293 6.29302L17.707 2.70702C17.6142 2.61407 17.504 2.54034 17.3827 2.49003C17.2614 2.43971 17.1313 2.41382 17 2.41382C16.8687 2.41382 16.7386 2.43971 16.6173 2.49003C16.496 2.54034 16.3858 2.61407 16.293 2.70702L12.707 6.29302C12.6141 6.38581 12.5403 6.49601 12.49 6.61733C12.4397 6.73864 12.4138 6.86869 12.4138 7.00002C12.4138 7.13135 12.4397 7.2614 12.49 7.38271C12.5403 7.50403 12.6141 7.61423 12.707 7.70702L16.293 11.293C16.3858 11.386 16.496 11.4597 16.6173 11.51C16.7386 11.5603 16.8687 11.5862 17 11.5862C17.1313 11.5862 17.2614 11.5603 17.3827 11.51C17.504 11.4597 17.6142 11.386 17.707 11.293L21.293 7.70702C21.3859 7.61423 21.4597 7.50403 21.51 7.38271C21.5603 7.2614 21.5862 7.13135 21.5862 7.00002C21.5862 6.86869 21.5603 6.73864 21.51 6.61733C21.4597 6.49601 21.3859 6.38581 21.293 6.29302Z" />` : `<path d="M4 11H10C10.2652 11 10.5196 10.8947 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V4.00002C11 3.7348 10.8946 3.48045 10.7071 3.29291C10.5196 3.10538 10.2652 3.00002 10 3.00002H4C3.73478 3.00002 3.48043 3.10538 3.29289 3.29291C3.10536 3.48045 3 3.7348 3 4.00002V10C3 10.2652 3.10536 10.5196 3.29289 10.7071C3.48043 10.8947 3.73478 11 4 11ZM4 21H10C10.2652 21 10.5196 20.8947 10.7071 20.7071C10.8946 20.5196 11 20.2652 11 20V14C11 13.7348 10.8946 13.4804 10.7071 13.2929C10.5196 13.1054 10.2652 13 10 13H4C3.73478 13 3.48043 13.1054 3.29289 13.2929C3.10536 13.4804 3 13.7348 3 14V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8947 3.73478 21 4 21ZM14 21H20C20.2652 21 20.5196 20.8947 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V14C21 13.7348 20.8946 13.4804 20.7071 13.2929C20.5196 13.1054 20.2652 13 20 13H14C13.7348 13 13.4804 13.1054 13.2929 13.2929C13.1054 13.4804 13 13.7348 13 14V20C13 20.2652 13.1054 20.5196 13.2929 20.7071C13.4804 20.8947 13.7348 21 14 21ZM21.293 6.29302L17.707 2.70702C17.6142 2.61407 17.504 2.54034 17.3827 2.49003C17.2614 2.43971 17.1313 2.41382 17 2.41382C16.8687 2.41382 16.7386 2.43971 16.6173 2.49003C16.496 2.54034 16.3858 2.61407 16.293 2.70702L12.707 6.29302C12.6141 6.38581 12.5403 6.49601 12.49 6.61733C12.4397 6.73864 12.4138 6.86869 12.4138 7.00002C12.4138 7.13135 12.4397 7.2614 12.49 7.38271C12.5403 7.50403 12.6141 7.61423 12.707 7.70702L16.293 11.293C16.3858 11.386 16.496 11.4597 16.6173 11.51C16.7386 11.5603 16.8687 11.5862 17 11.5862C17.1313 11.5862 17.2614 11.5603 17.3827 11.51C17.504 11.4597 17.6142 11.386 17.707 11.293L21.293 7.70702C21.3859 7.61423 21.4597 7.50403 21.51 7.38271C21.5603 7.2614 21.5862 7.13135 21.5862 7.00002C21.5862 6.86869 21.5603 6.73864 21.51 6.61733C21.4597 6.49601 21.3859 6.38581 21.293 6.29302Z" />`;
+    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-widget")) {
+  customElements.define("icon-widget", NavaIconWidget);
+}

package/dist/chunk-WZANADU6.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/minus-circle.ts
+var NavaIconMinusCircle = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM17 13H7V11H17V13Z" />` : `<path d="M7 11H17V13H7V11Z" />
+<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />`;
+    const 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-circle")) {
+  customElements.define("icon-minus-circle", NavaIconMinusCircle);
+}

package/dist/chunk-X22U2KCO.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/tennis-ball.ts
+var NavaIconTennisBall = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M4.92895 19.071C6.71138 20.8518 9.10287 21.8903 11.6209 21.977C11.1579 19.204 11.9859 16.256 14.1209 14.121C16.2569 11.986 19.2039 11.158 21.9769 11.621C21.8849 9.18801 20.9239 6.78201 19.0709 4.92901C17.2179 3.07601 14.8109 2.11501 12.3789 2.02301C12.8419 4.79601 12.0139 7.74401 9.87895 9.87901C7.74295 12.014 4.79595 12.842 2.02295 12.379C2.10878 14.8973 3.14741 17.2891 4.92895 19.071Z" />
+<path d="M15.535 15.535C14.7211 16.3495 14.1209 17.3523 13.7875 18.4544C13.4542 19.5566 13.398 20.7239 13.624 21.853C15.687 21.5217 17.593 20.5479 19.0705 19.0705C20.548 17.593 21.5217 15.687 21.853 13.624C20.7239 13.3982 19.5567 13.4546 18.4546 13.7879C17.3525 14.1212 16.3497 14.7213 15.535 15.535ZM8.465 8.46497C9.27886 7.65045 9.87909 6.64764 10.2125 5.54551C10.5458 4.44339 10.602 3.27602 10.376 2.14697C8.31277 2.4781 6.4066 3.45173 4.92892 4.92923C3.45124 6.40673 2.47737 8.31278 2.146 10.376C3.2752 10.6018 4.44267 10.5455 5.54492 10.2122C6.64718 9.87882 7.65017 9.27869 8.465 8.46497Z" />` : `<path d="M4.92901 19.081C6.82401 20.976 9.33401 22.019 12 22.019C14.666 22.019 17.177 20.976 19.071 19.081C22.97 15.182 22.97 8.838 19.071 4.938C17.177 3.044 14.665 2 12 2C9.33501 2 6.82301 3.044 4.92901 4.938C1.03001 8.837 1.03001 15.182 4.92901 19.081ZM17.657 17.667C16.6091 18.7179 15.2885 19.4552 13.844 19.796C13.835 18.194 14.43 16.65 15.535 15.545C16.698 14.382 18.267 13.717 19.812 13.694C19.4935 15.199 18.7448 16.5792 17.657 17.667ZM19.982 11.702C17.858 11.681 15.698 12.555 14.121 14.131C12.589 15.663 11.794 17.811 11.858 20.012C9.78373 19.9804 7.80407 19.1388 6.34201 17.667C4.87813 16.2024 4.04177 14.2255 4.01001 12.155C4.08701 12.157 4.16401 12.169 4.24101 12.169C6.35601 12.169 8.40101 11.365 9.87801 9.889C11.458 8.309 12.335 6.15 12.308 4.016C14.3229 4.08836 16.235 4.92375 17.657 6.353C19.0808 7.77763 19.9117 9.68906 19.982 11.702ZM6.34301 6.353C7.42982 5.26113 8.80984 4.50772 10.316 4.184C10.298 5.739 9.63101 7.308 8.46501 8.475C7.36101 9.578 5.82301 10.171 4.22701 10.166C4.5621 8.72221 5.29516 7.40125 6.34301 6.353Z" />`;
+    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-tennis-ball")) {
+  customElements.define("icon-tennis-ball", NavaIconTennisBall);
+}

package/dist/chunk-X4XSLAVP.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/broadcast.ts
+var NavaIconBroadcast = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M19.707 4.29303L18.293 5.70703C21.026 8.44003 21.026 13.06 18.293 15.793L19.707 17.207C23.207 13.707 23.207 7.79303 19.707 4.29303ZM15.293 8.70703C15.859 9.27303 16.172 9.99903 16.172 10.75C16.172 11.501 15.859 12.227 15.293 12.793L16.707 14.207C17.651 13.264 18.172 12.035 18.172 10.75C18.172 9.46503 17.651 8.23603 16.707 7.29303L15.293 8.70703ZM6.207 5.70703L4.793 4.29303C1.293 7.79303 1.293 13.707 4.793 17.207L6.207 15.793C3.474 13.06 3.474 8.44003 6.207 5.70703Z" />
+<path d="M7.293 7.29303C6.349 8.23603 5.828 9.46503 5.828 10.75C5.828 12.035 6.349 13.264 7.293 14.207L8.707 12.793C8.141 12.227 7.828 11.501 7.828 10.75C7.828 9.99903 8.141 9.27303 8.707 8.70703L7.293 7.29303ZM14 10.5C14 9.9696 13.7893 9.46089 13.4142 9.08582C13.0391 8.71074 12.5304 8.50003 12 8.50003C11.4696 8.50003 10.9609 8.71074 10.5858 9.08582C10.2107 9.46089 10 9.9696 10 10.5C9.99955 10.8301 10.0811 11.1552 10.2373 11.4459C10.3935 11.7367 10.6195 11.9842 10.895 12.166L10.002 22H13.998L13.105 12.165C13.645 11.807 14 11.195 14 10.5Z" />` : `<path d="M19.707 4.29303L18.293 5.70703C21.026 8.44003 21.026 13.06 18.293 15.793L19.707 17.207C23.207 13.707 23.207 7.79303 19.707 4.29303ZM15.293 8.70703C15.859 9.27303 16.172 9.99903 16.172 10.75C16.172 11.501 15.859 12.227 15.293 12.793L16.707 14.207C17.651 13.264 18.172 12.035 18.172 10.75C18.172 9.46503 17.651 8.23603 16.707 7.29303L15.293 8.70703ZM6.207 5.70703L4.793 4.29303C1.293 7.79303 1.293 13.707 4.793 17.207L6.207 15.793C3.474 13.06 3.474 8.44003 6.207 5.70703Z" />
+<path d="M7.293 7.29303C6.349 8.23603 5.828 9.46503 5.828 10.75C5.828 12.035 6.349 13.264 7.293 14.207L8.707 12.793C8.141 12.227 7.828 11.501 7.828 10.75C7.828 9.99903 8.141 9.27303 8.707 8.70703L7.293 7.29303ZM14 10.5C14 9.9696 13.7893 9.46089 13.4142 9.08582C13.0391 8.71074 12.5304 8.50003 12 8.50003C11.4696 8.50003 10.9609 8.71074 10.5858 9.08582C10.2107 9.46089 10 9.9696 10 10.5C9.99955 10.8301 10.0811 11.1552 10.2373 11.4459C10.3935 11.7367 10.6195 11.9842 10.895 12.166L10.002 22H13.998L13.105 12.165C13.645 11.807 14 11.195 14 10.5Z" />`;
+    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-broadcast")) {
+  customElements.define("icon-broadcast", NavaIconBroadcast);
+}

package/dist/chunk-X53UASU3.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/fingerprint.ts
+var NavaIconFingerprint = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M5.96199 17.674C6.99999 19.331 6.99999 20.567 6.99999 22H8.99999C8.99999 20.479 8.99999 18.756 7.65699 16.611L5.96199 17.674ZM16.504 3.387C13.977 1.91 7.54999 0.926002 4.28099 4.305C0.91299 7.786 2.03199 13.377 4.28199 15.697C4.39999 15.819 4.52599 15.926 4.65099 16.03C4.72299 16.091 4.79699 16.146 4.85599 16.214L6.34999 14.884C6.22006 14.7436 6.08001 14.6129 5.93099 14.493C5.85899 14.433 5.78499 14.374 5.71699 14.305C4.05699 12.594 3.21099 8.288 5.71799 5.697C8.24299 3.086 13.786 4.118 15.495 5.116C18.186 6.685 19.592 9.424 19.604 9.449L21.393 8.554C21.328 8.419 19.725 5.265 16.504 3.387Z" />
+<path d="M9.34 12.822C8.31 11.562 7.553 10.505 7.948 9.316C8.211 8.531 8.761 7.991 9.585 7.712C10.809 7.302 12.505 7.552 13.625 8.313L14.748 6.659C13.1 5.539 10.766 5.202 8.944 5.818C7.536 6.294 6.509 7.313 6.052 8.684C5.276 11.012 6.851 12.938 7.792 14.089C7.941 14.272 8.082 14.443 8.201 14.601C11 18.323 11 20.109 11 22H13C13 19.964 13 17.655 9.799 13.399C9.64961 13.2038 9.49658 13.0115 9.34 12.822ZM15.131 9.478C16.966 11.242 18.165 13.925 19.02 18.179L20.981 17.784C20.042 13.106 18.665 10.099 16.518 8.036L15.131 9.478Z" />
+<path d="M11.556 9.16901L10.441 10.829C10.468 10.848 13.152 12.709 14.242 16.553L16.166 16.008C14.867 11.426 11.69 9.25901 11.556 9.16901ZM14.688 18.459C14.898 19.627 15 20.785 15 22H17C17 20.665 16.888 19.392 16.657 18.105L14.688 18.459Z" />` : `<path d="M5.96199 17.674C6.99999 19.331 6.99999 20.567 6.99999 22H8.99999C8.99999 20.479 8.99999 18.756 7.65699 16.611L5.96199 17.674ZM16.504 3.387C13.977 1.91 7.54999 0.926002 4.28099 4.305C0.91299 7.786 2.03199 13.377 4.28199 15.697C4.39999 15.819 4.52599 15.926 4.65099 16.03C4.72299 16.091 4.79699 16.146 4.85599 16.214L6.34999 14.884C6.22006 14.7436 6.08001 14.6129 5.93099 14.493C5.85899 14.433 5.78499 14.374 5.71699 14.305C4.05699 12.594 3.21099 8.288 5.71799 5.697C8.24299 3.086 13.786 4.118 15.495 5.116C18.186 6.685 19.592 9.424 19.604 9.449L21.393 8.554C21.328 8.419 19.725 5.265 16.504 3.387Z" />
+<path d="M9.34 12.822C8.31 11.562 7.553 10.505 7.948 9.316C8.211 8.531 8.761 7.991 9.585 7.712C10.809 7.302 12.505 7.552 13.625 8.313L14.748 6.659C13.1 5.539 10.766 5.202 8.944 5.818C7.536 6.294 6.509 7.313 6.052 8.684C5.276 11.012 6.851 12.938 7.792 14.089C7.941 14.272 8.082 14.443 8.201 14.601C11 18.323 11 20.109 11 22H13C13 19.964 13 17.655 9.799 13.399C9.64961 13.2038 9.49658 13.0115 9.34 12.822ZM15.131 9.478C16.966 11.242 18.165 13.925 19.02 18.179L20.981 17.784C20.042 13.106 18.665 10.099 16.518 8.036L15.131 9.478Z" />
+<path d="M11.556 9.16901L10.441 10.829C10.468 10.848 13.152 12.709 14.242 16.553L16.166 16.008C14.867 11.426 11.69 9.25901 11.556 9.16901ZM14.688 18.459C14.898 19.627 15 20.785 15 22H17C17 20.665 16.888 19.392 16.657 18.105L14.688 18.459Z" />`;
+    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-fingerprint")) {
+  customElements.define("icon-fingerprint", NavaIconFingerprint);
+}

package/dist/chunk-X54XWS5N.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/pause.ts
+var NavaIconPause = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M8 7H11V17H8V7ZM13 7H16V17H13V7Z" />` : `<path d="M8 7H11V17H8V7ZM13 7H16V17H13V7Z" />`;
+    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-pause")) {
+  customElements.define("icon-pause", NavaIconPause);
+}

package/dist/chunk-X5C2GQCT.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/border-left.ts
+var NavaIconBorderLeft = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M11 3H13V5H11V3ZM15 3H17V5H15V3ZM7 3H9V5H7V3ZM19 3H21V5H19V3ZM19 11H21V13H19V11ZM19 15H21V17H19V15ZM19 7H21V9H19V7ZM19 19H21V21H19V19ZM15 19H17V21H15V19ZM7 19H9V21H7V19ZM11 19H13V21H11V19ZM11 15H13V17H11V15ZM11 7H13V9H11V7ZM15 11H17V13H15V11ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM3 5V21H5V3H3V5Z" />` : `<path d="M11 3H13V5H11V3ZM15 3H17V5H15V3ZM7 3H9V5H7V3ZM19 3H21V5H19V3ZM19 11H21V13H19V11ZM19 15H21V17H19V15ZM19 7H21V9H19V7ZM19 19H21V21H19V19ZM15 19H17V21H15V19ZM7 19H9V21H7V19ZM11 19H13V21H11V19ZM11 15H13V17H11V15ZM11 7H13V9H11V7ZM15 11H17V13H15V11ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM3 5V21H5V3H3V5Z" />`;
+    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-border-left")) {
+  customElements.define("icon-border-left", NavaIconBorderLeft);
+}

package/dist/chunk-X5LOGIOZ.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/flask.ts
+var NavaIconFlask = 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 config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M14.9999 9.783V4H15.9999V2H7.99995V4H8.99995V9.783L4.73195 19.172C4.59275 19.4766 4.53261 19.8114 4.55708 20.1454C4.58155 20.4795 4.68985 20.8019 4.87195 21.083C5.05242 21.3649 5.30107 21.5967 5.5949 21.757C5.88873 21.9173 6.21824 22.0009 6.55295 22H17.4479C17.7827 22.0009 18.1122 21.9173 18.406 21.757C18.6998 21.5967 18.9485 21.3649 19.1289 21.083C19.4989 20.509 19.5519 19.794 19.2689 19.172L14.9999 9.783ZM10.9099 10.414C10.9699 10.284 10.9999 10.143 10.9999 10V4H12.9999V10C12.9999 10.143 13.0299 10.284 13.0899 10.414L15.1769 15H8.82495L10.9099 10.414Z" />` : `<path d="M14.9999 9.783V4H15.9999V2H7.99995V4H8.99995V9.783L4.73195 19.172C4.59275 19.4766 4.53261 19.8114 4.55708 20.1454C4.58155 20.4795 4.68985 20.8019 4.87195 21.083C5.05242 21.3649 5.30107 21.5967 5.5949 21.757C5.88873 21.9173 6.21824 22.0009 6.55295 22H17.4479C17.7827 22.0009 18.1122 21.9173 18.406 21.757C18.6998 21.5967 18.9485 21.3649 19.1289 21.083C19.4989 20.509 19.5519 19.794 19.2689 19.172L14.9999 9.783ZM10.9099 10.414C10.9699 10.284 10.9999 10.143 10.9999 10V4H12.9999V10C12.9999 10.143 13.0299 10.284 13.0899 10.414L15.1769 15H8.82495L10.9099 10.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-flask")) {
+  customElements.define("icon-flask", NavaIconFlask);
+}