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

package/dist/chunk-TKVZIQS3.js

@@ -0,0 +1,53 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bot.ts
+var NavaIconBot = 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 10.975V8C21 7.46957 20.7893 6.96086 20.4142 6.58579C20.0391 6.21072 19.5304 6 19 6H13V4.688C13.305 4.414 13.5 4.02 13.5 3.578C13.5 3.18018 13.342 2.79865 13.0607 2.51734C12.7794 2.23604 12.3978 2.078 12 2.078C11.6022 2.078 11.2206 2.23604 10.9393 2.51734C10.658 2.79865 10.5 3.18018 10.5 3.578C10.5 4.02 10.695 4.414 11 4.688V6H5C4.46957 6 3.96086 6.21072 3.58579 6.58579C3.21071 6.96086 3 7.46957 3 8V10.998L2.928 11.003C2.67589 11.021 2.43996 11.1338 2.26775 11.3188C2.09554 11.5038 1.99987 11.7473 2 12V14C2 14.2652 2.10536 14.5196 2.29289 14.7071C2.48043 14.8946 2.73478 15 3 15V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V15C21.2652 15 21.5196 14.8946 21.7071 14.7071C21.8946 14.5196 22 14.2652 22 14V12.062C22.0116 11.9068 21.9869 11.751 21.928 11.607C21.726 11.119 21.293 11.002 21 10.975ZM7 12C7 10.896 7.672 10 8.5 10C9.328 10 10 10.896 10 12C10 13.104 9.328 14 8.5 14C7.672 14 7 13.104 7 12ZM15.998 18C14.997 17.997 8 18 8 18V16C8 16 15.001 15.998 16.002 16L15.998 18ZM15.5 14C14.672 14 14 13.104 14 12C14 10.896 14.672 10 15.5 10C16.328 10 17 10.896 17 12C17 13.104 16.328 14 15.5 14Z" />` : `<path d="M21.928 11.607C21.726 11.119 21.293 11.002 21 10.974V8C21 6.897 20.103 6 19 6H13V4.61C13.305 4.336 13.5 3.942 13.5 3.5C13.5 3.10218 13.342 2.72064 13.0607 2.43934C12.7793 2.15804 12.3978 2 12 2C11.6022 2 11.2206 2.15804 10.9393 2.43934C10.658 2.72064 10.5 3.10218 10.5 3.5C10.5 3.942 10.695 4.336 11 4.61V6H4.99999C3.89699 6 2.99999 6.897 2.99999 8V10.997L2.91799 11.003C2.66596 11.0212 2.43017 11.1341 2.25801 11.3191C2.08585 11.504 1.99009 11.7473 1.98999 12V14C1.98999 14.2652 2.09535 14.5196 2.28288 14.7071C2.47042 14.8946 2.72477 15 2.98999 15H2.99999V20C2.99999 21.103 3.89699 22 4.99999 22H19C20.103 22 21 21.103 21 20V15C21.2652 15 21.5196 14.8946 21.7071 14.7071C21.8946 14.5196 22 14.2652 22 14V12.062C22.0115 11.9068 21.9869 11.7511 21.928 11.607ZM4.99999 20V8H19L19.001 11.996L19 12V14L19.001 14.005L19.002 20H4.99999Z" />
+<path d="M8.5 14C9.32843 14 10 13.1046 10 12C10 10.8954 9.32843 10 8.5 10C7.67157 10 7 10.8954 7 12C7 13.1046 7.67157 14 8.5 14Z" />
+<path d="M15.5 14C16.3284 14 17 13.1046 17 12C17 10.8954 16.3284 10 15.5 10C14.6716 10 14 10.8954 14 12C14 13.1046 14.6716 14 15.5 14Z" />
+<path d="M8 16H16V18H8V16Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-bot")) {
+  customElements.define("icon-bot", NavaIconBot);
+}

