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

package/dist/chunk-KYUINPVU.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/message-square-dots.ts
+var NavaIconMessageSquareDots = 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="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM11 12.5C11 12.8978 10.842 13.2794 10.5607 13.5607C10.2794 13.842 9.89782 14 9.5 14C9.414 14 9.332 13.989 9.25 13.975C9.167 13.985 9.086 14 9 14C8.60444 14 8.21776 13.8827 7.88886 13.6629C7.55996 13.4432 7.30362 13.1308 7.15224 12.7654C7.00087 12.3999 6.96126 11.9978 7.03843 11.6098C7.1156 11.2219 7.30608 10.8655 7.58579 10.5858C7.86549 10.3061 8.22186 10.1156 8.60982 10.0384C8.99778 9.96126 9.39991 10.0009 9.76537 10.1522C10.1308 10.3036 10.4432 10.56 10.6629 10.8889C10.8827 11.2178 11 11.6044 11 12C11 12.085 10.985 12.167 10.975 12.25C10.988 12.332 11 12.414 11 12.5ZM15 14C14.914 14 14.833 13.985 14.75 13.975C14.6675 13.9904 14.5839 13.9988 14.5 14C14.1022 14 13.7206 13.842 13.4393 13.5607C13.158 13.2794 13 12.8978 13 12.5C13 12.415 13.012 12.332 13.025 12.25C13.015 12.167 13 12.086 13 12C13 11.6044 13.1173 11.2178 13.3371 10.8889C13.5568 10.56 13.8692 10.3036 14.2346 10.1522C14.6001 10.0009 15.0022 9.96126 15.3902 10.0384C15.7781 10.1156 16.1345 10.3061 16.4142 10.5858C16.6939 10.8655 16.8844 11.2219 16.9616 11.6098C17.0387 11.9978 16.9991 12.3999 16.8478 12.7654C16.6964 13.1308 16.44 13.4432 16.1111 13.6629C15.7822 13.8827 15.3956 14 15 14Z" />` : `<path d="M16 2H8C4.691 2 2 4.691 2 8V20C2 20.2652 2.10536 20.5196 2.29289 20.7071C2.48043 20.8946 2.73478 21 3 21H16C19.309 21 22 18.309 22 15V8C22 4.691 19.309 2 16 2ZM20 15C20 17.206 18.206 19 16 19H4V8C4 5.794 5.794 4 8 4H16C18.206 4 20 5.794 20 8V15Z" />
+<path d="M9.5 13C10.3284 13 11 12.3284 11 11.5C11 10.6716 10.3284 10 9.5 10C8.67157 10 8 10.6716 8 11.5C8 12.3284 8.67157 13 9.5 13Z" />
+<path d="M14.5 13C15.3284 13 16 12.3284 16 11.5C16 10.6716 15.3284 10 14.5 10C13.6716 10 13 10.6716 13 11.5C13 12.3284 13.6716 13 14.5 13Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-message-square-dots")) {
+  customElements.define("icon-message-square-dots", NavaIconMessageSquareDots);
+}

package/dist/chunk-KZEN45QS.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/female-sign.ts
+var NavaIconFemaleSign = 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 2C8.691 2 6 4.691 6 8C6 10.967 8.167 13.432 11 13.91V17H8V19H11V21.988H13V19H16V17H13V13.91C15.833 13.431 18 10.967 18 8C18 4.691 15.309 2 12 2ZM12 12C9.794 12 8 10.206 8 8C8 5.794 9.794 4 12 4C14.206 4 16 5.794 16 8C16 10.206 14.206 12 12 12Z" />` : `<path d="M12 2C8.691 2 6 4.691 6 8C6 10.967 8.167 13.432 11 13.91V17H8V19H11V21.988H13V19H16V17H13V13.91C15.833 13.431 18 10.967 18 8C18 4.691 15.309 2 12 2ZM12 12C9.794 12 8 10.206 8 8C8 5.794 9.794 4 12 4C14.206 4 16 5.794 16 8C16 10.206 14.206 12 12 12Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-female-sign")) {
+  customElements.define("icon-female-sign", NavaIconFemaleSign);
+}

