@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-L37GEG5S.js

@@ -0,0 +1,47 @@
+// src/icons/merge.ts
+var NavaIconMerge = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M14 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V14C3 14.5304 3.21071 15.0391 3.58579 15.4142C3.96086 15.7893 4.46957 16 5 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3Z" />
+<path d="M21 19V10C21 9.46957 20.7893 8.96086 20.4142 8.58579C20.0391 8.21071 19.5304 8 19 8H18V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H8V19C8 19.5304 8.21071 20.0391 8.58579 20.4142C8.96086 20.7893 9.46957 21 10 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19Z" />`;
+    const filledPaths = `<path d="M14 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V14C3 14.5304 3.21071 15.0391 3.58579 15.4142C3.96086 15.7893 4.46957 16 5 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3Z" />
+<path d="M21 19V10C21 9.46957 20.7893 8.96086 20.4142 8.58579C20.0391 8.21071 19.5304 8 19 8H18V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H8V19C8 19.5304 8.21071 20.0391 8.58579 20.4142C8.96086 20.7893 9.46957 21 10 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-merge")) {
+  customElements.define("icon-merge", NavaIconMerge);
+}

package/dist/chunk-L3ONA3J7.js

@@ -0,0 +1,47 @@
+// src/icons/flag-checkered.ts
+var NavaIconFlagCheckered = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M4 2V20H3V22H7V20H6V15H19C19.2652 15 19.5196 14.8946 19.7071 14.7071C19.8946 14.5196 20 14.2652 20 14V4C20 3.73478 19.8946 3.48043 19.7071 3.29289C19.5196 3.10536 19.2652 3 19 3H6V2H4ZM8 5V7H10V5H12V7H14V5H16V7H18V9H16V11H18V13H16V11H14V13H12V11H10V13H8V11H6V9H8V7H6V5H8Z" />
+<path d="M8 9H10V11H8V9ZM12 9H14V11H12V9ZM10 7H12V9H10V7ZM14 7H16V9H14V7Z" />`;
+    const filledPaths = `<path d="M4 2V20H3V22H7V20H6V15H19C19.2652 15 19.5196 14.8946 19.7071 14.7071C19.8946 14.5196 20 14.2652 20 14V4C20 3.73478 19.8946 3.48043 19.7071 3.29289C19.5196 3.10536 19.2652 3 19 3H6V2H4ZM8 5V7H10V5H12V7H14V5H16V7H18V9H16V11H18V13H16V11H14V13H12V11H10V13H8V11H6V9H8V7H6V5H8Z" />
+<path d="M8 9H10V11H8V9ZM12 9H14V11H12V9ZM10 7H12V9H10V7ZM14 7H16V9H14V7Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-flag-checkered")) {
+  customElements.define("icon-flag-checkered", NavaIconFlagCheckered);
+}

package/dist/chunk-L44WFMZN.js

