@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-2WTFBSDY.js

@@ -0,0 +1,45 @@
+// src/icons/hourglass-bottom.ts
+var NavaIconHourglassBottom = 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 2H4V4H5V5C5.0019 6.21482 5.31929 7.40831 5.92108 8.4636C6.52288 9.51888 7.38844 10.3998 8.433 11.02C8.788 11.23 9 11.567 9 11.921V12.079C9 12.433 8.788 12.77 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H20V20H19V19C18.998 17.785 18.6804 16.5913 18.0785 15.5358C17.4765 14.4804 16.6108 13.5993 15.566 12.979C15.212 12.771 15 12.434 15 12.079V11.921C15 11.567 15.212 11.231 15.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H5ZM17 5C16.9987 5.86735 16.7722 6.7195 16.3428 7.47307C15.9133 8.22664 15.2956 8.8558 14.55 9.299C13.8973 9.67894 13.4053 10.2836 13.166 11H10.834C10.5941 10.2834 10.1019 9.67849 9.449 9.298C8.70363 8.85492 8.08607 8.22589 7.65678 7.47248C7.2275 6.71908 7.00118 5.86712 7 5V4H17V5Z" />`;
+    const filledPaths = `<path d="M5 2H4V4H5V5C5.0019 6.21482 5.31929 7.40831 5.92108 8.4636C6.52288 9.51888 7.38844 10.3998 8.433 11.02C8.788 11.23 9 11.567 9 11.921V12.079C9 12.433 8.788 12.77 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H20V20H19V19C18.998 17.785 18.6804 16.5913 18.0785 15.5358C17.4765 14.4804 16.6108 13.5993 15.566 12.979C15.212 12.771 15 12.434 15 12.079V11.921C15 11.567 15.212 11.231 15.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H5ZM17 5C16.9987 5.86735 16.7722 6.7195 16.3428 7.47307C15.9133 8.22664 15.2956 8.8558 14.55 9.299C13.8973 9.67894 13.4053 10.2836 13.166 11H10.834C10.5941 10.2834 10.1019 9.67849 9.449 9.298C8.70363 8.85492 8.08607 8.22589 7.65678 7.47248C7.2275 6.71908 7.00118 5.86712 7 5V4H17V5Z" />`;
+    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-hourglass-bottom")) {
+  customElements.define("icon-hourglass-bottom", NavaIconHourglassBottom);
+}

package/dist/chunk-2XXKULUC.js

@@ -0,0 +1,45 @@
+// src/icons/bar-chart-alt.ts
+var NavaIconBarChartAlt = 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="M13 6H15V17H13V6ZM17 3H19V17H17V3ZM9 9H11V17H9V9ZM4 19H20V21H4V19ZM5 12H7V17H5V12Z" />`;
+    const filledPaths = `<path d="M13 6H15V17H13V6ZM17 3H19V17H17V3ZM9 9H11V17H9V9ZM4 19H20V21H4V19ZM5 12H7V17H5V12Z" />`;
+    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-bar-chart-alt")) {
+  customElements.define("icon-bar-chart-alt", NavaIconBarChartAlt);
+}

package/dist/chunk-2Y7C6BK4.js

@@ -0,0 +1,46 @@
+// src/icons/caret-left-square.ts
+var NavaIconCaretLeftSquare = 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 17V7L8 12L14 17Z" />
+<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 21ZM14 7V17L8 12L14 7Z" />`;
+    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-left-square")) {
+  customElements.define("icon-caret-left-square", NavaIconCaretLeftSquare);
+}

package/dist/chunk-2YHARWIJ.js

