morya-ui 0.4.3 → 0.4.5

package/dist/calendar/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,13 +1836,28 @@
     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;
 }
 
 /* —— Form: Segmented —— */

package/dist/card/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/carousel/index.js

@@ -1,7 +1,7 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Button-Bjsth0ct.js";
+import { t } from "../Button-fKkfCnYv.js";
 import { t as n } from "../vnode-PJWBO7_h.js";
-import { n as r } from "../locale-CZddM-tH.js";
+import { n as r } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as ee, createElementBlock as s, createElementVNode as te, createVNode as c, defineComponent as l, guardReactiveProps as ne, mergeProps as re, nextTick as u, normalizeClass as d, normalizeProps as f, normalizeStyle as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as p, provide as se, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as ce, unref as _, useAttrs as le, useSlots as ue, watch as v } from "vue";
 //#region src/components/Carousel/context.ts

package/dist/carousel/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/cascade-select/index.js

@@ -3,12 +3,12 @@ import { n as t, t as n } from "../overlay-oR-5MDuE.js";
 import { t as r } from "../overlayPlacement-qwEJPVS4.js";
 import { t as ee } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as te } from "../useMId-BXFYayPP.js";
-import { t as ne } from "../useMotionTransition-DqL_SEML.js";
+import { t as ne } from "../useMotionTransition-DohkfWRB.js";
 import { t as i } from "../Icon-CmHjx7W8.js";
 import { t as re } from "../Scrollbar-DTeJ8P5b.js";
 import { t as ie } from "../useMenuKeyboard-BedmYE4W.js";
-import { i as ae, l as oe, o as se } from "../config-BEpyhJi3.js";
-import { n as ce } from "../locale-CZddM-tH.js";
+import { i as ae, l as oe, o as se } from "../config-Cd20zAyW.js";
+import { n as ce } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Fragment as a, Teleport as le, Transition as ue, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as de, onBeforeUnmount as fe, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useAttrs as pe, useSlots as me, watch as S, withCtx as C } from "vue";
 //#region src/components/CascadeSelect/CascadeSelect.vue?vue&type=script&setup=true&lang.ts

package/dist/cascade-select/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/checkbox/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { n as t, t as n } from "../Checkbox-Bo26OGHP.js";
+import { n as t, t as n } from "../Checkbox-BXC2mLNd.js";
 import "./style.js";
 import { computed as r, createElementBlock as i, defineComponent as a, mergeProps as o, openBlock as s, provide as c, renderSlot as l, unref as u, useAttrs as d } from "vue";
 //#region src/components/Checkbox/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts

package/dist/checkbox/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/chip/index.js

@@ -1,7 +1,7 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { r as t, t as n } from "../types-DBQfGctj.js";
 import { t as r } from "../Icon-CmHjx7W8.js";
-import { n as i } from "../locale-CZddM-tH.js";
+import { n as i } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g } from "vue";
 //#region src/components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts

package/dist/chip/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/command-menu/index.js

@@ -1,13 +1,13 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../filterByQuery-Bczaxzih.js";
 import { n as ee } 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 te } from "../Icon-CmHjx7W8.js";
 import { t as ne } from "../Scrollbar-DTeJ8P5b.js";
 import { t as r } from "../icon-H8prbteT.js";
 import { t as i } from "../useModalOverlay-Beo3CEAt.js";
-import { l as a } from "../config-BEpyhJi3.js";
-import { n as re } from "../locale-CZddM-tH.js";
+import { l as a } from "../config-Cd20zAyW.js";
+import { n as re } from "../locale-BcxMPufl.js";
 import "./style.js";
 import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as ie, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, nextTick as g, normalizeClass as _, openBlock as v, ref as y, renderList as ae, toDisplayString as b, toRef as oe, unref as x, useAttrs as S, vModelText as C, watch as w, withCtx as T, withDirectives as E, withModifiers as D } from "vue";
 //#region src/components/CommandMenu/CommandMenu.vue?vue&type=script&setup=true&lang.ts

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