morya-ui 0.4.3 → 0.4.5

package/dist/date-picker/style.css

@@ -17,11 +17,12 @@
     --m-control-height-small: 24px;
     --m-control-height-medium: 32px;
     --m-control-height-large: 40px;
+    /* Ant Design: small/medium share 14px, large uses 16px */
     --m-control-font-small: 14px;
     --m-control-font-medium: 14px;
-    --m-control-font-large: 15px;
-    --m-control-padding-x-small: 10px;
-    --m-control-padding-x-medium: 15px;
+    --m-control-font-large: 16px;
+    --m-control-padding-x-small: 8px;
+    --m-control-padding-x-medium: 12px;
     --m-control-padding-x-large: 16px;
 
     --m-radius-control: 6px;
@@ -1254,12 +1255,154 @@
     animation: none;
 }
 
-/* --- Form: DatePicker --- */
+.m-scrollbar {
+    --m-scrollbar-track-size: 6px;
+    --m-scrollbar-inset: 0.125rem;
+    --m-scrollbar-bg: color-mix(
+        in srgb,
+        var(--m-color-text) 28%,
+        transparent
+    );
+    --m-scrollbar-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-text) 45%,
+        transparent
+    );
+    --m-scrollbar-opacity: 0.5;
+    --m-scrollbar-hover-opacity: 0.8;
+    min-height: 0;
+    overflow: hidden;
+    position: relative;
+}
+
+.m-scrollbar--fill {
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+}
+
+.m-scrollbar__wrap {
+    overflow: auto;
+}
+
+.m-scrollbar--fill .m-scrollbar__wrap {
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+}
+
+.m-scrollbar--fit-content.m-scrollbar--fill {
+    height: auto;
+}
+
+.m-scrollbar--fit-content.m-scrollbar--fill .m-scrollbar__wrap {
+    height: auto;
+    max-height: inherit;
+    max-width: inherit;
+}
+
+.m-scrollbar__wrap--hidden-default {
+    scrollbar-width: none;
+}
+
+.m-scrollbar__wrap--hidden-default::-webkit-scrollbar {
+    display: none;
+}
+
+.m-scrollbar__view {
+    box-sizing: border-box;
+}
+
+.m-scrollbar__bar {
+    border-radius: var(--m-radius-sm);
+    bottom: var(--m-scrollbar-inset);
+    position: absolute;
+    right: var(--m-scrollbar-inset);
+    z-index: 1;
+}
+
+.m-scrollbar__bar--vertical {
+    top: var(--m-scrollbar-inset);
+    width: var(--m-scrollbar-track-size);
+}
+
+.m-scrollbar__bar--vertical > .m-scrollbar__thumb {
+    width: 100%;
+}
+
+.m-scrollbar__bar--horizontal {
+    height: var(--m-scrollbar-track-size);
+    left: var(--m-scrollbar-inset);
+}
+
+.m-scrollbar__bar--horizontal > .m-scrollbar__thumb {
+    height: 100%;
+}
+
+.m-scrollbar__bar:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+    outline-offset: 1px;
+}
+
+.m-scrollbar__thumb {
+    background-color: var(--m-scrollbar-bg);
+    border-radius: inherit;
+    cursor: pointer;
+    display: block;
+    height: 0;
+    opacity: var(--m-scrollbar-opacity);
+    position: relative;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+    width: 0;
+}
+
+.m-scrollbar__thumb:hover {
+    background-color: var(--m-scrollbar-hover-bg);
+    opacity: var(--m-scrollbar-hover-opacity);
+}
+
+.m-scrollbar-fade-enter-active {
+    transition: opacity var(--m-motion-scrollbar-show) var(--m-motion-ease);
+}
+
+.m-scrollbar-fade-leave-active {
+    transition: opacity var(--m-motion-scrollbar-hide) var(--m-motion-ease);
+}
+
+.m-scrollbar-fade-enter-from,
+.m-scrollbar-fade-leave-to {
+    opacity: 0;
+}
+
+:root[data-m-motion='none'] .m-scrollbar__thumb,
+:root[data-m-motion='none'] .m-scrollbar-fade-enter-active,
+:root[data-m-motion='none'] .m-scrollbar-fade-leave-active,
+:root[data-m-motion='reduced'] .m-scrollbar-fade-enter-active,
+:root[data-m-motion='reduced'] .m-scrollbar-fade-leave-active {
+    transition: none;
+}
+
+/* --- Form: DatePicker ---
+ * Size-aware tokens follow Ant Design DatePicker sizing:
+ * - small  : 24px input, 24px calendar cells, 14px font
+ * - medium : 32px input, 24px calendar cells, 14px font (default)
+ * - large  : 40px input, 28px calendar cells, 16px font
+ * Override `--m-datepicker-*` tokens to customize per-size appearance.
+ */
 .m-datepicker,
 .m-datepicker__panel {
-    --m-datepicker-calendar-cell-size: var(--m-control-affix-size, 2rem);
+    --m-datepicker-calendar-cell-size: 1.5rem;
     --m-datepicker-day-size: var(--m-datepicker-calendar-cell-size);
     --m-datepicker-grid-gap: 0.125rem;
+    --m-datepicker-control-height: var(--m-control-height-medium);
+    --m-datepicker-font-size: var(--m-control-font-medium);
+    --m-datepicker-padding-x: var(--m-control-padding-x-medium);
+    --m-datepicker-affix-size: var(--m-control-affix-size);
     --m-datepicker-panel-min-width: calc(
         7 * var(--m-datepicker-calendar-cell-size) + 6 *
             var(--m-datepicker-grid-gap) + 2 * var(--m-space-3)
@@ -1267,6 +1410,32 @@
     --m-datepicker-shortcuts-width: 6rem;
 }
 
+/* Size variants: scale input height, font, padding, calendar cell, affix.
+ * Panel gets its own class (m-datepicker__panel--{size}) because it can be
+ * teleported outside the root element. */
+.m-datepicker--small,
+.m-datepicker__panel--small {
+    --m-datepicker-calendar-cell-size: 1.375rem;
+    --m-datepicker-control-height: var(--m-control-height-small);
+    --m-datepicker-font-size: var(--m-control-font-small);
+    --m-datepicker-padding-x: var(--m-control-padding-x-small);
+    --m-datepicker-affix-size: calc(
+        var(--m-control-height-small) - 2 * var(--m-border-width)
+    );
+}
+
+.m-datepicker--large,
+.m-datepicker__panel--large {
+    /* antd large: slightly bigger calendar cells */
+    --m-datepicker-calendar-cell-size: 1.75rem;
+    --m-datepicker-control-height: var(--m-control-height-large);
+    --m-datepicker-font-size: var(--m-control-font-large);
+    --m-datepicker-padding-x: var(--m-control-padding-x-large);
+    --m-datepicker-affix-size: calc(
+        var(--m-control-height-large) - 2 * var(--m-border-width)
+    );
+}
+
 .m-datepicker {
     display: inline-flex;
     flex-direction: column;
@@ -1308,7 +1477,7 @@
     box-sizing: border-box;
     display: flex;
     max-width: 100%;
-    min-height: var(--m-control-height-medium);
+    min-height: var(--m-datepicker-control-height);
     transition:
         border-color var(--m-motion-fast) var(--m-motion-ease),
         box-shadow var(--m-motion-fast) var(--m-motion-ease);
@@ -1324,17 +1493,32 @@
     box-shadow: var(--m-focus-shadow);
 }
 
-.m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input) {
+.m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input),
+.m-datepicker--error .m-datepicker__control:has(.m-datepicker__input) {
     border-color: var(--m-color-danger);
 }
 