@@ -0,0 +1,47 @@
+// src/icons/barcode-reader.ts
+var NavaIconBarcodeReader = 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 7H7V17H5V7ZM14 7H15V17H14V7ZM10 7H13V17H10V7ZM8 7H9V17H8V7ZM16 7H19V17H16V7Z" />
+<path d="M4 5H8V3H4C2.897 3 2 3.897 2 5V9H4V5ZM4 21H8V19H4V15H2V19C2 20.103 2.897 21 4 21ZM20 3H16V5H20V9H22V5C22 3.897 21.103 3 20 3ZM20 19H16V21H20C21.103 21 22 20.103 22 19V15H20V19Z" />`;
+    const filledPaths = `<path d="M5 7H7V17H5V7ZM14 7H15V17H14V7ZM10 7H13V17H10V7ZM8 7H9V17H8V7ZM16 7H19V17H16V7Z" />
+<path d="M4 5H8V3H4C2.897 3 2 3.897 2 5V9H4V5ZM4 21H8V19H4V15H2V19C2 20.103 2.897 21 4 21ZM20 3H16V5H20V9H22V5C22 3.897 21.103 3 20 3ZM20 19H16V21H20C21.103 21 22 20.103 22 19V15H20V19Z" />`;
+    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-barcode-reader")) {
+  customElements.define("icon-barcode-reader", NavaIconBarcodeReader);
+}

package/dist/chunk-2Z43FWLV.js

@@ -0,0 +1,45 @@
+// src/icons/quote-single-right.ts
+var NavaIconQuoteSingleRight = 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.804 17.02L8 17.18V20H9C11.783 20 13.906 19.229 15.309 17.708C17.196 15.66 17.006 13.03 17 13V5C17 4.73478 16.8946 4.48043 16.7071 4.29289C16.5196 4.10536 16.2652 4 16 4H9C7.897 4 7 4.897 7 6V13C7 13.2652 7.10536 13.5196 7.29289 13.7071C7.48043 13.8946 7.73478 14 8 14H12.078C12.0569 14.4944 11.9092 14.9751 11.649 15.396C11.142 16.197 10.185 16.743 8.804 17.02Z" />`;
+    const filledPaths = `<path d="M8.804 17.02L8 17.18V20H9C11.783 20 13.906 19.229 15.309 17.708C17.196 15.66 17.006 13.03 17 13V5C17 4.73478 16.8946 4.48043 16.7071 4.29289C16.5196 4.10536 16.2652 4 16 4H9C7.897 4 7 4.897 7 6V13C7 13.2652 7.10536 13.5196 7.29289 13.7071C7.48043 13.8946 7.73478 14 8 14H12.078C12.0569 14.4944 11.9092 14.9751 11.649 15.396C11.142 16.197 10.185 16.743 8.804 17.02Z" />`;
+    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-quote-single-right")) {
+  customElements.define("icon-quote-single-right", NavaIconQuoteSingleRight);
+}

package/dist/chunk-32KQT75Q.js

@@ -0,0 +1,46 @@
+// src/icons/laugh.ts
+var NavaIconLaugh = 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 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" />
+<path d="M12 18C16 18 17 14 17 14H7C7 14 8 18 12 18ZM17.555 8.832L16.446 7.168L13.446 9.168C13.3004 9.26536 13.1829 9.39921 13.1053 9.55618C13.0276 9.71316 12.9925 9.88776 13.0034 10.0626C13.0143 10.2373 13.0709 10.4062 13.1676 10.5523C13.2642 10.6984 13.3974 10.8165 13.554 10.895L17.554 12.895L18.449 11.106L15.99 9.877L17.555 8.832ZM10.998 10.062C11.0089 9.88724 10.9737 9.71269 10.896 9.5558C10.8182 9.39892 10.7006 9.26519 10.555 9.168L7.555 7.168L6.445 8.832L8.011 9.876L5.552 11.105L6.447 12.894L10.447 10.894C10.6038 10.8159 10.7372 10.6979 10.834 10.5518C10.9307 10.4058 10.9873 10.2368 10.998 10.062Z" />`;
+    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 2ZM5.553 11.105L8.012 9.876L6.445 8.832L7.554 7.168L10.554 9.168C10.6998 9.26517 10.8176 9.39897 10.8954 9.55598C10.9733 9.71299 11.0085 9.88771 10.9976 10.0626C10.9866 10.2375 10.9299 10.4065 10.8331 10.5526C10.7363 10.6987 10.6028 10.8168 10.446 10.895L6.446 12.895L5.553 11.105ZM12 18C8 18 7 14 7 14H17C17 14 16 18 12 18ZM17.553 12.895L13.553 10.895C13.3962 10.8168 13.2627 10.6987 13.1659 10.5526C13.0691 10.4065 13.0124 10.2375 13.0014 10.0626C12.9905 9.88771 13.0257 9.71299 13.1036 9.55598C13.1814 9.39897 13.2992 9.26517 13.445 9.168L16.445 7.168L17.554 8.832L15.988 9.876L18.447 11.105L17.553 12.895Z" />`;
+    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-laugh")) {
+  customElements.define("icon-laugh", NavaIconLaugh);
+}

