@muibook/components 9.0.0 → 10.0.0

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

@@ -0,0 +1,58 @@
+class l extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(e, t, c) {
+    (e === "size" || e === "color") && t !== c && this.render();
+  }
+  render() {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), s = t && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[t] || t || "var(--icon-color-default)", i = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, o = i[e] ?? i.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: ${s};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+    <path
+      d="M27.122 16.88a.643.643 0 0 1-.638-.566c-.651-4.316-1.154-5.034-5.44-5.6a.664.664 0 0 1-.6-.667c0-.327.245-.604.6-.642 4.163-.553 4.728-1.245 5.44-5.6.049-.34.307-.59.638-.59.32 0 .577.238.626.59.614 4.317 1.203 5.022 5.451 5.6.344.038.59.315.59.642 0 .34-.246.617-.59.667-4.137.692-4.714 1.22-5.45 5.6-.062.327-.308.566-.627.566m-24.324-.403c-1.117 0-1.903-.805-1.903-1.963v-1.573c0-2.995 1.67-4.693 4.592-4.693H19.08c-.43.44-.736 1.07-.736 1.8 0 .88.417 1.648 1.019 2.1H6.003c-.86 0-1.302.403-1.302 1.347v1.02c0 1.157-.786 1.962-1.903 1.962m29.826 2.857a.457.457 0 0 1-.455-.415c-.331-2.14-.282-2.152-2.529-2.567a.48.48 0 0 1-.393-.466c0-.24.16-.44.393-.478 2.235-.327 2.21-.365 2.53-2.542.024-.252.208-.44.454-.44.245 0 .417.176.454.44.307 2.101.282 2.127 2.517 2.542.245.05.405.239.405.478 0 .252-.16.415-.442.466-2.185.352-2.16.402-2.48 2.541-.037.252-.209.44-.454.44M8.408 26.032c-1.044 0-1.646-.604-1.646-1.623 0-.265.074-.642.234-1.158l2.185-6.62c.479-1.522 1.338-2.214 2.701-2.214 1.412 0 2.308.705 2.775 2.215l2.198 6.619c.16.516.22.893.22 1.157 0 1.02-.601 1.624-1.632 1.624-.884 0-1.437-.503-1.658-1.56l-.307-1.032h-3.106l-.307 1.031c-.233 1.058-.773 1.56-1.657 1.56m2.541-5.071h1.94l-.909-3.524h-.122zm-8.151 1.783c-1.252 0-2.284-1.057-2.284-2.34 0-1.284 1.032-2.341 2.284-2.341s2.283 1.057 2.283 2.34c0 1.284-1.03 2.341-2.283 2.341m2.689 10.042c-2.922 0-4.592-1.7-4.592-4.694V26.33c0-1.157.786-1.963 1.903-1.963S4.7 25.173 4.7 26.33v1.22c0 .945.442 1.347 1.301 1.347h17.903c.86 0 1.302-.402 1.302-1.346v-7.588c0-.512.153-.955.421-1.29 0 0 .23.522 1.482.522 1.251 0 1.481-.522 1.481-.522.268.335.422.778.422 1.29v8.129c0 2.995-1.658 4.694-4.592 4.694z"
+    ></path>
+    <path
+      d="M19.194 16.084c0-.92.728-1.667 1.626-1.667.899 0 1.627.747 1.627 1.667l.011 8.28c0 .921-.728 1.668-1.626 1.668-.899 0-1.627-.747-1.627-1.667z"
+    ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-ai") || customElements.define("mui-icon-ai", l);

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

@@ -34,3 +34,11 @@ import "./music-microphone/index.js";
 import "./music-quarter-note/index.js";
 import "./play-rectangle/index.js";
 import "./list-and-film/index.js";
+import "./ai/index.js";
+import "./rectangle/index.js";
+import "./rectangle-media-text/index.js";
+import "./rectangle-dashed/index.js";
+import "./rectangle-left-drawer/index.js";
+import "./rectangle-bottom-panel/index.js";
+import "./pin/index.js";
+import "./pin-slash/index.js";

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

@@ -0,0 +1,53 @@
+class c extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    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)", o = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, s = o[e] ?? o.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: ${l};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+        <path d="M9.321 22.308c0-2.378 1.847-4.642 4.84-5.8l.334-5.027c-1.669-.939-2.837-1.899-3.359-2.556-.323-.407-.5-.855-.5-1.272 0-.856.667-1.482 1.596-1.482h11.536c.929 0 1.596.626 1.596 1.482 0 .417-.177.865-.5 1.272-.522.657-1.69 1.617-3.36 2.556l.335 5.028c2.993 1.157 4.84 3.42 4.84 5.8 0 1.126-.772 1.887-1.93 1.887h-5.372v5.1c0 1.075-1.001 3.047-1.377 3.047-.375 0-1.377-1.972-1.377-3.046v-5.1h-5.372c-1.158 0-1.93-.762-1.93-1.889"></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-pin") || customElements.define("mui-icon-pin", c);

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

