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

package/dist/chunk-2LTVQDCN.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/slider.ts
+var NavaIconSlider = 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="M13 5H22V7H13V5ZM2 7H9V9H11V3H9V5H2V7ZM9 17H22V19H9V17ZM19 11H22V13H19V11ZM17 15V9.012H15V11H2V13H15V15H17ZM7 21V15H5V17H2V19H5V21H7Z" />` : `<path d="M13 5H22V7H13V5ZM2 7H9V9H11V3H9V5H2V7ZM9 17H22V19H9V17ZM19 11H22V13H19V11ZM17 15V9.012H15V11H2V13H15V15H17ZM7 21V15H5V17H2V19H5V21H7Z" />`;
+    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-slider")) {
+  customElements.define("icon-slider", NavaIconSlider);
+}

package/dist/chunk-2O2PW7OQ.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/handicap.ts
+var NavaIconHandicap = 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="M9 6C10.1046 6 11 5.10457 11 4C11 2.89543 10.1046 2 9 2C7.89543 2 7 2.89543 7 4C7 5.10457 7.89543 6 9 6Z" />
+<path d="M16.98 14.804C16.9347 14.5774 16.8123 14.3735 16.6336 14.2269C16.455 14.0803 16.2311 14.0001 16 14H11.867L11.438 11H16V9H11.153L10.99 7.858C10.9558 7.6198 10.8369 7.40191 10.655 7.24431C10.4732 7.08671 10.2406 6.99997 9.99998 7H8.99998C8.8568 7.00047 8.71539 7.0316 8.58524 7.09128C8.45509 7.15096 8.33922 7.23781 8.24544 7.346C8.15165 7.45419 8.08211 7.5812 8.0415 7.7185C8.00089 7.8558 7.99014 8.0002 8.00998 8.142L8.88698 14.284C8.9571 14.7596 9.19544 15.1943 9.55875 15.5092C9.92206 15.8241 10.3862 15.9982 10.867 16H15.18L16.019 20.196C16.113 20.663 16.523 21 17 21H20V19H17.819L16.98 14.804Z" />
+<path d="M12.51 17.5C11.771 18.976 10.26 20 8.5 20C7.30693 19.9987 6.16311 19.5241 5.31948 18.6805C4.47585 17.8369 4.00132 16.6931 4 15.5C4.00168 14.604 4.27064 13.7288 4.77246 12.9865C5.27428 12.2442 5.98615 11.6685 6.817 11.333L6.528 9.308C3.905 10.145 2 12.604 2 15.5C2 19.084 4.916 22 8.5 22C9.6148 21.9984 10.7104 21.7101 11.6816 21.1626C12.6527 20.6151 13.4666 19.827 14.045 18.874L13.771 17.5H12.51Z" />` : `<path d="M9 6C10.1046 6 11 5.10457 11 4C11 2.89543 10.1046 2 9 2C7.89543 2 7 2.89543 7 4C7 5.10457 7.89543 6 9 6Z" />
+<path d="M16.98 14.804C16.9347 14.5774 16.8123 14.3735 16.6336 14.2269C16.455 14.0803 16.2311 14.0001 16 14H11.867L11.438 11H16V9H11.153L10.99 7.858C10.9558 7.6198 10.8369 7.40191 10.655 7.24431C10.4732 7.08671 10.2406 6.99997 9.99998 7H8.99998C8.8568 7.00047 8.71539 7.0316 8.58524 7.09128C8.45509 7.15096 8.33922 7.23781 8.24544 7.346C8.15165 7.45419 8.08211 7.5812 8.0415 7.7185C8.00089 7.8558 7.99014 8.0002 8.00998 8.142L8.88698 14.284C8.9571 14.7596 9.19544 15.1943 9.55875 15.5092C9.92206 15.8241 10.3862 15.9982 10.867 16H15.18L16.019 20.196C16.113 20.663 16.523 21 17 21H20V19H17.819L16.98 14.804Z" />
+<path d="M12.51 17.5C11.771 18.976 10.26 20 8.5 20C7.30693 19.9987 6.16311 19.5241 5.31948 18.6805C4.47585 17.8369 4.00132 16.6931 4 15.5C4.00168 14.604 4.27064 13.7288 4.77246 12.9865C5.27428 12.2442 5.98615 11.6685 6.817 11.333L6.528 9.308C3.905 10.145 2 12.604 2 15.5C2 19.084 4.916 22 8.5 22C9.6148 21.9984 10.7104 21.7101 11.6816 21.1626C12.6527 20.6151 13.4666 19.827 14.045 18.874L13.771 17.5H12.51Z" />`;
+    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-handicap")) {
+  customElements.define("icon-handicap", NavaIconHandicap);
+}

