@muibook/components 10.0.1 → 11.0.0

package/dist/esm/components/mui-icons/index.js

@@ -1,6 +1,7 @@
 import "./accessibility/index.js";
 import "./add/index.js";
 import "./attention/index.js";
+import "./exclamationmark/index.js";
 import "./check/index.js";
 import "./close/index.js";
 import "./down-chevron/index.js";
@@ -42,3 +43,5 @@ import "./rectangle-left-drawer/index.js";
 import "./rectangle-bottom-panel/index.js";
 import "./pin/index.js";
 import "./pin-slash/index.js";
+import "./text-below-folder/index.js";
+import "./spinner/index.js";

package/dist/esm/components/mui-icons/info/index.js

@@ -1,4 +1,4 @@
-class c extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -16,6 +16,7 @@ class c extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -52,4 +53,4 @@ class c extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-info") || customElements.define("mui-icon-info", c);
+customElements.get("mui-icon-info") || customElements.define("mui-icon-info", r);

package/dist/esm/components/mui-icons/left-arrow/index.js

@@ -16,6 +16,7 @@ class r extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/left-chevron/index.js

@@ -8,19 +8,20 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, o) {
-    (e === "size" || e === "color") && t !== o && this.render();
+  attributeChangedCallback(t, e, o) {
+    (t === "size" || t === "color") && e !== o && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", i = {
+    }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, s = i[e] ?? i.small;
+    }, s = i[t] ?? i.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/left-sidebar/index.js

@@ -8,19 +8,20 @@ class l extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, i) {
-    (e === "size" || e === "color") && t !== i && this.render();
+  attributeChangedCallback(t, e, i) {
+    (t === "size" || t === "color") && e !== i && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), c = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), c = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", s = {
+    }[e] || e || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, o = s[e] ?? s.small;
+    }, o = s[t] ?? s.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/list-and-film/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[c] || c || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/menu/index.js

@@ -1,4 +1,4 @@
-class n extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -8,19 +8,20 @@ class n extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, s) {
-    (e === "size" || e === "color") && t !== s && this.render();
+  attributeChangedCallback(t, e, s) {
+    (t === "size" || t === "color") && e !== s && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", i = {
+    }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, o = i[e] ?? i.small;
+    }, o = i[t] ?? i.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
@@ -52,4 +53,4 @@ class n extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-menu") || customElements.define("mui-icon-menu", n);
+customElements.get("mui-icon-menu") || customElements.define("mui-icon-menu", r);

package/dist/esm/components/mui-icons/message/index.js

@@ -8,19 +8,20 @@ class l extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(t, e, c) {
-    (t === "size" || t === "color") && e !== c && this.render();
+  attributeChangedCallback(t, e, s) {
+    (t === "size" || t === "color") && e !== s && this.render();
   }
   render() {
     const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), o = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[e] || e || "var(--icon-color-default)", s = {
+    }[e] || e || "var(--icon-color-default)", c = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, i = s[t] ?? s.small;
+    }, i = c[t] ?? c.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/moon/index.js

@@ -1,4 +1,4 @@
-class n extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -16,6 +16,7 @@ class n extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -52,4 +53,4 @@ class n extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-moon") || customElements.define("mui-icon-moon", n);
+customElements.get("mui-icon-moon") || customElements.define("mui-icon-moon", r);

package/dist/esm/components/mui-icons/movie-clapper/index.js

@@ -8,19 +8,20 @@ class c extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(t, e, i) {
-    (t === "size" || t === "color") && e !== i && this.render();
+  attributeChangedCallback(t, e, l) {
+    (t === "size" || t === "color") && e !== l && this.render();
   }
   render() {
     const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), s = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[e] || e || "var(--icon-color-default)", l = {
+    }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, o = l[t] ?? l.small;
+    }, o = i[t] ?? i.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/music-microphone/index.js

@@ -8,19 +8,20 @@ class c extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, i) {
-    (e === "size" || e === "color") && t !== i && this.render();
+  attributeChangedCallback(t, e, i) {
+    (t === "size" || t === "color") && e !== i && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", o = {
+    }[e] || e || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, s = o[e] ?? o.small;
+    }, s = o[t] ?? o.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/music-quarter-note/index.js

@@ -16,6 +16,7 @@ class r extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/notification/index.js