package/dist/chunk-33N32DIH.js

@@ -0,0 +1,45 @@
+// src/icons/pointer.ts
+var NavaIconPointer = 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.978 13.21C21.0191 13.0193 21.0035 12.8207 20.9331 12.6388C20.8627 12.4568 20.7407 12.2995 20.582 12.186L6.582 2.186C6.42446 2.07272 6.23733 2.00776 6.04349 1.99908C5.84964 1.99039 5.65746 2.03835 5.49042 2.13709C5.32338 2.23583 5.18871 2.38108 5.10286 2.55509C5.01702 2.72911 4.9837 2.92436 5.007 3.117L7.007 20.117C7.03002 20.3119 7.10987 20.4957 7.23662 20.6455C7.36337 20.7954 7.5314 20.9046 7.71978 20.9596C7.90816 21.0146 8.10856 21.013 8.29602 20.9549C8.48348 20.8968 8.64971 20.7849 8.774 20.633L12.386 16.217L15.763 21.677L17.464 20.625L14.107 15.197L20.196 13.979C20.3874 13.9415 20.5635 13.8487 20.7025 13.712C20.8415 13.5753 20.9373 13.4007 20.978 13.21ZM12.304 13.52C12.077 13.5653 11.8727 13.6879 11.726 13.867L8.718 17.544L7.257 5.127L17.54 12.472L12.304 13.52Z" />`;
+    const filledPaths = `<path d="M20.978 13.21C21.019 13.0193 21.0034 12.8207 20.9331 12.6388C20.8627 12.4568 20.7407 12.2995 20.582 12.186L6.58198 2.186C6.42444 2.07272 6.23732 2.00776 6.04347 1.99908C5.84963 1.99039 5.65745 2.03835 5.49041 2.13709C5.32337 2.23583 5.1887 2.38108 5.10285 2.55509C5.017 2.72911 4.98369 2.92436 5.00698 3.117L7.00698 20.117C7.03 20.3119 7.10986 20.4957 7.2366 20.6455C7.36335 20.7954 7.53138 20.9046 7.71976 20.9596C7.90814 21.0146 8.10855 21.013 8.29601 20.9549C8.48347 20.8968 8.64969 20.7849 8.77398 20.633L12.386 16.217L15.763 21.677L17.464 20.625L14.107 15.197L20.196 13.979C20.3873 13.9415 20.5635 13.8487 20.7025 13.712C20.8415 13.5753 20.9373 13.4007 20.978 13.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-pointer")) {
+  customElements.define("icon-pointer", NavaIconPointer);
+}

package/dist/chunk-34L3O5NB.js

@@ -0,0 +1,46 @@
+// src/icons/lemon.ts
+var NavaIconLemon = 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 22C10.8901 22.002 9.78783 21.8161 8.74 21.45C8.45808 21.3682 8.16279 21.3429 7.87106 21.3755C7.57933 21.4081 7.29692 21.498 7.04 21.64C6.27336 22.0181 5.39509 22.1034 4.57 21.88C3.98634 21.7149 3.4547 21.4031 3.02581 20.9742C2.59691 20.5453 2.28506 20.0137 2.12 19.43C1.9066 18.6174 1.99175 17.7552 2.36 17C2.502 16.7431 2.59188 16.4607 2.62449 16.1689C2.65709 15.8772 2.63178 15.5819 2.55 15.3C1.82467 13.1838 1.82467 10.8862 2.55 8.77C3.02989 7.3253 3.83746 6.01118 4.90956 4.93041C5.98165 3.84964 7.28922 3.03151 8.73 2.54C10.8462 1.81467 13.1438 1.81467 15.26 2.54C15.5472 2.62882 15.8494 2.65867 16.1484 2.62773C16.4474 2.5968 16.7371 2.50573 17 2.36C17.7666 1.9819 18.6449 1.89656 19.47 2.12C20.0537 2.28505 20.5853 2.59691 21.0142 3.0258C21.4431 3.4547 21.7549 3.98634 21.92 4.57C22.1211 5.38737 22.0217 6.24977 21.64 7C21.498 7.25691 21.4081 7.53933 21.3755 7.83106C21.3429 8.12278 21.3682 8.41808 21.45 8.7C22.1753 10.8162 22.1753 13.1138 21.45 15.23C20.9638 16.6684 20.1524 17.9752 19.0788 19.0488C18.0052 20.1224 16.6984 20.9338 15.26 21.42C14.2116 21.7874 13.1108 21.9832 12 22ZM8.16 19.36C8.57806 19.3605 8.99333 19.428 9.39 19.56C11.0871 20.1483 12.9329 20.1483 14.63 19.56C15.7782 19.1755 16.8218 18.5303 17.6788 17.675C18.5359 16.8197 19.1832 15.7774 19.57 14.63C20.1583 12.9329 20.1583 11.0871 19.57 9.39C19.4013 8.85935 19.34 8.3004 19.3898 7.7458C19.4396 7.19121 19.5995 6.65211 19.86 6.16C20.0208 5.82304 20.0528 5.43892 19.95 5.08C19.8792 4.84352 19.7508 4.62835 19.5762 4.4538C19.4017 4.27925 19.1865 4.1508 18.95 4.08C18.5911 3.97722 18.207 4.00923 17.87 4.17C17.3779 4.43053 16.8388 4.59037 16.2842 4.64016C15.7296 4.68996 15.1707 4.62871 14.64 4.46C12.9429 3.87174 11.0971 3.87174 9.4 4.46C8.24838 4.83848 7.20021 5.47885 6.33785 6.3308C5.4755 7.18274 4.82244 8.22306 4.43 9.37C3.84175 11.0671 3.84175 12.9129 4.43 14.61C4.59871 15.1406 4.65996 15.6996 4.61017 16.2542C4.56037 16.8088 4.40054 17.3479 4.14 17.84C3.97924 18.177 3.94723 18.5611 4.05 18.92C4.12081 19.1565 4.24926 19.3717 4.4238 19.5462C4.59835 19.7207 4.81353 19.8492 5.05 19.92C5.40893 20.0228 5.79304 19.9908 6.13 19.83C6.7602 19.5156 7.45576 19.3546 8.16 19.36Z" />
+<path d="M8 12H6C6 10.4087 6.63214 8.88258 7.75736 7.75736C8.88258 6.63214 10.4087 6 12 6V8C10.9391 8 9.92172 8.42143 9.17157 9.17157C8.42143 9.92172 8 10.9391 8 12Z" />`;
+    const filledPaths = `<path d="M21.45 8.74C21.3626 8.45215 21.3345 8.14961 21.3671 7.85058C21.3998 7.55155 21.4926 7.26222 21.64 7C22.0181 6.23336 22.1034 5.35509 21.88 4.53C21.7149 3.94634 21.4031 3.4147 20.9742 2.98581C20.5453 2.55691 20.0136 2.24506 19.43 2.08C18.6126 1.87895 17.7502 1.97832 17 2.36C16.7431 2.502 16.4606 2.59188 16.1689 2.62449C15.8772 2.65709 15.5819 2.63178 15.3 2.55C13.1837 1.82467 10.8862 1.82467 8.76997 2.55C7.32527 3.02989 6.01116 3.83746 4.93039 4.90955C3.84962 5.98165 3.03149 7.28921 2.53997 8.73C1.81464 10.8462 1.81464 13.1438 2.53997 15.26C2.6288 15.5472 2.65864 15.8494 2.62771 16.1484C2.59677 16.4474 2.5057 16.7371 2.35997 17C1.98187 17.7666 1.89654 18.6449 2.11997 19.47C2.28503 20.0537 2.59688 20.5853 3.02578 21.0142C3.45467 21.4431 3.98631 21.7549 4.56997 21.92C5.38734 22.1211 6.24975 22.0217 6.99997 21.64C7.25688 21.498 7.5393 21.4081 7.83103 21.3755C8.12276 21.3429 8.41805 21.3682 8.69997 21.45C9.76046 21.8206 10.8766 22.0066 12 22C13.1119 21.9972 14.2161 21.8148 15.27 21.46C16.7083 20.9738 18.0152 20.1624 19.0888 19.0888C20.1624 18.0152 20.9738 16.7084 21.46 15.27C22.1821 13.1527 22.1785 10.8551 21.45 8.74ZM12 7C10.6739 7 9.40212 7.52679 8.46444 8.46447C7.52676 9.40215 6.99997 10.6739 6.99997 12H4.99997C4.99997 10.1435 5.73747 8.36301 7.05022 7.05025C8.36298 5.7375 10.1435 5 12 5V7Z" />`;
+    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-lemon")) {
+  customElements.define("icon-lemon", NavaIconLemon);
+}

