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

package/dist/chunk-CBU7WS6B.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/trash.ts
+var NavaIconTrash = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M6 7H5V20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V7H6ZM10 19H8V10H10V19ZM16 19H14V10H16V19ZM16.618 4L15 2H9L7.382 4H3V6H21V4H16.618Z" />` : `<path d="M5 20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V8H21V6H17V4C17 3.46957 16.7893 2.96086 16.4142 2.58579C16.0391 2.21071 15.5304 2 15 2H9C8.46957 2 7.96086 2.21071 7.58579 2.58579C7.21071 2.96086 7 3.46957 7 4V6H3V8H5V20ZM9 4H15V6H9V4ZM8 8H17V20H7V8H8Z" />
+<path d="M9 10H11V18H9V10ZM13 10H15V18H13V10Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-trash")) {
+  customElements.define("icon-trash", NavaIconTrash);
+}

package/dist/chunk-CC57AWCH.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/direction-right.ts
+var NavaIconDirectionRight = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M2.29506 12.707L11.2731 21.707C11.6621 22.097 12.2981 22.098 12.6871 21.709L21.7081 12.709C21.8012 12.6161 21.8751 12.5058 21.9255 12.3843C21.9759 12.2628 22.0018 12.1325 22.0018 12.001C22.0018 11.8695 21.9759 11.7392 21.9255 11.6177C21.8751 11.4962 21.8012 11.3859 21.7081 11.293L12.6871 2.293C12.5941 2.20018 12.4838 2.1266 12.3624 2.07646C12.2411 2.02632 12.111 2.00061 11.9796 2.00079C11.8483 2.00098 11.7183 2.02706 11.5971 2.07754C11.4758 2.12803 11.3657 2.20192 11.2731 2.295L2.29506 11.295C2.20229 11.3877 2.1287 11.4977 2.07849 11.6189C2.02828 11.74 2.00244 11.8699 2.00244 12.001C2.00244 12.1321 2.02828 12.262 2.07849 12.3831C2.1287 12.5043 2.20229 12.6143 2.29506 12.707ZM9.00206 10.001H14.0021V8.001L17.0021 11.001L14.0021 14.001V12.001H11.0021V16.001H9.00206V10.001Z" />` : `<path d="M2.29506 12.707L11.2731 21.707C11.6621 22.097 12.2981 22.098 12.6871 21.709L21.7081 12.709C21.8012 12.6161 21.8751 12.5058 21.9255 12.3843C21.9759 12.2628 22.0018 12.1325 22.0018 12.001C22.0018 11.8695 21.9759 11.7392 21.9255 11.6177C21.8751 11.4962 21.8012 11.3859 21.7081 11.293L12.6871 2.293C12.5941 2.20018 12.4838 2.1266 12.3624 2.07646C12.2411 2.02632 12.111 2.00061 11.9796 2.00079C11.8483 2.00098 11.7183 2.02706 11.5971 2.07754C11.4758 2.12803 11.3657 2.20192 11.2731 2.295L2.29506 11.295C2.20229 11.3877 2.1287 11.4977 2.07849 11.6189C2.02828 11.74 2.00244 11.8699 2.00244 12.001C2.00244 12.1321 2.02828 12.262 2.07849 12.3831C2.1287 12.5043 2.20229 12.6143 2.29506 12.707ZM9.00206 10.001H14.0021V8.001L17.0021 11.001L14.0021 14.001V12.001H11.0021V16.001H9.00206V10.001Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-direction-right")) {
+  customElements.define("icon-direction-right", NavaIconDirectionRight);
+}