@@ -0,0 +1,53 @@
+class c extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    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"), l = t && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[t] || t || "var(--icon-color-default)", i = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, o = i[e] ?? i.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"
+      >
+        <path d="M12.552 6.171h11.325c.922 0 1.568.615 1.568 1.456 0 .41-.164.85-.492 1.25-.512.646-1.66 1.589-3.116 2.511l.329 4.96c2.756 1.118 4.58 3.342 4.58 5.678 0 .666-.286 1.2-.768 1.517L14.551 12.095l.04-.707c-1.455-.922-2.613-1.865-3.125-2.51-.318-.4-.482-.852-.482-1.251 0-.84.646-1.456 1.568-1.456m-4.91 3.7c-.327-.328-.337-.932 0-1.27a.91.91 0 0 1 1.292.02l19.412 19.39a.89.89 0 0 1 0 1.261.903.903 0 0 1-1.271 0zm2.04 12.155c0-1.885 1.2-3.7 3.096-4.899l6.928 6.929h-.144v4.837c0 1.056-.973 2.993-1.342 2.993-.38 0-1.353-1.937-1.353-2.993v-5.012h-5.289c-1.127 0-1.896-.748-1.896-1.855"></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-pin-slash") || customElements.define("mui-icon-pin-slash", c);

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

@@ -0,0 +1,55 @@
+class r extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    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)", o = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, s = o[e] ?? o.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: ${l};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+        <path
+d="M32.998 25.033a5.143 5.143 0 0 1-5.143 5.143H8.145a5.143 5.143 0 0 1-5.143-5.143V10.967a5.143 5.143 0 0 1 5.143-5.143h19.71a5.143 5.143 0 0 1 5.143 5.143zM8.145 9.681c-.71 0-1.286.576-1.286 1.286v14.066c0 .71.576 1.286 1.286 1.286h19.71c.71 0 1.285-.576 1.286-1.286V10.967c0-.71-.576-1.286-1.286-1.286z"
+    ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-rectangle") || customElements.define("mui-icon-rectangle", r);

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