+.m-datepicker--warning .m-datepicker__control:has(.m-datepicker__input) {
+    border-color: var(--m-color-warning);
+}
+
 .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input):focus-within,
 .m-datepicker--invalid.m-datepicker--open
+    .m-datepicker__control:has(.m-datepicker__input),
+.m-datepicker--error .m-datepicker__control:has(.m-datepicker__input):focus-within,
+.m-datepicker--error.m-datepicker--open
     .m-datepicker__control:has(.m-datepicker__input) {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }
 
+.m-datepicker--warning .m-datepicker__control:has(.m-datepicker__input):focus-within,
+.m-datepicker--warning.m-datepicker--open
+    .m-datepicker__control:has(.m-datepicker__input) {
+    border-color: var(--m-color-warning);
+    box-shadow: var(--m-focus-shadow-warning, 0 0 0 3px color-mix(in srgb, var(--m-color-warning) 20%, transparent));
+}
+
 .m-datepicker__input {
     background: transparent;
     border: 0;
@@ -1344,37 +1528,15 @@
     cursor: pointer;
     flex: 1 1 auto;
     font-family: var(--m-font-sans);
-    font-size: var(--m-control-font-medium);
-    height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
-    line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
+    font-size: var(--m-datepicker-font-size);
+    height: calc(var(--m-datepicker-control-height) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-datepicker-control-height) - 2 * var(--m-border-width));
     min-height: 0;
     min-width: 0;
