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

package/dist/chunk-E65SSGNO.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/left-top-arrow-circle.ts
+var NavaIconLeftTopArrowCircle = 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.071 19.071C22.969 15.172 22.969 8.827 19.071 4.928C15.172 1.03 8.82802 1.03 4.92802 4.928C1.03002 8.827 1.03002 15.172 4.92802 19.071C8.82802 22.97 15.172 22.97 19.071 19.071ZM8.46502 8.464H15.535L12.707 11.293L16.242 14.829L14.828 16.243L11.293 12.707L8.46502 15.536V8.464Z" />` : `<path d="M11.993 2.007C10.6797 2.00215 9.37847 2.25792 8.16471 2.75949C6.95095 3.26106 5.84876 3.99847 4.92199 4.929C1.02299 8.828 1.02299 15.172 4.92199 19.072C5.84878 20.0026 6.95095 20.7401 8.16469 21.2418C9.37843 21.7435 10.6796 21.9996 11.993 21.995C13.3064 21.9997 14.6076 21.7438 15.8214 21.242C17.0352 20.7403 18.1373 20.0027 19.064 19.072C22.963 15.173 22.963 8.829 19.064 4.929C18.1373 3.99843 17.0351 3.26099 15.8213 2.75942C14.6075 2.25784 13.3063 2.0021 11.993 2.007ZM17.65 17.657C16.9084 18.4012 16.0266 18.991 15.0556 19.3921C14.0845 19.7933 13.0436 19.9978 11.993 19.994C9.85199 19.994 7.84299 19.164 6.33599 17.657C3.21699 14.538 3.21699 9.462 6.33599 6.343C7.07768 5.599 7.95955 5.00946 8.93056 4.6085C9.90157 4.20753 10.9425 4.00308 11.993 4.007C14.135 4.007 16.143 4.836 17.65 6.343C20.77 9.462 20.77 14.538 17.65 17.657Z" />
+<path d="M14.657 9H8.99298V14.663L11.118 12.539L14.333 15.753L15.747 14.339L12.532 11.125L14.657 9Z" />`;
+    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-left-top-arrow-circle")) {
+  customElements.define("icon-left-top-arrow-circle", NavaIconLeftTopArrowCircle);
+}

package/dist/chunk-EBSGRQBU.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/calendar-week.ts
+var NavaIconCalendarWeek = 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 4H17V2H15V4H9V2H7V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM17 12V14H7V11H17V12ZM19 9H5V7H19V9Z" />` : `<path d="M19 4H16V2H14V4H10V2H8V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM5 20V7H19V6L19.002 20H5Z" />
+<path d="M7 10V12H17V9H7V10Z" />`;
+    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-calendar-week")) {
+  customElements.define("icon-calendar-week", NavaIconCalendarWeek);
+}

