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

package/dist/chunk-NMFI2NBW.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/left-arrow-alt.ts
+var NavaIconLeftArrowAlt = 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 12L12 18V13H18V11H12V6L5 12Z" />` : `<path d="M12.707 17.293L8.414 13H18V11H8.414L12.707 6.707L11.293 5.293L4.586 12L11.293 18.707L12.707 17.293Z" />`;
+    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-left-arrow-alt")) {
+  customElements.define("icon-left-arrow-alt", NavaIconLeftArrowAlt);
+}

package/dist/chunk-NMWI7VQK.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/circle-quarter.ts
+var NavaIconCircleQuarter = 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 2H11V13H22V12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z" />` : `<path d="M12 2H11V13H22V12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM13 11V4.06C14.7633 4.28161 16.4026 5.08405 17.6593 6.34071C18.916 7.59736 19.7184 9.23669 19.94 11H13Z" />`;
+    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-circle-quarter")) {
+  customElements.define("icon-circle-quarter", NavaIconCircleQuarter);
+}

package/dist/chunk-NOSH2PC3.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/chevron-left-square.ts
+var NavaIconChevronLeftSquare = 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 3C3.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 3H5ZM14.707 16.293L13.293 17.707L7.586 12L13.293 6.293L14.707 7.707L10.414 12L14.707 16.293Z" />` : `<path d="M5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21ZM5 5H19L19.001 19H5V5Z" />
+<path d="M13.293 6.29303L7.586 12L13.293 17.707L14.707 16.293L10.414 12L14.707 7.70703L13.293 6.29303Z" />`;
+    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-chevron-left-square")) {
+  customElements.define("icon-chevron-left-square", NavaIconChevronLeftSquare);
+}

package/dist/chunk-NPEUZO3O.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/brush.ts
+var NavaIconBrush = 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.2069 11.278L19.1719 9.24302L17.7569 7.82802L12.7219 2.79302C12.6291 2.70007 12.5189 2.62633 12.3976 2.57602C12.2763 2.52571 12.1462 2.49982 12.0149 2.49982C11.8836 2.49982 11.7535 2.52571 11.6322 2.57602C11.5109 2.62633 11.4007 2.70007 11.3079 2.79302L6.1509 7.94902L4.7359 9.36302C4.4567 9.64124 4.23537 9.972 4.08467 10.3362C3.93397 10.7004 3.8569 11.0909 3.8579 11.485C3.8579 12.287 4.1709 13.041 4.7369 13.606L5.4439 14.313L3.3219 16.435C3.04257 16.71 2.82136 17.0383 2.67139 17.4004C2.52142 17.7625 2.44576 18.1511 2.4489 18.543C2.44418 18.9824 2.53709 19.4174 2.72092 19.8165C2.90475 20.2157 3.17491 20.569 3.5119 20.851C4.04048 21.2935 4.70856 21.5348 5.3979 21.532C6.2319 21.532 7.0519 21.191 7.6479 20.595L9.6869 18.556L10.3939 19.262C11.5269 20.395 13.5009 20.396 14.6359 19.263L15.3439 18.556L15.9129 17.987L16.0509 17.849L21.2069 12.692C21.2998 12.5992 21.3736 12.489 21.4239 12.3677C21.4742 12.2464 21.5001 12.1164 21.5001 11.985C21.5001 11.8537 21.4742 11.7236 21.4239 11.6023C21.3736 11.481 21.2998 11.3708 21.2069 11.278ZM13.9299 17.143L13.2219 17.849C13.0318 18.0315 12.7784 18.1334 12.5149 18.1334C12.2514 18.1334 11.998 18.0315 11.8079 17.849L10.3939 16.436C10.3011 16.3431 10.1909 16.2693 10.0696 16.219C9.94828 16.1687 9.81824 16.1428 9.6869 16.1428C9.55557 16.1428 9.42552 16.1687 9.30421 16.219C9.18289 16.2693 9.07269 16.3431 8.9799 16.436L6.2339 19.181C6.01251 19.4039 5.71207 19.5304 5.3979 19.533C5.18118 19.5364 4.9703 19.4627 4.8029 19.325C4.68848 19.23 4.59716 19.1103 4.53583 18.9748C4.4745 18.8393 4.44478 18.6917 4.4489 18.543C4.44763 18.4143 4.47239 18.2866 4.52171 18.1677C4.57103 18.0488 4.64389 17.9411 4.7359 17.851L7.5649 15.022C7.65785 14.9292 7.73159 14.819 7.7819 14.6977C7.83221 14.5764 7.8581 14.4464 7.8581 14.315C7.8581 14.1837 7.83221 14.0536 7.7819 13.9323C7.73159 13.811 7.65785 13.7008 7.5649 13.608L6.1509 12.193C5.9619 12.005 5.8579 11.755 5.8579 11.487C5.8579 11.219 5.9619 10.968 6.1509 10.779L6.8579 10.072L10.3939 13.608L13.9299 17.143Z" />` : `<path d="M13.707 2.29302C13.6142 2.20007 13.504 2.12633 13.3827 2.07602C13.2614 2.02571 13.1313 1.99982 13 1.99982C12.8687 1.99982 12.7386 2.02571 12.6173 2.07602C12.496 2.12633 12.3858 2.20007 12.293 2.29302L6.45299 8.13302C6.43799 8.13202 6.42399 8.12402 6.40899 8.12402C6.27765 8.12388 6.14758 8.1497 6.02625 8.19998C5.90493 8.25026 5.79473 8.32402 5.70199 8.41702L4.28799 9.83102C4.00879 10.1092 3.78745 10.44 3.63676 10.8042C3.48606 11.1684 3.40899 11.5589 3.40999 11.953C3.40999 12.755 3.72299 13.509 4.28899 14.074L4.99599 14.781L2.87399 16.903C2.59413 17.1778 2.3725 17.5062 2.22234 17.8686C2.07218 18.2309 1.99656 18.6198 1.99999 19.012C1.99527 19.4514 2.08817 19.8864 2.272 20.2855C2.45583 20.6847 2.726 21.038 3.06299 21.32C3.58199 21.759 4.25099 22 4.94799 22C5.78199 22 6.60199 21.659 7.19799 21.063L9.23799 19.024L9.94499 19.73C11.079 20.863 13.054 20.864 14.187 19.731L15.602 18.317C15.695 18.2243 15.7687 18.1141 15.819 17.9928C15.8693 17.8714 15.8951 17.7414 15.895 17.61C15.895 17.584 15.882 17.56 15.88 17.534L21.707 11.707C21.7999 11.6142 21.8737 11.504 21.924 11.3827C21.9743 11.2614 22.0002 11.1314 22.0002 11C22.0002 10.8687 21.9743 10.7386 21.924 10.6173C21.8737 10.496 21.7999 10.3858 21.707 10.293L13.707 2.29302ZM12.772 18.317C12.5815 18.4989 12.3282 18.6003 12.0648 18.6001C11.8014 18.6 11.5482 18.4982 11.358 18.316L9.94399 16.903C9.8512 16.8101 9.741 16.7363 9.61968 16.686C9.49837 16.6357 9.36832 16.6098 9.23699 16.6098C9.10566 16.6098 8.97561 16.6357 8.8543 16.686C8.73298 16.7363 8.62278 16.8101 8.52999 16.903L5.78399 19.648C5.56272 19.8711 5.2622 19.9977 4.94799 20C4.73155 20.0035 4.52095 19.9298 4.35399 19.792C4.2394 19.6972 4.14795 19.5774 4.08661 19.4419C4.02526 19.3064 3.99564 19.1587 3.99999 19.01C3.99894 18.8813 4.02381 18.7537 4.07312 18.6348C4.12243 18.5159 4.19516 18.4082 4.28699 18.318L7.11599 15.489C7.20893 15.3962 7.28267 15.286 7.33298 15.1647C7.38329 15.0434 7.40919 14.9134 7.40919 14.782C7.40919 14.6507 7.38329 14.5206 7.33298 14.3993C7.28267 14.278 7.20893 14.1678 7.11599 14.075L5.70099 12.66C5.60798 12.5675 5.53427 12.4575 5.48414 12.3363C5.43401 12.2151 5.40847 12.0852 5.40899 11.954C5.40899 11.686 5.51299 11.435 5.70199 11.246L6.40899 10.539L13.48 17.611L12.772 18.317ZM14.661 15.925L8.07499 9.33902L13 4.41402L19.586 11L14.661 15.925Z" />`;
+    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-brush")) {
+  customElements.define("icon-brush", NavaIconBrush);
+}