package/dist/chunk-TOJ6UD3V.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/objects-horizontal-center.ts
+var NavaIconObjectsHorizontalCenter = 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 13H13V11H17C17.2652 11 17.5196 10.8946 17.7071 10.7071C17.8946 10.5196 18 10.2652 18 10V6C18 5.73478 17.8946 5.48043 17.7071 5.29289C17.5196 5.10536 17.2652 5 17 5H13V2H11V5H7C6.73478 5 6.48043 5.10536 6.29289 5.29289C6.10536 5.48043 6 5.73478 6 6V10C6 10.2652 6.10536 10.5196 6.29289 10.7071C6.48043 10.8946 6.73478 11 7 11H11V13H5C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19H11V22H13V19H19C19.2652 19 19.5196 18.8946 19.7071 18.7071C19.8946 18.5196 20 18.2652 20 18V14C20 13.7348 19.8946 13.4804 19.7071 13.2929C19.5196 13.1054 19.2652 13 19 13Z" />` : `<path d="M5 20H11V22H13V20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14C20 13.7348 19.8946 13.4804 19.7071 13.2929C19.5196 13.1054 19.2652 13 19 13H13V11H17C17.2652 11 17.5196 10.8946 17.7071 10.7071C17.8946 10.5196 18 10.2652 18 10V5C18 4.73478 17.8946 4.48043 17.7071 4.29289C17.5196 4.10536 17.2652 4 17 4H13V2H11V4H7C6.73478 4 6.48043 4.10536 6.29289 4.29289C6.10536 4.48043 6 4.73478 6 5V10C6 10.2652 6.10536 10.5196 6.29289 10.7071C6.48043 10.8946 6.73478 11 7 11H11V13H5C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20ZM8 6H16V9H8V6ZM6 15H18V18H6V15Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-objects-horizontal-center")) {
+  customElements.define("icon-objects-horizontal-center", NavaIconObjectsHorizontalCenter);
+}

package/dist/chunk-TVYV33L4.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/no-signal.ts
+var NavaIconNoSignal = 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.99998 16H4.99998V21H2.99998V16ZM6.99998 13H8.99998V21H6.99998V13ZM21 2.99999H19V17.59L17 15.59V6.99999H15V13.59L13 11.59V9.99999H11.41L3.70998 2.28999L2.28998 3.70999L20.29 21.71L21.71 20.29L21 19.59V2.99999ZM15 21H16.88L15 19.12V21ZM11 21H13V17.12L11 15.12V21Z" />` : `<path d="M2.99998 16H4.99998V21H2.99998V16ZM6.99998 13H8.99998V21H6.99998V13ZM21 2.99999H19V17.59L17 15.59V6.99999H15V13.59L13 11.59V9.99999H11.41L3.70998 2.28999L2.28998 3.70999L20.29 21.71L21.71 20.29L21 19.59V2.99999ZM15 21H16.88L15 19.12V21ZM11 21H13V17.12L11 15.12V21Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-no-signal")) {
+  customElements.define("icon-no-signal", NavaIconNoSignal);
+}

package/dist/chunk-TVZKP7V5.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/headphone.ts
+var NavaIconHeadphone = 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 12V10.293C20 5.851 16.521 2.132 12.245 2.003C10.041 1.952 7.994 2.739 6.429 4.259C5.65744 5.00232 5.04444 5.89423 4.62697 6.88092C4.2095 7.86761 3.99623 8.92864 4 10V12C2.897 12 2 12.897 2 14V18C2 19.103 2.897 20 4 20H6V10C5.99705 9.19649 6.15688 8.40071 6.46985 7.66065C6.78282 6.9206 7.24245 6.2516 7.821 5.694C8.39712 5.13318 9.08047 4.69436 9.83014 4.4038C10.5798 4.11324 11.3804 3.97692 12.184 4.003C15.392 4.099 18 6.921 18 10.293V20H20C21.103 20 22 19.103 22 18V14C22 12.897 21.103 12 20 12Z" />
+<path d="M7 12H9V20H7V12ZM15 12H17V20H15V12Z" />` : `<path d="M20 12V10.293C20 5.851 16.521 2.132 12.245 2.003C10.041 1.952 7.994 2.739 6.429 4.259C5.65744 5.00232 5.04444 5.89423 4.62697 6.88092C4.2095 7.86761 3.99623 8.92864 4 10V12C2.897 12 2 12.897 2 14V18C2 19.103 2.897 20 4 20H6V10C5.99705 9.19649 6.15688 8.40071 6.46985 7.66065C6.78282 6.9206 7.24245 6.2516 7.821 5.694C8.39712 5.13318 9.08047 4.69436 9.83014 4.4038C10.5798 4.11324 11.3804 3.97692 12.184 4.003C15.392 4.099 18 6.921 18 10.293V20H20C21.103 20 22 19.103 22 18V14C22 12.897 21.103 12 20 12Z" />
+<path d="M7 12H9V20H7V12ZM15 12H17V20H15V12Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-headphone")) {
+  customElements.define("icon-headphone", NavaIconHeadphone);
+}