package/dist/chunk-CDCUJT53.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/crown.ts
+var NavaIconCrown = 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 2L16 7L12 2L8 7L3 2V15H21V2ZM5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V17H3V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21Z" />` : `<path d="M11.219 3.37501L8 7.39901L4.781 3.37501C4.65099 3.21429 4.47444 3.09772 4.27558 3.04128C4.07671 2.98483 3.86525 2.99128 3.6702 3.05973C3.47514 3.12818 3.30602 3.25529 3.18604 3.42363C3.06605 3.59197 3.00107 3.79329 3 4.00001V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V4.00001C20.9989 3.79329 20.9339 3.59197 20.814 3.42363C20.694 3.25529 20.5249 3.12818 20.3298 3.05973C20.1347 2.99128 19.9233 2.98483 19.7244 3.04128C19.5256 3.09772 19.349 3.21429 19.219 3.37501L16 7.39901L12.781 3.37501C12.4 2.90101 11.6 2.90101 11.219 3.37501ZM5 19V17H19.001V19H5ZM15.219 9.62501C15.6 10.1 16.401 10.1 16.782 9.62501L19 6.85101L19.001 15H5V6.85101L7.219 9.62501C7.6 10.1 8.401 10.1 8.782 9.62501L12 5.60101L15.219 9.62501Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-crown")) {
+  customElements.define("icon-crown", NavaIconCrown);
+}

package/dist/chunk-CDXDB2TM.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/dots-horizontal-rounded.ts
+var NavaIconDotsHorizontalRounded = 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 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10Z" />` : `<path d="M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-dots-horizontal-rounded")) {
+  customElements.define("icon-dots-horizontal-rounded", NavaIconDotsHorizontalRounded);
+}

package/dist/chunk-CGUJASDY.js

@@ -0,0 +1,48 @@
+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;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-circle-quarter")) {
+  customElements.define("icon-circle-quarter", NavaIconCircleQuarter);
+}

package/dist/chunk-CHKTKO6Z.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/photo-album.ts
+var NavaIconPhotoAlbum = 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 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.194 5.55 18.012 6.012 18H21V3C21 2.73478 20.8946 2.48043 20.7071 2.29289C20.5196 2.10536 20.2652 2 20 2ZM9.503 5C9.90162 5 10.2839 5.15835 10.5658 5.44022C10.8476 5.72209 11.006 6.10438 11.006 6.503C11.006 6.90162 10.8476 7.28391 10.5658 7.56578C10.2839 7.84765 9.90162 8.006 9.503 8.006C9.10438 8.006 8.72209 7.84765 8.44022 7.56578C8.15835 7.28391 8 6.90162 8 6.503C8 6.10438 8.15835 5.72209 8.44022 5.44022C8.72209 5.15835 9.10438 5 9.503 5ZM12 13H7L10 10L11.5 11.399L14.5 8L18 13H12Z" />` : `<path d="M11.024 11.536L10 10L8 13H17L13.5 8L11.024 11.536Z" />
+<path d="M9.503 8.99999C10.3331 8.99999 11.006 8.32707 11.006 7.49699C11.006 6.6669 10.3331 5.99399 9.503 5.99399C8.67292 5.99399 8 6.6669 8 7.49699C8 8.32707 8.67292 8.99999 9.503 8.99999Z" />
+<path d="M19 2H6C4.794 2 3 2.799 3 5V19C3 21.201 4.794 22 6 22H21V20H6.012C5.55 19.988 5 19.806 5 19C5 18.194 5.55 18.012 6.012 18H21V4C21 2.897 20.103 2 19 2ZM19 16H5V5C5 4.194 5.55 4.012 6 4H19V16Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-photo-album")) {
+  customElements.define("icon-photo-album", NavaIconPhotoAlbum);
+}

