@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-3636SDOE.js

@@ -0,0 +1,47 @@
+// src/icons/rocket.ts
+var NavaIconRocket = 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.92 2.38C19.7974 2.12857 18.6505 2.00114 17.5 2C16.4135 1.93101 15.3241 2.0775 14.2944 2.43103C13.2647 2.78456 12.315 3.33816 11.5 4.06C10.4267 5.13333 9.36335 6.20333 8.31002 7.27C7.10002 7.14 4.23002 7.07 2.31002 9.01C2.12377 9.19736 2.01923 9.45081 2.01923 9.715C2.01923 9.97918 2.12377 10.2326 2.31002 10.42L13.61 21.74C13.7974 21.9262 14.0508 22.0308 14.315 22.0308C14.5792 22.0308 14.8327 21.9262 15.02 21.74C16.97 19.74 16.91 16.92 16.79 15.74L20 12.54C23.19 9.35 21.74 3.36 21.68 3.11C21.6339 2.92963 21.5383 2.76574 21.404 2.63677C21.2697 2.50779 21.1021 2.41887 20.92 2.38ZM18.56 11.13L15 14.67C14.8847 14.7864 14.7998 14.9294 14.7527 15.0863C14.7056 15.2432 14.6978 15.4093 14.73 15.57C14.946 16.9078 14.758 18.2796 14.19 19.51L4.52002 9.82C5.76987 9.24477 7.16703 9.07012 8.52002 9.32C8.68009 9.34084 8.84284 9.32262 8.99434 9.2669C9.14584 9.21117 9.2816 9.1196 9.39002 9C9.39002 9 10.79 7.55 12.9 5.44C14.1974 4.39811 15.8401 3.88389 17.5 4C18.2808 4.00387 19.06 4.07075 19.83 4.2C20.07 5.63 20.45 9.24 18.56 11.13Z" />
+<path d="M15.73 10.3C16.8345 10.3 17.73 9.40456 17.73 8.29999C17.73 7.19542 16.8345 6.29999 15.73 6.29999C14.6254 6.29999 13.73 7.19542 13.73 8.29999C13.73 9.40456 14.6254 10.3 15.73 10.3Z" />
+<path d="M5 16C3 17 3 21 3 21C4.85107 20.9472 6.62315 20.2384 8 19L5 16Z" />`;
+    const filledPaths = `<path d="M15.78 15.84C15.78 15.84 18.64 13 19.61 12C22.68 9 21.15 2.82 21.15 2.82C21.15 2.82 15 1.29 12 4.36C9.66 6.64 8.14 8.22 8.14 8.22C8.14 8.22 4.3 7.42 2 9.72L14.25 22C16.55 19.67 15.78 15.84 15.78 15.84ZM14.28 6.84C14.4657 6.65405 14.6863 6.50653 14.9291 6.40588C15.1719 6.30524 15.4322 6.25343 15.695 6.25343C15.9578 6.25343 16.2181 6.30524 16.4609 6.40588C16.7037 6.50653 16.9243 6.65405 17.11 6.84C17.3895 7.1198 17.5797 7.47617 17.6567 7.86407C17.7337 8.25197 17.694 8.65399 17.5425 9.01931C17.3911 9.38463 17.1348 9.69686 16.8059 9.91652C16.4771 10.1362 16.0905 10.2534 15.695 10.2534C15.2995 10.2534 14.9129 10.1362 14.5841 9.91652C14.2552 9.69686 13.9989 9.38463 13.8475 9.01931C13.696 8.65399 13.6563 8.25197 13.7333 7.86407C13.8103 7.47617 14.0005 7.1198 14.28 6.84ZM3 21C4.85107 20.9472 6.62315 20.2384 8 19L5 16C3 17 3 21 3 21Z" />`;
+    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-rocket")) {
+  customElements.define("icon-rocket", NavaIconRocket);
+}

package/dist/chunk-36NTLR3U.js

@@ -0,0 +1,53 @@
+// src/icons/scatter-chart.ts
+var NavaIconScatterChart = 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 21H21V19H5V3H3V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21Z" />
+<path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" />
+<path d="M18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z" />
+<path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
+<path d="M16.5 8C17.3284 8 18 7.32843 18 6.5C18 5.67157 17.3284 5 16.5 5C15.6716 5 15 5.67157 15 6.5C15 7.32843 15.6716 8 16.5 8Z" />`;
+    const filledPaths = `<path d="M4 21H21V19H5V3H3V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21Z" />
+<path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" />
+<path d="M18 14C19.1046 14 20 13.1046 20 12C20 10.8954 19.1046 10 18 10C16.8954 10 16 10.8954 16 12C16 13.1046 16.8954 14 18 14Z" />
+<path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
+<path d="M16.5 8C17.3284 8 18 7.32843 18 6.5C18 5.67157 17.3284 5 16.5 5C15.6716 5 15 5.67157 15 6.5C15 7.32843 15.6716 8 16.5 8Z" />`;
+    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-scatter-chart")) {
+  customElements.define("icon-scatter-chart", NavaIconScatterChart);
+}

