morya-ui 0.3.2 → 0.3.3

package/dist/pagination/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Pagination-CqpC5EAs.js";
+import { t as e } from "../Pagination-Bvv2qvEK.js";
 import "./style.js";
 export { e as MPagination };

package/dist/popover/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Popover-BQ07q4VV.js";
+import { t as e } from "../Popover-rnZG_ap0.js";
 import "./style.js";
 export { e as MPopover };

package/dist/popover/style.css

@@ -1172,45 +1172,47 @@
     z-index: var(--m-z-popper);
 }
 
+/*
+ * Placement uses the independent `translate` property so scale-fade's
+ * `transform` (opacity + scale/slide) can compose without fighting layout.
+ */
 .m-popover__content--top {
     bottom: calc(100% + var(--m-space-2));
     left: 50%;
-    transform: translateX(-50%);
     transform-origin: bottom center;
+    translate: -50% 0;
 }
 
 .m-popover__content--bottom {
     left: 50%;
     top: calc(100% + var(--m-space-2));
-    transform: translateX(-50%);
     transform-origin: top center;
+    translate: -50% 0;
 }
 
 .m-popover__content--left {
     right: calc(100% + var(--m-space-2));
     top: 50%;
-    transform: translateY(-50%);
     transform-origin: right center;
+    translate: 0 -50%;
 }
 
 .m-popover__content--right {
     left: calc(100% + var(--m-space-2));
     top: 50%;
-    transform: translateY(-50%);
     transform-origin: left center;
+    translate: 0 -50%;
 }
 
 .m-popover__content--right-start {
     left: calc(100% + var(--m-space-2));
     top: 0;
-    transform: none;
     transform-origin: top left;
 }
 
 .m-popover__content--left-start {
     right: calc(100% + var(--m-space-2));
     top: 0;
-    transform: none;
     transform-origin: top right;
 }
 
@@ -1233,71 +1235,8 @@
     position: fixed;
     right: auto;
     top: auto;
-    transform: none;
+    /* Reset non-teleport placement translates; inline `translate` from
+       computeFloatingOverlayStyle provides the teleported alignment. */
+    translate: none;
     z-index: var(--m-z-tooltip);
 }
-
-.m-popover-enter-active {
-    transition:
-        opacity var(--m-motion-enter) var(--m-motion-ease),
-        transform var(--m-motion-enter) var(--m-motion-ease);
-}
-
-.m-popover-leave-active {
-    transition:
-        opacity var(--m-motion-exit) var(--m-motion-ease),
-        transform var(--m-motion-exit) var(--m-motion-ease);
-}
-
-.m-popover-enter-from,
-.m-popover-leave-to {
-    opacity: 0;
-}
-
-.m-popover__content--teleported.m-popover-enter-from,
-.m-popover__content--teleported.m-popover-leave-to {
-    transform: scale(0.96);
-}
-
-.m-popover-enter-from:not(.m-popover__content--teleported),
-.m-popover-leave-to:not(.m-popover__content--teleported) {
-    transform: translateY(calc(var(--m-motion-distance) * -1)) scale(0.96);
-}
-
-.m-popover__content--top.m-popover-enter-from,
-.m-popover__content--top.m-popover-leave-to {
-    transform: translate(-50%, calc(-100% - var(--m-motion-distance))) scale(0.96);
-}
-
-.m-popover__content--bottom.m-popover-enter-from,
-.m-popover__content--bottom.m-popover-leave-to,
-.m-popover__content--bottom-start.m-popover-enter-from,
-.m-popover__content--bottom-start.m-popover-leave-to,
-.m-popover__content--bottom-end.m-popover-enter-from,
-.m-popover__content--bottom-end.m-popover-leave-to {
-    transform: translateY(var(--m-motion-distance)) scale(0.96);
-}
-
-.m-popover__content--left.m-popover-enter-from,
-.m-popover__content--left.m-popover-leave-to {
-    transform: translate(calc(-100% - var(--m-motion-distance)), -50%) scale(0.96);
-}
-
-.m-popover__content--right.m-popover-enter-from,
-.m-popover__content--right.m-popover-leave-to {
-    transform: translate(var(--m-motion-distance), -50%) scale(0.96);
-}
-
-[data-m-motion="reduced"] .m-popover-enter-active,
-[data-m-motion="reduced"] .m-popover-leave-active,
-[data-m-motion="none"] .m-popover-enter-active,
-[data-m-motion="none"] .m-popover-leave-active {
-    transition: none;
-}
-
-[data-m-motion="reduced"] .m-popover-enter-from,
-[data-m-motion="reduced"] .m-popover-leave-to,
-[data-m-motion="none"] .m-popover-enter-from,
-[data-m-motion="none"] .m-popover-leave-to {
-    transform: none;
-}

