morya-ui 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (309) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/dist/Button-dMqRmoYa.js +222 -0
  3. package/dist/{Card-Dsmnzong.js → Card-B1CB9Trm.js} +3 -5
  4. package/dist/Empty-C5tndBOm.js +147 -0
  5. package/dist/Icon-od9Ob-Ay.js +393 -0
  6. package/dist/Loading-BSsRs6v9.js +420 -0
  7. package/dist/Pagination-CqpC5EAs.js +166 -0
  8. package/dist/Select-CKGrSoaC.js +572 -0
  9. package/dist/Skeleton-DCYdXAH2.js +59 -0
  10. package/dist/accordion/style.css +20 -71
  11. package/dist/auto-complete/index.js +118 -120
  12. package/dist/auto-complete/style.css +24 -88
  13. package/dist/avatar/index.js +1 -1
  14. package/dist/avatar/style.css +10 -67
  15. package/dist/badge/style.css +10 -68
  16. package/dist/block-ui/style.css +10 -68
  17. package/dist/breadcrumb/style.css +10 -61
  18. package/dist/button/index.js +1 -1
  19. package/dist/button/style.css +72 -78
  20. package/dist/card/index.js +1 -1
  21. package/dist/card/style.css +30 -67
  22. package/dist/carousel/index.js +72 -64
  23. package/dist/carousel/style.css +36 -82
  24. package/dist/cascade-select/index.js +1 -1
  25. package/dist/cascade-select/style.css +24 -81
  26. package/dist/checkbox/style.css +10 -61
  27. package/dist/chip/index.js +1 -1
  28. package/dist/chip/style.css +10 -67
  29. package/dist/command-menu/index.js +37 -39
  30. package/dist/command-menu/style.css +10 -75
  31. package/dist/components/Accordion/styles.css +10 -10
  32. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  33. package/dist/components/AutoComplete/styles.css +0 -7
  34. package/dist/components/Badge/styles.css +0 -7
  35. package/dist/components/BlockUI/styles.css +0 -7
  36. package/dist/components/Button/Button.vue.d.ts +2 -0
  37. package/dist/components/Button/Button.vue.d.ts.map +1 -1
  38. package/dist/components/Button/styles.css +62 -11
  39. package/dist/components/Button/types.d.ts +4 -0
  40. package/dist/components/Button/types.d.ts.map +1 -1
  41. package/dist/components/Card/Card.vue.d.ts +2 -2
  42. package/dist/components/Card/Card.vue.d.ts.map +1 -1
  43. package/dist/components/Card/index.d.ts +1 -1
  44. package/dist/components/Card/index.d.ts.map +1 -1
  45. package/dist/components/Card/styles.css +20 -6
  46. package/dist/components/Card/types.d.ts +4 -2
  47. package/dist/components/Card/types.d.ts.map +1 -1
  48. package/dist/components/Carousel/Carousel.vue.d.ts.map +1 -1
  49. package/dist/components/Carousel/styles.css +26 -15
  50. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  51. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts +2 -2
  52. package/dist/components/DataView/DataView.vue.d.ts +7 -7
  53. package/dist/components/DataView/DataView.vue.d.ts.map +1 -1
  54. package/dist/components/DataView/styles.css +0 -20
  55. package/dist/components/Dialog/styles.css +3 -46
  56. package/dist/components/Dock/styles.css +0 -10
  57. package/dist/components/Drawer/styles.css +2 -51
  58. package/dist/components/Dropdown/Dropdown.vue.d.ts +2 -2
  59. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  60. package/dist/components/Dropdown/DropdownNodes.vue.d.ts +8 -9
  61. package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map +1 -1
  62. package/dist/components/Dropdown/styles.css +24 -5
  63. package/dist/components/Fieldset/styles.css +0 -7
  64. package/dist/components/FileUpload/FileUpload.vue.d.ts.map +1 -1
  65. package/dist/components/FileUpload/fileUtils.d.ts +8 -0
  66. package/dist/components/FileUpload/fileUtils.d.ts.map +1 -0
  67. package/dist/components/Gallery/styles.css +0 -8
  68. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  69. package/dist/components/Icon/icon-categories.d.ts.map +1 -1
  70. package/dist/components/Icon/icons-types.d.ts +4 -2
  71. package/dist/components/Icon/icons-types.d.ts.map +1 -1
  72. package/dist/components/Icon/icons.d.ts +250 -561
  73. package/dist/components/Icon/icons.d.ts.map +1 -1
  74. package/dist/components/Icon/index.d.ts +2 -2
  75. package/dist/components/Icon/index.d.ts.map +1 -1
  76. package/dist/components/Icon/styles.css +0 -6
  77. package/dist/components/Knob/styles.css +0 -6
  78. package/dist/components/Layout/styles.css +5 -14
  79. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  80. package/dist/components/Loading/styles.css +0 -16
  81. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  82. package/dist/components/Menu/styles.css +6 -7
  83. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  84. package/dist/components/Menubar/styles.css +4 -0
  85. package/dist/components/Message/styles.css +0 -13
  86. package/dist/components/Page/PageContent.vue.d.ts +2 -1
  87. package/dist/components/Page/PageContent.vue.d.ts.map +1 -1
  88. package/dist/components/Page/PageFilterChips.vue.d.ts +16 -0
  89. package/dist/components/Page/PageFilterChips.vue.d.ts.map +1 -0
  90. package/dist/components/Page/PageFilters.vue.d.ts +15 -3
  91. package/dist/components/Page/PageFilters.vue.d.ts.map +1 -1
  92. package/dist/components/Page/PageHeader.vue.d.ts +8 -4
  93. package/dist/components/Page/PageHeader.vue.d.ts.map +1 -1
  94. package/dist/components/Page/PagePlaceholder.vue.d.ts +6 -2
  95. package/dist/components/Page/PagePlaceholder.vue.d.ts.map +1 -1
  96. package/dist/components/Page/PageSection.vue.d.ts +8 -2
  97. package/dist/components/Page/PageSection.vue.d.ts.map +1 -1
  98. package/dist/components/Page/PageStat.vue.d.ts +8 -3
  99. package/dist/components/Page/PageStat.vue.d.ts.map +1 -1
  100. package/dist/components/Page/index.d.ts +2 -1
  101. package/dist/components/Page/index.d.ts.map +1 -1
  102. package/dist/components/Page/styles.css +239 -44
  103. package/dist/components/Page/types.d.ts +40 -0
  104. package/dist/components/Page/types.d.ts.map +1 -1
  105. package/dist/components/Pagination/Pagination.vue.d.ts.map +1 -1
  106. package/dist/components/Pagination/styles.css +7 -10
  107. package/dist/components/Pagination/types.d.ts +1 -1
  108. package/dist/components/Pagination/types.d.ts.map +1 -1
  109. package/dist/components/Panel/styles.css +0 -7
  110. package/dist/components/Popover/styles.css +20 -17
  111. package/dist/components/ProgressBar/styles.css +0 -9
  112. package/dist/components/ProgressSpinner/styles.css +0 -7
  113. package/dist/components/ScrollTop/styles.css +0 -7
  114. package/dist/components/Scrollbar/Scrollbar.vue.d.ts +1 -1
  115. package/dist/components/Scrollbar/styles.css +0 -8
  116. package/dist/components/Select/Select.vue.d.ts +10 -8
  117. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  118. package/dist/components/Select/selectOptions.d.ts +46 -0
  119. package/dist/components/Select/selectOptions.d.ts.map +1 -0
  120. package/dist/components/Select/styles.css +35 -8
  121. package/dist/components/Select/types.d.ts +11 -1
  122. package/dist/components/Select/types.d.ts.map +1 -1
  123. package/dist/components/Sidebar/styles.css +0 -6
  124. package/dist/components/Skeleton/styles.css +0 -6
  125. package/dist/components/Slider/styles.css +9 -0
  126. package/dist/components/SplitButton/styles.css +5 -0
  127. package/dist/components/Status/styles.css +0 -7
  128. package/dist/components/Switch/styles.css +0 -7
  129. package/dist/components/Table/Table.vue.d.ts +26 -26
  130. package/dist/components/Table/Table.vue.d.ts.map +1 -1
  131. package/dist/components/Table/TableLoadingLine.vue.d.ts.map +1 -1
  132. package/dist/components/Table/hooks/useExpandableRow.d.ts.map +1 -1
  133. package/dist/components/Table/hooks/useTotalItems.d.ts.map +1 -1
  134. package/dist/components/Table/styles.css +61 -44
  135. package/dist/components/Table/tableQuery.d.ts +30 -0
  136. package/dist/components/Table/tableQuery.d.ts.map +1 -0
  137. package/dist/components/Tree/Tree.vue.d.ts.map +1 -1
  138. package/dist/components/Tree/treeQuery.d.ts +31 -0
  139. package/dist/components/Tree/treeQuery.d.ts.map +1 -0
  140. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  141. package/dist/components/TreeSelect/styles.css +1 -1
  142. package/dist/config-provider/index.js +1 -1
  143. package/dist/config-provider/style.css +72 -72
  144. package/dist/confirm-dialog/index.js +2 -2
  145. package/dist/confirm-dialog/style.css +75 -124
  146. package/dist/confirm-popup/index.js +2 -2
  147. package/dist/confirm-popup/style.css +72 -78
  148. package/dist/context-menu/index.js +2 -2
  149. package/dist/context-menu/style.css +10 -75
  150. package/dist/data-view/index.js +47 -47
  151. package/dist/data-view/style.css +393 -174
  152. package/dist/data-view/style.js +1 -1
  153. package/dist/date-picker/index.js +1 -1
  154. package/dist/date-picker/style.css +10 -67
  155. package/dist/dialog/index.js +2 -2
  156. package/dist/dialog/style.css +75 -124
  157. package/dist/divider/style.css +10 -61
  158. package/dist/dock/index.js +2 -2
  159. package/dist/dock/style.css +10 -77
  160. package/dist/drawer/index.js +1 -1
  161. package/dist/drawer/style.css +12 -118
  162. package/dist/dropdown/index.js +110 -91
  163. package/dist/dropdown/style.css +34 -80
  164. package/dist/empty/index.js +5 -150
  165. package/dist/empty/style.css +10 -67
  166. package/dist/fieldset/index.js +1 -1
  167. package/dist/fieldset/style.css +10 -74
  168. package/dist/file-upload/index.js +148 -146
  169. package/dist/file-upload/style.css +10 -67
  170. package/dist/filterByQuery-Bczaxzih.js +17 -0
  171. package/dist/flex/style.css +10 -61
  172. package/dist/float-label/style.css +10 -61
  173. package/dist/fluid/style.css +10 -61
  174. package/dist/form/style.css +10 -61
  175. package/dist/gallery/index.js +1 -1
  176. package/dist/gallery/style.css +10 -83
  177. package/dist/grid/style.css +10 -61
  178. package/dist/icon/index.js +93 -39
  179. package/dist/icon/style.css +10 -67
  180. package/dist/icon-COrt_N8A.js +18 -0
  181. package/dist/icon-field/style.css +10 -61
  182. package/dist/index.d.ts +3 -2
  183. package/dist/index.d.ts.map +1 -1
  184. package/dist/index.js +5400 -5145
  185. package/dist/inplace/style.css +10 -61
  186. package/dist/input/index.js +1 -1
  187. package/dist/input/style.css +10 -67
  188. package/dist/input-color/style.css +10 -61
  189. package/dist/input-group/style.css +10 -61
  190. package/dist/input-number/index.js +1 -1
  191. package/dist/input-number/style.css +10 -67
  192. package/dist/input-otp/style.css +10 -61
  193. package/dist/input-password/index.js +1 -1
  194. package/dist/input-password/style.css +10 -67
  195. package/dist/input-tags/index.js +1 -1
  196. package/dist/input-tags/style.css +10 -67
  197. package/dist/knob/style.css +10 -67
  198. package/dist/label/style.css +10 -61
  199. package/dist/layout/index.js +1 -1
  200. package/dist/layout/style.css +15 -89
  201. package/dist/listbox/index.js +30 -32
  202. package/dist/listbox/style.css +10 -69
  203. package/dist/loading/index.js +32 -446
  204. package/dist/loading/style.css +10 -77
  205. package/dist/mega-menu/index.js +2 -2
  206. package/dist/mega-menu/style.css +10 -67
  207. package/dist/menu/index.js +265 -255
  208. package/dist/menu/style.css +36 -99
  209. package/dist/menubar/index.js +6 -3
  210. package/dist/menubar/style.css +14 -75
  211. package/dist/message/index.js +1 -1
  212. package/dist/message/style.css +10 -80
  213. package/dist/meter-group/style.css +10 -61
  214. package/dist/order-list/index.js +1 -1
  215. package/dist/order-list/style.css +10 -67
  216. package/dist/page/index.js +229 -70
  217. package/dist/page/style.css +1186 -113
  218. package/dist/page/style.js +3 -0
  219. package/dist/pagination/index.js +1 -1
  220. package/dist/pagination/style.css +210 -77
  221. package/dist/pagination/style.js +1 -0
  222. package/dist/panel/index.js +1 -1
  223. package/dist/panel/style.css +10 -74
  224. package/dist/pick-list/index.js +1 -1
  225. package/dist/pick-list/style.css +10 -67
  226. package/dist/popover/style.css +30 -78
  227. package/dist/progress-bar/style.css +10 -70
  228. package/dist/progress-spinner/index.js +105 -2
  229. package/dist/progress-spinner/style.css +10 -68
  230. package/dist/radio/style.css +10 -61
  231. package/dist/rating/index.js +1 -1
  232. package/dist/rating/style.css +10 -67
  233. package/dist/resolver-map.d.ts.map +1 -1
  234. package/dist/resolver.js +1 -0
  235. package/dist/result/index.js +1 -1
  236. package/dist/result/style.css +10 -67
  237. package/dist/scroll-top/index.js +1 -1
  238. package/dist/scroll-top/style.css +10 -82
  239. package/dist/scrollbar/style.css +10 -69
  240. package/dist/select/index.js +2 -478
  241. package/dist/select/style.css +59 -89
  242. package/dist/select-button/style.css +10 -61
  243. package/dist/shared/config.d.ts +2 -2
  244. package/dist/shared/filterByQuery.d.ts +14 -0
  245. package/dist/shared/filterByQuery.d.ts.map +1 -0
  246. package/dist/shared/menu/expand.d.ts +38 -0
  247. package/dist/shared/menu/expand.d.ts.map +1 -0
  248. package/dist/shared/menu/icon.d.ts.map +1 -1
  249. package/dist/shared/menu/index.d.ts +2 -0
  250. package/dist/shared/menu/index.d.ts.map +1 -1
  251. package/dist/shared/styles/select-overlay.css +14 -6
  252. package/dist/sidebar/index.js +2 -2
  253. package/dist/sidebar/style.css +10 -73
  254. package/dist/skeleton/index.js +2 -59
  255. package/dist/skeleton/style.css +10 -67
  256. package/dist/slider/style.css +19 -61
  257. package/dist/space/style.css +10 -61
  258. package/dist/speed-dial/index.js +2 -2
  259. package/dist/speed-dial/style.css +10 -67
  260. package/dist/split-button/index.js +1 -1
  261. package/dist/split-button/style.css +77 -78
  262. package/dist/splitter/style.css +10 -61
  263. package/dist/status/index.js +1 -1
  264. package/dist/status/style.css +10 -74
  265. package/dist/stepper/index.js +1 -1
  266. package/dist/stepper/style.css +10 -67
  267. package/dist/styles/base.css +5 -50
  268. package/dist/styles.css +1 -1
  269. package/dist/switch/style.css +10 -68
  270. package/dist/table/index.js +409 -373
  271. package/dist/table/style.css +457 -215
  272. package/dist/table/style.js +1 -1
  273. package/dist/tabs/index.js +1 -1
  274. package/dist/tabs/style.css +10 -75
  275. package/dist/tag/index.js +1 -1
  276. package/dist/tag/style.css +10 -67
  277. package/dist/terminal/style.css +10 -61
  278. package/dist/textarea/index.js +1 -1
  279. package/dist/textarea/style.css +10 -67
  280. package/dist/theme/styles.css +5 -11
  281. package/dist/theme/useMotion.d.ts +5 -1
  282. package/dist/theme/useMotion.d.ts.map +1 -1
  283. package/dist/tiered-menu/index.js +1 -1
  284. package/dist/tiered-menu/style.css +10 -75
  285. package/dist/timeline/index.js +1 -1
  286. package/dist/timeline/style.css +10 -75
  287. package/dist/toast/index.js +1 -1
  288. package/dist/toast/style.css +10 -67
  289. package/dist/toggle-button/index.js +2 -2
  290. package/dist/toggle-button/style.css +10 -67
  291. package/dist/toolbar/style.css +10 -61
  292. package/dist/tooltip/style.css +10 -61
  293. package/dist/tree/index.js +159 -173
  294. package/dist/tree/style.css +10 -67
  295. package/dist/tree-select/index.js +200 -213
  296. package/dist/tree-select/style.css +25 -82
  297. package/dist/tree-table/index.js +1 -1
  298. package/dist/tree-table/style.css +10 -67
  299. package/dist/treeQuery-CnHkyYOA.js +107 -0
  300. package/dist/virtual-scroller/style.css +10 -69
  301. package/package.json +1 -1
  302. package/dist/Button-B5X_R4Md.js +0 -156
  303. package/dist/Icon-lcN1rS87.js +0 -610
  304. package/dist/Pagination-CVrH8Ypi.js +0 -158
  305. package/dist/ProgressSpinner-BeWVF6Jv.js +0 -105
  306. package/dist/checkStrategy-CZzuUKDI.js +0 -63
  307. package/dist/components/Icon/icons-tabler.d.ts +0 -77
  308. package/dist/components/Icon/icons-tabler.d.ts.map +0 -1
  309. package/dist/icon-DWXkh-RM.js +0 -27
