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

package/dist/chunk-UZAH2HQV.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/coffee.ts
+var NavaIconCoffee = 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 2H7V5H5V2ZM9 2H11V5H9V2ZM13 2H15V5H13V2ZM19 9H17V8C17 7.73478 16.8946 7.48043 16.7071 7.29289C16.5196 7.10536 16.2652 7 16 7H4C3.73478 7 3.48043 7.10536 3.29289 7.29289C3.10536 7.48043 3 7.73478 3 8V18C3 18.7956 3.31607 19.5587 3.87868 20.1213C4.44129 20.6839 5.20435 21 6 21H14C14.7956 21 15.5587 20.6839 16.1213 20.1213C16.6839 19.5587 17 18.7956 17 18H19C20.103 18 21 17.103 21 16V11C21 9.897 20.103 9 19 9ZM17 16V11H19L19.002 16H17Z" />` : `<path d="M5 2H7V5H5V2ZM9 2H11V5H9V2ZM13 2H15V5H13V2ZM19 9H17V7H3V18C3 19.654 4.346 21 6 21H14C15.654 21 17 19.654 17 18H19C20.103 18 21 17.103 21 16V11C21 9.897 20.103 9 19 9ZM15 18C15 18.2652 14.8946 18.5196 14.7071 18.7071C14.5196 18.8946 14.2652 19 14 19H6C5.73478 19 5.48043 18.8946 5.29289 18.7071C5.10536 18.5196 5 18.2652 5 18V9H15V18ZM17 16V11H19L19.002 16H17Z" />`;
+    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-coffee")) {
+  customElements.define("icon-coffee", NavaIconCoffee);
+}