package/dist/select/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Select-CKGrSoaC.js";
+import { t as e } from "../Select-CiXd074W.js";
 import "./style.js";
 export { e as MSelect };

package/dist/shared/overlayPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlayPlacement.d.ts","sourceRoot":"","sources":["../../src/shared/overlayPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAChC,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,GACT,aAAa,GACb,YAAY,CAAA;AAEhB,MAAM,WAAW,2BAA2B;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oGAAoG;IACpG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0HAA0H;IAC1H,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAKD,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,sBAGhD;AAgFD,kFAAkF;AAClF,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,wBAAwB,EACnC,OAAO,GAAE,2BAAgC,GACxC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkIxB"}
+{"version":3,"file":"overlayPlacement.d.ts","sourceRoot":"","sources":["../../src/shared/overlayPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAChC,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,YAAY,GACZ,WAAW,GACX,SAAS,GACT,aAAa,GACb,YAAY,CAAA;AAEhB,MAAM,WAAW,2BAA2B;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oGAAoG;IACpG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0HAA0H;IAC1H,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAKD,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,sBAGhD;AAgFD,kFAAkF;AAClF,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,wBAAwB,EACnC,OAAO,GAAE,2BAAgC,GACxC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuIxB"}

package/dist/speed-dial/index.js

@@ -1,9 +1,9 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as n } from "../useMotionTransition-95Y79FoL.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
-import { t as a } from "../overlayPlacement-Cd20JTD_.js";
-import { t as o } from "../useFloatingViewportSync-DZdJ7W8n.js";
+import { t as a } from "../overlayPlacement-qwEJPVS4.js";
+import { t as o } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as s } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as c } from "../useMId-BXFYayPP.js";
 import { t as ee } from "../icon-COrt_N8A.js";

package/dist/split-button/index.js

@@ -1,10 +1,10 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { r as t } from "../types-DGuu4Eg4.js";
 import { a as ee, t as n } from "../Icon-od9Ob-Ay.js";
-import { t as te } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as te } from "../useMotionTransition-95Y79FoL.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
-import { t as a } from "../overlayPlacement-Cd20JTD_.js";
-import { t as o } from "../useFloatingViewportSync-DZdJ7W8n.js";
+import { t as a } from "../overlayPlacement-qwEJPVS4.js";
+import { t as o } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as ne } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as re } from "../useMId-BXFYayPP.js";
 import { c as ie, o as ae } from "../config-CapALqt3.js";

package/dist/split-button/style.css

@@ -1375,7 +1375,30 @@
     );
 }
 
-.m-button--secondary.m-button--outlined {
+/* Idle matches outlined hover; hover/active deepen the tint. */
+.m-button--plain {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-button-border) 10%,
+        transparent
+    );
+    --m-button-fg: var(--m-button-border);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-border) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-border);
+    --m-button-hover-border: var(--m-button-border);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-button-border) 22%,
+        transparent
+    );
+}
+
+.m-button--secondary.m-button--outlined,
+.m-button--secondary.m-button--plain {
     --m-button-border: var(--m-color-border);
     --m-button-fg: var(--m-color-text);
     --m-button-hover-fg: var(--m-color-text);
@@ -1386,13 +1409,16 @@
     --m-button-bg: transparent;
     --m-button-border: transparent;
     --m-button-fg: var(--m-color-primary);
+    --m-button-hover-fg: var(--m-color-primary);
+    --m-button-hover-border: transparent;
+}
+
+.m-button--text {
     --m-button-hover-bg: color-mix(
         in srgb,
         var(--m-color-primary) 10%,
         transparent
     );
-    --m-button-hover-fg: var(--m-color-primary);
-    --m-button-hover-border: transparent;
     --m-button-active-bg: color-mix(
         in srgb,
         var(--m-color-primary) 16%,
@@ -1400,8 +1426,24 @@
     );
 }
 
