@moni-labs/moni-ui 0.4.3 → 0.4.5

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 (865) hide show
  1. package/README.md +9 -9
  2. package/custom-elements.json +4668 -15983
  3. package/dist/browser/moni-ui.iife.min.js +930 -115
  4. package/dist/browser/moni-ui.iife.min.js.br +0 -0
  5. package/dist/browser/moni-ui.iife.min.js.gz +0 -0
  6. package/dist/browser/moni-ui.iife.min.js.map +1 -1
  7. package/dist/browser/moni-ui.min.js +3246 -1844
  8. package/dist/browser/moni-ui.min.js.br +0 -0
  9. package/dist/browser/moni-ui.min.js.gz +0 -0
  10. package/dist/browser/moni-ui.min.js.map +1 -1
  11. package/dist/cdn/components/moni-button-group.js +74 -3
  12. package/dist/cdn/components/moni-button.js +3 -2
  13. package/dist/cdn/components/moni-carousel.js +1 -1
  14. package/dist/cdn/components/moni-context-menu.js +4 -1
  15. package/dist/cdn/components/moni-file-field.js +9 -9
  16. package/dist/cdn/components/moni-loading-indicator.js +21 -2
  17. package/dist/cdn/components/moni-morph-modal.js +2 -2
  18. package/dist/cdn/components/moni-side-sheet.js +18 -6
  19. package/dist/cdn/components/moni-snackbar.js +15 -2
  20. package/dist/cdn/components/moni-time-picker.js +5 -1
  21. package/dist/cdn/components/moni-toolbar.js +3 -1
  22. package/dist/cdn/components/moni-tooltip.js +60 -4
  23. package/dist/cdn/importmap.json +98 -98
  24. package/dist/components/index.d.ts +8 -0
  25. package/dist/components/index.d.ts.map +1 -1
  26. package/dist/components/index.js +8 -0
  27. package/dist/components/moni-button-group.d.ts +14 -0
  28. package/dist/components/moni-button-group.d.ts.map +1 -1
  29. package/dist/components/moni-button-group.js +141 -25
  30. package/dist/components/moni-button.d.ts.map +1 -1
  31. package/dist/components/moni-button.js +3 -2
  32. package/dist/components/moni-carousel.d.ts +2 -0
  33. package/dist/components/moni-carousel.d.ts.map +1 -1
  34. package/dist/components/moni-carousel.js +18 -0
  35. package/dist/components/moni-context-menu.d.ts.map +1 -1
  36. package/dist/components/moni-context-menu.js +14 -3
  37. package/dist/components/moni-file-field.d.ts.map +1 -1
  38. package/dist/components/moni-file-field.js +6 -3
  39. package/dist/components/moni-loading-indicator.d.ts.map +1 -1
  40. package/dist/components/moni-loading-indicator.js +21 -2
  41. package/dist/components/moni-morph-modal.d.ts +21 -0
  42. package/dist/components/moni-morph-modal.d.ts.map +1 -1
  43. package/dist/components/moni-morph-modal.js +573 -51
  44. package/dist/components/moni-side-sheet.d.ts +5 -0
  45. package/dist/components/moni-side-sheet.d.ts.map +1 -1
  46. package/dist/components/moni-side-sheet.js +48 -17
  47. package/dist/components/moni-snackbar.d.ts +1 -0
  48. package/dist/components/moni-snackbar.d.ts.map +1 -1
  49. package/dist/components/moni-snackbar.js +21 -1
  50. package/dist/components/moni-time-picker.d.ts.map +1 -1
  51. package/dist/components/moni-time-picker.js +5 -1
  52. package/dist/components/moni-toolbar.d.ts.map +1 -1
  53. package/dist/components/moni-toolbar.js +3 -1
  54. package/dist/components/moni-tooltip.d.ts +11 -2
  55. package/dist/components/moni-tooltip.d.ts.map +1 -1
  56. package/dist/components/moni-tooltip.js +195 -2
  57. package/dist/index.d.ts +1 -1
  58. package/dist/index.d.ts.map +1 -1
  59. package/dist/index.js +1 -1
  60. package/docs/COMPONENTS.md +10 -0
  61. package/docs/LLM-GUIDE.md +107 -0
  62. package/docs/PUBLISHING.md +31 -0
  63. package/docs/README.md +64 -0
  64. package/docs/api.json +6178 -0
  65. package/docs/assets/moni-app-bar/elevated--false.png +0 -0
  66. package/docs/assets/moni-app-bar/elevated--true.png +0 -0
  67. package/docs/assets/moni-app-bar/placement--bottom.png +0 -0
  68. package/docs/assets/moni-app-bar/placement--top.png +0 -0
  69. package/docs/assets/moni-app-bar/size--default.png +0 -0
  70. package/docs/assets/moni-app-bar/size--prominent.png +0 -0
  71. package/docs/assets/moni-app-bar/subtitle--default.png +0 -0
  72. package/docs/assets/moni-app-bar/title--default.png +0 -0
  73. package/docs/assets/moni-app-bar/variant--floating.png +0 -0
  74. package/docs/assets/moni-app-bar/variant--standard.png +0 -0
  75. package/docs/assets/moni-badge/border--false.png +0 -0
  76. package/docs/assets/moni-badge/border--true.png +0 -0
  77. package/docs/assets/moni-badge/color--error.png +0 -0
  78. package/docs/assets/moni-badge/color--primary.png +0 -0
  79. package/docs/assets/moni-badge/color--secondary.png +0 -0
  80. package/docs/assets/moni-badge/color--tertiary.png +0 -0
  81. package/docs/assets/moni-badge/inline--false.png +0 -0
  82. package/docs/assets/moni-badge/inline--true.png +0 -0
  83. package/docs/assets/moni-badge/position--bottom.png +0 -0
  84. package/docs/assets/moni-badge/position--empty.png +0 -0
  85. package/docs/assets/moni-badge/position--left.png +0 -0
  86. package/docs/assets/moni-badge/position--none.png +0 -0
  87. package/docs/assets/moni-badge/position--right.png +0 -0
  88. package/docs/assets/moni-badge/position--top.png +0 -0
  89. package/docs/assets/moni-badge/shape--circle.png +0 -0
  90. package/docs/assets/moni-badge/shape--empty.png +0 -0
  91. package/docs/assets/moni-badge/shape--min.png +0 -0
  92. package/docs/assets/moni-badge/shape--square.png +0 -0
  93. package/docs/assets/moni-badge/value--default.png +0 -0
  94. package/docs/assets/moni-bottom-sheet/expandedHeight--default.png +0 -0
  95. package/docs/assets/moni-bottom-sheet/handle--false.png +0 -0
  96. package/docs/assets/moni-bottom-sheet/handle--true.png +0 -0
  97. package/docs/assets/moni-bottom-sheet/maxWidth--default.png +0 -0
  98. package/docs/assets/moni-bottom-sheet/modal--false.png +0 -0
  99. package/docs/assets/moni-bottom-sheet/modal--true.png +0 -0
  100. package/docs/assets/moni-bottom-sheet/open--false.png +0 -0
  101. package/docs/assets/moni-bottom-sheet/open--true.png +0 -0
  102. package/docs/assets/moni-bottom-sheet/positioning--absolute.png +0 -0
  103. package/docs/assets/moni-bottom-sheet/positioning--body.png +0 -0
  104. package/docs/assets/moni-bottom-sheet/positioning--fixed.png +0 -0
  105. package/docs/assets/moni-bottom-sheet/positioning--static.png +0 -0
  106. package/docs/assets/moni-bottom-sheet/size--auto.png +0 -0
  107. package/docs/assets/moni-bottom-sheet/size--large.png +0 -0
  108. package/docs/assets/moni-bottom-sheet/size--medium.png +0 -0
  109. package/docs/assets/moni-bottom-sheet/size--small.png +0 -0
  110. package/docs/assets/moni-bottom-sheet/title--default.png +0 -0
  111. package/docs/assets/moni-button/active--false.png +0 -0
  112. package/docs/assets/moni-button/active--true.png +0 -0
  113. package/docs/assets/moni-button/disabled--false.png +0 -0
  114. package/docs/assets/moni-button/disabled--true.png +0 -0
  115. package/docs/assets/moni-button/href--default.png +0 -0
  116. package/docs/assets/moni-button/icon--default.png +0 -0
  117. package/docs/assets/moni-button/iconTrailing--default.png +0 -0
  118. package/docs/assets/moni-button/loading--false.png +0 -0
  119. package/docs/assets/moni-button/loading--true.png +0 -0
  120. package/docs/assets/moni-button/shape--bottom-round-flat.png +0 -0
  121. package/docs/assets/moni-button/shape--bottom-round.png +0 -0
  122. package/docs/assets/moni-button/shape--circle.png +0 -0
  123. package/docs/assets/moni-button/shape--inner-round.png +0 -0
  124. package/docs/assets/moni-button/shape--left-round-flat.png +0 -0
  125. package/docs/assets/moni-button/shape--left-round.png +0 -0
  126. package/docs/assets/moni-button/shape--no-round.png +0 -0
  127. package/docs/assets/moni-button/shape--right-round-flat.png +0 -0
  128. package/docs/assets/moni-button/shape--right-round.png +0 -0
  129. package/docs/assets/moni-button/shape--round.png +0 -0
  130. package/docs/assets/moni-button/shape--square.png +0 -0
  131. package/docs/assets/moni-button/shape--top-round-flat.png +0 -0
  132. package/docs/assets/moni-button/shape--top-round.png +0 -0
  133. package/docs/assets/moni-button/size--extra.png +0 -0
  134. package/docs/assets/moni-button/size--large.png +0 -0
  135. package/docs/assets/moni-button/size--medium.png +0 -0
  136. package/docs/assets/moni-button/size--small.png +0 -0
  137. package/docs/assets/moni-button/size--xlarge.png +0 -0
  138. package/docs/assets/moni-button/size--xsmall.png +0 -0
  139. package/docs/assets/moni-button/target--default.png +0 -0
  140. package/docs/assets/moni-button/type--button.png +0 -0
  141. package/docs/assets/moni-button/type--reset.png +0 -0
  142. package/docs/assets/moni-button/type--submit.png +0 -0
  143. package/docs/assets/moni-button/variant--elevated.png +0 -0
  144. package/docs/assets/moni-button/variant--error.png +0 -0
  145. package/docs/assets/moni-button/variant--fill.png +0 -0
  146. package/docs/assets/moni-button/variant--filled.png +0 -0
  147. package/docs/assets/moni-button/variant--outlined.png +0 -0
  148. package/docs/assets/moni-button/variant--text.png +0 -0
  149. package/docs/assets/moni-button/variant--tonal.png +0 -0
  150. package/docs/assets/moni-button-group/gap--default.png +0 -0
  151. package/docs/assets/moni-button-group/label--default.png +0 -0
  152. package/docs/assets/moni-button-group/labelledBy--default.png +0 -0
  153. package/docs/assets/moni-button-group/multi--false.png +0 -0
  154. package/docs/assets/moni-button-group/multi--true.png +0 -0
  155. package/docs/assets/moni-button-group/resizing--fixed.png +0 -0
  156. package/docs/assets/moni-button-group/resizing--flexible.png +0 -0
  157. package/docs/assets/moni-button-group/role--group.png +0 -0
  158. package/docs/assets/moni-button-group/role--radiogroup.png +0 -0
  159. package/docs/assets/moni-button-group/role--toolbar.png +0 -0
  160. package/docs/assets/moni-button-group/selectionRequired--false.png +0 -0
  161. package/docs/assets/moni-button-group/selectionRequired--true.png +0 -0
  162. package/docs/assets/moni-button-group/shape--round.png +0 -0
  163. package/docs/assets/moni-button-group/shape--square.png +0 -0
  164. package/docs/assets/moni-button-group/size--extra.png +0 -0
  165. package/docs/assets/moni-button-group/size--large.png +0 -0
  166. package/docs/assets/moni-button-group/size--medium.png +0 -0
  167. package/docs/assets/moni-button-group/size--small.png +0 -0
  168. package/docs/assets/moni-button-group/size--xlarge.png +0 -0
  169. package/docs/assets/moni-button-group/size--xsmall.png +0 -0
  170. package/docs/assets/moni-button-group/variant--connected.png +0 -0
  171. package/docs/assets/moni-button-group/variant--standard.png +0 -0
  172. package/docs/assets/moni-button-segment/checked--false.png +0 -0
  173. package/docs/assets/moni-button-segment/checked--true.png +0 -0
  174. package/docs/assets/moni-button-segment/disabled--false.png +0 -0
  175. package/docs/assets/moni-button-segment/disabled--true.png +0 -0
  176. package/docs/assets/moni-button-segment/hideCheck--false.png +0 -0
  177. package/docs/assets/moni-button-segment/hideCheck--true.png +0 -0
  178. package/docs/assets/moni-button-segment/position--first.png +0 -0
  179. package/docs/assets/moni-button-segment/position--last.png +0 -0
  180. package/docs/assets/moni-button-segment/position--middle.png +0 -0
  181. package/docs/assets/moni-button-segment/position--solo.png +0 -0
  182. package/docs/assets/moni-button-segment/size--extra.png +0 -0
  183. package/docs/assets/moni-button-segment/size--large.png +0 -0
  184. package/docs/assets/moni-button-segment/size--medium.png +0 -0
  185. package/docs/assets/moni-button-segment/size--small.png +0 -0
  186. package/docs/assets/moni-button-segment/size--xlarge.png +0 -0
  187. package/docs/assets/moni-button-segment/size--xsmall.png +0 -0
  188. package/docs/assets/moni-button-segment/value--default.png +0 -0
  189. package/docs/assets/moni-card/clickable--false.png +0 -0
  190. package/docs/assets/moni-card/clickable--true.png +0 -0
  191. package/docs/assets/moni-card/disabled--false.png +0 -0
  192. package/docs/assets/moni-card/disabled--true.png +0 -0
  193. package/docs/assets/moni-card/draggable--false.png +0 -0
  194. package/docs/assets/moni-card/draggable--true.png +0 -0
  195. package/docs/assets/moni-card/variant--elevated.png +0 -0
  196. package/docs/assets/moni-card/variant--filled.png +0 -0
  197. package/docs/assets/moni-card/variant--outlined.png +0 -0
  198. package/docs/assets/moni-carousel/auto--false.png +0 -0
  199. package/docs/assets/moni-carousel/auto--true.png +0 -0
  200. package/docs/assets/moni-carousel/autoplay--false.png +0 -0
  201. package/docs/assets/moni-carousel/autoplay--true.png +0 -0
  202. package/docs/assets/moni-carousel/autoplayInterval--default.png +0 -0
  203. package/docs/assets/moni-carousel/borderRadius--default.png +0 -0
  204. package/docs/assets/moni-carousel/gap--default.png +0 -0
  205. package/docs/assets/moni-carousel/headerText--default.png +0 -0
  206. package/docs/assets/moni-carousel/hideNav--false.png +0 -0
  207. package/docs/assets/moni-carousel/hideNav--true.png +0 -0
  208. package/docs/assets/moni-carousel/infinite--false.png +0 -0
  209. package/docs/assets/moni-carousel/infinite--true.png +0 -0
  210. package/docs/assets/moni-carousel/items--default.png +0 -0
  211. package/docs/assets/moni-carousel/largeWidth--default.png +0 -0
  212. package/docs/assets/moni-carousel/layout--hero.png +0 -0
  213. package/docs/assets/moni-carousel/layout--multi-browse.png +0 -0
  214. package/docs/assets/moni-carousel/layout--uncontained.png +0 -0
  215. package/docs/assets/moni-carousel/mediumWidth--default.png +0 -0
  216. package/docs/assets/moni-carousel/padding--default.png +0 -0
  217. package/docs/assets/moni-carousel/showAll--false.png +0 -0
  218. package/docs/assets/moni-carousel/showAll--true.png +0 -0
  219. package/docs/assets/moni-carousel/showAllText--default.png +0 -0
  220. package/docs/assets/moni-carousel/smallWidth--default.png +0 -0
  221. package/docs/assets/moni-checkbox/checked--false.png +0 -0
  222. package/docs/assets/moni-checkbox/checked--true.png +0 -0
  223. package/docs/assets/moni-checkbox/checkedIcon--default.png +0 -0
  224. package/docs/assets/moni-checkbox/disabled--false.png +0 -0
  225. package/docs/assets/moni-checkbox/disabled--true.png +0 -0
  226. package/docs/assets/moni-checkbox/label--default.png +0 -0
  227. package/docs/assets/moni-checkbox/name--default.png +0 -0
  228. package/docs/assets/moni-checkbox/size--extra.png +0 -0
  229. package/docs/assets/moni-checkbox/size--large.png +0 -0
  230. package/docs/assets/moni-checkbox/size--medium.png +0 -0
  231. package/docs/assets/moni-checkbox/size--small.png +0 -0
  232. package/docs/assets/moni-checkbox/uncheckedIcon--default.png +0 -0
  233. package/docs/assets/moni-checkbox/value--default.png +0 -0
  234. package/docs/assets/moni-chip/disabled--false.png +0 -0
  235. package/docs/assets/moni-chip/disabled--true.png +0 -0
  236. package/docs/assets/moni-chip/icon--default.png +0 -0
  237. package/docs/assets/moni-chip/loading--false.png +0 -0
  238. package/docs/assets/moni-chip/loading--true.png +0 -0
  239. package/docs/assets/moni-chip/removable--false.png +0 -0
  240. package/docs/assets/moni-chip/removable--true.png +0 -0
  241. package/docs/assets/moni-chip/selected--false.png +0 -0
  242. package/docs/assets/moni-chip/selected--true.png +0 -0
  243. package/docs/assets/moni-chip/shape--bottom-round.png +0 -0
  244. package/docs/assets/moni-chip/shape--circle.png +0 -0
  245. package/docs/assets/moni-chip/shape--left-round.png +0 -0
  246. package/docs/assets/moni-chip/shape--no-round.png +0 -0
  247. package/docs/assets/moni-chip/shape--right-round.png +0 -0
  248. package/docs/assets/moni-chip/shape--round.png +0 -0
  249. package/docs/assets/moni-chip/shape--square.png +0 -0
  250. package/docs/assets/moni-chip/shape--top-round.png +0 -0
  251. package/docs/assets/moni-chip/size--large.png +0 -0
  252. package/docs/assets/moni-chip/size--medium.png +0 -0
  253. package/docs/assets/moni-chip/size--small.png +0 -0
  254. package/docs/assets/moni-chip/variant--assist.png +0 -0
  255. package/docs/assets/moni-chip/variant--fill.png +0 -0
  256. package/docs/assets/moni-chip/variant--filter.png +0 -0
  257. package/docs/assets/moni-chip/variant--input.png +0 -0
  258. package/docs/assets/moni-chip/variant--outlined.png +0 -0
  259. package/docs/assets/moni-chip/variant--suggestion.png +0 -0
  260. package/docs/assets/moni-color-field/disabled--false.png +0 -0
  261. package/docs/assets/moni-color-field/disabled--true.png +0 -0
  262. package/docs/assets/moni-color-field/error--false.png +0 -0
  263. package/docs/assets/moni-color-field/error--true.png +0 -0
  264. package/docs/assets/moni-color-field/errorText--default.png +0 -0
  265. package/docs/assets/moni-color-field/helper--default.png +0 -0
  266. package/docs/assets/moni-color-field/label--default.png +0 -0
  267. package/docs/assets/moni-color-field/name--default.png +0 -0
  268. package/docs/assets/moni-color-field/shape--no-round.png +0 -0
  269. package/docs/assets/moni-color-field/shape--round.png +0 -0
  270. package/docs/assets/moni-color-field/shape--square.png +0 -0
  271. package/docs/assets/moni-color-field/size--extra.png +0 -0
  272. package/docs/assets/moni-color-field/size--large.png +0 -0
  273. package/docs/assets/moni-color-field/size--medium.png +0 -0
  274. package/docs/assets/moni-color-field/size--small.png +0 -0
  275. package/docs/assets/moni-color-field/value--default.png +0 -0
  276. package/docs/assets/moni-color-field/variant--filled.png +0 -0
  277. package/docs/assets/moni-color-field/variant--outlined.png +0 -0
  278. package/docs/assets/moni-context-menu/flip--false.png +0 -0
  279. package/docs/assets/moni-context-menu/flip--true.png +0 -0
  280. package/docs/assets/moni-context-menu/placement--bottom.png +0 -0
  281. package/docs/assets/moni-context-menu/placement--left.png +0 -0
  282. package/docs/assets/moni-context-menu/placement--right.png +0 -0
  283. package/docs/assets/moni-context-menu/placement--top.png +0 -0
  284. package/docs/assets/moni-dialog/modal--false.png +0 -0
  285. package/docs/assets/moni-dialog/modal--true.png +0 -0
  286. package/docs/assets/moni-dialog/open--false.png +0 -0
  287. package/docs/assets/moni-dialog/open--true.png +0 -0
  288. package/docs/assets/moni-dialog/side--bottom.png +0 -0
  289. package/docs/assets/moni-dialog/side--center.png +0 -0
  290. package/docs/assets/moni-dialog/side--left.png +0 -0
  291. package/docs/assets/moni-dialog/side--max.png +0 -0
  292. package/docs/assets/moni-dialog/side--right.png +0 -0
  293. package/docs/assets/moni-dialog/side--top.png +0 -0
  294. package/docs/assets/moni-dialog/size--large.png +0 -0
  295. package/docs/assets/moni-dialog/size--medium.png +0 -0
  296. package/docs/assets/moni-dialog/size--small.png +0 -0
  297. package/docs/assets/moni-dialog/title--default.png +0 -0
  298. package/docs/assets/moni-divider/inset--leading.png +0 -0
  299. package/docs/assets/moni-divider/inset--middle.png +0 -0
  300. package/docs/assets/moni-divider/inset--none.png +0 -0
  301. package/docs/assets/moni-expansion/open--false.png +0 -0
  302. package/docs/assets/moni-expansion/open--true.png +0 -0
  303. package/docs/assets/moni-expansion/title--default.png +0 -0
  304. package/docs/assets/moni-fab/accessibleLabel--default.png +0 -0
  305. package/docs/assets/moni-fab/color--default.png +0 -0
  306. package/docs/assets/moni-fab/disabled--false.png +0 -0
  307. package/docs/assets/moni-fab/disabled--true.png +0 -0
  308. package/docs/assets/moni-fab/expanded--false.png +0 -0
  309. package/docs/assets/moni-fab/expanded--true.png +0 -0
  310. package/docs/assets/moni-fab/extended--false.png +0 -0
  311. package/docs/assets/moni-fab/extended--true.png +0 -0
  312. package/docs/assets/moni-fab/icon--default.png +0 -0
  313. package/docs/assets/moni-fab/label--default.png +0 -0
  314. package/docs/assets/moni-fab/name--default.png +0 -0
  315. package/docs/assets/moni-fab/position--default.png +0 -0
  316. package/docs/assets/moni-fab/shape--circle.png +0 -0
  317. package/docs/assets/moni-fab/shape--rounded.png +0 -0
  318. package/docs/assets/moni-fab/size--default.png +0 -0
  319. package/docs/assets/moni-fab/type--button.png +0 -0
  320. package/docs/assets/moni-fab/type--reset.png +0 -0
  321. package/docs/assets/moni-fab/type--submit.png +0 -0
  322. package/docs/assets/moni-fab/value--default.png +0 -0
  323. package/docs/assets/moni-fab-menu/closeIcon--default.png +0 -0
  324. package/docs/assets/moni-fab-menu/closeLabel--default.png +0 -0
  325. package/docs/assets/moni-fab-menu/color--default.png +0 -0
  326. package/docs/assets/moni-fab-menu/direction--default.png +0 -0
  327. package/docs/assets/moni-fab-menu/disabled--false.png +0 -0
  328. package/docs/assets/moni-fab-menu/disabled--true.png +0 -0
  329. package/docs/assets/moni-fab-menu/icon--default.png +0 -0
  330. package/docs/assets/moni-fab-menu/label--default.png +0 -0
  331. package/docs/assets/moni-fab-menu/open--false.png +0 -0
  332. package/docs/assets/moni-fab-menu/open--true.png +0 -0
  333. package/docs/assets/moni-fab-menu/position--default.png +0 -0
  334. package/docs/assets/moni-fab-menu/shape--circle.png +0 -0
  335. package/docs/assets/moni-fab-menu/shape--rounded.png +0 -0
  336. package/docs/assets/moni-fab-menu/size--default.png +0 -0
  337. package/docs/assets/moni-file-field/accept--default.png +0 -0
  338. package/docs/assets/moni-file-field/buttonLabel--default.png +0 -0
  339. package/docs/assets/moni-file-field/disabled--false.png +0 -0
  340. package/docs/assets/moni-file-field/disabled--true.png +0 -0
  341. package/docs/assets/moni-file-field/error--false.png +0 -0
  342. package/docs/assets/moni-file-field/error--true.png +0 -0
  343. package/docs/assets/moni-file-field/errorText--default.png +0 -0
  344. package/docs/assets/moni-file-field/helper--default.png +0 -0
  345. package/docs/assets/moni-file-field/icon--default.png +0 -0
  346. package/docs/assets/moni-file-field/label--default.png +0 -0
  347. package/docs/assets/moni-file-field/multiple--false.png +0 -0
  348. package/docs/assets/moni-file-field/multiple--true.png +0 -0
  349. package/docs/assets/moni-file-field/name--default.png +0 -0
  350. package/docs/assets/moni-file-field/shape--no-round.png +0 -0
  351. package/docs/assets/moni-file-field/shape--round.png +0 -0
  352. package/docs/assets/moni-file-field/shape--square.png +0 -0
  353. package/docs/assets/moni-file-field/size--extra.png +0 -0
  354. package/docs/assets/moni-file-field/size--large.png +0 -0
  355. package/docs/assets/moni-file-field/size--medium.png +0 -0
  356. package/docs/assets/moni-file-field/size--small.png +0 -0
  357. package/docs/assets/moni-file-field/trailingIcon--default.png +0 -0
  358. package/docs/assets/moni-file-field/value--default.png +0 -0
  359. package/docs/assets/moni-file-field/variant--filled.png +0 -0
  360. package/docs/assets/moni-file-field/variant--outlined.png +0 -0
  361. package/docs/assets/moni-icon/filled--false.png +0 -0
  362. package/docs/assets/moni-icon/filled--true.png +0 -0
  363. package/docs/assets/moni-icon/name--default.png +0 -0
  364. package/docs/assets/moni-icon/size--extra.png +0 -0
  365. package/docs/assets/moni-icon/size--large.png +0 -0
  366. package/docs/assets/moni-icon/size--medium.png +0 -0
  367. package/docs/assets/moni-icon/size--small.png +0 -0
  368. package/docs/assets/moni-icon/size--tiny.png +0 -0
  369. package/docs/assets/moni-list/rounded--false.png +0 -0
  370. package/docs/assets/moni-list/rounded--true.png +0 -0
  371. package/docs/assets/moni-list/variant--border.png +0 -0
  372. package/docs/assets/moni-list/variant--empty.png +0 -0
  373. package/docs/assets/moni-list-item/active--false.png +0 -0
  374. package/docs/assets/moni-list-item/active--true.png +0 -0
  375. package/docs/assets/moni-list-item/avatar--default.png +0 -0
  376. package/docs/assets/moni-list-item/disabled--false.png +0 -0
  377. package/docs/assets/moni-list-item/disabled--true.png +0 -0
  378. package/docs/assets/moni-list-item/href--default.png +0 -0
  379. package/docs/assets/moni-list-item/icon--default.png +0 -0
  380. package/docs/assets/moni-list-item/lines--default.png +0 -0
  381. package/docs/assets/moni-list-item/trailingIcon--default.png +0 -0
  382. package/docs/assets/moni-loading-indicator/variant--contained.png +0 -0
  383. package/docs/assets/moni-loading-indicator/variant--uncontained.png +0 -0
  384. package/docs/assets/moni-menu/active--false.png +0 -0
  385. package/docs/assets/moni-menu/active--true.png +0 -0
  386. package/docs/assets/moni-menu/flip--false.png +0 -0
  387. package/docs/assets/moni-menu/flip--true.png +0 -0
  388. package/docs/assets/moni-menu/noWrap--false.png +0 -0
  389. package/docs/assets/moni-menu/noWrap--true.png +0 -0
  390. package/docs/assets/moni-menu/placement--bottom.png +0 -0
  391. package/docs/assets/moni-menu/placement--left.png +0 -0
  392. package/docs/assets/moni-menu/placement--max.png +0 -0
  393. package/docs/assets/moni-menu/placement--min.png +0 -0
  394. package/docs/assets/moni-menu/placement--right.png +0 -0
  395. package/docs/assets/moni-menu/placement--top.png +0 -0
  396. package/docs/assets/moni-menu/space--extra-space.png +0 -0
  397. package/docs/assets/moni-menu/space--large-space.png +0 -0
  398. package/docs/assets/moni-menu/space--medium-space.png +0 -0
  399. package/docs/assets/moni-menu/space--no-space.png +0 -0
  400. package/docs/assets/moni-menu/space--small-space.png +0 -0
  401. package/docs/assets/moni-menu/space--space.png +0 -0
  402. package/docs/assets/moni-menu-item/active--false.png +0 -0
  403. package/docs/assets/moni-menu-item/active--true.png +0 -0
  404. package/docs/assets/moni-menu-item/disabled--false.png +0 -0
  405. package/docs/assets/moni-menu-item/disabled--true.png +0 -0
  406. package/docs/assets/moni-menu-item/icon--default.png +0 -0
  407. package/docs/assets/moni-menu-item/label--default.png +0 -0
  408. package/docs/assets/moni-morph-modal/autoSize--false.png +0 -0
  409. package/docs/assets/moni-morph-modal/autoSize--true.png +0 -0
  410. package/docs/assets/moni-morph-modal/blurContent--false.png +0 -0
  411. package/docs/assets/moni-morph-modal/blurContent--true.png +0 -0
  412. package/docs/assets/moni-morph-modal/closeOnClickOutside--false.png +0 -0
  413. package/docs/assets/moni-morph-modal/closeOnClickOutside--true.png +0 -0
  414. package/docs/assets/moni-morph-modal/closeOnEsc--false.png +0 -0
  415. package/docs/assets/moni-morph-modal/closeOnEsc--true.png +0 -0
  416. package/docs/assets/moni-morph-modal/coverTarget--false.png +0 -0
  417. package/docs/assets/moni-morph-modal/coverTarget--true.png +0 -0
  418. package/docs/assets/moni-morph-modal/debug--false.png +0 -0
  419. package/docs/assets/moni-morph-modal/debug--true.png +0 -0
  420. package/docs/assets/moni-morph-modal/expandedHeight--default.png +0 -0
  421. package/docs/assets/moni-morph-modal/expandedWidth--default.png +0 -0
  422. package/docs/assets/moni-morph-modal/hasBackdrop--false.png +0 -0
  423. package/docs/assets/moni-morph-modal/hasBackdrop--true.png +0 -0
  424. package/docs/assets/moni-morph-modal/hideTarget--false.png +0 -0
  425. package/docs/assets/moni-morph-modal/hideTarget--true.png +0 -0
  426. package/docs/assets/moni-morph-modal/modal--false.png +0 -0
  427. package/docs/assets/moni-morph-modal/modal--true.png +0 -0
  428. package/docs/assets/moni-morph-modal/morphLabel--false.png +0 -0
  429. package/docs/assets/moni-morph-modal/morphLabel--true.png +0 -0
  430. package/docs/assets/moni-morph-modal/morphLabelSelector--default.png +0 -0
  431. package/docs/assets/moni-morph-modal/open--false.png +0 -0
  432. package/docs/assets/moni-morph-modal/open--true.png +0 -0
  433. package/docs/assets/moni-morph-modal/placement--default.png +0 -0
  434. package/docs/assets/moni-morph-modal/showCloseButton--false.png +0 -0
  435. package/docs/assets/moni-morph-modal/showCloseButton--true.png +0 -0
  436. package/docs/assets/moni-morph-modal/target--default.png +0 -0
  437. package/docs/assets/moni-nav/layout--auto.png +0 -0
  438. package/docs/assets/moni-nav/layout--horizontal.png +0 -0
  439. package/docs/assets/moni-nav/layout--vertical.png +0 -0
  440. package/docs/assets/moni-nav/modal--false.png +0 -0
  441. package/docs/assets/moni-nav/modal--true.png +0 -0
  442. package/docs/assets/moni-nav/open--false.png +0 -0
  443. package/docs/assets/moni-nav/open--true.png +0 -0
  444. package/docs/assets/moni-nav/placement--bottom.png +0 -0
  445. package/docs/assets/moni-nav/placement--left.png +0 -0
  446. package/docs/assets/moni-nav/placement--right.png +0 -0
  447. package/docs/assets/moni-nav/placement--top.png +0 -0
  448. package/docs/assets/moni-nav/variant--drawer.png +0 -0
  449. package/docs/assets/moni-nav/variant--rail.png +0 -0
  450. package/docs/assets/moni-nav-item/active--false.png +0 -0
  451. package/docs/assets/moni-nav-item/active--true.png +0 -0
  452. package/docs/assets/moni-nav-item/href--default.png +0 -0
  453. package/docs/assets/moni-nav-item/icon--default.png +0 -0
  454. package/docs/assets/moni-nav-item/label--default.png +0 -0
  455. package/docs/assets/moni-nav-item/layout--default.png +0 -0
  456. package/docs/assets/moni-nav-item/placement--default.png +0 -0
  457. package/docs/assets/moni-nav-item/target--default.png +0 -0
  458. package/docs/assets/moni-nav-item/variant--default.png +0 -0
  459. package/docs/assets/moni-progress/bufferValue--default.png +0 -0
  460. package/docs/assets/moni-progress/indeterminate--false.png +0 -0
  461. package/docs/assets/moni-progress/indeterminate--true.png +0 -0
  462. package/docs/assets/moni-progress/label--default.png +0 -0
  463. package/docs/assets/moni-progress/max--default.png +0 -0
  464. package/docs/assets/moni-progress/mode--default.png +0 -0
  465. package/docs/assets/moni-progress/size--default.png +0 -0
  466. package/docs/assets/moni-progress/stopIndicator--false.png +0 -0
  467. package/docs/assets/moni-progress/stopIndicator--true.png +0 -0
  468. package/docs/assets/moni-progress/value--default.png +0 -0
  469. package/docs/assets/moni-progress/variant--default.png +0 -0
  470. package/docs/assets/moni-progress/waveTransition--false.png +0 -0
  471. package/docs/assets/moni-progress/waveTransition--true.png +0 -0
  472. package/docs/assets/moni-radio/checked--false.png +0 -0
  473. package/docs/assets/moni-radio/checked--true.png +0 -0
  474. package/docs/assets/moni-radio/checkedIcon--default.png +0 -0
  475. package/docs/assets/moni-radio/disabled--false.png +0 -0
  476. package/docs/assets/moni-radio/disabled--true.png +0 -0
  477. package/docs/assets/moni-radio/iconContainer--circle.png +0 -0
  478. package/docs/assets/moni-radio/iconContainer--none.png +0 -0
  479. package/docs/assets/moni-radio/label--default.png +0 -0
  480. package/docs/assets/moni-radio/name--default.png +0 -0
  481. package/docs/assets/moni-radio/size--extra.png +0 -0
  482. package/docs/assets/moni-radio/size--large.png +0 -0
  483. package/docs/assets/moni-radio/size--medium.png +0 -0
  484. package/docs/assets/moni-radio/size--small.png +0 -0
  485. package/docs/assets/moni-radio/uncheckedIcon--default.png +0 -0
  486. package/docs/assets/moni-radio/value--default.png +0 -0
  487. package/docs/assets/moni-ripple/active--false.png +0 -0
  488. package/docs/assets/moni-ripple/active--true.png +0 -0
  489. package/docs/assets/moni-ripple/color--primary.png +0 -0
  490. package/docs/assets/moni-ripple/color--secondary.png +0 -0
  491. package/docs/assets/moni-ripple/color--surface.png +0 -0
  492. package/docs/assets/moni-ripple/speed--fast.png +0 -0
  493. package/docs/assets/moni-ripple/speed--normal.png +0 -0
  494. package/docs/assets/moni-ripple/speed--slow.png +0 -0
  495. package/docs/assets/moni-ripple/x--default.png +0 -0
  496. package/docs/assets/moni-ripple/y--default.png +0 -0
  497. package/docs/assets/moni-segmented-button/gap--default.png +0 -0
  498. package/docs/assets/moni-segmented-button/hideCheck--false.png +0 -0
  499. package/docs/assets/moni-segmented-button/hideCheck--true.png +0 -0
  500. package/docs/assets/moni-segmented-button/multi--false.png +0 -0
  501. package/docs/assets/moni-segmented-button/multi--true.png +0 -0
  502. package/docs/assets/moni-segmented-button/name--default.png +0 -0
  503. package/docs/assets/moni-segmented-button/size--extra.png +0 -0
  504. package/docs/assets/moni-segmented-button/size--large.png +0 -0
  505. package/docs/assets/moni-segmented-button/size--medium.png +0 -0
  506. package/docs/assets/moni-segmented-button/size--small.png +0 -0
  507. package/docs/assets/moni-segmented-button/size--xlarge.png +0 -0
  508. package/docs/assets/moni-segmented-button/size--xsmall.png +0 -0
  509. package/docs/assets/moni-select/clearable--false.png +0 -0
  510. package/docs/assets/moni-select/clearable--true.png +0 -0
  511. package/docs/assets/moni-select/disabled--false.png +0 -0
  512. package/docs/assets/moni-select/disabled--true.png +0 -0
  513. package/docs/assets/moni-select/dropdownMaxHeight--default.png +0 -0
  514. package/docs/assets/moni-select/dropdownWidth--default.png +0 -0
  515. package/docs/assets/moni-select/error--false.png +0 -0
  516. package/docs/assets/moni-select/error--true.png +0 -0
  517. package/docs/assets/moni-select/errorText--default.png +0 -0
  518. package/docs/assets/moni-select/helper--default.png +0 -0
  519. package/docs/assets/moni-select/icon--default.png +0 -0
  520. package/docs/assets/moni-select/label--default.png +0 -0
  521. package/docs/assets/moni-select/loading--false.png +0 -0
  522. package/docs/assets/moni-select/loading--true.png +0 -0
  523. package/docs/assets/moni-select/name--default.png +0 -0
  524. package/docs/assets/moni-select/placeholder--default.png +0 -0
  525. package/docs/assets/moni-select/placement--auto.png +0 -0
  526. package/docs/assets/moni-select/placement--bottom.png +0 -0
  527. package/docs/assets/moni-select/placement--left.png +0 -0
  528. package/docs/assets/moni-select/placement--right.png +0 -0
  529. package/docs/assets/moni-select/placement--top.png +0 -0
  530. package/docs/assets/moni-select/positioning--absolute.png +0 -0
  531. package/docs/assets/moni-select/positioning--body.png +0 -0
  532. package/docs/assets/moni-select/positioning--fixed.png +0 -0
  533. package/docs/assets/moni-select/searchable--false.png +0 -0
  534. package/docs/assets/moni-select/searchable--true.png +0 -0
  535. package/docs/assets/moni-select/shape--no-round.png +0 -0
  536. package/docs/assets/moni-select/shape--round.png +0 -0
  537. package/docs/assets/moni-select/shape--square.png +0 -0
  538. package/docs/assets/moni-select/sheet--false.png +0 -0
  539. package/docs/assets/moni-select/sheet--true.png +0 -0
  540. package/docs/assets/moni-select/size--extra.png +0 -0
  541. package/docs/assets/moni-select/size--large.png +0 -0
  542. package/docs/assets/moni-select/size--medium.png +0 -0
  543. package/docs/assets/moni-select/size--small.png +0 -0
  544. package/docs/assets/moni-select/trailingIcon--default.png +0 -0
  545. package/docs/assets/moni-select/value--default.png +0 -0
  546. package/docs/assets/moni-select/variant--filled.png +0 -0
  547. package/docs/assets/moni-select/variant--outlined.png +0 -0
  548. package/docs/assets/moni-select-option/disabled--false.png +0 -0
  549. package/docs/assets/moni-select-option/disabled--true.png +0 -0
  550. package/docs/assets/moni-select-option/group--default.png +0 -0
  551. package/docs/assets/moni-select-option/label--default.png +0 -0
  552. package/docs/assets/moni-select-option/selected--false.png +0 -0
  553. package/docs/assets/moni-select-option/selected--true.png +0 -0
  554. package/docs/assets/moni-select-option/value--default.png +0 -0
  555. package/docs/assets/moni-shape/border--false.png +0 -0
  556. package/docs/assets/moni-shape/border--true.png +0 -0
  557. package/docs/assets/moni-shape/color--primary.png +0 -0
  558. package/docs/assets/moni-shape/color--secondary.png +0 -0
  559. package/docs/assets/moni-shape/color--surface.png +0 -0
  560. package/docs/assets/moni-shape/color--tertiary.png +0 -0
  561. package/docs/assets/moni-shape/duration--default.png +0 -0
  562. package/docs/assets/moni-shape/easing--default.png +0 -0
  563. package/docs/assets/moni-shape/name--empty.png +0 -0
  564. package/docs/assets/moni-shape/shadow--false.png +0 -0
  565. package/docs/assets/moni-shape/shadow--true.png +0 -0
  566. package/docs/assets/moni-shape/shapeRadius--default.png +0 -0
  567. package/docs/assets/moni-shape/size--extra.png +0 -0
  568. package/docs/assets/moni-shape/size--large.png +0 -0
  569. package/docs/assets/moni-shape/size--medium.png +0 -0
  570. package/docs/assets/moni-shape/size--small.png +0 -0
  571. package/docs/assets/moni-shape/type--default.png +0 -0
  572. package/docs/assets/moni-side-sheet/detached--false.png +0 -0
  573. package/docs/assets/moni-side-sheet/detached--true.png +0 -0
  574. package/docs/assets/moni-side-sheet/expandedWidth--default.png +0 -0
  575. package/docs/assets/moni-side-sheet/hideClose--false.png +0 -0
  576. package/docs/assets/moni-side-sheet/hideClose--true.png +0 -0
  577. package/docs/assets/moni-side-sheet/maxWidth--default.png +0 -0
  578. package/docs/assets/moni-side-sheet/modal--false.png +0 -0
  579. package/docs/assets/moni-side-sheet/modal--true.png +0 -0
  580. package/docs/assets/moni-side-sheet/noBorder--false.png +0 -0
  581. package/docs/assets/moni-side-sheet/noBorder--true.png +0 -0
  582. package/docs/assets/moni-side-sheet/open--false.png +0 -0
  583. package/docs/assets/moni-side-sheet/open--true.png +0 -0
  584. package/docs/assets/moni-side-sheet/showBack--false.png +0 -0
  585. package/docs/assets/moni-side-sheet/showBack--true.png +0 -0
  586. package/docs/assets/moni-side-sheet/side--left.png +0 -0
  587. package/docs/assets/moni-side-sheet/side--right.png +0 -0
  588. package/docs/assets/moni-side-sheet/title--default.png +0 -0
  589. package/docs/assets/moni-side-sheet/withHandle--false.png +0 -0
  590. package/docs/assets/moni-side-sheet/withHandle--true.png +0 -0
  591. package/docs/assets/moni-slider/disabled--false.png +0 -0
  592. package/docs/assets/moni-slider/disabled--true.png +0 -0
  593. package/docs/assets/moni-slider/indicator--false.png +0 -0
  594. package/docs/assets/moni-slider/indicator--true.png +0 -0
  595. package/docs/assets/moni-slider/indicatorPlacement--bottom.png +0 -0
  596. package/docs/assets/moni-slider/indicatorPlacement--top.png +0 -0
  597. package/docs/assets/moni-slider/insetIcon--default.png +0 -0
  598. package/docs/assets/moni-slider/isVertical--false.png +0 -0
  599. package/docs/assets/moni-slider/isVertical--true.png +0 -0
  600. package/docs/assets/moni-slider/max--default.png +0 -0
  601. package/docs/assets/moni-slider/min--default.png +0 -0
  602. package/docs/assets/moni-slider/name--default.png +0 -0
  603. package/docs/assets/moni-slider/range--false.png +0 -0
  604. package/docs/assets/moni-slider/range--true.png +0 -0
  605. package/docs/assets/moni-slider/size--extra.png +0 -0
  606. package/docs/assets/moni-slider/size--large.png +0 -0
  607. package/docs/assets/moni-slider/size--medium.png +0 -0
  608. package/docs/assets/moni-slider/size--small.png +0 -0
  609. package/docs/assets/moni-slider/size--tiny.png +0 -0
  610. package/docs/assets/moni-slider/step--default.png +0 -0
  611. package/docs/assets/moni-slider/tickInterval--default.png +0 -0
  612. package/docs/assets/moni-slider/ticks--false.png +0 -0
  613. package/docs/assets/moni-slider/ticks--true.png +0 -0
  614. package/docs/assets/moni-snackbar/action--default.png +0 -0
  615. package/docs/assets/moni-snackbar/active--false.png +0 -0
  616. package/docs/assets/moni-snackbar/active--true.png +0 -0
  617. package/docs/assets/moni-snackbar/maxLines--default.png +0 -0
  618. package/docs/assets/moni-snackbar/placement--bottom.png +0 -0
  619. package/docs/assets/moni-snackbar/placement--top.png +0 -0
  620. package/docs/assets/moni-snackbar/text--default.png +0 -0
  621. package/docs/assets/moni-split-button/gap--default.png +0 -0
  622. package/docs/assets/moni-split-button/size--extra.png +0 -0
  623. package/docs/assets/moni-split-button/size--large.png +0 -0
  624. package/docs/assets/moni-split-button/size--medium.png +0 -0
  625. package/docs/assets/moni-split-button/size--small.png +0 -0
  626. package/docs/assets/moni-split-button/size--xlarge.png +0 -0
  627. package/docs/assets/moni-split-button/size--xsmall.png +0 -0
  628. package/docs/assets/moni-split-button/variant--elevated.png +0 -0
  629. package/docs/assets/moni-split-button/variant--filled.png +0 -0
  630. package/docs/assets/moni-split-button/variant--outlined.png +0 -0
  631. package/docs/assets/moni-split-button/variant--tonal.png +0 -0
  632. package/docs/assets/moni-step/active--false.png +0 -0
  633. package/docs/assets/moni-step/active--true.png +0 -0
  634. package/docs/assets/moni-step/completed--false.png +0 -0
  635. package/docs/assets/moni-step/completed--true.png +0 -0
  636. package/docs/assets/moni-step/description--default.png +0 -0
  637. package/docs/assets/moni-step/icon--default.png +0 -0
  638. package/docs/assets/moni-step/index--default.png +0 -0
  639. package/docs/assets/moni-step/orientation--horizontal.png +0 -0
  640. package/docs/assets/moni-step/orientation--vertical.png +0 -0
  641. package/docs/assets/moni-step/title--default.png +0 -0
  642. package/docs/assets/moni-stepper/current--default.png +0 -0
  643. package/docs/assets/moni-stepper/orientation--horizontal.png +0 -0
  644. package/docs/assets/moni-stepper/orientation--vertical.png +0 -0
  645. package/docs/assets/moni-switch/checked--false.png +0 -0
  646. package/docs/assets/moni-switch/checked--true.png +0 -0
  647. package/docs/assets/moni-switch/checkedIcon--default.png +0 -0
  648. package/docs/assets/moni-switch/disabled--false.png +0 -0
  649. package/docs/assets/moni-switch/disabled--true.png +0 -0
  650. package/docs/assets/moni-switch/icon--false.png +0 -0
  651. package/docs/assets/moni-switch/icon--true.png +0 -0
  652. package/docs/assets/moni-switch/label--default.png +0 -0
  653. package/docs/assets/moni-switch/name--default.png +0 -0
  654. package/docs/assets/moni-switch/uncheckedIcon--default.png +0 -0
  655. package/docs/assets/moni-switch/value--default.png +0 -0
  656. package/docs/assets/moni-tab/active--false.png +0 -0
  657. package/docs/assets/moni-tab/active--true.png +0 -0
  658. package/docs/assets/moni-tab/href--default.png +0 -0
  659. package/docs/assets/moni-tab/icon--default.png +0 -0
  660. package/docs/assets/moni-tab/label--default.png +0 -0
  661. package/docs/assets/moni-tabs/align--center.png +0 -0
  662. package/docs/assets/moni-tabs/align--default.png +0 -0
  663. package/docs/assets/moni-tabs/align--left.png +0 -0
  664. package/docs/assets/moni-tabs/align--right.png +0 -0
  665. package/docs/assets/moni-tabs/indicatorSize--default.png +0 -0
  666. package/docs/assets/moni-tabs/indicatorSize--max.png +0 -0
  667. package/docs/assets/moni-tabs/indicatorSize--min.png +0 -0
  668. package/docs/assets/moni-tabs/mode--primary.png +0 -0
  669. package/docs/assets/moni-tabs/mode--secondary.png +0 -0
  670. package/docs/assets/moni-tabs/scrollable--false.png +0 -0
  671. package/docs/assets/moni-tabs/scrollable--true.png +0 -0
  672. package/docs/assets/moni-tabs/vertical--false.png +0 -0
  673. package/docs/assets/moni-tabs/vertical--true.png +0 -0
  674. package/docs/assets/moni-text-field/disabled--false.png +0 -0
  675. package/docs/assets/moni-text-field/disabled--true.png +0 -0
  676. package/docs/assets/moni-text-field/error--false.png +0 -0
  677. package/docs/assets/moni-text-field/error--true.png +0 -0
  678. package/docs/assets/moni-text-field/errorText--default.png +0 -0
  679. package/docs/assets/moni-text-field/helper--default.png +0 -0
  680. package/docs/assets/moni-text-field/icon--default.png +0 -0
  681. package/docs/assets/moni-text-field/label--default.png +0 -0
  682. package/docs/assets/moni-text-field/loading--false.png +0 -0
  683. package/docs/assets/moni-text-field/loading--true.png +0 -0
  684. package/docs/assets/moni-text-field/mask--default.png +0 -0
  685. package/docs/assets/moni-text-field/maskAlias--default.png +0 -0
  686. package/docs/assets/moni-text-field/maskOptions--default.png +0 -0
  687. package/docs/assets/moni-text-field/name--default.png +0 -0
  688. package/docs/assets/moni-text-field/placeholder--default.png +0 -0
  689. package/docs/assets/moni-text-field/prefix--default.png +0 -0
  690. package/docs/assets/moni-text-field/shape--no-round.png +0 -0
  691. package/docs/assets/moni-text-field/shape--round.png +0 -0
  692. package/docs/assets/moni-text-field/size--extra.png +0 -0
  693. package/docs/assets/moni-text-field/size--large.png +0 -0
  694. package/docs/assets/moni-text-field/size--medium.png +0 -0
  695. package/docs/assets/moni-text-field/size--small.png +0 -0
  696. package/docs/assets/moni-text-field/suffix--default.png +0 -0
  697. package/docs/assets/moni-text-field/suffixButtonIcon--default.png +0 -0
  698. package/docs/assets/moni-text-field/suffixButtonLabel--default.png +0 -0
  699. package/docs/assets/moni-text-field/trailingIcon--default.png +0 -0
  700. package/docs/assets/moni-text-field/type--email.png +0 -0
  701. package/docs/assets/moni-text-field/type--number.png +0 -0
  702. package/docs/assets/moni-text-field/type--password.png +0 -0
  703. package/docs/assets/moni-text-field/type--search.png +0 -0
  704. package/docs/assets/moni-text-field/type--tel.png +0 -0
  705. package/docs/assets/moni-text-field/type--text.png +0 -0
  706. package/docs/assets/moni-text-field/type--url.png +0 -0
  707. package/docs/assets/moni-text-field/value--default.png +0 -0
  708. package/docs/assets/moni-text-field/variant--filled.png +0 -0
  709. package/docs/assets/moni-text-field/variant--outlined.png +0 -0
  710. package/docs/assets/moni-text-field/variant--underlined.png +0 -0
  711. package/docs/assets/moni-textarea/autosize--false.png +0 -0
  712. package/docs/assets/moni-textarea/autosize--true.png +0 -0
  713. package/docs/assets/moni-textarea/disabled--false.png +0 -0
  714. package/docs/assets/moni-textarea/disabled--true.png +0 -0
  715. package/docs/assets/moni-textarea/error--false.png +0 -0
  716. package/docs/assets/moni-textarea/error--true.png +0 -0
  717. package/docs/assets/moni-textarea/errorText--default.png +0 -0
  718. package/docs/assets/moni-textarea/helper--default.png +0 -0
  719. package/docs/assets/moni-textarea/icon--default.png +0 -0
  720. package/docs/assets/moni-textarea/label--default.png +0 -0
  721. package/docs/assets/moni-textarea/loading--false.png +0 -0
  722. package/docs/assets/moni-textarea/loading--true.png +0 -0
  723. package/docs/assets/moni-textarea/maxRows--default.png +0 -0
  724. package/docs/assets/moni-textarea/maxlength--default.png +0 -0
  725. package/docs/assets/moni-textarea/name--default.png +0 -0
  726. package/docs/assets/moni-textarea/noCounter--false.png +0 -0
  727. package/docs/assets/moni-textarea/noCounter--true.png +0 -0
  728. package/docs/assets/moni-textarea/placeholder--default.png +0 -0
  729. package/docs/assets/moni-textarea/prefix--default.png +0 -0
  730. package/docs/assets/moni-textarea/rows--default.png +0 -0
  731. package/docs/assets/moni-textarea/shape--no-round.png +0 -0
  732. package/docs/assets/moni-textarea/shape--round.png +0 -0
  733. package/docs/assets/moni-textarea/shape--square.png +0 -0
  734. package/docs/assets/moni-textarea/size--extra.png +0 -0
  735. package/docs/assets/moni-textarea/size--large.png +0 -0
  736. package/docs/assets/moni-textarea/size--medium.png +0 -0
  737. package/docs/assets/moni-textarea/size--small.png +0 -0
  738. package/docs/assets/moni-textarea/suffix--default.png +0 -0
  739. package/docs/assets/moni-textarea/trailingIcon--default.png +0 -0
  740. package/docs/assets/moni-textarea/value--default.png +0 -0
  741. package/docs/assets/moni-textarea/variant--filled.png +0 -0
  742. package/docs/assets/moni-textarea/variant--outlined.png +0 -0
  743. package/docs/assets/moni-time-picker/hideHeadline--false.png +0 -0
  744. package/docs/assets/moni-time-picker/hideHeadline--true.png +0 -0
  745. package/docs/assets/moni-time-picker/hideModeToggle--false.png +0 -0
  746. package/docs/assets/moni-time-picker/hideModeToggle--true.png +0 -0
  747. package/docs/assets/moni-time-picker/hourLabel--default.png +0 -0
  748. package/docs/assets/moni-time-picker/minuteLabel--default.png +0 -0
  749. package/docs/assets/moni-time-picker/mode--dial.png +0 -0
  750. package/docs/assets/moni-time-picker/mode--input.png +0 -0
  751. package/docs/assets/moni-time-picker/orientation--auto.png +0 -0
  752. package/docs/assets/moni-time-picker/orientation--horizontal.png +0 -0
  753. package/docs/assets/moni-time-picker/orientation--vertical.png +0 -0
  754. package/docs/assets/moni-time-picker/use24Hour--false.png +0 -0
  755. package/docs/assets/moni-time-picker/use24Hour--true.png +0 -0
  756. package/docs/assets/moni-time-picker/value--default.png +0 -0
  757. package/docs/assets/moni-toolbar/scrolled--false.png +0 -0
  758. package/docs/assets/moni-toolbar/scrolled--true.png +0 -0
  759. package/docs/assets/moni-toolbar/title--default.png +0 -0
  760. package/docs/assets/moni-toolbar/type--floating.png +0 -0
  761. package/docs/assets/moni-toolbar/type--standard.png +0 -0
  762. package/docs/assets/moni-tooltip/position--bottom-end.png +0 -0
  763. package/docs/assets/moni-tooltip/position--bottom-start.png +0 -0
  764. package/docs/assets/moni-tooltip/position--bottom.png +0 -0
  765. package/docs/assets/moni-tooltip/position--left.png +0 -0
  766. package/docs/assets/moni-tooltip/position--right.png +0 -0
  767. package/docs/assets/moni-tooltip/position--top-end.png +0 -0
  768. package/docs/assets/moni-tooltip/position--top-start.png +0 -0
  769. package/docs/assets/moni-tooltip/position--top.png +0 -0
  770. package/docs/assets/moni-tooltip/rich--false.png +0 -0
  771. package/docs/assets/moni-tooltip/rich--true.png +0 -0
  772. package/docs/assets/moni-tooltip/rotateWithTarget--false.png +0 -0
  773. package/docs/assets/moni-tooltip/rotateWithTarget--true.png +0 -0
  774. package/docs/assets/moni-tooltip/size--empty.png +0 -0
  775. package/docs/assets/moni-tooltip/size--large.png +0 -0
  776. package/docs/assets/moni-tooltip/size--medium.png +0 -0
  777. package/docs/assets/moni-tooltip/size--small.png +0 -0
  778. package/docs/assets/moni-tooltip/text--default.png +0 -0
  779. package/docs/assets/moni-typography/as--default.png +0 -0
  780. package/docs/assets/moni-typography/size--large.png +0 -0
  781. package/docs/assets/moni-typography/size--medium.png +0 -0
  782. package/docs/assets/moni-typography/size--small.png +0 -0
  783. package/docs/assets/moni-typography/text--default.png +0 -0
  784. package/docs/assets/moni-typography/variant--body.png +0 -0
  785. package/docs/assets/moni-typography/variant--display.png +0 -0
  786. package/docs/assets/moni-typography/variant--headline.png +0 -0
  787. package/docs/assets/moni-typography/variant--label.png +0 -0
  788. package/docs/assets/moni-typography/variant--title.png +0 -0
  789. package/docs/components/app-bar.md +192 -0
  790. package/docs/components/badge.md +207 -0
  791. package/docs/components/bottom-sheet.md +222 -0
  792. package/docs/components/button-group.md +207 -0
  793. package/docs/components/button-segment.md +171 -0
  794. package/docs/components/button.md +283 -0
  795. package/docs/components/card.md +181 -0
  796. package/docs/components/carousel.md +275 -0
  797. package/docs/components/checkbox.md +196 -0
  798. package/docs/components/chip.md +222 -0
  799. package/docs/components/color-field.md +195 -0
  800. package/docs/components/context-menu.md +132 -0
  801. package/docs/components/dialog.md +195 -0
  802. package/docs/components/divider.md +123 -0
  803. package/docs/components/expansion.md +130 -0
  804. package/docs/components/fab-menu.md +162 -0
  805. package/docs/components/fab.md +202 -0
  806. package/docs/components/file-field.md +244 -0
  807. package/docs/components/icon.md +156 -0
  808. package/docs/components/list-item.md +189 -0
  809. package/docs/components/list.md +121 -0
  810. package/docs/components/loading-indicator.md +124 -0
  811. package/docs/components/menu-item.md +131 -0
  812. package/docs/components/menu.md +183 -0
  813. package/docs/components/morph-modal.md +254 -0
  814. package/docs/components/nav-item.md +175 -0
  815. package/docs/components/nav.md +172 -0
  816. package/docs/components/progress.md +172 -0
  817. package/docs/components/radio.md +200 -0
  818. package/docs/components/ripple.md +177 -0
  819. package/docs/components/segmented-button.md +145 -0
  820. package/docs/components/select-option.md +148 -0
  821. package/docs/components/select.md +332 -0
  822. package/docs/components/shape.md +169 -0
  823. package/docs/components/side-sheet.md +220 -0
  824. package/docs/components/slider.md +240 -0
  825. package/docs/components/snackbar.md +169 -0
  826. package/docs/components/split-button.md +148 -0
  827. package/docs/components/step.md +169 -0
  828. package/docs/components/stepper.md +121 -0
  829. package/docs/components/switch.md +198 -0
  830. package/docs/components/tab.md +133 -0
  831. package/docs/components/tabs.md +163 -0
  832. package/docs/components/text-field.md +321 -0
  833. package/docs/components/textarea.md +290 -0
  834. package/docs/components/time-picker.md +184 -0
  835. package/docs/components/toolbar.md +142 -0
  836. package/docs/components/tooltip.md +184 -0
  837. package/docs/components/typography.md +148 -0
  838. package/docs/llms.txt +53 -0
  839. package/package.json +6 -1
  840. package/src/components/index.test.ts +24 -0
  841. package/src/components/index.ts +8 -1
  842. package/src/components/moni-button-group.test.ts +90 -0
  843. package/src/components/moni-button-group.ts +145 -34
  844. package/src/components/moni-button.test.ts +8 -2
  845. package/src/components/moni-button.ts +3 -2
  846. package/src/components/moni-carousel.test.ts +15 -1
  847. package/src/components/moni-carousel.ts +19 -2
  848. package/src/components/moni-context-menu.test.ts +16 -0
  849. package/src/components/moni-context-menu.ts +14 -2
  850. package/src/components/moni-file-field.test.ts +4 -2
  851. package/src/components/moni-file-field.ts +6 -3
  852. package/src/components/moni-loading-indicator.test.ts +9 -0
  853. package/src/components/moni-loading-indicator.ts +21 -2
  854. package/src/components/moni-morph-modal.test.ts +173 -2
  855. package/src/components/moni-morph-modal.ts +621 -54
  856. package/src/components/moni-side-sheet.test.ts +39 -2
  857. package/src/components/moni-side-sheet.ts +49 -17
  858. package/src/components/moni-snackbar.test.ts +16 -0
  859. package/src/components/moni-snackbar.ts +24 -1
  860. package/src/components/moni-time-picker.ts +5 -1
  861. package/src/components/moni-toolbar.test.ts +6 -3
  862. package/src/components/moni-toolbar.ts +4 -2
  863. package/src/components/moni-tooltip.test.ts +77 -3
  864. package/src/components/moni-tooltip.ts +194 -3
  865. package/src/index.ts +8 -0