@@ -0,0 +1,58 @@
+class s extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    this.render();
+  }
+  attributeChangedCallback(e, t, l) {
+    (e === "size" || e === "color") && t !== l && this.render();
+  }
+  render() {
+    const e = this.getAttribute("size") || "small", t = this.getAttribute("color"), i = t && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[t] || t || "var(--icon-color-default)", c = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, o = c[e] ?? c.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: ${i};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+        <path
+          d="M32.998 25.033a5.143 5.143 0 0 1-5.143 5.143H8.145a5.143 5.143 0 0 1-5.143-5.143V10.967a5.143 5.143 0 0 1 5.143-5.143h19.71a5.143 5.143 0 0 1 5.143 5.143zM8.145 9.681c-.71 0-1.286.576-1.286 1.286v14.066c0 .71.576 1.286 1.286 1.286h19.71c.71 0 1.285-.576 1.286-1.286V10.967c0-.71-.576-1.286-1.286-1.286z"
+        ></path>
+        <path
+          d="M19.927 22.244v2.572h-3.854v-2.572zm1.93-1.93c0-.956-.003-1.48-.041-1.853l-.005-.031-.03-.004c-.373-.038-.897-.041-1.854-.041h-3.854c-.957 0-1.481.003-1.854.04l-.031.005-.004.031c-.038.372-.041.897-.041 1.853 0 .957.003 1.481.041 1.854l.004.03q.015.002.031.005c.373.038.897.041 1.854.041v2.572l-1.197-.008c-.96-.019-1.568-.088-2.038-.35l-.124-.077a2.6 2.6 0 0 1-.559-.506l-.15-.202c-.325-.487-.407-1.117-.427-2.163l-.007-1.196c0-1.694 0-2.594.358-3.234l.077-.124c.14-.21.31-.4.505-.56l.203-.149c.486-.325 1.116-.407 2.162-.428l1.197-.006h3.854c1.807 0 2.71 0 3.359.434.28.188.52.428.708.709.434.648.435 1.552.435 3.358l-.007 1.196c-.02 1.046-.102 1.676-.428 2.163l-.15.202a2.6 2.6 0 0 1-.558.506c-.487.325-1.116.407-2.162.427l-1.197.008v-2.572c.957 0 1.481-.003 1.854-.041l.03-.005q.002-.015.005-.03c.038-.373.041-.897.041-1.854"
+        ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-rectangle-bottom-panel") || customElements.define("mui-icon-rectangle-bottom-panel", s);

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

@@ -0,0 +1,55 @@
+class r extends HTMLElement {
+  static get observedAttributes() {
+    return ["size", "color"];
+  }
+  constructor() {
+    super(), this.attachShadow({ mode: "open" });
+  }
+  connectedCallback() {
+    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"), l = e && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[e] || e || "var(--icon-color-default)", i = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, o = i[t] ?? i.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"
+      >
+        <path
+          d="M6.86 22.916v2.117c0 .71.575 1.286 1.285 1.286h3.999v3.857H8.145a5.143 5.143 0 0 1-5.143-5.143v-2.117zm14.425 3.403v3.857h-6.57v-3.857zm11.713-1.286a5.143 5.143 0 0 1-5.143 5.143h-3.999v-3.857h4c.709 0 1.284-.576 1.285-1.286v-2.117h3.857zm0-4.688h-3.857v-4.69h3.857zm-26.139-4.69v4.69H3.002v-4.69zm20.996-9.831a5.143 5.143 0 0 1 5.143 5.143v2.117h-3.857v-2.117c0-.71-.576-1.286-1.286-1.286h-3.999V5.824zM12.144 9.681H8.145c-.71 0-1.286.576-1.286 1.286v2.117H3.002v-2.117a5.143 5.143 0 0 1 5.143-5.143h3.999zm9.14 0h-6.569V5.824h6.57z"
+        ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-rectangle-dashed") || customElements.define("mui-icon-rectangle-dashed", r);

package/dist/esm/components/mui-icons/rectangle-left-drawer/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(t, e, i) {
+    (t === "size" || t === "color") && e !== i && this.render();
+  }
+  render() {
+    const t = this.getAttribute("size") || "small", e = this.getAttribute("color"), r = e && {
+      default: "var(--icon-color-default)",
+      inverted: "var(--icon-color-inverted)"
+    }[e] || e || "var(--icon-color-default)", o = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, s = o[t] ?? o.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="M27.855 5.823a5.143 5.143 0 0 1 5.143 5.143v14.068a5.143 5.143 0 0 1-5.143 5.143H8.145a5.143 5.143 0 0 1-5.143-5.143V10.966a5.143 5.143 0 0 1 5.143-5.143zM15.053 26.32h12.802c.71 0 1.285-.577 1.286-1.286V10.968c0-.71-.576-1.286-1.286-1.286H15.053zM8.145 9.682c-.71 0-1.286.576-1.286 1.285v14.067c0 .71.576 1.285 1.286 1.286h4.337V9.682z"
+        ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-rectangle-left-drawer") || customElements.define("mui-icon-rectangle-left-drawer", l);

package/dist/esm/components/mui-icons/rectangle-media-text/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(t, e, i) {
+    (t === "size" || t === "color") && e !== i && 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)", o = {
+      "x-small": "1.6rem",
+      small: "2.1rem",
+      medium: "2.4rem",
+      large: "2.8rem"
+    }, c = o[t] ?? o.small;
+    this.classList.add("mui-icon"), this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
+    `
+      <style>
+        :host {
+          width: ${c};
+          height: ${c};
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          fill: ${s};
+        }
+        svg {
+          width: 100%;
+          display: block;
+          fill: inherit; 
+        }
+      </style>
+
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 36 36"
+      >
+        <path
+          d="M32.998 25.033a5.143 5.143 0 0 1-5.143 5.143H8.145a5.143 5.143 0 0 1-5.143-5.143V10.967a5.143 5.143 0 0 1 5.143-5.143h19.71a5.143 5.143 0 0 1 5.143 5.143zM8.145 9.681c-.71 0-1.286.576-1.286 1.286v14.066c0 .71.576 1.286 1.286 1.286h19.71c.71 0 1.285-.576 1.286-1.286V10.967c0-.71-.576-1.286-1.286-1.286zM22.67 22.103c.527 0 .91.396.91.924 0 .5-.383.896-.91.896H9.84c-.54 0-.923-.395-.923-.896 0-.528.382-.924.923-.924zm2.717-3.323c.527 0 .923.396.923.897a.91.91 0 0 1-.923.923H9.84a.9.9 0 0 1-.923-.923c0-.501.382-.896.923-.897zm-12.436-7.556c.963 0 1.477.527 1.477 1.477v2.559c0 .949-.514 1.476-1.476 1.476h-2.545c-.963 0-1.49-.527-1.49-1.476V12.7c0-.949.527-1.476 1.49-1.476z"
+        ></path>
+      </svg>
+
+
+    `);
+  }
+}
+customElements.get("mui-icon-rectangle-media-text") || customElements.define("mui-icon-rectangle-media-text", l);

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

@@ -12,9 +12,19 @@ class m extends HTMLElement {
     this.cleanupListeners();
   }
   attributeChangedCallback(e, r, o) {
-    var a;
-    const t = (a = this.shadowRoot) == null ? void 0 : a.querySelector("input");
-    t && (e === "value" && (t.value = o ?? ""), e === "disabled" && (o === null || o === "false" ? t.removeAttribute("disabled") : t.setAttribute("disabled", "")), (e === "type" || e === "placeholder" || e === "label" || e === "hide-label" || e === "variant") && (this.render(), this.setupListener()));
+    var s;
+    const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
+    if (t) {
+      if (e === "value") {
+        t.value = o ?? "";
+        return;
+      }
+      if (e === "disabled") {
+        o === null || o === "false" ? t.removeAttribute("disabled") : t.setAttribute("disabled", "");
+        return;
+      }
+      ["type", "placeholder", "label", "hide-label", "variant"].includes(e) && (this.render(), this.setupListener());
+    }
   }
   cleanupListeners() {
     var r;
@@ -37,13 +47,13 @@ class m extends HTMLElement {
   }
   updateSlottedButtons() {
     requestAnimationFrame(() => {
-      var t, a;
-      const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector('slot[name="before"]'), r = (a = this.shadowRoot) == null ? void 0 : a.querySelector('slot[name="after"]'), o = (l) => {
+      var t, s;
+      const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector('slot[name="before"]'), r = (s = this.shadowRoot) == null ? void 0 : s.querySelector('slot[name="after"]'), o = (l) => {
         if (!l) return;
         l.assignedNodes({ flatten: !0 }).forEach((i) => {
           if (i.nodeType === Node.ELEMENT_NODE) {
-            const s = i, n = s.tagName.toLowerCase();
-            (n === "mui-button" || n === "mui-link") && (s.setAttribute("usage", "input"), s.setAttribute("size", "medium"), s.removeAttribute("variant"), s.removeAttribute("weight"));
+            const a = i, n = a.tagName.toLowerCase();
+            (n === "mui-button" || n === "mui-link") && (a.setAttribute("usage", "input"), a.setAttribute("size", "medium"), a.removeAttribute("variant"), a.removeAttribute("weight"));
           }
         });
       };
@@ -51,7 +61,7 @@ class m extends HTMLElement {
     });
   }
   render() {
-    const e = ["text", "password", "email", "number", "search", "tel", "url", "date", "time"], r = this.getAttribute("type") || "text", o = e.includes(r) ? r : "text", t = this.getAttribute("name") || "", a = this.getAttribute("value") || "", l = this.getAttribute("placeholder") || "", d = this.getAttribute("id") || `mui-input-${Math.random().toString(36).substr(2, 9)}`, i = this.getAttribute("label") || "", s = this.hasAttribute("hide-label"), n = this.hasAttribute("disabled"), u = s && i ? `aria-label="${i}"` : "", c = this.getAttribute("variant") || "", h = c || "", b = this.querySelector('[slot="before"]') !== null, p = this.querySelector('[slot="after"]') !== null, f = [h, b ? "before" : "", p ? "after" : ""].filter(Boolean).join(" "), v = (
+    const e = ["text", "password", "email", "number", "search", "tel", "url", "date", "time"], r = this.getAttribute("type") || "text", o = e.includes(r) ? r : "text", t = this.getAttribute("name") || "", s = this.getAttribute("value") || "", l = this.getAttribute("placeholder") || "", d = this.getAttribute("id") || `mui-input-${Math.random().toString(36).substr(2, 9)}`, i = this.getAttribute("label") || "", a = this.hasAttribute("hide-label"), n = this.hasAttribute("disabled"), u = a && i ? `aria-label="${i}"` : "", c = this.getAttribute("variant") || "", h = c || "", b = this.querySelector('[slot="before"]') !== null, p = this.querySelector('[slot="after"]') !== null, f = [h, b ? "before" : "", p ? "after" : ""].filter(Boolean).join(" "), v = (
       /*html*/
       `
       <style>
@@ -222,7 +232,7 @@ class m extends HTMLElement {
         
 
       </style>
-      ${i ? `<label for="${d}" class="${s ? "vh" : ""}">${i}</label>` : ""}
+      ${i ? `<label for="${d}" class="${a ? "vh" : ""}">${i}</label>` : ""}
     <div class="input-wrapper">
       <slot name="before"></slot>
       <input
@@ -230,7 +240,7 @@ class m extends HTMLElement {
         type="${o}"
         name="${t}"
         id="${d}"
-        value="${a}"
+        value="${s}"
         placeholder="${l}"
         ${n ? 'disabled aria-disabled="true"' : ""}
         ${u}