-.m-button--secondary.m-button--text,
-.m-button--secondary.m-button--link {
+.m-button--link {
+    --m-button-bg: transparent;
+    --m-button-hover-bg: transparent;
+    --m-button-active-bg: transparent;
+    height: auto;
+    min-height: 0;
+    padding: 0;
+}
+
+.m-button--link.m-button--link-underline:hover:not(:disabled) {
+    text-decoration: underline;
+}
+
+.m-button--link:not(.m-button--link-underline):hover:not(:disabled) {
+    opacity: 0.8;
+}
+
+.m-button--secondary.m-button--text {
     --m-button-fg: var(--m-color-text-muted);
     --m-button-hover-bg: color-mix(
         in srgb,
@@ -1411,8 +1453,12 @@
     --m-button-hover-fg: var(--m-color-text);
 }
 
+.m-button--secondary.m-button--link {
+    --m-button-fg: var(--m-color-text-muted);
+    --m-button-hover-fg: var(--m-color-text);
+}
+
 .m-button--success.m-button--text,
-.m-button--success.m-button--link,
 .m-button--success.m-button--outlined {
     --m-button-fg: var(--m-color-success);
     --m-button-border: var(--m-color-success);
@@ -1425,8 +1471,12 @@
     --m-button-hover-border: var(--m-color-success);
 }
 
+.m-button--success.m-button--link {
+    --m-button-fg: var(--m-color-success);
+    --m-button-hover-fg: var(--m-color-success);
+}
+
 .m-button--info.m-button--text,
-.m-button--info.m-button--link,
 .m-button--info.m-button--outlined {
     --m-button-fg: var(--m-color-info);
     --m-button-border: var(--m-color-info);
@@ -1439,8 +1489,12 @@
     --m-button-hover-border: var(--m-color-info);
 }
 
+.m-button--info.m-button--link {
+    --m-button-fg: var(--m-color-info);
+    --m-button-hover-fg: var(--m-color-info);
+}
+
 .m-button--warn.m-button--text,
-.m-button--warn.m-button--link,
 .m-button--warn.m-button--outlined {
     --m-button-fg: var(--m-color-warn);
     --m-button-border: var(--m-color-warn);
@@ -1453,8 +1507,12 @@
     --m-button-hover-border: var(--m-color-warn);
 }
 
+.m-button--warn.m-button--link {
+    --m-button-fg: var(--m-color-warn);
+    --m-button-hover-fg: var(--m-color-warn);
+}
+
 .m-button--help.m-button--text,
-.m-button--help.m-button--link,
 .m-button--help.m-button--outlined {
     --m-button-fg: var(--m-color-help);
     --m-button-border: var(--m-color-help);
@@ -1467,8 +1525,12 @@
     --m-button-hover-border: var(--m-color-help);
 }
 
+.m-button--help.m-button--link {
+    --m-button-fg: var(--m-color-help);
+    --m-button-hover-fg: var(--m-color-help);
+}
+
 .m-button--danger.m-button--text,
-.m-button--danger.m-button--link,
 .m-button--danger.m-button--outlined {
     --m-button-fg: var(--m-color-danger);
     --m-button-border: var(--m-color-danger);
@@ -1481,8 +1543,12 @@
     --m-button-hover-border: var(--m-color-danger);
 }
 
+.m-button--danger.m-button--link {
+    --m-button-fg: var(--m-color-danger);
+    --m-button-hover-fg: var(--m-color-danger);
+}
+
 .m-button--contrast.m-button--text,
-.m-button--contrast.m-button--link,
 .m-button--contrast.m-button--outlined {
     --m-button-fg: var(--m-color-contrast);
     --m-button-border: var(--m-color-contrast);
@@ -1495,9 +1561,14 @@
     --m-button-hover-border: var(--m-color-contrast);
 }
 
+.m-button--contrast.m-button--link {
+    --m-button-fg: var(--m-color-contrast);
+    --m-button-hover-fg: var(--m-color-contrast);
+}
+
 .m-button--plain.m-button--text,
-.m-button--plain.m-button--outlined,
-.m-button--plain.m-button--link {
+.m-button--plain.m-button--outlined {
+    --m-button-bg: transparent;
     --m-button-fg: var(--m-color-text-muted);
     --m-button-border: var(--m-color-border);
     --m-button-hover-bg: color-mix(
@@ -1507,69 +1578,178 @@
     );
     --m-button-hover-fg: var(--m-color-text);
     --m-button-hover-border: var(--m-color-border);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 18%,
+        transparent
+    );
 }
 
-.m-button--link {
-    height: auto;
-    min-height: 0;
-    padding: 0;
-}
-
-.m-button--link:hover:not(:disabled) {
-    text-decoration: underline;
+.m-button--plain.m-button--link {
+    --m-button-fg: var(--m-color-text-muted);
+    --m-button-hover-fg: var(--m-color-text);
 }
 
 .m-button--ghost {
-    --m-button-bg: transparent;
-    --m-button-fg: var(--m-button-border);
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        transparent
+    );
+    --m-button-border: transparent;
+    --m-button-fg: var(--m-color-primary);
     --m-button-hover-bg: color-mix(
         in srgb,
-        var(--m-button-border) 12%,
+        var(--m-color-primary) 16%,
         transparent
     );
-    --m-button-hover-fg: var(--m-button-border);
-    --m-button-hover-border: var(--m-button-border);
+    --m-button-hover-fg: var(--m-color-primary);
+    --m-button-hover-border: transparent;
     --m-button-active-bg: color-mix(
         in srgb,
-        var(--m-button-border) 18%,
+        var(--m-color-primary) 22%,
         transparent
     );
 }
 
 .m-button--secondary.m-button--ghost {
-    --m-button-border: var(--m-color-border);
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 12%,
+        transparent
+    );
     --m-button-fg: var(--m-color-text);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 18%,
+        transparent
+    );
     --m-button-hover-fg: var(--m-color-text);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 24%,
+        transparent
+    );
 }
 
 .m-button--success.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-success) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-success);