package/dist/chunk-TWIBOULU.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/thermometer.ts
+var NavaIconThermometer = 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 16C9.0202 16.7822 9.34513 17.5257 9.90554 18.0718C10.4659 18.6179 11.2175 18.9235 12 18.9235C12.7825 18.9235 13.5341 18.6179 14.0945 18.0718C14.6549 17.5257 14.9798 16.7822 15 16C15 15.647 14.928 15.314 14.816 15H9.184C9.06548 15.3202 9.00323 15.6586 9 16Z" />
+<path d="M18 6V4H14.815C14.6096 3.41685 14.2288 2.91155 13.7248 2.55346C13.2207 2.19538 12.6183 2.00204 12 2C10.346 2 9 3.346 9 5V10.8C8.08916 11.329 7.33286 12.0875 6.80649 12.9999C6.28012 13.9123 6.00205 14.9467 6 16C6 19.309 8.691 22 12 22C15.309 22 18 19.309 18 16C17.998 14.9467 17.7199 13.9123 17.1935 12.9999C16.6671 12.0875 15.9108 11.329 15 10.8V10H18V8H15V6H18ZM13.595 12.324C14.3083 12.6387 14.9151 13.1534 15.3419 13.8058C15.7687 14.4582 15.9973 15.2204 16 16C16 18.206 14.206 20 12 20C9.794 20 8 18.206 8 16C8 14.415 8.944 12.973 10.405 12.324L11 12.061V5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5V12.061L13.595 12.324Z" />` : `<path d="M9 16C9.0202 16.7822 9.34513 17.5257 9.90554 18.0718C10.4659 18.6179 11.2175 18.9235 12 18.9235C12.7825 18.9235 13.5341 18.6179 14.0945 18.0718C14.6549 17.5257 14.9798 16.7822 15 16C15 15.647 14.928 15.314 14.816 15H9.184C9.06548 15.3202 9.00323 15.6586 9 16Z" />
+<path d="M18 6V4H14.815C14.6096 3.41685 14.2288 2.91155 13.7248 2.55346C13.2207 2.19538 12.6183 2.00204 12 2C10.346 2 9 3.346 9 5V10.8C8.08916 11.329 7.33286 12.0875 6.80649 12.9999C6.28012 13.9123 6.00205 14.9467 6 16C6 19.309 8.691 22 12 22C15.309 22 18 19.309 18 16C17.998 14.9467 17.7199 13.9123 17.1935 12.9999C16.6671 12.0875 15.9108 11.329 15 10.8V10H18V8H15V6H18ZM13.595 12.324C14.3083 12.6387 14.9151 13.1534 15.3419 13.8058C15.7687 14.4582 15.9973 15.2204 16 16C16 18.206 14.206 20 12 20C9.794 20 8 18.206 8 16C8 14.415 8.944 12.973 10.405 12.324L11 12.061V5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5V12.061L13.595 12.324Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-thermometer")) {
+  customElements.define("icon-thermometer", NavaIconThermometer);
+}

