morya-ui 0.2.9 → 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 (431) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/{Button-DO5oukfg.js → Button-B5X_R4Md.js} +2 -2
  3. package/dist/{Card-BQfmv5Iw.js → Card-Dsmnzong.js} +1 -1
  4. package/dist/{Checkbox-CL05RRUD.js → Checkbox-BzbAUfyZ.js} +2 -2
  5. package/dist/FlyoutSubmenu-BrUPmJa1.js +45 -0
  6. package/dist/{Icon-B6IBrJ5S.js → Icon-lcN1rS87.js} +109 -105
  7. package/dist/{Pagination-CUwCtWhz.js → Pagination-CVrH8Ypi.js} +3 -3
  8. package/dist/Popover-BQ07q4VV.js +179 -0
  9. package/dist/ProgressSpinner-BeWVF6Jv.js +105 -0
  10. package/dist/{Radio-DsaKvbhk.js → Radio-rF6zdR5Y.js} +2 -2
  11. package/dist/{ScrollBody-D2IHKP6U.js → ScrollBody-5hUnHj_M.js} +1 -1
  12. package/dist/{Scrollbar-BYnCO8fv.js → Scrollbar-DTeJ8P5b.js} +2 -2
  13. package/dist/Tooltip-D5DO0B3z.js +105 -0
  14. package/dist/VirtualScroller-CHoFCmpP.js +75 -0
  15. package/dist/accordion/index.js +42 -39
  16. package/dist/accordion/style.css +267 -17
  17. package/dist/auto-complete/index.js +185 -124
  18. package/dist/auto-complete/style.css +433 -56
  19. package/dist/auto-complete/style.js +2 -0
  20. package/dist/avatar/index.js +2 -2
  21. package/dist/avatar/style.css +229 -22
  22. package/dist/badge/index.js +25 -20
  23. package/dist/badge/style.css +249 -24
  24. package/dist/block-ui/index.js +26 -13
  25. package/dist/block-ui/style.css +224 -17
  26. package/dist/breadcrumb/index.js +2 -2
  27. package/dist/breadcrumb/style.css +224 -17
  28. package/dist/button/index.js +2 -2
  29. package/dist/button/style.css +225 -18
  30. package/dist/card/index.js +1 -1
  31. package/dist/card/style.css +224 -17
  32. package/dist/carousel/index.js +3 -3
  33. package/dist/carousel/style.css +225 -18
  34. package/dist/cascade-select/index.js +172 -143
  35. package/dist/cascade-select/style.css +448 -61
  36. package/dist/cascade-select/style.js +1 -0
  37. package/dist/checkbox/index.js +2 -2
  38. package/dist/checkbox/style.css +224 -17
  39. package/dist/chip/index.js +2 -2
  40. package/dist/chip/style.css +232 -19
  41. package/dist/command-menu/index.js +58 -45
  42. package/dist/command-menu/style.css +230 -21
  43. package/dist/components/Accordion/Accordion.vue.d.ts +2 -2
  44. package/dist/components/Accordion/Accordion.vue.d.ts.map +1 -1
  45. package/dist/components/Accordion/styles.css +43 -0
  46. package/dist/components/AutoComplete/AutoComplete.vue.d.ts +11 -4
  47. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  48. package/dist/components/AutoComplete/styles.css +9 -35
  49. package/dist/components/AutoComplete/types.d.ts +8 -0
  50. package/dist/components/AutoComplete/types.d.ts.map +1 -1
  51. package/dist/components/Avatar/styles.css +4 -4
  52. package/dist/components/Badge/Badge.vue.d.ts.map +1 -1
  53. package/dist/components/Badge/styles.css +25 -7
  54. package/dist/components/BlockUI/BlockUI.vue.d.ts +2 -0
  55. package/dist/components/BlockUI/BlockUI.vue.d.ts.map +1 -1
  56. package/dist/components/BlockUI/types.d.ts +3 -0
  57. package/dist/components/BlockUI/types.d.ts.map +1 -1
  58. package/dist/components/Button/index.d.ts.map +1 -1
  59. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts +2 -0
  60. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts.map +1 -1
  61. package/dist/components/CascadeSelect/styles.css +39 -38
  62. package/dist/components/CascadeSelect/types.d.ts +3 -0
  63. package/dist/components/CascadeSelect/types.d.ts.map +1 -1
  64. package/dist/components/Chip/styles.css +7 -1
  65. package/dist/components/CommandMenu/CommandMenu.vue.d.ts +2 -0
  66. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  67. package/dist/components/CommandMenu/styles.css +2 -0
  68. package/dist/components/CommandMenu/types.d.ts +3 -0
  69. package/dist/components/CommandMenu/types.d.ts.map +1 -1
  70. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts +2 -0
  71. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts.map +1 -1
  72. package/dist/components/ConfigProvider/types.d.ts +1 -1
  73. package/dist/components/ConfigProvider/types.d.ts.map +1 -1
  74. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts +2 -1
  75. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts.map +1 -1
  76. package/dist/components/ConfirmDialog/types.d.ts +3 -0
  77. package/dist/components/ConfirmDialog/types.d.ts.map +1 -1
  78. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts +2 -0
  79. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts.map +1 -1
  80. package/dist/components/ConfirmPopup/types.d.ts +3 -0
  81. package/dist/components/ConfirmPopup/types.d.ts.map +1 -1
  82. package/dist/components/ContextMenu/ContextMenu.vue.d.ts +2 -0
  83. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  84. package/dist/components/ContextMenu/styles.css +2 -0
  85. package/dist/components/ContextMenu/types.d.ts +3 -0
  86. package/dist/components/ContextMenu/types.d.ts.map +1 -1
  87. package/dist/components/DatePicker/DatePicker.vue.d.ts +2 -0
  88. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  89. package/dist/components/DatePicker/types.d.ts +3 -0
  90. package/dist/components/DatePicker/types.d.ts.map +1 -1
  91. package/dist/components/Dialog/Dialog.vue.d.ts +2 -0
  92. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  93. package/dist/components/Dialog/index.d.ts.map +1 -1
  94. package/dist/components/Dialog/styles.css +190 -4
  95. package/dist/components/Dialog/types.d.ts +3 -0
  96. package/dist/components/Dialog/types.d.ts.map +1 -1
  97. package/dist/components/Drawer/Drawer.vue.d.ts +2 -0
  98. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  99. package/dist/components/Drawer/styles.css +189 -4
  100. package/dist/components/Drawer/types.d.ts +3 -0
  101. package/dist/components/Drawer/types.d.ts.map +1 -1
  102. package/dist/components/Dropdown/Dropdown.vue.d.ts +2 -0
  103. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  104. package/dist/components/Dropdown/styles.css +4 -0
  105. package/dist/components/Dropdown/types.d.ts +3 -0
  106. package/dist/components/Dropdown/types.d.ts.map +1 -1
  107. package/dist/components/Empty/index.d.ts.map +1 -1
  108. package/dist/components/Empty/styles.css +6 -6
  109. package/dist/components/Fieldset/Fieldset.vue.d.ts.map +1 -1
  110. package/dist/components/Fieldset/styles.css +17 -6
  111. package/dist/components/FileUpload/FileUpload.vue.d.ts +1 -1
  112. package/dist/components/FloatLabel/styles.css +19 -7
  113. package/dist/components/Form/styles.css +21 -0
  114. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  115. package/dist/components/Icon/index.d.ts.map +1 -1
  116. package/dist/components/Icon/styles.css +1 -1
  117. package/dist/components/Input/index.d.ts.map +1 -1
  118. package/dist/components/Input/styles.css +19 -2
  119. package/dist/components/InputTags/styles.css +3 -1
  120. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  121. package/dist/components/Layout/styles.css +26 -16
  122. package/dist/components/Layout/types.d.ts +4 -2
  123. package/dist/components/Layout/types.d.ts.map +1 -1
  124. package/dist/components/Listbox/Listbox.vue.d.ts +7 -2
  125. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  126. package/dist/components/Listbox/styles.css +10 -0
  127. package/dist/components/Listbox/types.d.ts +5 -0
  128. package/dist/components/Listbox/types.d.ts.map +1 -1
  129. package/dist/components/Loading/Loading.vue.d.ts +2 -0
  130. package/dist/components/Loading/Loading.vue.d.ts.map +1 -1
  131. package/dist/components/Loading/LoadingIndicator.vue.d.ts.map +1 -1
  132. package/dist/components/Loading/loading.d.ts.map +1 -1
  133. package/dist/components/Loading/styles.css +25 -17
  134. package/dist/components/Loading/types.d.ts +3 -0
  135. package/dist/components/Loading/types.d.ts.map +1 -1
  136. package/dist/components/MegaMenu/MegaMenu.vue.d.ts +2 -0
  137. package/dist/components/MegaMenu/MegaMenu.vue.d.ts.map +1 -1
  138. package/dist/components/MegaMenu/styles.css +1 -0
  139. package/dist/components/MegaMenu/types.d.ts +3 -0
  140. package/dist/components/MegaMenu/types.d.ts.map +1 -1
  141. package/dist/components/Menu/Menu.vue.d.ts +3 -1
  142. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  143. package/dist/components/Menu/styles.css +10 -9
  144. package/dist/components/Menu/types.d.ts +3 -0
  145. package/dist/components/Menu/types.d.ts.map +1 -1
  146. package/dist/components/Menubar/Menubar.vue.d.ts +2 -0
  147. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  148. package/dist/components/Menubar/styles.css +4 -0
  149. package/dist/components/Menubar/types.d.ts +3 -0
  150. package/dist/components/Menubar/types.d.ts.map +1 -1
  151. package/dist/components/Message/Message.vue.d.ts +2 -0
  152. package/dist/components/Message/Message.vue.d.ts.map +1 -1
  153. package/dist/components/Message/types.d.ts +3 -0
  154. package/dist/components/Message/types.d.ts.map +1 -1
  155. package/dist/components/MeterGroup/styles.css +2 -2
  156. package/dist/components/Panel/Panel.vue.d.ts.map +1 -1
  157. package/dist/components/Panel/styles.css +21 -6
  158. package/dist/components/Popover/Popover.vue.d.ts +2 -0
  159. package/dist/components/Popover/Popover.vue.d.ts.map +1 -1
  160. package/dist/components/Popover/types.d.ts +3 -0
  161. package/dist/components/Popover/types.d.ts.map +1 -1
  162. package/dist/components/ProgressBar/ProgressBar.vue.d.ts.map +1 -1
  163. package/dist/components/ProgressBar/styles.css +30 -8
  164. package/dist/components/ProgressSpinner/ProgressSpinner.vue.d.ts.map +1 -1
  165. package/dist/components/ProgressSpinner/styles.css +3 -3
  166. package/dist/components/Result/index.d.ts.map +1 -1
  167. package/dist/components/Result/styles.css +17 -17
  168. package/dist/components/ScrollTop/ScrollTop.vue.d.ts +1 -1
  169. package/dist/components/Scrollbar/Scrollbar.vue.d.ts.map +1 -1
  170. package/dist/components/Scrollbar/styles.css +3 -3
  171. package/dist/components/Select/Select.vue.d.ts +10 -3
  172. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  173. package/dist/components/Select/index.d.ts.map +1 -1
  174. package/dist/components/Select/styles.css +13 -91
  175. package/dist/components/Select/types.d.ts +8 -0
  176. package/dist/components/Select/types.d.ts.map +1 -1
  177. package/dist/components/Sidebar/styles.css +8 -10
  178. package/dist/components/Skeleton/Skeleton.vue.d.ts +1 -1
  179. package/dist/components/Skeleton/Skeleton.vue.d.ts.map +1 -1
  180. package/dist/components/Slider/Slider.vue.d.ts +1 -1
  181. package/dist/components/SpeedDial/SpeedDial.vue.d.ts +2 -0
  182. package/dist/components/SpeedDial/SpeedDial.vue.d.ts.map +1 -1
  183. package/dist/components/SpeedDial/types.d.ts +3 -0
  184. package/dist/components/SpeedDial/types.d.ts.map +1 -1
  185. package/dist/components/SplitButton/SplitButton.vue.d.ts +2 -0
  186. package/dist/components/SplitButton/SplitButton.vue.d.ts.map +1 -1
  187. package/dist/components/SplitButton/types.d.ts +3 -0
  188. package/dist/components/SplitButton/types.d.ts.map +1 -1
  189. package/dist/components/Splitter/Splitter.vue.d.ts +5 -3
  190. package/dist/components/Splitter/Splitter.vue.d.ts.map +1 -1
  191. package/dist/components/Splitter/index.d.ts +1 -1
  192. package/dist/components/Splitter/index.d.ts.map +1 -1
  193. package/dist/components/Splitter/styles.css +12 -0
  194. package/dist/components/Splitter/types.d.ts +9 -3
  195. package/dist/components/Splitter/types.d.ts.map +1 -1
  196. package/dist/components/Status/Status.vue.d.ts.map +1 -1
  197. package/dist/components/Status/index.d.ts.map +1 -1
  198. package/dist/components/Status/styles.css +18 -16
  199. package/dist/components/Switch/Switch.vue.d.ts +1 -1
  200. package/dist/components/Table/hooks/useTotalItems.d.ts.map +1 -1
  201. package/dist/components/Table/styles.css +8 -8
  202. package/dist/components/Tag/styles.css +4 -2
  203. package/dist/components/TieredMenu/TieredMenu.vue.d.ts +3 -1
  204. package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
  205. package/dist/components/TieredMenu/styles.css +2 -0
  206. package/dist/components/TieredMenu/types.d.ts +3 -0
  207. package/dist/components/TieredMenu/types.d.ts.map +1 -1
  208. package/dist/components/Toast/Toast.vue.d.ts +2 -0
  209. package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
  210. package/dist/components/Toast/types.d.ts +3 -0
  211. package/dist/components/Toast/types.d.ts.map +1 -1
  212. package/dist/components/Toolbar/styles.css +1 -0
  213. package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -0
  214. package/dist/components/Tooltip/Tooltip.vue.d.ts.map +1 -1
  215. package/dist/components/Tooltip/types.d.ts +3 -0
  216. package/dist/components/Tooltip/types.d.ts.map +1 -1
  217. package/dist/components/Tree/styles.css +1 -1
  218. package/dist/components/TreeSelect/TreeSelect.vue.d.ts +2 -0
  219. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  220. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts +2 -0
  221. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts.map +1 -1
  222. package/dist/components/TreeSelect/styles.css +5 -57
  223. package/dist/components/TreeSelect/types.d.ts +3 -0
  224. package/dist/components/TreeSelect/types.d.ts.map +1 -1
  225. package/dist/components/TreeTable/styles.css +1 -1
  226. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts +7 -3
  227. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
  228. package/dist/components/VirtualScroller/index.d.ts +1 -1
  229. package/dist/components/VirtualScroller/index.d.ts.map +1 -1
  230. package/dist/components/VirtualScroller/types.d.ts +5 -0
  231. package/dist/components/VirtualScroller/types.d.ts.map +1 -1
  232. package/dist/{config-BdK5ccNT.js → config-CapALqt3.js} +10 -2
  233. package/dist/config-provider/index.js +5 -3
  234. package/dist/config-provider/style.css +243 -19
  235. package/dist/confirm-dialog/index.js +87 -74
  236. package/dist/confirm-dialog/style.css +415 -22
  237. package/dist/confirm-popup/index.js +82 -68
  238. package/dist/confirm-popup/style.css +225 -18
  239. package/dist/context-menu/index.js +112 -99
  240. package/dist/context-menu/style.css +230 -21
  241. package/dist/data-view/index.js +4 -4
  242. package/dist/data-view/style.css +227 -20
  243. package/dist/date-picker/index.js +166 -152
  244. package/dist/date-picker/style.css +225 -18
  245. package/dist/dialog/index.js +76 -63
  246. package/dist/dialog/style.css +415 -22
  247. package/dist/divider/style.css +224 -17
  248. package/dist/dock/index.js +3 -3
  249. package/dist/dock/style.css +225 -18
  250. package/dist/drawer/index.js +72 -61
  251. package/dist/drawer/style.css +414 -22
  252. package/dist/dropdown/index.js +145 -131
  253. package/dist/dropdown/style.css +232 -21
  254. package/dist/empty/index.js +3 -3
  255. package/dist/empty/style.css +231 -24
  256. package/dist/fieldset/index.js +19 -19
  257. package/dist/fieldset/style.css +242 -24
  258. package/dist/file-upload/index.js +3 -3
  259. package/dist/file-upload/style.css +225 -18
  260. package/dist/flex/index.js +2 -2
  261. package/dist/flex/style.css +224 -17
  262. package/dist/float-label/index.js +1 -1
  263. package/dist/float-label/style.css +243 -24
  264. package/dist/fluid/index.js +1 -1
  265. package/dist/fluid/style.css +224 -17
  266. package/dist/form/index.js +2 -2
  267. package/dist/form/style.css +245 -17
  268. package/dist/gallery/index.js +4 -4
  269. package/dist/gallery/style.css +228 -21
  270. package/dist/grid/index.js +1 -1
  271. package/dist/grid/style.css +224 -17
  272. package/dist/icon/index.js +1 -1
  273. package/dist/icon/style.css +225 -18
  274. package/dist/{icon-iOBeyIRp.js → icon-DWXkh-RM.js} +1 -1
  275. package/dist/icon-field/index.js +2 -2
  276. package/dist/icon-field/style.css +243 -19
  277. package/dist/index.d.ts +5 -5
  278. package/dist/index.d.ts.map +1 -1
  279. package/dist/index.js +5283 -4578
  280. package/dist/inplace/index.js +1 -1
  281. package/dist/inplace/style.css +224 -17
  282. package/dist/input/index.js +4 -4
  283. package/dist/input/style.css +244 -20
  284. package/dist/input-color/index.js +3 -3
  285. package/dist/input-color/style.css +224 -17
  286. package/dist/input-group/index.js +1 -1
  287. package/dist/input-group/style.css +224 -17
  288. package/dist/input-number/index.js +4 -4
  289. package/dist/input-number/style.css +225 -18
  290. package/dist/input-otp/index.js +3 -3
  291. package/dist/input-otp/style.css +224 -17
  292. package/dist/input-password/index.js +4 -4
  293. package/dist/input-password/style.css +225 -18
  294. package/dist/input-tags/index.js +4 -4
  295. package/dist/input-tags/style.css +228 -19
  296. package/dist/knob/index.js +1 -1
  297. package/dist/knob/style.css +224 -17
  298. package/dist/label/index.js +1 -1
  299. package/dist/label/style.css +224 -17
  300. package/dist/layout/index.js +7 -7
  301. package/dist/layout/style.css +254 -37
  302. package/dist/listbox/index.js +142 -87
  303. package/dist/listbox/style.css +265 -20
  304. package/dist/listbox/style.js +1 -0
  305. package/dist/loading/index.js +195 -156
  306. package/dist/loading/style.css +249 -34
  307. package/dist/{locale-B36KH7c3.js → locale-Bzm2nbEp.js} +1 -1
  308. package/dist/mega-menu/index.js +131 -119
  309. package/dist/mega-menu/style.css +226 -18
  310. package/dist/menu/index.js +278 -261
  311. package/dist/menu/style.css +238 -30
  312. package/dist/menubar/index.js +145 -133
  313. package/dist/menubar/style.css +232 -21
  314. package/dist/message/index.js +120 -107
  315. package/dist/message/style.css +225 -18
  316. package/dist/meter-group/index.js +1 -1
  317. package/dist/meter-group/style.css +226 -19
  318. package/dist/order-list/index.js +4 -4
  319. package/dist/order-list/style.css +225 -18
  320. package/dist/page/index.js +3 -3
  321. package/dist/page/style.css +225 -18
  322. package/dist/pagination/index.js +1 -1
  323. package/dist/pagination/style.css +225 -18
  324. package/dist/panel/index.js +31 -31
  325. package/dist/panel/style.css +246 -24
  326. package/dist/pick-list/index.js +4 -4
  327. package/dist/pick-list/style.css +225 -18
  328. package/dist/popover/index.js +1 -1
  329. package/dist/popover/style.css +224 -17
  330. package/dist/progress-bar/index.js +5 -2
  331. package/dist/progress-bar/style.css +254 -25
  332. package/dist/progress-spinner/index.js +1 -1
  333. package/dist/progress-spinner/style.css +227 -20
  334. package/dist/radio/index.js +2 -2
  335. package/dist/radio/style.css +224 -17
  336. package/dist/rating/index.js +4 -4
  337. package/dist/rating/style.css +225 -18
  338. package/dist/result/index.js +3 -3
  339. package/dist/result/style.css +242 -35
  340. package/dist/scroll-top/index.js +4 -4
  341. package/dist/scroll-top/style.css +228 -21
  342. package/dist/scrollbar/index.js +1 -1
  343. package/dist/scrollbar/style.css +227 -20
  344. package/dist/select/index.js +247 -152
  345. package/dist/select/style.css +450 -114
  346. package/dist/select/style.js +2 -0
  347. package/dist/select-button/index.js +2 -2
  348. package/dist/select-button/style.css +224 -17
  349. package/dist/shared/FlyoutSubmenu.vue.d.ts.map +1 -1
  350. package/dist/shared/componentDefaults.d.ts +62 -0
  351. package/dist/shared/componentDefaults.d.ts.map +1 -1
  352. package/dist/shared/config.d.ts +13 -2
  353. package/dist/shared/config.d.ts.map +1 -1
  354. package/dist/shared/styles/control-suffix.css +13 -2
  355. package/dist/shared/styles/select-overlay.css +167 -0
  356. package/dist/shared/useFloatingViewportSync.d.ts +10 -0
  357. package/dist/shared/useFloatingViewportSync.d.ts.map +1 -0
  358. package/dist/shared/usePauseOffscreen.d.ts +14 -0
  359. package/dist/shared/usePauseOffscreen.d.ts.map +1 -0
  360. package/dist/sidebar/index.js +4 -4
  361. package/dist/sidebar/style.css +233 -28
  362. package/dist/skeleton/index.js +34 -19
  363. package/dist/skeleton/style.css +224 -17
  364. package/dist/slider/index.js +3 -3
  365. package/dist/slider/style.css +224 -17
  366. package/dist/space/index.js +2 -2
  367. package/dist/space/style.css +224 -17
  368. package/dist/speed-dial/index.js +112 -98
  369. package/dist/speed-dial/style.css +225 -18
  370. package/dist/split-button/index.js +106 -92
  371. package/dist/split-button/style.css +225 -18
  372. package/dist/splitter/index.js +94 -80
  373. package/dist/splitter/style.css +236 -17
  374. package/dist/status/index.js +30 -26
  375. package/dist/status/style.css +243 -34
  376. package/dist/stepper/index.js +2 -2
  377. package/dist/stepper/style.css +225 -18
  378. package/dist/styles/base.css +128 -5
  379. package/dist/styles.css +1 -1
  380. package/dist/switch/index.js +2 -2
  381. package/dist/switch/style.css +224 -17
  382. package/dist/table/index.js +11 -15
  383. package/dist/table/style.css +239 -32
  384. package/dist/tabs/index.js +4 -4
  385. package/dist/tabs/style.css +228 -21
  386. package/dist/tag/index.js +3 -3
  387. package/dist/tag/style.css +229 -20
  388. package/dist/terminal/index.js +3 -3
  389. package/dist/terminal/style.css +224 -17
  390. package/dist/textarea/index.js +4 -4
  391. package/dist/textarea/style.css +225 -18
  392. package/dist/theme/index.d.ts +4 -0
  393. package/dist/theme/index.d.ts.map +1 -1
  394. package/dist/theme/motionPresets.d.ts +30 -0
  395. package/dist/theme/motionPresets.d.ts.map +1 -0
  396. package/dist/theme/styles.css +96 -12
  397. package/dist/theme/tokens.d.ts +17 -0
  398. package/dist/theme/tokens.d.ts.map +1 -1
  399. package/dist/theme/useMotion.d.ts.map +1 -1
  400. package/dist/theme/useMotionTransition.d.ts +19 -0
  401. package/dist/theme/useMotionTransition.d.ts.map +1 -0
  402. package/dist/tiered-menu/index.js +81 -67
  403. package/dist/tiered-menu/style.css +230 -21
  404. package/dist/timeline/index.js +3 -3
  405. package/dist/timeline/style.css +228 -21
  406. package/dist/toast/index.js +49 -36
  407. package/dist/toast/style.css +225 -18
  408. package/dist/toggle-button/index.js +3 -3
  409. package/dist/toggle-button/style.css +225 -18
  410. package/dist/toolbar/index.js +1 -1
  411. package/dist/toolbar/style.css +225 -17
  412. package/dist/tooltip/index.js +1 -1
  413. package/dist/tooltip/style.css +224 -17
  414. package/dist/tree/index.js +5 -8
  415. package/dist/tree/style.css +226 -19
  416. package/dist/tree-select/index.js +227 -203
  417. package/dist/tree-select/style.css +415 -81
  418. package/dist/tree-select/style.js +1 -0
  419. package/dist/tree-table/index.js +4 -4
  420. package/dist/tree-table/style.css +226 -19
  421. package/dist/{useComponentAttrs-BTYEe61P.js → useComponentAttrs-e-5QAjdw.js} +1 -1
  422. package/dist/useFloatingViewportSync-DZdJ7W8n.js +19 -0
  423. package/dist/useMotionTransition-Bxnnb_9u.js +49 -0
  424. package/dist/usePauseOffscreen-BIikV_gj.js +25 -0
  425. package/dist/virtual-scroller/index.js +2 -56
  426. package/dist/virtual-scroller/style.css +227 -20
  427. package/package.json +2 -1
  428. package/dist/FlyoutSubmenu-B_bkgKag.js +0 -49
  429. package/dist/Popover-Dq_p0vib.js +0 -166
  430. package/dist/ProgressSpinner-DuBpPkna.js +0 -90
  431. package/dist/Tooltip-CU1xFt_N.js +0 -93
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.vue"],"names":[],"mappings":";AAuEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAgI5C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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":"Fieldset.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.vue"],"names":[],"mappings":";AAyEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoI5C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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"}
@@ -36,23 +36,32 @@
36
36
 