package/dist/chunk-34UDCOJD.js

@@ -0,0 +1,47 @@
+// src/icons/paint-roll.ts
+var NavaIconPaintRoll = 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 2H7C5.897 2 5 2.897 5 4V7C5 8.103 5.897 9 7 9H18C19.103 9 20 8.103 20 7V4C20 2.897 19.103 2 18 2ZM7 7V4H18L18.002 7H7Z" />
+<path d="M13 15V13C13 11.897 12.103 11 11 11H4V5C2.897 5 2 5.897 2 7V11C2 12.103 2.897 13 4 13H11V15C10.7348 15 10.4804 15.1054 10.2929 15.2929C10.1054 15.4804 10 15.7348 10 16V21C10 21.2652 10.1054 21.5196 10.2929 21.7071C10.4804 21.8946 10.7348 22 11 22H13C13.2652 22 13.5196 21.8946 13.7071 21.7071C13.8946 21.5196 14 21.2652 14 21V16C14 15.7348 13.8946 15.4804 13.7071 15.2929C13.5196 15.1054 13.2652 15 13 15Z" />`;
+    const filledPaths = `<path d="M18 2H7C5.897 2 5 2.897 5 4V7C5 8.103 5.897 9 7 9H18C19.103 9 20 8.103 20 7V4C20 2.897 19.103 2 18 2Z" />
+<path d="M13 15V13C13 11.897 12.103 11 11 11H4V5C2.897 5 2 5.897 2 7V11C2 12.103 2.897 13 4 13H11V15C10.7348 15 10.4804 15.1054 10.2929 15.2929C10.1054 15.4804 10 15.7348 10 16V21C10 21.2652 10.1054 21.5196 10.2929 21.7071C10.4804 21.8946 10.7348 22 11 22H13C13.2652 22 13.5196 21.8946 13.7071 21.7071C13.8946 21.5196 14 21.2652 14 21V16C14 15.7348 13.8946 15.4804 13.7071 15.2929C13.5196 15.1054 13.2652 15 13 15Z" />`;
+    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-paint-roll")) {
+  customElements.define("icon-paint-roll", NavaIconPaintRoll);
+}

package/dist/chunk-34WMFP3W.js

@@ -0,0 +1,45 @@
+// src/icons/left-arrow-alt.ts
+var NavaIconLeftArrowAlt = 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.707 17.293L8.414 13H18V11H8.414L12.707 6.707L11.293 5.293L4.586 12L11.293 18.707L12.707 17.293Z" />`;
+    const filledPaths = `<path d="M5 12L12 18V13H18V11H12V6L5 12Z" />`;
+    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-left-arrow-alt")) {
+  customElements.define("icon-left-arrow-alt", NavaIconLeftArrowAlt);
+}

