morya-ui 0.3.0 → 0.3.1

package/dist/select/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -1578,21 +1582,29 @@
 
 .m-select__filter,
 .m-treeselect__filter {
+    /* size="1" + min-width:0 keep intrinsic width from inflating width:max-content menus */
+    align-self: stretch;
     background: var(--m-color-surface);
-    border: 0;
-    border-bottom: var(--m-border-width) solid var(--m-color-border);
+    border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-sm);
     box-sizing: border-box;
     color: var(--m-color-text);
     flex: 0 0 auto;
-    font: inherit;
-    margin: calc(var(--m-space-1) * -1) calc(var(--m-space-1) * -1) 0;
-    padding: var(--m-space-2) var(--m-space-3);
-    width: calc(100% + var(--m-space-1) * 2);
+    font-family: var(--m-font-sans);
+    font-size: var(--m-control-font-small);
+    height: var(--m-control-height-small);
+    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    margin: var(--m-space-2);
+    max-width: calc(100% - 2 * var(--m-space-2));
+    min-width: 0;
+    outline: none;
+    padding: 0 var(--m-control-padding-x-small);
+    width: auto;
 }
 
 .m-select__filter:focus-visible,
 .m-treeselect__filter:focus-visible {
+    border-color: var(--m-color-primary-hover);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
@@ -1937,7 +1949,7 @@
 
 .m-select__menu:has(.m-select__filter) {
     --m-select-list-max-height: calc(
-        var(--m-select-menu-max-height) - var(--m-control-height-medium) - var(--m-space-2)
+        var(--m-select-menu-max-height) - var(--m-control-height-small) - var(--m-space-6)
     );
 }
 
@@ -1985,3 +1997,32 @@
     min-height: 0;
     width: 100%;
 }
+
+.m-select__group-label {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-xs);
+    padding: var(--m-space-2) var(--m-control-padding-x-medium) var(--m-space-1);
+}
+
+/* Virtual rows are fixed-height: center the group label like an option row. */
+.m-select__list--virtual .m-select__group-label {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    height: 100%;
+    padding-bottom: 0;
+    padding-top: 0;
+}
+
+.m-select__header,
+.m-select__footer {
+    flex: 0 0 auto;
+    padding: var(--m-space-2) var(--m-control-padding-x-medium);
+}
+
+/* Header/footer live outside the scroll list; let the menu grow past the list
+   cap so the panel's overflow:hidden does not clip them. */
+.m-select__menu:has(.m-select__header),
+.m-select__menu:has(.m-select__footer) {
+    max-height: none;
+}

package/dist/select-button/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/shared/menu/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/shared/menu/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAyB3D,+EAA+E;AAC/E,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAInE"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/shared/menu/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAgB3D,+EAA+E;AAC/E,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAInE"}

package/dist/shared/styles/select-overlay.css

@@ -147,21 +147,29 @@
 
 .m-select__filter,
 .m-treeselect__filter {
+    /* size="1" + min-width:0 keep intrinsic width from inflating width:max-content menus */
+    align-self: stretch;
     background: var(--m-color-surface);
-    border: 0;
-    border-bottom: var(--m-border-width) solid var(--m-color-border);
+    border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-sm);
     box-sizing: border-box;
     color: var(--m-color-text);
     flex: 0 0 auto;
-    font: inherit;
-    margin: calc(var(--m-space-1) * -1) calc(var(--m-space-1) * -1) 0;
-    padding: var(--m-space-2) var(--m-space-3);
-    width: calc(100% + var(--m-space-1) * 2);
+    font-family: var(--m-font-sans);
+    font-size: var(--m-control-font-small);
+    height: var(--m-control-height-small);
+    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    margin: var(--m-space-2);
+    max-width: calc(100% - 2 * var(--m-space-2));
+    min-width: 0;
+    outline: none;
+    padding: 0 var(--m-control-padding-x-small);
+    width: auto;
 }
 
 .m-select__filter:focus-visible,
 .m-treeselect__filter:focus-visible {
+    border-color: var(--m-color-primary-hover);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }

package/dist/sidebar/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
-import { t as n } from "../icon-DWXkh-RM.js";
+import { t } from "../Icon-od9Ob-Ay.js";
+import { t as n } from "../icon-COrt_N8A.js";
 import { n as r } from "../locale-Bzm2nbEp.js";
 import "./style.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, useSlots as v } from "vue";

package/dist/sidebar/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/skeleton/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/slider/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -1266,6 +1270,15 @@
     pointer-events: auto;
 }
 
+/* range 模式下 end 输入框绘制在上层，其滑轨会盖住 start 的滚顶点，因此隐藏它的滑轨 */
+.m-slider--range .m-slider__input--end::-webkit-slider-runnable-track {
+    background: transparent;
+}
+
+.m-slider--range .m-slider__input--end::-moz-range-track {
+    background: transparent;
+}
+
 .m-slider__input::-webkit-slider-runnable-track {
     background: color-mix(
         in srgb,

package/dist/space/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/speed-dial/index.js

@@ -1,12 +1,12 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../useMotionTransition-Bxnnb_9u.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 s } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as c } from "../useMId-BXFYayPP.js";
-import { t as ee } from "../icon-DWXkh-RM.js";
+import { t as ee } from "../icon-COrt_N8A.js";
 import { c as te } from "../config-CapALqt3.js";
 import { n as ne } from "../locale-Bzm2nbEp.js";
 import "./style.js";

package/dist/speed-dial/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/split-button/index.js

@@ -1,6 +1,6 @@
 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-lcN1rS87.js";
+import { a as ee, t as n } from "../Icon-od9Ob-Ay.js";
 import { t as te } from "../useMotionTransition-Bxnnb_9u.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
 import { t as a } from "../overlayPlacement-Cd20JTD_.js";

package/dist/split-button/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -2098,12 +2102,17 @@
     box-shadow: var(--m-shadow-md);
     list-style: none;
     margin: var(--m-space-1) 0 0;
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 100%;
     padding: var(--m-space-1);
     position: absolute;
     right: 0;
     top: 100%;
     transform-origin: top right;
+    /* Grow with the content: shrink-to-fit would clamp to the button width
+       (the containing block) when not teleported. Teleported mode overrides
+       min-width with the inline button width. */
+    width: max-content;
     z-index: var(--m-z-popper);
 }
 

package/dist/splitter/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/status/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../types-DGuu4Eg4.js";
 import { t } from "../usePauseOffscreen-BIikV_gj.js";
-import { t as n } from "../Icon-lcN1rS87.js";
+import { t as n } from "../Icon-od9Ob-Ay.js";
 import { o as r } from "../config-CapALqt3.js";
 import "./style.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useSlots as _ } from "vue";

package/dist/status/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/stepper/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import "./style.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _ } from "vue";
 //#region src/components/Stepper/Stepper.vue?vue&type=script&setup=true&lang.ts

package/dist/stepper/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/styles/base.css

@@ -164,9 +164,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {