@muibook/components 2.0.0 → 3.0.0

package/dist/esm/components/mui-accordion/inline/index.js

@@ -6,11 +6,7 @@ class a extends HTMLElement {
   }
   connectedCallback() {
     var o, n;
-    if (customElements.get("mui-icon-right-chevron") || console.warn(
-      "mui-accordion-block requires <mui-icon-right-chevron> to be defined. Please ensure it is imported and registered."
-    ), customElements.get("mui-heading") || console.warn(
-      "[mui-accordion-block] Warning: <mui-heading> is not registered. Please import it to ensure proper functionality."
-    ), !this.shadowRoot) return;
+    if (!this.shadowRoot) return;
     const e = this.getAttribute("heading") || "Heading...";
     let r = (
       /*html*/
@@ -93,4 +89,4 @@ class a extends HTMLElement {
     i && (e ? i.setAttribute("inert", "") : i.removeAttribute("inert"));
   }
 }
-customElements.define("mui-accordion-inline", a);
+customElements.get("mui-accordion-inline") || customElements.define("mui-accordion-inline", a);

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

@@ -43,4 +43,4 @@ class o extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-addon", o);
+customElements.get("mui-addon") || customElements.define("mui-addon", o);

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

@@ -1,3 +1,8 @@
+import "../mui-body/index.js";
+import "../mui-icons/check/index.js";
+import "../mui-icons/info/index.js";
+import "../mui-icons/warning/index.js";
+import "../mui-icons/attention/index.js";
 function A(n) {
   return ["positive", "info", "warning", "attention"].includes(n);
 }
@@ -37,14 +42,14 @@ class x extends HTMLElement {
       info: "--feedback-info-text",
       warning: "--feedback-warning-text",
       attention: "--feedback-attention-text"
-    }, v = {
+    }, m = {
       positive: "Success!",
       info: "Info:",
       warning: "Warning!",
       attention: "Error!"
     };
     this.setAttribute("aria-live", s[t]);
-    const r = g[t], h = u[t], m = b[t], f = v[t], w = (
+    const r = g[t], v = u[t], h = b[t], f = m[t], w = (
       /*css*/
       `
       :host {
@@ -83,7 +88,7 @@ class x extends HTMLElement {
       }
 
       .label {
-        color: var(${m}); 
+        color: var(${h}); 
         font-weight: var(--font-weight-bold);
       }
 
@@ -112,7 +117,7 @@ class x extends HTMLElement {
     this.shadowRoot.innerHTML = /*html*/
     `
       <style>${w}</style>
-      <${r} size="small" color="var(${h})" class="icon"></${r}>
+      <${r} size="small" color="var(${v})" class="icon"></${r}>
       <mui-body>
         <span class="label">${f}</span>
         <slot></slot>
@@ -133,4 +138,4 @@ class x extends HTMLElement {
     }
   }
 }
-customElements.define("mui-alert", x);
+customElements.get("mui-alert") || customElements.define("mui-alert", x);

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

@@ -12,17 +12,17 @@ class n extends HTMLElement {
     this.render();
   }
   render() {
-    const t = this.getAttribute("variant") || "neutral", a = {
+    const t = this.getAttribute("variant") || "neutral", e = {
       neutral: "var(--badge-background-neutral)",
       positive: "var(--badge-background-positive)",
       warning: "var(--badge-background-warning)",
       attention: "var(--badge-background-attention)"
-    }, e = {
+    }, a = {
       neutral: "off",
       positive: "polite",
       warning: "assertive",
       attention: "assertive"
-    }, r = a[t], i = e[t], s = (
+    }, r = e[t], i = a[t], s = (
       /*css*/
       `
       :host {
@@ -43,4 +43,4 @@ class n extends HTMLElement {
       `);
   }
 }
-customElements.define("mui-badge", n);
+customElements.get("mui-badge") || customElements.define("mui-badge", n);

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

@@ -1,5 +1,5 @@
 import { getPartMap as i } from "../../utils/part-map/index.js";
-class o extends HTMLElement {
+class r extends HTMLElement {
   static get observedAttributes() {
     return ["size", "weight", "variant"];
   }
@@ -9,8 +9,8 @@ class o extends HTMLElement {
   async connectedCallback() {
     this.hasAttribute("size") || this.setAttribute("size", "medium"), this.hasAttribute("weight") || this.setAttribute("weight", "regular"), this.hasAttribute("variant") || this.setAttribute("variant", "default"), await this.waitForPartMap(), this.render();
   }
-  attributeChangedCallback(t, e, r) {
-    e !== r && this.shadowRoot && this.render();
+  attributeChangedCallback(t, e, o) {
+    e !== o && this.shadowRoot && this.render();
   }
   render() {
     if (!this.shadowRoot) return;
@@ -93,4 +93,4 @@ class o extends HTMLElement {
     });
   }
 }
-customElements.define("mui-body", o);
+customElements.get("mui-body") || customElements.define("mui-body", r);

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

@@ -313,20 +313,18 @@ class v extends HTMLElement {
       
       :host(.has-after.has-before) button {
         grid-template-columns: auto 1fr auto;
-        padding-right: var(--space-300);
-        padding-left: var(--space-300);
+        padding-right: var(--action-after-slot-padding);
+        padding-left: var(--action-before-slot-padding);
       }
 
       :host(.has-after) button {
         grid-template-columns: 1fr auto;
-        padding-right: var(--space-300);
-        padding-left: var(--space-400);
+        padding-right: var(--action-after-slot-padding);
       }
 
       :host(.has-before) button {
         grid-template-columns: auto 1fr;
-        padding-right: var(--space-400);
-        padding-left: var(--space-300);
+        padding-left: var(--action-before-slot-padding);
       }
 
     </style>
@@ -372,4 +370,4 @@ class v extends HTMLElement {
     });
   }
 }
-customElements.define("mui-button", v);
+customElements.get("mui-button") || customElements.define("mui-button", v);

package/dist/esm/components/mui-button-group/index.js

@@ -20,4 +20,4 @@ class e extends HTMLElement {
     this.shadowRoot && (this.shadowRoot.innerHTML = t);
   }
 }
