morya-ui 0.2.5 → 0.2.7

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 (188) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/README.md +2 -2
  3. package/README.zh-CN.md +2 -2
  4. package/dist/{Button-lNErA-7h.js → Button--RkQybU-.js} +1 -1
  5. package/dist/{Checkbox-B758a_iB.js → Checkbox-CL05RRUD.js} +1 -1
  6. package/dist/{FlyoutSubmenu-kymVjXLs.js → FlyoutSubmenu-B_bkgKag.js} +1 -1
  7. package/dist/{Pagination-Dm2-MBnC.js → Pagination-BKvR-RUW.js} +1 -1
  8. package/dist/{Popover-flzjtjqD.js → Popover-Dq_p0vib.js} +1 -1
  9. package/dist/{ProgressSpinner-BXHLx4Lg.js → ProgressSpinner-DuBpPkna.js} +1 -1
  10. package/dist/{Radio-Bb21-Vk4.js → Radio-DsaKvbhk.js} +1 -1
  11. package/dist/{Tooltip-CeGxjP-L.js → Tooltip-CU1xFt_N.js} +1 -1
  12. package/dist/activity-low-CgK9kHWr.js +4 -0
  13. package/dist/auto-complete/index.js +2 -2
  14. package/dist/breadcrumb/index.js +1 -1
  15. package/dist/building-DYLdXiQg.js +4 -0
  16. package/dist/button/index.js +1 -1
  17. package/dist/carousel/index.js +1 -1
  18. package/dist/cascade-select/index.js +2 -2
  19. package/dist/checkbox/index.js +1 -1
  20. package/dist/chip/index.js +1 -1
  21. package/dist/churn-high-D1ELpZzW.js +4 -0
  22. package/dist/command-menu/index.js +2 -2
  23. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts.map +1 -1
  24. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  25. package/dist/components/Empty/Empty.vue.d.ts +5 -6
  26. package/dist/components/Empty/Empty.vue.d.ts.map +1 -1
  27. package/dist/components/Empty/illustrations/catalog.d.ts +5 -0
  28. package/dist/components/Empty/illustrations/catalog.d.ts.map +1 -0
  29. package/dist/components/Empty/illustrations/defaultEmptyIcon.d.ts +3 -0
  30. package/dist/components/Empty/illustrations/defaultEmptyIcon.d.ts.map +1 -0
  31. package/dist/components/Empty/illustrations/index.d.ts +15 -0
  32. package/dist/components/Empty/illustrations/index.d.ts.map +1 -0
  33. package/dist/components/Empty/illustrations/loaders.d.ts +4 -0
  34. package/dist/components/Empty/illustrations/loaders.d.ts.map +1 -0
  35. package/dist/components/Empty/illustrations/markup/activity-low.d.ts +4 -0
  36. package/dist/components/Empty/illustrations/markup/activity-low.d.ts.map +1 -0
  37. package/dist/components/Empty/illustrations/markup/building.d.ts +4 -0
  38. package/dist/components/Empty/illustrations/markup/building.d.ts.map +1 -0
  39. package/dist/components/Empty/illustrations/markup/churn-high.d.ts +4 -0
  40. package/dist/components/Empty/illustrations/markup/churn-high.d.ts.map +1 -0
  41. package/dist/components/Empty/illustrations/markup/conversion-low.d.ts +4 -0
  42. package/dist/components/Empty/illustrations/markup/conversion-low.d.ts.map +1 -0
  43. package/dist/components/Empty/illustrations/markup/input-irregular.d.ts +4 -0
  44. package/dist/components/Empty/illustrations/markup/input-irregular.d.ts.map +1 -0
  45. package/dist/components/Empty/illustrations/markup/network-error.d.ts +4 -0
  46. package/dist/components/Empty/illustrations/markup/network-error.d.ts.map +1 -0
  47. package/dist/components/Empty/illustrations/markup/no-content.d.ts +4 -0
  48. package/dist/components/Empty/illustrations/markup/no-content.d.ts.map +1 -0
  49. package/dist/components/Empty/illustrations/markup/no-issue.d.ts +4 -0
  50. package/dist/components/Empty/illustrations/markup/no-issue.d.ts.map +1 -0
  51. package/dist/components/Empty/illustrations/markup/no-message.d.ts +4 -0
  52. package/dist/components/Empty/illustrations/markup/no-message.d.ts.map +1 -0
  53. package/dist/components/Empty/illustrations/markup/no-result.d.ts +4 -0
  54. package/dist/components/Empty/illustrations/markup/no-result.d.ts.map +1 -0
  55. package/dist/components/Empty/illustrations/markup/no-schedule.d.ts +4 -0
  56. package/dist/components/Empty/illustrations/markup/no-schedule.d.ts.map +1 -0
  57. package/dist/components/Empty/illustrations/markup/payment-cycle-long.d.ts +4 -0
  58. package/dist/components/Empty/illustrations/markup/payment-cycle-long.d.ts.map +1 -0
  59. package/dist/components/Empty/illustrations/markup/profile-unclear.d.ts +4 -0
  60. package/dist/components/Empty/illustrations/markup/profile-unclear.d.ts.map +1 -0
  61. package/dist/components/Empty/illustrations/markup/server-error.d.ts +4 -0
  62. package/dist/components/Empty/illustrations/markup/server-error.d.ts.map +1 -0
  63. package/dist/components/Empty/index.d.ts +3 -1
  64. package/dist/components/Empty/index.d.ts.map +1 -1
  65. package/dist/components/Empty/styles.css +104 -30
  66. package/dist/components/Empty/types.d.ts +25 -4
  67. package/dist/components/Empty/types.d.ts.map +1 -1
  68. package/dist/components/Form/types.d.ts +1 -1
  69. package/dist/components/Form/types.d.ts.map +1 -1
  70. package/dist/components/Layout/styles.css +5 -0
  71. package/dist/components/Layout/types.d.ts +1 -1
  72. package/dist/components/Layout/types.d.ts.map +1 -1
  73. package/dist/components/Menu/styles.css +19 -0
  74. package/dist/components/Message/types.d.ts +1 -1
  75. package/dist/components/Message/types.d.ts.map +1 -1
  76. package/dist/components/Pagination/types.d.ts +4 -4
  77. package/dist/components/Pagination/types.d.ts.map +1 -1
  78. package/dist/components/Result/Result.vue.d.ts +2 -2
  79. package/dist/components/Result/Result.vue.d.ts.map +1 -1
  80. package/dist/components/Result/index.d.ts +1 -1
  81. package/dist/components/Result/index.d.ts.map +1 -1
  82. package/dist/components/Result/statusIcons.d.ts +4 -0
  83. package/dist/components/Result/statusIcons.d.ts.map +1 -0
  84. package/dist/components/Result/styles.css +89 -23
  85. package/dist/components/Result/types.d.ts +10 -4
  86. package/dist/components/Result/types.d.ts.map +1 -1
  87. package/dist/components/Splitter/types.d.ts +4 -4
  88. package/dist/components/Splitter/types.d.ts.map +1 -1
  89. package/dist/components/Status/Status.vue.d.ts +7 -3
  90. package/dist/components/Status/Status.vue.d.ts.map +1 -1
  91. package/dist/components/Status/index.d.ts +1 -1
  92. package/dist/components/Status/index.d.ts.map +1 -1
  93. package/dist/components/Status/styles.css +116 -26
  94. package/dist/components/Status/types.d.ts +16 -2
  95. package/dist/components/Status/types.d.ts.map +1 -1
  96. package/dist/components/Tree/TreeNodeItem.vue.d.ts.map +1 -1
  97. package/dist/components/Tree/types.d.ts +1 -1
  98. package/dist/components/Tree/types.d.ts.map +1 -1
  99. package/dist/{config-Dln2-u_v.js → config-BdK5ccNT.js} +1 -0
  100. package/dist/config-provider/index.js +28 -15
  101. package/dist/confirm-dialog/index.js +3 -3
  102. package/dist/confirm-popup/index.js +3 -3
  103. package/dist/context-menu/index.js +2 -2
  104. package/dist/conversion-low-CwZiQc2k.js +4 -0
  105. package/dist/data-view/index.js +3 -3
  106. package/dist/date-picker/index.js +2 -2
  107. package/dist/dialog/index.js +77 -61
  108. package/dist/drawer/index.js +2 -2
  109. package/dist/dropdown/index.js +3 -3
  110. package/dist/empty/index.js +141 -26
  111. package/dist/empty/style.css +104 -30
  112. package/dist/file-upload/index.js +1 -1
  113. package/dist/flex/index.js +1 -1
  114. package/dist/form/index.js +1 -1
  115. package/dist/gallery/index.js +1 -1
  116. package/dist/index.d.ts +5 -3
  117. package/dist/index.d.ts.map +1 -1
  118. package/dist/index.js +1384 -1160
  119. package/dist/input/index.js +2 -2
  120. package/dist/input-color/index.js +2 -2
  121. package/dist/input-irregular-xSLDoNTS.js +4 -0
  122. package/dist/input-number/index.js +2 -2
  123. package/dist/input-otp/index.js +2 -2
  124. package/dist/input-password/index.js +2 -2
  125. package/dist/input-tags/index.js +2 -2
  126. package/dist/layout/index.js +1 -1
  127. package/dist/layout/style.css +5 -0
  128. package/dist/listbox/index.js +2 -2
  129. package/dist/locale/en-US.d.ts.map +1 -1
  130. package/dist/locale/types.d.ts +1 -0
  131. package/dist/locale/types.d.ts.map +1 -1
  132. package/dist/locale/zh-CN.d.ts.map +1 -1
  133. package/dist/{locale-DNYpTg5K.js → locale-B36KH7c3.js} +1 -1
  134. package/dist/mega-menu/index.js +2 -2
  135. package/dist/menu/index.js +52 -40
  136. package/dist/menu/style.css +19 -0
  137. package/dist/menubar/index.js +2 -2
  138. package/dist/message/index.js +2 -2
  139. package/dist/network-error-C6vl5a7S.js +4 -0
  140. package/dist/no-content-CwbqVPoN.js +4 -0
  141. package/dist/no-issue-DMkU-Pnw.js +4 -0
  142. package/dist/no-message-DnIEpMiO.js +4 -0
  143. package/dist/no-result-pGce34BV.js +4 -0
  144. package/dist/no-schedule-Cl9Frt1Q.js +4 -0
  145. package/dist/order-list/index.js +1 -1
  146. package/dist/pagination/index.js +1 -1
  147. package/dist/panel/index.js +1 -1
  148. package/dist/payment-cycle-long-Ba9FNStl.js +4 -0
  149. package/dist/pick-list/index.js +1 -1
  150. package/dist/popover/index.js +1 -1
  151. package/dist/profile-unclear-CGs4PCfw.js +4 -0
  152. package/dist/progress-spinner/index.js +1 -1
  153. package/dist/radio/index.js +1 -1
  154. package/dist/rating/index.js +2 -2
  155. package/dist/result/index.js +72 -36
  156. package/dist/result/style.css +89 -23
  157. package/dist/scroll-top/index.js +2 -2
  158. package/dist/select/index.js +2 -2
  159. package/dist/select-button/index.js +1 -1
  160. package/dist/server-error-D8zGMe5r.js +4 -0
  161. package/dist/shared/optionalRouter.d.ts +5 -0
  162. package/dist/shared/optionalRouter.d.ts.map +1 -1
  163. package/dist/shared/responsive.d.ts +1 -1
  164. package/dist/shared/responsive.d.ts.map +1 -1
  165. package/dist/sidebar/index.js +1 -1
  166. package/dist/slider/index.js +2 -2
  167. package/dist/space/index.js +1 -1
  168. package/dist/speed-dial/index.js +2 -2
  169. package/dist/split-button/index.js +2 -2
  170. package/dist/splitter/index.js +1 -1
  171. package/dist/status/index.js +46 -19
  172. package/dist/status/style.css +171 -26
  173. package/dist/status/style.js +1 -0
  174. package/dist/styles.css +1 -1
  175. package/dist/switch/index.js +1 -1
  176. package/dist/table/index.js +7 -7
  177. package/dist/tabs/index.js +1 -1
  178. package/dist/tag/index.js +2 -2
  179. package/dist/terminal/index.js +1 -1
  180. package/dist/textarea/index.js +2 -2
  181. package/dist/tiered-menu/index.js +2 -2
  182. package/dist/toast/index.js +2 -2
  183. package/dist/toggle-button/index.js +1 -1
  184. package/dist/tooltip/index.js +1 -1
  185. package/dist/tree/index.js +9 -4
  186. package/dist/tree-select/index.js +3 -3
  187. package/dist/tree-table/index.js +1 -1
  188. package/package.json +6 -5