@@ -50,6 +50,10 @@
50
50
  --m-font-size-sm: 0.8125rem;
51
51
  --m-font-size-md: 0.875rem;
52
52
  --m-font-size-lg: 1.125rem;
53
+ /* Display scale (page titles, KPI figures) */
54
+ --m-font-size-xl: 1.25rem;
55
+ --m-font-size-2xl: 1.5rem;
56
+ --m-font-size-3xl: 1.75rem;
53
57
  --m-opacity-disabled: 0.55;
54
58
  /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
55
59
  --m-z-base: 1000;
@@ -192,20 +196,10 @@
192
196
 
193
197
  /*
194
198
  * Global motion policy (complements per-component rules):
195
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
199
+ * - `reduced`: keep short paint transitions; stop loops
196
200
  * and layout/transform size animation.
197
201
  * - `none`: zero all transition/animation durations.
198
202
  */
199
- @media (prefers-reduced-motion: reduce) {
200
- html:not([data-m-ignore-reduced-motion]) *,
201
- html:not([data-m-ignore-reduced-motion]) *::before,
202
- html:not([data-m-ignore-reduced-motion]) *::after {
203
- animation-duration: 0.01ms !important;
204
- animation-iteration-count: 1 !important;
205
- transition-property: background-color, border-color, color, opacity, box-shadow,
206
- outline, fill, stroke, stroke-dashoffset !important;
207
- }
208
- }
209
203
 