package/dist/chunk-TXE22NJR.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/store-alt.ts
+var NavaIconStoreAlt = 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 2H5C3.346 2 2 3.346 2 5V7.831C2 8.884 2.382 9.841 3 10.577V20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H12C12.2652 21 12.5196 20.8946 12.7071 20.7071C12.8946 20.5196 13 20.2652 13 20V15H17V20C17 20.2652 17.1054 20.5196 17.2929 20.7071C17.4804 20.8946 17.7348 21 18 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V10.576C21.618 9.841 22 8.884 22 7.83V5C22 3.346 20.654 2 19 2ZM20 5V7.831C20 8.971 19.151 9.943 18.109 9.998L18 10C16.897 10 16 9.103 16 8V4H19C19.552 4 20 4.449 20 5ZM10 8V4H14V8C14 9.103 13.103 10 12 10C10.897 10 10 9.103 10 8ZM4 5C4 4.449 4.448 4 5 4H8V8C8 9.103 7.103 10 6 10L5.891 9.997C4.849 9.943 4 8.971 4 7.831V5ZM10 16H6V13H10V16Z" />` : `<path d="M22 5C22 3.346 20.654 2 19 2H5C3.346 2 2 3.346 2 5V7.831C2 8.884 2.382 9.841 3 10.577V19C3 20.103 3.897 21 5 21H19C20.103 21 21 20.103 21 19V10.576C21.618 9.841 22 8.884 22 7.83V5ZM20 5V7.831C20 8.971 19.151 9.943 18.109 9.998L18 10C16.897 10 16 9.103 16 8V4H19C19.552 4 20 4.449 20 5ZM10 4H14V8C14 9.103 13.103 10 12 10C10.897 10 10 9.103 10 8V4ZM4 5C4 4.449 4.448 4 5 4H8V8C8 9.103 7.103 10 6 10L5.891 9.997C4.849 9.943 4 8.971 4 7.831V5ZM10 19V16H14V19H10ZM16 19V16C16 14.897 15.103 14 14 14H10C8.897 14 8 14.897 8 16V19H5V11.869C5.254 11.936 5.517 11.98 5.787 11.994C6.38989 12.0267 6.99233 11.9221 7.54891 11.6881C8.10548 11.4541 8.60165 11.0967 9 10.643C9.733 11.475 10.807 12 12 12C13.193 12 14.267 11.475 15 10.643C15.3983 11.0967 15.8945 11.4541 16.4511 11.6881C17.0077 11.9221 17.6101 12.0267 18.213 11.994C18.484 11.98 18.746 11.936 19 11.869V19H16Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-store-alt")) {
+  customElements.define("icon-store-alt", NavaIconStoreAlt);
+}

