@whydrf/nava-icon-web-components 0.1.0

package/dist/chunk-DXRGRXC7.js

@@ -0,0 +1,45 @@
+// src/icons/plug.ts
+var NavaIconPlug = 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="M3 8H5V13C5 15.206 6.794 17 9 17H11V22H13V17H15C17.206 17 19 15.206 19 13V8H21V6H3V8ZM7 8H17V13C17 14.103 16.103 15 15 15H9C7.897 15 7 14.103 7 13V8ZM7 2H9V5H7V2ZM15 2H17V5H15V2Z" />`;
+    const filledPaths = `<path d="M3 8H5V13C5 15.206 6.794 17 9 17H11V22H13V17H15C17.206 17 19 15.206 19 13V8H21V6H3V8ZM7 2H9V5H7V2ZM15 2H17V5H15V2Z" />`;
+    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-plug")) {
+  customElements.define("icon-plug", NavaIconPlug);
+}

package/dist/chunk-DYWVYM5Q.js

@@ -0,0 +1,45 @@
+// src/icons/border-right.ts
+var NavaIconBorderRight = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M15 19H17V21H15V19ZM11 19H13V21H11V19ZM7 19H9V21H7V19ZM3 19H5V21H3V19ZM3 7H5V9H3V7ZM3 15H5V17H3V15ZM3 11H5V13H3V11ZM3 3H5V5H3V3ZM15 3H17V5H15V3ZM11 3H13V5H11V3ZM7 3H9V5H7V3ZM11 7H13V9H11V7ZM11 15H13V17H11V15ZM7 11H9V13H7V11ZM15 11H17V13H15V11ZM11 11H13V13H11V11ZM19 5V21H21V3H19V5Z" />`;
+    const filledPaths = `<path d="M15 19H17V21H15V19ZM11 19H13V21H11V19ZM7 19H9V21H7V19ZM3 19H5V21H3V19ZM3 7H5V9H3V7ZM3 15H5V17H3V15ZM3 11H5V13H3V11ZM3 3H5V5H3V3ZM15 3H17V5H15V3ZM11 3H13V5H11V3ZM7 3H9V5H7V3ZM11 7H13V9H11V7ZM11 15H13V17H11V15ZM7 11H9V13H7V11ZM15 11H17V13H15V11ZM11 11H13V13H11V11ZM19 5V21H21V3H19V5Z" />`;
+    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-border-right")) {
+  customElements.define("icon-border-right", NavaIconBorderRight);
+}

package/dist/chunk-DZYZJ2SW.js

@@ -0,0 +1,48 @@
+// 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 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="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 filledPaths = `<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" />`;
+    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-bot")) {
+  customElements.define("icon-bot", NavaIconBot);
+}

package/dist/chunk-E2TEY7UF.js