package/dist/chunk-KZJCBQNS.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/user-check.ts
+var NavaIconUserCheck = 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 12.052C9.995 12.052 11.5 10.547 11.5 8.552C11.5 6.557 9.995 5.052 8 5.052C6.005 5.052 4.5 6.557 4.5 8.552C4.5 10.547 6.005 12.052 8 12.052ZM9 13H7C4.243 13 2 15.243 2 18V19H14V18C14 15.243 11.757 13 9 13ZM20.294 8.292L15.994 12.584L14.702 11.292L13.288 12.706L15.994 15.41L21.706 9.708L20.294 8.292Z" />` : `<path d="M20.29 8.29002L16 12.58L14.7 11.29L13.29 12.71L15.99 15.41L21.71 9.71002L20.29 8.29002ZM4 8.00002C3.98768 8.52868 4.08273 9.05434 4.27939 9.54521C4.47605 10.0361 4.77024 10.482 5.14415 10.8559C5.51807 11.2298 5.96395 11.524 6.45482 11.7206C6.94569 11.9173 7.47134 12.0123 8 12C8.52866 12.0123 9.05431 11.9173 9.54518 11.7206C10.0361 11.524 10.4819 11.2298 10.8558 10.8559C11.2298 10.482 11.524 10.0361 11.7206 9.54521C11.9173 9.05434 12.0123 8.52868 12 8.00002C12.0123 7.47137 11.9173 6.94571 11.7206 6.45484C11.524 5.96397 11.2298 5.51809 10.8558 5.14418C10.4819 4.77026 10.0361 4.47607 9.54518 4.27941C9.05431 4.08275 8.52866 3.98771 8 4.00002C7.47134 3.98771 6.94569 4.08275 6.45482 4.27941C5.96395 4.47607 5.51807 4.77026 5.14415 5.14418C4.77024 5.51809 4.47605 5.96397 4.27939 6.45484C4.08273 6.94571 3.98768 7.47137 4 8.00002ZM10 8.00002C10.0129 8.26607 9.96993 8.53187 9.87398 8.78035C9.77802 9.02882 9.63115 9.25448 9.4428 9.44283C9.25446 9.63117 9.0288 9.77804 8.78032 9.874C8.53185 9.96996 8.26605 10.0129 8 10C7.73395 10.0129 7.46815 9.96996 7.21968 9.874C6.9712 9.77804 6.74554 9.63117 6.5572 9.44283C6.36885 9.25448 6.22198 9.02882 6.12602 8.78035C6.03007 8.53187 5.98714 8.26607 6 8.00002C5.98714 7.73397 6.03007 7.46817 6.12602 7.2197C6.22198 6.97122 6.36885 6.74557 6.5572 6.55722C6.74554 6.36888 6.9712 6.22201 7.21968 6.12605C7.46815 6.03009 7.73395 5.98716 8 6.00002C8.26605 5.98716 8.53185 6.03009 8.78032 6.12605C9.0288 6.22201 9.25446 6.36888 9.4428 6.55722C9.63115 6.74557 9.77802 6.97122 9.87398 7.2197C9.96993 7.46817 10.0129 7.73397 10 8.00002ZM4 18C4 17.2044 4.31607 16.4413 4.87868 15.8787C5.44129 15.3161 6.20435 15 7 15H9C9.79565 15 10.5587 15.3161 11.1213 15.8787C11.6839 16.4413 12 17.2044 12 18V19H14V18C14 17.3434 13.8707 16.6932 13.6194 16.0866C13.3681 15.48 12.9998 14.9288 12.5355 14.4645C12.0712 14.0002 11.52 13.6319 10.9134 13.3806C10.3068 13.1294 9.65661 13 9 13H7C5.67392 13 4.40215 13.5268 3.46447 14.4645C2.52678 15.4022 2 16.6739 2 18V19H4V18Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-user-check")) {
+  customElements.define("icon-user-check", NavaIconUserCheck);
+}

package/dist/chunk-KZOVYRJQ.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/chess.ts
+var NavaIconChess = 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="M21 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2ZM20 8H16V12H20V16H16V20H12V16H8V20H4V16H8V12H4V8H8V4H12V8H16V4H20V8Z" />
+<path d="M8 8H12V12H8V8ZM12 12H16V16H12V12Z" />` : `<path d="M21 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2ZM20 8H16V12H20V16H16V20H12V16H8V20H4V16H8V12H4V8H8V4H12V8H16V4H20V8Z" />
+<path d="M8 8H12V12H8V8ZM12 12H16V16H12V12Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-chess")) {
+  customElements.define("icon-chess", NavaIconChess);
+}

package/dist/chunk-KZV55QNI.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/down-arrow-alt.ts
+var NavaIconDownArrowAlt = 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 12H13V6H11V12H6L12 19L18 12Z" />` : `<path d="M18.707 12.707L17.293 11.293L13 15.586V6H11V15.586L6.707 11.293L5.293 12.707L12 19.414L18.707 12.707Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-down-arrow-alt")) {
+  customElements.define("icon-down-arrow-alt", NavaIconDownArrowAlt);
+}

package/dist/chunk-L33OGGQL.js

@@ -0,0 +1,51 @@
+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;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-door-open")) {
+  customElements.define("icon-door-open", NavaIconDoorOpen);
+}

package/dist/chunk-L37IP5XU.js

@@ -0,0 +1,51 @@
+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;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-image-alt")) {
+  customElements.define("icon-image-alt", NavaIconImageAlt);
+}