package/dist/chunk-356OWPXP.js

@@ -0,0 +1,47 @@
+// src/icons/objects-horizontal-left.ts
+var NavaIconObjectsHorizontalLeft = 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 2H4V22H2V2ZM21 13H7C6.73478 13 6.48043 13.1054 6.29289 13.2929C6.10536 13.4804 6 13.7348 6 14V19C6 19.2652 6.10536 19.5196 6.29289 19.7071C6.48043 19.8946 6.73478 20 7 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V14C22 13.7348 21.8946 13.4804 21.7071 13.2929C21.5196 13.1054 21.2652 13 21 13ZM20 18H8V15H20V18ZM7 11H17C17.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 4H7C6.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 11ZM8 6H16V9H8V6Z" />`;
+    const filledPaths = `<path d="M2 2H4V22H2V2Z" />
+<path d="M21 13H7C6.44772 13 6 13.4477 6 14V18C6 18.5523 6.44772 19 7 19H21C21.5523 19 22 18.5523 22 18V14C22 13.4477 21.5523 13 21 13Z" />
+<path d="M17 5H7C6.44772 5 6 5.44772 6 6V10C6 10.5523 6.44772 11 7 11H17C17.5523 11 18 10.5523 18 10V6C18 5.44772 17.5523 5 17 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-objects-horizontal-left")) {
+  customElements.define("icon-objects-horizontal-left", NavaIconObjectsHorizontalLeft);
+}

package/dist/chunk-35WQDQZH.js

@@ -0,0 +1,49 @@
+// src/icons/fingerprint.ts
+var NavaIconFingerprint = 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.96199 17.674C6.99999 19.331 6.99999 20.567 6.99999 22H8.99999C8.99999 20.479 8.99999 18.756 7.65699 16.611L5.96199 17.674ZM16.504 3.387C13.977 1.91 7.54999 0.926002 4.28099 4.305C0.91299 7.786 2.03199 13.377 4.28199 15.697C4.39999 15.819 4.52599 15.926 4.65099 16.03C4.72299 16.091 4.79699 16.146 4.85599 16.214L6.34999 14.884C6.22006 14.7436 6.08001 14.6129 5.93099 14.493C5.85899 14.433 5.78499 14.374 5.71699 14.305C4.05699 12.594 3.21099 8.288 5.71799 5.697C8.24299 3.086 13.786 4.118 15.495 5.116C18.186 6.685 19.592 9.424 19.604 9.449L21.393 8.554C21.328 8.419 19.725 5.265 16.504 3.387Z" />
+<path d="M9.34 12.822C8.31 11.562 7.553 10.505 7.948 9.316C8.211 8.531 8.761 7.991 9.585 7.712C10.809 7.302 12.505 7.552 13.625 8.313L14.748 6.659C13.1 5.539 10.766 5.202 8.944 5.818C7.536 6.294 6.509 7.313 6.052 8.684C5.276 11.012 6.851 12.938 7.792 14.089C7.941 14.272 8.082 14.443 8.201 14.601C11 18.323 11 20.109 11 22H13C13 19.964 13 17.655 9.799 13.399C9.64961 13.2038 9.49658 13.0115 9.34 12.822ZM15.131 9.478C16.966 11.242 18.165 13.925 19.02 18.179L20.981 17.784C20.042 13.106 18.665 10.099 16.518 8.036L15.131 9.478Z" />
+<path d="M11.556 9.16901L10.441 10.829C10.468 10.848 13.152 12.709 14.242 16.553L16.166 16.008C14.867 11.426 11.69 9.25901 11.556 9.16901ZM14.688 18.459C14.898 19.627 15 20.785 15 22H17C17 20.665 16.888 19.392 16.657 18.105L14.688 18.459Z" />`;
+    const filledPaths = `<path d="M5.96199 17.674C6.99999 19.331 6.99999 20.567 6.99999 22H8.99999C8.99999 20.479 8.99999 18.756 7.65699 16.611L5.96199 17.674ZM16.504 3.387C13.977 1.91 7.54999 0.926002 4.28099 4.305C0.91299 7.786 2.03199 13.377 4.28199 15.697C4.39999 15.819 4.52599 15.926 4.65099 16.03C4.72299 16.091 4.79699 16.146 4.85599 16.214L6.34999 14.884C6.22006 14.7436 6.08001 14.6129 5.93099 14.493C5.85899 14.433 5.78499 14.374 5.71699 14.305C4.05699 12.594 3.21099 8.288 5.71799 5.697C8.24299 3.086 13.786 4.118 15.495 5.116C18.186 6.685 19.592 9.424 19.604 9.449L21.393 8.554C21.328 8.419 19.725 5.265 16.504 3.387Z" />
+<path d="M9.34 12.822C8.31 11.562 7.553 10.505 7.948 9.316C8.211 8.531 8.761 7.991 9.585 7.712C10.809 7.302 12.505 7.552 13.625 8.313L14.748 6.659C13.1 5.539 10.766 5.202 8.944 5.818C7.536 6.294 6.509 7.313 6.052 8.684C5.276 11.012 6.851 12.938 7.792 14.089C7.941 14.272 8.082 14.443 8.201 14.601C11 18.323 11 20.109 11 22H13C13 19.964 13 17.655 9.799 13.399C9.64961 13.2038 9.49658 13.0115 9.34 12.822ZM15.131 9.478C16.966 11.242 18.165 13.925 19.02 18.179L20.981 17.784C20.042 13.106 18.665 10.099 16.518 8.036L15.131 9.478Z" />
+<path d="M11.556 9.16901L10.441 10.829C10.468 10.848 13.152 12.709 14.242 16.553L16.166 16.008C14.867 11.426 11.69 9.25901 11.556 9.16901ZM14.688 18.459C14.898 19.627 15 20.785 15 22H17C17 20.665 16.888 19.392 16.657 18.105L14.688 18.459Z" />`;
+    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-fingerprint")) {
+  customElements.define("icon-fingerprint", NavaIconFingerprint);
+}

