morya-ui 0.4.3 → 0.4.5

package/dist/time-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;
@@ -1205,12 +1206,22 @@
     animation: none !important;
 }
 
-/* --- Form: DatePicker --- */
+/* --- 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)
@@ -1218,6 +1229,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;
@@ -1259,7 +1296,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);
@@ -1275,17 +1312,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;
@@ -1295,37 +1347,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;
@@ -1351,10 +1381,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) {
@@ -1371,6 +1401,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);
@@ -1400,9 +1431,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;
@@ -1434,31 +1495,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 {
@@ -1471,6 +1547,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,
@@ -1501,6 +1584,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;
@@ -1508,6 +1644,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),
@@ -1528,6 +1665,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,
@@ -1565,12 +1712,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:
@@ -1583,6 +1734,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,
@@ -1599,34 +1755,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%;
@@ -1650,11 +1836,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/timeline/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/toast/index.js

@@ -1,12 +1,12 @@
 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 { n as i, r as a } from "../content-h8POj44-.js";
 import { t as o } from "../Renderable-DHU4Jcfw.js";
 import { n as s } from "../overlayHost-78CGtMgR.js";
-import { l as c } from "../config-BEpyhJi3.js";
-import { n as l, t as u } from "../locale-CZddM-tH.js";
+import { l as c } from "../config-Cd20zAyW.js";
+import { n as l, t as u } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Fragment as ee, Teleport as d, TransitionGroup as te, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, h as y, mergeProps as b, normalizeClass as x, onBeforeUnmount as S, onMounted as ne, openBlock as C, reactive as w, renderList as re, unref as T, useAttrs as E, watch as D, withCtx as O } from "vue";
 //#region src/components/Toast/toastState.ts

package/dist/toast/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/toggle-button/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../Icon-CmHjx7W8.js";
 import { t } from "../icon-H8prbteT.js";
-import { o as n } from "../config-BEpyhJi3.js";
+import { o as n } from "../config-Cd20zAyW.js";
 import "./style.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f } from "vue";
 //#region src/components/ToggleButton/ToggleButton.vue?vue&type=script&setup=true&lang.ts

package/dist/toggle-button/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/toolbar/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/tooltip/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Tooltip-DSfkflHp.js";
+import { t as e } from "../Tooltip-5zRVTTVs.js";
 import "./style.js";
 export { e as MTooltip };

package/dist/tooltip/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/tour/index.js

@@ -2,9 +2,9 @@ import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { n as t } from "../overlay-oR-5MDuE.js";
 import { t as ee } from "../overlayPlacement-qwEJPVS4.js";
 import { t as n } from "../Icon-CmHjx7W8.js";
-import { t as r } from "../Button-Bjsth0ct.js";
-import { l as te } from "../config-BEpyhJi3.js";
-import { n as ne } from "../locale-CZddM-tH.js";
+import { t as r } from "../Button-fKkfCnYv.js";
+import { l as te } from "../config-Cd20zAyW.js";
+import { n as ne } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as re, openBlock as _, ref as v, toDisplayString as y, unref as b, useAttrs as x, watch as S, withCtx as C } from "vue";
 //#region src/components/Tour/Tour.vue?vue&type=script&setup=true&lang.ts

package/dist/tour/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/tree/index.js

@@ -1,9 +1,9 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { a as t, t as n } from "../Icon-CmHjx7W8.js";
 import { t as r } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as i } from "../Checkbox-Bo26OGHP.js";
+import { t as i } from "../Checkbox-BXC2mLNd.js";
 import { a, c as ee, d as o, f as s, i as c, l, o as u, p as d, r as te, s as ne, t as f } from "../treeQuery-CnHkyYOA.js";
-import { n as re } from "../locale-CZddM-tH.js";
+import { n as re } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, defineComponent as b, inject as x, mergeProps as S, nextTick as C, normalizeClass as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as ie, renderSlot as ae, resolveDynamicComponent as oe, toDisplayString as k, unref as A, useAttrs as se, useSlots as ce, watch as j, withModifiers as M } from "vue";
 //#region src/components/Tree/context.ts

package/dist/tree/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;