@@ -54,6 +54,9 @@ import { MoniElement } from './_base/index.js';
54
54
  * @slot default - Los elementos `<moni-button>` que conforman el grupo.
55
55
  */
56
56
  export declare class MoniButtonGroup extends MoniElement {
57
+ private readonly _activeObserver;
58
+ connectedCallback(): void;
59
+ disconnectedCallback(): void;
57
60
  /**
58
61
  * Variante visual del grupo de botones.
59
62
  * - `standard`: Los elementos se espacian normalmente.
@@ -73,6 +76,12 @@ export declare class MoniButtonGroup extends MoniElement {
73
76
  * @type {boolean}
74
77
  */
75
78
  multi: boolean;
79
+ /** Impide que el grupo quede sin selección. */
80
+ selectionRequired: boolean;
81
+ /** Forma base común de los botones. La selección invierte round ↔ square. */
82
+ shape: 'round' | 'square';
83
+ /** Controla si los botones conservan su ancho intrínseco o llenan la superficie. */
84
+ resizing: 'fixed' | 'flexible';
76
85
  /**
77
86
  * Espacio CSS personalizado entre botones (ej., '1rem').
78
87
  * Solo se aplica cuando la variante es 'standard'.
@@ -109,6 +118,11 @@ export declare class MoniButtonGroup extends MoniElement {
109
118
  * re-sincroniza las formas (shapes) y tamaños de todo el listado.
110
119
  */
111
120
  private handleSlotChange;
121
+ private getButtons;
122
+ /** Keeps selection emphasis inside the group's original visual footprint.
123
+ * The selected width is funded evenly by every unselected button so edge
124
+ * selections remain visually balanced instead of collapsing one neighbour. */
125
+ private updateSelectionNeighbors;
112
126
  private getGapValue;
113
127
  /**
114
128
  * Sincronizador de Propiedades (Engine interno).
@@ -1 +1 @@
1
- {"version":3,"file":"moni-button-group.d.ts","sourceRoot":"","sources":["../../src/components/moni-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C;;;;;;OAMG;IAEH,OAAO,EAAE,UAAU,GAAG,WAAW,CAAc;IAE/C;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAW;IAEnD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAGhB,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAgB,MAAM,4BA2CpB;IAEF;;;;OAIG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOpF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,WAAW;IAWnB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IA6CtB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IA2BzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAUvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA2CnB;;;;;;;;;;OAUG;IACM,MAAM;CAyBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"moni-button-group.d.ts","sourceRoot":"","sources":["../../src/components/moni-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA+D;IAEtF,iBAAiB;IAKjB,oBAAoB;IAI7B;;;;;;OAMG;IAEH,OAAO,EAAE,UAAU,GAAG,WAAW,CAAc;IAE/C;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;OAGG;IAEH,KAAK,UAAS;IAEd,+CAA+C;IAE/C,iBAAiB,UAAS;IAE1B,6EAA6E;IAE7E,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAW;IAEpC,oFAAoF;IAEpF,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAEzC;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAW;IAEnD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAGhB,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAgB,MAAM,4BAkHpB;IAEF;;;;OAIG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOpF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB;;kFAE8E;IAC9E,OAAO,CAAC,wBAAwB;IAyBhC,OAAO,CAAC,WAAW;IAWnB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAezB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAQvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA2CnB;;;;;;;;;;OAUG;IACM,MAAM;CAyBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
@@ -64,6 +64,7 @@ import { MoniElement, sharedStyles } from './_base/index.js';
64
64
  let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
65
65
  constructor() {
66
66
  super(...arguments);
67
+ this._activeObserver = new MutationObserver(() => this.updateSelectionNeighbors());
67
68
  /**
68
69
  * Variante visual del grupo de botones.
69
70
  * - `standard`: Los elementos se espacian normalmente.
@@ -83,6 +84,12 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
83
84
  * @type {boolean}
84
85
  */
85
86
  this.multi = false;
87
+ /** Impide que el grupo quede sin selección. */
88
+ this.selectionRequired = false;
89
+ /** Forma base común de los botones. La selección invierte round ↔ square. */
90
+ this.shape = 'round';
91
+ /** Controla si los botones conservan su ancho intrínseco o llenan la superficie. */
92
+ this.resizing = 'fixed';
86
93
  /**
87
94
  * Espacio CSS personalizado entre botones (ej., '1rem').
88
95
  * Solo se aplica cuando la variante es 'standard'.
@@ -106,6 +113,14 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
106
113
  */
107
114
  this.labelledBy = '';
108
115
  }