-    padding: 0 var(--m-control-padding-x-medium);
+    padding: 0 var(--m-datepicker-padding-x);
     width: 100%;
 }
 
-.m-datepicker--small .m-datepicker__control:has(.m-datepicker__input) {
-    min-height: var(--m-control-height-small);
-}
-
-.m-datepicker--small .m-datepicker__input {
-    font-size: var(--m-control-font-small);
-    height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
-    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
-    padding: 0 var(--m-control-padding-x-small);
-}
-
-.m-datepicker--large .m-datepicker__control:has(.m-datepicker__input) {
-    min-height: var(--m-control-height-large);
-}
-
-.m-datepicker--large .m-datepicker__input {
-    font-size: var(--m-control-font-large);
-    height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
-    line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
-    padding: 0 var(--m-control-padding-x-large);
-}
-
 .m-datepicker__input:focus,
 .m-datepicker__input:focus-visible {
     box-shadow: none;
@@ -1400,10 +1562,10 @@
     display: inline-flex;
     flex: 0 0 auto;
     font: inherit;
-    height: var(--m-control-affix-size);
+    height: var(--m-datepicker-affix-size);
     justify-content: center;
     padding: 0;
-    width: var(--m-control-affix-size);
+    width: var(--m-datepicker-affix-size);
 }
 
 .m-datepicker__clear:hover:not(:disabled) {
@@ -1420,6 +1582,7 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
+    font-size: var(--m-datepicker-font-size);
     margin-top: var(--m-space-1);
     min-width: max(100%, var(--m-datepicker-panel-min-width));
     padding: var(--m-space-3);
@@ -1449,9 +1612,39 @@
 }
 
 .m-datepicker__month {
+    font-size: var(--m-datepicker-font-size);
     font-weight: 500;
 }
 
+/* Header label as a clickable switch between days / months / years sub-panels. */
+button.m-datepicker__month--switch {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text);
+    cursor: pointer;
+    font-family: var(--m-font-sans);
+    font-size: inherit;
+    padding: var(--m-space-1) var(--m-space-2);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+button.m-datepicker__month--switch:hover {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+    color: var(--m-color-primary);
+}
+
+button.m-datepicker__month--switch:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-datepicker__nav {
     align-items: center;
     background: transparent;
@@ -1483,31 +1676,46 @@
 .m-datepicker__grid {
     display: grid;
     gap: var(--m-datepicker-grid-gap);
+    /* Cells fill the available panel width (e.g. fluid trigger) while keeping
+       a minimum of the size-aware cell size. */
     grid-template-columns: repeat(
         7,
-        var(--m-datepicker-calendar-cell-size, var(--m-control-affix-size, 2rem))
+        minmax(var(--m-datepicker-calendar-cell-size), 1fr)
     );
     place-items: center;
 }
 
 .m-datepicker__weekdays {
     color: var(--m-color-text-muted);
-    font-size: var(--m-font-size-xs);
+    font-size: calc(var(--m-datepicker-font-size) - 2px);
     margin-bottom: var(--m-space-1);
     text-align: center;
 }
 
+.m-datepicker__weekdays > span {
+    /* Match the stretched day cells so headers align with columns. */
+    width: 100%;
+}
+
 .m-datepicker__day {
+    align-items: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    display: inline-flex;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
     height: var(--m-datepicker-day-size);
+    justify-content: center;
+    /* Reset UA button padding so the label centers in the cell. */
+    padding: 0;
     transition: background-color var(--m-motion-fast) var(--m-motion-ease),
         color var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-datepicker-day-size);
+    /* Stretch to the grid column so fluid panels fill the trigger width;
+       height stays size-aware so cells read as rows, not oversized squares. */
+    width: 100%;
 }
 
 .m-datepicker__day--other {
@@ -1520,6 +1728,13 @@
     color: var(--m-color-on-emphasis);
 }
 