package/dist/chunk-TY3WRL4V.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/rotate-right.ts
+var NavaIconRotateRight = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M16.242 17.242C15.8364 17.6477 15.3751 17.9935 14.872 18.269L15.833 20.023C16.8376 19.4722 17.7133 18.7137 18.402 17.798L16.802 16.597C16.631 16.8252 16.4439 17.0407 16.242 17.242ZM17.985 12.571C18.0479 13.4299 17.9244 14.2923 17.623 15.099L19.496 15.8C19.8977 14.7242 20.0625 13.5743 19.979 12.429L17.985 12.571ZM19.497 10.203C19.0939 9.12975 18.4663 8.155 17.656 7.344L16.242 8.758C16.8495 9.36732 17.3206 10.0988 17.624 10.904L19.497 10.203ZM11.369 18.966C11.322 18.961 11.275 18.951 11.228 18.945C11.0711 18.9255 10.915 18.9005 10.76 18.87C9.87814 18.685 9.05013 18.3013 8.33897 17.748C8.1339 17.5921 7.93916 17.4231 7.75597 17.242C7.57135 17.0543 7.39899 16.8549 7.23997 16.645C6.85854 16.1508 6.55781 15.5993 6.34897 15.011C6.24363 14.7171 6.16105 14.4156 6.10197 14.109C6.09398 14.066 6.08997 14.021 6.08297 13.978C6.03015 13.6553 6.0024 13.329 5.99997 13.002V13C5.99997 11.397 6.62397 9.891 7.75797 8.758C8.63709 7.87575 9.77114 7.29194 11 7.089V10L16 6L11 2V5.069C9.23671 5.28355 7.59682 6.08483 6.34397 7.344C5.59832 8.08446 5.00715 8.96564 4.60478 9.9364C4.2024 10.9072 3.99682 11.9482 3.99997 12.999V13.008C3.99997 13.261 4.01397 13.512 4.03697 13.761C4.04397 13.837 4.05797 13.911 4.06697 13.988C4.08797 14.16 4.11097 14.333 4.14297 14.504C4.16197 14.604 4.18697 14.7 4.20897 14.799C4.24097 14.941 4.27397 15.082 4.31397 15.222C4.34597 15.334 4.38397 15.445 4.42097 15.555C4.44697 15.634 4.46797 15.714 4.49697 15.792L4.50497 15.789C4.7723 16.5034 5.14108 17.1757 5.59997 17.785L5.59297 17.79C5.61397 17.818 5.64197 17.843 5.66297 17.871C5.87397 18.143 6.09597 18.409 6.34397 18.656C6.64459 18.9524 6.96754 19.2252 7.30997 19.472C7.57497 19.664 7.84697 19.844 8.13097 20.001L8.15898 20.02L8.15997 20.019C8.82967 20.3861 9.5492 20.654 10.296 20.814L10.295 20.819L10.348 20.828C10.549 20.87 10.753 20.899 10.958 20.926C11.027 20.935 11.096 20.949 11.165 20.956C12.0109 21.0446 12.8655 20.9983 13.697 20.819L13.273 18.864C12.6476 18.9974 12.0051 19.0318 11.369 18.966Z" />` : `<path d="M16.242 17.242C15.8364 17.6477 15.3751 17.9935 14.872 18.269L15.833 20.023C16.8376 19.4722 17.7133 18.7137 18.402 17.798L16.802 16.597C16.631 16.8252 16.4439 17.0407 16.242 17.242ZM17.985 12.571C18.0479 13.4299 17.9244 14.2923 17.623 15.099L19.496 15.8C19.8977 14.7242 20.0625 13.5743 19.979 12.429L17.985 12.571ZM19.497 10.203C19.0939 9.12975 18.4663 8.155 17.656 7.344L16.242 8.758C16.8495 9.36732 17.3206 10.0988 17.624 10.904L19.497 10.203ZM11.369 18.966C11.322 18.961 11.275 18.951 11.228 18.945C11.0711 18.9255 10.915 18.9005 10.76 18.87C9.87814 18.685 9.05013 18.3013 8.33897 17.748C8.1339 17.5921 7.93916 17.4231 7.75597 17.242C7.57135 17.0543 7.39899 16.8549 7.23997 16.645C6.85854 16.1508 6.55781 15.5993 6.34897 15.011C6.24363 14.7171 6.16105 14.4156 6.10197 14.109C6.09398 14.066 6.08997 14.021 6.08297 13.978C6.03015 13.6553 6.0024 13.329 5.99997 13.002V13C5.99997 11.397 6.62397 9.891 7.75797 8.758C8.63709 7.87575 9.77114 7.29194 11 7.089V10L16 6L11 2V5.069C9.23671 5.28355 7.59682 6.08483 6.34397 7.344C5.59832 8.08446 5.00715 8.96564 4.60478 9.9364C4.2024 10.9072 3.99682 11.9482 3.99997 12.999V13.008C3.99997 13.261 4.01397 13.512 4.03697 13.761C4.04397 13.837 4.05797 13.911 4.06697 13.988C4.08797 14.16 4.11097 14.333 4.14297 14.504C4.16197 14.604 4.18697 14.7 4.20897 14.799C4.24097 14.941 4.27397 15.082 4.31397 15.222C4.34597 15.334 4.38397 15.445 4.42097 15.555C4.44697 15.634 4.46797 15.714 4.49697 15.792L4.50497 15.789C4.7723 16.5034 5.14108 17.1757 5.59997 17.785L5.59297 17.79C5.61397 17.818 5.64197 17.843 5.66297 17.871C5.87397 18.143 6.09597 18.409 6.34397 18.656C6.64459 18.9524 6.96754 19.2252 7.30997 19.472C7.57497 19.664 7.84697 19.844 8.13097 20.001L8.15898 20.02L8.15997 20.019C8.82967 20.3861 9.5492 20.654 10.296 20.814L10.295 20.819L10.348 20.828C10.549 20.87 10.753 20.899 10.958 20.926C11.027 20.935 11.096 20.949 11.165 20.956C12.0109 21.0446 12.8655 20.9983 13.697 20.819L13.273 18.864C12.6476 18.9974 12.0051 19.0318 11.369 18.966Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-rotate-right")) {
+  customElements.define("icon-rotate-right", NavaIconRotateRight);
+}