package/dist/chunk-ECGLP7OS.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/basket.ts
+var NavaIconBasket = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M8.1319 2.50403L4.4199 9.00003H2.9999C2.84619 9.0002 2.69459 9.03576 2.55685 9.10396C2.4191 9.17216 2.29891 9.27116 2.2056 9.3933C2.11228 9.51543 2.04834 9.65741 2.01874 9.80824C1.98914 9.95907 1.99467 10.1147 2.0349 10.263L4.8339 20.526C4.94992 20.9491 5.20155 21.3224 5.55019 21.5887C5.89883 21.8549 6.32521 21.9994 6.7639 22H17.2369C18.1349 22 18.9289 21.395 19.1669 20.525L21.9659 10.262C22.0066 10.1136 22.0124 9.95783 21.983 9.8068C21.9535 9.65577 21.8895 9.51361 21.7959 9.39141C21.7024 9.26922 21.5819 9.17031 21.4438 9.10242C21.3057 9.03452 21.1538 8.99948 20.9999 9.00003H19.5799L15.8679 2.50403L14.1319 3.49603L17.2769 9.00003H6.7229L9.8679 3.49603L8.1319 2.50403ZM13.9999 13H15.9999V18H13.9999V13ZM7.9999 13H9.9999V18H7.9999V13Z" />` : `<path d="M21 9.00003H19.58L15.868 2.50403L14.132 3.49603L17.277 9.00003H6.723L9.869 3.49603L8.132 2.50403L4.42 9.00003H3C2.8463 9.0002 2.6947 9.03576 2.55696 9.10396C2.41921 9.17216 2.29902 9.27116 2.2057 9.3933C2.11239 9.51543 2.04845 9.65741 2.01885 9.80824C1.98924 9.95907 1.99477 10.1147 2.035 10.263L4.834 20.527C4.95036 20.9498 5.20211 21.3228 5.5507 21.5889C5.89929 21.8549 6.32549 21.9993 6.764 22H17.237C18.135 22 18.929 21.395 19.167 20.525L21.966 10.262C22.0067 10.1136 22.0126 9.95783 21.9831 9.8068C21.9536 9.65577 21.8896 9.51361 21.796 9.39141C21.7025 9.26922 21.582 9.17031 21.4439 9.10242C21.3058 9.03452 21.1539 8.99948 21 9.00003ZM17.236 20H6.764L4.31 11H19.69L17.236 20Z" />
+<path d="M9 13H11V18H9V13ZM13 13H15V18H13V13Z" />`;
+    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-basket")) {
+  customElements.define("icon-basket", NavaIconBasket);
+}

package/dist/chunk-ECTOEAMV.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/user-pin.ts
+var NavaIconUserPin = 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 2H5C4.46957 2 3.96086 2.21071 3.58579 2.58579C3.21071 2.96086 3 3.46957 3 4V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19H9L12 22L15 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V4C21 3.46957 20.7893 2.96086 20.4142 2.58579C20.0391 2.21071 19.5304 2 19 2ZM12 5C13.727 5 15 6.272 15 8C15 9.728 13.727 11 12 11C10.274 11 9 9.728 9 8C9 6.272 10.274 5 12 5ZM7.177 16C7.735 14.277 9.673 13 12 13C14.327 13 16.266 14.277 16.823 16H7.177Z" />` : `<path d="M12 10C13.151 10 14 9.152 14 8C14 6.848 13.151 6 12 6C10.85 6 10 6.848 10 8C10 9.152 10.85 10 12 10ZM12 11C9.791 11 8 12.612 8 14.6V14.986H16V14.6C16 12.612 14.209 11 12 11Z" />
+<path d="M19 2H5C3.897 2 3 2.897 3 4V17C3 18.103 3.897 19 5 19H9L12 22L15 19H19C20.103 19 21 18.103 21 17V4C21 2.897 20.103 2 19 2ZM14 17L12 19L10 17H5V4H19L19.002 17H14Z" />`;
+    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-user-pin")) {
+  customElements.define("icon-user-pin", NavaIconUserPin);
+}