package/dist/chunk-36SWEDZZ.js

@@ -0,0 +1,45 @@
+// src/icons/buoy.ts
+var NavaIconBuoy = 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 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 2ZM19.411 9H16V9.031C15.7082 8.63915 15.3609 8.29184 14.969 8H15V4.589C15.9921 4.99325 16.8933 5.59171 17.6508 6.3492C18.4083 7.1067 19.0067 8.00795 19.411 9ZM12 15C10.346 15 9 13.654 9 12C9 10.346 10.346 9 12 9C13.654 9 15 10.346 15 12C15 13.654 13.654 15 12 15ZM13 4.069V7.101C12.3402 6.96598 11.6598 6.96598 11 7.101V4.069C11.328 4.028 11.66 4 12 4C12.34 4 12.672 4.028 13 4.069ZM9 4.589V8H9.031C8.63915 8.29184 8.29184 8.63915 8 9.031V9H4.589C5.402 7 6.999 5.402 9 4.589ZM4.069 11H7.101C6.9665 11.6599 6.96684 12.3402 7.102 13H4.069C4.028 12.672 4 12.339 4 12C4 11.661 4.028 11.328 4.069 11ZM4.589 15H8V14.969C8.284 15.35 8.621 15.687 9 15.974V19.411C8.00795 19.0067 7.1067 18.4083 6.3492 17.6508C5.59171 16.8933 4.99325 15.9921 4.589 15ZM11 19.931V16.899C11.6598 17.034 12.3402 17.034 13 16.899V19.931C12.672 19.972 12.34 20 12 20C11.66 20 11.328 19.972 11 19.931ZM15 19.411V15.974C15.379 15.6878 15.7157 15.3495 16 14.969V15H19.411C19.0067 15.9921 18.4083 16.8933 17.6508 17.6508C16.8933 18.4083 15.9921 19.0067 15 19.411ZM19.931 13H16.899C17.0335 12.3401 17.0332 11.6598 16.898 11H19.93C19.972 11.328 20 11.661 20 12C20 12.339 19.972 12.672 19.931 13Z" />`;
+    const filledPaths = `<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 2ZM19.736 10H16.576C16.0702 8.84907 15.1509 7.92982 14 7.424V4.263C15.38 4.6225 16.6391 5.3437 17.6475 6.35218C18.6558 7.36066 19.3767 8.61991 19.736 10ZM12 15C10.346 15 9 13.654 9 12C9 10.346 10.346 9 12 9C13.654 9 15 10.346 15 12C15 13.654 13.654 15 12 15ZM10 4.263V7.424C8.84907 7.92982 7.92982 8.84907 7.424 10H4.264C4.62326 8.61991 5.34424 7.36066 6.35254 6.35218C7.36085 5.3437 8.61997 4.6225 10 4.263ZM4.264 14H7.424C7.92982 15.1509 8.84907 16.0702 10 16.576V19.737C8.61997 19.3775 7.36085 18.6563 6.35254 17.6478C5.34424 16.6393 4.62326 15.3801 4.264 14ZM14 19.737V16.576C15.1509 16.0702 16.0702 15.1509 16.576 14H19.736C19.3767 15.3801 18.6558 16.6393 17.6475 17.6478C16.6391 18.6563 15.38 19.3775 14 19.737Z" />`;
+    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-buoy")) {
+  customElements.define("icon-buoy", NavaIconBuoy);
+}