116
+ connectedCallback() {
117
+ super.connectedCallback();
118
+ this._activeObserver.observe(this, { subtree: true, attributes: true, attributeFilter: ['active'] });
119
+ }
120
+ disconnectedCallback() {
121
+ this._activeObserver.disconnect();
122
+ super.disconnectedCallback();
123
+ }
109
124
  static { this.styles = [
110
125
  sharedStyles,
111
126
  css `
@@ -113,12 +128,18 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
113
128
  display: inline-flex;
114
129
  align-items: center;
115
130
  vertical-align: middle;
131
+ max-inline-size: 100%;
132
+ }
133
+ :host([variant='connected']),
134
+ :host([resizing='flexible']) {
135
+ inline-size: 100%;
116
136
  }
117
137
 
118
138
  .group-container {
119
139
  display: inline-flex;
120
140
  align-items: center;
121
141
  width: 100%;
142
+ flex-wrap: nowrap;
122
143
  }
123
144
 
124
145
  slot {
@@ -148,6 +169,71 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
148
169
  :host([variant='connected']) .group-container {
149
170
  gap: 0.125rem; /* 2dp */
150
171
  }
172
+ :host([variant='connected']) ::slotted(moni-button),
173
+ :host([variant='connected']) ::slotted(moni-icon-button),
174
+ :host([resizing='flexible']) ::slotted(moni-button) {
175
+ flex: var(--_moni-group-flex-grow, 1) 1 0;
176
+ transition: flex-grow 450ms cubic-bezier(0.2, 0, 0, 1);
177
+ }
178
+ :host([variant='connected']) ::slotted(moni-button),
179
+ :host([variant='standard'][resizing='flexible']) ::slotted(moni-button) {
180
+ --moni-button-inline-size: 100%;
181
+ min-inline-size: 0;
182
+ }
183
+ :host([variant='connected'][size='xsmall']) ::slotted(moni-button),
184
+ :host([variant='connected'][size='xsmall']) ::slotted(moni-icon-button),
185
+ :host([variant='connected'][size='small']) ::slotted(moni-button),
186
+ :host([variant='connected'][size='small']) ::slotted(moni-icon-button) {
187
+ min-inline-size: 3rem;
188
+ }
189
+
190
+ /* M3 Expressive selection emphasis. Increasing the button's internal
191
+ * space (instead of scaling the host) keeps labels and icons crisp and
192
+ * lets the existing padding transition transfer width smoothly. */
193
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[active]),
194
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-pressed]) {
195
+ --moni-button-padding: 0 1.25rem;
196
+ }
197
+ :host([variant='standard'][size='small']) ::slotted(moni-button[active]),
198
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-pressed]) {
199
+ --moni-button-padding: 0 1.75rem;
200
+ }
201
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[active]),
202
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-pressed]) {
203
+ --moni-button-padding: 0 2.375rem;
204
+ }
205
+ :host([variant='standard'][size='large']) ::slotted(moni-button[active]),
206
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-pressed]) {
207
+ --moni-button-padding: 0 4rem;
208
+ }
209
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[active]),
210
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[active]),
211
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-pressed]),
212
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-pressed]) {
213
+ --moni-button-padding: 0 5.25rem;
214
+ }
215
+
216
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 .5rem; }
217
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 .75rem; }
218
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 1.25rem; }
219
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 2.75rem; }
220
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-pressed]),
221
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 3.75rem; }
222
+
223
+ /* A selected standard button borrows space from its immediate
224
+ * neighbours, keeping the group's outside footprint stable. */
225
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 .5rem; }
226
+ :host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .25rem; }
227
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 .625rem; }
228
+ :host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .25rem; }
229
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 1.0625rem; }
230
+ :host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .625rem; }
231
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 2.5rem; }
232
+ :host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2rem; }
233
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='shared']),
234
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 3.375rem; }
235
+ :host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='sole']),
236
+ :host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2.75rem; }
151
237
  `
152
238
  ]; }
