microui-wc 0.1.0

package/dist/routes/confirms.js

@@ -0,0 +1,10 @@
+import{c as o}from"./chunk-q3f2aeqe.js";import"./chunk-rw15y9zh.js";import"./chunk-1khyr3v1.js";import"./chunk-nv3bddmj.js";import"./chunk-z960rexd.js";import{i as r}from"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{k as a}from"./chunk-5qah04bh.js";class c extends o{static baseClass="mu-confirm";static cssFile="dialog";static observedAttributes=["title","message","confirm-text","cancel-text","variant","open","size"];#t=null;connectedCallback(){if(!this.hasAttribute("data-rendered"))this.setAttribute("data-rendered","true");Object.getPrototypeOf(o.prototype).connectedCallback.call(this)}render(){if(this.querySelector("dialog"))return;let t=r(this.attr("title","Confirm")),i=r(this.attr("message","Are you sure?")),e=r(this.attr("confirm-text","Confirm")),s=r(this.attr("cancel-text","Cancel")),n=this.attr("variant","primary")==="danger"?"danger":"filled";this.innerHTML=`
+            <dialog class="mu-confirm__dialog">
+                <h3 class="mu-confirm__title">${t}</h3>
+                <p class="mu-confirm__message">${i}</p>
+                <div class="mu-confirm__actions">
+                    <mu-button variant="text" data-action="cancel">${s}</mu-button>
+                    <mu-button variant="${n}" data-action="confirm">${e}</mu-button>
+                </div>
+            </dialog>
+        `,this.#t=this.querySelector("dialog"),this.#e()}handleAction(t,i,e){if(t==="cancel")this.cancel();else if(t==="confirm")this.confirm()}#e(){if(this.#t=this.querySelector("dialog"),!this.#t)return;this.listen(this.#t,"close",()=>{this.removeAttribute("open"),this.classList.remove("is-open","is-visible"),document.body.style.overflow=""}),this.listen(this.#t,"cancel",(t)=>{t.preventDefault(),this.cancel()}),this.listen(this.#t,"click",(t)=>{if(t.target===this.#t)this.cancel()})}update(t,i,e){if(t==="open"){if(i!==null)this.#i()}}#i(){if(!this.#t||this.#t.open)return;this.classList.add("is-open"),this.#t.showModal(),document.body.style.overflow="hidden";let t=this.querySelector(".mu-confirm__confirm");if(t)requestAnimationFrame(()=>{requestAnimationFrame(()=>t.focus())});requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.classList.add("is-visible")})})}open(){this.setAttribute("open","")}close(){if(!this.#t)return;this.classList.remove("is-visible");let t=!1,i=()=>{if(t)return;if(t=!0,this.#t&&this.#t.open)this.#t.close();this.removeAttribute("open"),this.classList.remove("is-open"),document.body.style.overflow=""},e=this.#t,s=(n)=>{if(n.target===e)e.removeEventListener("transitionend",s),i()};e.addEventListener("transitionend",s),this.setTimeout(()=>{e.removeEventListener("transitionend",s),i()},200)}confirm(){this.close(),this.emit("mu-confirm")}cancel(){this.close(),this.emit("mu-cancel")}}a("mu-confirm",c);

package/dist/routes/datatables.js

@@ -0,0 +1,96 @@
+import{a as p}from"./chunk-19wgcncm.js";import"./chunk-1khyr3v1.js";import"./chunk-z960rexd.js";import{i as o}from"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as _}from"./chunk-5qah04bh.js";class m extends _{static get observedAttributes(){return["columns","page-size","sortable","selectable","filterable","empty-message"]}static baseClass="mu-datatable";static cssFile="datatable";constructor(){super();this._data=[],this._filteredData=[],this._columns=[],this._currentPage=1,this._sortField=null,this._sortDirection="asc",this._selectedRows=new Set,this._filterValue=""}get columns(){let t=this.getAttribute("columns");if(t)try{return JSON.parse(t)}catch(a){return console.warn("[mu-datatable] Invalid columns JSON:",a),[]}return this._columns}set columns(t){if(this._columns=Array.isArray(t)?t:[],this.isConnected)this.render()}get pageSize(){return parseInt(this.getAttribute("page-size"))||10}set pageSize(t){this.setAttribute("page-size",t)}get sortable(){return this.hasAttribute("sortable")}get selectable(){return this.hasAttribute("selectable")}get filterable(){return this.hasAttribute("filterable")}get emptyMessage(){return this.getAttribute("empty-message")||"No data available"}connectedCallback(){super.connectedCallback(),this.render()}attributeChangedCallback(t,a,e){if(this.isConnected&&a!==e)this.render()}setData(t){this._data=Array.isArray(t)?t:[],this._filteredData=[...this._data],this._currentPage=1,this._selectedRows.clear(),this._applySort(),this.render(),this.emit("mu-data-change",{data:this._data,count:this._data.length},{bubbles:!0})}getData(){return[...this._data]}getSortState(){return{field:this._sortField,direction:this._sortDirection}}getSelectedRows(){return this._data.filter((t,a)=>this._selectedRows.has(a))}getPageInfo(){let t=Math.ceil(this._filteredData.length/this.pageSize);return{page:this._currentPage,pageSize:this.pageSize,totalPages:t,totalRows:this._filteredData.length}}goToPage(t){let a=Math.ceil(this._filteredData.length/this.pageSize)||1;this._currentPage=Math.max(1,Math.min(t,a)),this.render(),this.emit("mu-page-change",this.getPageInfo(),{bubbles:!0})}sortBy(t,a){if(this._sortField===t&&!a)this._sortDirection=this._sortDirection==="asc"?"desc":"asc";else this._sortField=t,this._sortDirection=a||"asc";this._applySort(),this.render(),this.emit("mu-sort-change",this.getSortState(),{bubbles:!0})}filter(t){this._filterValue=t.toLowerCase(),this._applyFilter(),this._currentPage=1,this.render(!1)}_applySort(){if(!this._sortField)return;this._filteredData.sort((t,a)=>{let e=t[this._sortField]??"",s=a[this._sortField]??"";if(typeof e==="number"&&typeof s==="number")return this._sortDirection==="asc"?e-s:s-e;let i=String(e).toLowerCase(),r=String(s).toLowerCase(),l=i.localeCompare(r);return this._sortDirection==="asc"?l:-l})}_applyFilter(){if(!this._filterValue){this._filteredData=[...this._data];return}let t=this.columns.filter((e)=>e.filterable!==!1),a=t.length>0?t.map((e)=>e.field):this.columns.map((e)=>e.field);this._filteredData=this._data.filter((e)=>{return a.some((s)=>{return String(e[s]??"").toLowerCase().includes(this._filterValue)})})}_getPageData(){let t=(this._currentPage-1)*this.pageSize,a=t+this.pageSize;return this._filteredData.slice(t,a)}_handleHeaderClick(t){if(this.columns.find((a)=>a.field===t)?.sortable!==!1&&this.sortable)this.sortBy(t)}_handleRowSelect(t,a){let e=(this._currentPage-1)*this.pageSize+t;if(a)this._selectedRows.add(e);else this._selectedRows.delete(e);this.render(),this.emit("mu-selection-change",{selected:this.getSelectedRows()},{bubbles:!0})}_handleSelectAll(t){let a=this._getPageData(),e=(this._currentPage-1)*this.pageSize;a.forEach((s,i)=>{if(t)this._selectedRows.add(e+i);else this._selectedRows.delete(e+i)}),this.render(),this.emit("mu-selection-change",{selected:this.getSelectedRows()},{bubbles:!0})}render(t=!0){let a=this.columns,e=this._getPageData(),{page:s,totalPages:i,totalRows:r}=this.getPageInfo(),l=(this._currentPage-1)*this.pageSize,d=e.length>0&&e.every((n,c)=>this._selectedRows.has(l+c)),h=this.querySelector(".mu-datatable-table tbody"),u=this.querySelector(".mu-datatable-info"),g=this.querySelector(".mu-datatable-pagination");if(!t&&h){if(h.innerHTML=this._renderTbody(e,a,l,d),u)u.innerHTML=`${r} row${r!==1?"s":""}${this._selectedRows.size>0?` · ${this._selectedRows.size} selected`:""}`;if(g)g.innerHTML=this._renderPaginationContent(s,i,r);else if(i>1){let n=this.querySelector(".mu-datatable-wrapper");if(n)n.insertAdjacentHTML("beforeend",this._renderPagination(s,i,r))}this._attachEventListeners();return}this.innerHTML=`
+            <div class="mu-datatable-wrapper">
+                ${this.filterable?`
+                    <div class="mu-datatable-toolbar">
+                        <div class="mu-datatable-search">
+                            <input 
+                                type="search" 
+                                placeholder="Search..." 
+                                value="${o(this._filterValue)}"
+                            >
+                        </div>
+                        <div class="mu-datatable-info">
+                            ${r} row${r!==1?"s":""}
+                            ${this._selectedRows.size>0?` · ${this._selectedRows.size} selected`:""}
+                        </div>
+                    </div>
+                `:""}
+
+                <table class="mu-datatable-table">
+                    <thead>
+                        <tr>
+                            ${this.selectable?`
+                                <th class="mu-datatable-checkbox-cell">
+                                    <input 
+                                        type="checkbox" 
+                                        ${d?"checked":""}
+                                        data-select-all
+                                    >
+                                </th>
+                            `:""}
+                            ${a.map((n)=>{let c=n.sortable!==!1&&this.sortable,b=this._sortField===n.field,f=b?this._sortDirection==="asc"?"↑":"↓":"↕";return`
+                                    <th 
+                                        class="${c?"mu-datatable-sortable":""} ${b?"mu-datatable-sorted":""}"
+                                        data-field="${o(n.field)}"
+                                    >
+                                        ${o(n.label||n.field)}
+                                        ${c?`<span class="mu-datatable-sort-icon">${f}</span>`:""}
+                                    </th>
+                                `}).join("")}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        ${this._renderTbody(e,a,l,d)}
+                    </tbody>
+                </table>
+
+                ${this._renderPagination(s,i,r)}
+            </div>
+        `,this._attachEventListeners()}_renderTbody(t,a,e,s){if(t.length===0)return`
+                <tr>
+                    <td colspan="${a.length+(this.selectable?1:0)}" class="mu-datatable-empty-state">
+                        ${o(this.emptyMessage)}
+                    </td>
+                </tr>
+            `;return t.map((i,r)=>{let l=e+r,d=this._selectedRows.has(l);return`
+                <tr class="${d?"mu-datatable-selected":""}" data-row-index="${r}">
+                    ${this.selectable?`
+                        <td class="mu-datatable-checkbox-cell">
+                            <input 
+                                type="checkbox" 
+                                ${d?"checked":""}
+                                data-row-select="${r}"
+                            >
+                        </td>
+                    `:""}
+                    ${a.map((h)=>`
+                        <td data-field="${o(h.field)}">
+                            ${h.render?h.render(i[h.field],i):o(i[h.field]??"")}
+                        </td>
+                    `).join("")}
+                </tr>
+            `}).join("")}_renderPagination(t,a,e){if(a<=1)return"";return`
+            <div class="mu-datatable-pagination">
+                ${this._renderPaginationContent(t,a,e)}
+            </div>
+        `}_renderPaginationContent(t,a,e){return`
+            <div class="mu-datatable-pagination-info">
+                Showing ${(t-1)*this.pageSize+1}–${Math.min(t*this.pageSize,e)} of ${e}
+            </div>
+            <div class="mu-datatable-pagination-controls">
+                <button class="mu-datatable-pagination-btn" data-page="prev" ${t<=1?"disabled":""}>
+                    ←
+                </button>
+                ${this._getPaginationButtons(t,a)}
+                <button class="mu-datatable-pagination-btn" data-page="next" ${t>=a?"disabled":""}>
+                    →
+                </button>
+            </div>
+        `}_getPaginationButtons(t,a){let e=[],s=5,i=Math.max(1,t-Math.floor(2.5)),r=Math.min(a,i+5-1);if(r-i<4)i=Math.max(1,r-5+1);for(let l=i;l<=r;l++)e.push(`
+                <button 
+                    class="mu-datatable-pagination-btn ${l===t?"mu-datatable-pagination-btn-active":""}"
+                    data-page="${l}"
+                >
+                    ${l}
+                </button>
+            `);return e.join("")}_attachEventListeners(){this.querySelectorAll("th.mu-datatable-sortable").forEach((e)=>{this.listen(e,"click",()=>{this._handleHeaderClick(e.dataset.field)})}),this.querySelectorAll(".mu-datatable-pagination-btn[data-page]").forEach((e)=>{this.listen(e,"click",()=>{let s=e.dataset.page;if(s==="prev")this.goToPage(this._currentPage-1);else if(s==="next")this.goToPage(this._currentPage+1);else this.goToPage(parseInt(s))})}),this.querySelectorAll("[data-row-select]").forEach((e)=>{this.listen(e,"change",(s)=>{this._handleRowSelect(parseInt(e.dataset.rowSelect),s.target.checked)})});let t=this.querySelector("[data-select-all]");if(t)this.listen(t,"change",(e)=>{this._handleSelectAll(e.target.checked)});let a=this.querySelector(".mu-datatable-search input");if(a){let e=p((s)=>this.filter(s),300);this.listen(a,"input",(s)=>e(s.target.value))}}}if(!customElements.get("mu-datatable"))customElements.define("mu-datatable",m);

package/dist/routes/dividers.js

@@ -0,0 +1 @@
+import"./chunk-sfb7x11v.js";import"./chunk-qxxa8trk.js";import"./chunk-rw15y9zh.js";import"./chunk-1khyr3v1.js";import"./chunk-nv3bddmj.js";import"./chunk-z960rexd.js";import"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as s,k as e}from"./chunk-5qah04bh.js";class r extends s{static baseClass="mu-divider";static cssFile="divider";static observedAttributes=["vertical","inset"];render(){let i=this.has("vertical"),t=this.has("inset");if(this.style.display="block",this.style.background="var(--md-sys-color-outline-variant)",this.style.flexShrink="0",i)this.style.width="1px",this.style.minHeight="24px",this.style.margin=t?"0 8px":"0";else this.style.height="1px",this.style.width="100%",this.style.margin=t?"0 16px":"0"}update(i,t,a){this.render()}}e("mu-divider",r);

package/dist/routes/dropdowns.js

@@ -0,0 +1,6 @@
+import"./chunk-z960rexd.js";import{i as n}from"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as l,k as a}from"./chunk-5qah04bh.js";class h extends l{static baseClass="mu-dropdown";static cssFile="input";static observedAttributes=["placeholder","value","disabled"];#t=null;#e=null;#i=[];connectedCallback(){super.connectedCallback(),this.listen(window,"scroll",()=>this.#s(),{capture:!0,passive:!0}),this.listen(window,"resize",()=>this.#s(),{passive:!0})}disconnectedCallback(){super.disconnectedCallback(),this.#t?.remove()}render(){if(this.querySelector(".mu-dropdown__trigger")&&this.#t)return;requestAnimationFrame(()=>this.#o())}#o(){if(this.querySelector(".mu-dropdown__trigger")&&this.#t)return;let t=this.getAttribute("placeholder")||"Select",i=this.querySelectorAll("mu-option");this.#i=Array.from(i).map((e)=>({value:e.getAttribute("value")||e.textContent.trim(),label:e.textContent.trim()})),this.#e=document.createElement("button"),this.#e.className="mu-dropdown__trigger",this.#e.type="button";let r=n(t),s=`mu-dropdown-menu-${Math.random().toString(36).slice(2,9)}`;this.#e.setAttribute("aria-haspopup","listbox"),this.#e.setAttribute("aria-expanded","false"),this.#e.setAttribute("aria-label",r),this.#e.setAttribute("popovertarget",s),this.#e.innerHTML=`
+            <span class="mu-dropdown__value">${r}</span>
+            <svg class="mu-dropdown__arrow" width="10" height="6" viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.5">
+                <path d="M1 1l4 4 4-4"/>
+            </svg>
+        `,this.listen(this.#e,"keydown",(e)=>{if(!this.hasAttribute("disabled")){if(e.key==="ArrowDown"||e.key==="Enter"||e.key===" ")e.preventDefault(),this.open()}}),this.innerHTML="",this.appendChild(this.#e),this.#t=document.createElement("div"),this.#t.id=s,this.#t.className="mu-dropdown__menu",this.#t.setAttribute("popover","auto"),this.#t.setAttribute("role","listbox"),this.#t.tabIndex=-1,this.listen(this.#t,"toggle",(e)=>{if(e.newState==="open")this.classList.add("is-open"),this.#e?.setAttribute("aria-expanded","true"),this.#s(),requestAnimationFrame(()=>{let o=this.getAttribute("value");(o?this.#t.querySelector(`[data-value="${o}"]`):this.#t.firstChild)?.focus()});else this.classList.remove("is-open"),this.#e?.setAttribute("aria-expanded","false")}),this.listen(this.#t,"keydown",(e)=>this.#r(e)),this.#i.forEach((e)=>{let o=document.createElement("div");o.className="mu-dropdown__option",o.setAttribute("data-value",e.value),o.textContent=e.label,o.setAttribute("role","option"),o.tabIndex=-1,this.listen(o,"click",()=>this.select(e.value,e.label)),this.#t.appendChild(o)}),this.appendChild(this.#t)}#r(t){let i=Array.from(this.#t.querySelectorAll(".mu-dropdown__option")),r=document.activeElement,s=i.indexOf(r);if(t.key==="ArrowDown")t.preventDefault(),(i[s+1]||i[0])?.focus();else if(t.key==="ArrowUp")t.preventDefault(),(i[s-1]||i[i.length-1])?.focus();else if(t.key==="Enter"||t.key===" "){if(t.preventDefault(),s>=0){let e=this.#i[s];this.select(e.value,e.label)}}else if(t.key==="Escape")t.preventDefault(),this.close(),this.#e?.focus()}#s(){if(!this.#t||!this.#e)return;let t=this.#e.getBoundingClientRect(),i=this.#t.scrollHeight||200,r=window.innerHeight-t.bottom-8<i&&t.top>i?t.top-i-4:t.bottom+4;Object.assign(this.#t.style,{position:"fixed",margin:"0",top:`${r}px`,left:`${t.left}px`,width:`${t.width}px`,minWidth:"160px",maxHeight:"280px"})}toggle(){if(this.#t?.matches(":popover-open"))this.close();else this.open()}open(){if(this.hasAttribute("disabled")||!this.#t)return;this.#t.showPopover()}close(){if(this.#t?.matches(":popover-open"))this.#t.hidePopover()}select(t,i){let r=this.querySelector(".mu-dropdown__value");if(r)r.textContent=i;this.setAttribute("value",t),this.#t?.querySelectorAll(".mu-dropdown__option").forEach((s)=>s.classList.toggle("is-active",s.getAttribute("data-value")===t)),this.emit("mu-select",{value:t,label:i}),this.close()}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}}class u extends l{static baseClass="mu-dropdown__option";connectedCallback(){super.connectedCallback(),this.setAttribute("role","option")}render(){}}a("mu-dropdown",h);a("mu-option",u);

package/dist/routes/enterprise.js

@@ -0,0 +1,15 @@
+import"./chunk-1khyr3v1.js";import"./chunk-z960rexd.js";import{i as m}from"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as n,k as o}from"./chunk-5qah04bh.js";class p extends n{static baseClass="mu-router";static observedAttributes=["base","default"];#e=new Map;#t=null;connectedCallback(){super.connectedCallback(),this.listen(window,"hashchange",()=>this.#s()),this.#s()}render(){this.innerHTML='<div class="mu-router__content"></div>'}get#r(){return this.attr("base","/app/pages")}get#i(){return this.attr("default","home")}get#a(){return this.querySelector(".mu-router__content")}async#s(){let e=window.location.hash.slice(1)||this.#i;if(e===this.#t)return;this.#t=e,this.emit("mu-route-change",{route:e}),await this.#n(e)}async#n(e){let t=this.#a;if(!t)return;t.innerHTML="<mu-spinner></mu-spinner>";try{if(this.#e.has(e)){t.innerHTML=this.#e.get(e),this.emit("mu-page-loaded",{route:e});return}let r=`${this.#r}/${e}.html`,s=await fetch(r);if(!s.ok)throw Error(`Page not found: ${e}`);let a=await s.text(),i=new DOMParser().parseFromString(a,"text/html").querySelector("mu-page");if(i){let l=i.querySelector("template"),c=l?l.innerHTML:i.innerHTML;this.#e.set(e,c),t.innerHTML=c;let d=i.querySelector('script[type="x-dependencies"]');if(d)await this.#o(d.textContent);let u=i.getAttribute("title");if(u)document.title=`${u} | microUI`}else t.innerHTML=a;this.emit("mu-page-loaded",{route:e})}catch(r){t.innerHTML=`
+        <mu-alert variant="error">
+          <strong>Page not found</strong>
+          <p>Could not load page: ${m(e)}</p>
+        </mu-alert>
+      `,this.emit("mu-page-error",{route:e,error:r})}}async#o(e){let t=e.split(/[\n,]/).map((r)=>r.trim()).filter((r)=>r&&r.startsWith("mu-"));for(let r of t){if(customElements.get(r))continue;try{await import(`/dist/components/${r}.js`)}catch(s){console.warn(`[mu-router] Could not load: ${r}`,s)}}}navigate(e){window.location.hash=e}get currentRoute(){return this.#t}}o("mu-router",p);class f extends n{static baseClass="mu-page";static observedAttributes=["route","title"];get route(){return this.attr("route","")}get pageTitle(){return this.attr("title","")}get dependencies(){let e=this.querySelector('script[type="x-dependencies"]');if(!e)return[];return e.textContent.split(/[\n,]/).map((t)=>t.trim()).filter((t)=>t&&t.startsWith("mu-"))}connectedCallback(){if(super.connectedCallback(),this.querySelector("template"))this.render()}render(){let e=this.querySelector("template");if(e){let t=e.content.cloneNode(!0),r=this.querySelector('script[type="x-dependencies"]');if(this.innerHTML="",r)this.appendChild(r);this.appendChild(t)}}}o("mu-page",f);var h=[];class g extends n{static baseClass="mu-error-boundary";static observedAttributes=["fallback"];#e=!1;#t=null;#r="";connectedCallback(){super.connectedCallback(),this.#r=this.innerHTML,this.listen(this,"error",this.#s.bind(this)),this.#i()}#i(){let e=window.onerror;window.onerror=(t,r,s,a,i)=>{if(this.#a(i))return this.#s({detail:{error:i,message:t}}),!0;if(e)return e(t,r,s,a,i);return!1}}#a(e){if(!e?.stack)return!1;return Array.from(this.querySelectorAll("*")).filter((t)=>t.tagName.startsWith("MU-")).map((t)=>t.tagName.toLowerCase()).some((t)=>e.stack.includes(t))}#s(e){let t=e?.detail?.error||e?.error||e;if(this.#e)return;if(this.#e=!0,this.#t=t,h.push({timestamp:Date.now(),component:this.id||"mu-error-boundary",error:{message:t?.message||String(t),stack:t?.stack,name:t?.name},context:{originalContent:this.#r.slice(0,200),parentUrl:window.location.href}}),h.length>50)h.shift();this.#n(),this.emit("mu-error",{error:t,boundary:this,recover:()=>this.recover()}),e?.stopPropagation?.()}#n(){let e=this.getAttribute("fallback");if(e)this.innerHTML=e;else this.innerHTML=`
+                <div class="mu-error-boundary__fallback" role="alert" aria-live="polite">
+                    <mu-icon name="error" style="--mu-icon-size: 48px; color: var(--md-sys-color-error);"></mu-icon>
+                    <p class="mu-error-boundary__title">Something went wrong</p>
+                    <p class="mu-error-boundary__message">${this.#t?.message||"An unexpected error occurred"}</p>
+                    <mu-button variant="outlined" onclick="this.closest('mu-error-boundary').recover()">
+                        Try Again
+                    </mu-button>
+                </div>
+            `;this.classList.add("has-error")}render(){this.style.display="block"}recover(){this.#e=!1,this.#t=null,this.classList.remove("has-error"),this.innerHTML=this.#r,this.emit("mu-recover")}get hasError(){return this.#e}get error(){return this.#t}}o("mu-error-boundary",g);class b extends n{static baseClass="mu-fetch";static observedAttributes=["url","method","auto","interval"];state="idle";data=null;error=null;_controller=null;_intervalId=null;connectedCallback(){if(this._loadingTemplate=this.querySelector('template[slot="loading"]')?.innerHTML||"<mu-spinner></mu-spinner>",this._errorTemplate=this.querySelector('template[slot="error"]')?.innerHTML||'<mu-alert variant="error">Error loading data</mu-alert>',this._emptyTemplate=this.querySelector('template[slot="empty"]')?.innerHTML||"<p>No data</p>",super.connectedCallback(),this.has("auto")||this.hasAttribute("url"))this.fetch();let e=parseInt(this.attr("interval","0"));if(e>0)this.setInterval(()=>this.fetch(),e)}render(){switch(this.innerHTML="",this.state){case"loading":let e=document.createElement("div");e.className="mu-fetch__loading",e.innerHTML=this._loadingTemplate,this.appendChild(e);break;case"error":let t=document.createElement("div");t.className="mu-fetch__error";let r=this.error?.message||"Unknown error";if(this._errorTemplate&&this._errorTemplate.includes("${error}"))t.textContent=`Error: ${r}`;else{let s=document.createElement("mu-alert");s.setAttribute("variant","error"),s.textContent=r,t.appendChild(s)}this.appendChild(t);break;case"success":if(!this.data||Array.isArray(this.data)&&this.data.length===0){let s=document.createElement("div");s.className="mu-fetch__empty",s.innerHTML=this._emptyTemplate,this.appendChild(s)}else{let s=document.createElement("div");if(s.className="mu-fetch__data",this.renderItem&&Array.isArray(this.data))this.data.forEach((a)=>{let i=this.renderItem(a);if(i instanceof Node)s.appendChild(i);else{let l=document.createElement("div");l.innerHTML=i,s.insertAdjacentHTML("beforeend",i)}});else{let a=document.createElement("slot");a.name="data",s.appendChild(a),this.emit("mu-data",{data:this.data})}this.appendChild(s)}break}}async fetch(e={}){let t=this.attr("url","");if(!t)return console.warn("mu-fetch: No URL provided"),null;if(this._controller)this._controller.abort();this._controller=new AbortController,this.state="loading",this.error=null,this.render(),this.emit("mu-loading");try{let r=this.attr("method","GET"),s=await fetch(t,{method:r,signal:this._controller.signal,headers:{"Content-Type":"application/json",...e.headers},...e});if(!s.ok){let a=`HTTP ${s.status}: ${s.statusText}`;try{let i=await s.json();if(i.message)a=i.message}catch(i){}throw Error(a)}return this.data=await s.json(),this.state="success",this.render(),this.emit("mu-success",{data:this.data}),this.data}catch(r){if(r.name==="AbortError")return null;return this.error=r,this.state="error",this.render(),this.emit("mu-error",{error:this.error}),null}}refetch(){return this.fetch()}set renderItem(e){this._renderItem=e}get renderItem(){return this._renderItem}update(e,t,r){if(e==="url"&&t!==r)this.fetch()}disconnectedCallback(){if(super.disconnectedCallback(),this._controller)this._controller.abort()}}o("mu-fetch",b);class y extends n{static baseClass="mu-lazy";static observedAttributes=["root-margin","threshold"];#e=null;#t=!1;connectedCallback(){super.connectedCallback();let e=this.attr("root-margin","200px"),t=parseFloat(this.attr("threshold","0"));this.#e=new IntersectionObserver((r)=>{if(r[0].isIntersecting&&!this.#t)this.#r()},{rootMargin:e,threshold:t}),this.#e.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.#e?.disconnect()}render(){let e=this.querySelector('[slot="placeholder"]');if(e)e.style.display="block";let t=this.querySelector("template");if(t)t.style.display="none"}#r(){this.#t=!0,this.#e?.disconnect();let e=this.querySelector("template"),t=this.querySelector('[slot="placeholder"]');if(e){let r=e.content.cloneNode(!0);this.appendChild(r),e.remove()}if(t)t.remove();this.emit("mu-loaded"),this.classList.add("is-loaded")}load(){if(!this.#t)this.#r()}}o("mu-lazy",y);

package/dist/routes/home.js

@@ -0,0 +1 @@
+import"./chunk-sfb7x11v.js";import"./chunk-qxxa8trk.js";import"./chunk-e86zbeta.js";import"./chunk-5qah04bh.js";

package/dist/routes/icons.js

@@ -0,0 +1 @@
+import"./chunk-4rhxe97g.js";import"./chunk-sfb7x11v.js";import"./chunk-z960rexd.js";import"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import"./chunk-5qah04bh.js";

package/dist/routes/inputs.js

@@ -0,0 +1,22 @@
+import"./chunk-1khyr3v1.js";import"./chunk-z960rexd.js";import{i as e}from"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as l,k as r}from"./chunk-5qah04bh.js";class n extends l{static baseClass="mu-input";static cssFile="input";static observedAttributes=["type","placeholder","value","disabled","variant","size","label"];#t=null;render(){if(this.querySelector(".mu-input__field")){this.#t=this.querySelector("input"),this.#s();return}let t=this.attr("type","text"),s=this.attr("placeholder",""),a=this.attr("label",""),h=this.attr("value",""),i=a||s,p=!i;if(!i&&!this.getAttribute("aria-label"))this.logError("A11Y_MISSING_LABEL","Input must have a label or aria-label attribute.");let u=this.id||`mu-input-${Math.random().toString(36).substring(2,9)}`,o=e(i),d=e(s),c=e(h);this.innerHTML=`
+            ${o?`<label class="mu-input__label" for="${u}">${o}</label>`:""}
+            <input 
+                class="mu-input__field"
+                id="${u}"
+                type="${t}"
+                ${p?`placeholder="${d}"`:""}
+                ${!o?`aria-label="${d||"Text input"}"`:""}
+                value="${c}"
+                ${this.has("disabled")?"disabled":""}
+            />
+        `,this.#t=this.querySelector("input"),this.#s(),this.#e(),this.listen(this.#t,"input",(b)=>{this.#e(),this.emit("mu-input",{value:b.target.value})}),this.listen(this.#t,"focus",()=>{this.emit("mu-focus")}),this.listen(this.#t,"blur",()=>{this.emit("mu-blur")})}#e(){if(this.#t?.value)this.classList.add("has-value");else this.classList.remove("has-value")}update(t,s,a){if(!this.#t)return;switch(t){case"value":this.#t.value=s??"";break;case"placeholder":this.#t.placeholder=s??"";break;case"type":this.#t.type=s??"text";break;case"disabled":this.#t.disabled=this.has("disabled");break}this.#s()}#s(){let t=this.attr("variant","outlined"),s=this.attr("size","md");if(this.className=`mu-input mu-input--${t} mu-input--${s}`,this.has("disabled"))this.classList.add("is-disabled")}get value(){return this.#t?.value??""}set value(t){if(this.#t)this.#t.value=t}focus(){this.#t?.focus()}}r("mu-input",n);class m extends l{static baseClass="mu-textarea";static cssFile="input";static observedAttributes=["placeholder","rows","disabled","readonly","name"];#t=null;render(){if(!this.querySelector(".mu-textarea__field")){let t=e(this.attr("placeholder","")),s=this.attr("rows","4"),a=this.has("disabled")?"disabled":"",h=this.has("readonly")?"readonly":"",i=e(this.attr("name",""));this.innerHTML=`
+                <textarea 
+                    class="mu-textarea__field"
+                    placeholder="${t}"
+                    aria-label="${t||"Text area"}"
+                    rows="${s}"
+                    name="${i}"
+                    ${a}
+                    ${h}
+                ></textarea>
+            `,this.style.display="block",this.style.position="relative"}this.#t=this.querySelector("textarea"),this.#t.style.width="100%",this.#t.style.padding="12px 16px",this.#t.style.fontSize="var(--md-sys-typescale-body-large-size, 16px)",this.#t.style.fontFamily="inherit",this.#t.style.border="1px solid var(--md-sys-color-outline)",this.#t.style.borderRadius="var(--md-sys-shape-corner-small, 4px)",this.#t.style.background="var(--md-sys-color-surface)",this.#t.style.color="var(--md-sys-color-on-surface)",this.#t.style.resize="vertical",this.#t.style.transition="border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)",this.#t.style.outline="none",this.#t.style.boxSizing="border-box",this.listen(this.#t,"focus",()=>{this.#t.style.borderColor="var(--md-sys-color-primary)",this.#t.style.boxShadow="inset 0 0 0 1px var(--md-sys-color-primary)"}),this.listen(this.#t,"blur",()=>{this.#t.style.borderColor="var(--md-sys-color-outline)",this.#t.style.boxShadow="none"}),this.listen(this.#t,"input",(t)=>{this.emit("mu-input",{value:t.target.value})}),this.listen(this.#t,"change",(t)=>{this.emit("mu-change",{value:t.target.value})})}get value(){return this.#t?.value||""}set value(t){if(this.#t)this.#t.value=t}focus(){this.#t?.focus()}}r("mu-textarea",m);

package/dist/routes/installation.js

@@ -0,0 +1 @@
+import"./chunk-qxxa8trk.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import"./chunk-5qah04bh.js";

package/dist/routes/layout.js

@@ -0,0 +1 @@
+import"./chunk-4rhxe97g.js";import"./chunk-qxxa8trk.js";import"./chunk-z960rexd.js";import"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import"./chunk-5qah04bh.js";

package/dist/routes/modals.js

@@ -0,0 +1 @@
+import"./chunk-q3f2aeqe.js";import"./chunk-mhvcs2f8.js";import"./chunk-sfb7x11v.js";import"./chunk-qxxa8trk.js";import"./chunk-rw15y9zh.js";import"./chunk-nv3bddmj.js";import"./chunk-z960rexd.js";import"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import"./chunk-5qah04bh.js";

package/dist/routes/navbar.js

@@ -0,0 +1 @@
+import"./chunk-hwj7pfwp.js";import"./chunk-z960rexd.js";import"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-5qah04bh.js";

package/dist/routes/page-components.json

@@ -0,0 +1,316 @@
+{
+  "toasts": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-button",
+    "mu-card",
+    "mu-stack",
+    "mu-icon",
+    "mu-alert",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "buttons": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-button",
+    "mu-stack",
+    "mu-card",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "navbar": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-navbar",
+    "mu-navbar-brand",
+    "mu-navbar-links",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-navbar-actions",
+    "mu-button"
+  ],
+  "radios": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-radio-group",
+    "mu-stack",
+    "mu-radio",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "badges": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-badge",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-stack"
+  ],
+  "home": [
+    "mu-stack",
+    "mu-card",
+    "mu-icon"
+  ],
+  "dividers": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-card",
+    "mu-stack",
+    "mu-icon",
+    "mu-divider",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "progress": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-progress",
+    "mu-card",
+    "mu-icon",
+    "mu-alert",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "tabs": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "layout": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-card",
+    "mu-grid",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-button"
+  ],
+  "virtual-lists": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-virtual-list",
+    "mu-card",
+    "mu-stack",
+    "mu-icon",
+    "mu-alert",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-button"
+  ],
+  "avatars": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-avatar",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "inputs": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-input",
+    "mu-textarea",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-form",
+    "mu-button"
+  ],
+  "skeletons": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-card",
+    "mu-stack",
+    "mu-skeleton",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "checkboxes": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-checkbox",
+    "mu-stack",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-button",
+    "mu-icon",
+    "mu-form"
+  ],
+  "confirms": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-button",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "tables": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-table",
+    "mu-thead",
+    "mu-tr",
+    "mu-th",
+    "mu-tbody",
+    "mu-td",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "switches": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-switch",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-card"
+  ],
+  "chips": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-chip",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "cards": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-card",
+    "mu-stack",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-icon",
+    "mu-button"
+  ],
+  "callouts": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-callout",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "modals": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-button",
+    "mu-modal",
+    "mu-stack",
+    "mu-card",
+    "mu-icon",
+    "mu-alert",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "spinners": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-spinner",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-button"
+  ],
+  "datatables": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-datatable",
+    "mu-stack",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "icons": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-grid",
+    "mu-stack",
+    "mu-icon",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-button"
+  ],
+  "enterprise": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-grid",
+    "mu-card",
+    "mu-stack",
+    "mu-icon",
+    "mu-chip",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-example",
+    "mu-button",
+    "mu-error-boundary",
+    "mu-alert"
+  ],
+  "codeblocks": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-code",
+    "mu-stack",
+    "mu-api-table",
+    "mu-api-row"
+  ],
+  "tooltips": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-tooltip",
+    "mu-button",
+    "mu-stack",
+    "mu-icon",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-card"
+  ],
+  "alerts": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-stack",
+    "mu-alert",
+    "mu-card",
+    "mu-icon",
+    "mu-api-table",
+    "mu-api-row",
+    "mu-input"
+  ],
+  "dropdowns": [
+    "mu-tabs",
+    "mu-tab",
+    "mu-example",
+    "mu-dropdown",
+    "mu-option",
+    "mu-api-table",
+    "mu-api-row"
+  ]
+}

package/dist/routes/progress.js

@@ -0,0 +1 @@
+import"./chunk-mhvcs2f8.js";import"./chunk-sfb7x11v.js";import"./chunk-qxxa8trk.js";import"./chunk-1khyr3v1.js";import"./chunk-z960rexd.js";import"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as e,k as i}from"./chunk-5qah04bh.js";class a extends e{static baseClass="mu-progress";static cssFile="progress";static observedAttributes=["value","max","variant"];#t=null;render(){if(this.querySelector(".mu-progress__bar")){this.#t=this.querySelector(".mu-progress__bar");return}this.innerHTML='<span class="mu-progress__bar"></span>',this.#t=this.querySelector(".mu-progress__bar"),this.setAttribute("role","progressbar"),this.#r(),this.#s()}update(t,r,s){if(t==="value"||t==="max")this.#r();this.#s()}#r(){let t=parseFloat(this.attr("value","0")),r=parseFloat(this.attr("max","100")),s=Math.min(100,Math.max(0,t/r*100));if(this.#t)this.#t.style.width=`${s}%`;this.setAttribute("aria-valuenow",t.toString()),this.setAttribute("aria-valuemax",r.toString())}#s(){let t=this.attr("variant","primary");this.className=`mu-progress mu-progress--${t}`}}i("mu-progress",a);

package/dist/routes/radios.js

@@ -0,0 +1,6 @@
+import{h as d}from"./chunk-nv3bddmj.js";import"./chunk-z960rexd.js";import{i as o}from"./chunk-sxddjs2d.js";import"./chunk-swyhghrm.js";import"./chunk-e86zbeta.js";import{j as a,k as l}from"./chunk-5qah04bh.js";class n extends a{static baseClass="mu-radio-group";static cssFile="radio";static observedAttributes=["name","value"];connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.listen(this,"pointerdown",(e)=>{let t=e.target;while(t&&t.tagName!=="MU-RADIO")t=t.parentElement;if(t&&!t.hasAttribute("disabled"))d(t,e)}),this.listen(this,"click",(e)=>{let t=e.target;while(t&&t.tagName!=="MU-RADIO")t=t.parentElement;if(t&&!t.hasAttribute("disabled"))this.select(t.getAttribute("value"))})}render(){this.style.display="flex",this.style.flexDirection="column",this.style.gap="8px",this.setTimeout(()=>this.#t(),0)}update(e,t,r){if(e==="value")this.#t()}#t(){let e=this.attr("value","");this.querySelectorAll("mu-radio").forEach((t)=>{if(t.attr("value")===e)t.setAttribute("checked","");else t.removeAttribute("checked")})}select(e){this.setAttribute("value",e),this.emit("mu-change",{value:e})}get value(){return this.attr("value","")}set value(e){this.setAttribute("value",e)}}class c extends a{static baseClass="mu-radio";static observedAttributes=["value","checked","disabled","label"];#t="";#e=!1;connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.setupActivation(()=>{let e=this.closest("mu-radio-group");if(e)e.select(this.getAttribute("value"))})}render(){if(!this.#e)this.#t=o(this.attr("label","")||this.textContent.trim()),this.#e=!0;this.innerHTML=`
+            <span class="mu-radio__circle">
+                <span class="mu-radio__dot"></span>
+            </span>
+            <span class="mu-radio__label">${this.#t}</span>
+        `,this.style.display="inline-flex",this.style.alignItems="center",this.style.gap="12px",this.style.cursor=this.has("disabled")?"not-allowed":"pointer",this.style.userSelect="none",this.style.minHeight="48px",this.style.padding="0 4px",this.#s()}update(e,t,r){if(e==="checked"||e==="disabled")this.#s();else if(e==="label"){this.#t=t;let s=this.querySelector(".mu-radio__label");if(s)s.textContent=t}}#s(){let e=this.querySelector(".mu-radio__circle"),t=this.querySelector(".mu-radio__dot"),r=this.querySelector(".mu-radio__label"),s=this.has("checked"),i=this.has("disabled");if(this.style.cursor=i?"not-allowed":"pointer",e)if(e.style.width="20px",e.style.height="20px",e.style.borderRadius="50%",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",e.style.transition="border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)",i)e.style.border="2px solid color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)";else e.style.border=`2px solid ${s?"var(--md-sys-color-primary)":"var(--md-sys-color-outline)"}`;if(t)if(t.style.width="10px",t.style.height="10px",t.style.borderRadius="50%",t.style.transform=s?"scale(0.5)":"scale(0)",t.style.transition="transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)",i)t.style.background="color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)";else t.style.background="var(--md-sys-color-primary)";if(r)r.style.color=i?"color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)":"var(--md-sys-color-on-surface)";this.setAttribute("aria-checked",String(s)),this.setAttribute("aria-disabled",String(i)),this.setAttribute("tabindex",i?"-1":"0")}}l("mu-radio-group",n);l("mu-radio",c);