package/dist/chunk-2OGI6FMX.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/right-down-arrow-circle.ts
+var NavaIconRightDownArrowCircle = 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.92912 4.92901C1.03112 8.82801 1.03112 15.173 4.92912 19.072C8.82812 22.97 15.1721 22.97 19.0721 19.072C22.9701 15.173 22.9701 8.82801 19.0721 4.92901C15.1721 1.03001 8.82812 1.03001 4.92912 4.92901ZM15.5351 15.536H8.46512L11.2931 12.707L7.75812 9.17101L9.17212 7.75701L12.7071 11.293L15.5351 8.46401V15.536Z" />` : `<path d="M12 2.007C10.6867 2.00215 9.38549 2.25792 8.17173 2.75949C6.95797 3.26106 5.85578 3.99846 4.92901 4.929C1.03001 8.828 1.03001 15.172 4.92901 19.072C5.85577 20.0026 6.95793 20.7401 8.17168 21.2419C9.38543 21.7436 10.6867 21.9996 12 21.995C13.3134 21.9996 14.6146 21.7436 15.8283 21.2419C17.0421 20.7401 18.1443 20.0026 19.071 19.072C22.97 15.173 22.97 8.829 19.071 4.929C18.1442 3.99846 17.0421 3.26106 15.8283 2.75949C14.6145 2.25792 13.3133 2.00215 12 2.007ZM17.657 17.657C16.9154 18.4012 16.0336 18.9909 15.0626 19.392C14.0915 19.7932 13.0506 19.9978 12 19.994C9.85901 19.994 7.85001 19.164 6.34301 17.657C3.22401 14.538 3.22401 9.462 6.34301 6.343C7.08464 5.59891 7.96649 5.00931 8.93751 4.60834C9.90854 4.20736 10.9495 4.00297 12 4.007C14.141 4.007 16.15 4.836 17.657 6.343C20.776 9.462 20.776 14.538 17.657 17.657Z" />
+<path d="M9.66101 8.24701L8.24701 9.66101L11.461 12.875L9.33601 15H15V9.33701L12.875 11.461L9.66101 8.24701Z" />`;
+    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-right-down-arrow-circle")) {
+  customElements.define("icon-right-down-arrow-circle", NavaIconRightDownArrowCircle);
+}

package/dist/chunk-2Q25O2A4.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// 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 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="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-2QGKDDRM.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/dice-2.ts
+var NavaIconDice2 = 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 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM9.5 13.5C9.30295 13.4999 9.10785 13.4611 8.92582 13.3856C8.7438 13.3101 8.57842 13.1995 8.43913 13.0602C8.15783 12.7787 7.99987 12.397 8 11.999C8.00007 11.802 8.03894 11.6068 8.11441 11.4248C8.18988 11.2428 8.30046 11.0774 8.43984 10.9381C8.72133 10.6568 9.10304 10.4989 9.501 10.499C9.89896 10.4991 10.2806 10.6573 10.5619 10.9388C10.8432 11.2203 11.0011 11.602 11.001 12C11.0009 12.398 10.8427 12.7796 10.5612 13.0609C10.2797 13.3422 9.89796 13.5001 9.5 13.5ZM14.5 13.5C14.102 13.4999 13.7204 13.3417 13.4391 13.0602C13.1578 12.7787 12.9999 12.397 13 11.999C13.0001 11.601 13.1583 11.2194 13.4398 10.9381C13.7213 10.6568 14.103 10.4989 14.501 10.499C14.899 10.4991 15.2806 10.6573 15.5619 10.9388C15.8432 11.2203 16.0011 11.602 16.001 12C16.0009 12.398 15.8427 12.7796 15.5612 13.0609C15.2797 13.3422 14.898 13.5001 14.5 13.5Z" />` : `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />
+<path d="M9.5 13.5C10.3284 13.5 11 12.8284 11 12C11 11.1716 10.3284 10.5 9.5 10.5C8.67157 10.5 8 11.1716 8 12C8 12.8284 8.67157 13.5 9.5 13.5Z" />
+<path d="M14.5 13.5C15.3284 13.5 16 12.8284 16 12C16 11.1716 15.3284 10.5 14.5 10.5C13.6716 10.5 13 11.1716 13 12C13 12.8284 13.6716 13.5 14.5 13.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-dice-2")) {
+  customElements.define("icon-dice-2", NavaIconDice2);
+}

package/dist/chunk-2RDJIV6M.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bookmark-minus.ts
+var NavaIconBookmarkMinus = 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="M17 2H7C6.46957 2 5.96086 2.21071 5.58579 2.58579C5.21071 2.96086 5 3.46957 5 4V22L12 17.152L19 22V4C19 3.46957 18.7893 2.96086 18.4142 2.58579C18.0391 2.21071 17.5304 2 17 2ZM16 11H8V9H16V11Z" />` : `<path d="M8 9H16V11H8V9Z" />
+<path d="M20 22V4C20 2.897 19.103 2 18 2H6C4.897 2 4 2.897 4 4V22L12 17.428L20 22ZM6 10V4H18V18.553L12 15.125L6 18.553V10Z" />`;
+    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-bookmark-minus")) {
+  customElements.define("icon-bookmark-minus", NavaIconBookmarkMinus);
+}