package/dist/chunk-L5TLQSU7.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/repost.ts
+var NavaIconRepost = 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 7C19 6.73478 18.8946 6.48043 18.7071 6.29289C18.5196 6.10536 18.2652 6 18 6H10V8H17V13H14L17.969 18L22 13H19V7ZM5 17C5 17.2652 5.10536 17.5196 5.29289 17.7071C5.48043 17.8946 5.73478 18 6 18H14V16H7V11H10L6 6L2 11H5V17Z" />` : `<path d="M19 7C19 6.73478 18.8946 6.48043 18.7071 6.29289C18.5196 6.10536 18.2652 6 18 6H10V8H17V13H14L17.969 18L22 13H19V7ZM5 17C5 17.2652 5.10536 17.5196 5.29289 17.7071C5.48043 17.8946 5.73478 18 6 18H14V16H7V11H10L6 6L2 11H5V17Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-repost")) {
+  customElements.define("icon-repost", NavaIconRepost);
+}

package/dist/chunk-L6SCZ6AC.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/category-alt.ts
+var NavaIconCategoryAlt = 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="M10 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V10C3 10.2652 3.10536 10.5196 3.29289 10.7071C3.48043 10.8946 3.73478 11 4 11H10C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V4C11 3.73478 10.8946 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3ZM20 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.8946 13.7348 21 14 21H20C20.2652 21 20.5196 20.8946 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 13ZM17 3C14.794 3 13 4.794 13 7C13 9.206 14.794 11 17 11C19.206 11 21 9.206 21 7C21 4.794 19.206 3 17 3ZM7 13C4.794 13 3 14.794 3 17C3 19.206 4.794 21 7 21C9.206 21 11 19.206 11 17C11 14.794 9.206 13 7 13Z" />` : `<path d="M10 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V10C3 10.2652 3.10536 10.5196 3.29289 10.7071C3.48043 10.8946 3.73478 11 4 11H10C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V4C11 3.73478 10.8946 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3ZM9 9H5V5H9V9ZM20 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.8946 13.7348 21 14 21H20C20.2652 21 20.5196 20.8946 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 13ZM19 19H15V15H19V19ZM17 3C14.794 3 13 4.794 13 7C13 9.206 14.794 11 17 11C19.206 11 21 9.206 21 7C21 4.794 19.206 3 17 3ZM17 9C15.897 9 15 8.103 15 7C15 5.897 15.897 5 17 5C18.103 5 19 5.897 19 7C19 8.103 18.103 9 17 9ZM7 13C4.794 13 3 14.794 3 17C3 19.206 4.794 21 7 21C9.206 21 11 19.206 11 17C11 14.794 9.206 13 7 13ZM7 19C5.897 19 5 18.103 5 17C5 15.897 5.897 15 7 15C8.103 15 9 15.897 9 17C9 18.103 8.103 19 7 19Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-category-alt")) {
+  customElements.define("icon-category-alt", NavaIconCategoryAlt);
+}