@@ -0,0 +1,45 @@
+// src/icons/vector.ts
+var NavaIconVector = 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.277 8C18.624 8.596 19.262 9 20 9C20.5304 9 21.0391 8.78929 21.4142 8.41421C21.7893 8.03914 22 7.53043 22 7C22 6.46957 21.7893 5.96086 21.4142 5.58579C21.0391 5.21071 20.5304 5 20 5C19.262 5 18.624 5.404 18.277 6H16V4C16 3.73478 15.8946 3.48043 15.7071 3.29289C15.5196 3.10536 15.2652 3 15 3H9C8.73478 3 8.48043 3.10536 8.29289 3.29289C8.10536 3.48043 8 3.73478 8 4V6H5.723C5.376 5.404 4.738 5 4 5C3.46957 5 2.96086 5.21071 2.58579 5.58579C2.21071 5.96086 2 6.46957 2 7C2 7.53043 2.21071 8.03914 2.58579 8.41421C2.96086 8.78929 3.46957 9 4 9C4.738 9 5.376 8.596 5.723 8H8V8.369C5.133 9.84 4.318 12.534 4.091 14H3C2.73478 14 2.48043 14.1054 2.29289 14.2929C2.10536 14.4804 2 14.7348 2 15V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H7C7.26522 20 7.51957 19.8946 7.70711 19.7071C7.89464 19.5196 8 19.2652 8 19V15C8 14.7348 7.89464 14.4804 7.70711 14.2929C7.51957 14.1054 7.26522 14 7 14H6.123C6.32 13.041 6.841 11.594 8.208 10.582C8.29753 10.7094 8.41601 10.8137 8.55369 10.8863C8.69137 10.959 8.84433 10.9979 9 11H15C15.1558 10.9982 15.3089 10.9592 15.4467 10.8863C15.5844 10.8134 15.7028 10.7088 15.792 10.581C17.165 11.594 17.687 13.039 17.881 14H17C16.7348 14 16.4804 14.1054 16.2929 14.2929C16.1054 14.4804 16 14.7348 16 15V19C16 19.2652 16.1054 19.5196 16.2929 19.7071C16.4804 19.8946 16.7348 20 17 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V15C22 14.7348 21.8946 14.4804 21.7071 14.2929C21.5196 14.1054 21.2652 14 21 14H19.908C19.681 12.534 18.866 9.839 16 8.368V8H18.277ZM6 18H4V16H6V18ZM20 18H18V16H20V18ZM14 9H10V5H14V9Z" />`;
+    const filledPaths = `<path d="M18.277 8C18.624 8.596 19.262 9 20 9C20.5304 9 21.0391 8.78929 21.4142 8.41421C21.7893 8.03914 22 7.53043 22 7C22 6.46957 21.7893 5.96086 21.4142 5.58579C21.0391 5.21071 20.5304 5 20 5C19.262 5 18.624 5.404 18.277 6H16V4C16 3.73478 15.8946 3.48043 15.7071 3.29289C15.5196 3.10536 15.2652 3 15 3H9C8.73478 3 8.48043 3.10536 8.29289 3.29289C8.10536 3.48043 8 3.73478 8 4V6H5.723C5.376 5.404 4.738 5 4 5C3.46957 5 2.96086 5.21071 2.58579 5.58579C2.21071 5.96086 2 6.46957 2 7C2 7.53043 2.21071 8.03914 2.58579 8.41421C2.96086 8.78929 3.46957 9 4 9C4.738 9 5.376 8.596 5.723 8H8V8.368C5.134 9.839 4.319 12.534 4.092 14H3C2.73478 14 2.48043 14.1054 2.29289 14.2929C2.10536 14.4804 2 14.7348 2 15V19C2 19.2652 2.10536 19.5196 2.29289 19.7071C2.48043 19.8946 2.73478 20 3 20H7C7.26522 20 7.51957 19.8946 7.70711 19.7071C7.89464 19.5196 8 19.2652 8 19V15C8 14.7348 7.89464 14.4804 7.70711 14.2929C7.51957 14.1054 7.26522 14 7 14H6.123C6.32 13.041 6.841 11.594 8.208 10.582C8.29753 10.7094 8.41601 10.8137 8.55369 10.8863C8.69137 10.959 8.84433 10.9979 9 11H15C15.1558 10.9982 15.3089 10.9592 15.4467 10.8863C15.5844 10.8134 15.7028 10.7088 15.792 10.581C17.165 11.594 17.687 13.039 17.881 14H17C16.7348 14 16.4804 14.1054 16.2929 14.2929C16.1054 14.4804 16 14.7348 16 15V19C16 19.2652 16.1054 19.5196 16.2929 19.7071C16.4804 19.8946 16.7348 20 17 20H21C21.2652 20 21.5196 19.8946 21.7071 19.7071C21.8946 19.5196 22 19.2652 22 19V15C22 14.7348 21.8946 14.4804 21.7071 14.2929C21.5196 14.1054 21.2652 14 21 14H19.908C19.681 12.534 18.866 9.839 16 8.368V8H18.277ZM14 9H10V5H14V9Z" />`;
+    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-vector")) {
+  customElements.define("icon-vector", NavaIconVector);
+}

package/dist/chunk-E45VAZP6.js

@@ -0,0 +1,45 @@
+// src/icons/user-minus.ts
+var NavaIconUserMinus = 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 11H22V13H14V11ZM8 4.00002C7.47134 3.98771 6.94569 4.08275 6.45482 4.27941C5.96395 4.47607 5.51807 4.77026 5.14415 5.14418C4.77024 5.51809 4.47605 5.96397 4.27939 6.45484C4.08273 6.94571 3.98768 7.47137 4 8.00002C3.98768 8.52868 4.08273 9.05434 4.27939 9.54521C4.47605 10.0361 4.77024 10.482 5.14415 10.8559C5.51807 11.2298 5.96395 11.524 6.45482 11.7206C6.94569 11.9173 7.47134 12.0123 8 12C8.52866 12.0123 9.05431 11.9173 9.54518 11.7206C10.0361 11.524 10.4819 11.2298 10.8558 10.8559C11.2298 10.482 11.524 10.0361 11.7206 9.54521C11.9173 9.05434 12.0123 8.52868 12 8.00002C12.0123 7.47137 11.9173 6.94571 11.7206 6.45484C11.524 5.96397 11.2298 5.51809 10.8558 5.14418C10.4819 4.77026 10.0361 4.47607 9.54518 4.27941C9.05431 4.08275 8.52866 3.98771 8 4.00002ZM8 10C7.73395 10.0129 7.46815 9.96996 7.21968 9.874C6.9712 9.77804 6.74554 9.63117 6.5572 9.44283C6.36885 9.25448 6.22198 9.02882 6.12602 8.78035C6.03007 8.53187 5.98714 8.26607 6 8.00002C5.98714 7.73397 6.03007 7.46817 6.12602 7.2197C6.22198 6.97122 6.36885 6.74557 6.5572 6.55722C6.74554 6.36888 6.9712 6.22201 7.21968 6.12605C7.46815 6.03009 7.73395 5.98716 8 6.00002C8.26605 5.98716 8.53185 6.03009 8.78032 6.12605C9.0288 6.22201 9.25446 6.36888 9.4428 6.55722C9.63115 6.74557 9.77802 6.97122 9.87398 7.2197C9.96993 7.46817 10.0129 7.73397 10 8.00002C10.0129 8.26607 9.96993 8.53187 9.87398 8.78035C9.77802 9.02882 9.63115 9.25448 9.4428 9.44283C9.25446 9.63117 9.0288 9.77804 8.78032 9.874C8.53185 9.96996 8.26605 10.0129 8 10ZM4 18C4 17.2044 4.31607 16.4413 4.87868 15.8787C5.44129 15.3161 6.20435 15 7 15H9C9.79565 15 10.5587 15.3161 11.1213 15.8787C11.6839 16.4413 12 17.2044 12 18V19H14V18C14 17.3434 13.8707 16.6932 13.6194 16.0866C13.3681 15.48 12.9998 14.9288 12.5355 14.4645C12.0712 14.0002 11.52 13.6319 10.9134 13.3806C10.3068 13.1294 9.65661 13 9 13H7C5.67392 13 4.40215 13.5268 3.46447 14.4645C2.52678 15.4022 2 16.6739 2 18V19H4V18Z" />`;
+    const filledPaths = `<path d="M14 11H22V13H14V11ZM4.5 8.552C4.5 10.547 6.005 12.052 8 12.052C9.995 12.052 11.5 10.547 11.5 8.552C11.5 6.557 9.995 5.052 8 5.052C6.005 5.052 4.5 6.557 4.5 8.552ZM4 19H14V18C14 15.243 11.757 13 9 13H7C4.243 13 2 15.243 2 18V19H4Z" />`;
+    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-user-minus")) {
+  customElements.define("icon-user-minus", NavaIconUserMinus);
+}

package/dist/chunk-EAH46THP.js