package/dist/chunk-CICGXBSF.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/truck.ts
+var NavaIconTruck = 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.15 8C18.9755 7.69772 18.7249 7.44638 18.4232 7.27095C18.1214 7.09552 17.779 7.00211 17.43 7H15V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V16C2.00036 16.3507 2.09294 16.6952 2.26846 16.9988C2.44398 17.3025 2.69626 17.5546 3 17.73C2.9642 18.6583 3.29861 19.5627 3.92967 20.2444C4.56073 20.9261 5.43674 21.3292 6.365 21.365C7.29326 21.4008 8.19772 21.0664 8.87941 20.4353C9.56111 19.8043 9.9642 18.9283 10 18H13.1C13.2106 18.8367 13.6215 19.6047 14.2561 20.161C14.8908 20.7173 15.706 21.024 16.55 21.024C17.394 21.024 18.2092 20.7173 18.8439 20.161C19.4785 19.6047 19.8894 18.8367 20 18C20.5304 18 21.0391 17.7893 21.4142 17.4142C21.7893 17.0391 22 16.5304 22 16V13C21.9984 12.8176 21.9502 12.6386 21.86 12.48L19.15 8ZM15 9H17.43L19.23 12H15V9ZM6.5 19C6.20333 19 5.91332 18.912 5.66664 18.7472C5.41997 18.5824 5.22771 18.3481 5.11418 18.074C5.00065 17.7999 4.97094 17.4983 5.02882 17.2074C5.0867 16.9164 5.22956 16.6491 5.43934 16.4393C5.64912 16.2296 5.91639 16.0867 6.20736 16.0288C6.49834 15.9709 6.79994 16.0007 7.07403 16.1142C7.34811 16.2277 7.58238 16.42 7.7472 16.6666C7.91203 16.9133 8 17.2033 8 17.5C8 17.8978 7.84196 18.2794 7.56066 18.5607C7.27936 18.842 6.89782 19 6.5 19ZM16.5 19C16.2033 19 15.9133 18.912 15.6666 18.7472C15.42 18.5824 15.2277 18.3481 15.1142 18.074C15.0006 17.7999 14.9709 17.4983 15.0288 17.2074C15.0867 16.9164 15.2296 16.6491 15.4393 16.4393C15.6491 16.2296 15.9164 16.0867 16.2074 16.0288C16.4983 15.9709 16.7999 16.0007 17.074 16.1142C17.3481 16.2277 17.5824 16.42 17.7472 16.6666C17.912 16.9133 18 17.2033 18 17.5C18 17.8978 17.842 18.2794 17.5607 18.5607C17.2794 18.842 16.8978 19 16.5 19Z" />` : `<path d="M19.15 8C18.9755 7.69772 18.7249 7.44638 18.4232 7.27095C18.1214 7.09552 17.779 7.00211 17.43 7H15V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V16C2.00036 16.3507 2.09294 16.6952 2.26846 16.9988C2.44398 17.3025 2.69626 17.5546 3 17.73C2.9642 18.6583 3.29861 19.5627 3.92967 20.2444C4.56073 20.9261 5.43674 21.3292 6.365 21.365C7.29326 21.4008 8.19772 21.0664 8.87941 20.4353C9.56111 19.8043 9.9642 18.9283 10 18H13.1C13.2106 18.8367 13.6215 19.6047 14.2561 20.161C14.8908 20.7173 15.706 21.024 16.55 21.024C17.394 21.024 18.2092 20.7173 18.8439 20.161C19.4785 19.6047 19.8894 18.8367 20 18C20.5304 18 21.0391 17.7893 21.4142 17.4142C21.7893 17.0391 22 16.5304 22 16V13C21.9984 12.8176 21.9502 12.6386 21.86 12.48L19.15 8ZM15 9H17.43L19.23 12H15V9ZM6.5 19C6.20333 19 5.91332 18.912 5.66664 18.7472C5.41997 18.5824 5.22771 18.3481 5.11418 18.074C5.00065 17.7999 4.97094 17.4983 5.02882 17.2074C5.0867 16.9164 5.22956 16.6491 5.43934 16.4393C5.64912 16.2296 5.91639 16.0867 6.20736 16.0288C6.49834 15.9709 6.79994 16.0007 7.07403 16.1142C7.34811 16.2277 7.58238 16.42 7.7472 16.6666C7.91203 16.9133 8 17.2033 8 17.5C8 17.8978 7.84196 18.2794 7.56066 18.5607C7.27936 18.842 6.89782 19 6.5 19ZM16.5 19C16.2033 19 15.9133 18.912 15.6666 18.7472C15.42 18.5824 15.2277 18.3481 15.1142 18.074C15.0006 17.7999 14.9709 17.4983 15.0288 17.2074C15.0867 16.9164 15.2296 16.6491 15.4393 16.4393C15.6491 16.2296 15.9164 16.0867 16.2074 16.0288C16.4983 15.9709 16.7999 16.0007 17.074 16.1142C17.3481 16.2277 17.5824 16.42 17.7472 16.6666C17.912 16.9133 18 17.2033 18 17.5C18 17.8978 17.842 18.2794 17.5607 18.5607C17.2794 18.842 16.8978 19 16.5 19Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-truck")) {
+  customElements.define("icon-truck", NavaIconTruck);
+}