37
37
  .m-fieldset__content {
38
38
  color: var(--m-color-text);
39
+ min-height: 0;
40
+ overflow: hidden;
39
41
  padding-top: var(--m-space-2);
40
42
  }
41
43
 
44
+ .m-fieldset__collapse {
45
+ contain: layout;
46
+ display: grid;
47
+ grid-template-rows: 1fr;
48
+ min-height: 0;
49
+ }
50
+
42
51
  .m-fieldset-collapse-enter-active,
43
52
  .m-fieldset-collapse-leave-active {
53
+ display: grid;
54
+ grid-template-rows: 1fr;
44
55
  overflow: hidden;
45
56
  transition:
46
- max-height var(--m-motion-normal) var(--m-motion-ease),
47
- opacity var(--m-motion-normal) var(--m-motion-ease),
48
- padding var(--m-motion-normal) var(--m-motion-ease);
57
+ grid-template-rows var(--m-motion-normal) var(--m-motion-ease),
58
+ opacity var(--m-motion-normal) var(--m-motion-ease);
49
59
  }
50
60
 
51
61
  .m-fieldset-collapse-enter-from,
52
62
  .m-fieldset-collapse-leave-to {
53
- max-height: 0;
63
+ grid-template-rows: 0fr;
54
64
  opacity: 0;
55
- padding-top: 0;
56
65
  }
