morya-ui 0.2.8 → 0.3.0

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 (458) hide show
  1. package/CHANGELOG.md +71 -0
  2. package/README.md +1 -0
  3. package/README.zh-CN.md +1 -0
  4. package/dist/{Button--RkQybU-.js → Button-B5X_R4Md.js} +2 -2
  5. package/dist/{Card-BQfmv5Iw.js → Card-Dsmnzong.js} +1 -1
  6. package/dist/{Checkbox-CL05RRUD.js → Checkbox-BzbAUfyZ.js} +2 -2
  7. package/dist/FlyoutSubmenu-BrUPmJa1.js +45 -0
  8. package/dist/Icon-lcN1rS87.js +610 -0
  9. package/dist/{Pagination-BKvR-RUW.js → Pagination-CVrH8Ypi.js} +3 -3
  10. package/dist/Popover-BQ07q4VV.js +179 -0
  11. package/dist/ProgressSpinner-BeWVF6Jv.js +105 -0
  12. package/dist/{Radio-DsaKvbhk.js → Radio-rF6zdR5Y.js} +2 -2
  13. package/dist/{ScrollBody-D2IHKP6U.js → ScrollBody-5hUnHj_M.js} +1 -1
  14. package/dist/{Scrollbar-BYnCO8fv.js → Scrollbar-DTeJ8P5b.js} +2 -2
  15. package/dist/Tooltip-D5DO0B3z.js +105 -0
  16. package/dist/VirtualScroller-CHoFCmpP.js +75 -0
  17. package/dist/accordion/index.js +42 -39
  18. package/dist/accordion/style.css +293 -40
  19. package/dist/auto-complete/index.js +185 -124
  20. package/dist/auto-complete/style.css +497 -96
  21. package/dist/auto-complete/style.js +2 -0
  22. package/dist/avatar/index.js +2 -2
  23. package/dist/avatar/style.css +255 -45
  24. package/dist/badge/index.js +25 -20
  25. package/dist/badge/style.css +275 -47
  26. package/dist/block-ui/index.js +26 -13
  27. package/dist/block-ui/style.css +250 -40
  28. package/dist/breadcrumb/index.js +2 -2
  29. package/dist/breadcrumb/style.css +250 -40
  30. package/dist/button/index.js +2 -2
  31. package/dist/button/style.css +251 -41
  32. package/dist/card/index.js +1 -1
  33. package/dist/card/style.css +250 -40
  34. package/dist/carousel/index.js +3 -3
  35. package/dist/carousel/style.css +251 -41
  36. package/dist/cascade-select/index.js +172 -143
  37. package/dist/cascade-select/style.css +475 -85
  38. package/dist/cascade-select/style.js +1 -0
  39. package/dist/checkbox/index.js +2 -2
  40. package/dist/checkbox/style.css +250 -40
  41. package/dist/chip/index.js +2 -2
  42. package/dist/chip/style.css +258 -42
  43. package/dist/command-menu/index.js +58 -45
  44. package/dist/command-menu/style.css +256 -44
  45. package/dist/components/Accordion/Accordion.vue.d.ts +2 -2
  46. package/dist/components/Accordion/Accordion.vue.d.ts.map +1 -1
  47. package/dist/components/Accordion/styles.css +43 -0
  48. package/dist/components/AutoComplete/AutoComplete.vue.d.ts +11 -4
  49. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  50. package/dist/components/AutoComplete/styles.css +47 -52
  51. package/dist/components/AutoComplete/types.d.ts +8 -0
  52. package/dist/components/AutoComplete/types.d.ts.map +1 -1
  53. package/dist/components/Avatar/styles.css +4 -4
  54. package/dist/components/Badge/Badge.vue.d.ts.map +1 -1
  55. package/dist/components/Badge/styles.css +25 -7
  56. package/dist/components/BlockUI/BlockUI.vue.d.ts +2 -0
  57. package/dist/components/BlockUI/BlockUI.vue.d.ts.map +1 -1
  58. package/dist/components/BlockUI/types.d.ts +3 -0
  59. package/dist/components/BlockUI/types.d.ts.map +1 -1
  60. package/dist/components/Button/index.d.ts.map +1 -1
  61. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts +2 -0
  62. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts.map +1 -1
  63. package/dist/components/CascadeSelect/styles.css +39 -38
  64. package/dist/components/CascadeSelect/types.d.ts +3 -0
  65. package/dist/components/CascadeSelect/types.d.ts.map +1 -1
  66. package/dist/components/Chip/styles.css +7 -1
  67. package/dist/components/CommandMenu/CommandMenu.vue.d.ts +2 -0
  68. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  69. package/dist/components/CommandMenu/styles.css +2 -0
  70. package/dist/components/CommandMenu/types.d.ts +3 -0
  71. package/dist/components/CommandMenu/types.d.ts.map +1 -1
  72. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts +2 -0
  73. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts.map +1 -1
  74. package/dist/components/ConfigProvider/types.d.ts +1 -1
  75. package/dist/components/ConfigProvider/types.d.ts.map +1 -1
  76. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts +2 -1
  77. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts.map +1 -1
  78. package/dist/components/ConfirmDialog/types.d.ts +3 -0
  79. package/dist/components/ConfirmDialog/types.d.ts.map +1 -1
  80. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts +2 -0
  81. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts.map +1 -1
  82. package/dist/components/ConfirmPopup/types.d.ts +3 -0
  83. package/dist/components/ConfirmPopup/types.d.ts.map +1 -1
  84. package/dist/components/ContextMenu/ContextMenu.vue.d.ts +2 -0
  85. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  86. package/dist/components/ContextMenu/styles.css +2 -0
  87. package/dist/components/ContextMenu/types.d.ts +3 -0
  88. package/dist/components/ContextMenu/types.d.ts.map +1 -1
  89. package/dist/components/DatePicker/DatePicker.vue.d.ts +2 -0
  90. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  91. package/dist/components/DatePicker/styles.css +65 -21
  92. package/dist/components/DatePicker/types.d.ts +3 -0
  93. package/dist/components/DatePicker/types.d.ts.map +1 -1
  94. package/dist/components/Dialog/Dialog.vue.d.ts +2 -0
  95. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  96. package/dist/components/Dialog/index.d.ts.map +1 -1
  97. package/dist/components/Dialog/styles.css +190 -4
  98. package/dist/components/Dialog/types.d.ts +3 -0
  99. package/dist/components/Dialog/types.d.ts.map +1 -1
  100. package/dist/components/Drawer/Drawer.vue.d.ts +2 -0
  101. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  102. package/dist/components/Drawer/styles.css +189 -4
  103. package/dist/components/Drawer/types.d.ts +3 -0
  104. package/dist/components/Drawer/types.d.ts.map +1 -1
  105. package/dist/components/Dropdown/Dropdown.vue.d.ts +2 -0
  106. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  107. package/dist/components/Dropdown/styles.css +4 -0
  108. package/dist/components/Dropdown/types.d.ts +3 -0
  109. package/dist/components/Dropdown/types.d.ts.map +1 -1
  110. package/dist/components/Empty/index.d.ts.map +1 -1
  111. package/dist/components/Empty/styles.css +6 -6
  112. package/dist/components/Fieldset/Fieldset.vue.d.ts.map +1 -1
  113. package/dist/components/Fieldset/styles.css +17 -6
  114. package/dist/components/FileUpload/FileUpload.vue.d.ts +1 -1
  115. package/dist/components/FloatLabel/styles.css +19 -7
  116. package/dist/components/Form/styles.css +21 -0
  117. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  118. package/dist/components/Icon/icon-categories.d.ts +21 -0
  119. package/dist/components/Icon/icon-categories.d.ts.map +1 -0
  120. package/dist/components/Icon/icons-tabler.d.ts +77 -0
  121. package/dist/components/Icon/icons-tabler.d.ts.map +1 -0
  122. package/dist/components/Icon/icons-types.d.ts +36 -0
  123. package/dist/components/Icon/icons-types.d.ts.map +1 -0
  124. package/dist/components/Icon/icons.d.ts +75 -32
  125. package/dist/components/Icon/icons.d.ts.map +1 -1
  126. package/dist/components/Icon/index.d.ts +2 -0
  127. package/dist/components/Icon/index.d.ts.map +1 -1
  128. package/dist/components/Icon/styles.css +1 -1
  129. package/dist/components/IconField/IconField.vue.d.ts +3 -1
  130. package/dist/components/IconField/IconField.vue.d.ts.map +1 -1
  131. package/dist/components/IconField/styles.css +306 -31
  132. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  133. package/dist/components/Input/index.d.ts.map +1 -1
  134. package/dist/components/Input/styles.css +191 -35
  135. package/dist/components/InputNumber/styles.css +103 -40
  136. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  137. package/dist/components/InputPassword/styles.css +79 -79
  138. package/dist/components/InputTags/styles.css +3 -1
  139. package/dist/components/Layout/LayoutContent.vue.d.ts +4 -8
  140. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  141. package/dist/components/Layout/LayoutSider.vue.d.ts +4 -6
  142. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  143. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts +2 -0
  144. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts.map +1 -1
  145. package/dist/components/Layout/styles.css +29 -54
  146. package/dist/components/Layout/types.d.ts +6 -7
  147. package/dist/components/Layout/types.d.ts.map +1 -1
  148. package/dist/components/Listbox/Listbox.vue.d.ts +7 -2
  149. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  150. package/dist/components/Listbox/styles.css +10 -0
  151. package/dist/components/Listbox/types.d.ts +5 -0
  152. package/dist/components/Listbox/types.d.ts.map +1 -1
  153. package/dist/components/Loading/Loading.vue.d.ts +2 -0
  154. package/dist/components/Loading/Loading.vue.d.ts.map +1 -1
  155. package/dist/components/Loading/LoadingIndicator.vue.d.ts.map +1 -1
  156. package/dist/components/Loading/loading.d.ts.map +1 -1
  157. package/dist/components/Loading/styles.css +25 -17
  158. package/dist/components/Loading/types.d.ts +3 -0
  159. package/dist/components/Loading/types.d.ts.map +1 -1
  160. package/dist/components/MegaMenu/MegaMenu.vue.d.ts +2 -0
  161. package/dist/components/MegaMenu/MegaMenu.vue.d.ts.map +1 -1
  162. package/dist/components/MegaMenu/styles.css +1 -0
  163. package/dist/components/MegaMenu/types.d.ts +3 -0
  164. package/dist/components/MegaMenu/types.d.ts.map +1 -1
  165. package/dist/components/Menu/Menu.vue.d.ts +3 -1
  166. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  167. package/dist/components/Menu/styles.css +14 -10
  168. package/dist/components/Menu/types.d.ts +3 -0
  169. package/dist/components/Menu/types.d.ts.map +1 -1
  170. package/dist/components/Menubar/Menubar.vue.d.ts +2 -0
  171. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  172. package/dist/components/Menubar/styles.css +4 -0
  173. package/dist/components/Menubar/types.d.ts +3 -0
  174. package/dist/components/Menubar/types.d.ts.map +1 -1
  175. package/dist/components/Message/Message.vue.d.ts +2 -0
  176. package/dist/components/Message/Message.vue.d.ts.map +1 -1
  177. package/dist/components/Message/types.d.ts +3 -0
  178. package/dist/components/Message/types.d.ts.map +1 -1
  179. package/dist/components/MeterGroup/styles.css +2 -2
  180. package/dist/components/Panel/Panel.vue.d.ts.map +1 -1
  181. package/dist/components/Panel/styles.css +21 -6
  182. package/dist/components/Popover/Popover.vue.d.ts +2 -0
  183. package/dist/components/Popover/Popover.vue.d.ts.map +1 -1
  184. package/dist/components/Popover/types.d.ts +3 -0
  185. package/dist/components/Popover/types.d.ts.map +1 -1
  186. package/dist/components/ProgressBar/ProgressBar.vue.d.ts.map +1 -1
  187. package/dist/components/ProgressBar/styles.css +30 -8
  188. package/dist/components/ProgressSpinner/ProgressSpinner.vue.d.ts.map +1 -1
  189. package/dist/components/ProgressSpinner/styles.css +3 -3
  190. package/dist/components/Result/index.d.ts.map +1 -1
  191. package/dist/components/Result/styles.css +17 -17
  192. package/dist/components/ScrollTop/ScrollTop.vue.d.ts +1 -1
  193. package/dist/components/Scrollbar/Scrollbar.vue.d.ts.map +1 -1
  194. package/dist/components/Scrollbar/styles.css +3 -3
  195. package/dist/components/Select/Select.vue.d.ts +10 -3
  196. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  197. package/dist/components/Select/index.d.ts.map +1 -1
  198. package/dist/components/Select/styles.css +13 -91
  199. package/dist/components/Select/types.d.ts +8 -0
  200. package/dist/components/Select/types.d.ts.map +1 -1
  201. package/dist/components/Sidebar/styles.css +8 -10
  202. package/dist/components/Skeleton/Skeleton.vue.d.ts +1 -1
  203. package/dist/components/Skeleton/Skeleton.vue.d.ts.map +1 -1
  204. package/dist/components/Slider/Slider.vue.d.ts +1 -1
  205. package/dist/components/SpeedDial/SpeedDial.vue.d.ts +2 -0
  206. package/dist/components/SpeedDial/SpeedDial.vue.d.ts.map +1 -1
  207. package/dist/components/SpeedDial/types.d.ts +3 -0
  208. package/dist/components/SpeedDial/types.d.ts.map +1 -1
  209. package/dist/components/SplitButton/SplitButton.vue.d.ts +2 -0
  210. package/dist/components/SplitButton/SplitButton.vue.d.ts.map +1 -1
  211. package/dist/components/SplitButton/types.d.ts +3 -0
  212. package/dist/components/SplitButton/types.d.ts.map +1 -1
  213. package/dist/components/Splitter/Splitter.vue.d.ts +5 -3
  214. package/dist/components/Splitter/Splitter.vue.d.ts.map +1 -1
  215. package/dist/components/Splitter/index.d.ts +1 -1
  216. package/dist/components/Splitter/index.d.ts.map +1 -1
  217. package/dist/components/Splitter/styles.css +12 -0
  218. package/dist/components/Splitter/types.d.ts +9 -3
  219. package/dist/components/Splitter/types.d.ts.map +1 -1
  220. package/dist/components/Status/Status.vue.d.ts.map +1 -1
  221. package/dist/components/Status/index.d.ts.map +1 -1
  222. package/dist/components/Status/styles.css +18 -16
  223. package/dist/components/Switch/Switch.vue.d.ts +1 -1
  224. package/dist/components/Table/hooks/useTotalItems.d.ts.map +1 -1
  225. package/dist/components/Table/styles.css +8 -8
  226. package/dist/components/Tag/styles.css +4 -2
  227. package/dist/components/Textarea/styles.css +15 -1
  228. package/dist/components/TieredMenu/TieredMenu.vue.d.ts +3 -1
  229. package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
  230. package/dist/components/TieredMenu/styles.css +2 -0
  231. package/dist/components/TieredMenu/types.d.ts +3 -0
  232. package/dist/components/TieredMenu/types.d.ts.map +1 -1
  233. package/dist/components/Toast/Toast.vue.d.ts +2 -0
  234. package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
  235. package/dist/components/Toast/types.d.ts +3 -0
  236. package/dist/components/Toast/types.d.ts.map +1 -1
  237. package/dist/components/Toolbar/styles.css +1 -0
  238. package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -0
  239. package/dist/components/Tooltip/Tooltip.vue.d.ts.map +1 -1
  240. package/dist/components/Tooltip/types.d.ts +3 -0
  241. package/dist/components/Tooltip/types.d.ts.map +1 -1
  242. package/dist/components/Tree/styles.css +1 -1
  243. package/dist/components/TreeSelect/TreeSelect.vue.d.ts +2 -0
  244. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  245. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts +2 -0
  246. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts.map +1 -1
  247. package/dist/components/TreeSelect/styles.css +5 -57
  248. package/dist/components/TreeSelect/types.d.ts +3 -0
  249. package/dist/components/TreeSelect/types.d.ts.map +1 -1
  250. package/dist/components/TreeTable/styles.css +1 -1
  251. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts +7 -3
  252. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
  253. package/dist/components/VirtualScroller/index.d.ts +1 -1
  254. package/dist/components/VirtualScroller/index.d.ts.map +1 -1
  255. package/dist/components/VirtualScroller/types.d.ts +5 -0
  256. package/dist/components/VirtualScroller/types.d.ts.map +1 -1
  257. package/dist/{config-BdK5ccNT.js → config-CapALqt3.js} +10 -2
  258. package/dist/config-provider/index.js +5 -3
  259. package/dist/config-provider/style.css +441 -75
  260. package/dist/confirm-dialog/index.js +87 -74
  261. package/dist/confirm-dialog/style.css +441 -45
  262. package/dist/confirm-popup/index.js +82 -68
  263. package/dist/confirm-popup/style.css +251 -41
  264. package/dist/context-menu/index.js +112 -99
  265. package/dist/context-menu/style.css +256 -44
  266. package/dist/data-view/index.js +4 -4
  267. package/dist/data-view/style.css +253 -43
  268. package/dist/date-picker/index.js +166 -152
  269. package/dist/date-picker/style.css +316 -62
  270. package/dist/dialog/index.js +76 -63
  271. package/dist/dialog/style.css +441 -45
  272. package/dist/divider/style.css +250 -40
  273. package/dist/dock/index.js +3 -3
  274. package/dist/dock/style.css +251 -41
  275. package/dist/drawer/index.js +72 -61
  276. package/dist/drawer/style.css +440 -45
  277. package/dist/dropdown/index.js +145 -131
  278. package/dist/dropdown/style.css +258 -44
  279. package/dist/empty/index.js +3 -3
  280. package/dist/empty/style.css +257 -47
  281. package/dist/fieldset/index.js +19 -19
  282. package/dist/fieldset/style.css +268 -47
  283. package/dist/file-upload/index.js +3 -3
  284. package/dist/file-upload/style.css +251 -41
  285. package/dist/flex/index.js +2 -2
  286. package/dist/flex/style.css +250 -40
  287. package/dist/float-label/index.js +1 -1
  288. package/dist/float-label/style.css +269 -47
  289. package/dist/fluid/index.js +1 -1
  290. package/dist/fluid/style.css +250 -40
  291. package/dist/form/index.js +2 -2
  292. package/dist/form/style.css +271 -40
  293. package/dist/gallery/index.js +4 -4
  294. package/dist/gallery/style.css +254 -44
  295. package/dist/grid/index.js +1 -1
  296. package/dist/grid/style.css +250 -40
  297. package/dist/icon/index.js +212 -2
  298. package/dist/icon/style.css +251 -41
  299. package/dist/{icon-xUOyawgJ.js → icon-DWXkh-RM.js} +1 -1
  300. package/dist/icon-field/index.js +42 -8
  301. package/dist/icon-field/style.css +913 -71
  302. package/dist/icon-field/style.js +1 -0
  303. package/dist/index.d.ts +7 -5
  304. package/dist/index.d.ts.map +1 -1
  305. package/dist/index.js +5336 -4326
  306. package/dist/inplace/index.js +1 -1
  307. package/dist/inplace/style.css +250 -40
  308. package/dist/input/index.js +79 -81
  309. package/dist/input/style.css +442 -76
  310. package/dist/input-color/index.js +3 -3
  311. package/dist/input-color/style.css +250 -40
  312. package/dist/input-group/index.js +1 -1
  313. package/dist/input-group/style.css +250 -40
  314. package/dist/input-number/index.js +4 -4
  315. package/dist/input-number/style.css +354 -81
  316. package/dist/input-otp/index.js +3 -3
  317. package/dist/input-otp/style.css +250 -40
  318. package/dist/input-password/index.js +86 -85
  319. package/dist/input-password/style.css +330 -120
  320. package/dist/input-tags/index.js +4 -4
  321. package/dist/input-tags/style.css +254 -42
  322. package/dist/knob/index.js +1 -1
  323. package/dist/knob/style.css +250 -40
  324. package/dist/label/index.js +1 -1
  325. package/dist/label/style.css +250 -40
  326. package/dist/layout/index.js +65 -88
  327. package/dist/layout/style.css +283 -98
  328. package/dist/listbox/index.js +142 -87
  329. package/dist/listbox/style.css +291 -43
  330. package/dist/listbox/style.js +1 -0
  331. package/dist/loading/index.js +195 -156
  332. package/dist/loading/style.css +275 -57
  333. package/dist/{locale-B36KH7c3.js → locale-Bzm2nbEp.js} +1 -1
  334. package/dist/mega-menu/index.js +131 -119
  335. package/dist/mega-menu/style.css +252 -41
  336. package/dist/menu/index.js +278 -261
  337. package/dist/menu/style.css +268 -54
  338. package/dist/menubar/index.js +145 -133
  339. package/dist/menubar/style.css +258 -44
  340. package/dist/message/index.js +120 -107
  341. package/dist/message/style.css +251 -41
  342. package/dist/meter-group/index.js +1 -1
  343. package/dist/meter-group/style.css +252 -42
  344. package/dist/order-list/index.js +4 -4
  345. package/dist/order-list/style.css +251 -41
  346. package/dist/page/index.js +3 -3
  347. package/dist/page/style.css +251 -41
  348. package/dist/pagination/index.js +1 -1
  349. package/dist/pagination/style.css +251 -41
  350. package/dist/panel/index.js +31 -31
  351. package/dist/panel/style.css +272 -47
  352. package/dist/pick-list/index.js +4 -4
  353. package/dist/pick-list/style.css +251 -41
  354. package/dist/popover/index.js +1 -1
  355. package/dist/popover/style.css +250 -40
  356. package/dist/progress-bar/index.js +5 -2
  357. package/dist/progress-bar/style.css +280 -48
  358. package/dist/progress-spinner/index.js +1 -1
  359. package/dist/progress-spinner/style.css +253 -43
  360. package/dist/radio/index.js +2 -2
  361. package/dist/radio/style.css +250 -40
  362. package/dist/rating/index.js +4 -4
  363. package/dist/rating/style.css +251 -41
  364. package/dist/result/index.js +3 -3
  365. package/dist/result/style.css +268 -58
  366. package/dist/scroll-top/index.js +4 -4
  367. package/dist/scroll-top/style.css +254 -44
  368. package/dist/scrollbar/index.js +1 -1
  369. package/dist/scrollbar/style.css +253 -43
  370. package/dist/select/index.js +247 -152
  371. package/dist/select/style.css +477 -138
  372. package/dist/select/style.js +2 -0
  373. package/dist/select-button/index.js +2 -2
  374. package/dist/select-button/style.css +250 -40
  375. package/dist/shared/FlyoutSubmenu.vue.d.ts.map +1 -1
  376. package/dist/shared/componentDefaults.d.ts +62 -0
  377. package/dist/shared/componentDefaults.d.ts.map +1 -1
  378. package/dist/shared/config.d.ts +13 -2
  379. package/dist/shared/config.d.ts.map +1 -1
  380. package/dist/shared/styles/control-suffix.css +14 -3
  381. package/dist/shared/styles/select-overlay.css +167 -0
  382. package/dist/shared/useFloatingViewportSync.d.ts +10 -0
  383. package/dist/shared/useFloatingViewportSync.d.ts.map +1 -0
  384. package/dist/shared/usePauseOffscreen.d.ts +14 -0
  385. package/dist/shared/usePauseOffscreen.d.ts.map +1 -0
  386. package/dist/sidebar/index.js +4 -4
  387. package/dist/sidebar/style.css +259 -51
  388. package/dist/skeleton/index.js +34 -19
  389. package/dist/skeleton/style.css +250 -40
  390. package/dist/slider/index.js +3 -3
  391. package/dist/slider/style.css +250 -40
  392. package/dist/space/index.js +2 -2
  393. package/dist/space/style.css +250 -40
  394. package/dist/speed-dial/index.js +112 -98
  395. package/dist/speed-dial/style.css +251 -41
  396. package/dist/split-button/index.js +106 -92
  397. package/dist/split-button/style.css +251 -41
  398. package/dist/splitter/index.js +94 -80
  399. package/dist/splitter/style.css +262 -40
  400. package/dist/status/index.js +30 -26
  401. package/dist/status/style.css +269 -57
  402. package/dist/stepper/index.js +2 -2
  403. package/dist/stepper/style.css +251 -41
  404. package/dist/styles/base.css +154 -28
  405. package/dist/styles.css +1 -1
  406. package/dist/switch/index.js +2 -2
  407. package/dist/switch/style.css +250 -40
  408. package/dist/table/index.js +11 -15
  409. package/dist/table/style.css +265 -55
  410. package/dist/tabs/index.js +4 -4
  411. package/dist/tabs/style.css +254 -44
  412. package/dist/tag/index.js +3 -3
  413. package/dist/tag/style.css +255 -43
  414. package/dist/terminal/index.js +3 -3
  415. package/dist/terminal/style.css +250 -40
  416. package/dist/textarea/index.js +4 -4
  417. package/dist/textarea/style.css +266 -42
  418. package/dist/theme/index.d.ts +4 -0
  419. package/dist/theme/index.d.ts.map +1 -1
  420. package/dist/theme/motionPresets.d.ts +30 -0
  421. package/dist/theme/motionPresets.d.ts.map +1 -0
  422. package/dist/theme/styles.css +96 -12
  423. package/dist/theme/tokens.d.ts +17 -0
  424. package/dist/theme/tokens.d.ts.map +1 -1
  425. package/dist/theme/useMotion.d.ts.map +1 -1
  426. package/dist/theme/useMotionTransition.d.ts +19 -0
  427. package/dist/theme/useMotionTransition.d.ts.map +1 -0
  428. package/dist/tiered-menu/index.js +81 -67
  429. package/dist/tiered-menu/style.css +256 -44
  430. package/dist/timeline/index.js +3 -3
  431. package/dist/timeline/style.css +254 -44
  432. package/dist/toast/index.js +49 -36
  433. package/dist/toast/style.css +251 -41
  434. package/dist/toggle-button/index.js +3 -3
  435. package/dist/toggle-button/style.css +251 -41
  436. package/dist/toolbar/index.js +1 -1
  437. package/dist/toolbar/style.css +251 -40
  438. package/dist/tooltip/index.js +1 -1
  439. package/dist/tooltip/style.css +250 -40
  440. package/dist/tree/index.js +5 -8
  441. package/dist/tree/style.css +252 -42
  442. package/dist/tree-select/index.js +227 -203
  443. package/dist/tree-select/style.css +442 -105
  444. package/dist/tree-select/style.js +1 -0
  445. package/dist/tree-table/index.js +4 -4
  446. package/dist/tree-table/style.css +252 -42
  447. package/dist/{useComponentAttrs-BTYEe61P.js → useComponentAttrs-e-5QAjdw.js} +1 -1
  448. package/dist/useFloatingViewportSync-DZdJ7W8n.js +19 -0
  449. package/dist/useMotionTransition-Bxnnb_9u.js +49 -0
  450. package/dist/usePauseOffscreen-BIikV_gj.js +25 -0
  451. package/dist/virtual-scroller/index.js +2 -56
  452. package/dist/virtual-scroller/style.css +253 -43
  453. package/package.json +2 -1
  454. package/dist/FlyoutSubmenu-B_bkgKag.js +0 -49
  455. package/dist/Icon-DfpIfo2L.js +0 -521
  456. package/dist/Popover-Dq_p0vib.js +0 -166
  457. package/dist/ProgressSpinner-DuBpPkna.js +0 -90
  458. package/dist/Tooltip-CU1xFt_N.js +0 -93