package/dist/chunk-CIDKCYQU.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/undo.ts
+var NavaIconUndo = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M9 10H15C16.654 10 18 11.346 18 13C18 14.654 16.654 16 15 16H12V18H15C17.757 18 20 15.757 20 13C20 10.243 17.757 8 15 8H9V5L4 9L9 13V10Z" />` : `<path d="M9 10H15C16.654 10 18 11.346 18 13C18 14.654 16.654 16 15 16H12V18H15C17.757 18 20 15.757 20 13C20 10.243 17.757 8 15 8H9V5L4 9L9 13V10Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-undo")) {
+  customElements.define("icon-undo", NavaIconUndo);
+}

package/dist/chunk-CJZMWXSJ.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/right-arrow-alt.ts
+var NavaIconRightArrowAlt = 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 12L12 6V11H6V13H12V18L19 12Z" />` : `<path d="M11.293 17.293L12.707 18.707L19.414 12L12.707 5.293L11.293 6.707L15.586 11H6V13H15.586L11.293 17.293Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-right-arrow-alt")) {
+  customElements.define("icon-right-arrow-alt", NavaIconRightArrowAlt);
+}

package/dist/chunk-CK2IFKNX.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/food-menu.ts
+var NavaIconFoodMenu = 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="M3 2H5V22H3V2ZM19 2H6V22H19C20.103 22 21 21.103 21 20V4C21 2.897 20.103 2 19 2ZM18 12H9V10H18V12ZM18 8H9V6H18V8Z" />` : `<path d="M3 2H5V22H3V2ZM10 6H17V8H10V6ZM10 10H17V12H10V10Z" />
+<path d="M19 2H6V22H19C20.103 22 21 21.103 21 20V4C21 2.897 20.103 2 19 2ZM19 20H8V4H19V20Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-food-menu")) {
+  customElements.define("icon-food-menu", NavaIconFoodMenu);
+}

package/dist/chunk-CK4QI26Z.js

@@ -0,0 +1,48 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/euro.ts
+var NavaIconEuro = 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.464 6C14.894 6 16.243 6.613 17.263 7.726L18.738 6.374C17.334 4.843 15.461 4 13.464 4C11.466 4 9.594 4.843 8.192 6.375C7.4936 7.1386 6.94929 8.02993 6.589 9H4V11H6.114C6.076 11.33 6.05 11.663 6.05 12C6.05 12.337 6.076 12.67 6.114 13H4V15H6.589C6.951 15.97 7.49 16.861 8.192 17.626C9.594 19.157 11.466 20 13.464 20C15.461 20 17.334 19.157 18.737 17.626L17.262 16.274C16.243 17.387 14.894 18 13.464 18C12.034 18 10.686 17.388 9.666 16.274C9.32358 15.8887 9.0328 15.4604 8.801 15H13V13H8.139C8.089 12.672 8.05 12.34 8.05 12C8.05 11.66 8.089 11.328 8.139 11H13V9H8.801C9.041 8.543 9.317 8.107 9.666 7.726C10.686 6.613 12.034 6 13.464 6Z" />` : `<path d="M13.464 6C14.894 6 16.243 6.613 17.263 7.726L18.738 6.374C17.334 4.843 15.461 4 13.464 4C11.466 4 9.594 4.843 8.192 6.375C7.4936 7.1386 6.94929 8.02993 6.589 9H4V11H6.114C6.076 11.33 6.05 11.663 6.05 12C6.05 12.337 6.076 12.67 6.114 13H4V15H6.589C6.951 15.97 7.49 16.861 8.192 17.626C9.594 19.157 11.466 20 13.464 20C15.461 20 17.334 19.157 18.737 17.626L17.262 16.274C16.243 17.387 14.894 18 13.464 18C12.034 18 10.686 17.388 9.666 16.274C9.32358 15.8887 9.0328 15.4604 8.801 15H13V13H8.139C8.089 12.672 8.05 12.34 8.05 12C8.05 11.66 8.089 11.328 8.139 11H13V9H8.801C9.041 8.543 9.317 8.107 9.666 7.726C10.686 6.613 12.034 6 13.464 6Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-euro")) {
+  customElements.define("icon-euro", NavaIconEuro);
+}