210
204
  [data-m-motion="reduced"] *,
211
205
  [data-m-motion="reduced"] *::before,
@@ -529,9 +523,13 @@
529
523
  border-radius: var(--m-radius-md);
530
524
  box-shadow: var(--m-shadow-md);
531
525
  max-height: var(--m-dropdown-submenu-max-height);
526
+ max-width: calc(100vw - 2 * var(--m-space-4));
532
527
  min-width: 10rem;
533
528
  overflow: hidden;
534
529
  padding: var(--m-space-1);
530
+ /* Same as .m-dropdown__menu: size to content instead of being clamped
531
+ by the space left of the anchor in the viewport. */
532
+ width: max-content;
535
533
  }
536
534
 
537
535
  .m-dropdown__submenu--teleported {
@@ -611,7 +609,7 @@
611
609
  .m-zoom-enter-from,
612
610
  .m-zoom-leave-to {
613
611
  opacity: 0;
614
- transform: scale(0.9);
612
+ transform: scale(0.95);
615
613
  }
616
614
 
617
615
  .m-slide-up-enter-active,
@@ -656,44 +654,6 @@
656
654
  transform: translateX(calc(var(--m-motion-distance) * -1));
657
655
  }
658
656
 
659
- @media (prefers-reduced-motion: reduce) {
660
- html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
661
- html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
662
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
663
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
664
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
665
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
666
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
667
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
668
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
669
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
670
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
671
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
672
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
673
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
674
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
675
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
676
- transition: none;
677
- }
678
-
679
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
680
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
681
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
682
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
683
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
684
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
685
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
686
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
687
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
688
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
689
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
690
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
691
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
692
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
693
- transform: none;
694
- }
695
- }
696
-
697
657
  [data-m-motion="reduced"] .m-fade-enter-active,