@@ -0,0 +1,45 @@
+// src/icons/dashboard.ts
+var NavaIconDashboard = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M4 13H10C10.2652 13 10.5196 12.8946 10.7071 12.7071C10.8946 12.5196 11 12.2652 11 12V4C11 3.73478 10.8946 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V12C3 12.2652 3.10536 12.5196 3.29289 12.7071C3.48043 12.8946 3.73478 13 4 13ZM3 20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H10C10.2652 21 10.5196 20.8946 10.7071 20.7071C10.8946 20.5196 11 20.2652 11 20V16C11 15.7348 10.8946 15.4804 10.7071 15.2929C10.5196 15.1054 10.2652 15 10 15H4C3.73478 15 3.48043 15.1054 3.29289 15.2929C3.10536 15.4804 3 15.7348 3 16V20ZM13 20C13 20.2652 13.1054 20.5196 13.2929 20.7071C13.4804 20.8946 13.7348 21 14 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V13C21 12.7348 20.8946 12.4804 20.7071 12.2929C20.5196 12.1054 20.2652 12 20 12H14C13.7348 12 13.4804 12.1054 13.2929 12.2929C13.1054 12.4804 13 12.7348 13 13V20ZM14 10H20C20.2652 10 20.5196 9.89464 20.7071 9.70711C20.8946 9.51957 21 9.26522 21 9V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3H14C13.7348 3 13.4804 3.10536 13.2929 3.29289C13.1054 3.48043 13 3.73478 13 4V9C13 9.26522 13.1054 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10Z" />`;
+    const filledPaths = `<path d="M4 13H10C10.2652 13 10.5196 12.8946 10.7071 12.7071C10.8946 12.5196 11 12.2652 11 12V4C11 3.73478 10.8946 3.48043 10.7071 3.29289C10.5196 3.10536 10.2652 3 10 3H4C3.73478 3 3.48043 3.10536 3.29289 3.29289C3.10536 3.48043 3 3.73478 3 4V12C3 12.2652 3.10536 12.5196 3.29289 12.7071C3.48043 12.8946 3.73478 13 4 13ZM3 20C3 20.2652 3.10536 20.5196 3.29289 20.7071C3.48043 20.8946 3.73478 21 4 21H10C10.2652 21 10.5196 20.8946 10.7071 20.7071C10.8946 20.5196 11 20.2652 11 20V16C11 15.7348 10.8946 15.4804 10.7071 15.2929C10.5196 15.1054 10.2652 15 10 15H4C3.73478 15 3.48043 15.1054 3.29289 15.2929C3.10536 15.4804 3 15.7348 3 16V20ZM13 20C13 20.2652 13.1054 20.5196 13.2929 20.7071C13.4804 20.8946 13.7348 21 14 21H20C20.2652 21 20.5196 20.8946 20.7071 20.7071C20.8946 20.5196 21 20.2652 21 20V13C21 12.7348 20.8946 12.4804 20.7071 12.2929C20.5196 12.1054 20.2652 12 20 12H14C13.7348 12 13.4804 12.1054 13.2929 12.2929C13.1054 12.4804 13 12.7348 13 13V20ZM14 10H20C20.2652 10 20.5196 9.89464 20.7071 9.70711C20.8946 9.51957 21 9.26522 21 9V4C21 3.73478 20.8946 3.48043 20.7071 3.29289C20.5196 3.10536 20.2652 3 20 3H14C13.7348 3 13.4804 3.10536 13.2929 3.29289C13.1054 3.48043 13 3.73478 13 4V9C13 9.26522 13.1054 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10Z" />`;
+    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-dashboard")) {
+  customElements.define("icon-dashboard", NavaIconDashboard);
+}

package/dist/chunk-EB4IC63Q.js