-customElements.define("mui-button-group", e);
+customElements.get("mui-button-group") || customElements.define("mui-button-group", e);

package/dist/esm/components/mui-card/body/index.js

@@ -4,7 +4,7 @@ class d extends HTMLElement {
   }
   connectedCallback() {
     if (!this.shadowRoot) return;
-    const i = (
+    const r = (
       /*html*/
       `
       <style>
@@ -12,6 +12,7 @@ class d extends HTMLElement {
           display: block;
           box-sizing: border-box;
         }
+        
         :host(.inner-space) {
           padding: var(--space-500);
         }
@@ -24,25 +25,28 @@ class d extends HTMLElement {
       <slot></slot>
     `
     );
-    this.shadowRoot.innerHTML = i, requestAnimationFrame(() => {
+    this.shadowRoot.innerHTML = r, requestAnimationFrame(() => {
       if (!this.shadowRoot) return;
-      const s = this.shadowRoot.querySelector("slot");
-      if (!s) return;
-      const r = s.assignedNodes({ flatten: !0 });
-      let o = !1;
-      r.forEach((a) => {
-        if (a.nodeType === Node.ELEMENT_NODE) {
-          const e = a, c = e.tagName.toLowerCase() === "mui-accordion-group" ? e : e.querySelector("mui-accordion-group");
-          c instanceof HTMLElement && (c.querySelectorAll("mui-accordion-block").forEach((t) => {
-            t.classList.add("card-slot");
-          }), o = !0);
-          const n = e.tagName.toLowerCase() === "mui-table" ? e : e.querySelector("mui-table");
-          n instanceof HTMLElement && (n.querySelectorAll("mui-cell").forEach((t) => {
-            t.classList.add("card-slot");
-          }), o = !0);
+      const a = this.shadowRoot.querySelector("slot");
+      if (!a) return;
+      const l = a.assignedNodes({ flatten: !0 });
+      let s = !1;
+      l.forEach((c) => {
+        if (c.nodeType === Node.ELEMENT_NODE) {
+          const t = c, i = t.tagName.toLowerCase() === "mui-accordion-group" ? t : t.querySelector("mui-accordion-group");
+          i instanceof HTMLElement && (i.querySelectorAll("mui-accordion-block").forEach((e) => {
+            e.classList.add("card-slot");
+          }), s = !0), (t.tagName.toLowerCase() === "mui-slat" ? [t] : Array.from(t.querySelectorAll("mui-slat"))).forEach((o) => {
+            const e = o.getAttribute("variant");
+            (e === "action" || e === "row") && (o.classList.add("card-slot"), this.hasAttribute("condensed") && o.classList.add("condensed-slot"));
+          });
+          const n = t.tagName.toLowerCase() === "mui-table" ? t : t.querySelector("mui-table");
+          n instanceof HTMLElement && (n.querySelectorAll("mui-cell").forEach((e) => {
+            e.classList.add("card-slot");
+          }), s = !0);
         }
-      }), o || this.classList.add("inner-space");
+      }), !s && !this.hasAttribute("condensed") && this.classList.add("inner-space");
     });
   }
 }
-customElements.define("mui-card-body", d);
+customElements.get("mui-card-body") || customElements.define("mui-card-body", d);

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

@@ -40,4 +40,4 @@ class n extends HTMLElement {
     });
   }
 }