package/dist/chunk-37UEV42Q.js

@@ -0,0 +1,47 @@
+// src/icons/windows.ts
+var NavaIconWindows = 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="M16 7H4C2.897 7 2 7.897 2 9V19C2 20.103 2.897 21 4 21H16C17.103 21 18 20.103 18 19V9C18 7.897 17.103 7 16 7ZM4 19V11H16V9L16.002 19H4Z" />
+<path d="M22 5C22 3.897 21.103 3 20 3H7C5.897 3 5 3.897 5 5H18.001C19.102 5 19.997 5.895 20 6.994L20.002 15H20V17C21.103 17 22 16.103 22 15V8.007L22.001 8V6L22 5.99V5Z" />`;
+    const filledPaths = `<path d="M16 7H4C2.897 7 2 7.897 2 9V19C2 20.103 2.897 21 4 21H16C17.103 21 18 20.103 18 19V9C18 7.897 17.103 7 16 7ZM4 19V11H16V9L16.002 19H4Z" />
+<path d="M22 5C22 3.897 21.103 3 20 3H7C5.897 3 5 3.897 5 5H18.001C19.102 5 19.997 5.895 20 6.994L20.002 15H20V17C21.103 17 22 16.103 22 15V8.007L22.001 8V6L22 5.99V5Z" />`;
+    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-windows")) {
+  customElements.define("icon-windows", NavaIconWindows);
+}

package/dist/chunk-37YCQSMH.js

@@ -0,0 +1,47 @@
+// src/icons/cloud-drizzle.ts
+var NavaIconCloudDrizzle = 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="M8 13H10V16H8V13ZM8 17H10V20H8V17ZM11 15H13V18H11V15ZM11 19H13V22H11V19ZM14 13H16V16H14V13ZM14 17H16V20H14V17Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.245 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.255 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 filledPaths = `<path d="M8 13H10V16H8V13ZM8 17H10V20H8V17ZM11 15H13V18H11V15ZM11 19H13V22H11V19ZM14 13H16V16H14V13ZM14 17H16V20H14V17Z" />
+<path d="M18.944 10.112C18.507 6.67 15.56 4 12 4C9.245 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.255 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 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-cloud-drizzle")) {
+  customElements.define("icon-cloud-drizzle", NavaIconCloudDrizzle);
+}

package/dist/chunk-3A7KFD5B.js

@@ -0,0 +1,47 @@
+// src/icons/mobile-alt.ts
+var NavaIconMobileAlt = 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="M16.75 2H6.75C5.647 2 4.75 2.897 4.75 4V20C4.75 21.103 5.647 22 6.75 22H16.75C17.853 22 18.75 21.103 18.75 20V4C18.75 2.897 17.853 2 16.75 2ZM6.75 20V4H16.75L16.752 20H6.75Z" />
+<path d="M11.75 19C12.3023 19 12.75 18.5523 12.75 18C12.75 17.4477 12.3023 17 11.75 17C11.1977 17 10.75 17.4477 10.75 18C10.75 18.5523 11.1977 19 11.75 19Z" />`;
+    const filledPaths = `<path d="M16.75 2H6.75C5.647 2 4.75 2.897 4.75 4V20C4.75 21.103 5.647 22 6.75 22H16.75C17.853 22 18.75 21.103 18.75 20V4C18.75 2.897 17.853 2 16.75 2ZM6.75 20V4H16.75L16.752 20H6.75Z" />
+<path d="M11.75 19C12.3023 19 12.75 18.5523 12.75 18C12.75 17.4477 12.3023 17 11.75 17C11.1977 17 10.75 17.4477 10.75 18C10.75 18.5523 11.1977 19 11.75 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-mobile-alt")) {
+  customElements.define("icon-mobile-alt", NavaIconMobileAlt);
+}