package/dist/chunk-L76K23JF.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/pear.ts
+var NavaIconPear = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const 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="M10.1201 22C11.5766 21.8751 12.9675 21.3388 14.1308 20.4535C15.294 19.5683 16.1816 18.3705 16.6901 17C17.0845 15.9786 17.2418 14.881 17.1501 13.79C17.1189 13.3146 17.1922 12.8381 17.365 12.3941C17.5378 11.95 17.8058 11.5493 18.1501 11.22L18.7601 10.61C19.3544 10.0168 19.7407 9.2473 19.8615 8.41639C19.9822 7.58548 19.8309 6.73781 19.4301 6.00001L21.7101 3.72001L20.2901 2.29001L18.0001 4.55001C17.2707 4.11277 16.4163 3.93141 15.5722 4.03466C14.7281 4.1379 13.9426 4.51986 13.3401 5.12001L12.5901 5.87001C12.268 6.20989 11.8757 6.47545 11.4405 6.64816C11.0053 6.82087 10.5376 6.89657 10.0701 6.87001C8.93365 6.78894 7.79446 6.98453 6.75012 7.44001C5.41457 7.99741 4.26178 8.91763 3.42228 10.0965C2.58279 11.2753 2.09014 12.6656 2.00012 14.11C1.95519 15.1779 2.13632 16.2432 2.53164 17.2363C2.92696 18.2293 3.52756 19.1276 4.29412 19.8725C5.06067 20.6173 5.9759 21.1919 6.97988 21.5585C7.98386 21.9251 9.05396 22.0756 10.1201 22ZM9.50012 9.25001V10.75C8.50555 10.75 7.55173 11.1451 6.84846 11.8484C6.1452 12.5516 5.75012 13.5054 5.75012 14.5H4.25012C4.25276 13.1084 4.80673 11.7746 5.79072 10.7906C6.77472 9.80662 8.10854 9.25265 9.50012 9.25001Z" />` : `<path d="M10.1201 22C11.5766 21.8751 12.9675 21.3388 14.1308 20.4535C15.294 19.5683 16.1816 18.3705 16.6901 17C17.0845 15.9786 17.2418 14.881 17.1501 13.79C17.1189 13.3146 17.1922 12.8381 17.365 12.3941C17.5378 11.95 17.8058 11.5493 18.1501 11.22L18.7601 10.61C19.3544 10.0168 19.7407 9.2473 19.8615 8.41639C19.9822 7.58548 19.8309 6.73781 19.4301 6.00001L21.7101 3.72001L20.2901 2.29001L18.0001 4.55001C17.2707 4.11277 16.4163 3.93141 15.5722 4.03466C14.7281 4.1379 13.9426 4.51986 13.3401 5.12001L12.5901 5.87001C12.268 6.20989 11.8757 6.47545 11.4405 6.64816C11.0053 6.82087 10.5376 6.89657 10.0701 6.87001C8.93365 6.78894 7.79446 6.98453 6.75012 7.44001C5.41457 7.99741 4.26178 8.91763 3.42228 10.0965C2.58279 11.2753 2.09014 12.6656 2.00012 14.11C1.95519 15.1779 2.13632 16.2432 2.53164 17.2363C2.92696 18.2293 3.52756 19.1276 4.29412 19.8725C5.06067 20.6173 5.9759 21.1919 6.97988 21.5585C7.98386 21.9251 9.05396 22.0756 10.1201 22ZM9.50012 9.25001V10.75C8.50555 10.75 7.55173 11.1451 6.84846 11.8484C6.1452 12.5516 5.75012 13.5054 5.75012 14.5H4.25012C4.25276 13.1084 4.80673 11.7746 5.79072 10.7906C6.77472 9.80662 8.10854 9.25265 9.50012 9.25001Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-pear")) {
+  customElements.define("icon-pear", NavaIconPear);
+}

package/dist/chunk-L7J3JBAO.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/exclude.ts
+var NavaIconExclude = 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 8H16V5C16 3.897 15.103 3 14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 16H8V19C8 20.103 8.897 21 10 21H19C20.103 21 21 20.103 21 19V10C21 8.897 20.103 8 19 8ZM15 15H9V9H15V15Z" />` : `<path d="M19 8H16V5C16 3.897 15.103 3 14 3H5C3.897 3 3 3.897 3 5V14C3 15.103 3.897 16 5 16H8V19C8 20.103 8.897 21 10 21H19C20.103 21 21 20.103 21 19V10C21 8.897 20.103 8 19 8ZM15 15H9V9H15V15Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-exclude")) {
+  customElements.define("icon-exclude", NavaIconExclude);
+}

package/dist/chunk-LB4PKF2S.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/hand-right.ts
+var NavaIconHandRight = 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 8H8L9.212 4.97C9.31334 4.71688 9.36186 4.44571 9.35457 4.17315C9.34728 3.90059 9.28434 3.6324 9.16962 3.38506C9.05489 3.13772 8.8908 2.91644 8.68743 2.73484C8.48406 2.55323 8.2457 2.41512 7.987 2.329L7.647 2.216C7.45622 2.15227 7.25064 2.14767 7.0572 2.20281C6.86376 2.25795 6.6915 2.37026 6.563 2.525L2.231 7.722C2.08163 7.90182 1.99991 8.12824 2 8.362V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H11.21C11.702 20.9998 12.1767 20.8183 12.5433 20.4901C12.9099 20.1618 13.1426 19.71 13.197 19.221L14 12H20C20.5304 12 21.0391 11.7893 21.4142 11.4142C21.7893 11.0391 22 10.5304 22 10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21072 20.5304 8 20 8Z" />` : `<path d="M20 8H8L9.212 4.97C9.31334 4.71688 9.36186 4.44571 9.35457 4.17315C9.34728 3.90059 9.28434 3.6324 9.16962 3.38506C9.05489 3.13772 8.8908 2.91644 8.68743 2.73484C8.48406 2.55323 8.2457 2.41512 7.987 2.329L7.647 2.216C7.45622 2.15227 7.25064 2.14767 7.0572 2.20281C6.86376 2.25795 6.6915 2.37026 6.563 2.525L2.231 7.722C2.08163 7.90182 1.99991 8.12824 2 8.362V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H11.21C11.702 20.9998 12.1767 20.8183 12.5433 20.4901C12.9099 20.1618 13.1426 19.71 13.197 19.221L14 12H20C20.5304 12 21.0391 11.7893 21.4142 11.4142C21.7893 11.0391 22 10.5304 22 10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21072 20.5304 8 20 8Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    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 : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-hand-right")) {
+  customElements.define("icon-hand-right", NavaIconHandRight);
+}