57
66
 
58
67
  @media (prefers-reduced-motion: reduce) {
@@ -63,6 +72,8 @@
63
72
  }
64
73
 
65
74
  [data-m-motion="reduced"] .m-fieldset-collapse-enter-active,
66
- [data-m-motion="reduced"] .m-fieldset-collapse-leave-active {
75
+ [data-m-motion="reduced"] .m-fieldset-collapse-leave-active,
76
+ [data-m-motion="none"] .m-fieldset-collapse-enter-active,
77
+ [data-m-motion="none"] .m-fieldset-collapse-leave-active {
67
78
  transition: none;
68
79
  }
@@ -97,8 +97,8 @@ declare const __VLS_base: DefineComponent<FileUploadProps, {
97
97
  }>, {
98
98
  multiple: boolean;
99
99
  disabled: boolean;
100
- mode: FileUploadMode;
101
100
  name: string;
101
+ mode: FileUploadMode;
102
102
  drag: boolean;
103
103
  directory: boolean;
104
104
  showFileList: boolean;
@@ -1,5 +1,7 @@
1
1
  /* —— Form: FloatLabel —— */
2
2
  .m-float-label {
3
+ --m-float-label-inset-x: var(--m-control-padding-x-medium);
4
+ --m-float-label-lift: calc(0.5 * var(--m-control-height-medium));
3
5
  display: block;
4
6
  position: relative;
5
7
  }
@@ -7,17 +9,18 @@
7
9
  .m-float-label > label {
8
10
  color: var(--m-color-text-muted);
9
11
  font-family: var(--m-font-sans);
10
- left: var(--m-space-3);
12
+ font-size: var(--m-font-size-md);
13
+ left: var(--m-float-label-inset-x);
11
14
  line-height: 1;
12
15
  pointer-events: none;
13
16
  position: absolute;
14
17
  top: 50%;
15
18
  transform: translateY(-50%);
19
+ transform-origin: left center;
16
20
  transition:
17
- top var(--m-motion-fast) var(--m-motion-ease),
18
21
  transform var(--m-motion-fast) var(--m-motion-ease),
19
- font-size var(--m-motion-fast) var(--m-motion-ease),
20
- color var(--m-motion-fast) var(--m-motion-ease);
22
+ color var(--m-motion-fast) var(--m-motion-ease),
23
+ background-color var(--m-motion-fast) var(--m-motion-ease);
21
24
  z-index: 1;
22
25
  }
23
26
 
@@ -26,8 +29,17 @@
26
29
  .m-float-label:has(textarea:not(:placeholder-shown)) > label {
27
30
  background: var(--m-color-surface);
28
31
  color: var(--m-color-primary);
29
- font-size: var(--m-font-size-xs);
30
32
  padding: 0 var(--m-space-1);
31
- top: 0;
32
- transform: translateY(-50%);
33
+ /* Scale approximates xs size; translate lifts to the border without animating `top` / `font-size`. */
34
+ transform: translateY(calc(-50% - var(--m-float-label-lift))) scale(0.75);
35
+ }
36
+
37
+ .m-float-label:has(.m-input--small, .m-textarea--small) {
38
+ --m-float-label-inset-x: var(--m-control-padding-x-small);
39
+ --m-float-label-lift: calc(0.5 * var(--m-control-height-small));
40
+ }
41
+
42
+ .m-float-label:has(.m-input--large, .m-textarea--large) {
43
+ --m-float-label-inset-x: var(--m-control-padding-x-large);
44
+ --m-float-label-lift: calc(0.5 * var(--m-control-height-large));
33
45
  }
@@ -53,6 +53,16 @@
53
53
  grid-template-columns: auto minmax(0, 1fr);
54
54
  }
55
55
 
56
+ .m-form-item--label-left:has(
57
+ .m-checkbox,
58
+ .m-radio,
59
+ .m-switch,
60
+ .m-checkbox-group,
61
+ .m-radio-group
62
+ ) {
63
+ align-items: center;
64
+ }
65
+
56
66
  .m-form-item__label {
57
67
  color: var(--m-color-text);
58
68
  font-family: var(--m-font-sans);
@@ -65,6 +75,17 @@
65
75
  line-height: 1.4;
66
76
  }
67
77
 
78
+ .m-form-item--label-left:has(
79
+ .m-checkbox,
80
+ .m-radio,
81
+ .m-switch,
82
+ .m-checkbox-group,
83
+ .m-radio-group
84
+ )
85
+ .m-form-item__label {
86
+ line-height: 1.4;
87
+ }
88
+
68
89
  .m-form-item__required {
69
90
  color: var(--m-color-danger);
70
91
  margin-right: var(--m-space-1);
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.vue"],"names":[],"mappings":";AA2EA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA8GxC,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":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.vue"],"names":[],"mappings":";AAiFA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAqHxC,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,GACX,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,GACX,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}
@@ -43,7 +43,7 @@
43
43
  }