package/dist/chunk-TYAOF4PY.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/tone.ts
+var NavaIconTone = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM11 11H4.069C4.15475 10.3136 4.32955 9.64126 4.589 9H11V11ZM11 15H4.589C4.32955 14.3587 4.15475 13.6864 4.069 13H11V15ZM11 4.069V7H5.765C7.06342 5.38055 8.94071 4.32948 11 4.069ZM5.765 17H11V19.931C8.94071 19.6705 7.06342 18.6194 5.765 17Z" />` : `<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 2ZM11 11H4.069C4.15475 10.3136 4.32955 9.64126 4.589 9H11V11ZM11 15H4.589C4.32955 14.3587 4.15475 13.6864 4.069 13H11V15ZM11 4.069V7H5.765C7.06342 5.38055 8.94071 4.32948 11 4.069ZM5.765 17H11V19.931C8.94071 19.6705 7.06342 18.6194 5.765 17ZM13 19.931V4.069C16.939 4.564 20 7.927 20 12C20 16.073 16.939 19.436 13 19.931Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-tone")) {
+  customElements.define("icon-tone", NavaIconTone);
+}

package/dist/chunk-U2FXCPDE.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/backpack.ts
+var NavaIconBackpack = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M16 15C16 14.7348 15.8946 14.4804 15.7071 14.2929C15.5196 14.1054 15.2652 14 15 14H9C8.449 14 8 14.448 8 15V17H16V15ZM8 19H16V22H8V19Z" />
+<path d="M21 12C21 9.033 18.833 6.568 16 6.09V5C16 3.346 14.654 2 13 2H11C9.346 2 8 3.346 8 5V6.09C5.167 6.568 3 9.033 3 12V20C3 21.103 3.897 22 5 22H6V15C6 13.346 7.346 12 9 12H15C16.654 12 18 13.346 18 15V22H19C20.103 22 21 21.103 21 20V12ZM10 5C10 4.448 10.449 4 11 4H13C13.2652 4 13.5196 4.10536 13.7071 4.29289C13.8946 4.48043 14 4.73478 14 5V6H10V5Z" />` : `<path d="M16 15C16 14.7348 15.8946 14.4804 15.7071 14.2929C15.5196 14.1054 15.2652 14 15 14H9C8.449 14 8 14.448 8 15V17H16V15ZM8 19H16V22H8V19Z" />
+<path d="M21 12C21 9.033 18.833 6.568 16 6.09V5C16 3.346 14.654 2 13 2H11C9.346 2 8 3.346 8 5V6.09C5.167 6.568 3 9.033 3 12V20C3 21.103 3.897 22 5 22H6V15C6 13.346 7.346 12 9 12H15C16.654 12 18 13.346 18 15V22H19C20.103 22 21 21.103 21 20V12ZM10 5C10 4.448 10.449 4 11 4H13C13.2652 4 13.5196 4.10536 13.7071 4.29289C13.8946 4.48043 14 4.73478 14 5V6H10V5Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-backpack")) {
+  customElements.define("icon-backpack", NavaIconBackpack);
+}