@@ -272,6 +272,7 @@
272
272
  align-items: center;
273
273
  border-radius: var(--m-menu-item-radius);
274
274
  box-sizing: border-box;
275
+ color: var(--m-menu-item-text);
275
276
  cursor: pointer;
276
277
  display: grid;
277
278
  grid-template-areas: "icon label arrow";
@@ -280,12 +281,23 @@
280
281
  line-height: 1.75;
281
282
  padding-inline-end: 0.75rem;
282
283
  position: relative;
284
+ text-decoration: none;
283
285
  transition:
284
286
  color var(--m-motion-fast) var(--m-motion-ease),
285
287
  background-color var(--m-motion-fast) var(--m-motion-ease),
286
288
  padding-inline-start var(--m-motion-fast) var(--m-motion-ease);
287
289
  }
288
290
 
291
+ /* RouterLink / <a> must not keep browser link chrome (blue + underline). */
292
+ a.m-menu__item-content,
293
+ a.m-menu__item-content:link,
294
+ a.m-menu__item-content:visited,
295
+ a.m-menu__item-content:hover,
296
+ a.m-menu__item-content:active {
297
+ color: var(--m-menu-item-text);
298
+ text-decoration: none;
299
+ }
300
+
289
301
  .m-menu__item-content--no-icon {
290
302
  grid-template-areas: "label arrow";
291
303
  grid-template-columns: minmax(0, 1fr) auto;
@@ -317,6 +329,13 @@
317
329
  background: var(--m-menu-item-color-active) !important;
318
330
  }