@@ -1,7 +1,7 @@
1
1
  /* —— Form: AutoComplete —— */
2
2
  .m-autocomplete {
3
3
  --m-autocomplete-min-width: 14rem;
4
- --m-autocomplete-dropdown-max-height: 14rem;
4
+ --m-autocomplete-dropdown-max-height: min(18rem, 45vh);
5
5
  --m-autocomplete-spinner-size: 0.85rem;
6
6
  display: inline-block;
7
7
  font-family: var(--m-font-sans);
@@ -16,11 +16,13 @@
16
16
  }
17
17
 
18
18
  .m-autocomplete__control {
19
- align-items: stretch;
19
+ align-items: center;
20
20
  background: var(--m-color-surface);
21
21
  border: var(--m-border-width) solid var(--m-color-border);
22
22
  border-radius: var(--m-radius-control);
23
+ box-sizing: border-box;
23
24
  display: flex;
25
+ min-height: var(--m-control-height-medium);
24
26
  position: relative;
25
27
  transition:
26
28
  border-color var(--m-motion-fast) var(--m-motion-ease),
@@ -45,22 +47,38 @@
45
47
  flex: 1;
46
48
  font-family: var(--m-font-sans);
47
49
  font-size: var(--m-control-font-medium);
48
- min-height: var(--m-control-height-medium);
50
+ height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
51
+ line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
52
+ min-height: 0;
49
53
  min-width: 0;
50
54
  outline: none;
51
55
  padding: 0 var(--m-control-padding-x-medium);
52
56
  width: 100%;
53
57
  }