-    --m-button-border: var(--m-color-success);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-success) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-success);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-success) 22%,
+        transparent
+    );
 }
 
 .m-button--info.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-info) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-info);
-    --m-button-border: var(--m-color-info);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-info) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-info);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-info) 22%,
+        transparent
+    );
 }
 
 .m-button--warn.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-warn) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-warn);
-    --m-button-border: var(--m-color-warn);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-warn) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-warn);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-warn) 22%,
+        transparent
+    );
 }
 
 .m-button--help.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-help) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-help);
-    --m-button-border: var(--m-color-help);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-help) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-help);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-help) 22%,
+        transparent
+    );
 }
 
 .m-button--danger.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-danger) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-danger);
-    --m-button-border: var(--m-color-danger);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-danger) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-danger);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-danger) 22%,
+        transparent
+    );
 }
 
 .m-button--contrast.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-contrast) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-contrast);
-    --m-button-border: var(--m-color-contrast);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-contrast) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-contrast);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-contrast) 22%,
+        transparent
+    );
 }
 
 .m-button--quaternary {
@@ -1608,11 +1788,7 @@
     );
 }
 
-.m-button--custom.m-button--outlined,
-.m-button--custom.m-button--ghost,
-.m-button--custom.m-button--text,
-.m-button--custom.m-button--quaternary,
-.m-button--custom.m-button--link {
+.m-button--custom.m-button--outlined {
     --m-button-bg: transparent;
     --m-button-fg: var(--m-button-color);
     --m-button-border: var(--m-button-color);
@@ -1625,11 +1801,72 @@
     --m-button-hover-border: var(--m-button-color);
 }
 
+.m-button--custom.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 10%,
+        transparent
+    );
+    --m-button-fg: var(--m-button-color);
+    --m-button-border: transparent;
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-color);
+    --m-button-hover-border: transparent;
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 22%,
+        transparent
+    );
+}
+
 .m-button--custom.m-button--text,
-.m-button--custom.m-button--quaternary,
+.m-button--custom.m-button--quaternary {
+    --m-button-bg: transparent;
+    --m-button-fg: var(--m-button-color);
+    --m-button-border: transparent;
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 12%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-color);
+    --m-button-hover-border: transparent;
+}
+
+.m-button--custom.m-button--plain {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 10%,
+        transparent
+    );
+    --m-button-fg: var(--m-button-color);
+    --m-button-border: var(--m-button-color);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-color);
+    --m-button-hover-border: var(--m-button-color);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 22%,
+        transparent
+    );
+}
+
 .m-button--custom.m-button--link {
+    --m-button-bg: transparent;
+    --m-button-fg: var(--m-button-color);
     --m-button-border: transparent;
+    --m-button-hover-bg: transparent;
+    --m-button-hover-fg: var(--m-button-color);
     --m-button-hover-border: transparent;
+    --m-button-active-bg: transparent;
 }
 
 .m-button-group {