package/dist/chunk-V4LWPU47.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/train.ts
+var NavaIconTrain = 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.375 2H7.621C7.397 2 6.222 2.065 5.118 3.351C4.031 4.616 4 5.862 4 6V17C4 17.5304 4.21071 18.0391 4.58579 18.4142C4.96086 18.7893 5.46957 19 6 19H7L5 22H7.353L8.02 21H16.02L16.697 22H19L17 19H18C18.5304 19 19.0391 18.7893 19.4142 18.4142C19.7893 18.0391 20 17.5304 20 17V6C20.001 5.812 19.968 4.566 18.871 3.335C17.715 2.037 16.509 2 16.375 2ZM10 4H14V6H10V4ZM7.5 17C7.10204 16.9999 6.72044 16.8417 6.43913 16.5602C6.15783 16.2787 5.99987 15.897 6 15.499C6.00013 15.101 6.15835 14.7194 6.43984 14.4381C6.72133 14.1568 7.10304 13.9989 7.501 13.999C7.89896 13.9991 8.28056 14.1573 8.56187 14.4388C8.84317 14.7203 9.00113 15.102 9.001 15.5C9.00087 15.898 8.84265 16.2796 8.56116 16.5609C8.27967 16.8422 7.89796 17.0001 7.5 17ZM16.5 17C16.102 16.9999 15.7204 16.8417 15.4391 16.5602C15.1578 16.2787 14.9999 15.897 15 15.499C15.0001 15.101 15.1583 14.7194 15.4398 14.4381C15.7213 14.1568 16.103 13.9989 16.501 13.999C16.899 13.9991 17.2806 14.1573 17.5619 14.4388C17.8432 14.7203 18.0011 15.102 18.001 15.5C18.0009 15.898 17.8427 16.2796 17.5612 16.5609C17.2797 16.8422 16.898 17.0001 16.5 17ZM18 12H6V8H18V12Z" />` : `<path d="M8.5 16C9.32843 16 10 15.3284 10 14.5C10 13.6716 9.32843 13 8.5 13C7.67157 13 7 13.6716 7 14.5C7 15.3284 7.67157 16 8.5 16Z" />
+<path d="M15.5 16C16.3284 16 17 15.3284 17 14.5C17 13.6716 16.3284 13 15.5 13C14.6716 13 14 13.6716 14 14.5C14 15.3284 14.6716 16 15.5 16Z" />
+<path d="M18.87 3.34C18.5689 2.95797 18.1925 2.64189 17.7642 2.41138C17.3358 2.18087 16.8647 2.04085 16.38 2H7.62C7.13163 2.03588 6.65638 2.17472 6.2255 2.4074C5.79462 2.64008 5.41786 2.96132 5.12 3.35C4.45486 4.07942 4.0596 5.01465 4 6V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H7L5 22H7.32L8 21H16L16.68 22H19L17 19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V6C19.9542 5.00658 19.5532 4.06263 18.87 3.34ZM7.62 4H16.34C16.7399 4.09706 17.0935 4.33044 17.34 4.66C17.4306 4.7678 17.5141 4.88137 17.59 5H6.39C6.46222 4.87578 6.54592 4.7586 6.64 4.65C6.87575 4.32033 7.22459 4.08895 7.62 4ZM6 8V7H18V10H6V8ZM18 17H6V12H18V17Z" />`;
+    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-train")) {
+  customElements.define("icon-train", NavaIconTrain);
+}

package/dist/chunk-V6XVNETE.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/registered.ts
+var NavaIconRegistered = 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 9H10V11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9Z" />
+<path d="M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 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 2ZM14.13 17L11.46 13H10V17H8V7H13C13.718 7.01164 14.408 7.28044 14.9446 7.75755C15.4813 8.23466 15.829 8.88845 15.9246 9.60013C16.0203 10.3118 15.8574 11.0342 15.4657 11.636C15.074 12.2379 14.4795 12.6793 13.79 12.88L16.54 17H14.13Z" />` : `<path d="M12.14 2C10.1622 2 8.22878 2.58649 6.58429 3.6853C4.93979 4.78412 3.65807 6.3459 2.90119 8.17317C2.14432 10.0004 1.94628 12.0111 2.33214 13.9509C2.71799 15.8907 3.6704 17.6725 5.06892 19.0711C6.46745 20.4696 8.24928 21.422 10.1891 21.8079C12.1289 22.1937 14.1396 21.9957 15.9668 21.2388C17.7941 20.4819 19.3559 19.2002 20.4547 17.5557C21.5535 15.9112 22.14 13.9778 22.14 12C22.14 9.34784 21.0864 6.8043 19.2111 4.92893C17.3357 3.05357 14.7922 2 12.14 2ZM12.14 20C10.5577 20 9.01102 19.5308 7.69543 18.6518C6.37983 17.7727 5.35445 16.5233 4.74895 15.0615C4.14345 13.5997 3.98502 11.9911 4.29371 10.4393C4.60239 8.88743 5.36431 7.46197 6.48313 6.34315C7.60195 5.22433 9.02742 4.4624 10.5793 4.15372C12.1311 3.84504 13.7396 4.00346 15.2015 4.60896C16.6633 5.21447 17.9127 6.23984 18.7917 7.55544C19.6708 8.87103 20.14 10.4177 20.14 12C20.14 14.1217 19.2971 16.1566 17.7968 17.6569C16.2966 19.1571 14.2617 20 12.14 20Z" />
+<path d="M16.14 10C16.14 9.20435 15.8239 8.44129 15.2613 7.87868C14.6987 7.31607 13.9357 7 13.14 7H8.14001V17H10.14V13H11.6L14.27 17H16.67L13.92 12.88C14.5543 12.7092 15.115 12.335 15.5161 11.8147C15.9171 11.2944 16.1363 10.6569 16.14 10ZM13.14 11H10.14V9H13.14C13.4052 9 13.6596 9.10536 13.8471 9.29289C14.0347 9.48043 14.14 9.73478 14.14 10C14.14 10.2652 14.0347 10.5196 13.8471 10.7071C13.6596 10.8946 13.4052 11 13.14 11Z" />`;
+    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-registered")) {
+  customElements.define("icon-registered", NavaIconRegistered);
+}