+/* Today's ring: 1px inner border in primary, suppressed once selected. */
+.m-datepicker__day--today:not(.m-datepicker__day--selected) {
+    box-shadow: inset 0 0 0 1px var(--m-color-primary);
+    color: var(--m-color-primary);
+    font-weight: 500;
+}
+
 .m-datepicker__day:hover:not(:disabled):not(.m-datepicker__day--selected) {
     background: color-mix(
         in srgb,
@@ -1550,6 +1765,59 @@
     min-width: var(--m-datepicker-shortcuts-width);
 }
 
+/* Extra footer (slot): typical "Now / Today / Clear" actions. */
+.m-datepicker__footer {
+    align-items: center;
+    border-top: var(--m-border-width) solid var(--m-color-border);
+    display: flex;
+    gap: var(--m-space-2);
+    justify-content: flex-end;
+    padding: var(--m-space-2) var(--m-space-3);
+}
+
+.m-datepicker__footer-btn {
+    background: transparent;
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-control);
+    color: var(--m-color-text);
+    cursor: pointer;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
+    height: var(--m-control-height-sm, 1.75rem);
+    padding: 0 var(--m-space-3);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-datepicker__footer-btn:hover:not(:disabled) {
+    border-color: var(--m-color-primary-hover);
+    color: var(--m-color-primary);
+}
+
+.m-datepicker__footer-btn:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-datepicker__footer-btn:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.m-datepicker__footer-btn--primary {
+    background: var(--m-color-primary);
+    border-color: var(--m-color-primary);
+    color: var(--m-color-on-emphasis);
+}
+
+.m-datepicker__footer-btn--primary:hover:not(:disabled) {
+    background: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary-hover);
+    color: var(--m-color-on-emphasis);
+}
+
 .m-datepicker__shortcut {
     background: transparent;
     border: 0;
@@ -1557,6 +1825,7 @@
     color: var(--m-color-text);
     cursor: pointer;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
     padding: var(--m-space-1) var(--m-space-2);
     text-align: left;
     transition: background-color var(--m-motion-fast) var(--m-motion-ease),
@@ -1577,6 +1846,16 @@
     outline: none;
 }
 