698
658
  [data-m-motion="reduced"] .m-fade-leave-active,
699
659
  [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1188,17 +1148,6 @@
1188
1148
  animation: none !important;
1189
1149
  }
1190
1150
 
1191
- @media (prefers-reduced-motion: reduce) {
1192
- html:not([data-m-ignore-reduced-motion]) *,
1193
- html:not([data-m-ignore-reduced-motion]) *::before,
1194
- html:not([data-m-ignore-reduced-motion]) *::after {
1195
- animation-duration: 0.01ms !important;
1196
- animation-iteration-count: 1 !important;
1197
- scroll-behavior: auto !important;
1198
- transition-duration: 0.01ms !important;
1199
- }
1200
- }
1201
-
1202
1151
  .m-button {
1203
1152
  --m-button-padding-x-small: var(--m-control-padding-x-small);
1204
1153
  --m-button-padding-x-medium: calc(
@@ -1244,21 +1193,28 @@
1244
1193
  border-color var(--m-motion-fast) var(--m-motion-ease),
1245
1194
  color var(--m-motion-fast) var(--m-motion-ease),
1246
1195
  box-shadow var(--m-motion-fast) var(--m-motion-ease),
1247
- opacity var(--m-motion-fast) var(--m-motion-ease);
1196
+ opacity var(--m-motion-fast) var(--m-motion-ease),
1197
+ transform 160ms var(--m-motion-ease);
1248
1198
  vertical-align: middle;
1249
1199
  white-space: nowrap;
1250
1200
  }
1251
1201
 
1252
- .m-button:hover:not(:disabled) {
1253
- background: var(--m-button-hover-bg);
1254
- border-color: var(--m-button-hover-border);
1255
- color: var(--m-button-hover-fg);
1202
+ @media (hover: hover) and (pointer: fine) {
1203
+ .m-button:hover:not(:disabled) {
1204
+ background: var(--m-button-hover-bg);
1205
+ border-color: var(--m-button-hover-border);
1206
+ color: var(--m-button-hover-fg);
1207
+ }
1256
1208
  }
1257
1209
 
1258
1210
  .m-button:active:not(:disabled) {
1259
1211
  background: var(--m-button-active-bg);
1260
1212
  }
1261
1213
 
1214
+ .m-button--press:active:not(:disabled) {
1215
+ transform: scale(0.97);
1216
+ }
1217
+
1262
1218
  /* Naive-style focus: soft glow, not outline-offset ring */
1263
1219
  .m-button:focus {
1264
1220
  outline: none;
@@ -1780,6 +1736,52 @@
1780
1736
  justify-content: center;
1781
1737
  }
1782
1738
 
1739
+ .m-button__icon,
1740
+ .m-button__label,
1741
+ .m-button__badge {
1742
+ position: relative;
1743
+ z-index: 1;
1744
+ }
1745
+
1746
+ .m-button__ripple {
1747
+ border-radius: inherit;
1748
+ inset: 0;
1749
+ overflow: hidden;
1750
+ pointer-events: none;
1751
+ position: absolute;
1752
+ z-index: 0;
1753
+ }
1754
+
1755
+ .m-button__ripple-wave {
1756
+ background: currentColor;
1757
+ border-radius: var(--m-radius-full);
1758
+ opacity: 0;
1759
+ pointer-events: none;
1760
+ position: absolute;
1761
+ transform: scale(0);
1762
+ will-change: transform, opacity;
1763
+ }
1764
+
1765
+ /* Used only when Web Animations API is unavailable. */
1766
+ .m-button__ripple-wave--fallback {
1767
+ animation: m-button-ripple 560ms var(--m-motion-ease) forwards;
1768
+ }
1769
+
1770
+ @keyframes m-button-ripple {
1771
+ 0% {
1772
+ opacity: 0.42;
1773
+ transform: scale(0);
1774
+ }
1775
+ 55% {
1776
+ opacity: 0.22;
1777
+ transform: scale(0.55);
1778
+ }
1779
+ 100% {
1780
+ opacity: 0;
1781
+ transform: scale(1);
1782
+ }
1783
+ }
1784
+
1783
1785
  .m-button__icon {
1784
1786
  flex: 0 0 auto;
1785
1787
  width: var(--m-button-icon-size);
@@ -1863,17 +1865,15 @@
1863
1865
  }
1864
1866
  }
1865
1867
 
1866
- @media (prefers-reduced-motion: reduce) {
1867
- html:not([data-m-ignore-reduced-motion]) .m-button__spinner {
1868
- animation: none;
1869
- }
1870
- }
1871
-
1872
1868
  [data-m-motion="reduced"] .m-button__spinner,
1873
1869
  [data-m-motion="none"] .m-button__spinner {
1874
1870
  animation: none;
1875
1871
  }
1876
1872
 
1873
+ [data-m-motion="none"] .m-button__ripple-wave {
1874
+ display: none;
1875
+ }
1876
+
1877
1877
  /* —— Feedback: Dialog —— */
1878
1878
  .m-dialog button:focus {
1879
1879
  outline: none;
@@ -2069,6 +2069,7 @@
2069
2069
  .m-dialog__body {
2070
2070
  flex: 1 1 auto;
2071
2071
  overflow: auto;
2072
+ overscroll-behavior: contain;
2072
2073
  padding: var(--m-space-4);
2073
2074
  }
2074
2075
 
@@ -2118,7 +2119,7 @@
2118
2119
  .m-dialog-enter-from .m-dialog-zoom,
2119
2120
  .m-dialog-leave-to .m-dialog-zoom {
2120
2121
  opacity: 0;
2121
- transform: scale(0.36);
2122
+ transform: scale(0.95);
2122
2123
  }
2123
2124
 
2124
2125
  /*
@@ -2190,7 +2191,7 @@
2190
2191
  .m-zoom-enter-from .m-dialog-zoom,
2191
2192
  .m-zoom-leave-to .m-dialog-zoom {
2192
2193
  opacity: 0;
2193
- transform: scale(0.9);
2194
+ transform: scale(0.95);
2194
2195
  }
2195
2196
 
2196
2197
  .m-slide-up-enter-from .m-dialog-zoom,
@@ -2217,50 +2218,6 @@
2217
2218
  transform: translateX(calc(var(--m-motion-distance) * -1));
2218
2219
  }
2219
2220
 
2220
- @media (prefers-reduced-motion: reduce) {
2221
- html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-active,
2222
- html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active,
2223
- html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-active .m-dialog-zoom,
2224
- html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active .m-dialog-zoom,
2225
- html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active .m-dialog-zoom,
2226
- html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active .m-dialog-zoom,
2227
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active .m-dialog-zoom,
2228
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active .m-dialog-zoom,
2229
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active .m-dialog-zoom,
2230
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active .m-dialog-zoom,
2231
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active .m-dialog-zoom,
2232
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active .m-dialog-zoom,
2233
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active .m-dialog-zoom,
2234
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active .m-dialog-zoom,
2235
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active .m-dialog-zoom,
2236
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active .m-dialog-zoom,
2237
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active .m-dialog-zoom,
2238
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active .m-dialog-zoom,
2239
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active .m-dialog-zoom,
2240
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active .m-dialog-zoom {
2241
- transition: none;
2242
- }
2243
-
2244
- html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-from .m-dialog-zoom,
2245
- html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-to .m-dialog-zoom,
2246
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from .m-dialog-zoom,
2247
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to .m-dialog-zoom,
2248
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from .m-dialog-zoom,
2249
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to .m-dialog-zoom,
2250
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from .m-dialog-zoom,
2251
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to .m-dialog-zoom,
2252
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from .m-dialog-zoom,
2253
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to .m-dialog-zoom,
2254
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from .m-dialog-zoom,
2255
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to .m-dialog-zoom,
2256
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from .m-dialog-zoom,
2257
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to .m-dialog-zoom,
2258
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from .m-dialog-zoom,
2259
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to .m-dialog-zoom {
2260
- transform: none;
2261
- }
2262
- }
2263
-
2264
2221
  [data-m-motion="reduced"] .m-dialog-enter-active,
2265
2222
  [data-m-motion="reduced"] .m-dialog-leave-active,
2266
2223
  [data-m-motion="reduced"] .m-dialog-enter-active .m-dialog-zoom,
@@ -2383,12 +2340,6 @@
2383
2340
  }
2384
2341
  }
2385
2342
 
2386
- @media (prefers-reduced-motion: reduce) {
2387
- html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
2388
- animation: none;
2389
- }
2390
- }
2391
-
2392
2343
  :root[data-m-motion='none'] .m-icon--spin svg,
2393
2344
  :root[data-m-motion='reduced'] .m-icon--spin svg {
2394
2345
  animation: none;
@@ -1,7 +1,7 @@
1
1
  import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
2
- import { t } from "../Icon-lcN1rS87.js";
2
+ import { t } from "../Icon-od9Ob-Ay.js";
3
3
  import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
4
- import { t as r } from "../Button-B5X_R4Md.js";
4
+ import { t as r } from "../Button-dMqRmoYa.js";
5
5
  import { n as i, t as a } from "../overlay-oR-5MDuE.js";
6
6
  import { t as o } from "../overlayPlacement-Cd20JTD_.js";
7
7
  import { t as s } from "../useFloatingViewportSync-DZdJ7W8n.js";
@@ -50,6 +50,10 @@
50
50
  --m-font-size-sm: 0.8125rem;
51
51
  --m-font-size-md: 0.875rem;
52
52
  --m-font-size-lg: 1.125rem;
53
+ /* Display scale (page titles, KPI figures) */
54
+ --m-font-size-xl: 1.25rem;
55
+ --m-font-size-2xl: 1.5rem;
56
+ --m-font-size-3xl: 1.75rem;
53
57
  --m-opacity-disabled: 0.55;
54
58
  /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
55
59
  --m-z-base: 1000;
@@ -192,20 +196,10 @@
192
196
 
193
197
  /*
194
198
  * Global motion policy (complements per-component rules):
195
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
199
+ * - `reduced`: keep short paint transitions; stop loops
196
200
  * and layout/transform size animation.
197
201
  * - `none`: zero all transition/animation durations.
198
202
  */
199
- @media (prefers-reduced-motion: reduce) {
200
- html:not([data-m-ignore-reduced-motion]) *,
201
- html:not([data-m-ignore-reduced-motion]) *::before,
202
- html:not([data-m-ignore-reduced-motion]) *::after {
203
- animation-duration: 0.01ms !important;
204
- animation-iteration-count: 1 !important;
205
- transition-property: background-color, border-color, color, opacity, box-shadow,
206
- outline, fill, stroke, stroke-dashoffset !important;
207
- }
208
- }
209
203
 
210
204
  [data-m-motion="reduced"] *,
211
205
  [data-m-motion="reduced"] *::before,
@@ -529,9 +523,13 @@
529
523
  border-radius: var(--m-radius-md);
530
524
  box-shadow: var(--m-shadow-md);
531
525
  max-height: var(--m-dropdown-submenu-max-height);
526
+ max-width: calc(100vw - 2 * var(--m-space-4));
532
527
  min-width: 10rem;
533
528
  overflow: hidden;
534
529
  padding: var(--m-space-1);
530
+ /* Same as .m-dropdown__menu: size to content instead of being clamped
531
+ by the space left of the anchor in the viewport. */
532
+ width: max-content;
535
533
  }
536
534
 
537
535
  .m-dropdown__submenu--teleported {
@@ -611,7 +609,7 @@
611
609
  .m-zoom-enter-from,
612
610
  .m-zoom-leave-to {
613
611
  opacity: 0;
614
- transform: scale(0.9);
612
+ transform: scale(0.95);
615
613
  }
616
614
 
617
615
  .m-slide-up-enter-active,
@@ -656,44 +654,6 @@
656
654
  transform: translateX(calc(var(--m-motion-distance) * -1));
657
655
  }
658
656
 
659
- @media (prefers-reduced-motion: reduce) {
660
- html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
661
- html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
662
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
663
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
664
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
665
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
666
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
667
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
668
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
669
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
670
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
671
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
672
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
673
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
674
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
675
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
676
- transition: none;
677
- }
678
-
679
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
680
- html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
681
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
682
- html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
683
- html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
684
- html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
685
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
686
- html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
687
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
688
- html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
689
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
690
- html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
691
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
692
- html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
693
- transform: none;
694
- }
695
- }
696
-
697
657
  [data-m-motion="reduced"] .m-fade-enter-active,