package/dist/chunk-NQEOLCP3.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/food-tag.ts
+var NavaIconFoodTag = 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 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3ZM19 19H5V5H19V19Z" />
+<path d="M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z" />` : `<path d="M20 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3ZM19 19H5V5H19V19Z" />
+<path d="M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z" />`;
+    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-food-tag")) {
+  customElements.define("icon-food-tag", NavaIconFoodTag);
+}

package/dist/chunk-NQV2MQ2D.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bookmark-heart.ts
+var NavaIconBookmarkHeart = 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 22V4C19 2.897 18.103 2 17 2H7C5.897 2 5 2.897 5 4V22L12 17.334L19 22ZM8.006 8.056C8.006 7.488 8.23 6.973 8.591 6.6C8.952 6.228 9.451 5.997 10.003 5.997C10.003 5.997 10.999 5.994 12 7.026C13.001 5.994 13.997 5.997 13.997 5.997C14.549 5.997 15.048 6.227 15.409 6.6C15.77 6.973 15.994 7.488 15.994 8.056C15.994 8.624 15.77 9.14 15.409 9.512L12 13.203L8.591 9.512C8.21366 9.12148 8.00376 8.59903 8.006 8.056Z" />` : `<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" />
+<path d="M15.409 9.51201C15.77 9.14001 15.994 8.62401 15.994 8.05601C15.994 7.48801 15.771 6.97301 15.409 6.60001C15.2263 6.40973 15.0071 6.25826 14.7644 6.15465C14.5218 6.05105 14.2608 5.99743 13.997 5.99701C13.997 5.99701 13.001 5.99401 12 7.02601C10.999 5.99401 10.003 5.99701 10.003 5.99701C9.45101 5.99701 8.95201 6.22701 8.59101 6.60001C8.22901 6.97301 8.00601 7.48701 8.00601 8.05601C8.00601 8.62501 8.22901 9.14001 8.59101 9.51201L12 13.203L15.409 9.51201Z" />`;
+    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-bookmark-heart")) {
+  customElements.define("icon-bookmark-heart", NavaIconBookmarkHeart);
+}