package/dist/chunk-VCIUBJ4J.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/world.ts
+var NavaIconWorld = 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 2ZM4 12C4 11.101 4.156 10.238 4.431 9.431L6 11L8 13V15L10 17L11 18V19.931C7.061 19.436 4 16.072 4 12ZM18.33 16.873C17.677 16.347 16.687 16 16 16V15C16 14.4696 15.7893 13.9609 15.4142 13.5858C15.0391 13.2107 14.5304 13 14 13H10V10C10.5304 10 11.0391 9.78929 11.4142 9.41421C11.7893 9.03914 12 8.53043 12 8V7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V4.589C17.928 5.778 20 8.65 20 12C19.9998 13.7647 19.4123 15.4791 18.33 16.873Z" />` : `<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 2ZM4 12C4 11.101 4.156 10.238 4.431 9.431L6 11L8 13V15L10 17L11 18V19.931C7.061 19.436 4 16.072 4 12ZM18.33 16.873C17.677 16.347 16.687 16 16 16V15C16 14.4696 15.7893 13.9609 15.4142 13.5858C15.0391 13.2107 14.5304 13 14 13H10V10C10.5304 10 11.0391 9.78929 11.4142 9.41421C11.7893 9.03914 12 8.53043 12 8V7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V4.589C17.928 5.778 20 8.65 20 12C19.9998 13.7647 19.4123 15.4791 18.33 16.873Z" />`;
+    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-world")) {
+  customElements.define("icon-world", NavaIconWorld);
+}

package/dist/chunk-VDZLNFGF.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/shopping-bag.ts
+var NavaIconShoppingBag = 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 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V9C21 8.73478 20.8946 8.48043 20.7071 8.29289C20.5196 8.10535 20.2652 8 20 8H17V7.223C17 4.614 15.097 2.278 12.5 2.025C11.8049 1.95591 11.103 2.0331 10.4395 2.2516C9.77599 2.4701 9.16557 2.82507 8.64752 3.29367C8.12946 3.76228 7.71524 4.33414 7.43149 4.97247C7.14774 5.61079 7.00076 6.30145 7 7V8H4C3.73478 8 3.48043 8.10535 3.29289 8.29289C3.10536 8.48043 3 8.73478 3 9V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22ZM17 10V12H15V10H17ZM9 7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V8H9V7ZM7 10H9V12H7V10Z" />` : `<path d="M5 22H19C20.103 22 21 21.103 21 20V9C21 8.73478 20.8946 8.48043 20.7071 8.29289C20.5196 8.10536 20.2652 8 20 8H17V7C17 4.243 14.757 2 12 2C9.243 2 7 4.243 7 7V8H4C3.73478 8 3.48043 8.10536 3.29289 8.29289C3.10536 8.48043 3 8.73478 3 9V20C3 21.103 3.897 22 5 22ZM9 7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V8H9V7ZM5 10H7V12H9V10H15V12H17V10H19L19.002 20H5V10Z" />`;
+    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-shopping-bag")) {
+  customElements.define("icon-shopping-bag", NavaIconShoppingBag);
+}

package/dist/chunk-VEDRY3QU.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/crosshair.ts
+var NavaIconCrosshair = 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 2ZM13 19.931V17H11V19.931C9.24017 19.7066 7.60466 18.9043 6.3502 17.6498C5.09574 16.3953 4.29335 14.7598 4.069 13H7V11H4.069C4.29335 9.24017 5.09574 7.60466 6.3502 6.3502C7.60466 5.09574 9.24017 4.29335 11 4.069V7H13V4.069C14.7599 4.29319 16.3955 5.09552 17.65 6.35001C18.9045 7.6045 19.7068 9.2401 19.931 11H17V13H19.931C19.7066 14.7598 18.9043 16.3953 17.6498 17.6498C16.3953 18.9043 14.7598 19.7066 13 19.931Z" />` : `<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 2ZM13 19.931V17H11V19.931C9.24017 19.7066 7.60466 18.9043 6.3502 17.6498C5.09574 16.3953 4.29335 14.7598 4.069 13H7V11H4.069C4.29335 9.24017 5.09574 7.60466 6.3502 6.3502C7.60466 5.09574 9.24017 4.29335 11 4.069V7H13V4.069C14.7599 4.29319 16.3955 5.09552 17.65 6.35001C18.9045 7.6045 19.7068 9.2401 19.931 11H17V13H19.931C19.7066 14.7598 18.9043 16.3953 17.6498 17.6498C16.3953 18.9043 14.7598 19.7066 13 19.931Z" />`;
+    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-crosshair")) {
+  customElements.define("icon-crosshair", NavaIconCrosshair);
+}

package/dist/chunk-VFKLJPF4.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/sushi.ts
+var NavaIconSushi = 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.0701 8.70998C13.7269 8.70998 15.0701 7.94439 15.0701 6.99998C15.0701 6.05557 13.7269 5.28998 12.0701 5.28998C10.4132 5.28998 9.07007 6.05557 9.07007 6.99998C9.07007 7.94439 10.4132 8.70998 12.0701 8.70998Z" />
+<path d="M12.0701 22C16.5501 22 20.0701 19.8 20.0701 17V7C20.0701 4.2 16.5501 2 12.0701 2C7.59007 2 4.07007 4.2 4.07007 7V17C4.07007 19.8 7.58007 22 12.0701 22ZM12.0701 4C15.6001 4 18.0701 5.58 18.0701 7C18.0421 7.30855 17.9428 7.60638 17.7801 7.87C17.1001 8.87 15.2501 9.87 12.7801 9.99H11.3901C8.88007 9.83 7.00007 8.89 6.35007 7.84C6.20965 7.60659 6.11465 7.34872 6.07007 7.08V7C6.07007 5.58 8.53007 4 12.0701 4Z" />` : `<path d="M12 2C7.51 2 4 4.2 4 7V17C4 19.8 7.51 22 12 22C16.49 22 20 19.8 20 17V7C20 4.2 16.49 2 12 2ZM12 20C8.46 20 6 18.42 6 17V10.33C7.7856 11.4795 9.87729 12.0617 12 12C14.1227 12.0617 16.2144 11.4795 18 10.33V17C18 18.42 15.54 20 12 20ZM12 10C8.46 10 6 8.42 6 7C6 5.58 8.46 4 12 4C15.54 4 18 5.58 18 7C18 8.42 15.54 10 12 10Z" />
+<path d="M12 8.70998C13.6569 8.70998 15 7.94439 15 6.99998C15 6.05557 13.6569 5.28998 12 5.28998C10.3431 5.28998 9 6.05557 9 6.99998C9 7.94439 10.3431 8.70998 12 8.70998Z" />`;
+    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-sushi")) {
+  customElements.define("icon-sushi", NavaIconSushi);
+}