package/dist/chunk-3ENG3VPM.js

@@ -0,0 +1,47 @@
+// src/icons/disc.ts
+var NavaIconDisc = 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 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 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" />
+<path d="M12 8C11.2089 8 10.4355 8.2346 9.77772 8.67412C9.11993 9.11365 8.60723 9.73836 8.30448 10.4693C8.00173 11.2002 7.92252 12.0044 8.07686 12.7804C8.2312 13.5563 8.61216 14.269 9.17157 14.8284C9.73098 15.3878 10.4437 15.7688 11.2196 15.9231C11.9956 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8864 14.8801 15.3259 14.2223C15.7654 13.5645 16 12.7911 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8ZM12 14C11.6044 14 11.2178 13.8827 10.8889 13.6629C10.56 13.4432 10.3036 13.1308 10.1522 12.7654C10.0009 12.3999 9.96126 11.9978 10.0384 11.6098C10.1156 11.2219 10.3061 10.8655 10.5858 10.5858C10.8655 10.3061 11.2219 10.1156 11.6098 10.0384C11.9978 9.96126 12.3999 10.0009 12.7654 10.1522C13.1308 10.3036 13.4432 10.56 13.6629 10.8889C13.8827 11.2178 14 11.6044 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14Z" />`;
+    const filledPaths = `<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 2ZM12 16C9.794 16 8 14.206 8 12C8 9.794 9.794 8 12 8C14.206 8 16 9.794 16 12C16 14.206 14.206 16 12 16Z" />
+<path d="M11.9981 14C13.1038 14 14.0001 13.1037 14.0001 11.998C14.0001 10.8923 13.1038 9.996 11.9981 9.996C10.8924 9.996 9.99609 10.8923 9.99609 11.998C9.99609 13.1037 10.8924 14 11.9981 14Z" />`;
+    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-disc")) {
+  customElements.define("icon-disc", NavaIconDisc);
+}

package/dist/chunk-3FSMP3EB.js

@@ -0,0 +1,45 @@
+// src/icons/dollar.ts
+var NavaIconDollar = 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="M15.999 8.5H17.999C17.999 5.663 15.244 4.369 12.999 4.071V2H10.999V4.071C8.75402 4.369 5.99902 5.663 5.99902 8.5C5.99902 11.206 8.66502 12.613 10.999 12.93V17.9C9.55102 17.649 7.99902 16.876 7.99902 15.5H5.99902C5.99902 18.089 8.42402 19.619 10.999 19.936V22H12.999V19.93C15.244 19.632 17.999 18.337 17.999 15.5C17.999 12.663 15.244 11.369 12.999 11.071V6.1C14.329 6.339 15.999 7.041 15.999 8.5ZM7.99902 8.5C7.99902 7.041 9.66902 6.339 10.999 6.1V10.899C9.62802 10.646 7.99902 9.897 7.99902 8.5ZM15.999 15.5C15.999 16.959 14.329 17.661 12.999 17.9V13.1C14.329 13.339 15.999 14.041 15.999 15.5Z" />`;
+    const filledPaths = `<path d="M15.999 8.5H17.999C17.999 5.663 15.244 4.369 12.999 4.071V2H10.999V4.071C8.75402 4.369 5.99902 5.663 5.99902 8.5C5.99902 11.206 8.66502 12.613 10.999 12.93V17.9C9.55102 17.649 7.99902 16.876 7.99902 15.5H5.99902C5.99902 18.089 8.42402 19.619 10.999 19.936V22H12.999V19.93C15.244 19.632 17.999 18.337 17.999 15.5C17.999 12.663 15.244 11.369 12.999 11.071V6.1C14.329 6.339 15.999 7.041 15.999 8.5ZM7.99902 8.5C7.99902 7.041 9.66902 6.339 10.999 6.1V10.899C9.62802 10.646 7.99902 9.897 7.99902 8.5ZM15.999 15.5C15.999 16.959 14.329 17.661 12.999 17.9V13.1C14.329 13.339 15.999 14.041 15.999 15.5Z" />`;
+    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-dollar")) {
+  customElements.define("icon-dollar", NavaIconDollar);
+}