@@ -0,0 +1,45 @@
+// src/icons/euro.ts
+var NavaIconEuro = 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.464 6C14.894 6 16.243 6.613 17.263 7.726L18.738 6.374C17.334 4.843 15.461 4 13.464 4C11.466 4 9.594 4.843 8.192 6.375C7.4936 7.1386 6.94929 8.02993 6.589 9H4V11H6.114C6.076 11.33 6.05 11.663 6.05 12C6.05 12.337 6.076 12.67 6.114 13H4V15H6.589C6.951 15.97 7.49 16.861 8.192 17.626C9.594 19.157 11.466 20 13.464 20C15.461 20 17.334 19.157 18.737 17.626L17.262 16.274C16.243 17.387 14.894 18 13.464 18C12.034 18 10.686 17.388 9.666 16.274C9.32358 15.8887 9.0328 15.4604 8.801 15H13V13H8.139C8.089 12.672 8.05 12.34 8.05 12C8.05 11.66 8.089 11.328 8.139 11H13V9H8.801C9.041 8.543 9.317 8.107 9.666 7.726C10.686 6.613 12.034 6 13.464 6Z" />`;
+    const filledPaths = `<path d="M13.464 6C14.894 6 16.243 6.613 17.263 7.726L18.738 6.374C17.334 4.843 15.461 4 13.464 4C11.466 4 9.594 4.843 8.192 6.375C7.4936 7.1386 6.94929 8.02993 6.589 9H4V11H6.114C6.076 11.33 6.05 11.663 6.05 12C6.05 12.337 6.076 12.67 6.114 13H4V15H6.589C6.951 15.97 7.49 16.861 8.192 17.626C9.594 19.157 11.466 20 13.464 20C15.461 20 17.334 19.157 18.737 17.626L17.262 16.274C16.243 17.387 14.894 18 13.464 18C12.034 18 10.686 17.388 9.666 16.274C9.32358 15.8887 9.0328 15.4604 8.801 15H13V13H8.139C8.089 12.672 8.05 12.34 8.05 12C8.05 11.66 8.089 11.328 8.139 11H13V9H8.801C9.041 8.543 9.317 8.107 9.666 7.726C10.686 6.613 12.034 6 13.464 6Z" />`;
+    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-euro")) {
+  customElements.define("icon-euro", NavaIconEuro);
+}

package/dist/chunk-EB4WTENW.js

@@ -0,0 +1,45 @@
+// src/icons/fast-forward.ts
+var NavaIconFastForward = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M19 12L12 7V17L19 12ZM5 7V17L12 12L5 7Z" />`;
+    const filledPaths = `<path d="M19 12L12 7V17L19 12ZM5 7V17L12 12L5 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-fast-forward")) {
+  customElements.define("icon-fast-forward", NavaIconFastForward);
+}

package/dist/chunk-EBE3NAGL.js

@@ -0,0 +1,45 @@
+// src/icons/card.ts
+var NavaIconCard = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M17.999 17C19.102 17 19.999 16.103 19.999 15V5C19.999 3.897 19.102 3 17.999 3H5.99902C4.89602 3 3.99902 3.897 3.99902 5V15C3.99902 16.103 4.89602 17 5.99902 17H17.999ZM5.99902 5H17.999L18.001 15H5.99902V5ZM3.99902 19H19.999V21H3.99902V19Z" />`;
+    const filledPaths = `<path d="M18 17C19.103 17 20 16.103 20 15V5C20 3.897 19.103 3 18 3H6C4.897 3 4 3.897 4 5V15C4 16.103 4.897 17 6 17H18ZM4 19H20V21H4V19Z" />`;
+    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-card")) {
+  customElements.define("icon-card", NavaIconCard);
+}

package/dist/chunk-EC5KZBJD.js

@@ -0,0 +1,45 @@
+// src/icons/skip-next.ts
+var NavaIconSkipNext = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M7 7V17L14 12L7 7ZM16 17V7H14V17H16Z" />`;
+    const filledPaths = `<path d="M7 7V17L14 12L7 7ZM16 17V7H14V17H16Z" />`;
+    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-skip-next")) {
+  customElements.define("icon-skip-next", NavaIconSkipNext);
+}

package/dist/chunk-ECR3CAD3.js