package/dist/chunk-NRFY3V4W.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/slider-alt.ts
+var NavaIconSliderAlt = 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 14.5C5.92 14.5 4.597 15.56 4.163 17H2V19H4.163C4.597 20.44 5.92 21.5 7.5 21.5C9.08 21.5 10.403 20.44 10.837 19H22V17H10.837C10.403 15.56 9.08 14.5 7.5 14.5ZM7.5 19.5C6.673 19.5 6 18.827 6 18C6 17.173 6.673 16.5 7.5 16.5C8.327 16.5 9 17.173 9 18C9 18.827 8.327 19.5 7.5 19.5ZM16.5 8.5C14.92 8.5 13.597 9.56 13.163 11H2V13H13.163C13.597 14.44 14.92 15.5 16.5 15.5C18.08 15.5 19.403 14.44 19.837 13H22V11H19.837C19.403 9.56 18.08 8.5 16.5 8.5ZM16.5 13.5C15.673 13.5 15 12.827 15 12C15 11.173 15.673 10.5 16.5 10.5C17.327 10.5 18 11.173 18 12C18 12.827 17.327 13.5 16.5 13.5Z" />
+<path d="M12.837 5C12.403 3.56 11.08 2.5 9.5 2.5C7.92 2.5 6.597 3.56 6.163 5H2V7H6.163C6.597 8.44 7.92 9.5 9.5 9.5C11.08 9.5 12.403 8.44 12.837 7H22.125V5H12.837ZM9.5 7.5C8.673 7.5 8 6.827 8 6C8 5.173 8.673 4.5 9.5 4.5C10.327 4.5 11 5.173 11 6C11 6.827 10.327 7.5 9.5 7.5Z" />` : `<path d="M7.5 14.5C5.92 14.5 4.597 15.56 4.163 17H2V19H4.163C4.597 20.44 5.92 21.5 7.5 21.5C9.08 21.5 10.403 20.44 10.837 19H22V17H10.837C10.403 15.56 9.08 14.5 7.5 14.5ZM7.5 19.5C6.673 19.5 6 18.827 6 18C6 17.173 6.673 16.5 7.5 16.5C8.327 16.5 9 17.173 9 18C9 18.827 8.327 19.5 7.5 19.5ZM16.5 8.5C14.92 8.5 13.597 9.56 13.163 11H2V13H13.163C13.597 14.44 14.92 15.5 16.5 15.5C18.08 15.5 19.403 14.44 19.837 13H22V11H19.837C19.403 9.56 18.08 8.5 16.5 8.5ZM16.5 13.5C15.673 13.5 15 12.827 15 12C15 11.173 15.673 10.5 16.5 10.5C17.327 10.5 18 11.173 18 12C18 12.827 17.327 13.5 16.5 13.5Z" />
+<path d="M12.837 5C12.403 3.56 11.08 2.5 9.5 2.5C7.92 2.5 6.597 3.56 6.163 5H2V7H6.163C6.597 8.44 7.92 9.5 9.5 9.5C11.08 9.5 12.403 8.44 12.837 7H22.125V5H12.837ZM9.5 7.5C8.673 7.5 8 6.827 8 6C8 5.173 8.673 4.5 9.5 4.5C10.327 4.5 11 5.173 11 6C11 6.827 10.327 7.5 9.5 7.5Z" />`;
+    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-slider-alt")) {
+  customElements.define("icon-slider-alt", NavaIconSliderAlt);
+}

package/dist/chunk-NSSGTX7D.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bus-school.ts
+var NavaIconBusSchool = 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 11.597V11H22V8H21V6C21 3.794 19.206 2 17 2H7C4.794 2 3 3.794 3 6V8H2V11H3V11.597C2.353 12.327 1.99739 13.2696 2.001 14.245L2.005 18.003C2.006 18.736 2.409 19.372 3 19.719V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.726C21.1533 19.6404 21.2949 19.5352 21.421 19.413C21.798 19.035 22.006 18.532 22.005 17.998L22.001 14.239C22.0031 13.2653 21.6468 12.3249 21 11.597ZM8 4H16V6H8V4ZM6.5 17C6.10204 16.9999 5.72044 16.8417 5.43913 16.5602C5.15783 16.2787 4.99987 15.897 5 15.499C5.00013 15.101 5.15835 14.7194 5.43984 14.4381C5.72133 14.1568 6.10304 13.9989 6.501 13.999C6.89896 13.9991 7.28056 14.1573 7.56187 14.4388C7.84317 14.7203 8.00113 15.102 8.001 15.5C8.00087 15.898 7.84265 16.2796 7.56116 16.5609C7.27967 16.8422 6.89796 17.0001 6.5 17ZM11 12H5V8H11V12ZM17.5 17C17.102 16.9999 16.7204 16.8417 16.4391 16.5602C16.1578 16.2787 15.9999 15.897 16 15.499C16.0001 15.101 16.1583 14.7194 16.4398 14.4381C16.7213 14.1568 17.103 13.9989 17.501 13.999C17.899 13.9991 18.2806 14.1573 18.5619 14.4388C18.8432 14.7203 19.0011 15.102 19.001 15.5C19.0009 15.898 18.8427 16.2796 18.5612 16.5609C18.2797 16.8422 17.898 17.0001 17.5 17ZM19 12H13V8H19V12Z" />` : `<path d="M21.259 11.948C21.4698 11.8939 21.6568 11.7716 21.7909 11.6001C21.9249 11.4287 21.9984 11.2176 22 11V8C22 7.73557 21.8952 7.48192 21.7085 7.29466C21.5218 7.1074 21.2684 7.00179 21.004 7.001V6H21C21 3.794 19.206 2 17 2H7C4.794 2 3 3.794 3 6V7C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8V11C2 11.461 2.317 11.832 2.742 11.948C2.26138 12.618 2.00229 13.4215 2.001 14.246L2.005 18.003C2.006 18.736 2.409 19.372 3 19.719V21C3 21.2652 3.10536 21.5196 3.29289 21.7071C3.48043 21.8946 3.73478 22 4 22H5C5.26522 22 5.51957 21.8946 5.70711 21.7071C5.89464 21.5196 6 21.2652 6 21V20H18V21C18 21.2652 18.1054 21.5196 18.2929 21.7071C18.4804 21.8946 18.7348 22 19 22H20C20.2652 22 20.5196 21.8946 20.7071 21.7071C20.8946 21.5196 21 21.2652 21 21V19.726C21.1533 19.6404 21.2949 19.5352 21.421 19.413C21.798 19.035 22.006 18.532 22.005 17.998L22.001 14.239C21.9971 13.4169 21.7378 12.6163 21.259 11.948ZM5 18H4.005L4.001 14.243C4 13.784 4.162 13.353 4.444 13H19.555C19.838 13.353 20 13.783 20.001 14.242L20.006 18H5ZM11.004 8V11H5V8H11.004ZM19 11H13.004V8H19V11ZM7 4H17C18.103 4 19 4.897 19 6H15V5H9V6H5C5 4.897 5.897 4 7 4Z" />
+<path d="M6.5 17C7.32843 17 8 16.3284 8 15.5C8 14.6716 7.32843 14 6.5 14C5.67157 14 5 14.6716 5 15.5C5 16.3284 5.67157 17 6.5 17Z" />
+<path d="M17.5 17C18.3284 17 19 16.3284 19 15.5C19 14.6716 18.3284 14 17.5 14C16.6716 14 16 14.6716 16 15.5C16 16.3284 16.6716 17 17.5 17Z" />`;
+    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-bus-school")) {
+  customElements.define("icon-bus-school", NavaIconBusSchool);
+}