package/dist/chunk-3LKW6CA7.js

@@ -0,0 +1,45 @@
+// src/icons/car-crash.ts
+var NavaIconCarCrash = 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="M2.63392 17.918C2.70335 18.2196 2.85086 18.4976 3.06166 18.7242C3.27245 18.9508 3.53912 19.118 3.83492 19.209L4.01492 20H3.99992V22H19.9999V20H6.68292C6.69605 19.9076 6.69369 19.8136 6.67592 19.722L6.47992 18.859L16.8369 16.503L17.0329 17.366C17.0851 17.595 17.2261 17.7938 17.4249 17.9189C17.6236 18.044 17.8639 18.085 18.0929 18.033L18.9559 17.836C19.0694 17.8103 19.1766 17.7624 19.2715 17.6952C19.3665 17.628 19.4472 17.5427 19.5092 17.4443C19.5711 17.3458 19.613 17.2361 19.6326 17.1215C19.6521 17.0068 19.6488 16.8894 19.6229 16.776L19.3719 15.673C19.8179 15.257 20.0419 14.627 19.8969 13.99L19.3069 11.4C19.2353 11.088 19.08 10.8014 18.8576 10.5711C18.6352 10.3408 18.3543 10.1755 18.0449 10.093L15.9959 6.715C15.6938 6.21869 15.2434 5.82979 14.7084 5.60318C14.1733 5.37657 13.5806 5.32369 13.0139 5.452L5.14592 7.242C4.57861 7.37051 4.06617 7.67442 3.68132 8.11061C3.29647 8.54679 3.05876 9.09309 3.00192 9.672L2.61492 13.604C2.37219 13.8124 2.19086 14.0831 2.09043 14.3868C1.99 14.6906 1.97427 15.016 2.04492 15.328L2.63392 17.918ZM5.65392 17.23C5.48393 17.2687 5.30796 17.2736 5.13608 17.2444C4.9642 17.2151 4.79977 17.1523 4.65217 17.0594C4.50457 16.9666 4.3767 16.8457 4.27585 16.7034C4.17501 16.5612 4.10316 16.4005 4.06442 16.2305C4.02568 16.0605 4.02081 15.8845 4.05007 15.7127C4.07933 15.5408 4.14216 15.3763 4.23498 15.2287C4.32779 15.0811 4.44876 14.9533 4.59099 14.8524C4.73323 14.7516 4.89393 14.6797 5.06392 14.641C5.40725 14.5628 5.76759 14.6241 6.06568 14.8116C6.36376 14.999 6.57518 15.2972 6.65342 15.6405C6.73166 15.9838 6.67031 16.3442 6.48287 16.6423C6.29543 16.9403 5.99725 17.1518 5.65392 17.23ZM16.8759 14.678C16.703 14.7255 16.5223 14.7375 16.3446 14.7133C16.1669 14.6891 15.996 14.6292 15.8421 14.5371C15.6882 14.445 15.5546 14.3228 15.4493 14.1777C15.3439 14.0326 15.2691 13.8676 15.2292 13.6928C15.1893 13.518 15.1853 13.3369 15.2173 13.1604C15.2493 12.984 15.3167 12.8159 15.4154 12.6662C15.5142 12.5165 15.6422 12.3884 15.7918 12.2895C15.9414 12.1907 16.1095 12.1231 16.2859 12.091C16.6225 12.0297 16.9697 12.1006 17.2552 12.289C17.5408 12.4774 17.7426 12.7687 17.8187 13.1022C17.8948 13.4357 17.8392 13.7857 17.6635 14.0793C17.4879 14.3729 17.2058 14.5873 16.8759 14.678ZM5.58892 9.192L13.4579 7.401C13.6156 7.36537 13.7805 7.38008 13.9294 7.44304C14.0782 7.506 14.2036 7.61405 14.2879 7.752L15.8729 10.365L15.3069 10.494L5.26092 12.781L4.69292 12.91L4.99192 9.868C5.00802 9.70697 5.07432 9.55506 5.18144 9.43376C5.28857 9.31245 5.43111 9.22788 5.58892 9.192ZM18.4049 4L16.9999 2L16.4999 5L18.9999 9L21.9999 10L19.9999 7.461L21.9999 6.528L19.9999 5.595L21.9999 2L18.4049 4Z" />`;
+    const filledPaths = `<path d="M2.63392 17.918C2.70335 18.2196 2.85086 18.4976 3.06166 18.7242C3.27245 18.9508 3.53912 19.118 3.83492 19.209L4.01492 20H3.99992V22H19.9999V20H6.68292C6.69605 19.9076 6.69369 19.8136 6.67592 19.722L6.47992 18.859L16.8369 16.503L17.0329 17.366C17.0851 17.595 17.2261 17.7938 17.4249 17.9189C17.6236 18.044 17.8639 18.085 18.0929 18.033L18.9559 17.836C19.0694 17.8103 19.1766 17.7624 19.2715 17.6952C19.3665 17.628 19.4472 17.5427 19.5092 17.4443C19.5711 17.3458 19.613 17.2361 19.6326 17.1215C19.6521 17.0068 19.6488 16.8894 19.6229 16.776L19.3719 15.673C19.8179 15.257 20.0419 14.627 19.8969 13.99L19.3069 11.4C19.2353 11.088 19.08 10.8014 18.8576 10.5711C18.6352 10.3408 18.3543 10.1755 18.0449 10.093L15.9959 6.715C15.6938 6.21869 15.2434 5.82979 14.7084 5.60318C14.1733 5.37657 13.5806 5.32369 13.0139 5.452L5.14592 7.242C4.57861 7.37051 4.06617 7.67442 3.68132 8.11061C3.29647 8.54679 3.05876 9.09309 3.00192 9.672L2.61492 13.604C2.37219 13.8124 2.19086 14.0831 2.09043 14.3868C1.99 14.6906 1.97427 15.016 2.04492 15.328L2.63392 17.918ZM5.65392 17.23C5.48393 17.2687 5.30796 17.2736 5.13608 17.2444C4.9642 17.2151 4.79977 17.1523 4.65217 17.0594C4.50457 16.9666 4.3767 16.8457 4.27585 16.7034C4.17501 16.5612 4.10316 16.4005 4.06442 16.2305C4.02568 16.0605 4.02081 15.8845 4.05007 15.7127C4.07933 15.5408 4.14216 15.3763 4.23498 15.2287C4.32779 15.0811 4.44876 14.9533 4.59099 14.8524C4.73323 14.7516 4.89393 14.6797 5.06392 14.641C5.40725 14.5628 5.76759 14.6241 6.06568 14.8116C6.36376 14.999 6.57518 15.2972 6.65342 15.6405C6.73166 15.9838 6.67031 16.3442 6.48287 16.6423C6.29543 16.9403 5.99725 17.1518 5.65392 17.23ZM16.8759 14.678C16.703 14.7255 16.5223 14.7375 16.3446 14.7133C16.1669 14.6891 15.996 14.6292 15.8421 14.5371C15.6882 14.445 15.5546 14.3228 15.4493 14.1777C15.3439 14.0326 15.2691 13.8676 15.2292 13.6928C15.1893 13.518 15.1853 13.3369 15.2173 13.1604C15.2493 12.984 15.3167 12.8159 15.4154 12.6662C15.5142 12.5165 15.6422 12.3884 15.7918 12.2895C15.9414 12.1907 16.1095 12.1231 16.2859 12.091C16.6225 12.0297 16.9697 12.1006 17.2552 12.289C17.5408 12.4774 17.7426 12.7687 17.8187 13.1022C17.8948 13.4357 17.8392 13.7857 17.6635 14.0793C17.4879 14.3729 17.2058 14.5873 16.8759 14.678ZM5.58892 9.192L13.4579 7.401C13.6156 7.36537 13.7805 7.38008 13.9294 7.44304C14.0782 7.506 14.2036 7.61405 14.2879 7.752L15.8729 10.365L15.3069 10.494L5.26092 12.781L4.69292 12.91L4.99192 9.868C5.00802 9.70697 5.07432 9.55506 5.18144 9.43376C5.28857 9.31245 5.43111 9.22788 5.58892 9.192ZM18.4049 4L16.9999 2L16.4999 5L18.9999 9L21.9999 10L19.9999 7.461L21.9999 6.528L19.9999 5.595L21.9999 2L18.4049 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-car-crash")) {
+  customElements.define("icon-car-crash", NavaIconCarCrash);
+}