319
331
 
332
+ .m-menu__item-content--selected,
333
+ a.m-menu__item-content--selected,
334
+ a.m-menu__item-content--selected:link,
335
+ a.m-menu__item-content--selected:visited {
336
+ color: var(--m-menu-item-text-active);
337
+ }
338
+
320
339
  .m-menu__item-content--selected .m-menu__label,
321
340
  .m-menu__item-content--selected .m-menu__icon,
322
341
  .m-menu__item-content--selected .m-menu__arrow {
@@ -31,7 +31,7 @@ export interface MessageProps {
31
31
  teleport?: boolean;
32
32
  /** Mount target. Defaults to `'body'`. */
33
33
  appendTo?: MAppendTo;
34
- /** Host placement. Default `top` (Naive MessageProvider). */
34
+ /** Host placement. Default `top`. */
35
35
  placement?: MessagePlacement;
36
36
  /** Max visible messages; oldest is dropped. Omit for unlimited. */
37
37
  max?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,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,oBAAoB,CAAA;AAExD,YAAY,EAAE,WAAW,EAAE,CAAA;AAE3B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,SAAS,CAAA;AAExD,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,CAAA;AAElB,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,OAAO,EAAE,WAAW,CAAA;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,cAAc,CAAA;AAEvD,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,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,oBAAoB,CAAA;AAExD,YAAY,EAAE,WAAW,EAAE,CAAA;AAE3B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,SAAS,CAAA;AAExD,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,CAAA;AAElB,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,OAAO,EAAE,WAAW,CAAA;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,cAAc,CAAA;AAEvD,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}
@@ -5,17 +5,17 @@ export interface PaginationProps {
5
5
  modelValue?: number;
6
6
  totalRecords: number;
7
7
  rows?: number;
8
- /** Alias of `rows` (Naive `page-size`). `pageSize` wins when both are set. */
8
+ /** Alias of `rows`. `pageSize` wins when both are set. */
9
9
  pageSize?: number;
10
10
  pageLinkSize?: number;
11
11
  disabled?: boolean;
12
- /** Show a page-size `<select>` (Naive `show-size-picker`). */
12
+ /** Show a page-size `<select>`. */
13
13
  showSizePicker?: boolean;
14
14
  /** Options for `showSizePicker`. */
15
15
  pageSizes?: number[];
16
- /** Jump-to-page input (Naive `show-quick-jumper`). */
16
+ /** Jump-to-page input. */
17
17
  showQuickJumper?: boolean;
18
- /** Compact prev / current / next (Naive `simple`). */
18
+ /** Compact prev / current / next. */
19
19
  simple?: boolean;
20
20
  }
21
21
  export interface PaginationEmits {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3C,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAChD;AAED,MAAM,WAAW,kBAAkB;IACjC,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3C,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAChD;AAED,MAAM,WAAW,kBAAkB;IACjC,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB"}
@@ -8,9 +8,9 @@ type __VLS_Slots = {} & {
8
8
  } & {
9
9
  description?: (props: typeof __VLS_10) => any;
10
10
  } & {
11
- extra?: (props: typeof __VLS_12) => any;
11
+ default?: (props: typeof __VLS_12) => any;
12
12
  } & {
13
- default?: (props: typeof __VLS_14) => any;
13
+ footer?: (props: typeof __VLS_14) => any;
14
14
  };
15
15
  declare const __VLS_base: DefineComponent<ResultProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ResultProps> & Readonly<{}>, {
16
16
  status: ResultStatus;
@@ -1 +1 @@
1
- {"version":3,"file":"Result.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Result/Result.vue"],"names":[],"mappings":";AAkHA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAoJxD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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":"Result.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Result/Result.vue"],"names":[],"mappings":";AAoKA,OAAO,KAAK,EAAE,WAAW,EAAc,YAAY,EAAE,MAAM,SAAS,CAAC;AAsNrE,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;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;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,3 +1,3 @@
1
1
  export { default as MResult } from './Result.vue';
2
- export type { ResultProps, ResultStatus } from './types';
2
+ export type { ResultProps, ResultSize, ResultStatus } from './types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Result/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Result/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,4 @@
1
+ /** Built-in HTTP status illustrations. Use currentColor for theming. */
2
+ export type ResultHttpStatus = "403" | "404" | "500" | "418";
3
+ export declare const RESULT_HTTP_ILLUSTRATIONS: Record<ResultHttpStatus, string>;
4
+ //# sourceMappingURL=statusIcons.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"statusIcons.d.ts","sourceRoot":"","sources":["../../../src/components/Result/statusIcons.ts"],"names":[],"mappings":"AAAA,wEAAwE;AAExE,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7D,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAqCtE,CAAC"}
@@ -1,27 +1,37 @@
1
- /* —— Feedback: Result —— */
1
+ /* —— Feedback: Result (Naive-aligned outcome page) —— */
2
2
  .m-result {
3
3
  --m-result-tone: var(--m-color-info);
4
+ --m-result-tone-bg: color-mix(
5
+ in srgb,
6
+ var(--m-result-tone) 14%,
7
+ var(--m-color-surface)
8
+ );
4
9
  --m-result-icon-size: 4rem;
5
- --m-result-glyph-size: 1.75rem;
6
- --m-result-title-size: 1.35rem;
7
- --m-result-max-width: 32rem;
8
- display: grid;
10
+ --m-result-glyph-size: 1.875rem;
11
+ --m-result-title-size: 1.25rem;
12
+ --m-result-illustration-width: 15rem;
13
+ --m-result-illustration-height: 8.75rem;
14
+ --m-result-icon-margin: var(--m-space-5);
15
+ --m-result-footer-margin: 1.625rem;
16
+ --m-result-desc-max-width: 25rem;
17
+ align-items: center;
18
+ display: flex;
19
+ flex-direction: column;
9
20
  font-family: var(--m-font-sans);
10
- gap: var(--m-space-3);
11
- justify-items: center;
12
- padding: clamp(var(--m-space-8), 8vh, 4.5rem) var(--m-space-6);
21
+ padding: 2.5rem var(--m-space-6);
13
22
  text-align: center;
14
23
  }
15
24
 
16
25
  .m-result__icon {
17
26
  align-items: center;
18
- background: color-mix(in srgb, var(--m-result-tone) 14%, var(--m-color-surface));
27
+ background: var(--m-result-tone-bg);
19
28
  border-radius: var(--m-radius-full);
20
29
  color: var(--m-result-tone);
21
30
  display: grid;
31
+ flex-shrink: 0;
22
32
  height: var(--m-result-icon-size);
23
33
  justify-items: center;
24
- margin-bottom: var(--m-space-2);
34
+ margin-bottom: var(--m-result-icon-margin);
25
35
  place-items: center;
26
36
  width: var(--m-result-icon-size);
27
37
  }
@@ -32,29 +42,51 @@
32
42
  width: var(--m-result-glyph-size);
33
43
  }
34
44
 
45
+ .m-result__illustration {
46
+ color: var(--m-result-tone);
47
+ flex-shrink: 0;
48
+ height: var(--m-result-illustration-height);
49
+ margin-bottom: var(--m-result-icon-margin);
50
+ width: var(--m-result-illustration-width);
51
+ }
52
+
53
+ .m-result__illustration > svg {
54
+ display: block;
55
+ height: 100%;
56
+ width: 100%;
57
+ }
58
+
35
59
  .m-result__title {
36
60
  color: var(--m-color-text);
37
61
  font-size: var(--m-result-title-size);
38
62
  font-weight: 600;
39
- line-height: 1.35;
63
+ letter-spacing: -0.0125rem;
64
+ line-height: 1.4;
40
65
  margin: 0;
41
- max-width: var(--m-result-max-width);
42
66
  }
43
67
 
44
68
  .m-result__description {
45
69
  color: var(--m-color-text-muted);
46
- font-size: var(--m-font-size-sm);
47
- line-height: 1.55;
48
- margin: 0;
49
- max-width: var(--m-result-max-width);
70
+ font-size: var(--m-font-size-md);
71
+ line-height: 1.65;
72
+ margin: var(--m-space-2) 0 0;
73
+ max-width: var(--m-result-desc-max-width);
50
74
  }
51
75
 
52
- .m-result__extra {
76
+ .m-result__content {
77
+ color: var(--m-color-text-muted);
78
+ font-size: var(--m-font-size-md);
79
+ line-height: 1.65;
80
+ margin-top: var(--m-space-3);
81
+ max-width: var(--m-result-desc-max-width);
82
+ }
83
+
84
+ .m-result__footer {
53
85
  display: flex;
54
86
  flex-wrap: wrap;
55
87
  gap: var(--m-space-3);
56
88
  justify-content: center;
57
- margin-top: var(--m-space-3);
89
+ margin-top: var(--m-result-footer-margin);
58
90
  }
59
91
 
60
92
  .m-result--success {
@@ -65,16 +97,50 @@
65
97
  --m-result-tone: var(--m-color-info);
66
98
  }
67
99
 
68
- .m-result--warn {
100
+ .m-result--warning {
69
101
  --m-result-tone: var(--m-color-warn);
70
102
  }
71
103
 
72
- .m-result--error,
73
- .m-result--500 {
104
+ .m-result--error {
74
105
  --m-result-tone: var(--m-color-danger);
75
106
  }
76
107
 
77
108
  .m-result--403,
78
- .m-result--404 {
79
- --m-result-tone: var(--m-color-text-muted);
109
+ .m-result--404,
110
+ .m-result--500,
111
+ .m-result--418 {
112
+ --m-result-tone: var(--m-color-primary);
113
+ }
114
+
115
+ .m-result--small {
116
+ --m-result-icon-size: 3rem;
117
+ --m-result-glyph-size: 1.375rem;
118
+ --m-result-title-size: 1rem;
119
+ --m-result-illustration-width: 11.5rem;
120
+ --m-result-illustration-height: 6.75rem;
121
+ --m-result-icon-margin: 0.875rem;
122
+ --m-result-footer-margin: var(--m-space-5);
123
+ padding: 1.625rem 1.125rem;
124
+ }
125
+
126
+ .m-result--large {
127
+ --m-result-icon-size: 4.5rem;
128
+ --m-result-glyph-size: 2.125rem;
129
+ --m-result-title-size: 1.5rem;
130
+ --m-result-illustration-width: 17rem;
131
+ --m-result-illustration-height: 9.75rem;
132
+ --m-result-icon-margin: var(--m-space-6);
133
+ --m-result-footer-margin: 2rem;
134
+ padding: 3rem var(--m-space-8);
135
+ }
136
+
137
+ .m-result--huge {
138
+ --m-result-icon-size: 5.25rem;
139
+ --m-result-glyph-size: 2.5rem;
140
+ --m-result-title-size: 1.75rem;
141
+ --m-result-illustration-width: 19rem;
142
+ --m-result-illustration-height: 11rem;
143
+ --m-result-icon-margin: var(--m-space-6);
144
+ --m-result-footer-margin: 2.25rem;
145
+ padding: 3.5rem var(--m-space-8);
80
146
  }
@@ -1,16 +1,22 @@
1
1
  import { RootPassThrough } from '../../shared/passThrough';
2
2
  import { IconName } from '../Icon/types';
3
- /** Result page / outcome status. `warn` and `danger` are aliases. */
4
- export type ResultStatus = 'success' | 'info' | 'warning' | 'warn' | 'error' | 'danger' | '403' | '404' | '500';
3
+ /** Result page / outcome status. */
4
+ export type ResultStatus = "info" | "success" | "warning" | "error" | "403" | "404" | "500" | "418";
5
+ export type ResultSize = "small" | "medium" | "large" | "huge" | "sm" | "md" | "lg";
5
6
  export interface ResultProps {
6
7
  pt?: RootPassThrough;
7
- /** Outcome status. Drives default icon, tone, and locale title. */
8
+ /** Outcome status. Drives default icon / HTTP illustration, tone, and locale title. */
8
9
  status?: ResultStatus;
9
10
  /** Title. Defaults to a locale string for the current `status`. */
10
11
  title?: string;
11
12
  /** Supporting description. */
12
13
  description?: string;
13
- /** Override the status icon. */
14
+ /**
15
+ * Override the status icon (semantic statuses).
16
+ * For HTTP statuses, forces icon mode instead of the built-in illustration.
17
+ */
14
18
  icon?: IconName;
19
+ /** Visual density. */
20
+ size?: ResultSize;
15
21
  }
16
22
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Result/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,qEAAqE;AACrE,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,KAAK,CAAA;AAET,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Result/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,oCAAoC;AACpC,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpF,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,uFAAuF;IACvF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,sBAAsB;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
@@ -5,14 +5,14 @@ export type SplitterLayout = 'horizontal' | 'vertical';
5
5
  export type SplitterSize = number | string;
6
6
  export interface SplitterProps {
7
7
  pt?: RootPassThrough;
8
- /** Split direction. Prefer this name; `direction` is a Naive-compatible alias. */
8
+ /** Split direction. Prefer this name; `direction` is an alias. */
9
9
  layout?: SplitterLayout;
10
- /** Alias of `layout` (Naive `n-split` naming). */
10
+ /** Alias of `layout`. */
11
11
  direction?: SplitterLayout;
12
12
  /**
13
13
  * Controlled primary pane size.
14
- * - number `> 1` → percent (0–100), Wi legacy
15
- * - number `≤ 1` → ratio (0–1), Naive-compatible
14
+ * - number `> 1` → percent (0–100)
15
+ * - number `≤ 1` → ratio (0–1)
16
16
  * - string → CSS length, e.g. `'120px'`
17
17
  */
18
18
  size?: SplitterSize;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,kFAAkF;IAClF,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5C,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAChD,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAC/C,CAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;CAC/C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,kEAAkE;IAClE,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,yBAAyB;IACzB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5C,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAChD,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAC/C,CAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;CAC/C"}
@@ -1,10 +1,14 @@
1
- import { StatusProps, StatusSeverity } from './types';
1
+ import { StatusProps, StatusVariant, StatusSeverity } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- declare var __VLS_1: {};
3
+ declare var __VLS_1: {}, __VLS_8: {};
4
4
  type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_1) => any;
5
+ icon?: (props: typeof __VLS_1) => any;
6
+ } & {
7
+ default?: (props: typeof __VLS_8) => any;
6
8
  };
7
9
  declare const __VLS_base: DefineComponent<StatusProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<StatusProps> & Readonly<{}>, {
10
+ disabled: boolean;
11
+ variant: StatusVariant;
8
12
  severity: StatusSeverity;
9
13
  processing: boolean;
10
14
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"Status.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.vue"],"names":[],"mappings":";AAwCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAoE1C,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":"Status.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.vue"],"names":[],"mappings":";AAoFA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmI3C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;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,3 +1,3 @@
1
1
  export { default as MStatus } from './Status.vue';
2
- export type { StatusProps, StatusSeverity, StatusSize } from './types';
2
+ export type { StatusProps, StatusSeverity, StatusSize, StatusVariant, } from './types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EACV,WAAW,EACX,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC"}
@@ -1,38 +1,65 @@
1
1
  .m-status {
2
2
  --m-status-dot-size: 0.5rem;
3
+ --m-status-icon-size: 0.9375rem;
4
+ --m-status-soft-bg: color-mix(in srgb, currentColor 12%, transparent);
3
5
  align-items: center;
4
- color: var(--m-color-text);
6
+ color: var(--m-color-text-muted);
5
7
  display: inline-flex;
6
8
  font-family: var(--m-font-sans);
7
- font-size: var(--m-font-size-sm);
9
+ font-size: var(--m-font-size-md);
8
10
  font-weight: 500;
9
- gap: var(--m-space-2);
10
- line-height: 1.25;
11
+ gap: 0.375rem;
12
+ line-height: 1;
11
13
  vertical-align: middle;
14
+ white-space: nowrap;
12
15
  }
13
16
 
14
17
  .m-status__dot {
15
18
  background: currentColor;
16
19
  border-radius: var(--m-radius-full);
20
+ box-shadow: 0 0 0 0.1875rem var(--m-status-soft-bg);
17
21
  flex-shrink: 0;
18
22
  height: var(--m-status-dot-size);
23
+ position: relative;
19
24
  width: var(--m-status-dot-size);
20
25
  }
21
26
 
27
+ .m-status__icon {
28
+ align-items: center;
29
+ color: inherit;
30
+ display: inline-flex;
31
+ flex-shrink: 0;
32
+ height: var(--m-status-icon-size);
33
+ justify-content: center;
34
+ line-height: 0;
35
+ width: var(--m-status-icon-size);
36
+ }
37
+
38
+ .m-status__icon :is(.m-icon, svg) {
39
+ display: block;
40
+ flex-shrink: 0;
41
+ height: 100%;
42
+ line-height: 0;
43
+ width: 100%;
44
+ }
45
+
22
46
  .m-status__label {
47
+ line-height: 1.25;
23
48
  min-width: 0;
24
49
  }
25
50
 
26
51
  .m-status--small {
27
52
  --m-status-dot-size: 0.375rem;
53
+ --m-status-icon-size: 0.8125rem;
28
54
  font-size: var(--m-font-size-xs);
29
- gap: var(--m-space-1);
55
+ gap: 0.3125rem;
30
56
  }
31
57
 
32
58
  .m-status--large {
33
- --m-status-dot-size: 0.625rem;
34
- font-size: var(--m-font-size-md);
35
- gap: var(--m-space-2);
59
+ --m-status-dot-size: 0.5625rem;
60
+ --m-status-icon-size: 1.125rem;
61
+ font-size: var(--m-font-size-lg);
62
+ gap: 0.5rem;
36
63
  }
37
64
 
38
65
  .m-status--primary {
@@ -43,14 +70,6 @@
43
70
  color: var(--m-color-text-muted);
44
71
  }
45
72
 
46
- .m-status--secondary .m-status__dot {
47
- background: color-mix(
48
- in srgb,
49
- var(--m-color-text-muted) 70%,
50
- var(--m-color-surface)
51
- );
52
- }
53
-
54
73
  .m-status--success {
55
74
  color: var(--m-color-success);
56
75
  }
@@ -80,27 +99,98 @@
80
99
  color: var(--m-status-color);
81
100
  }
82
101
 
83
- .m-status--processing .m-status__dot {
84
- animation: m-status-pulse var(--m-motion-pulse) ease-in-out infinite;
102
+ .m-status--disabled {
103
+ color: color-mix(
104
+ in srgb,
105
+ var(--m-color-text-muted) 55%,
106
+ var(--m-color-surface)
107
+ );
108
+ }
109
+
110
+ /* Soft badge: stronger fill so status reads as a marker, not plain text */
111
+ .m-status--tag {
112
+ --m-status-soft-bg: color-mix(in srgb, currentColor 16%, transparent);
113
+ background: var(--m-status-soft-bg);
114
+ border-radius: var(--m-radius-full);
115
+ font-size: var(--m-font-size-xs);
116
+ gap: 0.3125rem;
117
+ height: 1.5rem;
118
+ padding: 0 0.625rem;
119
+ }
120
+
121
+ .m-status--tag .m-status__dot {
122
+ --m-status-dot-size: 0.375rem;
123
+ box-shadow: none;
124
+ }
125
+
126
+ .m-status--tag.m-status--has-icon {
127
+ gap: 0.25rem;
128
+ padding-inline-start: 0.4375rem;
129
+ }
130
+
131
+ .m-status--tag.m-status--large {
132
+ height: 1.75rem;
133
+ padding: 0 0.8125rem;
134
+ }
135
+
136
+ .m-status--tag.m-status--large.m-status--has-icon {
137
+ padding-inline-start: 0.5rem;
138
+ }
139
+
140
+ .m-status--tag.m-status--small {
141
+ height: 1.25rem;
142
+ padding: 0 0.5rem;
143
+ }
144
+
145
+ .m-status--tag.m-status--small.m-status--has-icon {
146
+ padding-inline-start: 0.375rem;
147
+ }
148
+
149
+ .m-status--processing .m-status__dot::after,
150
+ .m-status--processing.m-status--has-icon .m-status__icon::after {
151
+ animation: m-status-pulse var(--m-motion-pulse) cubic-bezier(0, 0, 0.2, 1)
152
+ infinite;
153
+ background: currentColor;
154
+ border-radius: var(--m-radius-full);
155
+ content: "";
156
+ inset: 0;
157
+ opacity: 0.45;
158
+ position: absolute;
159
+ }
160
+
161
+ .m-status--processing.m-status--has-icon .m-status__icon {
162
+ position: relative;
163
+ }
164
+
165
+ .m-status--processing.m-status--has-icon .m-status__icon::after {
166
+ inset: -0.125rem;
85
167
  }
86
168
 
87
169
  @keyframes m-status-pulse {
88
- 0%,
89
- 100% {
90
- box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 45%, transparent);
170
+ 0% {
171
+ opacity: 0.55;
172
+ transform: scale(1);
91
173
  }
92
- 70% {
93
- box-shadow: 0 0 0 0.4rem transparent;
174
+ 100% {
175
+ opacity: 0;
176
+ transform: scale(2.8);
94
177
  }
95
178
  }
96
179
 
97
180
  @media (prefers-reduced-motion: reduce) {
98
- .m-status--processing .m-status__dot {
181
+ .m-status--processing .m-status__dot::after,
182
+ .m-status--processing.m-status--has-icon .m-status__icon::after {
99
183
  animation: none;
100
184
  }
101
185
  }
102
186
 
103
- :root[data-m-motion='none'] .m-status--processing .m-status__dot,
104
- :root[data-m-motion='reduced'] .m-status--processing .m-status__dot {
187
+ :root[data-m-motion="none"] .m-status--processing .m-status__dot::after,
188
+ :root[data-m-motion="reduced"] .m-status--processing .m-status__dot::after,
189
+ :root[data-m-motion="none"]
190
+ .m-status--processing.m-status--has-icon
191
+ .m-status__icon::after,
192
+ :root[data-m-motion="reduced"]
193
+ .m-status--processing.m-status--has-icon
194
+ .m-status__icon::after {
105
195
  animation: none;
106
196
  }
@@ -1,6 +1,9 @@
1
1
  import { MSizeInput, MTagSeverity } from '../../shared/types';
2
- export type StatusSeverity = MTagSeverity | 'warning';
2
+ import { IconName } from '../Icon/types';
3
+ export type StatusSeverity = MTagSeverity | "warning";
3
4
  export type StatusSize = MSizeInput;
5
+ /** Visual presentation: colored dot (default), soft pill tag, or text only. */
6
+ export type StatusVariant = "dot" | "tag" | "text";
4
7
  export interface StatusProps {
5
8
  /** Status text. Ignored when default slot has content. */
6
9
  label?: string;
@@ -9,11 +12,22 @@ export interface StatusProps {
9
12
  * Legacy `warning` is normalized to `warn`.
10
13
  */
11
14
  severity?: StatusSeverity;
12
- /** Pulse animation on the status dot. */
15
+ /** Pulse animation on the status indicator (dot). */
13
16
  processing?: boolean;
14
17
  /** Size. Also accepts legacy `sm` / `lg`. */
15
18
  size?: StatusSize;
16
19
  /** Custom color. Overrides `severity` when set. */
17
20
  color?: string;
21
+ /**
22
+ * Presentation style.
23
+ * - `dot`: colored indicator + label (default)
24
+ * - `tag`: soft pill background
25
+ * - `text`: label only (no indicator)
26
+ */
27
+ variant?: StatusVariant;
28
+ /** Leading icon from MIcon. When set (or `#icon` is used), hides the status dot. */
29
+ icon?: IconName;
30
+ /** Dimmed / inactive appearance. */
31
+ disabled?: boolean;
18
32
  }
19
33
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Status/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAElE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,SAAS,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AAEnC,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Status/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;AACpC,+EAA+E;AAC/E,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oFAAoF;IACpF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"TreeNodeItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeNodeItem.vue"],"names":[],"mappings":";AAyHA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AASvC,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA+QtD,QAAA,MAAM,YAAY;WA/Q2B,MAAM;6EAkRjD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1
+ {"version":3,"file":"TreeNodeItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeNodeItem.vue"],"names":[],"mappings":";AA0HA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AASvC,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAiRtD,QAAA,MAAM,YAAY;WAjR2B,MAAM;6EAoRjD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}