package/dist/chunk-NU7FXLYZ.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/alarm-off.ts
+var NavaIconAlarmOff = 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.292 6.70802L17.282 3.70802L18.694 2.29102L21.704 5.29102L20.292 6.70802ZM21.707 20.293L19.42 18.005C20.409 16.563 21 14.837 21 13C21 8.12202 16.879 4.00002 12 4.00002C10.162 4.00002 8.43697 4.59002 6.99397 5.58102L5.90997 4.49602L6.69797 3.70602L5.28197 2.29402L4.49597 3.08202L3.70697 2.29302L2.29297 3.70702L20.293 21.707L21.707 20.293ZM17 14H15.414L13.414 12H17V14ZM11 8.00002H13V11.586L11 9.58602V8.00002ZM12 22C13.658 22 15.224 21.515 16.574 20.695L4.30497 8.42602C3.45807 9.80186 3.00655 11.3844 2.99997 13C2.99997 17.878 7.12197 22 12 22Z" />` : `<path d="M20.292 6.70802L17.282 3.70802L18.694 2.29102L21.704 5.29102L20.292 6.70802ZM21.707 20.293L19.42 18.006C20.409 16.563 21 14.838 21 13C21 8.12102 16.879 4.00002 12 4.00002C10.162 4.00002 8.43703 4.59102 6.99403 5.58002L5.91003 4.49602L6.69803 3.70602L5.28203 2.29402L4.49603 3.08202L3.70703 2.29302L2.29303 3.70702L20.293 21.707L21.707 20.293ZM12 6.00002C15.794 6.00002 19 9.20602 19 13C19 14.292 18.613 15.507 17.973 16.559L15.414 14H17V12H13.414L13 11.586V8.00002H11V9.58602L8.44103 7.02702C9.49303 6.38702 10.708 6.00002 12 6.00002ZM4.30503 8.42602C3.45803 9.80182 3.00651 11.3844 3.00003 13C3.00003 17.879 7.12103 22 12 22C13.6156 21.9935 15.1982 21.542 16.574 20.695L15.113 19.234C14.1512 19.7338 13.0839 19.9964 12 20C8.20603 20 5.00003 16.794 5.00003 13C5.00003 11.889 5.28103 10.831 5.76603 9.88702L4.30503 8.42602Z" />`;
+    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-alarm-off")) {
+  customElements.define("icon-alarm-off", NavaIconAlarmOff);
+}