package/dist/chunk-VGWO4CHO.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/font-color.ts
+var NavaIconFontColor = 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 18H19V21H5V18ZM12.5 4H11.5C11.099 4 10.736 4.24 10.579 4.609L5.745 16H7.918L9.191 13H14.795L16.063 16H18.234L13.421 4.61C13.3444 4.4291 13.2162 4.27477 13.0524 4.16628C12.8886 4.0578 12.6965 3.99996 12.5 4ZM10.04 11L11.999 6.384L13.95 11H10.04Z" />` : `<path d="M5 18H19V21H5V18ZM12.5 4H11.5C11.099 4 10.736 4.24 10.579 4.609L5.745 16H7.918L9.191 13H14.795L16.063 16H18.234L13.421 4.61C13.3444 4.4291 13.2162 4.27477 13.0524 4.16628C12.8886 4.0578 12.6965 3.99996 12.5 4ZM10.04 11L11.999 6.384L13.95 11H10.04Z" />`;
+    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-font-color")) {
+  customElements.define("icon-font-color", NavaIconFontColor);
+}

package/dist/chunk-VH4ASX3X.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/hash.ts
+var NavaIconHash = 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.018 3.815L15.232 8H10.266L10.982 4.185L9.018 3.815L8.232 8H4V10H7.857L7.106 14H3V16H6.731L6.017 19.805L7.982 20.174L8.766 16H13.732L13.018 19.805L14.983 20.174L15.766 16H20V14H16.141L16.892 10H21V8H17.267L17.983 4.185L16.018 3.815ZM14.106 14H9.141L9.892 10H14.858L14.106 14Z" />` : `<path d="M16.018 3.815L15.232 8H10.266L10.982 4.185L9.018 3.815L8.232 8H4V10H7.857L7.106 14H3V16H6.731L6.017 19.805L7.982 20.174L8.766 16H13.732L13.018 19.805L14.983 20.174L15.766 16H20V14H16.141L16.892 10H21V8H17.267L17.983 4.185L16.018 3.815ZM14.106 14H9.141L9.892 10H14.858L14.106 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-hash")) {
+  customElements.define("icon-hash", NavaIconHash);
+}