@@ -0,0 +1,45 @@
+// src/icons/music.ts
+var NavaIconMusic = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M19.684 5.821L10.684 2.549C10.3819 2.43856 10.0576 2.40269 9.73869 2.44443C9.41977 2.48618 9.11563 2.6043 8.85214 2.78877C8.58864 2.97323 8.37358 3.21859 8.22522 3.50397C8.07687 3.78936 7.9996 4.10635 8 4.428V10.557C7.39487 10.1965 6.70439 10.0042 6 10C3.794 10 2 11.794 2 14C2 16.206 3.794 18 6 18C8.206 18 10 16.206 10 14V4.428L19 7.7V14.556C18.3946 14.1962 17.7042 14.0043 17 14C14.794 14 13 15.794 13 18C13 20.206 14.794 22 17 22C19.206 22 21 20.206 21 18V7.7C21 6.862 20.471 6.106 19.684 5.821ZM6 16C4.897 16 4 15.103 4 14C4 12.897 4.897 12 6 12C7.103 12 8 12.897 8 14C8 15.103 7.103 16 6 16ZM17 20C15.897 20 15 19.103 15 18C15 16.897 15.897 16 17 16C18.103 16 19 16.897 19 18C19 19.103 18.103 20 17 20Z" />`;
+    const filledPaths = `<path d="M6 18.573C8.206 18.573 10 16.779 10 14.573V4.428L19 7.7V15.13C18.3949 14.7695 17.7044 14.5772 17 14.573C14.794 14.573 13 16.367 13 18.573C13 20.779 14.794 22.573 17 22.573C19.206 22.573 21 20.779 21 18.573V7C21.0001 6.79483 20.937 6.5946 20.8193 6.42658C20.7016 6.25855 20.5349 6.1309 20.342 6.061L9.342 2.061C9.19099 2.0058 9.02889 1.98786 8.86947 2.00871C8.71005 2.02955 8.55801 2.08857 8.42627 2.18075C8.29454 2.27292 8.187 2.39553 8.11279 2.53816C8.03857 2.68079 7.99988 2.83922 8 3V11.13C7.39487 10.7695 6.70439 10.5772 6 10.573C3.794 10.573 2 12.367 2 14.573C2 16.779 3.794 18.573 6 18.573Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-music")) {
+  customElements.define("icon-music", NavaIconMusic);
+}

package/dist/chunk-L5YA4SC2.js

@@ -0,0 +1,45 @@
+// src/icons/save.ts
+var NavaIconSave = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V7.99999C21.0008 7.86838 20.9755 7.73792 20.9258 7.61608C20.876 7.49424 20.8027 7.38343 20.71 7.28999L16.71 3.28999C16.6166 3.1973 16.5057 3.12398 16.3839 3.07421C16.2621 3.02445 16.1316 2.99923 16 2.99999H5C4.46957 2.99999 3.96086 3.2107 3.58579 3.58577C3.21071 3.96085 3 4.46955 3 4.99999V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21ZM15 19H9V14H15V19ZM13 6.99999H11V4.99999H13V6.99999ZM5 4.99999H7V8.99999H15V4.99999H15.59L19 8.40999V19H17V14C17 13.4696 16.7893 12.9608 16.4142 12.5858C16.0391 12.2107 15.5304 12 15 12H9C8.46957 12 7.96086 12.2107 7.58579 12.5858C7.21071 12.9608 7 13.4696 7 14V19H5V4.99999Z" />`;
+    const filledPaths = `<path d="M5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V8L16 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21ZM7 5H11V7H13V5H15V9H7V5ZM7 13H17V19H7V13Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-save")) {
+  customElements.define("icon-save", NavaIconSave);
+}

package/dist/chunk-L65XFONM.js

@@ -0,0 +1,45 @@
+// src/icons/pound.ts
+var NavaIconPound = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M5.553 19.105L6.317 20.948C7.498 20.555 9.422 20 10 20C10.838 20 11.462 20.208 12.184 20.448C12.959 20.707 13.838 21 15 21C16.177 21 18.078 20.079 18.447 19.895L17.552 18.106C16.831 18.466 15.521 19 15 19C14.162 19 13.538 18.792 12.816 18.552C12.041 18.293 11.162 18 10 18C9.771 18 9.474 18.037 9.143 18.099C9.702 16.95 10 15.561 10 14H13V12H9.626C9.584 11.893 9.542 11.784 9.501 11.683C9.243 11.052 9 10.455 9 9C9 7.631 9.521 6 12 6C14.224 6 15.021 8.227 15.052 8.316L16.948 7.683C16.898 7.533 15.679 4 12 4C8.313 4 7 6.583 7 9C7 10.491 7.234 11.35 7.478 12H5V14H8C8 16.467 7.108 18.328 5.553 19.105Z" />`;
+    const filledPaths = `<path d="M5.553 19.105L6.317 20.948C7.498 20.555 9.422 20 10 20C10.838 20 11.462 20.208 12.184 20.448C12.959 20.707 13.838 21 15 21C16.177 21 18.078 20.079 18.447 19.895L17.552 18.106C16.831 18.466 15.521 19 15 19C14.162 19 13.538 18.792 12.816 18.552C12.041 18.293 11.162 18 10 18C9.771 18 9.474 18.037 9.143 18.099C9.702 16.95 10 15.561 10 14H13V12H9.626C9.584 11.893 9.542 11.784 9.501 11.683C9.243 11.052 9 10.455 9 9C9 7.631 9.521 6 12 6C14.224 6 15.021 8.227 15.052 8.316L16.948 7.683C16.898 7.533 15.679 4 12 4C8.313 4 7 6.583 7 9C7 10.491 7.234 11.35 7.478 12H5V14H8C8 16.467 7.108 18.328 5.553 19.105Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-pound")) {
+  customElements.define("icon-pound", NavaIconPound);
+}

package/dist/chunk-L672VIMN.js

@@ -0,0 +1,47 @@
+// src/icons/export.ts
+var NavaIconExport = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M11 16H13V7H16L12 2L8 7H11V16Z" />
+<path d="M5 22H19C20.103 22 21 21.103 21 20V11C21 9.897 20.103 9 19 9H15V11H19V20H5V11H9V9H5C3.897 9 3 9.897 3 11V20C3 21.103 3.897 22 5 22Z" />`;
+    const filledPaths = `<path d="M11 16H13V7H16L12 2L8 7H11V16Z" />
+<path d="M5 22H19C20.103 22 21 21.103 21 20V11C21 9.897 20.103 9 19 9H15V11H19V20H5V11H9V9H5C3.897 9 3 9.897 3 11V20C3 21.103 3.897 22 5 22Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-export")) {
+  customElements.define("icon-export", NavaIconExport);
+}

package/dist/chunk-L6AQM2FV.js

@@ -0,0 +1,45 @@
+// src/icons/heading.ts
+var NavaIconHeading = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M18 20V4H15V10H9V4H6V20H9V13H15V20H18Z" />`;
+    const filledPaths = `<path d="M18 20V4H15V10H9V4H6V20H9V13H15V20H18Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-heading")) {
+  customElements.define("icon-heading", NavaIconHeading);
+}

package/dist/chunk-L7IUIHAU.js

@@ -0,0 +1,45 @@
+// src/icons/low-vision.ts
+var NavaIconLowVision = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M12 4.998C10.164 4.998 8.64398 5.387 7.38298 5.969L3.70698 2.293L2.29298 3.707L5.60798 7.023C2.99498 8.975 2.06498 11.641 2.05098 11.683L1.94598 11.999L2.05098 12.315C2.07298 12.382 4.36698 19 12 19C13.835 19 15.354 18.611 16.615 18.029L20.293 21.707L21.707 20.293L18.39 16.976C21.004 15.024 21.935 12.358 21.949 12.316L22.054 12L21.949 11.684C21.927 11.616 19.633 4.998 12 4.998ZM4.07398 12C4.17698 11.764 4.34798 11.414 4.59498 11.011L10.462 16.878C6.24898 16.23 4.52298 13.035 4.07398 12ZM13.321 16.907L5.84098 9.426C6.20502 9.06182 6.60281 8.73301 7.02898 8.444L15.084 16.498C14.5119 16.6943 13.9211 16.8314 13.321 16.907ZM16.969 15.555L15.428 14.014C15.782 13.418 16 12.734 16 11.999C16 11.525 15.901 11.075 15.745 10.65C15.6535 10.7587 15.5395 10.8463 15.4109 10.9067C15.2823 10.9672 15.1421 10.999 15 11C14.7348 11 14.4804 10.8946 14.2929 10.7071C14.1053 10.5196 14 10.2652 14 10C14 9.561 14.288 9.198 14.682 9.064C13.9532 8.38515 12.9959 8.00501 12 7.999C11.265 7.999 10.581 8.217 9.98498 8.571L8.91498 7.501C9.90754 7.16033 10.9506 6.99026 12 6.998C17.351 6.998 19.425 10.845 19.926 11.998C19.2848 13.4322 18.2619 14.6627 16.969 15.555Z" />`;
+    const filledPaths = `<path d="M12 4.998C10.164 4.998 8.64404 5.387 7.38304 5.969L3.70704 2.293L2.29304 3.707L5.60804 7.022C2.99504 8.974 2.06505 11.64 2.05105 11.682L1.94604 11.998L2.05105 12.314C2.07305 12.382 4.36704 19 12 19C13.835 19 15.354 18.611 16.615 18.029L20.293 21.707L21.707 20.293L18.39 16.976C21.004 15.024 21.935 12.358 21.949 12.316L22.054 12L21.949 11.684C21.927 11.616 19.633 4.998 12 4.998ZM12.043 7H12C13.3261 7 14.5979 7.52678 15.5356 8.46447C16.4733 9.40215 17 10.6739 17 12C16.995 12.9759 16.6983 13.928 16.148 14.734L15.427 14.013C15.7972 13.4061 15.9952 12.7099 16 11.999C16 11.525 15.901 11.074 15.745 10.65C15.6535 10.7586 15.5395 10.8461 15.4109 10.9065C15.2823 10.967 15.1421 10.9988 15 11C14.7348 11 14.4805 10.8946 14.2929 10.7071C14.1054 10.5196 14 10.2652 14 10C14 9.561 14.288 9.198 14.682 9.064C13.9535 8.38473 12.9961 8.00452 12 7.999C11.265 7.999 10.581 8.217 9.98504 8.571L9.26505 7.851C10.053 7.326 10.982 7 12 7H11.957L12 6.998L12.043 7ZM4.07404 11.999C4.17704 11.764 4.34804 11.413 4.59504 11.01L10.462 16.877C6.24904 16.23 4.52304 13.035 4.07404 11.999ZM13.321 16.907L5.84104 9.427C6.20503 9.06216 6.60281 8.73268 7.02904 8.443L15.084 16.498C14.5119 16.6943 13.9212 16.8314 13.321 16.907Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-low-vision")) {
+  customElements.define("icon-low-vision", NavaIconLowVision);
+}

package/dist/chunk-LAEGBZGL.js

@@ -0,0 +1,49 @@
+// src/icons/handicap.ts
+var NavaIconHandicap = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M9 6C10.1046 6 11 5.10457 11 4C11 2.89543 10.1046 2 9 2C7.89543 2 7 2.89543 7 4C7 5.10457 7.89543 6 9 6Z" />
+<path d="M16.98 14.804C16.9347 14.5774 16.8123 14.3735 16.6336 14.2269C16.455 14.0803 16.2311 14.0001 16 14H11.867L11.438 11H16V9H11.153L10.99 7.858C10.9558 7.6198 10.8369 7.40191 10.655 7.24431C10.4732 7.08671 10.2406 6.99997 9.99998 7H8.99998C8.8568 7.00047 8.71539 7.0316 8.58524 7.09128C8.45509 7.15096 8.33922 7.23781 8.24544 7.346C8.15165 7.45419 8.08211 7.5812 8.0415 7.7185C8.00089 7.8558 7.99014 8.0002 8.00998 8.142L8.88698 14.284C8.9571 14.7596 9.19544 15.1943 9.55875 15.5092C9.92206 15.8241 10.3862 15.9982 10.867 16H15.18L16.019 20.196C16.113 20.663 16.523 21 17 21H20V19H17.819L16.98 14.804Z" />
+<path d="M12.51 17.5C11.771 18.976 10.26 20 8.5 20C7.30693 19.9987 6.16311 19.5241 5.31948 18.6805C4.47585 17.8369 4.00132 16.6931 4 15.5C4.00168 14.604 4.27064 13.7288 4.77246 12.9865C5.27428 12.2442 5.98615 11.6685 6.817 11.333L6.528 9.308C3.905 10.145 2 12.604 2 15.5C2 19.084 4.916 22 8.5 22C9.6148 21.9984 10.7104 21.7101 11.6816 21.1626C12.6527 20.6151 13.4666 19.827 14.045 18.874L13.771 17.5H12.51Z" />`;
+    const filledPaths = `<path d="M9 6C10.1046 6 11 5.10457 11 4C11 2.89543 10.1046 2 9 2C7.89543 2 7 2.89543 7 4C7 5.10457 7.89543 6 9 6Z" />
+<path d="M16.98 14.804C16.9347 14.5774 16.8123 14.3735 16.6336 14.2269C16.455 14.0803 16.2311 14.0001 16 14H11.867L11.438 11H16V9H11.153L10.99 7.858C10.9558 7.6198 10.8369 7.40191 10.655 7.24431C10.4732 7.08671 10.2406 6.99997 9.99998 7H8.99998C8.8568 7.00047 8.71539 7.0316 8.58524 7.09128C8.45509 7.15096 8.33922 7.23781 8.24544 7.346C8.15165 7.45419 8.08211 7.5812 8.0415 7.7185C8.00089 7.8558 7.99014 8.0002 8.00998 8.142L8.88698 14.284C8.9571 14.7596 9.19544 15.1943 9.55875 15.5092C9.92206 15.8241 10.3862 15.9982 10.867 16H15.18L16.019 20.196C16.113 20.663 16.523 21 17 21H20V19H17.819L16.98 14.804Z" />
+<path d="M12.51 17.5C11.771 18.976 10.26 20 8.5 20C7.30693 19.9987 6.16311 19.5241 5.31948 18.6805C4.47585 17.8369 4.00132 16.6931 4 15.5C4.00168 14.604 4.27064 13.7288 4.77246 12.9865C5.27428 12.2442 5.98615 11.6685 6.817 11.333L6.528 9.308C3.905 10.145 2 12.604 2 15.5C2 19.084 4.916 22 8.5 22C9.6148 21.9984 10.7104 21.7101 11.6816 21.1626C12.6527 20.6151 13.4666 19.827 14.045 18.874L13.771 17.5H12.51Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-handicap")) {
+  customElements.define("icon-handicap", NavaIconHandicap);
+}

package/dist/chunk-LAZQEYC6.js

@@ -0,0 +1,45 @@
+// src/icons/gift.ts
+var NavaIconGift = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M20 7H18.791C18.9377 6.51378 19.0082 6.00779 19 5.5C19 3.57 17.43 2 15.5 2C13.878 2 12.795 3.482 12.096 5.085C11.407 3.57 10.269 2 8.5 2C6.57 2 5 3.57 5 5.5C5 6.096 5.079 6.589 5.209 7H4C2.897 7 2 7.897 2 9V11C2 12.103 2.897 13 4 13V20C4 21.103 4.897 22 6 22H18C19.103 22 20 21.103 20 20V13C21.103 13 22 12.103 22 11V9C22 7.897 21.103 7 20 7ZM15.5 4C16.327 4 17 4.673 17 5.5C17 7 16.374 7 16 7H13.522C14.033 5.424 14.775 4 15.5 4ZM7 5.5C7 4.673 7.673 4 8.5 4C9.388 4 10.214 5.525 10.698 7H8C7.626 7 7 7 7 5.5ZM4 9H11V11H4V9ZM6 20V13H11V20H6ZM18 20H13V13H18V20ZM13 11V9.085L13.017 9H20L20.001 11H13Z" />`;
+    const filledPaths = `<path d="M5 12H4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H11V12H5ZM18 12H13V22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12H18ZM18.791 7C18.9377 6.51378 19.0082 6.00779 19 5.5C19 3.57 17.43 2 15.5 2C13.878 2 12.795 3.482 12.096 5.085C11.407 3.57 10.269 2 8.5 2C6.57 2 5 3.57 5 5.5C5 6.096 5.079 6.589 5.209 7H2V11H11V9H13V11H22V7H18.791ZM7 5.5C7 4.673 7.673 4 8.5 4C9.388 4 10.214 5.525 10.698 7H8C7.626 7 7 7 7 5.5ZM15.5 4C16.327 4 17 4.673 17 5.5C17 7 16.374 7 16 7H13.523C14.033 5.424 14.774 4 15.5 4Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-gift")) {
+  customElements.define("icon-gift", NavaIconGift);
+}

package/dist/chunk-LCYW5SE4.js

@@ -0,0 +1,46 @@
+// src/icons/checkbox-checked.ts
+var NavaIconCheckboxChecked = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M7 5C5.897 5 5 5.897 5 7V17C5 18.103 5.897 19 7 19H17C18.103 19 19 18.103 19 17V7C19 5.897 18.103 5 17 5H7ZM7 17V7H17L17.002 17H7Z" />
+<path d="M10.996 12.556L9.69999 11.285L8.29999 12.715L11.004 15.362L15.703 10.711L14.297 9.289L10.996 12.556Z" />`;
+    const filledPaths = `<path d="M7 5C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V17C5 17.5304 5.21071 18.0391 5.58579 18.4142C5.96086 18.7893 6.46957 19 7 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V7C19 6.46957 18.7893 5.96086 18.4142 5.58579C18.0391 5.21071 17.5304 5 17 5H7ZM11 15.414L8.293 12.707L9.707 11.293L11 12.586L14.793 8.793L16.207 10.207L11 15.414Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-checkbox-checked")) {
+  customElements.define("icon-checkbox-checked", NavaIconCheckboxChecked);
+}

package/dist/chunk-LDCZ4FVW.js

@@ -0,0 +1,47 @@
+// src/icons/run.ts
+var NavaIconRun = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M17 6C18.1046 6 19 5.10457 19 4C19 2.89543 18.1046 2 17 2C15.8954 2 15 2.89543 15 4C15 5.10457 15.8954 6 17 6Z" />
+<path d="M15.777 10.969C16.0066 11.3111 16.3358 11.5742 16.7201 11.7227C17.1044 11.8712 17.5251 11.8978 17.925 11.799L21.241 10.97L20.758 9.03L17.442 9.859L16.063 7.792C15.7684 7.35056 15.3111 7.04357 14.791 6.938L10.945 6.168C10.5147 6.08165 10.068 6.13936 9.67383 6.3322C9.27964 6.52505 8.9599 6.84232 8.764 7.235L7.106 10.551L8.895 11.446L10.553 8.129L12.52 8.523L7.434 17H3V19H7.434C8.132 19 8.789 18.628 9.149 18.029L11.067 14.833L16.236 15.867L18.052 21.316L19.948 20.683L18.133 15.235C18.021 14.9005 17.8228 14.6015 17.5584 14.368C17.294 14.1345 16.9728 13.9748 16.627 13.905L13.588 13.298L15.36 10.344L15.777 10.969Z" />`;
+    const filledPaths = `<path d="M17 6C18.1046 6 19 5.10457 19 4C19 2.89543 18.1046 2 17 2C15.8954 2 15 2.89543 15 4C15 5.10457 15.8954 6 17 6Z" />
+<path d="M15.777 10.969C16.0066 11.3111 16.3358 11.5742 16.7201 11.7227C17.1044 11.8712 17.5251 11.8978 17.925 11.799L21.241 10.97L20.758 9.03L17.442 9.859L16.063 7.792C15.7684 7.35056 15.3111 7.04357 14.791 6.938L10.945 6.168C10.5147 6.08165 10.068 6.13936 9.67383 6.3322C9.27964 6.52505 8.9599 6.84232 8.764 7.235L7.106 10.551L8.895 11.446L10.553 8.129L12.52 8.523L7.434 17H3V19H7.434C8.132 19 8.789 18.628 9.149 18.029L11.067 14.833L16.236 15.867L18.052 21.316L19.948 20.683L18.133 15.235C18.021 14.9005 17.8228 14.6015 17.5584 14.368C17.294 14.1345 16.9728 13.9748 16.627 13.905L13.588 13.298L15.36 10.344L15.777 10.969Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    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-run")) {
+  customElements.define("icon-run", NavaIconRun);
+}

package/dist/chunk-LE7HONYC.js

@@ -0,0 +1,46 @@
+// src/icons/caret-right-square.ts
+var NavaIconCaretRightSquare = 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 size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M10 17L16 12L10 7V17Z" />
+<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V5C21 3.897 20.103 3 19 3ZM5 19V5H19L19.002 19H5Z" />`;
+    const filledPaths = `<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 21ZM10 7L16 12L10 17V7Z" />`;
+    const paths = isFilled && filledPaths ? filledPaths : regularPaths;
+    const strokeBased = isFilled ? false : false;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-caret-right-square")) {
+  customElements.define("icon-caret-right-square", NavaIconCaretRightSquare);
+}