package/dist/chunk-3N7SGJPB.js

@@ -0,0 +1,47 @@
+// src/icons/webcam.ts
+var NavaIconWebcam = 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 2C7.037 2 3 6.038 3 11C3 14.328 4.82 17.232 7.513 18.79L5.446 20.168C5.26749 20.287 5.132 20.4603 5.05954 20.6623C4.98707 20.8642 4.98148 21.0841 5.04358 21.2895C5.10569 21.4948 5.23219 21.6748 5.40442 21.8027C5.57664 21.9307 5.78545 21.9998 6 22H18C18.2146 22 18.4236 21.931 18.596 21.8032C18.7684 21.6753 18.895 21.4953 18.9573 21.2899C19.0195 21.0845 19.014 20.8645 18.9415 20.6625C18.8691 20.4604 18.7336 20.2871 18.555 20.168L16.488 18.79C19.18 17.232 21 14.328 21 11C21 6.038 16.963 2 12 2ZM12 18C8.141 18 5 14.859 5 11C5 7.14 8.141 4 12 4C15.859 4 19 7.14 19 11C19 14.859 15.859 18 12 18Z" />
+<path d="M12 6C9.243 6 7 8.243 7 11C7 13.757 9.243 16 12 16C14.757 16 17 13.757 17 11C17 8.243 14.757 6 12 6ZM12 14C10.346 14 9 12.654 9 11C9 9.346 10.346 8 12 8C13.654 8 15 9.346 15 11C15 12.654 13.654 14 12 14Z" />`;
+    const filledPaths = `<path d="M12 2C7.037 2 3 6.037 3 11C3 14.328 4.82 17.232 7.513 18.79L5.446 20.168C5.26749 20.287 5.132 20.4603 5.05954 20.6623C4.98707 20.8642 4.98148 21.0841 5.04358 21.2895C5.10569 21.4948 5.23219 21.6748 5.40442 21.8027C5.57664 21.9307 5.78545 21.9998 6 22H18C18.2146 22 18.4236 21.931 18.596 21.8032C18.7684 21.6753 18.895 21.4953 18.9573 21.2899C19.0195 21.0845 19.014 20.8645 18.9415 20.6625C18.8691 20.4604 18.7336 20.2871 18.555 20.168L16.488 18.79C19.18 17.232 21 14.328 21 11C21 6.037 16.963 2 12 2ZM12 18C8.141 18 5 14.859 5 11C5 7.141 8.141 4 12 4C15.859 4 19 7.141 19 11C19 14.859 15.859 18 12 18Z" />
+<path d="M12 6C9.243 6 7 8.243 7 11C7 13.757 9.243 16 12 16C14.757 16 17 13.757 17 11C17 8.243 14.757 6 12 6ZM10.5 11C10.303 10.9999 10.1078 10.9611 9.92582 10.8856C9.7438 10.8101 9.57842 10.6995 9.43913 10.5602C9.15783 10.2787 8.99987 9.89696 9 9.499C9.00007 9.30195 9.03894 9.10685 9.11441 8.92482C9.18988 8.7428 9.30046 8.57742 9.43984 8.43813C9.72133 8.15683 10.103 7.99887 10.501 7.999C10.899 7.99913 11.2806 8.15735 11.5619 8.43884C11.8432 8.72033 12.0011 9.10204 12.001 9.5C12.0009 9.89796 11.8427 10.2796 11.5612 10.5609C11.2797 10.8422 10.898 11.0001 10.5 11Z" />`;
+    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-webcam")) {
+  customElements.define("icon-webcam", NavaIconWebcam);
+}

package/dist/chunk-3OTDXHXM.js

@@ -0,0 +1,45 @@
+// src/icons/category-alt.ts
+var NavaIconCategoryAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const 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 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V10C3 10.2652 3.10536 10.5196 3.29289 10.7071C3.48043 10.8946 3.73478 11 4 11H10C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V4C11 3.73478 10.8946 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3ZM9 9H5V5H9V9ZM20 13H14C13.7348 13 13.4804 13.1054 13.2929 13.2929C13.1054 13.4804 13 13.7348 13 14V20C13 20.2652 13.1054 20.5196 13.2929 20.7071C13.4804 20.8946 13.7348 21 14 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V14C21 13.7348 20.8946 13.4804 20.7071 13.2929C20.5196 13.1054 20.2652 13 20 13ZM19 19H15V15H19V19ZM17 3C14.794 3 13 4.794 13 7C13 9.206 14.794 11 17 11C19.206 11 21 9.206 21 7C21 4.794 19.206 3 17 3ZM17 9C15.897 9 15 8.103 15 7C15 5.897 15.897 5 17 5C18.103 5 19 5.897 19 7C19 8.103 18.103 9 17 9ZM7 13C4.794 13 3 14.794 3 17C3 19.206 4.794 21 7 21C9.206 21 11 19.206 11 17C11 14.794 9.206 13 7 13ZM7 19C5.897 19 5 18.103 5 17C5 15.897 5.897 15 7 15C8.103 15 9 15.897 9 17C9 18.103 8.103 19 7 19Z" />`;
+    const filledPaths = `<path d="M10 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V10C3 10.2652 3.10536 10.5196 3.29289 10.7071C3.48043 10.8946 3.73478 11 4 11H10C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V4C11 3.73478 10.8946 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3ZM20 13H14C13.7348 13 13.4804 13.1054 13.2929 13.2929C13.1054 13.4804 13 13.7348 13 14V20C13 20.2652 13.1054 20.5196 13.2929 20.7071C13.4804 20.8946 13.7348 21 14 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V14C21 13.7348 20.8946 13.4804 20.7071 13.2929C20.5196 13.1054 20.2652 13 20 13ZM17 3C14.794 3 13 4.794 13 7C13 9.206 14.794 11 17 11C19.206 11 21 9.206 21 7C21 4.794 19.206 3 17 3ZM7 13C4.794 13 3 14.794 3 17C3 19.206 4.794 21 7 21C9.206 21 11 19.206 11 17C11 14.794 9.206 13 7 13Z" />`;
+    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-category-alt")) {
+  customElements.define("icon-category-alt", NavaIconCategoryAlt);
+}

package/dist/chunk-3RAI2Q3W.js

@@ -0,0 +1,45 @@
+// src/icons/chevron-right.ts
+var NavaIconChevronRight = 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.707 17.707L16.414 12L10.707 6.29303L9.293 7.70703L13.586 12L9.293 16.293L10.707 17.707Z" />`;
+    const filledPaths = `<path d="M10.061 19.061L17.121 12L10.061 4.939L7.93896 7.061L12.879 12L7.93896 16.939L10.061 19.061Z" />`;
+    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-chevron-right")) {
+  customElements.define("icon-chevron-right", NavaIconChevronRight);
+}