package/dist/chunk-2TA3WCMC.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/caret-left-circle.ts
+var NavaIconCaretLeftCircle = 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 2ZM14 17L8 12L14 7V17Z" />` : `<path d="M14 17V7L8 12L14 17Z" />
+<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-caret-left-circle")) {
+  customElements.define("icon-caret-left-circle", NavaIconCaretLeftCircle);
+}

package/dist/chunk-2UCE3SWG.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/italic.ts
+var NavaIconItalic = 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 7V4H9V7H11.868L9.012 17H5V20H15V17H12.132L14.988 7H19Z" />` : `<path d="M19 7V4H9V7H11.868L9.012 17H5V20H15V17H12.132L14.988 7H19Z" />`;
+    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-italic")) {
+  customElements.define("icon-italic", NavaIconItalic);
+}

package/dist/chunk-2UPMDJBN.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/basketball.ts
+var NavaIconBasketball = 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="M18.3279 4.25801C16.6425 2.88295 14.5529 2.09791 12.3789 2.02301C12.5902 3.27006 12.536 4.54766 12.2198 5.77232C11.9036 6.99698 11.3326 8.14113 10.5439 9.13001L11.9999 10.586L18.3279 4.25801ZM7.70095 9.11501L4.25795 5.67201C3.15234 7.02688 2.42382 8.6495 2.14595 10.376C3.10856 10.5665 4.10044 10.5527 5.05737 10.3355C6.0143 10.1182 6.91494 9.70245 7.70095 9.11501ZM19.7419 5.67201L13.4139 12L14.8699 13.456C15.8589 12.6676 17.0031 12.0966 18.2277 11.7804C19.4523 11.4642 20.7299 11.4099 21.9769 11.621C21.902 9.44706 21.117 7.3575 19.7419 5.67201ZM21.8539 13.624C20.8913 13.4335 19.8995 13.4473 18.9425 13.6646C17.9856 13.8818 17.085 14.2976 16.2989 14.885L19.7419 18.328C20.8481 16.9735 21.5767 15.3507 21.8539 13.624ZM9.11495 7.70101C9.70239 6.915 10.1182 6.01436 10.3354 5.05743C10.5526 4.1005 10.5664 3.10862 10.3759 2.14601C8.6493 2.42343 7.02657 3.152 5.67195 4.25801L9.11495 7.70101ZM13.6239 21.854C15.3504 21.5765 16.973 20.8483 18.3279 19.743L14.8849 16.3C14.2974 17.0858 13.8816 17.9862 13.6643 18.943C13.4471 19.8998 13.4333 20.8916 13.6239 21.854ZM11.9999 13.414L5.67195 19.742C7.35744 21.1171 9.447 21.9021 11.6209 21.977C11.4097 20.73 11.4639 19.4524 11.7801 18.2277C12.0963 17.003 12.6673 15.8589 13.4559 14.87L11.9999 13.414ZM4.25795 18.328L10.5859 12L9.12995 10.544C8.14098 11.3324 6.99682 11.9034 5.77219 12.2196C4.54755 12.5358 3.27 12.5901 2.02295 12.379C2.09785 14.553 2.88288 16.6425 4.25795 18.328Z" />` : `<path d="M4.92901 19.071C6.82401 20.966 9.33401 22.009 12 22.009C14.666 22.009 17.177 20.966 19.071 19.071C22.97 15.172 22.97 8.82799 19.071 4.92799C17.177 3.03399 14.665 1.98999 12 1.98999C9.33501 1.98999 6.82301 3.03399 4.92901 4.92899C1.03001 8.82699 1.03001 15.172 4.92901 19.071ZM12.309 4.00599C13.9791 4.06611 15.5873 4.65351 16.903 5.68399L12 10.586L10.54 9.12599C11.701 7.64699 12.332 5.81799 12.309 4.00599ZM9.11001 7.69599L7.09801 5.68399C8.04257 4.9436 9.14289 4.42729 10.316 4.17399C10.301 5.40999 9.87101 6.65099 9.11001 7.69599ZM7.68601 9.09999C6.66735 9.79592 5.46068 10.1647 4.22701 10.157C4.48685 9.04446 4.98422 8.00128 5.68501 7.09899L7.68601 9.09999ZM4.01101 12.146C4.08801 12.148 4.16501 12.16 4.24201 12.16C6.0017 12.1656 7.71476 11.5945 9.11901 10.534L10.586 12L5.68501 16.901C4.62737 15.5388 4.04 13.8703 4.01101 12.146ZM16.305 14.891C17.347 14.133 18.585 13.703 19.813 13.685C19.5628 14.8564 19.0511 15.9562 18.316 16.902L16.305 14.891ZM16.902 18.316C16.0003 19.0209 14.9568 19.5223 13.843 19.786C13.8317 18.5478 14.2007 17.3359 14.9 16.314L16.902 18.316ZM11.858 20.002C10.1296 19.9745 8.45755 19.3824 7.09701 18.316L12 13.414L13.463 14.877C12.36 16.321 11.804 18.143 11.858 20.002ZM19.982 11.692C18.175 11.674 16.349 12.302 14.874 13.46L13.414 12L18.315 7.09899C19.338 8.41763 19.9211 10.0242 19.982 11.692Z" />`;
+    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-basketball")) {
+  customElements.define("icon-basketball", NavaIconBasketball);
+}

package/dist/chunk-2VK63NBG.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/user.ts
+var NavaIconUser = 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="M7.5 6.5C7.5 8.981 9.519 11 12 11C14.481 11 16.5 8.981 16.5 6.5C16.5 4.019 14.481 2 12 2C9.519 2 7.5 4.019 7.5 6.5ZM20 21H21V20C21 16.141 17.859 13 14 13H10C6.14 13 3 16.141 3 20V21H20Z" />` : `<path d="M12 2C11.0111 2 10.0444 2.29324 9.22215 2.84265C8.3999 3.39206 7.75904 4.17295 7.3806 5.08658C7.00216 6.00021 6.90315 7.00555 7.09607 7.97545C7.289 8.94536 7.7652 9.83627 8.46447 10.5355C9.16373 11.2348 10.0546 11.711 11.0245 11.9039C11.9945 12.0969 12.9998 11.9978 13.9134 11.6194C14.827 11.241 15.6079 10.6001 16.1573 9.77785C16.7068 8.95561 17 7.98891 17 7C17 5.67392 16.4732 4.40215 15.5355 3.46447C14.5979 2.52678 13.3261 2 12 2ZM12 10C11.4067 10 10.8266 9.82405 10.3333 9.49441C9.83994 9.16476 9.45542 8.69623 9.22836 8.14805C9.0013 7.59987 8.94189 6.99667 9.05764 6.41473C9.1734 5.83279 9.45912 5.29824 9.87868 4.87868C10.2982 4.45912 10.8328 4.1734 11.4147 4.05764C11.9967 3.94189 12.5999 4.0013 13.1481 4.22836C13.6962 4.45542 14.1648 4.83994 14.4944 5.33329C14.8241 5.82664 15 6.40666 15 7C15 7.79565 14.6839 8.55871 14.1213 9.12132C13.5587 9.68393 12.7956 10 12 10ZM21 21V20C21 18.1435 20.2625 16.363 18.9497 15.0503C17.637 13.7375 15.8565 13 14 13H10C8.14348 13 6.36301 13.7375 5.05025 15.0503C3.7375 16.363 3 18.1435 3 20V21H5V20C5 18.6739 5.52678 17.4021 6.46447 16.4645C7.40215 15.5268 8.67392 15 10 15H14C15.3261 15 16.5979 15.5268 17.5355 16.4645C18.4732 17.4021 19 18.6739 19 20V21H21Z" />`;
+    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-user")) {
+  customElements.define("icon-user", NavaIconUser);
+}