698
658
  [data-m-motion="reduced"] .m-fade-leave-active,
699
659
  [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1188,17 +1148,6 @@
1188
1148
  animation: none !important;
1189
1149
  }
1190
1150
 
1191
- @media (prefers-reduced-motion: reduce) {
1192
- html:not([data-m-ignore-reduced-motion]) *,
1193
- html:not([data-m-ignore-reduced-motion]) *::before,
1194
- html:not([data-m-ignore-reduced-motion]) *::after {
1195
- animation-duration: 0.01ms !important;
1196
- animation-iteration-count: 1 !important;
1197
- scroll-behavior: auto !important;
1198
- transition-duration: 0.01ms !important;
1199
- }
1200
- }
1201
-
1202
1151
  .m-button {
1203
1152
  --m-button-padding-x-small: var(--m-control-padding-x-small);
1204
1153
  --m-button-padding-x-medium: calc(
@@ -1244,21 +1193,28 @@
1244
1193
  border-color var(--m-motion-fast) var(--m-motion-ease),
1245
1194
  color var(--m-motion-fast) var(--m-motion-ease),
1246
1195
  box-shadow var(--m-motion-fast) var(--m-motion-ease),
1247
- opacity var(--m-motion-fast) var(--m-motion-ease);
1196
+ opacity var(--m-motion-fast) var(--m-motion-ease),
1197
+ transform 160ms var(--m-motion-ease);
1248
1198
  vertical-align: middle;
1249
1199
  white-space: nowrap;
1250
1200
  }
1251
1201
 
1252
- .m-button:hover:not(:disabled) {
1253
- background: var(--m-button-hover-bg);
1254
- border-color: var(--m-button-hover-border);
1255
- color: var(--m-button-hover-fg);
1202
+ @media (hover: hover) and (pointer: fine) {
1203
+ .m-button:hover:not(:disabled) {
1204
+ background: var(--m-button-hover-bg);
1205
+ border-color: var(--m-button-hover-border);
1206
+ color: var(--m-button-hover-fg);
1207
+ }
1256
1208
  }
1257
1209
 
1258
1210
  .m-button:active:not(:disabled) {
1259
1211
  background: var(--m-button-active-bg);
1260
1212
  }
1261
1213
 
1214
+ .m-button--press:active:not(:disabled) {
1215
+ transform: scale(0.97);
1216
+ }
1217
+
1262
1218
  /* Naive-style focus: soft glow, not outline-offset ring */
1263
1219
  .m-button:focus {
1264
1220
  outline: none;
@@ -1780,6 +1736,52 @@
1780
1736
  justify-content: center;
1781
1737
  }
1782
1738
 
1739
+ .m-button__icon,
1740
+ .m-button__label,
1741
+ .m-button__badge {
1742
+ position: relative;
1743
+ z-index: 1;
1744
+ }
1745
+
1746
+ .m-button__ripple {
1747
+ border-radius: inherit;
1748
+ inset: 0;
1749
+ overflow: hidden;
1750
+ pointer-events: none;
1751
+ position: absolute;
1752
+ z-index: 0;
1753
+ }
1754
+
1755
+ .m-button__ripple-wave {
1756
+ background: currentColor;
1757
+ border-radius: var(--m-radius-full);
1758
+ opacity: 0;
1759
+ pointer-events: none;
1760
+ position: absolute;
1761
+ transform: scale(0);
1762
+ will-change: transform, opacity;
1763
+ }
1764
+
1765
+ /* Used only when Web Animations API is unavailable. */
1766
+ .m-button__ripple-wave--fallback {
1767
+ animation: m-button-ripple 560ms var(--m-motion-ease) forwards;
1768
+ }
1769
+
1770
+ @keyframes m-button-ripple {
1771
+ 0% {
1772
+ opacity: 0.42;
1773
+ transform: scale(0);
1774
+ }
1775
+ 55% {
1776
+ opacity: 0.22;
1777
+ transform: scale(0.55);
1778
+ }
1779
+ 100% {
1780
+ opacity: 0;
1781
+ transform: scale(1);
1782
+ }
1783
+ }
1784
+
1783
1785
  .m-button__icon {
1784
1786
  flex: 0 0 auto;
1785
1787
  width: var(--m-button-icon-size);
@@ -1863,17 +1865,15 @@
1863
1865
  }
1864
1866
  }
1865
1867
 
1866
- @media (prefers-reduced-motion: reduce) {
1867
- html:not([data-m-ignore-reduced-motion]) .m-button__spinner {
1868
- animation: none;
1869
- }
1870
- }
1871
-
1872
1868
  [data-m-motion="reduced"] .m-button__spinner,
1873
1869
  [data-m-motion="none"] .m-button__spinner {
1874
1870
  animation: none;
1875
1871
  }
1876
1872
 
1873
+ [data-m-motion="none"] .m-button__ripple-wave {
1874
+ display: none;
1875
+ }
1876
+
1877
1877
  .m-icon {
1878
1878
  color: currentColor;
1879
1879
  display: inline-flex;
@@ -1918,12 +1918,6 @@
1918
1918
  }
1919
1919
  }
1920
1920
 
1921
- @media (prefers-reduced-motion: reduce) {
1922
- html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
1923
- animation: none;
1924
- }
1925
- }
1926
-
1927
1921
  :root[data-m-motion='none'] .m-icon--spin svg,
1928
1922
  :root[data-m-motion='reduced'] .m-icon--spin svg {
1929
1923
  animation: none;
@@ -1,9 +1,9 @@
1
1
  import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
2
- import { t } from "../Icon-lcN1rS87.js";
2
+ import { t } from "../Icon-od9Ob-Ay.js";
3
3
  import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
4
4
  import { n as r, t as i } from "../overlay-oR-5MDuE.js";
5
5
  import { t as a } from "../Scrollbar-DTeJ8P5b.js";
6
- import { t as o } from "../icon-DWXkh-RM.js";
6
+ import { t as o } from "../icon-COrt_N8A.js";
7
7
  import { t as s } from "../key-CaQYVkjh.js";
8
8
  import { t as c } from "../FlyoutSubmenu-BrUPmJa1.js";
9
9
  import { c as l } from "../config-CapALqt3.js";