-customElements.define("mui-card", n);
+customElements.get("mui-card") || customElements.define("mui-card", n);

package/dist/esm/components/mui-card/footer/index.js

@@ -59,4 +59,4 @@ class d extends HTMLElement {
     });
   }
 }
-customElements.define("mui-card-footer", d);
+customElements.get("mui-card-footer") || customElements.define("mui-card-footer", d);

package/dist/esm/components/mui-card/header/index.js

@@ -26,4 +26,4 @@ class t extends HTMLElement {
     this.shadowRoot.innerHTML = e;
   }
 }
-customElements.define("mui-card-header", t);
+customElements.get("mui-card-header") || customElements.define("mui-card-header", t);

package/dist/esm/components/mui-carousel/controller/index.js

@@ -117,4 +117,4 @@ class r extends HTMLElement {
     s !== -1 && (e.style.transform = `translateX(-${s * 100}%)`);
   }
 }
-customElements.define("mui-carousel-controller", r);
+customElements.get("mui-carousel-controller") || customElements.define("mui-carousel-controller", r);

package/dist/esm/components/mui-carousel/panel/index.js

@@ -23,7 +23,7 @@ class t extends HTMLElement {
   set item(e) {
     e !== null && this.setAttribute("item", e);
   }
-  attributeChangedCallback(e, i, o) {
+  attributeChangedCallback(e, i, l) {
   }
 }
-customElements.define("mui-carousel-panel", t);
+customElements.get("mui-carousel-panel") || customElements.define("mui-carousel-panel", t);

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

@@ -1,6 +1,6 @@
-class t extends HTMLElement {
+class s extends HTMLElement {
   static get observedAttributes() {
-    return ["size"];
+    return ["size", "scrollable"];
   }
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -13,11 +13,11 @@ class t extends HTMLElement {
   }
   render() {
     if (!this.shadowRoot) return;
-    const e = (
+    const e = this.hasAttribute("scrollable"), t = (
       /*css*/
       `
       :host {
-        display: block;
+        display: grid;
       }
       :host([size="x-small"]) code {
         font-size: var(--text-font-size-xs);
@@ -43,6 +43,9 @@ class t extends HTMLElement {
         background: var(--surface-elevated-200);
         padding: var(--space-400) var(--space-500);
         box-sizing: border-box;
+        width: 100%;
+        overflow-x: ${e ? "auto" : "visible"};
+        white-space: ${e ? "nowrap" : "wrap"};
       }
 
       @media (min-width: 600px) {
@@ -55,9 +58,9 @@ class t extends HTMLElement {
     );
     this.shadowRoot.innerHTML = /*html*/
     `
-      <style>${e}</style>
+      <style>${t}</style>
       <code><slot></slot></code>
   `;
   }
 }
-customElements.define("mui-code", t);
+customElements.get("mui-code") || customElements.define("mui-code", s);

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

@@ -54,4 +54,4 @@ class e extends HTMLElement {
     this.shadowRoot && (this.shadowRoot.innerHTML = t);
   }
 }
-customElements.define("mui-container", e);
+customElements.get("mui-container") || customElements.define("mui-container", e);

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

@@ -1,3 +1,6 @@
+import "../mui-icons/check/index.js";
+import "../mui-icons/warning/index.js";
+import "../mui-icons/attention/index.js";
 class r extends HTMLElement {
   static get observedAttributes() {
     return ["variant", "message"];
@@ -10,7 +13,7 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render(), this.passAttributesToChild();
   }
-  attributeChangedCallback(t, e, s) {
+  attributeChangedCallback(t, e, i) {
     (t === "variant" || t === "message") && (this.render(), this.passAttributesToChild());
   }
   passAttributesToChild() {
@@ -18,15 +21,15 @@ class r extends HTMLElement {
     if (!this.shadowRoot) return;
     const t = this.shadowRoot.querySelector("slot"), e = (a = t == null ? void 0 : t.assignedElements) == null ? void 0 : a.call(t)[0];
     if (!e) return;
-    ["variant", "label", "hide-label"].forEach((i) => {
-      this.hasAttribute(i) ? e.setAttribute(i, this.getAttribute(i) || "") : e.removeAttribute(i);
+    ["variant", "label", "hide-label"].forEach((s) => {
+      this.hasAttribute(s) ? e.setAttribute(s, this.getAttribute(s) || "") : e.removeAttribute(s);
     });
   }
   render() {
     const t = this.getAttribute("message"), e = this.getAttribute("variant");
     if (!this.shadowRoot) return;
-    let s = "";
-    e === "success" ? s = "check" : e === "warning" ? s = "warning" : e === "error" && (s = "attention"), this.shadowRoot.innerHTML = /*html*/
+    let i = "";
+    e === "success" ? i = "check" : e === "warning" ? i = "warning" : e === "error" && (i = "attention"), this.shadowRoot.innerHTML = /*html*/
     `
       <style>
         :host {
@@ -50,10 +53,10 @@ class r extends HTMLElement {
       <slot></slot>
       ${t ? `
         <mui-body size="small" variant="${e}">
-          ${s ? `<mui-icon-${s}></mui-icon-${s}>` : ""}
+          ${i ? `<mui-icon-${i}></mui-icon-${i}>` : ""}
           ${t}
         </mui-body>` : ""}
     `;
   }
 }
-customElements.define("mui-field", r);
+customElements.get("mui-field") || customElements.define("mui-field", r);

package/dist/esm/components/mui-file-upload/index.js

@@ -1,3 +1,4 @@
+import "../mui-button/index.js";
 class r extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this.acceptedFileTypes = this.getAttribute("acceptedFileTypes") || "", this.currentFileName = this.getAttribute("currentFileName") || "", this.selectedFileName = null, this.render(), this.cacheElements(), this.attachEvents();
@@ -23,7 +24,7 @@ class r extends HTMLElement {
           border-color: var(--form-default-border-color);
           color: var(--text-color);
           background: var(--input-background);
-          min-height: 4.2rem;
+          min-height: 4.4rem;
         }
         .wrapper:hover {
           border-color: var(--form-default-border-color-hover);
@@ -50,12 +51,12 @@ class r extends HTMLElement {
           }
         }
 
-        mui-button::part(height) {
+        mui-button {
           margin-right: 0.1rem;
         }
 
         mui-button::part(height) {
-          height: calc(4.2rem - 0.4rem);
+          height: calc(4.2rem - 0.2rem);
           padding: var(--space-400);
           padding-top: var(--space-000);
           padding-bottom: var(--space-000);
@@ -97,4 +98,4 @@ class r extends HTMLElement {
     ));
   }
 }
-customElements.define("mui-file-upload", r);
+customElements.get("mui-file-upload") || customElements.define("mui-file-upload", r);

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

@@ -39,4 +39,4 @@ class i extends HTMLElement {
     });
   }
 }
-customElements.define("mui-grid", i);
+customElements.get("mui-grid") || customElements.define("mui-grid", i);

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

@@ -32,4 +32,4 @@ class t extends HTMLElement {
     `;
   }
 }
-customElements.define("mui-heading", t);
+customElements.get("mui-heading") || customElements.define("mui-heading", t);

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

@@ -1,4 +1,4 @@
-class c extends HTMLElement {
+class l extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -12,7 +12,7 @@ class c extends HTMLElement {
     (e === "size" || e === "color") && t !== i && 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"), c = t && {
       default: "var(--icon-color-default)",
       inverted: "var(--icon-color-inverted)"
     }[t] || t || "var(--icon-color-default)", s = {
@@ -30,7 +30,7 @@ class c extends HTMLElement {
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          fill: ${l};
+          fill: ${c};
         }
         svg {
           width: 100%;
@@ -52,4 +52,4 @@ class c extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-icon-accessibility", c);
+customElements.get("mui-icon-accessibility") || customElements.define("mui-icon-accessibility", l);

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

@@ -8,19 +8,19 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, o) {
-    (e === "size" || e === "color") && t !== o && this.render();
+  attributeChangedCallback(e, t, i) {
+    (e === "size" || e === "color") && t !== i && this.render();
   }
   render() {
     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)", i = {
+    }[t] || t || "var(--icon-color-default)", o = {
       "x-small": "1.6rem",
       small: "2.4rem",
       medium: "3.6rem",
       large: "4.8rem"
-    }, s = i[e] ?? i.small;
+    }, s = o[e] ?? o.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
@@ -52,4 +52,4 @@ class r extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-icon-add", r);
+customElements.get("mui-icon-add") || customElements.define("mui-icon-add", r);

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

@@ -8,19 +8,19 @@ class c extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, o) {
-    (e === "size" || e === "color") && t !== o && this.render();
+  attributeChangedCallback(e, t, i) {
+    (e === "size" || e === "color") && t !== i && this.render();
   }
   render() {
     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)", i = {
+    }[t] || t || "var(--icon-color-default)", o = {
       "x-small": "1.6rem",
       small: "2.4rem",
       medium: "3.6rem",
       large: "4.8rem"
-    }, s = i[e] ?? i.small;
+    }, s = o[e] ?? o.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
@@ -52,4 +52,4 @@ class c extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-icon-attention", c);
+customElements.get("mui-icon-attention") || customElements.define("mui-icon-attention", c);

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

@@ -1,4 +1,4 @@
-class r extends HTMLElement {
+class c extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -8,19 +8,19 @@ class r extends HTMLElement {
   connectedCallback() {
     this.render();
   }
-  attributeChangedCallback(e, t, o) {
-    (e === "size" || e === "color") && t !== o && this.render();
+  attributeChangedCallback(e, t, i) {
+    (e === "size" || e === "color") && t !== i && this.render();
   }
   render() {
     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)", i = {
+    }[t] || t || "var(--icon-color-default)", o = {
       "x-small": "1.6rem",
       small: "2.4rem",
       medium: "3.6rem",
       large: "4.8rem"
-    }, s = i[e] ?? i.small;
+    }, s = o[e] ?? o.small;
     this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
       <style>
@@ -52,4 +52,4 @@ class r extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-icon-check", r);
+customElements.get("mui-icon-check") || customElements.define("mui-icon-check", c);

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

@@ -1,4 +1,4 @@
-class r extends HTMLElement {
+class c extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -52,4 +52,4 @@ class r extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-icon-close", r);
+customElements.get("mui-icon-close") || customElements.define("mui-icon-close", c);

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

@@ -0,0 +1,55 @@
+class l extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(e, t, o) {
+    (e === "size" || e === "color") && t !== o && this.render();
+  }
+  render() {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), r = t && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[t] || t || "var(--icon-color-default)", i = {
+      "x-small": "1.6rem",
+      small: "2.4rem",
+      medium: "3.6rem",
+      large: "4.8rem"
+    }, s = i[e] ?? i.small;
+    this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
+    `
+      <style>
+        :host {
+          width: ${s};
+          height: ${s};
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          fill: ${r};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+        <path
+          d="M17.992 35.5C8.65 35.5 1 27.85 1 18.508S8.65 1.5 17.992 1.5 35 9.166 35 18.508 27.334 35.5 17.992 35.5m0-4.932c6.686 0 12.06-5.39 12.06-12.06 0-6.686-5.39-12.06-12.06-12.06s-12.06 5.374-12.06 12.06c0 6.67 5.39 12.06 12.06 12.06m0-20.327c1.186 0 2.102.806 2.102 1.928v6.07l-.205 2.972.948-1.439 1.423-1.643c.3-.364.806-.585 1.312-.585 1.027 0 1.754.695 1.754 1.66 0 .553-.142.932-.553 1.375l-5.042 5.374c-.459.506-1.028.759-1.739.759-.695 0-1.249-.253-1.723-.76l-5.042-5.373c-.411-.443-.553-.822-.553-1.376 0-.964.71-1.66 1.754-1.66.522 0 1.012.222 1.312.585l1.438 1.692.933 1.39-.205-2.97v-6.07c0-1.123.916-1.929 2.086-1.929"
+        ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-down-arrow-circle") || customElements.define("mui-icon-down-arrow-circle", l);

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

@@ -1,4 +1,4 @@
-class r extends HTMLElement {
+class n extends HTMLElement {
   static get observedAttributes() {
     return ["size", "color"];
   }
@@ -52,4 +52,4 @@ class r extends HTMLElement {
     `);
   }
 }
-customElements.define("mui-icon-down-chevron", r);
+customElements.get("mui-icon-down-chevron") || customElements.define("mui-icon-down-chevron", n);