package/dist/chunk-2VW6IKZV.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/image-alt.ts
+var NavaIconImageAlt = 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 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21ZM8 14L10.363 16.363L14 11L19 18H5L8 14Z" />` : `<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />
+<path d="M10 14L9 13L6 17H18L13 10L10 14Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-image-alt")) {
+  customElements.define("icon-image-alt", NavaIconImageAlt);
+}

package/dist/chunk-2W22VIF2.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// 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 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="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" />` : `<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 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-2WUGSZPP.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/lock-open.ts
+var NavaIconLockOpen = 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="M18 10H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7H17C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V10H6C5.46957 10 4.96086 10.2107 4.58579 10.5858C4.21071 10.9609 4 11.4696 4 12V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12C20 11.4696 19.7893 10.9609 19.4142 10.5858C19.0391 10.2107 18.5304 10 18 10ZM10.061 15.499C10.1839 15.0284 10.4739 14.6187 10.8769 14.3463C11.2798 14.074 11.7681 13.9576 12.2506 14.019C12.7331 14.0803 13.1767 14.3152 13.4986 14.6798C13.8206 15.0444 13.9988 15.5136 14 16C13.9994 16.3497 13.9067 16.6932 13.7311 16.9956C13.5556 17.2981 13.3034 17.549 13 17.723V20H11V17.723C10.6216 17.5062 10.3248 17.1712 10.1552 16.7694C9.9856 16.3677 9.9525 15.9214 10.061 15.499Z" />` : `<path d="M12 4C13.654 4 15 5.346 15 7H17C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V9H6C4.897 9 4 9.897 4 11V20C4 21.103 4.897 22 6 22H18C19.103 22 20 21.103 20 20V11C20 9.897 19.103 9 18 9H9V7C9 5.346 10.346 4 12 4ZM18.002 20H13V17.722C13.595 17.375 14 16.737 14 16C14 14.897 13.103 14 12 14C10.897 14 10 14.897 10 16C10 16.736 10.405 17.375 11 17.722V20H6V11H18L18.002 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-lock-open")) {
+  customElements.define("icon-lock-open", NavaIconLockOpen);
+}