microui-wc 0.1.0

package/dist/components/mu-router.js

@@ -0,0 +1,6 @@
+import{f as V}from"./chunk-fqyb2pms.js";import{j as O,k as Q}from"./chunk-4tezav8r.js";class W extends O{static baseClass="mu-router";static observedAttributes=["base","default"];#q=new Map;#v=null;connectedCallback(){super.connectedCallback(),this.listen(window,"hashchange",()=>this.#w()),this.#w()}render(){this.innerHTML='<div class="mu-router__content"></div>'}get#z(){return this.attr("base","/app/pages")}get#B(){return this.attr("default","home")}get#F(){return this.querySelector(".mu-router__content")}async#w(){let q=window.location.hash.slice(1)||this.#B;if(q===this.#v)return;this.#v=q,this.emit("mu-route-change",{route:q}),await this.#G(q)}async#G(q){let w=this.#F;if(!w)return;w.innerHTML="<mu-spinner></mu-spinner>";try{if(this.#q.has(q)){w.innerHTML=this.#q.get(q),this.emit("mu-page-loaded",{route:q});return}let v=`${this.#z}/${q}.html`,B=await fetch(v);if(!B.ok)throw Error(`Page not found: ${q}`);let F=await B.text(),z=new DOMParser().parseFromString(F,"text/html").querySelector("mu-page");if(z){let G=z.querySelector("template"),J=G?G.innerHTML:z.innerHTML;this.#q.set(q,J),w.innerHTML=J;let K=z.querySelector('script[type="x-dependencies"]');if(K)await this.#J(K.textContent);let N=z.getAttribute("title");if(N)document.title=`${N} | microUI`}else w.innerHTML=F;this.emit("mu-page-loaded",{route:q})}catch(v){w.innerHTML=`
+        <mu-alert variant="error">
+          <strong>Page not found</strong>
+          <p>Could not load page: ${V(q)}</p>
+        </mu-alert>
+      `,this.emit("mu-page-error",{route:q,error:v})}}async#J(q){let w=q.split(/[\n,]/).map((v)=>v.trim()).filter((v)=>v&&v.startsWith("mu-"));for(let v of w){if(customElements.get(v))continue;try{await import(`/dist/components/${v}.js`)}catch(B){console.warn(`[mu-router] Could not load: ${v}`,B)}}}navigate(q){window.location.hash=q}get currentRoute(){return this.#v}}Q("mu-router",W);export{W as MuRouter};

package/dist/components/mu-schema-form.js

@@ -0,0 +1,76 @@
+import{f as J}from"./chunk-fqyb2pms.js";import{j as $}from"./chunk-4tezav8r.js";class g extends ${static get observedAttributes(){return["submit-label","reset-label","inline","readonly","disabled"]}static baseClass="mu-schema-form";static cssFile="schema-form";constructor(){super();this._schema=null,this._values={},this._errors={},this._touched={}}get schema(){return this._schema}set schema(B){if(this._schema=B,this._initializeValues(),this.isConnected)this.render()}get submitLabel(){return this.getAttribute("submit-label")||"Submit"}get resetLabel(){return this.getAttribute("reset-label")||"Reset"}get inline(){return this.hasAttribute("inline")}get readonly(){return this.hasAttribute("readonly")}get disabled(){return this.hasAttribute("disabled")}connectedCallback(){super.connectedCallback(),this.render()}attributeChangedCallback(B,k,A){if(this.isConnected&&k!==A)this.render()}getValues(){return{...this._values}}setValues(B){this._values={...this._values,...B},this.render()}validate(){if(!this._schema||!this._schema.properties)return!0;this._errors={};let B=this._schema.required||[];for(let[k,A]of Object.entries(this._schema.properties)){let I=this._values[k],C=this._validateField(k,I,A,B.includes(k));if(C.length>0)this._errors[k]=C}return this.render(),Object.keys(this._errors).length===0}getErrors(){return{...this._errors}}reset(){this._initializeValues(),this._errors={},this._touched={},this.render(),this.emit("mu-reset",{values:this.getValues()},{bubbles:!0})}submit(){if(this.validate())this.emit("mu-submit",this.getValues(),{bubbles:!0})}_initializeValues(){if(this._values={},!this._schema||!this._schema.properties)return;for(let[B,k]of Object.entries(this._schema.properties))if(k.default!==void 0)this._values[B]=k.default;else if(k.type==="boolean")this._values[B]=!1;else if(k.type==="number"||k.type==="integer")this._values[B]=null;else this._values[B]=""}_validateField(B,k,A,I){let C=[];if(I&&(k===""||k===null||k===void 0))return C.push(`${A.title||B} is required`),C;if(k===""||k===null||k===void 0)return C;if(A.type==="string"){if(A.minLength&&k.length<A.minLength)C.push(`Minimum ${A.minLength} characters`);if(A.maxLength&&k.length>A.maxLength)C.push(`Maximum ${A.maxLength} characters`);if(A.pattern&&!new RegExp(A.pattern).test(k))C.push(A.patternError||"Invalid format");if(A.format==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(k))C.push("Invalid email address");if(A.format==="url"&&!/^https?:\/\/.+/.test(k))C.push("Invalid URL")}if(A.type==="number"||A.type==="integer"){let G=Number(k);if(isNaN(G))C.push("Must be a number");else{if(A.minimum!==void 0&&G<A.minimum)C.push(`Minimum value is ${A.minimum}`);if(A.maximum!==void 0&&G>A.maximum)C.push(`Maximum value is ${A.maximum}`)}}return C}_getInputType(B){if(B.format==="email")return"email";if(B.format==="password")return"password";if(B.format==="date")return"date";if(B.format==="time")return"time";if(B.format==="datetime-local")return"datetime-local";if(B.format==="url")return"url";if(B.format==="tel")return"tel";if(B.type==="number"||B.type==="integer")return"number";return"text"}_renderField(B,k,A){let I=this._values[B]??"",C=this._errors[B]||[],G=C.length>0,K=J(B),Q=J(k.title||B),Z=J(k.placeholder||""),N=J(k.description||""),W=J(String(I)),X=G?J(C[0]):"",U=this.disabled||k.readOnly,_=this.readonly;if(k.type==="boolean")return`
+                <div class="mu-schema-form-field" data-field="${K}">
+                    <div class="mu-schema-form-switch-row">
+                        <mu-switch 
+                            ${I?"checked":""}
+                            ${U?"disabled":""}
+                            data-field="${K}"
+                        ></mu-switch>
+                        <label class="mu-schema-form-switch-label">${Q}</label>
+                    </div>
+                    ${N?`<div class="mu-schema-form-description">${N}</div>`:""}
+                </div>
+            `;if(k.enum){let j=k.enum.map((Y,O)=>{let P=J(String(Y)),S=J(k.enumLabels?.[O]||String(Y));return`<mu-option value="${P}" ${I===Y?"selected":""}>${S}</mu-option>`}).join("");return`
+                <div class="mu-schema-form-field ${G?"mu-schema-form-field-error":""}" data-field="${K}">
+                    <mu-dropdown 
+                        label="${Q}${A?" *":""}"
+                        value="${W}"
+                        ${U?"disabled":""}
+                        ${A?"required":""}
+                        data-field="${K}"
+                    >
+                        ${j}
+                    </mu-dropdown>
+                    ${N?`<div class="mu-schema-form-description">${N}</div>`:""}
+                    ${G?`<div class="mu-schema-form-error">${X}</div>`:""}
+                </div>
+            `}if(k.type==="string"&&k.multiline)return`
+                <div class="mu-schema-form-field ${G?"mu-schema-form-field-error":""}" data-field="${K}">
+                    <mu-textarea
+                        label="${Q}${A?" *":""}"
+                        placeholder="${Z}"
+                        ${U?"disabled":""}
+                        ${_?"readonly":""}
+                        ${A?"required":""}
+                        data-field="${K}"
+                    >${W}</mu-textarea>
+                    ${N?`<div class="mu-schema-form-description">${N}</div>`:""}
+                    ${G?`<div class="mu-schema-form-error">${X}</div>`:""}
+                </div>
+            `;let z=this._getInputType(k);return`
+            <div class="mu-schema-form-field ${G?"mu-schema-form-field-error":""}" data-field="${K}">
+                <mu-input
+                    type="${z}"
+                    label="${Q}${A?" *":""}"
+                    placeholder="${Z}"
+                    value="${W}"
+                    ${U?"disabled":""}
+                    ${_?"readonly":""}
+                    ${A?"required":""}
+                    ${k.minimum!==void 0?`min="${k.minimum}"`:""}
+                    ${k.maximum!==void 0?`max="${k.maximum}"`:""}
+                    ${k.minLength?`minlength="${k.minLength}"`:""}
+                    ${k.maxLength?`maxlength="${k.maxLength}"`:""}
+                    data-field="${K}"
+                ></mu-input>
+                ${N?`<div class="mu-schema-form-description">${N}</div>`:""}
+                ${G?`<div class="mu-schema-form-error">${X}</div>`:""}
+            </div>
+        `}render(){if(!this._schema||!this._schema.properties){this.innerHTML=`
+                <div class="mu-schema-form-empty-state">
+                    Set the <code>schema</code> property to generate a form
+                </div>
+            `;return}let B=this._schema.required||[],k=Object.entries(this._schema.properties).map(([A,I])=>this._renderField(A,I,B.includes(A))).join("");this.innerHTML=`
+            <div class="mu-schema-form ${this.inline?"mu-schema-form-inline":""}">
+                ${k}
+                
+                <div class="mu-schema-form-actions">
+                    <mu-button variant="filled" data-action="submit" ${this.disabled?"disabled":""}>
+                        ${this.submitLabel}
+                    </mu-button>
+                    <mu-button variant="text" data-action="reset" ${this.disabled?"disabled":""}>
+                        ${this.resetLabel}
+                    </mu-button>
+                </div>
+            </div>
+        `,this._attachEventListeners()}_attachEventListeners(){this.querySelectorAll("mu-input").forEach((B)=>{this.listen(B,"mu-input",(k)=>{let A=B.dataset.field;if(this._values[A]=k.detail.value,this._touched[A]=!0,this._errors[A])delete this._errors[A],B.closest(".mu-schema-form-field").classList.remove("mu-schema-form-field-error"),B.closest(".mu-schema-form-field").querySelector(".mu-schema-form-error")?.remove();this.emit("mu-change",{field:A,value:k.detail.value,values:this.getValues()},{bubbles:!0})})}),this.querySelectorAll("mu-textarea").forEach((B)=>{this.listen(B,"mu-input",(k)=>{let A=B.dataset.field;this._values[A]=k.detail.value,this._touched[A]=!0,this.emit("mu-change",{field:A,value:k.detail.value,values:this.getValues()},{bubbles:!0})})}),this.querySelectorAll("mu-dropdown").forEach((B)=>{this.listen(B,"mu-change",(k)=>{let A=B.dataset.field;this._values[A]=k.detail.value,this._touched[A]=!0,this.emit("mu-change",{field:A,value:k.detail.value,values:this.getValues()},{bubbles:!0})})}),this.querySelectorAll("mu-switch").forEach((B)=>{this.listen(B,"mu-change",(k)=>{let A=B.dataset.field;this._values[A]=k.detail.checked,this._touched[A]=!0,this.emit("mu-change",{field:A,value:k.detail.checked,values:this.getValues()},{bubbles:!0})})})}handleAction(B,k,A){if(B==="submit")this.submit();else if(B==="reset")this.reset()}}if(!customElements.get("mu-schema-form"))customElements.define("mu-schema-form",g);export{g as MuSchemaForm};

package/dist/components/mu-sidebar.js

@@ -0,0 +1 @@
+import"../../chunk-redtk47a.js";import{j as e,k as s}from"./chunk-4tezav8r.js";class a extends e{static baseClass="mu-sidebar";static observedAttributes=["open","width"];render(){let t=this.attr("width","250px");this.style.width=this.has("open")?t:"64px",this.style.height="100vh",this.style.background="var(--md-sys-color-surface-container)",this.style.borderRight="1px solid var(--md-sys-color-outline-variant)",this.style.transition="width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)",this.style.overflow="hidden",this.style.display="flex",this.style.flexDirection="column"}update(t,i,o){this.render()}toggle(){if(this.has("open"))this.removeAttribute("open");else this.setAttribute("open","");this.emit("mu-sidebar-toggle",{open:this.has("open")})}}class r extends e{static baseClass="mu-sidebar__item";static observedAttributes=["icon","active"];connectedCallback(){super.connectedCallback(),this.listen(this,"click",()=>{this.emit("mu-sidebar-select",{item:this})})}render(){let t=this.attr("icon",""),i=this.textContent;if(this.style.display="flex",this.style.alignItems="center",this.style.gap="var(--md-sys-spacing-md, 16px)",this.style.padding="12px 16px",this.style.cursor="pointer",this.style.borderRadius="var(--md-sys-shape-corner-medium, 8px)",this.style.margin="4px 8px",this.style.transition="background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)",this.has("active"))this.style.background="var(--md-sys-color-primary-container)",this.style.color="var(--md-sys-color-on-primary-container)"}update(t,i,o){this.render()}}s("mu-sidebar",a);s("mu-sidebar-item",r);export{r as MuSidebarItem,a as MuSidebar};

package/dist/components/mu-skeleton.js

@@ -0,0 +1,13 @@
+import{j as G,k as H}from"./chunk-4tezav8r.js";class J extends G{static baseClass="mu-skeleton";static observedAttributes=["variant","width","height","size","lines"];render(){if(this.querySelector(".mu-skeleton__line")||this.style.animation)return;let b=this.attr("variant","rect"),C=this.attr("width","100%"),D=this.attr("height","20px"),F=this.attr("size","40px"),B=parseInt(this.attr("lines","1"));if(this.style.display="block",b==="text"&&B>1)this.innerHTML=Array(B).fill(0).map((q,K)=>`<div class="mu-skeleton__line" style="
+                    height: 16px;
+                    margin-bottom: 8px;
+                    width: ${K===B-1?"70%":"100%"};
+                    background: var(--md-sys-color-surface-container-highest);
+                    border-radius: 4px;
+                    animation: mu-skeleton-pulse 1.5s ease-in-out infinite;
+                "></div>`).join("");else this.style.width=b==="circle"?F:C,this.style.height=b==="circle"?F:D,this.style.borderRadius=b==="circle"?"50%":"4px",this.style.background="var(--md-sys-color-surface-container-highest)",this.style.animation="mu-skeleton-pulse 1.5s ease-in-out infinite";if(!document.getElementById("mu-skeleton-styles")){let q=document.createElement("style");q.id="mu-skeleton-styles",q.textContent=`
+                @keyframes mu-skeleton-pulse {
+                    0%, 100% { opacity: 1; }
+                    50% { opacity: 0.5; }
+                }
+            `,document.head.appendChild(q)}}update(b,C,D){this.render()}}H("mu-skeleton",J);export{J as MuSkeleton};

package/dist/components/mu-spinner.js

@@ -0,0 +1 @@
+import{j as h,k as q}from"./chunk-4tezav8r.js";class v extends h{static baseClass="mu-spinner";static observedAttributes=["size","color"];render(){if(this.querySelector(".mu-spinner__circle"))return;this.innerHTML='<span class="mu-spinner__circle"></span>',this.#b()}update(b,g,w){this.#b()}#b(){let b=this.attr("size","md"),g=this.attr("color","primary");this.className=`mu-spinner mu-spinner--${b} mu-spinner--${g}`}}q("mu-spinner",v);export{v as MuSpinner};

package/dist/components/mu-stack.js

@@ -0,0 +1 @@
+import{j as x,k as z}from"./chunk-4tezav8r.js";class A extends x{static baseClass="mu-stack";static observedAttributes=["direction","gap","align","justify","wrap","nowrap"];render(){this.#b()}update(b,q,v){this.#b()}#b(){let b=this.attr("direction","column"),q=this.attr("gap","md"),v=this.attr("align","stretch"),B=this.attr("justify","flex-start"),C=this.has("wrap"),D=this.has("nowrap"),F=b==="row"||b==="row-reverse"?!D:C,G={none:"0",xs:"var(--md-sys-spacing-xs, 4px)",sm:"var(--md-sys-spacing-sm, 8px)",md:"var(--md-sys-spacing-md, 16px)",lg:"var(--md-sys-spacing-lg, 24px)",xl:"var(--md-sys-spacing-xl, 32px)"};this.style.display="flex",this.style.flexDirection=b,this.style.gap=G[q]||q,this.style.alignItems=v,this.style.justifyContent=B,this.style.flexWrap=F?"wrap":"nowrap",this.style.boxSizing="border-box",this.style.maxWidth="100%",this.style.minWidth="0",this.style.flexShrink="1"}}z("mu-stack",A);export{A as MuStack};

package/dist/components/mu-switch.js

@@ -0,0 +1,6 @@
+import{e as N}from"./chunk-h7cdbhxw.js";import{f as K}from"./chunk-fqyb2pms.js";import{j as I,k as J}from"./chunk-4tezav8r.js";class O extends I{static baseClass="mu-switch";static cssFile="switch";static observedAttributes=["checked","disabled","label"];connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.setupActivation(()=>this.toggle()),this.listen(this,"pointerdown",(g)=>{if(!this.isDisabled)N(this,g)}),this.listen(this,"click",()=>{if(!this.isDisabled)this.toggle()})}render(){if(this.querySelector(".mu-switch__track")){this.#g();return}let g=K(this.attr("label","")||this.textContent);this.innerHTML=`
+            <span class="mu-switch__track">
+                <span class="mu-switch__thumb"></span>
+            </span>
+            ${g?`<span class="mu-switch__label">${g}</span>`:""}
+        `,this.style.display="inline-flex",this.style.alignItems="center",this.style.gap="12px",this.style.cursor=this.has("disabled")?"not-allowed":"pointer",this.#g()}update(g,q,y){this.#g()}#g(){let g=this.querySelector(".mu-switch__track"),q=this.querySelector(".mu-switch__thumb"),y=this.has("checked"),A=this.has("disabled");if(this.style.cursor=A?"not-allowed":"pointer",g)if(g.style.width="52px",g.style.height="32px",g.style.borderRadius="16px",g.style.position="relative",g.style.transition="background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)",A)g.style.background="color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)";else g.style.background=y?"var(--md-sys-color-primary)":"var(--md-sys-color-surface-container-highest)";if(q){let F=y?24:16,P=y?4:8,Q=y?24:6;if(q.style.width=`${F}px`,q.style.height=`${F}px`,q.style.borderRadius=`${F/2}px`,q.style.position="absolute",q.style.top=`${P}px`,q.style.left=`${Q}px`,q.style.transition="all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)",A)q.style.background="color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)",q.style.boxShadow="none";else q.style.background=y?"var(--md-sys-color-on-primary)":"var(--md-sys-color-outline)",q.style.boxShadow="var(--md-sys-elevation-level1)"}let B=this.querySelector(".mu-switch__label");if(B)B.style.color=A?"color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)":"var(--md-sys-color-on-surface)";this.setAttribute("aria-checked",String(y)),this.setAttribute("aria-disabled",String(A)),this.setAttribute("tabindex",A?"-1":"0");let G=B?.textContent||this.attr("label","");if(G)this.setAttribute("aria-label",G)}toggle(){if(this.has("checked"))this.removeAttribute("checked");else this.setAttribute("checked","");this.emit("mu-change",{checked:this.has("checked")})}get checked(){return this.has("checked")}set checked(g){if(g)this.setAttribute("checked","");else this.removeAttribute("checked")}}J("mu-switch",O);export{O as MuSwitch};

package/dist/components/mu-table.js

@@ -0,0 +1 @@
+import{j as t,k as e}from"./chunk-4tezav8r.js";class s extends t{static baseClass="mu-table";static observedAttributes=["striped","hover"];render(){this.style.display="table",this.style.width="100%",this.style.borderCollapse="collapse",this.style.fontSize="var(--md-sys-typescale-body-medium-size, 14px)"}}class a extends t{static baseClass="mu-table__head";render(){this.style.display="table-header-group",this.style.background="var(--md-sys-color-surface-container)"}}class l extends t{static baseClass="mu-table__body";render(){this.style.display="table-row-group"}}class d extends t{static baseClass="mu-table__row";render(){this.style.display="table-row",this.style.borderBottom="1px solid var(--md-sys-color-outline-variant)"}}class r extends t{static baseClass="mu-table__header";render(){this.style.display="table-cell",this.style.padding="12px 16px",this.style.fontWeight="600",this.style.textAlign="left"}}class i extends t{static baseClass="mu-table__cell";render(){this.style.display="table-cell",this.style.padding="12px 16px"}}e("mu-table",s);e("mu-thead",a);e("mu-tbody",l);e("mu-tr",d);e("mu-th",r);e("mu-td",i);export{d as MuTr,a as MuThead,r as MuTh,i as MuTd,l as MuTbody,s as MuTable};

package/dist/components/mu-tabs.js

@@ -0,0 +1 @@
+import{j as z,k as B}from"./chunk-4tezav8r.js";class F extends z{static baseClass="mu-tabs";static cssFile="tabs";static observedAttributes=["active"];#k=[];#g=null;connectedCallback(){super.connectedCallback(),this.listen(this,"click",(g)=>{let q=g.target.closest("mu-tab");if(q){let k=this.querySelector(".mu-tabs__list"),D=(k?Array.from(k.querySelectorAll("mu-tab")):Array.from(this.querySelectorAll("mu-tab"))).indexOf(q);if(D!==-1)this.setAttribute("active",D.toString())}})}render(){if(this.querySelector(".mu-tabs__list")){this.#k=Array.from(this.querySelectorAll("mu-tab")),this.#g=this.querySelector(".mu-tabs__list"),this.#q();return}this.#g=document.createElement("div"),this.#g.className="mu-tabs__list",this.#g.setAttribute("role","tablist"),this.#k=Array.from(this.querySelectorAll("mu-tab")),this.#k.forEach((g)=>{g.setAttribute("role","tab"),this.#g.appendChild(g)}),this.appendChild(this.#g),this.#q()}update(g,q,k){if(g==="active")this.#q(),this.emit("mu-tab-change",{index:parseInt(q)||0})}#q(){let g=parseInt(this.attr("active","0")),q=this.#k.length;if(this.#k.forEach((k,y)=>{k.classList.toggle("is-active",y===g),k.setAttribute("aria-selected",y===g?"true":"false")}),this.#g&&q>0){let k=100/q;this.#g.style.setProperty("--indicator-width",`${k}%`),this.#g.style.setProperty("--indicator-left",`${g*k}%`)}}}class G extends z{static baseClass="mu-tabs__tab";connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0")}render(){}}B("mu-tabs",F);B("mu-tab",G);export{F as MuTabs,G as MuTab};

package/dist/components/mu-textarea.js

@@ -0,0 +1,11 @@
+import{f as k}from"./chunk-fqyb2pms.js";import{j as q,k as z}from"./chunk-4tezav8r.js";class B extends q{static baseClass="mu-textarea";static cssFile="input";static observedAttributes=["placeholder","rows","disabled","readonly","name"];#g=null;render(){if(!this.querySelector(".mu-textarea__field")){let g=k(this.attr("placeholder","")),D=this.attr("rows","4"),G=this.has("disabled")?"disabled":"",I=this.has("readonly")?"readonly":"",J=k(this.attr("name",""));this.innerHTML=`
+                <textarea 
+                    class="mu-textarea__field"
+                    placeholder="${g}"
+                    aria-label="${g||"Text area"}"
+                    rows="${D}"
+                    name="${J}"
+                    ${G}
+                    ${I}
+                ></textarea>
+            `,this.style.display="block",this.style.position="relative"}this.#g=this.querySelector("textarea"),this.#g.style.width="100%",this.#g.style.padding="12px 16px",this.#g.style.fontSize="var(--md-sys-typescale-body-large-size, 16px)",this.#g.style.fontFamily="inherit",this.#g.style.border="1px solid var(--md-sys-color-outline)",this.#g.style.borderRadius="var(--md-sys-shape-corner-small, 4px)",this.#g.style.background="var(--md-sys-color-surface)",this.#g.style.color="var(--md-sys-color-on-surface)",this.#g.style.resize="vertical",this.#g.style.transition="border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)",this.#g.style.outline="none",this.#g.style.boxSizing="border-box",this.listen(this.#g,"focus",()=>{this.#g.style.borderColor="var(--md-sys-color-primary)",this.#g.style.boxShadow="inset 0 0 0 1px var(--md-sys-color-primary)"}),this.listen(this.#g,"blur",()=>{this.#g.style.borderColor="var(--md-sys-color-outline)",this.#g.style.boxShadow="none"}),this.listen(this.#g,"input",(g)=>{this.emit("mu-input",{value:g.target.value})}),this.listen(this.#g,"change",(g)=>{this.emit("mu-change",{value:g.target.value})})}get value(){return this.#g?.value||""}set value(g){if(this.#g)this.#g.value=g}focus(){this.#g?.focus()}}z("mu-textarea",B);export{B as MuTextarea};

package/dist/components/mu-theme-toggle.js

@@ -0,0 +1,5 @@
+import{g as z,h as x,i as H}from"./chunk-redtk47a.js";import{j as F,k as G}from"./chunk-4tezav8r.js";var B={set(q){if(q==="auto"){let w=window.matchMedia("(prefers-color-scheme: dark)").matches;document.documentElement.setAttribute("data-theme",w?"dark":"light")}else document.documentElement.setAttribute("data-theme",q);localStorage.setItem("mu-theme",q),z.emit(x.THEME_CHANGE,{theme:q})},get(){return document.documentElement.getAttribute("data-theme")||"light"},toggle(){let q=this.get();this.set(q==="dark"?"light":"dark")},init(){let q=localStorage.getItem("mu-theme");if(q)this.set(q);else this.set("auto");window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(w)=>{if(localStorage.getItem("mu-theme")==="auto")document.documentElement.setAttribute("data-theme",w.matches?"dark":"light")})}};if(typeof window<"u")B.init();class J extends F{static baseClass="mu-theme-toggle";connectedCallback(){super.connectedCallback(),this.listen(this,"click",()=>B.toggle()),z.on(x.THEME_CHANGE,()=>this.#q())}render(){this.innerHTML=`
+            <button class="mu-theme-toggle__button" aria-label="Toggle theme">
+                <span class="mu-theme-toggle__icon"></span>
+            </button>
+        `,this.#q()}#q(){let q=B.get()==="dark",w=this.querySelector(".mu-theme-toggle__icon");if(w)w.textContent=q?"☀️":"\uD83C\uDF19"}}G("mu-theme-toggle",J);H("mu-theme-toggle",{signals:[x.THEME_CHANGE],options:{themes:["light","dark"],emits:["click"]},description:"Theme toggle button that switches between light/dark modes"});export{J as MuThemeToggle};

package/dist/components/mu-toast.js

@@ -0,0 +1,4 @@
+import{g as z,h as x,i as G}from"./chunk-redtk47a.js";import{j as D,k as F}from"./chunk-4tezav8r.js";class H extends D{static baseClass="mu-toast";static cssFile="snackbar";static observedAttributes=["severity","duration","position"];#q=null;#h=null;connectedCallback(){if(!this.#h&&!this.querySelector(".mu-toast__content"))this.#h=this.innerHTML;super.connectedCallback(),this.listen(this,"click",(k)=>{if(k.target.classList.contains("mu-toast__close"))this.dismiss()});let h=parseInt(this.attr("duration","3000"));if(h>0)this.#q=this.setTimeout(()=>this.dismiss(),h)}disconnectedCallback(){super.disconnectedCallback()}render(){if(this.querySelector(".mu-toast__content")){this.#k();return}let h=this.#h||"";this.innerHTML=`
+            <span class="mu-toast__content">${h}</span>
+            <button class="mu-toast__close" aria-label="Dismiss">✕</button>
+        `,this.#k()}update(h,k,B){this.#k()}#k(){let h=this.attr("severity","info"),k=this.attr("position","bottom-center");this.className=`mu-toast mu-toast--${h} mu-toast--${k}`}dismiss(){this.emit("mu-dismiss"),this.classList.add("is-exiting");let h=!1,k=()=>{if(!h)h=!0,this.remove()};this.addEventListener("animationend",k,{once:!0}),this.setTimeout(k,200)}}F("mu-toast",H);class J extends D{static baseClass="mu-toast-container";connectedCallback(){super.connectedCallback(),this.setAttribute("role","status"),this.setAttribute("aria-live","polite")}}F("mu-toast-container",J);var K={show(h,k={}){let B=k.position||"bottom-center",q=document.querySelector(`mu-toast-container[position="${B}"]`);if(!q)q=document.createElement("mu-toast-container"),q.setAttribute("position",B),document.body.appendChild(q);let w=document.createElement("mu-toast");if(w.textContent=h,k.severity)w.setAttribute("severity",k.severity);if(k.duration)w.setAttribute("duration",k.duration.toString());return q.appendChild(w),w}};if(typeof window<"u"&&z&&!z.hasListeners(x.TOAST_SHOW))z.on(x.TOAST_SHOW,(h)=>{K.show(h.message,h)});G("mu-toast",{signals:[x.TOAST_SHOW,x.TOAST_DISMISS],options:{severities:["info","success","warning","error"],positions:["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],defaultDuration:3000},description:"MD3 Snackbar/Toast Notification component"});export{K as Toast,J as MuToastContainer,H as MuToast};

package/dist/components/mu-tooltip.js

@@ -0,0 +1,10 @@
+import{j as N,k as Q}from"./chunk-4tezav8r.js";var D=8;class S extends N{static baseClass="mu-tooltip";static cssFile="tooltip";static observedAttributes=["content","position"];#b=null;connectedCallback(){super.connectedCallback(),this.listen(this,"mouseenter",()=>this.show()),this.listen(this,"mouseleave",()=>this.hide()),this.listen(this,"focus",()=>this.show(),{capture:!0}),this.listen(this,"blur",()=>this.hide(),{capture:!0})}render(){let z=this.attr("position","top");this.className=`mu-tooltip mu-tooltip--${z}`,this.style.position="relative",this.style.display="inline-block"}update(z,b,k){if(z==="position"){let q=this.attr("position","top");this.className=`mu-tooltip mu-tooltip--${q}`}}show(){if(this.#b)return;let z=this.attr("content","");if(!z)return;let b=this.attr("position","top");this.#b=document.createElement("div"),this.#b.className=`mu-tooltip__content mu-tooltip__content--${b}`,this.#b.textContent=z,this.#b.setAttribute("role","tooltip"),this.#b.style.cssText=`
+            position: fixed !important;
+            top: 0 !important;
+            left: 0 !important;
+            transform: none !important;
+            visibility: hidden;
+            z-index: var(--mu-z-tooltip, 9999);
+            pointer-events: none;
+            margin: 0 !important;
+        `,document.body.appendChild(this.#b),this.#q(b),requestAnimationFrame(()=>{if(this.#b)this.#b.style.visibility="visible",this.#b.style.opacity="1"})}#q(z){let b=this.getBoundingClientRect(),k=this.#b.getBoundingClientRect(),{x:q,y:B}=this.#k(z,b,k),J=this.#z(z,q,B,k,b);if(J!==z)({x:q,y:B}=this.#k(J,b,k));let{innerWidth:K,innerHeight:U}=window;q=Math.max(4,Math.min(q,K-k.width-4)),B=Math.max(4,Math.min(B,U-k.height-4)),this.#b.style.setProperty("left",`${q}px`,"important"),this.#b.style.setProperty("top",`${B}px`,"important")}#k(z,b,k){let q,B;switch(z){case"top":q=b.left+(b.width-k.width)/2,B=b.top-k.height-D;break;case"bottom":q=b.left+(b.width-k.width)/2,B=b.bottom+D;break;case"left":q=b.left-k.width-D,B=b.top+(b.height-k.height)/2;break;case"right":q=b.right+D,B=b.top+(b.height-k.height)/2;break;default:q=b.left+(b.width-k.width)/2,B=b.top-k.height-D}return{x:q,y:B}}#z(z,b,k,q,B){let{innerWidth:J,innerHeight:K}=window;switch(z){case"top":if(k<0)return"bottom";break;case"bottom":if(k+q.height>K)return"top";break;case"left":if(b<0)return"right";break;case"right":if(b+q.width>J)return"left";break}return z}hide(){if(this.#b)this.#b.remove(),this.#b=null}disconnectedCallback(){super.disconnectedCallback(),this.hide()}}Q("mu-tooltip",S);export{S as MuTooltip};

package/dist/components/mu-virtual-list.js

@@ -0,0 +1,33 @@
+import{c as Q}from"./chunk-mzd8jwrs.js";import{j as O,k as P}from"./chunk-4tezav8r.js";class U extends O{static baseClass="mu-virtual-list";static cssFile="virtual-list";static observedAttributes=["item-height","buffer"];#k=[];#D=(k)=>`<div>${k}</div>`;#G=0;#y=0;#F=0;#q=null;#J=null;set items(k){this.#k=k||[],this.#z()}get items(){return this.#k}set renderItem(k){this.#D=k,this.#z()}connectedCallback(){super.connectedCallback()}render(){let k=parseInt(this.attr("item-height","50"));this.innerHTML=`
+            <div class="mu-virtual-list__viewport" style="
+                height: 100%;
+                overflow-y: auto;
+                position: relative;
+            ">
+                <div class="mu-virtual-list__content" style="
+                    position: relative;
+                ">
+                    <div class="mu-virtual-list__items"></div>
+                </div>
+            </div>
+        `,this.#q=this.querySelector(".mu-virtual-list__viewport"),this.#J=this.querySelector(".mu-virtual-list__content");let y=Q(()=>{this.#G=this.#q.scrollTop,this.#z()},16);this.listen(this.#q,"scroll",y),this.style.display="block",this.style.height="400px",this.style.overflow="hidden",this.#z()}#z(){if(!this.#q||!this.#k.length)return;let k=parseInt(this.attr("item-height","50")),y=parseInt(this.attr("buffer","5")),z=this.#q.clientHeight,D=this.#k.length*k;this.#J.style.height=`${D}px`;let J=Math.max(0,Math.floor(this.#G/k)-y),F=Math.ceil(z/k)+y*2,q=Math.min(this.#k.length,J+F);if(J!==this.#y||q!==this.#F)this.#y=J,this.#F=q,this.#K()}async#K(){let k=parseInt(this.attr("item-height","50")),y=this.querySelector(".mu-virtual-list__items");if(!y)return;let z=this.#k.slice(this.#y,this.#F),D=50;if(z.length>D&&"scheduler"in window){let F=[];for(let q=0;q<z.length;q+=D){let G=z.slice(q,q+D);if(F.push(...G.map((N,W)=>{let K=this.#y+q+W;return`
+                        <div class="mu-virtual-list__item" style="
+                            position: absolute;
+                            top: ${K*k}px;
+                            left: 0;
+                            right: 0;
+                            height: ${k}px;
+                        " data-index="${K}" data-mu-state="visible">
+                            ${this.#D(N,K)}
+                        </div>
+                    `})),q+D<z.length)await scheduler.yield()}y.innerHTML=F.join("")}else y.innerHTML=z.map((F,q)=>{let G=this.#y+q;return`
+                    <div class="mu-virtual-list__item" style="
+                        position: absolute;
+                        top: ${G*k}px;
+                        left: 0;
+                        right: 0;
+                        height: ${k}px;
+                    " data-index="${G}" data-mu-state="visible">
+                        ${this.#D(F,G)}
+                    </div>
+                `}).join("")}scrollToIndex(k){let y=parseInt(this.attr("item-height","50"));this.#q.scrollTop=k*y}}P("mu-virtual-list",U);export{U as MuVirtualList};

package/dist/components.css

@@ -0,0 +1 @@
+*,*::before,*::after{box-sizing:border-box}.mu-state-layer{position:relative;overflow:hidden}.mu-state-layer::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-state-layer--surface::before,.mu-state-layer:not([class*="mu-state-layer--"])::before{background:var(--md-sys-color-on-surface)}.mu-state-layer--on-primary::before{background:var(--md-sys-color-on-primary)}.mu-state-layer--on-secondary::before{background:var(--md-sys-color-on-secondary-container)}.mu-state-layer--on-error::before{background:var(--md-sys-color-on-error)}.mu-state-layer:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-state-layer:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-state-layer:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-state-layer:disabled::before,.mu-state-layer.is-disabled::before{display:none}mu-icon,.mu-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}mu-icon .material-symbols-outlined{font-family:'Material Symbols Outlined',sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga'}mu-icon svg{display:block}.mu-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:40px;padding:0 24px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:0.1px;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;overflow:hidden}.mu-button::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-button--sm{height:32px;padding:0 16px;font-size:var(--md-sys-typescale-label-medium-size)}.mu-button--md{height:40px;padding:0 24px}.mu-button--lg{height:48px;padding:0 32px;font-size:var(--md-sys-typescale-body-large-size)}.mu-button--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-button--primary::before{background:var(--md-sys-color-on-primary)}.mu-button--primary:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--primary:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--primary:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--primary:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--secondary{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-button--secondary::before{background:var(--md-sys-color-on-secondary-container)}.mu-button--secondary:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--secondary:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--secondary:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--secondary:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--ghost{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.mu-button--ghost::before{background:var(--md-sys-color-primary)}.mu-button--ghost:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--ghost:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-button--danger::before{background:var(--md-sys-color-on-error)}.mu-button--danger:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--danger:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button:disabled,.mu-button.is-disabled{background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:not-allowed;box-shadow:none}.mu-button:disabled::before,.mu-button.is-disabled::before{display:none}.mu-button--elevated{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.mu-button--elevated::before{background:var(--md-sys-color-primary)}.mu-button--elevated:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--elevated:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2)}.mu-button--elevated:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--elevated:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-button--filled::before{background:var(--md-sys-color-on-primary)}.mu-button--filled:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--filled:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--filled:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--filled:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-button--tonal::before{background:var(--md-sys-color-on-secondary-container)}.mu-button--tonal:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--tonal:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level1)}.mu-button--tonal:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--tonal:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.mu-button--outlined::before{background:var(--md-sys-color-primary)}.mu-button--outlined:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--outlined:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--outlined:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-button--text{background:transparent;color:var(--md-sys-color-primary);padding:0 12px}.mu-button--text::before{background:var(--md-sys-color-primary)}.mu-button--text:hover:not(:disabled)::before{opacity:var(--md-sys-state-hover-opacity)}.mu-button--text:focus-visible:not(:disabled)::before{opacity:var(--md-sys-state-focus-opacity)}.mu-button--text:active:not(:disabled)::before{opacity:var(--md-sys-state-pressed-opacity)}@keyframes md-ripple{from{transform:scale(0);opacity:0.12}to{transform:scale(2.5);opacity:0}}@keyframes mu-ripple-expand{from{transform:scale(0);opacity:0.20}to{transform:scale(1);opacity:0}}.mu-button.ripple::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:currentColor;transform:scale(0);animation:md-ripple var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-button.is-loading{color:transparent}.mu-button.is-loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.75s linear infinite}.mu-input{position:relative;display:block;width:100%}.mu-input__label{position:absolute;left:16px;top:50%;transform:translateY(-50%) scale(1);transform-origin:left center;font-size:16px;color:var(--md-sys-color-on-surface-variant);pointer-events:none;transition:top var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized),color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);z-index:1}.mu-input:focus-within .mu-input__label,.mu-input.has-value .mu-input__label{top:6px;transform:translateY(0) scale(0.75)}.mu-input:focus-within .mu-input__label{color:var(--md-sys-color-primary)}.mu-input--outlined .mu-input__label{background:var(--md-sys-color-surface,#fff);padding:0 4px;margin-left:-4px}.mu-input:has(.mu-input__label) .mu-input__field{padding-top:24px;padding-bottom:8px}.mu-input::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--md-sys-color-primary);transition:width var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized),left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-input.is-focused::after,.mu-input:focus-within::after{width:100%;left:0}.mu-input__field{display:block;width:100%;height:56px;padding:16px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-highest);border:none;border-bottom:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;caret-color:var(--md-sys-color-primary);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-input__field::placeholder{color:var(--md-sys-color-on-surface-variant);transition:opacity var(--md-sys-motion-duration-short2)}.mu-input__field:focus::placeholder{opacity:0.6}.mu-input__field:hover:not(:disabled):not(:focus){background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 95%,var(--md-sys-color-on-surface) 5%);border-bottom-color:var(--md-sys-color-on-surface)}.mu-input--outlined:has(.mu-input__field:hover:not(:disabled):not(:focus)) .mu-input__label{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 95%,var(--md-sys-color-on-surface) 5%)}.mu-input__field:focus{outline:none;border-bottom-color:transparent}.mu-input--sm .mu-input__field{height:40px;padding:8px 12px;font-size:var(--md-sys-typescale-body-medium-size)}.mu-input--md .mu-input__field{height:56px;padding:16px}.mu-input--lg .mu-input__field{height:64px;padding:20px;font-size:18px}.mu-input--filled .mu-input__field{background:var(--md-sys-color-surface-container-highest)}.mu-input--outlined .mu-input__field{height:56px;padding:16px;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);transition:border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-input--outlined .mu-input__field:hover:not(:disabled):not(:focus){border-color:var(--md-sys-color-on-surface)}.mu-input--outlined .mu-input__field:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);outline:none}.mu-input--outlined::after{display:none}.mu-input.is-disabled .mu-input__field,.mu-input__field:disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);border-bottom-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);cursor:not-allowed}.mu-input__field[type="number"]::-webkit-inner-spin-button,.mu-input__field[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mu-input__field[type="number"]{-moz-appearance:textfield;appearance:textfield}.mu-card{display:block;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;padding:20px}.mu-card--flat,.mu-card--filled{background:var(--md-sys-color-surface-container-highest);box-shadow:none}.mu-card--elevated{background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-card--elevated:hover{transform:translateY(-2px)}.mu-card--outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:none}.mu-card--padding-none{padding:0}.mu-card--padding-sm{padding:12px}.mu-card--padding-md{padding:20px}.mu-card--padding-lg{padding:28px}.mu-card--radius-none{border-radius:0}.mu-card--radius-sm{border-radius:var(--md-sys-shape-corner-small)}.mu-card--radius-md{border-radius:var(--md-sys-shape-corner-medium)}.mu-card--radius-lg{border-radius:var(--md-sys-shape-corner-large)}.mu-card--radius-full{border-radius:var(--md-sys-shape-corner-full)}.mu-card--clickable{cursor:pointer;position:relative}.mu-card--clickable::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2);pointer-events:none}.mu-card--clickable:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-card--clickable:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-card__header{padding:16px;padding-bottom:0}.mu-card__body{padding:16px}.mu-card__footer{padding:16px;padding-top:0}.mu-card h3{margin:0 0 8px;font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight)}.mu-card p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}mu-stack{display:flex;flex-direction:column;gap:var(--md-sys-spacing-md,16px)}mu-stack[direction="row"]{flex-direction:row}mu-stack[direction="column"]{flex-direction:column}mu-stack[direction="row-reverse"]{flex-direction:row-reverse}mu-stack[direction="column-reverse"]{flex-direction:column-reverse}mu-stack[gap="none"]{gap:0}mu-stack[gap="xs"]{gap:var(--md-sys-spacing-xs,4px)}mu-stack[gap="sm"]{gap:var(--md-sys-spacing-sm,8px)}mu-stack[gap="md"]{gap:var(--md-sys-spacing-md,16px)}mu-stack[gap="lg"]{gap:var(--md-sys-spacing-lg,24px)}mu-stack[gap="xl"]{gap:var(--md-sys-spacing-xl,32px)}mu-stack[align="start"]{align-items:flex-start}mu-stack[align="center"]{align-items:center}mu-stack[align="end"]{align-items:flex-end}mu-stack[align="stretch"]{align-items:stretch}mu-stack[justify="start"]{justify-content:flex-start}mu-stack[justify="center"]{justify-content:center}mu-stack[justify="end"]{justify-content:flex-end}mu-stack[justify="between"]{justify-content:space-between}mu-stack[wrap]{flex-wrap:wrap}mu-grid{display:grid;gap:var(--md-sys-spacing-md,16px)}mu-grid[cols="1"]{grid-template-columns:repeat(1,1fr)}mu-grid[cols="2"]{grid-template-columns:repeat(2,1fr)}mu-grid[cols="3"]{grid-template-columns:repeat(3,1fr)}mu-grid[cols="4"]{grid-template-columns:repeat(4,1fr)}mu-grid[cols="6"]{grid-template-columns:repeat(6,1fr)}mu-grid[cols="12"]{grid-template-columns:repeat(12,1fr)}mu-grid[gap="none"]{gap:0}mu-grid[gap="xs"]{gap:var(--md-sys-spacing-xs,4px)}mu-grid[gap="sm"]{gap:var(--md-sys-spacing-sm,8px)}mu-grid[gap="md"]{gap:var(--md-sys-spacing-md,16px)}mu-grid[gap="lg"]{gap:var(--md-sys-spacing-lg,24px)}mu-grid[gap="xl"]{gap:var(--md-sys-spacing-xl,32px)}@media (max-width:599px){mu-grid[cols="2"],mu-grid[cols="3"],mu-grid[cols="4"],mu-grid[cols="6"]{grid-template-columns:1fr !important}}.mu-stack{display:flex}.mu-stack--row{flex-direction:row}.mu-stack--column{flex-direction:column}.mu-stack--row-reverse{flex-direction:row-reverse}.mu-stack--column-reverse{flex-direction:column-reverse}.mu-stack--gap-0{gap:0}.mu-stack--gap-1{gap:4px}.mu-stack--gap-2{gap:8px}.mu-stack--gap-3{gap:12px}.mu-stack--gap-4{gap:16px}.mu-stack--gap-5{gap:20px}.mu-stack--gap-6{gap:24px}.mu-stack--gap-8{gap:32px}.mu-stack--gap-10{gap:40px}.mu-stack--gap-12{gap:48px}.mu-stack--gap-16{gap:64px}.mu-stack--align-start{align-items:flex-start}.mu-stack--align-center{align-items:center}.mu-stack--align-end{align-items:flex-end}.mu-stack--align-stretch{align-items:stretch}.mu-stack--align-baseline{align-items:baseline}.mu-stack--justify-start{justify-content:flex-start}.mu-stack--justify-center{justify-content:center}.mu-stack--justify-end{justify-content:flex-end}.mu-stack--justify-between{justify-content:space-between}.mu-stack--justify-around{justify-content:space-around}.mu-stack--justify-evenly{justify-content:space-evenly}.mu-stack--wrap{flex-wrap:wrap}.mu-alert,mu-alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--md-sys-shape-corner-medium,12px);font-size:var(--md-sys-typescale-body-medium-size,14px);line-height:var(--md-sys-typescale-body-medium-line-height,20px);border:1px solid transparent}.mu-alert--info,mu-alert[severity="info"]{background:var(--md-sys-color-surface-container-high,#E6E0E9);color:var(--md-sys-color-on-surface,#1D1B20);border-color:var(--md-sys-color-outline-variant,#CAC4D0)}.mu-alert--info .mu-alert__icon,mu-alert[severity="info"] mu-icon{color:var(--md-sys-color-primary,#6750A4)}.mu-alert--success,mu-alert[severity="success"]{background:var(--md-sys-color-success-container,#C8E6C9);color:var(--md-sys-color-on-success-container,#1B5E20);border-color:var(--md-sys-color-success,#2E7D32)}.mu-alert--success .mu-alert__icon,mu-alert[severity="success"] mu-icon{color:var(--md-sys-color-success,#2E7D32)}.mu-alert--warning,mu-alert[severity="warning"]{background:var(--md-sys-color-warning-container,#FFF3E0);color:var(--md-sys-color-on-warning-container,#5D4037);border-color:var(--md-sys-color-warning,#FF9800)}.mu-alert--warning .mu-alert__icon,mu-alert[severity="warning"] mu-icon{color:var(--md-sys-color-warning,#FF9800)}.mu-alert--error,mu-alert[severity="error"]{background:var(--md-sys-color-error-container,#F9DEDC);color:var(--md-sys-color-on-error-container,#410E0B);border-color:var(--md-sys-color-error,#B3261E)}.mu-alert--error .mu-alert__icon,mu-alert[severity="error"] mu-icon{color:var(--md-sys-color-error,#B3261E)}.mu-alert__icon,mu-alert mu-icon:first-child{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mu-alert__content{flex:1;min-width:0}.mu-alert__title{display:block;font-weight:var(--md-sys-typescale-title-small-weight,500);margin-bottom:4px}.mu-alert__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-8px -8px -8px 0;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full,50%);cursor:pointer;color:currentColor;opacity:0.7;transition:opacity 0.2s,background 0.2s}.mu-alert__close:hover{opacity:1;background:var(--md-sys-color-on-surface-variant,rgba(0,0,0,0.08))}.mu-alert__close:focus-visible{outline:2px solid var(--md-sys-color-primary,#6750A4);outline-offset:2px}.mu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:1;border-radius:var(--md-sys-shape-corner-full)}.mu-badge--sm{min-width:16px;height:16px;font-size:10px}.mu-badge--md{min-width:20px;height:20px;padding:0 6px}.mu-badge--lg{min-width:24px;height:24px;padding:0 8px;font-size:13px}.mu-badge--primary{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-badge--secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.mu-badge--success{background:#1B5E20;color:white}.mu-badge--warning{background:#E65100;color:white}.mu-badge--error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.mu-badge--neutral{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.mu-badge--dot{min-width:6px;width:6px;height:6px;padding:0}.mu-skeleton{display:block;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);animation:mu-skeleton-pulse var(--md-sys-motion-duration-extra-long4) var(--md-sys-motion-easing-standard) infinite}.mu-skeleton--circle{border-radius:50%}.mu-skeleton--text{height:16px;margin-bottom:8px}.mu-skeleton--text:last-child{width:70%}.mu-skeleton__line{height:16px;margin-bottom:8px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);animation:mu-skeleton-pulse var(--md-sys-motion-duration-extra-long4) var(--md-sys-motion-easing-standard) infinite}@keyframes mu-skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.mu-spinner{display:inline-block}.mu-spinner__circle{display:block;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin var(--md-sys-motion-duration-extra-long1) linear infinite}.mu-spinner--xs .mu-spinner__circle{width:16px;height:16px;border-width:2px}.mu-spinner--sm .mu-spinner__circle{width:20px;height:20px;border-width:2px}.mu-spinner--md .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--lg .mu-spinner__circle{width:40px;height:40px;border-width:4px}.mu-spinner--xl .mu-spinner__circle{width:48px;height:48px;border-width:4px}.mu-spinner--primary{color:var(--md-sys-color-primary)}.mu-spinner--secondary{color:var(--md-sys-color-secondary)}.mu-spinner--current{color:currentColor}.mu-spinner--white{color:white}.mu-progress{position:relative;width:100%;height:8px;background:var(--md-sys-color-surface-container-highest);border-radius:4px;overflow:hidden}.mu-progress--sm{height:4px;border-radius:2px}.mu-progress--md{height:8px;border-radius:4px}.mu-progress--lg{height:12px;border-radius:6px}.mu-progress__bar{display:block;height:100%;background:var(--md-sys-color-primary);border-radius:inherit;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.mu-progress--success .mu-progress__bar{background:#1B5E20}.mu-progress--warning .mu-progress__bar{background:#E65100}.mu-progress--error .mu-progress__bar{background:var(--md-sys-color-error)}.mu-progress[indeterminate] .mu-progress__bar{width:50% !important;animation:mu-progress-indeterminate 1.5s infinite ease-in-out}@keyframes mu-progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.mu-progress__label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface)}.mu-tabs{display:block;width:100%;position:relative;margin-bottom:24px}.mu-tabs__list{display:flex;position:relative;border-bottom:1px solid var(--md-sys-color-surface-variant)}.mu-tabs__tab{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:90px;height:48px;padding:0 16px;background:transparent;border:none;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);color:var(--md-sys-color-on-surface-variant);cursor:pointer;overflow:hidden;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-tabs__tab::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-tabs__tab:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-tabs__tab:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-tabs__tab.is-active{color:var(--md-sys-color-primary)}.mu-tabs__tab::after{display:none}.mu-tabs__list::after{content:'';position:absolute;bottom:0;height:3px;background:var(--md-sys-color-primary);border-radius:3px 3px 0 0;width:var(--indicator-width,33.3333%);left:var(--indicator-left,0);transition:left var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.mu-tabs__indicator{display:none}.mu-tabs__panel,mu-tab-panel{display:block;padding:16px 0;animation:fadeIn var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}mu-tab-panel:not([active]),.mu-tab-panel:not(.active),.doc-tab-content:not(:first-of-type){display:none}.mu-tabs--pills .mu-tabs__list{border-bottom:none;gap:8px;padding:4px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-full);width:fit-content}.mu-tabs--pills .mu-tabs__tab{flex:none;height:36px;min-width:auto;border-radius:var(--md-sys-shape-corner-full);transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-tabs--pills .mu-tabs__indicator{display:none}.mu-tabs--pills .mu-tabs__tab.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-tabs--underline .mu-tabs__indicator{height:2px}.mu-dropdown{position:relative;display:inline-block}.mu-dropdown__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;height:56px;padding:0 16px;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);cursor:pointer;overflow:hidden;transition:border-color var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-dropdown__trigger::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none;border-radius:inherit}.mu-dropdown__trigger:hover::before{opacity:var(--md-sys-state-hover-opacity,0.08)}.mu-dropdown__trigger:active::before{opacity:var(--md-sys-state-pressed-opacity,0.12)}.mu-dropdown__trigger:focus-visible{outline:none;border-color:var(--md-sys-color-primary);border-width:2px}.mu-dropdown__trigger:disabled{opacity:0.38;cursor:not-allowed;background:var(--md-sys-color-surface-container)}.mu-dropdown__trigger:disabled::before{display:none}.mu-dropdown__arrow{flex-shrink:0;color:var(--md-sys-color-on-surface-variant);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.mu-dropdown.is-open .mu-dropdown__arrow{transform:rotate(180deg)}.mu-dropdown.is-open .mu-dropdown__trigger{border-color:var(--md-sys-color-primary);border-width:2px}.mu-dropdown__menu{position:fixed;min-width:160px;max-height:280px;overflow-y:auto;padding:8px 0;margin:0;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level2);list-style:none;border:none;inset:unset;opacity:0;visibility:hidden;transform:scaleY(0.92) translateY(-8px);transform-origin:top center;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate),visibility var(--md-sys-motion-duration-short4),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate);pointer-events:none}.mu-dropdown__menu:popover-open{opacity:1;visibility:visible;transform:scaleY(1) translateY(0);pointer-events:auto}.mu-dropdown__menu.is-open{opacity:1 !important;visibility:visible !important;transform:scaleY(1) translateY(0);pointer-events:auto}.mu-dropdown__item,.mu-dropdown__option{position:relative;display:flex;align-items:center;height:48px;padding:0 16px;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);cursor:pointer;overflow:hidden;transition:background var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-dropdown__item::before,.mu-dropdown__option::before{content:'';position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-dropdown__item:hover::before,.mu-dropdown__option:hover::before{opacity:var(--md-sys-state-hover-opacity,0.08)}.mu-dropdown__item:active::before,.mu-dropdown__option:active::before{opacity:var(--md-sys-state-pressed-opacity,0.12)}.mu-dropdown__item:focus-visible,.mu-dropdown__option:focus-visible{outline:none}.mu-dropdown__item:focus-visible::before,.mu-dropdown__option:focus-visible::before{opacity:var(--md-sys-state-focus-opacity,0.12)}.mu-dropdown__item.is-selected,.mu-dropdown__option.is-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-dropdown__item.is-selected::before,.mu-dropdown__option.is-active::before{background:var(--md-sys-color-on-secondary-container)}.mu-toast-container{position:fixed;z-index:9999;padding:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:100%;bottom:0;left:50%;transform:translateX(-50%);align-items:center}.mu-toast-container[position="bottom-center"]{bottom:0;left:50%;transform:translateX(-50%);align-items:center}.mu-toast-container[position="top-center"]{top:0;left:50%;transform:translateX(-50%);flex-direction:column-reverse;align-items:center}.mu-toast-container[position="top-right"]{top:0;right:0;left:auto;transform:none;flex-direction:column-reverse;align-items:flex-end}.mu-toast-container[position="top-left"]{top:0;left:0;right:auto;transform:none;flex-direction:column-reverse;align-items:flex-start}.mu-toast-container[position="bottom-right"]{bottom:0;right:0;left:auto;transform:none;align-items:flex-end}.mu-toast-container[position="bottom-left"]{bottom:0;left:0;right:auto;transform:none;align-items:flex-start}.mu-toast{position:relative;pointer-events:auto;display:flex;align-items:center;gap:12px;min-height:48px;padding:14px 16px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level3);font-size:var(--md-sys-typescale-body-medium-size);min-width:288px;max-width:560px;animation:toastEnter 0.3s cubic-bezier(0.2,0,0,1) forwards}@keyframes toastEnter{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.mu-toast.is-exiting{animation:toastExit 0.2s cubic-bezier(0.4,0,1,1) forwards}@keyframes toastExit{to{opacity:0;transform:scale(0.9)}}.mu-toast--info,.mu-toast--success,.mu-toast--warning,.mu-toast--error{border-left:none}.mu-toast__icon{font-size:24px}.mu-toast__content{flex:1}.mu-toast__title{display:block;font-weight:500;margin-bottom:4px}.mu-toast__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-inverse-primary);cursor:pointer}.mu-toast__close:hover{background:rgba(255,255,255,0.08)}.mu-tooltip{position:relative;display:inline-block;cursor:pointer}.mu-tooltip__content{position:absolute;padding:8px 12px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);border-radius:var(--md-sys-shape-corner-extra-small);white-space:nowrap;z-index:var(--mu-z-tooltip);pointer-events:none;opacity:0;visibility:hidden;transform:translateX(-50%) scale(0.9);transition:opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-short3),transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized)}.mu-tooltip:hover .mu-tooltip__content,.mu-tooltip:focus-within .mu-tooltip__content{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}.mu-tooltip--top .mu-tooltip__content{bottom:100%;left:50%;transform:translateX(-50%) translateY(4px) scale(0.9);margin-bottom:8px}.mu-tooltip--top:hover .mu-tooltip__content{transform:translateX(-50%) translateY(0) scale(1)}.mu-tooltip--bottom .mu-tooltip__content{top:100%;left:50%;transform:translateX(-50%) translateY(-4px) scale(0.9);margin-top:8px}.mu-tooltip--bottom:hover .mu-tooltip__content{transform:translateX(-50%) translateY(0) scale(1)}.mu-tooltip--left .mu-tooltip__content{right:100%;top:50%;transform:translateY(-50%) translateX(4px) scale(0.9);margin-right:8px}.mu-tooltip--left:hover .mu-tooltip__content{transform:translateY(-50%) translateX(0) scale(1)}.mu-tooltip--right .mu-tooltip__content{left:100%;top:50%;transform:translateY(-50%) translateX(-4px) scale(0.9);margin-left:8px}.mu-tooltip--right:hover .mu-tooltip__content{transform:translateY(-50%) translateX(0) scale(1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{from{opacity:0;transform:translateY(-16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}@keyframes ripple{from{transform:scale(0);opacity:0.4}to{transform:scale(4);opacity:0}}.mu-button::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,currentColor 10%,transparent 10.01%);transform:scale(10,10);opacity:0;transition:transform 0.3s,opacity 0.5s}.mu-button:active::after{transform:scale(0,0);opacity:0.2;transition:0s}.mu-modal{display:contents}dialog.mu-modal__dialog{border:none;padding:24px;margin:auto;background:var(--md-sys-color-surface-container-high,var(--md-sys-color-surface));border-radius:var(--md-sys-shape-corner-extra-large,28px);width:fit-content;min-width:280px;max-width:min(560px,calc(100vw - 96px));max-height:min(560px,calc(100vh - 96px));overflow-y:auto;box-shadow:var(--md-sys-elevation-3);color:var(--md-sys-color-on-surface);transform:scale(0.9);opacity:0;transition:transform var(--md-sys-motion-duration-medium3,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),opacity var(--md-sys-motion-duration-medium2,200ms) var(--md-sys-motion-easing-standard,cubic-bezier(0.2,0,0,1))}dialog.mu-modal__dialog::backdrop{background:rgba(0,0,0,0.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--md-sys-motion-duration-medium2,200ms) var(--md-sys-motion-easing-standard,cubic-bezier(0.2,0,0,1))}.mu-modal.is-visible dialog.mu-modal__dialog{transform:scale(1);opacity:1}.mu-modal.is-visible dialog.mu-modal__dialog::backdrop{opacity:1}dialog.mu-modal__dialog[open]{display:flex;flex-direction:column}.mu-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:transparent;border-radius:50%;font-size:20px;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:background-color var(--md-sys-motion-duration-short2)}.mu-modal__close:hover{background:var(--md-sys-color-on-surface-variant-opacity-08,rgba(0,0,0,0.08))}.mu-modal__body{color:var(--md-sys-color-on-surface)}dialog.mu-modal__dialog.mu-modal--sm{max-width:400px}dialog.mu-modal__dialog.mu-modal--lg{max-width:720px}dialog.mu-modal__dialog.mu-modal--xl{max-width:900px}dialog.mu-modal__dialog.mu-modal--full{width:95vw;max-width:95vw;height:95vh;max-height:95vh}.mu-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:var(--md-sys-typescale-headline-small-size,24px);font-weight:var(--md-sys-typescale-headline-small-weight,400);line-height:var(--md-sys-typescale-headline-small-line-height,32px);color:var(--md-sys-color-on-surface)}.mu-modal__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.mu-button:focus-visible,.mu-tabs__tab:focus-visible,.mu-dropdown__trigger:focus-visible,.mu-input:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mu-card,.mu-alert,.mu-badge,.mu-progress__bar{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.mu-button,.mu-tabs__tab,.mu-dropdown__item{transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-button:active:not(:disabled){transform:scale(0.98)}.mu-tabs__tab:active,.mu-dropdown__item:active{transform:scale(0.98)}.mu-theme-toggle{display:inline-flex}.mu-theme-toggle__button{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-secondary-container) 100%);border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;overflow:hidden;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.mu-theme-toggle__button:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,0.2),0 0 24px var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.mu-theme-toggle__button:active{transform:scale(0.95)}.mu-theme-toggle__icon{font-size:22px;transition:transform var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-decelerate);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.mu-theme-toggle__button:hover .mu-theme-toggle__icon{transform:rotate(20deg) scale(1.1)}[data-theme="dark"] .mu-theme-toggle__button{background:linear-gradient(135deg,rgba(255,200,50,0.15) 0%,rgba(255,150,0,0.1) 100%);border-color:rgba(255,200,50,0.3)}[data-theme="dark"] .mu-theme-toggle__button:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 32px rgba(255,200,50,0.4);border-color:rgba(255,200,50,0.6)}[data-theme="light"] .mu-theme-toggle__button{background:linear-gradient(135deg,rgba(100,100,200,0.1) 0%,rgba(50,50,150,0.05) 100%)}[data-theme="light"] .mu-theme-toggle__button:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15),0 0 24px rgba(100,100,200,0.3)}.mu-navbar__links{display:flex;align-items:center;gap:4px;margin-left:24px}.mu-navbar__links a{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);overflow:hidden;cursor:pointer;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.mu-navbar__links a::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.mu-navbar__links a:hover{color:var(--md-sys-color-on-surface)}.mu-navbar__links a:hover::before{opacity:var(--md-sys-state-hover-opacity)}.mu-navbar__links a:focus-visible{outline:none}.mu-navbar__links a:focus-visible::before{opacity:var(--md-sys-state-focus-opacity)}.mu-navbar__links a:focus-visible::after{content:'';position:absolute;inset:-2px;border:2px solid var(--md-sys-color-primary);border-radius:calc(var(--md-sys-shape-corner-full)+2px);pointer-events:none}.mu-navbar__links a:active::before{opacity:var(--md-sys-state-pressed-opacity)}.mu-navbar__links a.active,.mu-navbar__links a[aria-current="page"]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-navbar__links a.active::before,.mu-navbar__links a[aria-current="page"]::before{background:var(--md-sys-color-on-secondary-container)}mu-confirm{display:none;position:fixed;inset:0;z-index:1000}mu-confirm.is-open{display:flex;align-items:center;justify-content:center}.mu-confirm__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.32);opacity:0;transition:opacity 200ms var(--md-sys-motion-easing-standard)}mu-confirm.is-visible .mu-confirm__overlay{opacity:1}.mu-confirm__dialog{position:relative;min-width:280px;max-width:400px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level3);padding:24px;transform:scale(0.9);opacity:0;transition:transform 250ms var(--md-sys-motion-easing-emphasized),opacity 150ms var(--md-sys-motion-easing-standard)}mu-confirm.is-visible .mu-confirm__dialog{transform:scale(1);opacity:1}.mu-confirm__title{margin:0 0 16px;font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface)}.mu-confirm__message{margin:0 0 24px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);line-height:1.5}.mu-confirm__actions{display:flex;justify-content:flex-end;gap:8px}mu-fetch{display:block}.mu-fetch__loading{display:flex;align-items:center;justify-content:center;min-height:100px}.mu-fetch__error{margin:16px 0}.mu-fetch__empty{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--md-sys-color-on-surface-variant)}.mu-fetch__data{display:block}.page{display:none}.page.active{display:block}.page-title{font-size:var(--md-sys-typescale-headline-medium-size,28px);line-height:var(--md-sys-typescale-headline-medium-line-height,36px);margin-bottom:8px}.page-subtitle{color:var(--md-sys-color-on-surface-variant);margin-bottom:32px;line-height:1.5}.component-section{background:var(--md-sys-color-surface-container);padding:24px;border-radius:var(--md-sys-shape-corner-large,16px);margin-bottom:24px}.section-title{font-size:var(--md-sys-typescale-title-medium-size,16px);font-weight:var(--md-sys-typescale-title-medium-weight,500);margin-top:32px;margin-bottom:16px}.section-title:first-child,.component-section>.section-title:first-child{margin-top:0}.demo-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.demo-label{font-size:var(--md-sys-typescale-label-small-size,11px);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px;width:100%}.code-block{background:var(--md-sys-color-surface-container-highest);padding:16px;border-radius:var(--md-sys-shape-corner-medium,12px);font-family:'Fira Code','Cascadia Code','SF Mono',Consolas,monospace;font-size:13px;overflow-x:auto;margin-top:16px}.doc-tab-content{display:none}.doc-tab-content:first-of-type,.doc-tab-content.active{display:block}mu-drawer-item,mu-nav-item{display:block}.mu-drawer-item-link{display:flex;align-items:center;gap:12px;padding:0 24px 0 16px;min-height:56px;width:100%;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);text-decoration:none;cursor:pointer;border-radius:28px;font-family:var(--md-sys-typescale-font);font-size:var(--md-sys-typescale-label-large-size,14px);font-weight:var(--md-sys-typescale-label-large-weight,500);line-height:var(--md-sys-typescale-label-large-line-height,20px);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:relative;box-sizing:border-box}mu-drawer-item[layout="vertical"] .mu-drawer-item-link,mu-nav-item .mu-drawer-item-link{flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;border-radius:var(--md-sys-shape-corner-large)}.mu-drawer-item-link:hover:not([disabled]):not([aria-disabled="true"]){background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),transparent)}.mu-drawer-item-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mu-drawer-item-link:active:not([disabled]):not([aria-disabled="true"]){background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-pressed-opacity,0.12) * 100%),transparent)}mu-drawer-item[active] .mu-drawer-item-link{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}mu-drawer-item[active] .mu-drawer-item-link:hover{background:color-mix(in srgb,var(--md-sys-color-on-secondary-container) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),var(--md-sys-color-secondary-container))}mu-drawer-item[layout="vertical"][active] .mu-drawer-item-link,mu-nav-item[active] .mu-drawer-item-link{background:transparent;color:var(--md-sys-color-on-secondary-container)}mu-drawer-item[layout="vertical"][active] .mu-drawer-item-icon,mu-nav-item[active] .mu-drawer-item-icon{background:var(--md-sys-color-secondary-container)}.mu-drawer-item-link[disabled],.mu-drawer-item-link[aria-disabled="true"]{opacity:0.38;cursor:not-allowed}.mu-drawer-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}mu-drawer-item[layout="vertical"] .mu-drawer-item-icon,mu-nav-item .mu-drawer-item-icon{width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full)}.mu-drawer-item-icon mu-icon{display:flex;align-items:center;justify-content:center}.mu-drawer-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}mu-drawer-item[layout="vertical"] .mu-drawer-item-label,mu-nav-item .mu-drawer-item-label{flex:none;text-align:center;font-size:var(--md-sys-typescale-label-medium-size,12px);font-weight:var(--md-sys-typescale-label-medium-weight,500)}mu-drawer-item[hide-label] .mu-drawer-item-label{display:none}mu-drawer-item[hide-label] .mu-drawer-item-link{width:auto;padding:12px;min-width:48px;min-height:48px;border-radius:var(--md-sys-shape-corner-full);background:transparent;justify-content:center}mu-drawer-item[hide-label][active] .mu-drawer-item-link{background:transparent}mu-drawer-item[hide-label][active] .mu-drawer-item-icon{background:var(--md-sys-color-secondary-container);width:56px;height:32px;border-radius:var(--md-sys-shape-corner-full)}mu-drawer-item[hide-label] .mu-drawer-item-link:hover:not([disabled]){background:transparent}mu-drawer-item[hide-label] .mu-drawer-item-icon:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) calc(var(--md-sys-state-hover-opacity,0.08) * 100%),transparent);border-radius:var(--md-sys-shape-corner-full)}.mu-drawer-item-badge{min-width:16px;height:16px;padding:0 4px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}mu-drawer-item[layout="vertical"] .mu-drawer-item-badge,mu-nav-item .mu-drawer-item-badge{position:absolute;top:0;right:8px}mu-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:var(--mu-z-bottom-nav,150)}.mu-bottom-nav-nav{display:flex;align-items:stretch;justify-content:space-around;height:var(--mu-bottom-nav-height,80px);background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.mu-bottom-nav-nav>mu-nav-item,.mu-bottom-nav-nav>mu-drawer-item{flex:1;max-width:120px}mu-layout{display:flex;flex-direction:column;height:100vh;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);overflow:hidden}.mu-layout-wrapper{display:flex;flex-direction:column;flex:1;height:100vh;overflow:hidden}.mu-layout-header{flex-shrink:0;width:100%;z-index:var(--z-sticky,100)}.mu-layout-body{display:flex;flex:1;overflow:hidden;min-height:0}.mu-layout-drawer{flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden}@media (max-width:599px){.mu-layout-drawer{position:fixed;top:0;left:0;height:100vh;z-index:var(--mu-z-drawer,250)}}.mu-layout-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow-y:auto}.mu-layout-content{flex:1;padding:16px}mu-layout[has-bottom-nav] .mu-layout-content{padding-bottom:calc(var(--mu-bottom-nav-height,80px)+16px+env(safe-area-inset-bottom,0))}@media (max-width:599px){.mu-layout-content{padding:8px}mu-layout[has-bottom-nav] .mu-layout-content{padding-bottom:calc(var(--mu-bottom-nav-height,80px)+8px+env(safe-area-inset-bottom,0))}}.mu-layout-footer{flex-shrink:0;width:100%}.mu-layout-bottom{}mu-layout.mu-loading .mu-layout-content::before{content:'';position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-primary-container) 50%,var(--md-sys-color-primary) 100%);background-size:200% 100%;animation:loading-bar 1.5s ease-in-out infinite;z-index:var(--z-overlay,9999)}@keyframes loading-bar{0%{background-position:200% 0}100%{background-position:-200% 0}}mu-drawer{display:block;position:relative;z-index:var(--mu-z-drawer,250)}.mu-drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.32);opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-medium2);z-index:var(--mu-z-drawer-scrim,240)}.mu-drawer-scrim.mu-drawer-scrim-visible{opacity:1;visibility:visible}.mu-drawer-nav{display:flex;flex-direction:column;background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);height:100%;overflow-y:auto;overflow-x:hidden;transition:width var(--md-sys-motion-duration-short3,150ms) var(--md-sys-motion-easing-emphasized-accelerate,cubic-bezier(0.3,0,0.8,0.15)),transform var(--md-sys-motion-duration-short3,150ms) var(--md-sys-motion-easing-emphasized-accelerate,cubic-bezier(0.3,0,0.8,0.15))}mu-drawer[position="end"] .mu-drawer-nav{border-right:none;border-left:1px solid var(--md-sys-color-outline-variant)}.mu-drawer-nav.mu-drawer-mode-expanded{width:var(--mu-drawer-standard-width,256px)}.mu-drawer-nav.mu-drawer-mode-rail{width:var(--mu-drawer-rail-width,80px)}.mu-drawer-nav.mu-drawer-mode-rail.mu-drawer-expanded-hover{width:var(--mu-drawer-standard-width,256px);box-shadow:var(--md-sys-elevation-level2);transition:width var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),transform var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1)),box-shadow var(--md-sys-motion-duration-medium2,300ms) var(--md-sys-motion-easing-emphasized-decelerate,cubic-bezier(0.05,0.7,0.1,1))}.mu-drawer-nav.mu-drawer-mode-hidden{position:fixed;top:0;left:0;bottom:0;width:var(--mu-drawer-expanded-width,360px);max-width:calc(100vw - 56px);transform:translateX(-100%);box-shadow:var(--md-sys-elevation-level3);z-index:var(--mu-z-drawer,250)}mu-drawer[position="end"] .mu-drawer-nav.mu-drawer-mode-hidden{left:auto;right:0;transform:translateX(100%)}.mu-drawer-nav.mu-drawer-mode-hidden.mu-drawer-open{transform:translateX(0)}.mu-drawer-header{padding:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);transition:opacity var(--md-sys-motion-duration-short2,100ms) var(--md-sys-motion-easing-standard),padding var(--md-sys-motion-duration-short2,100ms) var(--md-sys-motion-easing-standard)}.mu-drawer-nav.mu-drawer-mode-rail:not(.mu-drawer-expanded-hover) .mu-drawer-header{opacity:0;padding:8px;height:0;overflow:hidden;border-bottom:none}.mu-drawer-content{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.mu-drawer-nav.mu-drawer-mode-rail:not(.mu-drawer-expanded-hover) .mu-drawer-content{align-items:center;padding:8px 0}mu-datatable{display:block;font-family:var(--md-sys-typescale-font)}.mu-datatable-wrapper{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.mu-datatable-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.mu-datatable-search{display:flex;align-items:center;gap:8px;flex:1;max-width:300px}.mu-datatable-search input{flex:1;padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-body-medium-size);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.mu-datatable-search input:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:-1px;border-color:var(--md-sys-color-primary)}.mu-datatable-info{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-datatable-table{width:100%;border-collapse:collapse}.mu-datatable-table thead{background:var(--md-sys-color-surface-container)}.mu-datatable-table th{padding:12px 16px;text-align:left;font-weight:500;font-size:var(--md-sys-typescale-label-large-size);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);user-select:none}.mu-datatable-table th.mu-datatable-sortable{cursor:pointer;transition:background-color 0.15s}.mu-datatable-table th.mu-datatable-sortable:hover{background:var(--md-sys-color-surface-container-high)}.mu-datatable-sort-icon{margin-left:4px;opacity:0.5;font-size:16px}.mu-datatable-table th.mu-datatable-sorted .mu-datatable-sort-icon{opacity:1;color:var(--md-sys-color-primary)}.mu-datatable-table tbody tr{border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color 0.15s}.mu-datatable-table tbody tr:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent)}.mu-datatable-table tbody tr.mu-datatable-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.mu-datatable-table td{padding:12px 16px;font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.mu-datatable-checkbox-cell{width:48px;text-align:center}.mu-datatable-checkbox-cell input{width:18px;height:18px;accent-color:var(--md-sys-color-primary);cursor:pointer}.mu-datatable-empty-state{padding:48px 16px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.mu-datatable-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.mu-datatable-pagination-info{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-datatable-pagination-controls{display:flex;gap:4px}.mu-datatable-pagination-btn{padding:8px 12px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-body-small-size);transition:background-color 0.15s}.mu-datatable-pagination-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container)}.mu-datatable-pagination-btn:disabled{opacity:0.5;cursor:not-allowed}.mu-datatable-pagination-btn.mu-datatable-pagination-btn-active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}mu-schema-form{display:block;font-family:var(--md-sys-typescale-font)}.mu-schema-form{display:flex;flex-direction:column;gap:20px}.mu-schema-form.mu-schema-form-inline{flex-direction:row;flex-wrap:wrap}.mu-schema-form.mu-schema-form-inline .mu-schema-form-field{flex:1;min-width:200px}.mu-schema-form-field{display:flex;flex-direction:column;gap:4px}.mu-schema-form-field.mu-schema-form-field-error mu-input,.mu-schema-form-field.mu-schema-form-field-error mu-dropdown,.mu-schema-form-field.mu-schema-form-field-error mu-textarea{--md-sys-color-outline:var(--md-sys-color-error)}.mu-schema-form-description{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-top:2px}.mu-schema-form-error{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-error);margin-top:2px}.mu-schema-form-switch-row{display:flex;align-items:center;gap:12px}.mu-schema-form-switch-label{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface)}.mu-schema-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--md-sys-color-outline-variant)}.mu-schema-form-actions mu-button{flex:0 0 auto}.mu-schema-form-empty-state{padding:24px;text-align:center;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium)}mu-prompt-input{display:block;font-family:var(--md-sys-typescale-font)}.mu-prompt-input-container{display:flex;gap:8px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:12px 16px;transition:border-color 0.2s var(--md-sys-motion-easing-standard)}.mu-prompt-input-container:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.mu-prompt-input-loading{opacity:0.7;pointer-events:none}.mu-prompt-input-field{flex:1;border:none;background:transparent;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);font-family:inherit;resize:none;outline:none;min-height:24px}textarea.mu-prompt-input-field{min-height:80px}.mu-prompt-input-field::placeholder{color:var(--md-sys-color-on-surface-variant)}.mu-prompt-input-submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;transition:background 0.2s,transform 0.1s;flex-shrink:0;align-self:flex-end}.mu-prompt-input-submit:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mu-prompt-input-submit:active:not(:disabled){transform:scale(0.95)}.mu-prompt-input-submit:disabled{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.mu-prompt-input-submit svg{width:20px;height:20px}.mu-prompt-input-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:mu-prompt-spin 0.8s linear infinite}@keyframes mu-prompt-spin{to{transform:rotate(360deg)}}mu-code-block{display:block;margin:12px 0;font-family:'SF Mono','Monaco','Consolas',monospace}.mu-code-block-container{background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden}.mu-code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant)}.mu-code-block-language{font-size:12px;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;font-weight:500}.mu-code-block-filename{font-size:12px;color:var(--md-sys-color-on-surface)}.mu-code-block-copy-btn{font-size:12px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:var(--md-sys-color-primary);cursor:pointer;transition:background 0.2s}.mu-code-block-copy-btn:hover{background:var(--md-sys-color-primary-container)}.mu-code-block-pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.5;color:var(--md-sys-color-on-surface)}.mu-code-block-pre code{font-family:inherit}mu-agent-toolbar{display:flex;gap:4px;margin-top:8px}.mu-agent-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:16px;opacity:0.6;transition:opacity 0.2s,background 0.2s}.mu-agent-toolbar-btn:hover{opacity:1;background:var(--md-sys-color-surface-container-high)}.mu-agent-toolbar-btn:active{transform:scale(0.95)}mu-message-bubble{display:block;margin:16px 0;font-family:var(--md-sys-typescale-font)}.mu-message-bubble-message{display:flex;gap:12px}.mu-message-bubble-message.mu-message-bubble-user{flex-direction:row-reverse}.mu-message-bubble-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mu-message-bubble-avatar.mu-message-bubble-user{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.mu-message-bubble-avatar.mu-message-bubble-assistant{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mu-message-bubble-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mu-message-bubble-content{flex:1;max-width:80%}.mu-message-bubble-header{display:flex;gap:8px;align-items:center;margin-bottom:4px}.mu-message-bubble-header.mu-message-bubble-user{flex-direction:row-reverse}.mu-message-bubble-name{font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;color:var(--md-sys-color-on-surface)}.mu-message-bubble-timestamp{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.mu-message-bubble-bubble{padding:12px 16px;line-height:1.5}.mu-message-bubble-bubble.mu-message-bubble-user{border-radius:16px 16px 4px 16px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.mu-message-bubble-bubble.mu-message-bubble-assistant{border-radius:16px 16px 16px 4px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}mu-example{content-visibility:auto;contain-intrinsic-size:auto 300px}mu-modal,mu-confirm,dialog.mu-modal__dialog,dialog.mu-confirm__dialog{contain:layout style paint}