package/dist/chunk-VH7GP6V4.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/swim.ts
+var NavaIconSwim = 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.003 8.004C20.1087 8.004 21.005 7.10767 21.005 6.002C21.005 4.89633 20.1087 4 19.003 4C17.8973 4 17.001 4.89633 17.001 6.002C17.001 7.10767 17.8973 8.004 19.003 8.004Z" />
+<path d="M18.875 13.219C18.308 13.672 17.897 14 16.997 14C16.098 14 15.709 13.689 15.121 13.219C14.441 12.676 13.596 12 11.994 12C10.393 12 9.549 12.676 8.87 13.219C8.282 13.689 7.895 14 6.995 14C6.097 14 5.709 13.689 5.122 13.22C4.443 12.676 3.6 12 2 12V14C2.897 14 3.285 14.311 3.872 14.78C4.551 15.324 5.395 16 6.995 16C8.595 16 9.441 15.324 10.12 14.78C10.707 14.31 11.096 14 11.994 14C12.894 14 13.305 14.328 13.872 14.781C14.551 15.324 15.396 16 16.997 16C18.599 16 19.444 15.324 20.124 14.781C20.712 14.311 21.101 14 22 14V12C20.399 12 19.554 12.676 18.875 13.219ZM16.997 19C16.098 19 15.709 18.689 15.121 18.219C14.441 17.676 13.596 17 11.994 17C10.393 17 9.549 17.676 8.87 18.219C8.282 18.689 7.895 19 6.995 19C6.097 19 5.709 18.689 5.122 18.22C4.443 17.676 3.6 17 2 17V19C2.897 19 3.285 19.311 3.872 19.78C4.551 20.324 5.395 21 6.995 21C8.595 21 9.441 20.324 10.12 19.78C10.707 19.31 11.096 19 11.994 19C12.894 19 13.305 19.328 13.872 19.781C14.551 20.324 15.396 21 16.997 21C18.599 21 19.444 20.324 20.124 19.781C20.712 19.311 21.101 19 22 19V17C20.399 17 19.554 17.676 18.875 18.219C18.308 18.672 17.897 19 16.997 19ZM11 5.41902L13.104 7.52302L11.047 10.093C11.333 10.037 11.643 10 11.994 10C13.596 10 14.441 10.676 15.121 11.219C15.709 11.689 16.098 12 16.997 12C17.897 12 18.308 11.672 18.875 11.219C19.007 11.114 19.149 11.002 19.298 10.893L17.202 8.80302L17.207 8.79802L11.707 3.29802C11.6142 3.20508 11.504 3.13134 11.3827 3.08103C11.2614 3.03072 11.1313 3.00482 11 3.00482C10.8687 3.00482 10.7386 3.03072 10.6173 3.08103C10.496 3.13134 10.3858 3.20508 10.293 3.29802L6.293 7.29802L7.707 8.71202L11 5.41902Z" />` : `<path d="M19.003 8.004C20.1087 8.004 21.005 7.10767 21.005 6.002C21.005 4.89633 20.1087 4 19.003 4C17.8973 4 17.001 4.89633 17.001 6.002C17.001 7.10767 17.8973 8.004 19.003 8.004Z" />
+<path d="M18.875 13.219C18.308 13.672 17.897 14 16.997 14C16.098 14 15.709 13.689 15.121 13.219C14.441 12.676 13.596 12 11.994 12C10.393 12 9.549 12.676 8.87 13.219C8.282 13.689 7.895 14 6.995 14C6.097 14 5.709 13.689 5.122 13.22C4.443 12.676 3.6 12 2 12V14C2.897 14 3.285 14.311 3.872 14.78C4.551 15.324 5.395 16 6.995 16C8.595 16 9.441 15.324 10.12 14.78C10.707 14.31 11.096 14 11.994 14C12.894 14 13.305 14.328 13.872 14.781C14.551 15.324 15.396 16 16.997 16C18.599 16 19.444 15.324 20.124 14.781C20.712 14.311 21.101 14 22 14V12C20.399 12 19.554 12.676 18.875 13.219ZM16.997 19C16.098 19 15.709 18.689 15.121 18.219C14.441 17.676 13.596 17 11.994 17C10.393 17 9.549 17.676 8.87 18.219C8.282 18.689 7.895 19 6.995 19C6.097 19 5.709 18.689 5.122 18.22C4.443 17.676 3.6 17 2 17V19C2.897 19 3.285 19.311 3.872 19.78C4.551 20.324 5.395 21 6.995 21C8.595 21 9.441 20.324 10.12 19.78C10.707 19.31 11.096 19 11.994 19C12.894 19 13.305 19.328 13.872 19.781C14.551 20.324 15.396 21 16.997 21C18.599 21 19.444 20.324 20.124 19.781C20.712 19.311 21.101 19 22 19V17C20.399 17 19.554 17.676 18.875 18.219C18.308 18.672 17.897 19 16.997 19ZM11 5.41902L13.104 7.52302L11.047 10.093C11.333 10.037 11.643 10 11.994 10C13.596 10 14.441 10.676 15.121 11.219C15.709 11.689 16.098 12 16.997 12C17.897 12 18.308 11.672 18.875 11.219C19.007 11.114 19.149 11.002 19.298 10.893L17.202 8.80302L17.207 8.79802L11.707 3.29802C11.6142 3.20508 11.504 3.13134 11.3827 3.08103C11.2614 3.03072 11.1313 3.00482 11 3.00482C10.8687 3.00482 10.7386 3.03072 10.6173 3.08103C10.496 3.13134 10.3858 3.20508 10.293 3.29802L6.293 7.29802L7.707 8.71202L11 5.41902Z" />`;
+    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-swim")) {
+  customElements.define("icon-swim", NavaIconSwim);
+}

package/dist/chunk-VHTZYPLG.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/gas-pump.ts
+var NavaIconGasPump = 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.616 6.48L19.63 6.463L15.63 3.223L14.37 4.777L16.437 6.451C15.9242 6.76259 15.5171 7.22125 15.2685 7.76733C15.0199 8.31342 14.9413 8.92167 15.043 9.513C15.193 10.412 15.812 11.189 16.613 11.624C17.508 12.111 18.293 12.066 18.991 11.818L18.976 18C18.9772 18.1656 18.9371 18.3289 18.8593 18.475C18.7816 18.6212 18.6686 18.7457 18.5306 18.8373C18.3926 18.9288 18.2339 18.9845 18.069 18.9993C17.9041 19.0141 17.7381 18.9875 17.586 18.922C17.4669 18.8711 17.3589 18.7973 17.268 18.705C17.1756 18.6124 17.1023 18.5024 17.0523 18.3815C17.0024 18.2605 16.9768 18.1309 16.977 18L17 16C17.001 15.6064 16.924 15.2165 16.7735 14.8528C16.623 14.4891 16.4019 14.1588 16.123 13.881C15.8444 13.6018 15.5135 13.3803 15.1492 13.2291C14.7849 13.0779 14.3944 13.0001 14 13H13V5C13 4.46957 12.7893 3.96086 12.4142 3.58579C12.0391 3.21071 11.5304 3 11 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H11C11.5304 21 12.0391 20.7893 12.4142 20.4142C12.7893 20.0391 13 19.5304 13 19V15H14C14.136 15 14.267 15.027 14.391 15.078C14.629 15.1822 14.8187 15.3726 14.922 15.611C14.9739 15.7341 15.0004 15.8664 15 16L14.976 18C14.976 18.406 15.055 18.799 15.212 19.168C15.363 19.527 15.58 19.848 15.853 20.119C16.1306 20.3995 16.4613 20.6219 16.8258 20.7732C17.1903 20.9245 17.5813 21.0016 17.976 21C18.382 21 18.774 20.922 19.144 20.764C19.502 20.614 19.824 20.397 20.095 20.123C20.375 19.845 20.597 19.5142 20.7482 19.1498C20.8994 18.7853 20.9768 18.3945 20.976 18L21 9C20.999 8.49762 20.8717 8.00355 20.6299 7.56321C20.3881 7.12287 20.0394 6.75038 19.616 6.48ZM11 8H4V5H11V8ZM18 10C17.7348 10 17.4804 9.89464 17.2929 9.70711C17.1054 9.51957 17 9.26522 17 9C17 8.73478 17.1054 8.48043 17.2929 8.29289C17.4804 8.10536 17.7348 8 18 8C18.2652 8 18.5196 8.10536 18.7071 8.29289C18.8946 8.48043 19 8.73478 19 9C19 9.26522 18.8946 9.51957 18.7071 9.70711C18.5196 9.89464 18.2652 10 18 10Z" />` : `<path d="M19.616 6.48L19.63 6.463L15.63 3.223L14.37 4.777L16.437 6.451C15.9248 6.76219 15.5179 7.22014 15.2691 7.76543C15.0204 8.31072 14.9412 8.91818 15.042 9.509C15.191 10.408 15.808 11.185 16.607 11.621C17.504 12.111 18.292 12.067 18.991 11.818L18.976 18C18.9772 18.1656 18.9371 18.3289 18.8593 18.475C18.7816 18.6212 18.6686 18.7457 18.5306 18.8373C18.3926 18.9288 18.2339 18.9845 18.069 18.9993C17.9041 19.0141 17.7381 18.9875 17.586 18.922C17.4669 18.8711 17.3589 18.7973 17.268 18.705C17.1756 18.6124 17.1023 18.5024 17.0523 18.3815C17.0024 18.2605 16.9768 18.1309 16.977 18L17 16C17.001 15.6064 16.924 15.2165 16.7735 14.8528C16.623 14.4891 16.4019 14.1588 16.123 13.881C15.8444 13.6018 15.5135 13.3803 15.1492 13.2291C14.7849 13.0779 14.3944 13.0001 14 13H13V5C13 3.897 12.103 3 11 3H4C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H11C12.103 21 13 20.103 13 19V15H14C14.136 15 14.267 15.027 14.391 15.078C14.629 15.1822 14.8187 15.3726 14.922 15.611C14.9739 15.7341 15.0004 15.8664 15 16L14.976 18C14.976 18.406 15.055 18.799 15.212 19.168C15.363 19.527 15.58 19.848 15.853 20.119C16.1306 20.3995 16.4613 20.6219 16.8258 20.7732C17.1903 20.9245 17.5813 21.0016 17.976 21C18.382 21 18.774 20.922 19.144 20.764C19.502 20.614 19.824 20.397 20.095 20.123C20.375 19.845 20.597 19.5142 20.7482 19.1498C20.8994 18.7853 20.9768 18.3945 20.976 18L21 9C20.999 8.49762 20.8717 8.00355 20.6299 7.56321C20.3881 7.12287 20.0394 6.75038 19.616 6.48ZM4 5H11L11.001 9H4V5ZM4 19V11H11.001L11.002 19H4ZM18 10C17.7348 10 17.4804 9.89464 17.2929 9.70711C17.1054 9.51957 17 9.26522 17 9C17 8.73478 17.1054 8.48043 17.2929 8.29289C17.4804 8.10536 17.7348 8 18 8C18.2652 8 18.5196 8.10536 18.7071 8.29289C18.8946 8.48043 19 8.73478 19 9C19 9.26522 18.8946 9.51957 18.7071 9.70711C18.5196 9.89464 18.2652 10 18 10Z" />`;
+    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-gas-pump")) {
+  customElements.define("icon-gas-pump", NavaIconGasPump);
+}