package/dist/chunk-3622YVIN.js

@@ -0,0 +1,46 @@
+// src/icons/shield-x.ts
+var NavaIconShieldX = 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.48 6.10501L12.48 2.10501C12.3411 2.03549 12.1879 1.9993 12.0325 1.9993C11.8772 1.9993 11.724 2.03549 11.585 2.10501L3.58502 6.10501C3.4343 6.18077 3.30514 6.29335 3.20951 6.43233C3.11389 6.5713 3.05491 6.73217 3.03802 6.90001C3.02702 7.00701 2.07702 17.667 11.627 21.914C11.7547 21.9714 11.8931 22.0011 12.033 22.0011C12.173 22.0011 12.3114 21.9714 12.439 21.914C21.989 17.667 21.039 7.00801 21.028 6.90001C21.0111 6.73204 20.952 6.57107 20.8562 6.43207C20.7604 6.29307 20.631 6.18057 20.48 6.10501ZM12.033 19.897C5.26502 16.625 4.94402 9.64201 4.99902 7.63501L12.033 4.11801L19.062 7.63301C19.1 9.62201 18.734 16.651 12.033 19.897Z" />
+<path d="M14.293 8.293L12 10.586L9.70703 8.293L8.29303 9.707L10.586 12L8.29303 14.293L9.70703 15.707L12 13.414L14.293 15.707L15.707 14.293L13.414 12L15.707 9.707L14.293 8.293Z" />`;
+    const filledPaths = `<path d="M11.4921 21.771C11.7861 21.928 12.1551 21.928 12.4491 21.77C20.4611 17.466 21.0301 9.05699 21.0231 6.66599C21.0223 6.47382 20.9655 6.28604 20.8597 6.12566C20.7538 5.96527 20.6035 5.83923 20.4271 5.76299L12.3761 2.19799C12.2479 2.14152 12.1095 2.11244 11.9695 2.11261C11.8294 2.11278 11.691 2.1422 11.5631 2.19899L3.57006 5.76499C3.39626 5.841 3.24801 5.96544 3.14304 6.12344C3.03806 6.28144 2.98079 6.46632 2.97806 6.65599C2.94406 9.03499 3.42306 17.462 11.4921 21.771ZM8.29306 9.70699L9.70706 8.29299L12.0001 10.586L14.2931 8.29299L15.7071 9.70699L13.4141 12L15.7071 14.293L14.2931 15.707L12.0001 13.414L9.70706 15.707L8.29306 14.293L10.5861 12L8.29306 9.70699Z" />`;
+    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-shield-x")) {
+  customElements.define("icon-shield-x", NavaIconShieldX);
+}