package/dist/chunk-ED4GHMU5.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/bone.ts
+var NavaIconBone = 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="M18.852 5.14801C18.8137 4.3265 18.4715 3.54851 17.892 2.96501C17.5831 2.65271 17.2155 2.40454 16.8104 2.23478C16.4052 2.06502 15.9705 1.97702 15.5313 1.97584C15.092 1.97466 14.6568 2.06032 14.2508 2.22789C13.8448 2.39547 13.4758 2.64165 13.1653 2.95229C12.8547 3.26293 12.6086 3.6319 12.4411 4.03798C12.2736 4.44406 12.188 4.87924 12.1893 5.31851C12.1906 5.75777 12.2787 6.19245 12.4485 6.59755C12.6184 7.00265 12.8666 7.37018 13.179 7.67901L7.67999 13.179C7.37116 12.8666 7.00363 12.6184 6.59853 12.4486C6.19343 12.2787 5.75875 12.1906 5.31948 12.1893C4.88022 12.1881 4.44504 12.2736 4.03896 12.4411C3.63288 12.6086 3.26391 12.8547 2.95327 13.1653C2.64263 13.4759 2.39644 13.8448 2.22887 14.2508C2.0613 14.6569 1.97564 15.092 1.97682 15.5313C1.978 15.9706 2.066 16.4053 2.23576 16.8104C2.40552 17.2155 2.65368 17.5831 2.96599 17.892C3.57199 18.498 4.35599 18.81 5.14899 18.852C5.19099 19.645 5.50299 20.428 6.10899 21.035C6.41789 21.3473 6.78547 21.5955 7.19061 21.7652C7.59575 21.935 8.03045 22.023 8.46971 22.0242C8.90897 22.0254 9.34414 21.9397 9.75018 21.7721C10.1562 21.6046 10.5251 21.3584 10.8357 21.0477C11.1463 20.7371 11.3924 20.3681 11.5599 19.962C11.7274 19.556 11.8129 19.1208 11.8117 18.6815C11.8104 18.2423 11.7223 17.8076 11.5525 17.4025C11.3826 16.9974 11.1344 16.6298 10.822 16.321L16.321 10.822C16.6298 11.1344 16.9974 11.3826 17.4025 11.5525C17.8076 11.7223 18.2422 11.8104 18.6815 11.8117C19.1208 11.813 19.5559 11.7274 19.962 11.5599C20.3681 11.3924 20.7371 11.1463 21.0477 10.8357C21.3584 10.5252 21.6045 10.1562 21.7721 9.7502C21.9397 9.34416 22.0253 8.909 22.0242 8.46973C22.023 8.03047 21.935 7.59577 21.7652 7.19063C21.5955 6.7855 21.3473 6.41791 21.035 6.10901C20.4519 5.52877 19.6737 5.18622 18.852 5.14801Z" />` : `<path d="M19.049 4.95102C18.8727 4.2699 18.5178 3.64817 18.021 3.15002C16.511 1.64002 13.875 1.64002 12.365 3.15002C11.7392 3.7778 11.3391 4.59529 11.2273 5.47463C11.1155 6.35398 11.2982 7.24559 11.747 8.01002L8.03301 11.724C6.52801 10.834 4.44201 11.075 3.17301 12.342C2.4238 13.0927 2.00302 14.1099 2.00302 15.1705C2.00302 16.2311 2.4238 17.2483 3.17301 17.999C3.67068 18.496 4.29212 18.8509 4.97301 19.027C5.15101 19.708 5.50301 20.329 6.00101 20.827C6.37115 21.2002 6.81177 21.496 7.29726 21.6974C7.78275 21.8988 8.30342 22.0016 8.82901 22C9.35448 22.0014 9.87499 21.8985 10.3604 21.6973C10.8459 21.4962 11.2866 21.2007 11.657 20.828C12.2827 20.2004 12.6827 19.383 12.7944 18.5038C12.906 17.6246 12.723 16.7331 12.274 15.969L15.988 12.255C17.495 13.146 19.581 12.905 20.849 11.636C21.5982 10.8855 22.0189 9.86843 22.0189 8.80802C22.0189 7.7476 21.5982 6.73052 20.849 5.98002C20.3516 5.48254 19.7301 5.12725 19.049 4.95102ZM19.436 10.222C18.68 10.977 17.363 10.978 16.607 10.222L15.9 9.51502L9.53701 15.879L10.244 16.586C10.6182 16.9615 10.8283 17.4699 10.8283 18C10.8283 18.5301 10.6182 19.0386 10.244 19.414C9.48701 20.171 8.17001 20.169 7.41501 19.414C7.06685 19.0646 6.863 18.5969 6.84401 18.104L6.79701 17.204L5.89701 17.157C5.40431 17.1372 4.93693 16.9334 4.58701 16.586C4.2125 16.2105 4.00218 15.7018 4.00218 15.1715C4.00218 14.6412 4.2125 14.1325 4.58701 13.757C4.96401 13.38 5.46601 13.172 6.00001 13.172C6.53401 13.172 7.03601 13.38 7.41401 13.757L8.12101 14.464L14.485 8.10102L13.778 7.39402C13.4035 7.01853 13.1932 6.50985 13.1932 5.97952C13.1932 5.44919 13.4035 4.9405 13.778 4.56502C14.534 3.81102 15.85 3.81102 16.606 4.56502C16.949 4.90802 17.152 5.37402 17.178 5.87702L17.226 6.77402L18.123 6.82202C18.626 6.84802 19.092 7.05102 19.435 7.39402C19.812 7.77202 20.02 8.27402 20.02 8.80802C20.02 9.34202 19.813 9.84402 19.436 10.222Z" />`;
+    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-bone")) {
+  customElements.define("icon-bone", NavaIconBone);
+}

package/dist/chunk-EF5YGEFS.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/car-battery.ts
+var NavaIconCarBattery = 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 6H4C2.897 6 2 6.897 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.897 21.103 6 20 6ZM9 14H4V12H9V14ZM20 14H18V16H16V14H14V12H16V10H18V12H20V14ZM4 3H8V5H4V3ZM16 3H20V5H16V3Z" />` : `<path d="M20 6H4C2.897 6 2 6.897 2 8V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V8C22 6.897 21.103 6 20 6ZM9 14H4V12H9V14ZM20 14H18V16H16V14H14V12H16V10H18V12H20V14ZM4 3H8V5H4V3ZM16 3H20V5H16V3Z" />`;
+    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-car-battery")) {
+  customElements.define("icon-car-battery", NavaIconCarBattery);
+}