package/dist/chunk-NV6BBXZB.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/list-check.ts
+var NavaIconListCheck = 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 7H15V9H4V7ZM4 11H15V13H4V11ZM4 15H11V17H4V15ZM19.299 12.292L14.999 16.583L13.707 15.292L12.293 16.707L14.999 19.411L20.711 13.708L19.299 12.292Z" />` : `<path d="M4 7H15V9H4V7ZM4 11H15V13H4V11ZM4 15H11V17H4V15ZM19.299 12.292L14.999 16.583L13.707 15.292L12.293 16.707L14.999 19.411L20.711 13.708L19.299 12.292Z" />`;
+    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-list-check")) {
+  customElements.define("icon-list-check", NavaIconListCheck);
+}

package/dist/chunk-NWQ52J2K.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/spray-can.ts
+var NavaIconSprayCan = 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.003 3H15.003V5H13.003V3ZM16 3H18V5H16V3ZM16 6H18V8H16V6ZM19 3H21V5H19V3ZM19 6H21V8H19V6ZM19 9H21V11H19V9ZM4.01196 12V21C4.01196 21.2652 4.11732 21.5196 4.30486 21.7071C4.49239 21.8946 4.74675 22 5.01196 22H13C13.2652 22 13.5195 21.8946 13.7071 21.7071C13.8946 21.5196 14 21.2652 14 21V12C14 10.9391 13.5785 9.92172 12.8284 9.17157C12.0782 8.42143 11.0608 8 9.99996 8H8.01196C6.9511 8 5.93368 8.42143 5.18354 9.17157C4.43339 9.92172 4.01196 10.9391 4.01196 12ZM7.00296 2H11.003V6H7.00296V2Z" />` : `<path d="M11.002 2H7.002C6.73678 2 6.48243 2.10536 6.29489 2.29289C6.10736 2.48043 6.002 2.73478 6.002 3V6.812C5.09094 7.33776 4.33418 8.09387 3.80762 9.00447C3.28106 9.91506 3.00323 10.9481 3.002 12V12.988L3 13L3.002 13.072V21C3.002 21.2652 3.10736 21.5196 3.29489 21.7071C3.48243 21.8946 3.73678 22 4.002 22H14.002C14.2672 22 14.5216 21.8946 14.7091 21.7071C14.8966 21.5196 15.002 21.2652 15.002 21V12C15.0007 10.9481 14.7228 9.91512 14.1962 9.00455C13.6697 8.09397 12.913 7.33784 12.002 6.812V3C12.002 2.73478 11.8966 2.48043 11.7091 2.29289C11.5216 2.10536 11.2672 2 11.002 2ZM8.002 6V4H10.002V6H8.002ZM13.003 20H5.003V14H13.003V20ZM5.002 12C5.002 9.794 6.796 8 9.002 8C11.208 8 13.002 9.794 13.002 12H5.002ZM13.003 3H15.003V5H13.003V3ZM16 3H18V5H16V3ZM16 6H18V8H16V6ZM19 3H21V5H19V3ZM19 6H21V8H19V6ZM19 9H21V11H19V9Z" />`;
+    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-spray-can")) {
+  customElements.define("icon-spray-can", NavaIconSprayCan);
+}

package/dist/chunk-NWWA7TJP.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/sitemap.ts
+var NavaIconSitemap = 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 13.01H13V10H14C15.103 10 16 9.103 16 8V4C16 2.897 15.103 2 14 2H10C8.897 2 8 2.897 8 4V8C8 9.103 8.897 10 10 10H11V13.01H4V18H3V22H7V18H6V15.01H11V18H10V22H14V18H13V15.01H18V18H17V22H21V18H20V13.01ZM10 8V4H14L14.002 8H10Z" />` : `<path d="M20 13.01H13V10H14C15.103 10 16 9.103 16 8V4C16 2.897 15.103 2 14 2H10C8.897 2 8 2.897 8 4V8C8 9.103 8.897 10 10 10H11V13.01H4V18H3V22H7V18H6V15.01H11V18H10V22H14V18H13V15.01H18V18H17V22H21V18H20V13.01ZM10 8V4H14L14.002 8H10Z" />`;
+    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-sitemap")) {
+  customElements.define("icon-sitemap", NavaIconSitemap);
+}