44
44
 
45
45
  @media (prefers-reduced-motion: reduce) {
46
- .m-icon--spin svg {
46
+ html:not([data-m-ignore-reduced-motion]) .m-icon--spin svg {
47
47
  animation: none;
48
48
  }
49
49
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAC/C,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAC/C,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
@@ -318,10 +318,27 @@
318
318
  display: flex;
319
319
  flex: 0 0 auto;
320
320
  font-size: var(--m-font-size-lg);
321
- height: var(--m-control-affix-size);
321
+ height: min(
322
+ var(--m-control-affix-size),
323
+ calc(var(--m-control-height-medium) - 2 * var(--m-border-width))
324
+ );
322
325
  justify-content: center;
326
+ max-height: 100%;
323
327
  padding: 0;
324
- width: var(--m-control-affix-size);
328
+ width: min(
329
+ var(--m-control-affix-size),
330
+ calc(var(--m-control-height-medium) - 2 * var(--m-border-width))
331
+ );
332
+ }
333
+
334
+ .m-input-field__control:has(.m-input--small) .m-input__clear {
335
+ height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
336
+ width: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
337
+ }
338
+
339
+ .m-input-field__control:has(.m-input--large) .m-input__clear {
340
+ height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
341
+ width: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
325
342
  }
326
343
 
327
344
  .m-input__clear:hover:not(:disabled) {
@@ -24,7 +24,7 @@
24
24
  flex-wrap: wrap;
25
25
  gap: var(--m-space-1);
26
26
  min-height: var(--m-control-height-medium);
27
- padding: var(--m-space-1) var(--m-space-2);
27
+ padding: var(--m-space-1) var(--m-control-padding-x-medium);
28
28
  transition:
29
29
  border-color var(--m-motion-fast) var(--m-motion-ease),
30
30
  box-shadow var(--m-motion-fast) var(--m-motion-ease),
@@ -40,10 +40,12 @@
40
40
 
41
41
  .m-inputtags--small {
42
42
  min-height: var(--m-control-height-small);
43
+ padding-inline: var(--m-control-padding-x-small);
43
44
  }
44
45
 
45
46
  .m-inputtags--large {
46
47
  min-height: var(--m-control-height-large);
48
+ padding-inline: var(--m-control-padding-x-large);
47
49
  }
48
50
 
49
51
  .m-inputtags--invalid {
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAiLA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA0OhD,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;;;;;;;;;;;;;;;;;;;;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":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAoLA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA6OhD,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;;;;;;;;;;;;;;;;;;;;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"}
@@ -115,13 +115,11 @@
115
115
  }
116
116
 
117
117
  .m-layout-header {
118
- --m-layout-header-height: 3.5rem;
119
118
  --m-layout-padding: 0 var(--m-space-4);
120
119
  --m-layout-radius: 0;
121
120
  }
122
121
 
123
122
  .m-layout-footer {
124
- --m-layout-footer-height: 3rem;
125
123
  --m-layout-padding: 0 var(--m-space-4);
126
124
  --m-layout-radius: 0;
127
125
  }
@@ -175,10 +173,10 @@
175
173
  }