54
58
 
59
+ .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__input {
60
+ padding-right: var(--m-space-2);
61
+ }
62
+
63
+ .m-autocomplete--small .m-autocomplete__control {
64
+ min-height: var(--m-control-height-small);
65
+ }
66
+
55
67
  .m-autocomplete--small .m-autocomplete__input {
56
68
  font-size: var(--m-control-font-small);
57
- min-height: var(--m-control-height-small);
69
+ height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
70
+ line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
58
71
  padding: 0 var(--m-control-padding-x-small);
59
72
  }
60
73
 
74
+ .m-autocomplete--large .m-autocomplete__control {
75
+ min-height: var(--m-control-height-large);
76
+ }
77
+
61
78
  .m-autocomplete--large .m-autocomplete__input {
62
79
  font-size: var(--m-control-font-large);
63
- min-height: var(--m-control-height-large);
80
+ height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
81
+ line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
64
82
  padding: 0 var(--m-control-padding-x-large);
65
83
  }
66
84
 
@@ -73,6 +91,7 @@
73
91
 
74
92
  .m-autocomplete__dropdown {
75
93
  align-items: center;
94
+ align-self: stretch;
76
95
  background: transparent;
77
96
  border: 0;
78
97
  border-radius: var(--m-radius-sm);
@@ -82,7 +101,6 @@
82
101
  display: inline-flex;
83
102
  flex-shrink: 0;
84
103
  justify-content: center;
85
- min-height: var(--m-control-height-medium);
86
104
  outline: none;
87
105
  padding: 0 var(--m-control-padding-x-medium);
88
106
  transition: color var(--m-motion-fast) var(--m-motion-ease);
@@ -100,17 +118,11 @@
100
118
  }