package/dist/chunk-EFO2XXYC.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/caret-up-circle.ts
+var NavaIconCaretUpCircle = 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.485 2 2 6.486 2 12C2 17.514 6.485 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM7 14L12 8L17 14H7Z" />` : `<path d="M7 14H17L12 8L7 14Z" />
+<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" />`;
+    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-caret-up-circle")) {
+  customElements.define("icon-caret-up-circle", NavaIconCaretUpCircle);
+}

package/dist/chunk-EG7HF3OA.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/hourglass.ts
+var NavaIconHourglass = 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 22H20V20H19V19C18.9981 17.7852 18.6807 16.5917 18.0789 15.5364C17.4771 14.4811 16.6116 13.6002 15.567 12.98C15.212 12.77 15 12.433 15 12.079V11.921C15 11.567 15.212 11.23 15.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H4V4H5V5C5.00203 6.21504 5.31957 7.40873 5.92153 8.46418C6.5235 9.51964 7.38924 10.4007 8.434 11.021C8.788 11.23 9 11.566 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 19V20H4V22H19ZM17 4V5C16.9985 6.08225 16.6462 7.13485 15.996 8H8.004C7.35378 7.13485 7.00151 6.08225 7 5V4H17ZM9.45 14.702C10.421 14.128 11 13.148 11 12.079V12H13V12.079C13 13.147 13.579 14.128 14.551 14.702C15.4495 15.2367 16.157 16.0407 16.573 17H7.427C7.84313 16.0405 8.55096 15.2364 9.45 14.702Z" />` : `<path d="M15.566 11.021C16.6108 10.4007 17.4765 9.51964 18.0785 8.46418C18.6804 7.40873 18.998 6.21504 19 5V4H20V2H4V4H5V5C5.00203 6.21504 5.31957 7.40873 5.92153 8.46418C6.5235 9.51964 7.38924 10.4007 8.434 11.021C8.788 11.229 9 11.566 9 11.921V12.079C9 12.433 8.788 12.769 8.434 12.979C7.38924 13.5993 6.5235 14.4804 5.92153 15.5358C5.31957 16.5913 5.00203 17.785 5 19V20H4V22H20V20H19V19C18.9981 17.7852 18.6807 16.5917 18.0789 15.5364C17.4771 14.4811 16.6116 13.6002 15.567 12.98C15.212 12.77 15 12.433 15 12.079V11.921C15 11.566 15.212 11.229 15.566 11.021ZM14.551 14.702C15.2964 15.1451 15.9139 15.7741 16.3432 16.5275C16.7725 17.2809 16.9988 18.1329 17 19V20H7V19C7.00131 18.1327 7.22777 17.2805 7.65723 16.5269C8.08669 15.7734 8.70443 15.1442 9.45 14.701C10.421 14.128 11 13.147 11 12.079V11.921C11 10.852 10.42 9.87 9.449 9.298C8.70363 8.85492 8.08607 8.22589 7.65678 7.47248C7.2275 6.71908 7.00118 5.86712 7 5V4H17V5C17 6.76 16.062 8.406 14.551 9.298C13.58 9.87 13 10.852 13 11.921V12.079C13 13.147 13.579 14.128 14.551 14.702Z" />`;
+    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-hourglass")) {
+  customElements.define("icon-hourglass", NavaIconHourglass);
+}

package/dist/chunk-EHRLG4BH.js