@@ -1,4 +1,4 @@
-class n extends HTMLElement {
+class c extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -12,10 +12,11 @@ class n extends HTMLElement {
     (e === "size" || e === "color") && t !== i && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), c = t && {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -30,7 +31,7 @@ class n extends HTMLElement {
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${c};
+          fill: ${l};
         }
         svg {
           width: 100%;
@@ -52,4 +53,4 @@ class n extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-notification") || customElements.define("mui-icon-notification", n);
+customElements.get("mui-icon-notification") || customElements.define("mui-icon-notification", c);

package/dist/esm/components/mui-icons/pin/index.js

@@ -1,4 +1,4 @@
-class c extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -16,6 +16,7 @@ class c extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -50,4 +51,4 @@ class c extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-pin") || customElements.define("mui-icon-pin", c);
+customElements.get("mui-icon-pin") || customElements.define("mui-icon-pin", r);

package/dist/esm/components/mui-icons/pin-slash/index.js

@@ -12,25 +12,26 @@ class c extends HTMLElement {
     (e === "size" || e === "color") && t !== s && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), o = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, o = i[e] ?? i.small;
+    }, l = i[e] ?? i.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
         :host {
-          width: ${o};
-          height: ${o};
+          width: ${l};
+          height: ${l};
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${l};
+          fill: ${o};
         }
         svg {
           width: 100%;

package/dist/esm/components/mui-icons/play-rectangle/index.js

@@ -8,29 +8,30 @@ class c extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, i) {
-    (e === "size" || e === "color") && t !== i && this.render();
+  attributeChangedCallback(t, e, i) {
+    (t === "size" || t === "color") && e !== i && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), s = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", o = {
+    }[e] || e || "var(--icon-color-default)", l = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, s = o[e] ?? o.small;
+    }, o = l[t] ?? l.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
         :host {
-          width: ${s};
-          height: ${s};
+          width: ${o};
+          height: ${o};
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${l};
+          fill: ${s};
         }
         svg {
           width: 100%;

package/dist/esm/components/mui-icons/play-stack/index.js

@@ -8,19 +8,20 @@ class l extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, c) {
-    (e === "size" || e === "color") && t !== c && this.render();
+  attributeChangedCallback(e, t, s) {
+    (e === "size" || e === "color") && t !== s && this.render();
   }
   render() {
     const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), o = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", s = {
+    }[t] || t || "var(--icon-color-default)", c = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, i = s[e] ?? s.small;
+    }, i = c[e] ?? c.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/rectangle/index.js

@@ -8,19 +8,20 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, i) {
-    (e === "size" || e === "color") && t !== i && this.render();
+  attributeChangedCallback(t, e, i) {
+    (t === "size" || t === "color") && e !== i && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", o = {
+    }[e] || e || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, s = o[e] ?? o.small;
+    }, s = o[t] ?? o.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/rectangle-bottom-panel/index.js

@@ -16,6 +16,7 @@ class s extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", c = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/rectangle-dashed/index.js

@@ -16,6 +16,7 @@ class r extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/rectangle-left-drawer/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[e] || e || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/rectangle-media-text/index.js

@@ -12,25 +12,26 @@ class l extends HTMLElement {
     (t === "size" || t === "color") && e !== i && this.render();
   }
   render() {
-    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), s = e && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), c = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[e] || e || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, c = o[t] ?? o.small;
+    }, s = o[t] ?? o.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
         :host {
-          width: ${c};
-          height: ${c};
+          width: ${s};
+          height: ${s};
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${s};
+          fill: ${c};
         }
         svg {
           width: 100%;

package/dist/esm/components/mui-icons/right-chevron/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", o = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/search/index.js

@@ -8,19 +8,20 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, s) {
-    (e === "size" || e === "color") && t !== s && this.render();
+  attributeChangedCallback(t, e, s) {
+    (t === "size" || t === "color") && e !== s && this.render();
   }
   render() {
-    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), l = t && {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
-    }[t] || t || "var(--icon-color-default)", i = {
+    }[e] || e || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
       large: "2.8rem"
-    }, o = i[e] ?? i.small;
+    }, o = i[t] ?? i.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>

package/dist/esm/components/mui-icons/spinner/index.js

@@ -0,0 +1,56 @@
+class r extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(t, e, i) {
+    (t === "size" || t === "color") && e !== i && this.render();
+  }
+  render() {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), l = e && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[e] || e || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, o = s[t] ?? s.small;
+    this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
+    `
+      <style>
+        :host {
+          width: ${o};
+          height: ${o};
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          fill: ${l};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit;
+        }
+      </style>
+
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" aria-hidden="true" focusable="false">
+        <path
+          fill-rule="evenodd"
+          d="M18 4a14 14 0 1 0 0 28a14 14 0 1 0 0-28m0 4a10 10 0 1 1 0 20a10 10 0 1 1 0-20"
+          opacity="0.24"
+        ></path>
+        <path
+          d="M18 4a14 14 0 0 1 14 14h-4a10 10 0 0 0-10-10z"
+        ></path>
+      </svg>
+    `);
+  }
+}
+customElements.get("mui-icon-spinner") || customElements.define("mui-icon-spinner", r);

package/dist/esm/components/mui-icons/stop/index.js

@@ -1,4 +1,4 @@
-class c extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -16,6 +16,7 @@ class c extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",
@@ -52,4 +53,4 @@ class c extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-icon-stop") || customElements.define("mui-icon-stop", c);
+customElements.get("mui-icon-stop") || customElements.define("mui-icon-stop", r);

package/dist/esm/components/mui-icons/subtract/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", i = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",

package/dist/esm/components/mui-icons/sun/index.js

@@ -16,6 +16,7 @@ class l extends HTMLElement {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", s = {
+      "xx-small": "1.3rem",
       "x-small": "1.6rem",
       small: "2.1rem",
       medium: "2.4rem",