101
119
 
102
120
  .m-autocomplete__panel {
103
- background: var(--m-color-surface);
104
- border: var(--m-border-width) solid var(--m-color-border);
105
- border-radius: var(--m-radius-md);
106
- box-shadow: var(--m-shadow-md);
121
+ --m-autocomplete-dropdown-max-height: min(18rem, 45vh);
107
122
  left: 0;
108
- margin: var(--m-space-1) 0 0;
109
123
  max-height: var(--m-autocomplete-dropdown-max-height);
110
- overflow: hidden;
111
124
  position: absolute;
112
125
  right: 0;
113
- z-index: var(--m-z-popper);
114
126
  }
115
127
 
116
128
  .m-autocomplete__panel-scroll {
@@ -125,31 +137,17 @@
125
137
  }
126
138
 
127
139
  .m-autocomplete__panel--teleported {
128
- margin: 0;
129
- position: fixed;
130
140
  right: auto;
131
- z-index: var(--m-z-dropdown);
132
- }
133
-
134
- .m-autocomplete__item {
135
- border-radius: var(--m-radius-sm);
136
- cursor: pointer;
137
- padding: var(--m-space-2) var(--m-space-3);
138
- transition: background-color var(--m-motion-fast) var(--m-motion-ease);
139
141
  }