package/dist/chunk-CK764NNT.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/cloud-light-rain.ts
+var NavaIconCloudLightRain = 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 13H10V17H8V13ZM8 18H10V20H8V18ZM11 15H13V19H11V15ZM11 20H13V22H11V20ZM14 13H16V17H14V13ZM14 18H16V20H14V18Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.819 2 13C2 15.757 4.243 18 7 18V16C5.346 16 4 14.654 4 13C4 11.597 5.199 10.244 6.673 9.985L7.254 9.882L7.446 9.323C8.149 7.273 9.895 6 12 6C14.757 6 17 8.243 17 11V12H18C19.103 12 20 12.897 20 14C20 15.103 19.103 16 18 16H17V18H18C20.206 18 22 16.206 22 14C21.9988 13.1035 21.6971 12.2333 21.1431 11.5285C20.5891 10.8237 19.8148 10.3249 18.944 10.112Z" />` : `<path d="M8 13H10V17H8V13ZM8 18H10V20H8V18ZM11 15H13V19H11V15ZM11 20H13V22H11V20ZM14 13H16V17H14V13ZM14 18H16V20H14V18Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.244 4 6.85 5.611 5.757 8.15C3.609 8.792 2 10.819 2 13C2 15.757 4.243 18 7 18V16C5.346 16 4 14.654 4 13C4 11.597 5.199 10.244 6.673 9.985L7.254 9.882L7.446 9.323C8.149 7.273 9.895 6 12 6C14.757 6 17 8.243 17 11V12H18C19.103 12 20 12.897 20 14C20 15.103 19.103 16 18 16H17V18H18C20.206 18 22 16.206 22 14C21.9988 13.1035 21.6971 12.2333 21.1431 11.5285C20.5891 10.8237 19.8148 10.3249 18.944 10.112Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-cloud-light-rain")) {
+  customElements.define("icon-cloud-light-rain", NavaIconCloudLightRain);
+}

package/dist/chunk-CL23BVVF.js

@@ -0,0 +1,49 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/receipt.ts
+var NavaIconReceipt = 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 12V18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19C18.7348 19 18.4804 18.8946 18.2929 18.7071C18.1054 18.5196 18 18.2652 18 18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V12H20ZM14 11V13H6V11H14ZM6 9V7H14V9H6ZM14 15V17H11V15H14Z" />` : `<path d="M21 11H18V4C18 3.73478 17.8946 3.48043 17.7071 3.29289C17.5196 3.10536 17.2652 3 17 3H3C2.73478 3 2.48043 3.10536 2.29289 3.29289C2.10536 3.48043 2 3.73478 2 4V18C2 19.654 3.346 21 5 21H19C20.654 21 22 19.654 22 18V12C22 11.7348 21.8946 11.4804 21.7071 11.2929C21.5196 11.1054 21.2652 11 21 11ZM5 19C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V5H16V18C16 18.351 16.061 18.688 16.171 19H5ZM20 18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19C18.7348 19 18.4804 18.8946 18.2929 18.7071C18.1054 18.5196 18 18.2652 18 18V13H20V18Z" />
+<path d="M6 7H14V9H6V7ZM6 11H14V13H6V11ZM11 15H14V17H11V15Z" />`;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-receipt")) {
+  customElements.define("icon-receipt", NavaIconReceipt);
+}