@@ -0,0 +1,45 @@
+// src/icons/down-arrow.ts
+var NavaIconDownArrow = 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="M21.886 5.536C21.8011 5.37444 21.6737 5.23914 21.5176 5.14468C21.3615 5.05022 21.1825 5.00019 21 5H3C2.81784 5.00075 2.63934 5.05115 2.48368 5.14576C2.32802 5.24038 2.2011 5.37564 2.11657 5.53699C2.03203 5.69835 1.99308 5.8797 2.00391 6.06153C2.01473 6.24337 2.07492 6.41881 2.178 6.569L11.178 19.569C11.2697 19.7022 11.3925 19.8112 11.5357 19.8864C11.6789 19.9617 11.8382 20.001 12 20.001C12.1618 20.001 12.3211 19.9617 12.4643 19.8864C12.6075 19.8112 12.7303 19.7022 12.822 19.569L21.822 6.569C21.9261 6.41912 21.9871 6.24357 21.9984 6.06144C22.0097 5.87932 21.9708 5.69758 21.886 5.536ZM12 17.243L4.908 7H19.092L12 17.243Z" />`;
+    const filledPaths = `<path d="M11.1781 19.569C11.2698 19.7022 11.3926 19.8112 11.5357 19.8864C11.6789 19.9617 11.8383 20.001 12.0001 20.001C12.1618 20.001 12.3212 19.9617 12.4644 19.8864C12.6076 19.8112 12.7303 19.7022 12.8221 19.569L21.8221 6.569C21.9262 6.41906 21.9873 6.24343 21.9987 6.06121C22.0101 5.87898 21.9713 5.69712 21.8865 5.53539C21.8018 5.37366 21.6744 5.23825 21.5181 5.14386C21.3618 5.04947 21.1826 4.99971 21.0001 5H3.00006C2.8179 5.00075 2.6394 5.05115 2.48374 5.14576C2.32808 5.24038 2.20116 5.37564 2.11663 5.53699C2.03209 5.69835 1.99314 5.8797 2.00397 6.06153C2.01479 6.24337 2.07498 6.41881 2.17806 6.569L11.1781 19.569Z" />`;
+    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-down-arrow")) {
+  customElements.define("icon-down-arrow", NavaIconDownArrow);
+}

package/dist/chunk-EDGRL4IF.js

@@ -0,0 +1,45 @@
+// src/icons/bracket.ts
+var NavaIconBracket = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M10 4V2H4V22H10V20H6V4H10ZM14 20V22H20V2H14V4H18V20H14Z" />`;
+    const filledPaths = `<path d="M10 4V2H4V22H10V20H6V4H10ZM14 20V22H20V2H14V4H18V20H14Z" />`;
+    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-bracket")) {
+  customElements.define("icon-bracket", NavaIconBracket);
+}

package/dist/chunk-EDKXNPW2.js

@@ -0,0 +1,45 @@
+// src/icons/paragraph.ts
+var NavaIconParagraph = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color", "stroke-width", "mode"];
+  }
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback() {
+    this.render();
+  }
+  render() {
+    const size = this.getAttribute("size") || "24";
+    const color = this.getAttribute("color") || "currentColor";
+    const strokeWidth = this.getAttribute("stroke-width") || "0.5";
+    const mode = this.getAttribute("mode") || "regular";
+    const isFilled = mode === "filled";
+    const regularPaths = `<path d="M9 16H11V20H13V6H15V20H17V6H20V4H9C5.691 4 3 6.691 3 10C3 13.309 5.691 16 9 16ZM9 6H11V14H9C6.794 14 5 12.206 5 10C5 7.794 6.794 6 9 6Z" />`;
+    const filledPaths = `<path d="M9 16H11V20H13V6H15V20H17V6H20V4H9C5.691 4 3 6.691 3 10C3 13.309 5.691 16 9 16ZM9 6H11V14H9C6.794 14 5 12.206 5 10C5 7.794 6.794 6 9 6Z" />`;
+    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-paragraph")) {
+  customElements.define("icon-paragraph", NavaIconParagraph);
+}