package/dist/chunk-VHVWCXDU.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/shuffle.ts
+var NavaIconShuffle = 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 17H15.441L5.741 6.327C5.64724 6.22395 5.53298 6.14164 5.40555 6.08532C5.27811 6.02901 5.14032 5.99995 5.001 6H2V8H4.559L8.649 12.5L4.559 17.001H2V19.001H5.001C5.14032 19.001 5.27811 18.972 5.40555 18.9157C5.53298 18.8594 5.64724 18.777 5.741 18.674L10 13.987L14.259 18.673C14.3528 18.776 14.467 18.8584 14.5945 18.9147C14.7219 18.971 14.8597 19 14.999 19H17V22L22 18L17 14V17Z" />
+<path d="M15.441 8H17V11L22 7.062L17 3V6H14.999C14.8597 5.99995 14.7219 6.02901 14.5944 6.08532C14.467 6.14164 14.3528 6.22395 14.259 6.327L10.891 10.034L12.371 11.38L15.441 8Z" />` : `<path d="M17 17H15.441L5.741 6.327C5.64724 6.22395 5.53298 6.14164 5.40555 6.08532C5.27811 6.02901 5.14032 5.99995 5.001 6H2V8H4.559L8.649 12.5L4.559 17.001H2V19.001H5.001C5.14032 19.001 5.27811 18.972 5.40555 18.9157C5.53298 18.8594 5.64724 18.777 5.741 18.674L10 13.987L14.259 18.673C14.3528 18.776 14.467 18.8584 14.5945 18.9147C14.7219 18.971 14.8597 19 14.999 19H17V22L22 18L17 14V17Z" />
+<path d="M15.441 8H17V11L22 7.062L17 3V6H14.999C14.8597 5.99995 14.7219 6.02901 14.5944 6.08532C14.467 6.14164 14.3528 6.22395 14.259 6.327L10.891 10.034L12.371 11.38L15.441 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-shuffle")) {
+  customElements.define("icon-shuffle", NavaIconShuffle);
+}