176
174
 
177
175
  .m-layout-sider {
178
- --m-layout-sider-width: 12.5rem;
179
- --m-layout-sider-collapsed-width: 4rem;
176
+ --m-layout-sider-width: var(--m-nav-rail-width);
177
+ --m-layout-sider-collapsed-width: var(--m-nav-rail-collapsed-width);
180
178
  --m-layout-radius: 0;
181
- --m-layout-trigger-size: 1.5rem;
179
+ --m-layout-trigger-size: var(--m-space-6);
182
180
  align-self: stretch;
183
181
  background: var(--m-color-surface);
184
182
  box-sizing: border-box;
@@ -195,26 +193,38 @@
195
193
  transition:
196
194
  color var(--m-motion-normal) var(--m-motion-ease),
197
195
  border-color var(--m-motion-normal) var(--m-motion-ease),
198
- width var(--m-motion-normal) var(--m-motion-ease),
199
- max-width var(--m-motion-normal) var(--m-motion-ease),
200
196
  background-color var(--m-motion-normal) var(--m-motion-ease),
201
197
  opacity var(--m-motion-normal) var(--m-motion-ease);
202
198
  z-index: 1;
203
199
  }
204
200
 
205
- .m-layout-sider:not(.m-layout-sider--show-content) > :not(.m-layout-sider__trigger):not(.m-layout-sider__border) {
206
- opacity: 0;
207
- pointer-events: none;
208
- transition: opacity var(--m-motion-normal) var(--m-motion-ease);
209
- }
210
-
201
+ /* Default: clip via max-width (no size transition) + opacity — avoids layout thrashing. */
211
202
  .m-layout-sider--collapse-transform {
212
203
  flex-shrink: 0;
213
204
  }