+.m-datepicker__shortcut--active {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 12%,
+        var(--m-color-surface)
+    );
+    color: var(--m-color-primary);
+    font-weight: 500;
+}
+
 .m-datepicker__day--in-range {
     background: color-mix(
         in srgb,
@@ -1614,12 +1893,16 @@
 }
 
 .m-datepicker__cell {
+    align-items: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    display: inline-flex;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
+    justify-content: center;
     min-height: var(--m-datepicker-day-size);
     padding: var(--m-space-2) var(--m-space-1);
     transition:
@@ -1632,6 +1915,11 @@
     color: var(--m-color-on-emphasis);
 }
 
+.m-datepicker__cell--other {
+    color: var(--m-color-text-muted);
+    opacity: 0.6;
+}
+
 .m-datepicker__cell:hover:not(.m-datepicker__cell--selected) {
     background: color-mix(
         in srgb,
@@ -1648,34 +1936,64 @@
 .m-datepicker__time {
     display: flex;
     gap: var(--m-space-1);
-    max-height: calc(
+    /* Fixed height so nested MScrollbar can resolve height: 100%. Time lists are
+       always longer than this, so the container is effectively always full. */
+    height: calc(
         6 * var(--m-datepicker-day-size) + 5 * var(--m-datepicker-grid-gap) +
             2.5rem
     );
     min-width: 0;
 }
 
+/* Each time column: header label on top + scrollable list below. */
 .m-datepicker__time-col {
     display: flex;
     flex-direction: column;
-    gap: 0.125rem;
-    max-height: 100%;
+    height: 100%;
     min-width: 2.5rem;
-    overflow-y: auto;
+}
+
+.m-datepicker__time-header {
+    color: var(--m-color-text);
+    flex: 0 0 auto;
+    font-size: var(--m-datepicker-font-size);
+    line-height: 1;
+    padding: var(--m-space-1) 0 var(--m-space-2);
+    text-align: center;
+}
+
+/* Scrollable list region below the header. */
+.m-datepicker__time-scroll {
+    flex: 1 1 auto;
+    min-height: 0;
+}
+
+.m-datepicker__time-scroll .m-datepicker__time-col-wrap {
+    height: 100%;
     overscroll-behavior: contain;
 }
 
+.m-datepicker__time-scroll .m-datepicker__time-col-view {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    min-width: 100%;
+}
+
 .m-datepicker__time-item {
+    align-items: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    display: inline-flex;
     flex: 0 0 auto;
     font-family: var(--m-font-sans);
+    font-size: var(--m-datepicker-font-size);
     font-variant-numeric: tabular-nums;
     height: var(--m-datepicker-day-size);
-    line-height: var(--m-datepicker-day-size);
+    justify-content: center;
     padding: 0;
     text-align: center;
     width: 100%;
@@ -1699,11 +2017,26 @@
     outline: none;
 }
 
-/* Time-only panel: stack columns without calendar */
+/* Time-only panel: stack columns without calendar; use a compact width
+   derived from time columns instead of the wider 7-day calendar grid. */
+.m-datepicker__panel--time-only {
+    --m-datepicker-panel-min-width: calc(
+        3 * 4rem + 2 * var(--m-space-1) + 2 * var(--m-space-3)
+    );
+}
+
 .m-datepicker__panel--time-only .m-datepicker__body {
     flex-direction: row;
+    width: 100%;
 }
 
 .m-datepicker__panel--time-only .m-datepicker__time {
-    max-height: 14rem;
+    flex: 1 1 auto;
+    height: 14rem;
+    width: 100%;
+}
+
+.m-datepicker__panel--time-only .m-datepicker__time-col {
+    flex: 1 1 0;
+    min-width: 0;
 }

package/dist/date-picker/style.js

@@ -1,4 +1,5 @@
 import '../theme/styles.css'
 import '../styles/base.css'
 import '../components/Icon/styles.css'
+import '../components/Scrollbar/styles.css'
 import '../components/DatePicker/styles.css'

package/dist/descriptions/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { o as t } from "../config-BEpyhJi3.js";
+import { o as t } from "../config-Cd20zAyW.js";
 import "./style.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, inject as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, provide as p, renderSlot as m, toDisplayString as h, toRef as g, unref as _, useAttrs as v, useSlots as y } from "vue";
 //#region src/components/Descriptions/types.ts

package/dist/descriptions/style.css

@@ -17,11 +17,12 @@
     --m-control-height-small: 24px;
     --m-control-height-medium: 32px;
     --m-control-height-large: 40px;
+    /* Ant Design: small/medium share 14px, large uses 16px */
     --m-control-font-small: 14px;
     --m-control-font-medium: 14px;
-    --m-control-font-large: 15px;
-    --m-control-padding-x-small: 10px;
-    --m-control-padding-x-medium: 15px;
+    --m-control-font-large: 16px;
+    --m-control-padding-x-small: 8px;
+    --m-control-padding-x-medium: 12px;
     --m-control-padding-x-large: 16px;
 
     --m-radius-control: 6px;

package/dist/dialog/index.js

@@ -1,14 +1,14 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { n as t } from "../overlay-oR-5MDuE.js";
-import { t as n } from "../useMotionTransition-DqL_SEML.js";
+import { t as n } from "../useMotionTransition-DohkfWRB.js";
 import { t as r } from "../Icon-CmHjx7W8.js";
-import { t as i } from "../Button-Bjsth0ct.js";
+import { t as i } from "../Button-fKkfCnYv.js";
 import { t as a } from "../useModalOverlay-Beo3CEAt.js";
 import { t as o } from "../asyncGuard-CPGT_TKu.js";
 import { t as s } from "../lastPointer-CRxcUqdd.js";
 import { t as c } from "../overlayHost-78CGtMgR.js";
-import { l } from "../config-BEpyhJi3.js";
-import { n as u } from "../locale-CZddM-tH.js";
+import { l } from "../config-Cd20zAyW.js";
+import { n as u } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Teleport as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, h as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as ee, onBeforeUnmount as w, openBlock as T, reactive as E, ref as D, render as O, renderSlot as k, toDisplayString as te, toRef as A, unref as j, useAttrs as M, useSlots as N, watch as P, withCtx as F, withModifiers as ne } from "vue";
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts

package/dist/dialog/style.css

@@ -17,11 +17,12 @@
     --m-control-height-small: 24px;
     --m-control-height-medium: 32px;
     --m-control-height-large: 40px;
+    /* Ant Design: small/medium share 14px, large uses 16px */
     --m-control-font-small: 14px;
     --m-control-font-medium: 14px;
-    --m-control-font-large: 15px;
-    --m-control-padding-x-small: 10px;
-    --m-control-padding-x-medium: 15px;
+    --m-control-font-large: 16px;
+    --m-control-padding-x-small: 8px;
+    --m-control-padding-x-medium: 12px;
     --m-control-padding-x-large: 16px;
 
     --m-radius-control: 6px;