153
239
  /**
@@ -157,7 +243,7 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
157
243
  */
158
244
  updated(changedProperties) {
159
245
  super.updated(changedProperties);
160
- if (changedProperties.has('variant') || changedProperties.has('size') || changedProperties.has('gap')) {
246
+ if (changedProperties.has('variant') || changedProperties.has('size') || changedProperties.has('gap') || changedProperties.has('shape') || changedProperties.has('resizing')) {
161
247
  this.updateChildren();
162
248
  }
163
249
  }
@@ -169,6 +255,33 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
169
255
  handleSlotChange() {
170
256
  this.updateChildren();
171
257
  }
258
+ getButtons() {
259
+ return (this.slottedButtons ?? []).filter((el) => el.tagName.toLowerCase() === 'moni-button' || el.tagName.toLowerCase() === 'moni-icon-button');
260
+ }
261
+ /** Keeps selection emphasis inside the group's original visual footprint.
262
+ * The selected width is funded evenly by every unselected button so edge
263
+ * selections remain visually balanced instead of collapsing one neighbour. */
264
+ updateSelectionNeighbors() {
265
+ const buttons = this.getButtons();
266
+ buttons.forEach((button) => {
267
+ button.removeAttribute('data-group-adjacent-selected');
268
+ button.style.removeProperty('--_moni-group-flex-grow');
269
+ });
270
+ if (this.variant !== 'standard')
271
+ return;
272
+ const selected = buttons.filter((button) => button.hasAttribute('active'));
273
+ if (selected.length === 0)
274
+ return;
275
+ const unselected = buttons.filter((button) => !button.hasAttribute('active'));
276
+ const weight = unselected.length === 1 ? 'sole' : 'shared';
277
+ unselected.forEach((button) => button.setAttribute('data-group-adjacent-selected', weight));
278
+ if (this.resizing === 'flexible' && unselected.length > 0) {
279
+ const activeWeight = 1.24;
280
+ const inactiveWeight = Math.max(0.6, (buttons.length - selected.length * activeWeight) / unselected.length);
281
+ selected.forEach((button) => button.style.setProperty('--_moni-group-flex-grow', String(activeWeight)));
282
+ unselected.forEach((button) => button.style.setProperty('--_moni-group-flex-grow', String(inactiveWeight)));
283
+ }
284
+ }
172
285
  getGapValue(gap) {
173
286
  if (!gap)
174
287
  return '';
@@ -193,14 +306,17 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
193
306
  * correspondiente (`left-round-flat`, `inner-round`, etc.) para formar una cápsula unificada.
194
307
  */
195
308
  updateChildren() {
196
- const buttons = this.slottedButtons.filter((el) => el.tagName.toLowerCase() === 'moni-button' || el.tagName.toLowerCase() === 'moni-icon-button');
309
+ const buttons = this.getButtons();
197
310
  const normalizedGap = this.gap.trim().toLowerCase();
198
311
  const hasConnectedGap = !['0', '0px', '0rem', '0em'].includes(normalizedGap);
199
312
  buttons.forEach((btn, index) => {
200
313
  // Propagate size
201
314
  btn.setAttribute('size', this.size);
202
315
  // Propagate shape for connected variant
203
- if (this.variant === 'connected') {
316
+ if (this.variant === 'connected' && this.shape === 'square') {
317
+ btn.setAttribute('shape', 'square');
318
+ }
319
+ else if (this.variant === 'connected') {
204
320
  if (hasConnectedGap) {
205
321
  if (buttons.length === 1) {
206
322
  btn.setAttribute('shape', 'round');
@@ -231,13 +347,10 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
231
347
  }
232
348
  }
233
349
  else {
234
- // Standard variant: buttons retain their own shapes or default round
235
- const currentShape = btn.getAttribute('shape');
236
- if (!currentShape || ['left-round-flat', 'right-round-flat', 'no-round', 'left-round', 'right-round', 'inner-round'].includes(currentShape)) {
237
- btn.setAttribute('shape', 'round');
238
- }
350
+ btn.setAttribute('shape', this.shape);
239
351
  }
240
352
  });
353
+ this.updateSelectionNeighbors();
241
354
  }
242
355
  /**
243
356
  * Maneja la interacción táctil o de mouse (Pointer Down).
@@ -252,22 +365,13 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
252
365
  const button = target.closest('moni-button, moni-icon-button');
253
366
  if (!button || button.hasAttribute('disabled'))
254
367
  return;
255
- const buttons = this.slottedButtons.filter((el) => el.tagName.toLowerCase() === 'moni-button' || el.tagName.toLowerCase() === 'moni-icon-button');
368
+ const buttons = this.getButtons();
256
369
  const index = buttons.indexOf(button);
257
370
  if (index === -1)
258
371
  return;
259
- const prev = buttons[index - 1];
260
- const next = buttons[index + 1];
261
- if (prev) {
262
- prev.style.transition = 'transform 200ms cubic-bezier(0.2, 0, 0, 1)';
263
- prev.style.transform = 'translateX(-6px) scaleX(0.92)';
264
- prev.style.transformOrigin = 'right center';
265
- }
266
- if (next) {
267
- next.style.transition = 'transform 200ms cubic-bezier(0.2, 0, 0, 1)';
268
- next.style.transform = 'translateX(6px) scaleX(0.92)';
269
- next.style.transformOrigin = 'left center';
270
- }
372
+ button.setAttribute('data-group-pressed', '');
373
+ buttons[index - 1]?.setAttribute('data-group-adjacent-pressed', '');
374
+ buttons[index + 1]?.setAttribute('data-group-adjacent-pressed', '');
271
375
  }
272
376
  /**
273
377
  * Conclusión de la interacción táctil (Pointer Up).
@@ -275,10 +379,10 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
275
379
  * a su estado nativo neutro.
276
380
  */
277
381
  handlePointerUp() {
278
- const buttons = this.slottedButtons.filter((el) => el.tagName.toLowerCase() === 'moni-button' || el.tagName.toLowerCase() === 'moni-icon-button');
382
+ const buttons = this.getButtons();
279
383
  buttons.forEach((btn) => {
280
- btn.style.transform = '';
281
- btn.style.transformOrigin = '';
384
+ btn.removeAttribute('data-group-pressed');
385
+ btn.removeAttribute('data-group-adjacent-pressed');
282
386
  });
283
387
  }
284
388
  /**
@@ -292,7 +396,7 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
292
396
  if (!clickedButton || clickedButton.hasAttribute('disabled')) {
293
397
  return;
294
398
  }
295
- const buttons = this.slottedButtons.filter((el) => el.tagName.toLowerCase() === 'moni-button' || el.tagName.toLowerCase() === 'moni-icon-button');
399
+ const buttons = this.getButtons();
296
400
  if (!this.multi) {
297
401
  buttons.forEach((btn) => {
298
402
  if (btn !== clickedButton) {
@@ -303,6 +407,9 @@ let MoniButtonGroup = class MoniButtonGroup extends MoniElement {
303
407
  }
304
408
  // Toggle clicked button active state
305
409
  const wasActive = clickedButton.hasAttribute('active');
410
+ const activeCount = buttons.filter((btn) => btn.hasAttribute('active')).length;
411
+ if (wasActive && this.selectionRequired && activeCount <= 1)
412
+ return;
306
413
  if (wasActive) {
307
414
  clickedButton.removeAttribute('active');
308
415
  clickedButton.active = false;
@@ -366,6 +473,15 @@ __decorate([
366
473
  __decorate([
367
474
  property({ type: Boolean, reflect: true })
368
475
  ], MoniButtonGroup.prototype, "multi", void 0);
476
+ __decorate([
477
+ property({ type: Boolean, reflect: true, attribute: 'selection-required' })
478
+ ], MoniButtonGroup.prototype, "selectionRequired", void 0);
479
+ __decorate([
480
+ property({ reflect: true })
481
+ ], MoniButtonGroup.prototype, "shape", void 0);
482
+ __decorate([
483
+ property({ reflect: true })
484
+ ], MoniButtonGroup.prototype, "resizing", void 0);
369
485
  __decorate([
370
486
  property()
371
487
  ], MoniButtonGroup.prototype, "gap", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"moni-button.d.ts","sourceRoot":"","sources":["../../src/components/moni-button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBACa,UAAW,SAAQ,WAAW;IACjC,OAAO,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAS;IAE1C;;;;OAIG;IAEH,OAAO,EACJ,QAAQ,GACR,OAAO,GACP,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,CAAY;IAEtB;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;;OAIG;IAEH,KAAK,EACF,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,WAAW,GACX,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,mBAAmB,GACnB,aAAa,CAAW;IAE3B;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,OAAO,UAAS;IAE5D;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IACsD,YAAY,SAAM;IAE3E;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,MAAM,SAAM;IAEhC,iBAAiB,IAAI,IAAI;IAclC,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,sBAAsB;IAK9B,OAAgB,MAAM,4BA6jBpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAOvB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACM,MAAM;CAmFf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"moni-button.d.ts","sourceRoot":"","sources":["../../src/components/moni-button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBACa,UAAW,SAAQ,WAAW;IACjC,OAAO,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAS;IAE1C;;;;OAIG;IAEH,OAAO,EACJ,QAAQ,GACR,OAAO,GACP,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,CAAY;IAEtB;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;;OAIG;IAEH,KAAK,EACF,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,WAAW,GACX,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,mBAAmB,GACnB,aAAa,CAAW;IAE3B;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,OAAO,UAAS;IAE5D;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IACsD,YAAY,SAAM;IAE3E;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,MAAM,SAAM;IAEhC,iBAAiB,IAAI,IAAI;IAclC,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,sBAAsB;IAK9B,OAAgB,MAAM,4BA8jBpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAOvB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACM,MAAM;CAmFf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD;AAED,eAAe,UAAU,CAAC"}
@@ -172,6 +172,7 @@ let MoniButton = class MoniButton extends MoniElement {
172
172
  .button {
173
173
  box-sizing: var(--moni-button-box-sizing, border-box);
174
174
  display: inline-flex;
175
+ inline-size: var(--moni-button-inline-size, auto);
175
176
  --_button-visual-height: 3.5rem;
176
177
  align-items: center;
177
178
  justify-content: center;
@@ -254,8 +255,8 @@ let MoniButton = class MoniButton extends MoniElement {
254
255
  .button.circle {
255
256
  padding: 0 !important;
256
257
  border-radius: 50%;
257
- inline-size: var(--moni-button-height, 3.5rem);
258
- min-inline-size: var(--moni-button-height, 3.5rem);
258
+ inline-size: var(--moni-button-height, var(--_button-visual-height));
259
+ min-inline-size: var(--moni-button-height, var(--_button-visual-height));
259
260
  aspect-ratio: 1;
260
261
  }
261
262
  .button.round.icon-only {
@@ -4,6 +4,7 @@
4
4
  * @license MIT
5
5
  * @contributors Moni Labs & Contributors
6
6
  */
7
+ import { type PropertyValues } from 'lit';
7
8
  import { MoniElement } from './_base/index.js';
8
9
  /**
9
10
  * Modelo de datos para un solo elemento en un `<moni-carousel>`.
@@ -76,6 +77,7 @@ export interface CarouselItem {
76
77
  * @csspart title - Los elementos de texto de título dentro de los elementos.
77
78
  */
78
79
  export declare class MoniCarousel extends MoniElement {
80
+ protected willUpdate(changedProperties: PropertyValues<this>): void;
79
81
  /**
80
82
  * Array de elementos a mostrar en el carrusel.
81
83
  * Cada elemento requiere al menos `title` e `img`. El opcional `href` renderiza la tarjeta como un enlace.
@@ -1 +1 @@
1
- {"version":3,"file":"moni-carousel.d.ts","sourceRoot":"","sources":["../../src/components/moni-carousel.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"moni-carousel.d.ts","sourceRoot":"","sources":["../../src/components/moni-carousel.ts"],"names":[],"mappings":"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"}
@@ -355,6 +355,24 @@ let MoniCarousel = class MoniCarousel extends MoniElement {
355
355
  }
356
356
  };
357
357
  }
358
+ willUpdate(changedProperties) {
359
+ super.willUpdate(changedProperties);
360
+ // Frameworks commonly assign static custom-element attributes as string
361
+ // properties, bypassing Lit's attribute converter. Normalize before the
362
+ // layout math so `184 + "12"` never becomes the coordinate `18412`.
363
+ const numericProperties = [
364
+ 'largeWidth', 'mediumWidth', 'smallWidth', 'gap', 'padding',
365
+ 'borderRadius', 'autoplayInterval'
366
+ ];
367
+ for (const key of numericProperties) {
368
+ const value = this[key];
369
+ if (typeof value !== 'string')
370
+ continue;
371
+ const normalized = Number(value);
372
+ if (Number.isFinite(normalized))
373
+ this[key] = normalized;
374
+ }
375
+ }
358
376
  /**
359
377
  * Devuelve la fuente del elemento activo.
360
378
  * La propiedad programática `items` tiene prioridad sobre los hijos Light DOM en slots.
@@ -1 +1 @@
1
- {"version":3,"file":"moni-context-menu.d.ts","sourceRoot":"","sources":["../../src/components/moni-context-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAE/C,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAY;IACd,IAAI,UAAS;IAEhD,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,kBAAkB,CAAiD;IAEhE,OAAO,CAAC,OAAO,CAAC,CAAc;IAElD,OAAO,CAAC,OAAO,CAA4B;IAC3C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAA+C;IAElE;;;;;OAKG;IACM,iBAAiB;IAe1B;;;;OAIG;IACM,oBAAoB;IAS7B;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAcpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAoBlB;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAItB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF,OAAgB,MAAM,4BAgBpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CAmBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"moni-context-menu.d.ts","sourceRoot":"","sources":["../../src/components/moni-context-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAE/C,SAAS,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAY;IACd,IAAI,UAAS;IAEhD,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,kBAAkB,CAAiD;IAEhE,OAAO,CAAC,OAAO,CAAC,CAAc;IAElD,OAAO,CAAC,OAAO,CAA4B;IAC3C;;;OAGG;IACH,OAAO,CAAC,WAAW,CAA+C;IAElE;;;;;OAKG;IACM,iBAAiB;IAe1B;;;;OAIG;IACM,oBAAoB;IAS7B;;;;OAIG;IACH,OAAO,CAAC,cAAc,CAmBpB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAwBlB;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAItB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF,OAAgB,MAAM,4BAkBpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CAoBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
@@ -81,7 +81,9 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
81
81
  e.preventDefault();
82
82
  if (this._target) {
83
83
  const rect = this._target.getBoundingClientRect();
84
- this._x = e.clientX - rect.left;
84
+ const menuWidth = Math.min(192, window.innerWidth - 16);
85
+ const globalX = Math.min(Math.max(8, e.clientX), window.innerWidth - menuWidth - 8);
86
+ this._x = globalX - rect.left;
85
87
  this._y = e.clientY - rect.top;
86
88
  }
87
89
  else {
@@ -152,8 +154,6 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
152
154
  * colisiona con el borde del Viewport, invirtiendo top/bottom o left/right.
153
155
  */
154
156
  _maybeFlip() {
155
- if (!this.flip)
156
- return;
157
157
  const menu = this._menuEl?.shadowRoot?.querySelector('menu');
158
158
  if (!menu)
159
159
  return;
@@ -162,6 +162,14 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
162
162
  const vh = window.innerHeight;
163
163
  const overflowsBottom = rect.bottom > vh;
164
164
  const overflowsRight = rect.right > vw;
165
+ // Context menus must always remain horizontally reachable, regardless of
166
+ // whether placement flipping was requested.
167
+ if (overflowsRight)
168
+ this._x = Math.max(8, this._x - (rect.right - vw) - 8);
169
+ if (rect.left < 8)
170
+ this._x += 8 - rect.left;
171
+ if (!this.flip)
172
+ return;
165
173
  if (this.placement === 'bottom' && overflowsBottom) {
166
174
  this._resolvedPlacement = 'top';
167
175
  }
@@ -188,6 +196,8 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
188
196
  position: absolute;
189
197
  inset-inline-start: var(--_x, 0);
190
198
  inset-block-start: var(--_y, 0);
199
+ inline-size: min(12rem, calc(100vw - 1rem));
200
+ min-inline-size: min(12rem, calc(100vw - 1rem));
191
201
  z-index: 200;
192
202
  }
193
203
  `
@@ -217,6 +227,7 @@ let MoniContextMenu = class MoniContextMenu extends MoniElement {
217
227
  >
218
228
  <moni-menu
219
229
  placement=${effectivePlacement}
230
+ no-wrap
220
231
  ?active=${this._open}
221
232
  >
222
233
  <slot></slot>
@@ -1 +1 @@
1
- {"version":3,"file":"moni-file-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-file-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC7C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAc;IAEzE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;;OAIG;IAEH,WAAW,SAAiB;IAE5B;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;;OAIG;IACsD,YAAY,SACtD;IAEc,OAAO,CAAC,UAAU,CAAoB;IAEnE;;;;;OAKG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAgB,MAAM,4BAepB;IAEF;;;;;;;;;;;;;;;OAeG;IACM,MAAM;CAoEf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"moni-file-field.d.ts","sourceRoot":"","sources":["../../src/components/moni-file-field.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBACa,aAAc,SAAQ,WAAW;IAC7C;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAc;IAEzE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpD;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;;OAIG;IAEH,WAAW,SAAiB;IAE5B;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;;OAIG;IACsD,YAAY,SACtD;IAEc,OAAO,CAAC,UAAU,CAAoB;IAEnE;;;;;OAKG;IACM,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAgB,MAAM,4BAepB;IAEF;;;;;;;;;;;;;;;OAeG;IACM,MAAM;CAuEf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD;AAED,eAAe,aAAa,CAAC"}
@@ -197,7 +197,10 @@ let MoniFileField = class MoniFileField extends MoniElement {
197
197
  * se muestra en su lugar el atributo `label` o un marcador de posición genérico.
198
198
  */
199
199
  render() {
200
- const isActive = Boolean(this.value);
200
+ // The picker action is meaningful visible content, not a placeholder.
201
+ // Keep the label lifted so it cannot collide with buttonLabel.
202
+ const displayValue = this.value || this.buttonLabel;
203
+ const isActive = Boolean(displayValue);
201
204
  const hasLeading = Boolean(this.icon);
202
205
  const hasTrailing = Boolean(this.trailingIcon);
203
206
  const fieldClasses = {
@@ -230,8 +233,8 @@ let MoniFileField = class MoniFileField extends MoniElement {
230
233
  type="text"
231
234
  part="display"
232
235
  readonly
233
- placeholder=${this.buttonLabel}
234
- .value=${this.value}
236
+ placeholder=""
237
+ .value=${displayValue}
235
238
  ?disabled=${this.disabled}
236
239
  name=${ifDefined(this.name ? `${this.name}-display` : undefined)}
237
240
  class=${isActive ? 'active' : ''}
@@ -1 +1 @@
1
- {"version":3,"file":"moni-loading-indicator.d.ts","sourceRoot":"","sources":["../../src/components/moni-loading-indicator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,oBAAqB,SAAQ,WAAW;IAEpD,OAAO,EAAE,aAAa,GAAG,WAAW,CAAiB;IAEhC,OAAO,CAAC,UAAU,CAAC,CAAc;IAEtD;;;;OAIG;IACM,iBAAiB;IAQ1B;;;;OAIG;IACM,oBAAoB;IAK7B;;;;OAIG;cACgB,YAAY;IAI/B;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAMxB,OAAgB,MAAM,4BAkIpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CASf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,wBAAwB,EAAE,oBAAoB,CAAC;KAC/C;CACD;AAED,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"moni-loading-indicator.d.ts","sourceRoot":"","sources":["../../src/components/moni-loading-indicator.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAG7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,oBAAqB,SAAQ,WAAW;IAEpD,OAAO,EAAE,aAAa,GAAG,WAAW,CAAiB;IAEhC,OAAO,CAAC,UAAU,CAAC,CAAc;IAEtD;;;;OAIG;IACM,iBAAiB;IAQ1B;;;;OAIG;IACM,oBAAoB;IAK7B;;;;OAIG;cACgB,YAAY;IAI/B;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAMxB,OAAgB,MAAM,4BAmJpB;IAEF;;;;;;;;;;;OAWG;IACM,MAAM;CAWf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,wBAAwB,EAAE,oBAAoB,CAAC;KAC/C;CACD;AAED,eAAe,oBAAoB,CAAC"}
@@ -99,7 +99,11 @@ let MoniLoadingIndicator = class MoniLoadingIndicator extends MoniElement {
99
99
  :host {
100
100
  display: inline-block;
101
101
  aspect-ratio: 1 / 1;
102
- contain: strict;
102
+ /* Paint containment clipped oversized morphs in the contained
103
+ * variant. Keep layout/style isolation while allowing the active
104
+ * indicator to animate beyond the container surface. */
105
+ contain: layout style;
106
+ overflow: visible;
103
107
  vertical-align: middle;
104
108
  }
105
109
 
@@ -131,6 +135,19 @@ let MoniLoadingIndicator = class MoniLoadingIndicator extends MoniElement {
131
135
  justify-content: center;
132
136
  border-radius: var(--moni-loading-indicator-container-shape, 9999px);
133
137
  box-sizing: border-box;
138
+ overflow: visible;
139
+ }
140
+
141
+ .active-indicator-wrapper {
142
+ overflow: visible;
143
+ }
144
+
145
+ .active-indicator-scale {
146
+ display: flex;
147
+ align-items: center;
148
+ justify-content: center;
149
+ overflow: visible;
150
+ transform-origin: center;
134
151
  }
135
152
 
136
153
  .active-indicator {
@@ -240,7 +257,9 @@ let MoniLoadingIndicator = class MoniLoadingIndicator extends MoniElement {
240
257
  return html `
241
258
  <div class="container animate" aria-hidden="true">
242
259
  <div class="active-indicator-wrapper">
243
- <div class="active-indicator"></div>
260
+ <div class="active-indicator-scale">
261
+ <div class="active-indicator"></div>
262
+ </div>
244
263
  </div>
245
264
  </div>
246
265
  `;
@@ -97,6 +97,8 @@ export declare class MoniMorphModal extends MoniElement {
97
97
  * @type {boolean}
98
98
  */
99
99
  blurContent: boolean;
100
+ /** Muestra en consola el origen, geometría y estrategia usada por cada morph. */
101
+ debug: boolean;
100
102
  private _panel;
101
103
  private _inner;
102
104
  private _backdrop;
@@ -110,6 +112,8 @@ export declare class MoniMorphModal extends MoniElement {
110
112
  private _handlingOpenChange;
111
113
  private _zIndex;
112
114
  private _morphEls;
115
+ private _targetSnapshot;
116
+ private _originFallbacks;
113
117
  private static _openStack;
114
118
  private _targetStylesCache;
115
119
  /**
@@ -164,6 +168,13 @@ export declare class MoniMorphModal extends MoniElement {
164
168
  */
165
169
  private _ensureSolidPanelBackground;
166
170
  hide(): void;
171
+ private _runTargetMorphTimeline;
172
+ private _finishHide;
173
+ private _captureOriginFallbacks;
174
+ private _getComposedParent;
175
+ private _resolveClosingTarget;
176
+ private _debugMorph;
177
+ private _isUsableClosingTarget;
167
178
  toggle(): void;
168
179
  private _handleDocKeydown;
169
180
  /**
@@ -189,13 +200,23 @@ export declare class MoniMorphModal extends MoniElement {
189
200
  private _createMorphText;
190
201
  private _createMorphIcon;
191
202
  private _positionElement;
203
+ private _toPanelCoordinateRect;
192
204
  private _getMoniButtonParts;
193
205
  private _resolveMorphSource;
194
206
  private _measureHeaderTextRect;
195
207
  private _measureHeaderIconRect;
196
208
  private _findSolidBackground;
197
209
  private _getTargetState;
210
+ private _resolveVisualTarget;
211
+ /**
212
+ * Crea una copia visual inerte del árbol compuesto del target. Los `<slot>`
213
+ * se sustituyen por sus nodos asignados, por lo que la captura incluye tanto
214
+ * contenido light DOM como superficies internas de Web Components.
215
+ */
216
+ private _createTargetSnapshot;
217
+ private _cloneComposedNode;
198
218
  private _isColorTransparent;
219
+ private _readTransformState;
199
220
  private _applyRect;
200
221
  private _computeFinalRect;
201
222
  private _parseSize;
@@ -1 +1 @@
1
- {"version":3,"file":"moni-morph-modal.d.ts","sourceRoot":"","sources":["../../src/components/moni-morph-modal.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"moni-morph-modal.d.ts","sourceRoot":"","sources":["../../src/components/moni-morph-modal.ts"],"names":[],"mappings":"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"}