214
205
 
206
+ /*
207
+ * Opt-in layout animation for flex reflow. One-shot only; prefer `transform` mode.
208
+ * `contain: layout` limits reflow cost to the sider subtree where possible.
209
+ * Overflow stays visible so the collapse trigger (half outside the edge) is not clipped.
210
+ */
215
211
  .m-layout-sider--collapse-width {
212
+ contain: layout;
216
213
  flex-shrink: 1;
217
214
  min-width: 0;
215
+ transition:
216
+ color var(--m-motion-normal) var(--m-motion-ease),
217
+ border-color var(--m-motion-normal) var(--m-motion-ease),
218
+ width var(--m-motion-normal) var(--m-motion-ease),
219
+ max-width var(--m-motion-normal) var(--m-motion-ease),
220
+ background-color var(--m-motion-normal) var(--m-motion-ease),
221
+ opacity var(--m-motion-normal) var(--m-motion-ease);
222
+ }
223
+
224
+ .m-layout-sider:not(.m-layout-sider--show-content) > :not(.m-layout-sider__trigger):not(.m-layout-sider__border) {
225
+ opacity: 0;
226
+ pointer-events: none;
227
+ transition: opacity var(--m-motion-normal) var(--m-motion-ease);
218
228
  }
219
229
 
220
230
  .m-layout-sider__border {
@@ -358,8 +368,8 @@
358
368
  .m-layout-sider__bar-bottom {
359
369
  background: var(--m-color-text-muted);
360
370
  border-radius: var(--m-radius-sm);
361
- height: 2.375rem;
362
- left: 0.875rem;
371
+ height: calc(var(--m-space-8) + var(--m-space-2) - var(--m-space-1));
372
+ left: calc(var(--m-space-3) + var(--m-space-1));
363
373
  position: absolute;
364
374
  transition:
365
375
  background-color var(--m-motion-fast) var(--m-motion-ease),
@@ -372,7 +382,7 @@
372
382
  }
373
383
 
374
384
  .m-layout-sider__bar-bottom {
375
- top: 2.125rem;
385
+ top: calc(var(--m-space-8) + var(--m-space-1));
376
386
  }
377
387
 
378
388
  .m-layout-sider__trigger--bar:hover .m-layout-sider__bar-top {
@@ -74,8 +74,10 @@ export interface LayoutSiderProps {
74
74
  /** Uncontrolled initial collapsed state. */
75
75
  defaultCollapsed?: boolean;
76
76
  /**
77
- * `transform` (default): keep expanded `width`, collapse via `max-width`.
78
- * `width`: shrink `width` with the sider.
77
+ * `transform` (default): keep expanded `width`, clip with `max-width` (no size
78
+ * transition avoids layout thrashing on app chrome). Content fades via opacity.
79
+ * `width`: animate `width`/`max-width` so flex neighbors reflow smoothly (one-shot
80
+ * layout work; prefer `transform` unless that reflow is required).
79
81
  */
80
82
  collapseMode?: LayoutCollapseMode;
81
83
  /** Show sider content while collapsed. */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}
@@ -1,10 +1,14 @@
1
1
  import { ListboxOption, ListboxProps, ListboxValue } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- declare var __VLS_11: {
3
+ declare var __VLS_10: {
4
+ option: ListboxOption;
5
+ }, __VLS_22: {
4
6
  option: ListboxOption;
5
7
  };
6
8
  type __VLS_Slots = {} & {
7
- option?: (props: typeof __VLS_11) => any;
9
+ option?: (props: typeof __VLS_10) => any;
10
+ } & {
11
+ option?: (props: typeof __VLS_22) => any;
8
12
  };
9
13
  declare const __VLS_base: DefineComponent<ListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
10
14
  "update:modelValue": (value: ListboxValue | ListboxValue[] | undefined) => any;
@@ -15,6 +19,7 @@ declare const __VLS_base: DefineComponent<ListboxProps, {}, {}, {}, {}, Componen
15
19
  multiple: boolean;
16
20
  disabled: boolean;
17
21
  invalid: boolean;
22
+ virtual: boolean;
18
23
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
19
24
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
25
  declare const _default: typeof __VLS_export;
@@ -1 +1 @@
1
- {"version":3,"file":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AA2KA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA6PxE,QAAA,IAAuB,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;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":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AAiPA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkXxE,QAAA,IAAuB,QAAQ;;CAAU,EAAuB,QAAQ;;CAAY,CAAE;AACtF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;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"}
@@ -115,3 +115,13 @@
115
115
  .m-listbox--invalid:focus-within {
116
116
  box-shadow: var(--m-focus-shadow-danger);
117
117
  }
118
+
119
+ .m-listbox__list--virtual .m-virtualscroller__item {
120
+ display: flex;
121
+ }
122
+
123
+ .m-listbox__list--virtual .m-listbox__option {
124
+ height: 100%;
125
+ min-height: 0;
126
+ width: 100%;
127
+ }
@@ -16,6 +16,11 @@ export interface ListboxProps {
16
16
  filter?: boolean;
17
17
  emptyMessage?: string;
18
18
  listStyle?: string | Record<string, string>;
19
+ /**
20
+ * Virtualize the option list. Default auto-enables when there are 80+ options.
21
+ * Pass `false` to always render the full list; `true` to always virtualize.
22
+ */
23
+ virtual?: boolean;
19
24
  /** Pass-through attrs/classes/styles for the root element. */
20
25
  pt?: RootPassThrough;
21
26
  }
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAC1C,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;CACrF"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAC1C,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;CACrF"}
@@ -1,5 +1,6 @@
1
1
  import { LoadingProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare var __VLS_1: {}, __VLS_15: {}, __VLS_34: {};
4
5
  type __VLS_Slots = {} & {
5
6
  default?: (props: typeof __VLS_1) => any;
@@ -9,6 +10,7 @@ type __VLS_Slots = {} & {
9
10
  indicator?: (props: typeof __VLS_34) => any;
10
11
  };
11
12
  declare const __VLS_base: DefineComponent<LoadingProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
13
+ transition: MotionPresetId | false;
12
14
  loading: boolean;
13
15
  fullscreen: boolean;
14
16
  lock: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Loading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.vue"],"names":[],"mappings":";AA8JA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAmR3C,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMlD,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":"Loading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.vue"],"names":[],"mappings":";;AAsKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkS3C,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMlD,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 +1 @@
1
- {"version":3,"file":"LoadingIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.vue"],"names":[],"mappings":";AA2FA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAC;AA8KF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1
+ {"version":3,"file":"LoadingIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.vue"],"names":[],"mappings":";AAgGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAU5C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAC;AAqLF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1 +1 @@
1
- {"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/loading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAM3F,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IACjE,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;IACnD,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CAC/B;AA8BD,wBAAgB,iBAAiB,SAKhC;AAED,wBAAgB,mBAAmB,SAIlC;AA4BD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,GAAG,mBAAmB,CA0MjF;AAMD,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,sBAAsB,CAsB1F;AAED,sEAAsE;AACtE,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,SAKlC"}
1
+ {"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/loading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAoB,MAAM,KAAK,CAAA;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAa3F,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IACjE,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;IACnD,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;CAC/B;AAuDD,wBAAgB,iBAAiB,SAKhC;AAED,wBAAgB,mBAAmB,SAIlC;AA4BD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,GAAG,mBAAmB,CA4MjF;AAMD,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,sBAAsB,CAsB1F;AAED,sEAAsE;AACtE,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,SAKlC"}
@@ -66,12 +66,12 @@
66
66
  --m-loading-c5: var(--m-color-danger);
67
67
  --m-loading-c6: var(--m-color-text-muted);
68
68
  --m-loading-spin: var(--m-motion-spin);
69
- --m-loading-aurora-glow: 3s;
70
- --m-loading-bounce: 0.6s;
69
+ --m-loading-aurora-glow: var(--m-motion-loading-aurora);
70
+ --m-loading-bounce: var(--m-motion-loading-bounce);
71
71
  --m-loading-wave: var(--m-motion-spin-medium);
72
- --m-loading-pulse: 1.8s;
73
- --m-loading-stardust: 1.6s;
74
- --m-loading-circular-rotate: 2s;
72
+ --m-loading-pulse: var(--m-motion-loading-pulse);
73
+ --m-loading-stardust: var(--m-motion-loading-stardust);
74
+ --m-loading-circular-rotate: var(--m-motion-loading-circular-rotate);
75
75
  --m-loading-circular-dash: var(--m-motion-spin-dash);
76
76
  --m-loading-scale: 1;
77
77
 
@@ -130,18 +130,26 @@
130
130
 
131
131
  .m-loading-aurora__glow {
132
132
  animation: m-loading-spin var(--m-loading-aurora-glow) linear infinite reverse;
133
- background: conic-gradient(
134
- from 0deg,
135
- var(--m-loading-c1),
136
- var(--m-loading-c5),
137
- var(--m-loading-c2),
138
- var(--m-loading-c3),
139
- var(--m-loading-c1)
140
- );
133
+ /* Soft radial layers instead of animated blur (≤8px / no continuous filter). */
134
+ background:
135
+ radial-gradient(
136
+ circle at 30% 30%,
137
+ color-mix(in srgb, var(--m-loading-c1) 55%, transparent),
138
+ transparent 62%
139
+ ),
140
+ radial-gradient(
141
+ circle at 70% 65%,
142
+ color-mix(in srgb, var(--m-loading-c5) 45%, transparent),
143
+ transparent 58%
144
+ ),
145
+ radial-gradient(
146
+ circle at 50% 50%,
147
+ color-mix(in srgb, var(--m-loading-c2) 35%, transparent),
148
+ transparent 70%
149
+ );
141
150
  border-radius: 50%;
142
- filter: blur(10px);
143
- inset: -6px;
144
- opacity: 0.22;
151
+ inset: -10px;
152
+ opacity: 0.55;
145
153
  position: absolute;
146
154
  z-index: 1;
147
155
  }
@@ -180,7 +188,7 @@
180
188
  .m-loading-wave {
181
189
  align-items: center;
182
190
  display: flex;
183
- gap: 0.375rem;
191
+ gap: var(--m-space-1);
184
192
  height: 3.125rem;
185
193
  }
186
194
 
@@ -1,6 +1,7 @@
1
1
  import { MRenderable } from '../../shared/content';
2
2
  import { RootPassThrough } from '../../shared/passThrough';
3
3
  import { MSizeInput } from '../../shared/types';
4
+ import { MotionPresetId } from '../../theme/motionPresets';
4
5
  /** Built-in spinner graphics. */
5
6
  export declare const LOADING_EFFECTS: readonly ["circular", "aurora", "bounce", "wave", "pulse", "stardust"];
6
7
  export type LoadingEffect = (typeof LOADING_EFFECTS)[number];
@@ -30,6 +31,8 @@ export interface LoadingProps {
30
31
  lock?: boolean;
31
32
  /** Delay in ms before showing the mask. */
32
33
  delay?: number;
34
+ /** Named motion preset, or `false` to disable enter/exit transition. */
35
+ transition?: MotionPresetId | false;
33
36
  }
34
37
  /** Options for `v-loading` when the binding is an object. */
35
38
  export interface LoadingBinding {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,iCAAiC;AACjC,eAAO,MAAM,eAAe,wEAAyE,CAAA;AAErG,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAI5D,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAEtE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAEpE;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,6DAA6D;AAC7D,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAED,uCAAuC;AACvC,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,uDAAuD;IACvD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,iCAAiC;AACjC,eAAO,MAAM,eAAe,wEAAyE,CAAA;AAErG,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAI5D,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAEtE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,CAEpE;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,6DAA6D;AAC7D,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAED,uCAAuC;AACvC,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,uDAAuD;IACvD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB"}
@@ -1,5 +1,6 @@
1
1
  import { MegaMenuItem, MegaMenuProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare const __VLS_export: DefineComponent<MegaMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
4
5
  select: (item: MegaMenuItem) => any;
5
6
  "update:selectedKey": (value: string | null) => any;
@@ -7,6 +8,7 @@ declare const __VLS_export: DefineComponent<MegaMenuProps, {}, {}, {}, {}, Compo
7
8
  onSelect?: ((item: MegaMenuItem) => any) | undefined;
8
9
  "onUpdate:selectedKey"?: ((value: string | null) => any) | undefined;
9
10
  }>, {
11
+ transition: MotionPresetId | false;
10
12
  teleport: boolean;
11
13
  model: MegaMenuItem[];
12
14
  selectedKey: string | null;
@@ -1 +1 @@
1
- {"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";AAkTA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAga1D,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1
+ {"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";;AAoTA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAua1D,QAAA,MAAM,YAAY;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -24,6 +24,7 @@
24
24
  display: inline-flex;
25
25
  font-family: var(--m-font-sans);
26
26
  gap: var(--m-space-1);
27
+ min-height: var(--m-menu-item-height);
27
28
  padding: var(--m-space-2) var(--m-space-3);
28
29
  transition: background-color var(--m-motion-fast) var(--m-motion-ease);
29
30
  }
@@ -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 MegaMenuItem extends Omit<MenuNodeBase, 'label' | 'items'> {
5
6
  label: string;
6
7
  /** Column groups for mega panel; each entry is a column of items. */
@@ -15,5 +16,7 @@ export interface MegaMenuProps {
15
16
  teleport?: boolean;
16
17
  /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
17
18
  appendTo?: MAppendTo;
19
+ /** Named motion preset, or `false` to disable enter/exit transition. */
20
+ transition?: MotionPresetId | false;
18
21
  }
19
22
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/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,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,KAAK,CAAC,EAAE,YAAY,EAAE,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/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,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,KAAK,CAAC,EAAE,YAAY,EAAE,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC"}