140
142
 
141
- .m-autocomplete__item--active,
142
- .m-autocomplete__item:hover {
143
- background: color-mix(
144
- in srgb,
145
- var(--m-color-primary) 12%,
146
- var(--m-color-surface)
147
- );
143
+ .m-autocomplete__panel-scroll--virtual .m-virtualscroller__item {
144
+ display: flex;
148
145
  }
149
146
 
150
- .m-autocomplete__item:focus-visible {
151
- box-shadow: var(--m-focus-shadow);
152
- outline: none;
147
+ .m-autocomplete__panel-scroll--virtual .m-autocomplete__item {
148
+ height: 100%;
149
+ min-height: 0;
150
+ width: 100%;
153
151
  }
154
152
 
155
153
  .m-autocomplete__spinner {
@@ -174,12 +172,6 @@
174
172
  border-top-color: var(--m-color-text-muted);
175
173
  }
176
174
 
177
- .m-autocomplete__status {
178
- color: var(--m-color-text-muted);
179
- list-style: none;
180
- padding: var(--m-space-2) var(--m-space-3);
181
- }
182
-
183
175
  .m-autocomplete--invalid .m-autocomplete__control {
184
176
  border-color: var(--m-color-danger);
185
177
  }
@@ -192,17 +184,26 @@
192
184
  .m-autocomplete__clear,
193
185
  .m-autocomplete__spinner {
194
186
  align-items: center;
187
+ align-self: center;
195
188
  display: flex;
196
- flex-shrink: 0;
189
+ flex: 0 0 auto;
197
190
  height: var(--m-control-affix-size);
198
191
  justify-content: center;
199
- pointer-events: auto;
200
- position: absolute;
201
- right: var(--m-space-1);
202
- top: 50%;
203
- transform: translateY(-50%);
204
192
  width: var(--m-control-affix-size);
205
- z-index: 1;
193
+ }
194
+
195
+ .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__clear,
196
+ .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__spinner {
197
+ margin-right: 0;
198
+ }
199
+
200
+ .m-autocomplete__clear {
201
+ background: transparent;
202
+ border: 0;
203
+ border-radius: var(--m-radius-sm);
204
+ color: var(--m-color-text-muted);
205
+ cursor: pointer;
206
+ padding: 0;
206
207
  }
207
208
 
208
209
  .m-autocomplete__clear:hover:not(:disabled) {
@@ -210,12 +211,6 @@
210
211
  }
211
212
 
212
213
  .m-autocomplete__clear:focus-visible {
213
- border-radius: var(--m-radius-sm);
214
214
  box-shadow: var(--m-focus-shadow);
215
215
  outline: none;
216
216
  }
217
-
218
- .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__clear,
219
- .m-autocomplete__control:has(.m-autocomplete__dropdown) .m-autocomplete__spinner {
220
- right: var(--m-control-affix-gap);
221
- }
@@ -2,6 +2,7 @@ import { MNativeInputProps } from '../../shared/nativeControlProps';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { FieldPassThrough } from '../../shared/passThrough';
4
4
  import { MSizeInput } from '../../shared/types';
5
+ import { MotionPresetId } from '../../theme/motionPresets';
5
6
  export interface AutoCompleteOption {
6
7
  label: string;
7
8
  value: string;
@@ -28,6 +29,13 @@ export interface AutoCompleteProps extends MNativeInputProps {
28
29
  appendTo?: MAppendTo;
29
30
  /** Pass-through attrs/classes/styles per DOM part. */
30
31
  pt?: FieldPassThrough;
32
+ /** Named motion preset, or `false` to disable enter/exit transition. */
33
+ transition?: MotionPresetId | false;
34
+ /**
35
+ * Virtualize suggestions. Default auto-enables when there are 80+ items.
36
+ * Pass `false` to always render the full list; `true` to always virtualize.
37
+ */
38
+ virtual?: boolean;
31
39
  }
32
40
  export interface AutoCompleteEmits {
33
41
  (event: 'update:modelValue', value: string): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,kBAAkB,CAAA;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACvB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,kBAAkB,CAAA;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACvB"}
@@ -1,8 +1,8 @@
1
1
  .m-avatar {
2
- --m-avatar-size-small: 2rem;
3
- --m-avatar-size-medium: 2.5rem;
4
- --m-avatar-size-large: 3.5rem;
5
- --m-avatar-size-xlarge: 5rem;
2
+ --m-avatar-size-small: var(--m-space-8);
3
+ --m-avatar-size-medium: calc(var(--m-space-8) + var(--m-space-2));
4
+ --m-avatar-size-large: calc(var(--m-space-8) + var(--m-space-6));
5
+ --m-avatar-size-xlarge: calc(var(--m-space-8) * 2 + var(--m-space-2));
6
6
  --m-avatar-size: var(--m-avatar-size-medium);
7
7
  --m-avatar-icon-size: 1rem;
8
8
  --m-avatar-font-size-xlarge: 1.5rem;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.vue"],"names":[],"mappings":";AAwDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA0FzC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.vue"],"names":[],"mappings":";AA2DA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAkGzC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -22,6 +22,7 @@
22
22
  min-height: var(--m-badge-size);
23
23
  min-width: var(--m-badge-size);
24
24
  padding: var(--m-badge-padding-y) var(--m-badge-padding-x);
25
+ position: relative;
25
26
  vertical-align: middle;
26
27
  }
27
28
 
@@ -129,26 +130,43 @@
129
130
  }
130
131
 
131
132
  .m-badge--processing {
132
- animation: m-badge-pulse var(--m-motion-pulse) ease-in-out infinite;
133
+ animation: none;
134
+ isolation: isolate;
135
+ }
136
+
137
+ .m-badge--processing::after {
138
+ background: currentColor;
139
+ border-radius: inherit;
140
+ content: '';
141
+ inset: 0;
142
+ opacity: 0.35;
143
+ pointer-events: none;
144
+ position: absolute;
145
+ z-index: -1;
146
+ animation: m-badge-pulse-ring var(--m-motion-pulse) ease-in-out infinite;
133
147
  }
134
148
 
135
- @keyframes m-badge-pulse {
149
+ @keyframes m-badge-pulse-ring {
136
150
  0%,
137
151
  100% {
138
- box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 45%, transparent);
152
+ opacity: 0.35;
153
+ transform: scale(1);
139
154
  }
140
155
  70% {
141
- box-shadow: 0 0 0 0.4rem transparent;
156
+ opacity: 0;
157
+ transform: scale(1.85);
142
158
  }
143
159
  }
144
160
 
145
161
  @media (prefers-reduced-motion: reduce) {
146
- .m-badge--processing {
162
+ html:not([data-m-ignore-reduced-motion]) .m-badge--processing::after {
147
163
  animation: none;
164
+ opacity: 0;
148
165
  }
149
166
  }
150
167
 
151
- [data-m-motion="reduced"] .m-badge--processing,
152
- [data-m-motion="none"] .m-badge--processing {
168
+ [data-m-motion="reduced"] .m-badge--processing::after,
169
+ [data-m-motion="none"] .m-badge--processing::after {
153
170
  animation: none;
171
+ opacity: 0;
154
172
  }
@@ -1,10 +1,12 @@
1
1
  import { BlockUIProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare var __VLS_1: {};
4
5
  type __VLS_Slots = {} & {
5
6
  default?: (props: typeof __VLS_1) => any;
6
7
  };
7
8
  declare const __VLS_base: DefineComponent<BlockUIProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BlockUIProps> & Readonly<{}>, {
9
+ transition: MotionPresetId | false;
8
10
  blocked: boolean;
9
11
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
10
12
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -1 +1 @@
1
- {"version":3,"file":"BlockUI.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BlockUI/BlockUI.vue"],"names":[],"mappings":";AAuCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA0E3C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"BlockUI.vue.d.ts","sourceRoot":"","sources":["../../../src/components/BlockUI/BlockUI.vue"],"names":[],"mappings":";;AA+CA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAuF3C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,6 +1,9 @@
1
1
  import { RootPassThrough } from '../../shared/passThrough';
2
+ import { MotionPresetId } from '../../theme/motionPresets';
2
3
  export interface BlockUIProps {
3
4
  pt?: RootPassThrough;
4
5
  blocked?: boolean;
6
+ /** Named motion preset, or `false` to disable enter/exit transition. */
7
+ transition?: MotionPresetId | false;
5
8
  }
6
9
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/BlockUI/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/BlockUI/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,YAAY,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,YAAY,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import { CascadeSelectOption, CascadeSelectProps, CascadeSelectValue } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare var __VLS_1: {
4
5
  option: CascadeSelectOption;
5
6
  }, __VLS_31: {
@@ -24,6 +25,7 @@ declare const __VLS_base: DefineComponent<CascadeSelectProps, {}, {}, {}, {}, Co
24
25
  }>, {
25
26
  modelValue: CascadeSelectValue;
26
27
  disabled: boolean;
28
+ transition: MotionPresetId | false;
27
29
  required: boolean;
28
30
  placeholder: string;
29
31
  invalid: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"CascadeSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CascadeSelect/CascadeSelect.vue"],"names":[],"mappings":";AAsYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA8iB1F,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;;;;;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CascadeSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CascadeSelect/CascadeSelect.vue"],"names":[],"mappings":";;AAwbA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA0nB1F,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;;;;;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,7 +1,6 @@
1
1
  /* —— Form: CascadeSelect —— */
2
2
  .m-cascadeselect {
3
3
  --m-cascadeselect-min-width: 12rem;
4
- --m-cascadeselect-column-max-height: 16rem;
5
4
  display: inline-block;
6
5
  max-width: 100%;
7
6
  position: relative;
@@ -85,39 +84,60 @@
85
84
  }
86
85
 
87
86
  .m-cascadeselect__panel {
88
- background: var(--m-color-surface);
89
- border: var(--m-border-width) solid var(--m-color-border);
90
- border-radius: var(--m-radius-md);
91
- box-shadow: var(--m-shadow-md);
87
+ --m-cascadeselect-column-min-width: 10rem;
88
+ --m-cascadeselect-column-max-height: min(18rem, 45vh);
92
89
  box-sizing: border-box;
93
90
  display: flex;
94
91
  left: 0;
95
- margin-top: var(--m-space-1);
96
92
  position: absolute;
97
93
  top: 100%;
98
- width: 100%;
99
- z-index: var(--m-z-popper);
94
+ width: max-content;
100
95
  }
101
96
 
102
97
  .m-cascadeselect__panel--teleported {
103
- margin-top: 0;
104
- position: fixed;
105
98
  top: auto;
106
- z-index: var(--m-z-dropdown);
107
99
  }
108
100
 
109
101
  .m-cascadeselect__column {
110
- flex: 1 1 0;
102
+ box-sizing: border-box;
103
+ flex: 0 0 auto;
111
104
  margin: 0;
112
- max-height: var(--m-cascadeselect-column-max-height);
113
- min-height: 0;
114
- min-width: 0;
105
+ width: max-content;
106
+ }
107
+
108
+ /*
109
+ * First column keeps the trigger-width floor (panel min-width from JS).
110
+ * Later columns only add width — they must not redistribute/shrink the first.
111
+ */
112
+ .m-cascadeselect__column:first-child {
113
+ min-width: inherit;
114
+ }
115
+
116
+ .m-cascadeselect__column:not(:first-child) {
117
+ min-width: var(--m-cascadeselect-column-min-width);
118
+ }
119
+
120
+ /* Lone column still fills the panel edge-to-edge. */
121
+ .m-cascadeselect__column:only-child {
122
+ width: auto;
123
+ min-width: 100%;
124
+ }
125
+
126
+ .m-cascadeselect__column .m-scrollbar__wrap,
127
+ .m-cascadeselect__column .m-scrollbar__view {
128
+ box-sizing: border-box;
129
+ width: 100%;
115
130
  }
116
131
 
117
132
  .m-cascadeselect__column-list {
118
133
  list-style: none;
119
134
  margin: 0;
120
135
  padding: var(--m-space-1);
136
+ width: 100%;
137
+ }
138
+
139
+ .m-cascadeselect__column-list > li {
140
+ width: 100%;
121
141
  }
122
142
 
123
143
  .m-cascadeselect__column + .m-cascadeselect__column {
@@ -125,32 +145,13 @@
125
145
  }
126
146
 
127
147
  .m-cascadeselect__option {
128
- align-items: center;
129
- background: transparent;
130
- border: 0;
131
- border-radius: var(--m-radius-sm);
132
- color: inherit;
133
- cursor: pointer;
134
- display: flex;
135
- font-family: var(--m-font-sans);
136
- justify-content: space-between;
137
- padding: var(--m-space-2) var(--m-space-3);
138
- text-align: left;
139
- transition: background-color var(--m-motion-fast) var(--m-motion-ease);
140
148
  width: 100%;
141
149
  }
142
150
 
143
- .m-cascadeselect__option:hover:not(:disabled),
144
- .m-cascadeselect__option--selected {
145
- background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
146
- }
147
-
148
- .m-cascadeselect__option:focus-visible {
149
- box-shadow: var(--m-focus-shadow);
150
- outline: none;
151
+ .m-cascadeselect__option > span {
152
+ min-width: 0;
151
153
  }
152
154
 
153
- .m-cascadeselect__option:disabled {
154
- cursor: not-allowed;
155
- opacity: var(--m-opacity-disabled);
155
+ .m-cascadeselect__option .m-icon {
156
+ flex-shrink: 0;
156
157
  }
@@ -2,6 +2,7 @@ import { MNativeComboboxFieldProps } from '../../shared/nativeControlProps';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { FieldPassThrough } from '../../shared/passThrough';
4
4
  import { MSizeInput } from '../../shared/types';
5
+ import { MotionPresetId } from '../../theme/motionPresets';
5
6
  export interface CascadeSelectOption {
6
7
  label: string;
7
8
  value: string | number;
@@ -30,6 +31,8 @@ export interface CascadeSelectProps extends MNativeComboboxFieldProps {
30
31
  appendTo?: MAppendTo;
31
32
  /** Pass-through attrs/classes/styles per DOM part. */
32
33
  pt?: FieldPassThrough;
34
+ /** Named motion preset, or `false` to disable enter/exit transition. */
35
+ transition?: MotionPresetId | false;
33
36
  }
34
37
  export interface CascadeSelectEmits {
35
38
  (event: 'update:modelValue', value: CascadeSelectValue): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CascadeSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB;IACnE,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC7D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACvB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CascadeSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB;IACnE,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC7D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACvB"}
@@ -63,7 +63,7 @@
63
63
  display: inline-flex;
64
64
  flex-shrink: 0;
65
65
  font: inherit;
66
- font-size: 1rem;
66
+ font-size: var(--m-chip-icon-size);
67
67
  height: var(--m-chip-remove-size);
68
68
  justify-content: center;
69
69
  line-height: 1;
@@ -72,6 +72,12 @@
72
72
  width: var(--m-chip-remove-size);
73
73
  }
74
74
 
75
+ .m-chip__remove :is(.m-icon, svg) {
76
+ display: block;
77
+ height: var(--m-chip-icon-size);
78
+ width: var(--m-chip-icon-size);
79
+ }
80
+
75
81
  .m-chip__remove:hover:not(:disabled) {
76
82
  color: var(--m-color-text);
77
83
  }
@@ -1,11 +1,13 @@
1
1
  import { CommandMenuItem, CommandMenuProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare const __VLS_export: DefineComponent<CommandMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4
5
  "update:modelValue": (value: boolean) => any;
5
6
  }, string, PublicProps, Readonly<CommandMenuProps> & Readonly<{
6
7
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
7
8
  }>, {
8
9
  modelValue: boolean;
10
+ transition: MotionPresetId | false;
9
11
  teleport: boolean;
10
12
  model: CommandMenuItem[];
11
13
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"CommandMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.vue"],"names":[],"mappings":";AA8JA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA2RhE,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1
+ {"version":3,"file":"CommandMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.vue"],"names":[],"mappings":";;AAsKA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAwShE,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -57,11 +57,13 @@
57
57
  background: transparent;
58
58
  border: 0;
59
59
  border-radius: var(--m-radius-sm);
60
+ box-sizing: border-box;
60
61
  color: inherit;
61
62
  cursor: pointer;
62
63
  display: flex;
63
64
  font: inherit;
64
65
  gap: var(--m-space-2);
66
+ min-height: var(--m-menu-item-height);
65
67
  padding: var(--m-space-2) var(--m-space-3);
66
68
  text-align: left;
67
69
  transition:
@@ -1,6 +1,7 @@
1
1
  import { MenuNodeBase } from '../../shared/menu';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { RootPassThrough } from '../../shared/passThrough';
4
+ import { MotionPresetId } from '../../theme/motionPresets';
4
5
  export interface CommandMenuItem extends Omit<MenuNodeBase, 'label'> {
5
6
  label: string;
6
7
  }
@@ -13,6 +14,8 @@ export interface CommandMenuProps {
13
14
  teleport?: boolean;
14
15
  /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
15
16
  appendTo?: MAppendTo;
17
+ /** Named motion preset, or `false` to disable enter/exit transition. */
18
+ transition?: MotionPresetId | false;
16
19
  }
17
20
  export interface CommandMenuEmits {
18
21
  (event: 'update:modelValue', value: boolean): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAClE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACnD"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAClE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACnD"}
@@ -20,6 +20,8 @@ type __VLS_Props = {
20
20
  locale?: MGlobalConfig['locale'];
21
21
  /** Shorthand: per-component default props. */
22
22
  componentDefaults?: MGlobalConfig['componentDefaults'];
23
+ /** Shorthand: named enter/exit motion presets by overlay role. */
24
+ motion?: MGlobalConfig['motion'];
23
25
  /**
24
26
  * When true (default), honor `prefers-reduced-motion`.
25
27
  * Set false to keep transitions when the OS requests reduced motion.
@@ -1 +1 @@
1
- {"version":3,"file":"ConfigProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/ConfigProvider.vue"],"names":[],"mappings":";AAiMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAW/D,KAAK,WAAW,GAAG;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,uCAAuC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC5C,uCAAuC;IACvC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC,kCAAkC;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAA;IACtD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAA;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB,CAAC;AAoKF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ConfigProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/ConfigProvider.vue"],"names":[],"mappings":";AAoMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAW/D,KAAK,WAAW,GAAG;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,uCAAuC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC5B,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC5C,uCAAuC;IACvC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC,kCAAkC;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAA;IACtD,kEAAkE;IAClE,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAA;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB,CAAC;AAqKF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,2 +1,2 @@
1
- export type { MComponentDefaults, MDensity, MGlobalConfig, MLocaleConfig, } from '../../shared/config';
1
+ export type { MComponentDefaults, MDensity, MGlobalConfig, MLocaleConfig, MMotionConfig, } from '../../shared/config';
2
2
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,aAAa,GACd,MAAM,qBAAqB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfigProvider/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,qBAAqB,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { ConfirmDialogProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { ButtonSeverity } from '../..';
3
+ import { MotionPresetId, ButtonSeverity } from '../..';
4
4
  declare var __VLS_13: {}, __VLS_20: {}, __VLS_22: {};
5
5
  type __VLS_Slots = {} & {
6
6
  header?: (props: typeof __VLS_13) => any;
@@ -19,6 +19,7 @@ declare const __VLS_base: DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, Co
19
19
  onReject?: (() => any) | undefined;
20
20
  }>, {
21
21
  modelValue: boolean;
22
+ transition: MotionPresetId | false;
22
23
  loading: boolean;
23
24
  teleport: boolean;
24
25
  acceptSeverity: ButtonSeverity;
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.vue"],"names":[],"mappings":";;AAoLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAiTjD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.vue"],"names":[],"mappings":";;AA4LA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA8TjD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}