@muibook/components 18.2.0 → 19.0.1

package/dist/esm/components/mui-table/row/index.js

@@ -1,12 +1,16 @@
-class e extends HTMLElement {
+class a extends HTMLElement {
   static get observedAttributes() {
-    return ["columns"];
+    return ["columns", "size"];
   }
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    this.setAttribute("role", "row"), this.syncContextAttributes(), this.render();
+    this.setAttribute("role", "row"), this.syncContextAttributes(), this.syncActionColumnState(), this.observeTableChanges(), this.render();
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.tableObserver) == null || t.disconnect(), this.tableObserver = void 0;
   }
   attributeChangedCallback() {
     this.render();
@@ -15,6 +19,48 @@ class e extends HTMLElement {
     const t = !!this.closest("mui-card");
     this.toggleAttribute("in-card", t);
   }
+  observeTableChanges() {
+    var e;
+    const t = this.closest("mui-table");
+    t && ((e = this.tableObserver) == null || e.disconnect(), this.tableObserver = new MutationObserver(() => {
+      this.syncActionColumnState();
+    }), this.tableObserver.observe(t, {
+      subtree: !0,
+      childList: !0,
+      attributes: !0,
+      attributeFilter: ["action"],
+      characterData: !0
+    }));
+  }
+  clearActionPlaceholderStyles(t) {
+    const e = t;
+    e.style.removeProperty("width"), e.style.removeProperty("height"), e.style.removeProperty("display"), e.style.removeProperty("align-items"), e.style.removeProperty("justify-content");
+  }
+  syncActionColumnState() {
+    const t = this.closest("mui-table");
+    if (!t) return;
+    const e = !!t.querySelector("mui-cell[action]");
+    this.toggleAttribute("has-action-column", e);
+    const o = Array.from(this.children).filter(
+      (i) => i.tagName.toLowerCase() === "mui-cell"
+    ), r = o[o.length - 1];
+    if (!r) return;
+    const s = o.some(
+      (i) => i.hasAttribute("action")
+    );
+    if (!e || s) {
+      this.clearActionPlaceholderStyles(r);
+      return;
+    }
+    const n = Array.from(r.children).some(
+      (i) => i.nodeType === Node.ELEMENT_NODE
+    ), l = (r.textContent || "").trim();
+    if (!(!n && l.length === 0)) {
+      this.clearActionPlaceholderStyles(r);
+      return;
+    }
+    r.style.width = "var(--row-action-size)", r.style.height = "var(--row-action-size)", r.style.display = "inline-flex", r.style.alignItems = "center", r.style.justifyContent = "center";
+  }
   render() {
     this.shadowRoot && (this.shadowRoot.innerHTML = /*html*/
     `
@@ -27,7 +73,43 @@ class e extends HTMLElement {
         padding: var(--space-300) var(--space-000);
         border-top: var(--border-thin);
         align-items: center;
-        min-height: 4.4rem;
+        min-height: var(--row-min-height, var(--row-action-size, var(--row-action-xs)));
+      }
+      :host(:not([size])) {
+        --row-action-size: var(--row-action-m);
+        --row-cell-font-size: var(--text-font-size-m);
+        --row-cell-line-height: var(--text-line-height-m);
+        --row-min-height: var(--row-action-m);
+      }
+      :host([size="xx-small"]) {
+        --row-action-size: var(--row-action-xxs);
+        --row-cell-font-size: var(--text-font-size-xs);
+        --row-cell-line-height: var(--text-line-height-xs);
+        --row-min-height: var(--row-action-xxs);
+      }
+      :host([size="x-small"]) {
+        --row-action-size: var(--row-action-xs);
+        --row-cell-font-size: var(--text-font-size-xs);
+        --row-cell-line-height: var(--text-line-height-xs);
+        --row-min-height: var(--row-action-xs);
+      }
+      :host([size="small"]) {
+        --row-action-size: var(--row-action-s);
+        --row-cell-font-size: var(--text-font-size-s);
+        --row-cell-line-height: var(--text-line-height-s);
+        --row-min-height: var(--row-action-s);
+      }
+      :host([size="medium"]) {
+        --row-action-size: var(--row-action-m);
+        --row-cell-font-size: var(--text-font-size-m);
+        --row-cell-line-height: var(--text-line-height-m);
+        --row-min-height: var(--row-action-m);
+      }
+      :host([size="large"]) {
+        --row-action-size: var(--row-action-l);
+        --row-cell-font-size: var(--text-font-size-l);
+        --row-cell-line-height: var(--text-line-height-l);
+        --row-min-height: var(--row-action-l);
       }
       :host([in-card]) {
         border-top-color: color-mix(in srgb, var(--border-color) 50%, transparent);
@@ -37,4 +119,4 @@ class e extends HTMLElement {
     `);
   }
 }
-customElements.get("mui-row") || customElements.define("mui-row", e);
+customElements.get("mui-row") || customElements.define("mui-row", a);

package/dist/esm/css/mui-brand.css

@@ -1,6 +1,6 @@
 
 /* ================================================================================================== */
-/*  Don't edit directly • Generated on Sat, 21 Mar 2026 05:19:16 GMT • muibook.com                                        */
+/*  Don't edit directly • Generated on Tue, 24 Mar 2026 09:58:22 GMT • muibook.com                                        */
 /* ================================================================================================== */
 
 /* ================================================================================================== */

package/dist/esm/css/mui-tokens.css

@@ -796,6 +796,11 @@ html[data-theme="dark"] {
   --action-after-slot-padding: var(--space-300);
   --action-icon-only-padding: var(--space-000);
   --action-icon-only-size: 4.4rem;
+  --row-action-xxs: calc(var(--action-icon-only-size-x-small) - var(--space-100));
+  --row-action-xs: var(--action-icon-only-size-x-small);
+  --row-action-s: var(--action-icon-only-size-small);
+  --row-action-m: var(--action-icon-only-size);
+  --row-action-l: var(--action-icon-only-size-large);
 
   /* SIZE: LARGE */
   --action-radius-large: var(--radius-300);