@@ -0,0 +1,51 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/toggle-right.ts
+var NavaIconToggleRight = 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 6H8C4.704 6 2.018 8.682 2 11.986V12.028C2.01002 13.6136 2.64627 15.131 3.77012 16.2496C4.89397 17.3683 6.41434 17.9974 8 18H16C19.309 18 22 15.309 22 12C22 8.691 19.309 6 16 6ZM16 15C14.373 15 13 13.627 13 12C13 10.373 14.373 9 16 9C17.627 9 19 10.373 19 12C19 13.627 17.627 15 16 15Z" />` : `<path d="M16 9C14.372 9 13 10.372 13 12C13 13.628 14.372 15 16 15C17.628 15 19 13.628 19 12C19 10.372 17.628 9 16 9Z" />
+<path d="M16 6H8C4.704 6 2.018 8.682 2 11.986V12.028C2.01002 13.6136 2.64627 15.131 3.77012 16.2496C4.89397 17.3683 6.41434 17.9974 8 18H16C19.309 18 22 15.309 22 12C22 8.691 19.309 6 16 6ZM16 16H8C6.94135 15.9984 5.92636 15.5779 5.17685 14.8302C4.42733 14.0826 4.00423 13.0686 4 12.01C4.004 9.799 5.798 8 8 8H16C18.206 8 20 9.794 20 12C20 14.206 18.206 16 16 16Z" />`;
+    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-toggle-right")) {
+  customElements.define("icon-toggle-right", NavaIconToggleRight);
+}

package/dist/chunk-EIICHBTY.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/menu-alt-right.ts
+var NavaIconMenuAltRight = 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="M4 6H20V8H4V6ZM8 11H20V13H8V11ZM13 16H20V18H13V16Z" />` : `<path d="M4 6H20V8H4V6ZM8 11H20V13H8V11ZM13 16H20V18H13V16Z" />`;
+    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-menu-alt-right")) {
+  customElements.define("icon-menu-alt-right", NavaIconMenuAltRight);
+}

package/dist/chunk-EJUHAB6H.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/right-arrow-alt.ts
+var NavaIconRightArrowAlt = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const config = getNavaIconConfig();
+    const size = this.getAttribute("size") ?? config.size ?? 24;
+    const color = this.getAttribute("color") ?? config.color ?? "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") ?? config.strokeWidth ?? 0.5;
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const paths = isFilled ? `<path d="M19 12L12 6V11H6V13H12V18L19 12Z" />` : `<path d="M11.293 17.293L12.707 18.707L19.414 12L12.707 5.293L11.293 6.707L15.586 11H6V13H15.586L11.293 17.293Z" />`;
+    const strokeBased = isFilled ? false : false;
+    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-right-arrow-alt")) {
+  customElements.define("icon-right-arrow-alt", NavaIconRightArrowAlt);
+}

package/dist/chunk-EK22U5Z6.js

@@ -0,0 +1,50 @@
+import {
+  getNavaIconConfig
+} from "./chunk-6PLL5KGQ.js";
+
+// src/icons/search-alt-2.ts
+var NavaIconSearchAlt2 = 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 16C10.763 16 12.37 15.34 13.603 14.261L14.94 17.061C14.94 17.061 15.215 17.285 15.593 17.657C15.98 18.02 16.489 18.511 16.977 19.024L18.335 20.416L18.939 21.062L21.06 18.941L20.414 18.337L19.022 16.979C18.5536 16.5304 18.0978 16.0689 17.655 15.595C17.283 15.217 17.059 14.942 17.059 14.942L14.259 13.605C15.3804 12.333 15.9994 10.6957 16 9C16 5.141 12.859 2 9 2C5.141 2 2 5.141 2 9C2 12.859 5.141 16 9 16Z" />` : `<path d="M19.023 16.977C18.5546 16.5284 18.0988 16.0669 17.656 15.593C17.284 15.215 17.06 14.94 17.06 14.94L14.26 13.603C15.381 12.3316 15.9997 10.695 16 9C16 5.141 12.86 2 9 2C5.14 2 2 5.141 2 9C2 12.859 5.14 16 9 16C10.763 16 12.37 15.34 13.603 14.261L14.94 17.061C14.94 17.061 15.215 17.285 15.593 17.657C15.98 18.02 16.489 18.511 16.977 19.024L18.335 20.416L18.939 21.062L21.06 18.941L20.414 18.337C20.035 17.965 19.529 17.471 19.023 16.977ZM9 14C6.243 14 4 11.757 4 9C4 6.243 6.243 4 9 4C11.757 4 14 6.243 14 9C14 11.757 11.757 14 9 14Z" />`;
+    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-search-alt-2")) {
+  customElements.define("icon-search-alt-2", NavaIconSearchAlt2);
+}