package/dist/chunk-U4N2T7ZU.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/arrow-to-bottom.ts
+var NavaIconArrowToBottom = 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 18H18V20H6V18ZM11 4V10H6L12 16L18 10H13V4H11Z" />` : `<path d="M6.00003 18H18V20H6.00003V18ZM11 4V12.586L6.70703 8.293L5.29303 9.707L12 16.414L18.707 9.707L17.293 8.293L13 12.586V4H11Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-arrow-to-bottom")) {
+  customElements.define("icon-arrow-to-bottom", NavaIconArrowToBottom);
+}

package/dist/chunk-U7FCZV47.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/message-square-error.ts
+var NavaIconMessageSquareError = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM13 18H11V16H13V18ZM13 14H11V6H13V14Z" />` : `<path d="M16 2H8C4.691 2 2 4.691 2 8V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H16C19.309 22 22 19.309 22 16V8C22 4.691 19.309 2 16 2ZM20 16C20 18.206 18.206 20 16 20H4V8C4 5.794 5.794 4 8 4H16C18.206 4 20 5.794 20 8V16Z" />
+<path d="M11 6H13V14H11V6ZM11 16H13V18H11V16Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-message-square-error")) {
+  customElements.define("icon-message-square-error", NavaIconMessageSquareError);
+}

package/dist/chunk-UBEPJLPI.js

@@ -0,0 +1,52 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/book-reader.ts
+var NavaIconBookReader = 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 8V19.529C2 19.529 6.621 19.357 12 22C17.379 19.357 22 19.529 22 19.529V8C22 8 16.546 8 12 10.471C7.454 8 2 8 2 8Z" />
+<path d="M12 8C13.6569 8 15 6.65685 15 5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5C9 6.65685 10.3431 8 12 8Z" />` : `<path d="M21 8C20.798 8 16.15 8.029 12 10.008C7.85 8.029 3.202 8 3 8C2.73478 8 2.48043 8.10536 2.29289 8.29289C2.10536 8.48043 2 8.73478 2 9V18.883C2 19.0172 2.02701 19.15 2.0794 19.2735C2.1318 19.397 2.20852 19.5087 2.305 19.602C2.5 19.79 2.785 19.907 3.034 19.882L3.161 19.881C3.844 19.881 7.457 19.979 11.577 21.906C11.593 21.914 11.611 21.911 11.627 21.917C11.746 21.966 11.871 22 12 22C12.129 22 12.254 21.966 12.374 21.917C12.39 21.911 12.408 21.914 12.424 21.906C16.544 19.978 20.157 19.881 20.84 19.881L20.967 19.882C21.205 19.907 21.5 19.79 21.696 19.602C21.89 19.413 22 19.153 22 18.883V9C22 8.73478 21.8946 8.48043 21.7071 8.29289C21.5196 8.10536 21.2652 8 21 8ZM4 10.049C5.485 10.16 8.381 10.529 11 11.741V19.483C8 18.308 5.41 17.989 4 17.907V10.049ZM20 17.907C18.59 17.989 16 18.308 13 19.483V11.741C15.619 10.529 18.515 10.16 20 10.049V17.907Z" />
+<path d="M12 8C13.6569 8 15 6.65685 15 5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5C9 6.65685 10.3431 8 12 8Z" />`;
+    const strokeBased = isFilled ? false : false;
+    const hasStrokeWidth = strokeWidth != null;
+    this.shadowRoot.innerHTML = `
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        width="${size}"
+        height="${size}"
+        fill="${strokeBased ? "none" : color}"
+        stroke="${strokeBased ? color : hasStrokeWidth ? color : "none"}"
+        stroke-width="${strokeBased ? strokeWidth : hasStrokeWidth ? strokeWidth : ""}"
+        ${strokeBased ? 'stroke-linecap="round"' : ""}
+        ${strokeBased ? 'stroke-linejoin="round"' : ""}
+        ${hasStrokeWidth && !strokeBased ? 'style="paint-order: stroke fill"' : ""}
+      >
+        ${paths}
+      </svg>
+    `;
+  }
+};
+if (!customElements.get("icon-book-reader")) {
+  customElements.define("icon-book-reader", NavaIconBookReader);
+}