@muibook/components 18.0.1 → 18.1.1

package/README.md

@@ -2,6 +2,8 @@
 
 # NPM Package 📦 – @muibook/components
 
+[![Sponsor](https://img.shields.io/badge/Sponsor-GitHub-ff69b4?logo=githubsponsors)](https://github.com/sponsors/michaeltrilford)
+
 Leverage reusable vanilla Web Components built with the Mui (MichaelUI) Design System in your project. Simply install the [@muibook/components](https://www.npmjs.com/package/@muibook/components?activeTab=readme) package to access a framework-agnostic, accessible, and customizable component library.
 
 ## Usage Policy (Summary)

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

@@ -379,11 +379,7 @@ class h extends HTMLElement {
     /* Dropdown Slot */
     :host([size][dropdown-slot]) button {
       border-radius: var(--radius-000);
-    }
-
-    :host([dropdown-slot]) button:hover,
-    :host([dropdown-slot]) button:focus {
-      background: var(--dropdown-button-background-hover);
+      white-space: nowrap;
     }
 
     :host([size][dropdown-slot-first]) button {

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

@@ -43,13 +43,13 @@ const s = class s extends HTMLElement {
     const d = (a = this.shadowRoot) == null ? void 0 : a.querySelector("slot:not([name])");
     if (d) {
       const u = () => {
-        const c = d.assignedElements({ flatten: !0 });
+        const c = d.assignedElements({ flatten: !0 }).filter((o) => o.tagName.toLowerCase() === "mui-button");
         c.forEach((o) => {
           o.removeAttribute("dropdown-slot"), o.removeAttribute("dropdown-slot-first"), o.removeAttribute("dropdown-slot-last");
         }), c.forEach((o, w) => {
-          o.setAttribute("variant", "tertiary"), o.setAttribute("dropdown-slot", ""), w === 0 && o.setAttribute("dropdown-slot-first", ""), w === c.length - 1 && o.setAttribute("dropdown-slot-last", ""), o._dropdownListenerAdded || (o.addEventListener("click", () => {
-            var f, p;
-            this.persistent || ((f = this.menu) == null || f.classList.remove("show"), (p = this.menu) == null || p.setAttribute("inert", "true"), s.openDropdown === this && (s.openDropdown = null), this.dispatchEvent(new CustomEvent("dropdown-toggle", { detail: { open: !1 }, bubbles: !0 })));
+          o.hasAttribute("variant") || o.setAttribute("variant", "tertiary"), o.setAttribute("dropdown-slot", ""), w === 0 && o.setAttribute("dropdown-slot-first", ""), w === c.length - 1 && o.setAttribute("dropdown-slot-last", ""), o._dropdownListenerAdded || (o.addEventListener("click", () => {
+            var p, f;
+            this.persistent || ((p = this.menu) == null || p.classList.remove("show"), (f = this.menu) == null || f.setAttribute("inert", "true"), s.openDropdown === this && (s.openDropdown = null), this.dispatchEvent(new CustomEvent("dropdown-toggle", { detail: { open: !1 }, bubbles: !0 })));
           }), o._dropdownListenerAdded = !0);
         });
       };
@@ -85,9 +85,9 @@ const s = class s extends HTMLElement {
     if (!this.menu) return;
     const t = this.menu, e = 8, n = getComputedStyle(this).getPropertyValue("--dropdown-offset").trim() || "0.8rem", d = parseFloat(getComputedStyle(document.documentElement).fontSize) || 10, i = n.endsWith("rem") ? parseFloat(n) * d : parseFloat(n) || 8;
     t.style.top = "", t.style.bottom = "", t.style.left = "", t.style.right = "", t.style.maxWidth = "";
-    const r = this.getBoundingClientRect(), l = t.offsetWidth, a = t.offsetHeight, h = window.innerWidth, u = window.innerHeight, c = (this.getAttribute("vertical-position") || "auto").toLowerCase(), o = u - r.bottom, w = r.top, f = a + i, p = o >= f, g = w >= f;
+    const r = this.getBoundingClientRect(), l = t.offsetWidth, a = t.offsetHeight, h = window.innerWidth, u = window.innerHeight, v = (this.getAttribute("vertical-position") || "auto").toLowerCase(), c = u - r.bottom, o = r.top, w = a + i, p = c >= w, f = o >= w;
     let b = r.height + i;
-    c === "up" ? b = g || !p ? -(a + i) : r.height + i : c === "down" ? b = p || !g ? r.height + i : -(a + i) : !p && w > o && (b = -(a + i));
+    v === "up" ? b = f || !p ? -(a + i) : r.height + i : v === "down" ? b = p || !f ? r.height + i : -(a + i) : !p && o > c && (b = -(a + i));
     let m = 0;
     switch (this.getAttribute("position") || "left") {
       case "left":
@@ -169,5 +169,5 @@ const s = class s extends HTMLElement {
   }
 };
 s.openDropdown = null;
-let v = s;
-customElements.get("mui-dropdown") || customElements.define("mui-dropdown", v);
+let g = s;
+customElements.get("mui-dropdown") || customElements.define("mui-dropdown", g);

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

@@ -794,9 +794,9 @@ class S extends HTMLElement {
         .surface::before {
           content: "";
           position: absolute;
-          inset: var(--stroke-size-200);
+          inset: 0;
           pointer-events: none;
-          border-radius: calc(var(--radius-300) - var(--stroke-size-200));
+          border-radius: var(--radius-300);
           z-index: 1;
           opacity: 1;
           background: var(--surface-elevated-100);
@@ -839,7 +839,7 @@ class S extends HTMLElement {
           transition: opacity var(--speed-200) cubic-bezier(0.22, 1, 0.36, 1), filter var(--speed-200) ease;
         }
         .surface:hover {
-          overflow: hidden;
+          overflow: visible;
           background: var(--surface-elevated-100);
           animation: promptBorderHoverPulse var(--prompt-hover-border-pulse-speed, var(--speed-500)) ease-in-out infinite;
         }
@@ -873,9 +873,7 @@ class S extends HTMLElement {
             var(--surface-elevated-100);
           mix-blend-mode: var(--_prompt-spectrum-blend-mode-hover);
           filter: none;
-          animation:
-            promptMeshHoverPulse var(--prompt-hover-sweep-speed, var(--speed-500)) ease-in-out infinite alternate,
-            promptMeshPulse calc(var(--prompt-hover-sweep-speed, var(--speed-500)) * 1.15) ease-in-out infinite;
+          animation: promptMeshPulse calc(var(--prompt-hover-sweep-speed, var(--speed-500)) * 1.15) ease-in-out infinite;
         }
         .surface:hover::after {
           opacity: 0;
@@ -1246,7 +1244,7 @@ class S extends HTMLElement {
         }
         .actions-slot {
           position: absolute;
-          z-index: 2;
+          z-index: 4;
           bottom: var(--space-300);
           display: inline-flex;
           align-items: center;

package/dist/esm/components/mui-slide-frame/index.js

@@ -453,7 +453,7 @@ class E extends HTMLElement {
                     id="slideFrameRatioSelect"
                     size="x-small"
                     style="width: 7rem; margin-right: var(--space-025)"
-                    options='[{"label":"16:9","value":"16:9"},{"label":"4:3","value":"4:3"},{"label":"1:1","value":"1:1"}]'
+                    options='[{"label":"16:9","value":"16:9"},{"label":"4:3","value":"4:3"},{"label":"3:2","value":"3:2"},{"label":"1:1","value":"1:1"},{"label":"9:16","value":"9:16"}]'
                     value="${this.getAttribute("ratio") || "16:9"}"
                     aria-label="Slide ratio">
                   </mui-select>

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

@@ -1,6 +1,6 @@
 
 /* ================================================================================================== */
-/*  Don't edit directly • Generated on Sat, 28 Feb 2026 10:18:48 GMT • muibook.com                                        */
+/*  Don't edit directly • Generated on Thu, 19 Mar 2026 13:50:01 GMT • muibook.com                                        */
 /* ================================================================================================== */
 
 /* ================================================================================================== */