@itguy614/clean-ui 0.3.1 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (486) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +116 -0
  3. package/dist/_virtual/_plugin-vue_export-helper.js +9 -0
  4. package/dist/clean-ui.css +1 -1
  5. package/dist/components/CuiAccordion.vue.d.ts +3 -7
  6. package/dist/components/CuiAccordion.vue.d.ts.map +1 -1
  7. package/dist/components/CuiAccordion.vue.js +7 -0
  8. package/dist/components/CuiAccordion.vue2.js +55 -0
  9. package/dist/components/CuiAccordionItem.vue.d.ts +2 -5
  10. package/dist/components/CuiAccordionItem.vue.d.ts.map +1 -1
  11. package/dist/components/CuiAccordionItem.vue.js +7 -0
  12. package/dist/components/CuiAccordionItem.vue2.js +91 -0
  13. package/dist/components/CuiAlert.vue.d.ts +6 -7
  14. package/dist/components/CuiAlert.vue.d.ts.map +1 -1
  15. package/dist/components/CuiAlert.vue.js +7 -0
  16. package/dist/components/CuiAlert.vue2.js +110 -0
  17. package/dist/components/CuiAvatar.vue.d.ts +4 -11
  18. package/dist/components/CuiAvatar.vue.d.ts.map +1 -1
  19. package/dist/components/CuiAvatar.vue.js +99 -0
  20. package/dist/components/CuiAvatar.vue3.js +5 -0
  21. package/dist/components/CuiAvatarGroup.vue.d.ts +2 -3
  22. package/dist/components/CuiAvatarGroup.vue.d.ts.map +1 -1
  23. package/dist/components/CuiAvatarGroup.vue.js +22 -0
  24. package/dist/components/CuiAvatarGroup.vue3.js +5 -0
  25. package/dist/components/CuiBackdrop.vue.d.ts +5 -6
  26. package/dist/components/CuiBackdrop.vue.d.ts.map +1 -1
  27. package/dist/components/CuiBackdrop.vue.js +7 -0
  28. package/dist/components/CuiBackdrop.vue2.js +49 -0
  29. package/dist/components/CuiBadge.vue.d.ts +7 -11
  30. package/dist/components/CuiBadge.vue.d.ts.map +1 -1
  31. package/dist/components/CuiBadge.vue.js +7 -0
  32. package/dist/components/CuiBadge.vue2.js +79 -0
  33. package/dist/components/CuiBanner.vue.d.ts +3 -7
  34. package/dist/components/CuiBanner.vue.d.ts.map +1 -1
  35. package/dist/components/CuiBanner.vue.js +81 -0
  36. package/dist/components/CuiBanner.vue2.js +4 -0
  37. package/dist/components/CuiBreadcrumb.vue.d.ts +2 -3
  38. package/dist/components/CuiBreadcrumb.vue.d.ts.map +1 -1
  39. package/dist/components/CuiBreadcrumb.vue.js +7 -0
  40. package/dist/components/CuiBreadcrumb.vue2.js +29 -0
  41. package/dist/components/CuiBreadcrumbItem.vue.d.ts +2 -3
  42. package/dist/components/CuiBreadcrumbItem.vue.d.ts.map +1 -1
  43. package/dist/components/CuiBreadcrumbItem.vue.js +7 -0
  44. package/dist/components/CuiBreadcrumbItem.vue2.js +46 -0
  45. package/dist/components/CuiButton.vue.d.ts +6 -16
  46. package/dist/components/CuiButton.vue.d.ts.map +1 -1
  47. package/dist/components/CuiButton.vue.js +7 -0
  48. package/dist/components/CuiButton.vue2.js +133 -0
  49. package/dist/components/CuiButtonGroup.vue.d.ts +2 -3
  50. package/dist/components/CuiButtonGroup.vue.d.ts.map +1 -1
  51. package/dist/components/CuiButtonGroup.vue.js +7 -0
  52. package/dist/components/CuiButtonGroup.vue2.js +21 -0
  53. package/dist/components/CuiCard.vue.d.ts +6 -4
  54. package/dist/components/CuiCard.vue.d.ts.map +1 -1
  55. package/dist/components/CuiCard.vue.js +35 -0
  56. package/dist/components/CuiCard.vue2.js +4 -0
  57. package/dist/components/CuiCardBody.vue.d.ts +2 -3
  58. package/dist/components/CuiCardBody.vue.d.ts.map +1 -1
  59. package/dist/components/CuiCardBody.vue.js +20 -0
  60. package/dist/components/CuiCardBody.vue2.js +4 -0
  61. package/dist/components/CuiCardFooter.vue.d.ts +2 -3
  62. package/dist/components/CuiCardFooter.vue.d.ts.map +1 -1
  63. package/dist/components/CuiCardFooter.vue.js +32 -0
  64. package/dist/components/CuiCardFooter.vue2.js +4 -0
  65. package/dist/components/CuiCardHeader.vue.d.ts +2 -3
  66. package/dist/components/CuiCardHeader.vue.d.ts.map +1 -1
  67. package/dist/components/CuiCardHeader.vue.js +51 -0
  68. package/dist/components/CuiCardHeader.vue2.js +4 -0
  69. package/dist/components/CuiCardMedia.vue.d.ts +2 -3
  70. package/dist/components/CuiCardMedia.vue.d.ts.map +1 -1
  71. package/dist/components/CuiCardMedia.vue.js +7 -0
  72. package/dist/components/CuiCardMedia.vue2.js +38 -0
  73. package/dist/components/CuiCheckbox.vue.d.ts +3 -7
  74. package/dist/components/CuiCheckbox.vue.d.ts.map +1 -1
  75. package/dist/components/CuiCheckbox.vue.js +7 -0
  76. package/dist/components/CuiCheckbox.vue2.js +105 -0
  77. package/dist/components/CuiCheckboxGroup.vue.d.ts +8 -15
  78. package/dist/components/CuiCheckboxGroup.vue.d.ts.map +1 -1
  79. package/dist/components/CuiCheckboxGroup.vue.js +7 -0
  80. package/dist/components/CuiCheckboxGroup.vue2.js +59 -0
  81. package/dist/components/CuiCodeBlock.vue.d.ts +3 -7
  82. package/dist/components/CuiCodeBlock.vue.d.ts.map +1 -1
  83. package/dist/components/CuiCodeBlock.vue.js +129 -0
  84. package/dist/components/CuiCodeBlock.vue2.js +4 -0
  85. package/dist/components/CuiColorPicker.vue.d.ts +10 -10
  86. package/dist/components/CuiColorPicker.vue.d.ts.map +1 -1
  87. package/dist/components/CuiColorPicker.vue.js +348 -0
  88. package/dist/components/CuiColorPicker.vue2.js +4 -0
  89. package/dist/components/CuiCombobox.vue.d.ts +15 -14
  90. package/dist/components/CuiCombobox.vue.d.ts.map +1 -1
  91. package/dist/components/CuiCombobox.vue.js +332 -0
  92. package/dist/components/CuiCombobox.vue2.js +4 -0
  93. package/dist/components/CuiConfigProvider.vue.d.ts +22 -0
  94. package/dist/components/CuiConfigProvider.vue.d.ts.map +1 -0
  95. package/dist/components/CuiConfigProvider.vue.js +18 -0
  96. package/dist/components/CuiConfigProvider.vue2.js +4 -0
  97. package/dist/components/CuiConfirmDialog.vue.d.ts +7 -11
  98. package/dist/components/CuiConfirmDialog.vue.d.ts.map +1 -1
  99. package/dist/components/CuiConfirmDialog.vue.js +208 -0
  100. package/dist/components/CuiConfirmDialog.vue2.js +4 -0
  101. package/dist/components/CuiContainer.vue.d.ts +2 -3
  102. package/dist/components/CuiContainer.vue.d.ts.map +1 -1
  103. package/dist/components/CuiContainer.vue.js +35 -0
  104. package/dist/components/CuiContainer.vue2.js +4 -0
  105. package/dist/components/CuiContextMenu.vue.d.ts +2 -5
  106. package/dist/components/CuiContextMenu.vue.d.ts.map +1 -1
  107. package/dist/components/CuiContextMenu.vue.js +7 -0
  108. package/dist/components/CuiContextMenu.vue2.js +136 -0
  109. package/dist/components/CuiCopyButton.vue.d.ts +4 -11
  110. package/dist/components/CuiCopyButton.vue.d.ts.map +1 -1
  111. package/dist/components/CuiCopyButton.vue.js +63 -0
  112. package/dist/components/CuiCopyButton.vue2.js +4 -0
  113. package/dist/components/CuiDataGrid.vue.d.ts +15 -4
  114. package/dist/components/CuiDataGrid.vue.d.ts.map +1 -1
  115. package/dist/components/CuiDataGrid.vue.js +176 -0
  116. package/dist/components/CuiDataGrid.vue3.js +5 -0
  117. package/dist/components/CuiDataGridActiveFilters.vue.js +47 -0
  118. package/dist/components/CuiDataGridActiveFilters.vue3.js +5 -0
  119. package/dist/components/CuiDataGridBulkBar.vue.d.ts.map +1 -1
  120. package/dist/components/CuiDataGridBulkBar.vue.js +70 -0
  121. package/dist/components/CuiDataGridBulkBar.vue3.js +5 -0
  122. package/dist/components/CuiDataGridCardView.vue.js +31 -0
  123. package/dist/components/CuiDataGridCardView.vue2.js +4 -0
  124. package/dist/components/CuiDataGridColumnManager.vue.js +86 -0
  125. package/dist/components/CuiDataGridColumnManager.vue2.js +4 -0
  126. package/dist/components/CuiDataGridFilterPanel.vue.d.ts.map +1 -1
  127. package/dist/components/CuiDataGridFilterPanel.vue.js +181 -0
  128. package/dist/components/CuiDataGridFilterPanel.vue3.js +5 -0
  129. package/dist/components/CuiDataGridPagination.vue.js +28 -0
  130. package/dist/components/CuiDataGridPagination.vue2.js +4 -0
  131. package/dist/components/CuiDataGridSearch.vue.d.ts.map +1 -1
  132. package/dist/components/CuiDataGridSearch.vue.js +69 -0
  133. package/dist/components/CuiDataGridSearch.vue2.js +4 -0
  134. package/dist/components/CuiDataGridTable.vue.d.ts +22 -0
  135. package/dist/components/CuiDataGridTable.vue.d.ts.map +1 -1
  136. package/dist/components/CuiDataGridTable.vue.js +336 -0
  137. package/dist/components/CuiDataGridTable.vue2.js +4 -0
  138. package/dist/components/CuiDataGridToolbar.vue.js +73 -0
  139. package/dist/components/CuiDataGridToolbar.vue3.js +5 -0
  140. package/dist/components/CuiDataGridViewManager.vue.js +209 -0
  141. package/dist/components/CuiDataGridViewManager.vue2.js +4 -0
  142. package/dist/components/CuiDataGridViewToggle.vue.js +43 -0
  143. package/dist/components/CuiDataGridViewToggle.vue3.js +5 -0
  144. package/dist/components/CuiDatePicker.vue.d.ts +10 -7
  145. package/dist/components/CuiDatePicker.vue.d.ts.map +1 -1
  146. package/dist/components/CuiDatePicker.vue.js +382 -0
  147. package/dist/components/CuiDatePicker.vue2.js +4 -0
  148. package/dist/components/CuiDateRangePicker.vue.d.ts +3 -6
  149. package/dist/components/CuiDateRangePicker.vue.d.ts.map +1 -1
  150. package/dist/components/CuiDateRangePicker.vue.js +376 -0
  151. package/dist/components/CuiDateRangePicker.vue2.js +4 -0
  152. package/dist/components/CuiDivider.vue.d.ts +4 -5
  153. package/dist/components/CuiDivider.vue.d.ts.map +1 -1
  154. package/dist/components/CuiDivider.vue.js +124 -0
  155. package/dist/components/CuiDivider.vue2.js +4 -0
  156. package/dist/components/CuiDropdown.vue.d.ts +2 -5
  157. package/dist/components/CuiDropdown.vue.d.ts.map +1 -1
  158. package/dist/components/CuiDropdown.vue.js +7 -0
  159. package/dist/components/CuiDropdown.vue2.js +110 -0
  160. package/dist/components/CuiDropdownCheckItem.vue.d.ts +2 -3
  161. package/dist/components/CuiDropdownCheckItem.vue.d.ts.map +1 -1
  162. package/dist/components/CuiDropdownCheckItem.vue.js +7 -0
  163. package/dist/components/CuiDropdownCheckItem.vue2.js +45 -0
  164. package/dist/components/CuiDropdownDivider.vue.js +14 -0
  165. package/dist/components/CuiDropdownHeader.vue.js +16 -0
  166. package/dist/components/CuiDropdownItem.vue.d.ts +2 -5
  167. package/dist/components/CuiDropdownItem.vue.d.ts.map +1 -1
  168. package/dist/components/CuiDropdownItem.vue.js +7 -0
  169. package/dist/components/CuiDropdownItem.vue2.js +55 -0
  170. package/dist/components/CuiDropdownMenu.vue.js +7 -0
  171. package/dist/components/CuiDropdownMenu.vue2.js +79 -0
  172. package/dist/components/CuiDropdownRadioGroup.vue.js +23 -0
  173. package/dist/components/CuiDropdownRadioGroup.vue2.js +4 -0
  174. package/dist/components/CuiDropdownRadioItem.vue.d.ts +2 -3
  175. package/dist/components/CuiDropdownRadioItem.vue.d.ts.map +1 -1
  176. package/dist/components/CuiDropdownRadioItem.vue.js +7 -0
  177. package/dist/components/CuiDropdownRadioItem.vue2.js +43 -0
  178. package/dist/components/CuiDropdownSub.vue.d.ts +2 -3
  179. package/dist/components/CuiDropdownSub.vue.d.ts.map +1 -1
  180. package/dist/components/CuiDropdownSub.vue.js +7 -0
  181. package/dist/components/CuiDropdownSub.vue2.js +91 -0
  182. package/dist/components/CuiDropdownTrigger.vue.js +7 -0
  183. package/dist/components/CuiDropdownTrigger.vue2.js +25 -0
  184. package/dist/components/CuiEmptyState.vue.d.ts +4 -11
  185. package/dist/components/CuiEmptyState.vue.d.ts.map +1 -1
  186. package/dist/components/CuiEmptyState.vue.js +7 -0
  187. package/dist/components/CuiEmptyState.vue2.js +70 -0
  188. package/dist/components/CuiFieldset.vue.d.ts +10 -5
  189. package/dist/components/CuiFieldset.vue.d.ts.map +1 -1
  190. package/dist/components/CuiFieldset.vue.js +7 -0
  191. package/dist/components/CuiFieldset.vue2.js +79 -0
  192. package/dist/components/CuiFileUpload.vue.d.ts +10 -10
  193. package/dist/components/CuiFileUpload.vue.d.ts.map +1 -1
  194. package/dist/components/CuiFileUpload.vue.js +254 -0
  195. package/dist/components/CuiFileUpload.vue2.js +4 -0
  196. package/dist/components/CuiFlex.vue.d.ts +7 -4
  197. package/dist/components/CuiFlex.vue.d.ts.map +1 -1
  198. package/dist/components/CuiFlex.vue.js +7 -0
  199. package/dist/components/CuiFlex.vue2.js +72 -0
  200. package/dist/components/CuiFlexItem.vue.d.ts +2 -3
  201. package/dist/components/CuiFlexItem.vue.d.ts.map +1 -1
  202. package/dist/components/CuiFlexItem.vue.js +35 -0
  203. package/dist/components/CuiFlexItem.vue2.js +4 -0
  204. package/dist/components/CuiForm.vue.d.ts +65 -0
  205. package/dist/components/CuiForm.vue.d.ts.map +1 -0
  206. package/dist/components/CuiForm.vue.js +116 -0
  207. package/dist/components/CuiForm.vue2.js +4 -0
  208. package/dist/components/CuiFormField.vue.d.ts +13 -12
  209. package/dist/components/CuiFormField.vue.d.ts.map +1 -1
  210. package/dist/components/CuiFormField.vue.js +7 -0
  211. package/dist/components/CuiFormField.vue2.js +73 -0
  212. package/dist/components/CuiGrid.vue.d.ts +2 -3
  213. package/dist/components/CuiGrid.vue.d.ts.map +1 -1
  214. package/dist/components/CuiGrid.vue.js +7 -0
  215. package/dist/components/CuiGrid.vue2.js +51 -0
  216. package/dist/components/CuiGridItem.vue.d.ts +2 -3
  217. package/dist/components/CuiGridItem.vue.d.ts.map +1 -1
  218. package/dist/components/CuiGridItem.vue.js +30 -0
  219. package/dist/components/CuiGridItem.vue2.js +4 -0
  220. package/dist/components/CuiIcon.vue.d.ts +8 -9
  221. package/dist/components/CuiIcon.vue.d.ts.map +1 -1
  222. package/dist/components/CuiIcon.vue.js +7 -0
  223. package/dist/components/CuiIcon.vue2.js +72 -0
  224. package/dist/components/CuiInput.vue.d.ts +9 -15
  225. package/dist/components/CuiInput.vue.d.ts.map +1 -1
  226. package/dist/components/CuiInput.vue.js +7 -0
  227. package/dist/components/CuiInput.vue2.js +148 -0
  228. package/dist/components/CuiInputStepper.vue.d.ts +11 -14
  229. package/dist/components/CuiInputStepper.vue.d.ts.map +1 -1
  230. package/dist/components/CuiInputStepper.vue.js +189 -0
  231. package/dist/components/CuiInputStepper.vue2.js +4 -0
  232. package/dist/components/CuiKbd.vue.d.ts +3 -7
  233. package/dist/components/CuiKbd.vue.d.ts.map +1 -1
  234. package/dist/components/CuiKbd.vue.js +44 -0
  235. package/dist/components/CuiKbd.vue2.js +4 -0
  236. package/dist/components/CuiMaskedInput.vue.d.ts +21 -27
  237. package/dist/components/CuiMaskedInput.vue.d.ts.map +1 -1
  238. package/dist/components/CuiMaskedInput.vue.js +256 -0
  239. package/dist/components/CuiMaskedInput.vue2.js +4 -0
  240. package/dist/components/CuiModal.vue.d.ts +11 -9
  241. package/dist/components/CuiModal.vue.d.ts.map +1 -1
  242. package/dist/components/CuiModal.vue.js +7 -0
  243. package/dist/components/CuiModal.vue2.js +98 -0
  244. package/dist/components/CuiModalBody.vue.d.ts +2 -3
  245. package/dist/components/CuiModalBody.vue.d.ts.map +1 -1
  246. package/dist/components/CuiModalBody.vue.js +50 -0
  247. package/dist/components/CuiModalBody.vue2.js +4 -0
  248. package/dist/components/CuiModalFooter.vue.d.ts +2 -3
  249. package/dist/components/CuiModalFooter.vue.d.ts.map +1 -1
  250. package/dist/components/CuiModalFooter.vue.js +36 -0
  251. package/dist/components/CuiModalFooter.vue2.js +4 -0
  252. package/dist/components/CuiModalHeader.vue.d.ts +2 -3
  253. package/dist/components/CuiModalHeader.vue.d.ts.map +1 -1
  254. package/dist/components/CuiModalHeader.vue.js +85 -0
  255. package/dist/components/CuiModalHeader.vue2.js +4 -0
  256. package/dist/components/CuiPagination.vue.d.ts +4 -11
  257. package/dist/components/CuiPagination.vue.d.ts.map +1 -1
  258. package/dist/components/CuiPagination.vue.js +7 -0
  259. package/dist/components/CuiPagination.vue2.js +136 -0
  260. package/dist/components/CuiPopover.vue.d.ts +5 -5
  261. package/dist/components/CuiPopover.vue.d.ts.map +1 -1
  262. package/dist/components/CuiPopover.vue.js +227 -0
  263. package/dist/components/CuiPopover.vue2.js +4 -0
  264. package/dist/components/CuiProgress.vue.d.ts +4 -11
  265. package/dist/components/CuiProgress.vue.d.ts.map +1 -1
  266. package/dist/components/CuiProgress.vue.js +7 -0
  267. package/dist/components/CuiProgress.vue2.js +132 -0
  268. package/dist/components/CuiRadio.vue.d.ts +3 -9
  269. package/dist/components/CuiRadio.vue.d.ts.map +1 -1
  270. package/dist/components/CuiRadio.vue.js +7 -0
  271. package/dist/components/CuiRadio.vue2.js +139 -0
  272. package/dist/components/CuiRadioGroup.vue.d.ts +9 -18
  273. package/dist/components/CuiRadioGroup.vue.d.ts.map +1 -1
  274. package/dist/components/CuiRadioGroup.vue.js +7 -0
  275. package/dist/components/CuiRadioGroup.vue2.js +78 -0
  276. package/dist/components/CuiRating.vue.d.ts +12 -15
  277. package/dist/components/CuiRating.vue.d.ts.map +1 -1
  278. package/dist/components/CuiRating.vue.js +129 -0
  279. package/dist/components/CuiRating.vue2.js +4 -0
  280. package/dist/components/CuiResizablePanels.vue.d.ts +5 -7
  281. package/dist/components/CuiResizablePanels.vue.d.ts.map +1 -1
  282. package/dist/components/CuiResizablePanels.vue.js +147 -0
  283. package/dist/components/CuiResizablePanels.vue2.js +4 -0
  284. package/dist/components/CuiSelect.vue.d.ts +9 -15
  285. package/dist/components/CuiSelect.vue.d.ts.map +1 -1
  286. package/dist/components/CuiSelect.vue.js +7 -0
  287. package/dist/components/CuiSelect.vue2.js +359 -0
  288. package/dist/components/CuiSkeleton.vue.d.ts +5 -6
  289. package/dist/components/CuiSkeleton.vue.d.ts.map +1 -1
  290. package/dist/components/CuiSkeleton.vue.js +7 -0
  291. package/dist/components/CuiSkeleton.vue2.js +80 -0
  292. package/dist/components/CuiSlideover.vue.d.ts +8 -9
  293. package/dist/components/CuiSlideover.vue.d.ts.map +1 -1
  294. package/dist/components/CuiSlideover.vue.js +109 -0
  295. package/dist/components/CuiSlideover.vue2.js +4 -0
  296. package/dist/components/CuiSlider.vue.d.ts +11 -14
  297. package/dist/components/CuiSlider.vue.d.ts.map +1 -1
  298. package/dist/components/CuiSlider.vue.js +156 -0
  299. package/dist/components/CuiSlider.vue2.js +4 -0
  300. package/dist/components/CuiSpacer.vue.d.ts +5 -6
  301. package/dist/components/CuiSpacer.vue.d.ts.map +1 -1
  302. package/dist/components/CuiSpacer.vue.js +32 -0
  303. package/dist/components/CuiSpacer.vue2.js +4 -0
  304. package/dist/components/CuiSpinner.vue.d.ts +5 -12
  305. package/dist/components/CuiSpinner.vue.d.ts.map +1 -1
  306. package/dist/components/CuiSpinner.vue.js +99 -0
  307. package/dist/components/CuiSpinner.vue3.js +5 -0
  308. package/dist/components/CuiStack.vue.d.ts +5 -6
  309. package/dist/components/CuiStack.vue.d.ts.map +1 -1
  310. package/dist/components/CuiStack.vue.js +30 -0
  311. package/dist/components/CuiStack.vue2.js +4 -0
  312. package/dist/components/CuiStepper.vue.d.ts +3 -7
  313. package/dist/components/CuiStepper.vue.d.ts.map +1 -1
  314. package/dist/components/CuiStepper.vue.js +153 -0
  315. package/dist/components/CuiStepper.vue2.js +4 -0
  316. package/dist/components/CuiTab.vue.d.ts +2 -5
  317. package/dist/components/CuiTab.vue.d.ts.map +1 -1
  318. package/dist/components/CuiTab.vue.js +7 -0
  319. package/dist/components/CuiTab.vue2.js +73 -0
  320. package/dist/components/CuiTable.vue.d.ts +12 -8
  321. package/dist/components/CuiTable.vue.d.ts.map +1 -1
  322. package/dist/components/CuiTable.vue.js +90 -0
  323. package/dist/components/CuiTable.vue3.js +5 -0
  324. package/dist/components/CuiTableBody.vue.d.ts +2 -3
  325. package/dist/components/CuiTableBody.vue.d.ts.map +1 -1
  326. package/dist/components/CuiTableBody.vue.js +18 -0
  327. package/dist/components/CuiTableBody.vue2.js +4 -0
  328. package/dist/components/CuiTableCell.vue.d.ts +2 -3
  329. package/dist/components/CuiTableCell.vue.d.ts.map +1 -1
  330. package/dist/components/CuiTableCell.vue.js +36 -0
  331. package/dist/components/CuiTableCell.vue2.js +4 -0
  332. package/dist/components/CuiTableFoot.vue.d.ts +2 -3
  333. package/dist/components/CuiTableFoot.vue.d.ts.map +1 -1
  334. package/dist/components/CuiTableFoot.vue.js +18 -0
  335. package/dist/components/CuiTableFoot.vue2.js +4 -0
  336. package/dist/components/CuiTableHead.vue.d.ts +2 -3
  337. package/dist/components/CuiTableHead.vue.d.ts.map +1 -1
  338. package/dist/components/CuiTableHead.vue.js +18 -0
  339. package/dist/components/CuiTableHead.vue2.js +4 -0
  340. package/dist/components/CuiTableRow.vue.d.ts +5 -4
  341. package/dist/components/CuiTableRow.vue.d.ts.map +1 -1
  342. package/dist/components/CuiTableRow.vue.js +23 -0
  343. package/dist/components/CuiTableRow.vue2.js +4 -0
  344. package/dist/components/CuiTabs.vue.d.ts +3 -7
  345. package/dist/components/CuiTabs.vue.d.ts.map +1 -1
  346. package/dist/components/CuiTabs.vue.js +7 -0
  347. package/dist/components/CuiTabs.vue2.js +124 -0
  348. package/dist/components/CuiTagInput.vue.d.ts +16 -13
  349. package/dist/components/CuiTagInput.vue.d.ts.map +1 -1
  350. package/dist/components/CuiTagInput.vue.js +296 -0
  351. package/dist/components/CuiTagInput.vue2.js +4 -0
  352. package/dist/components/CuiTextarea.vue.d.ts +9 -15
  353. package/dist/components/CuiTextarea.vue.d.ts.map +1 -1
  354. package/dist/components/CuiTextarea.vue.js +7 -0
  355. package/dist/components/CuiTextarea.vue2.js +112 -0
  356. package/dist/components/CuiTimePicker.vue.d.ts +10 -7
  357. package/dist/components/CuiTimePicker.vue.d.ts.map +1 -1
  358. package/dist/components/CuiTimePicker.vue.js +193 -0
  359. package/dist/components/CuiTimePicker.vue2.js +4 -0
  360. package/dist/components/CuiTimeline.vue.d.ts +2 -3
  361. package/dist/components/CuiTimeline.vue.d.ts.map +1 -1
  362. package/dist/components/CuiTimeline.vue.js +25 -0
  363. package/dist/components/CuiTimeline.vue2.js +4 -0
  364. package/dist/components/CuiTimelineItem.vue.d.ts +3 -7
  365. package/dist/components/CuiTimelineItem.vue.d.ts.map +1 -1
  366. package/dist/components/CuiTimelineItem.vue.js +113 -0
  367. package/dist/components/CuiTimelineItem.vue2.js +4 -0
  368. package/dist/components/CuiToast.vue.d.ts +4 -8
  369. package/dist/components/CuiToast.vue.d.ts.map +1 -1
  370. package/dist/components/CuiToast.vue.js +7 -0
  371. package/dist/components/CuiToast.vue2.js +129 -0
  372. package/dist/components/CuiToastProvider.vue.d.ts.map +1 -1
  373. package/dist/components/CuiToastProvider.vue.js +7 -0
  374. package/dist/components/CuiToastProvider.vue2.js +87 -0
  375. package/dist/components/CuiToggle.vue.d.ts +4 -13
  376. package/dist/components/CuiToggle.vue.d.ts.map +1 -1
  377. package/dist/components/CuiToggle.vue.js +7 -0
  378. package/dist/components/CuiToggle.vue2.js +116 -0
  379. package/dist/components/CuiToggleGroup.vue.d.ts +8 -15
  380. package/dist/components/CuiToggleGroup.vue.d.ts.map +1 -1
  381. package/dist/components/CuiToggleGroup.vue.js +7 -0
  382. package/dist/components/CuiToggleGroup.vue2.js +59 -0
  383. package/dist/components/CuiTooltip.vue.d.ts +2 -8
  384. package/dist/components/CuiTooltip.vue.d.ts.map +1 -1
  385. package/dist/components/CuiTooltip.vue.js +7 -0
  386. package/dist/components/CuiTooltip.vue2.js +128 -0
  387. package/dist/components/CuiTransferList.vue.d.ts +4 -7
  388. package/dist/components/CuiTransferList.vue.d.ts.map +1 -1
  389. package/dist/components/CuiTransferList.vue.js +442 -0
  390. package/dist/components/CuiTransferList.vue2.js +4 -0
  391. package/dist/components/CuiTreeNode.vue.d.ts +2 -1
  392. package/dist/components/CuiTreeNode.vue.d.ts.map +1 -1
  393. package/dist/components/CuiTreeNode.vue.js +180 -0
  394. package/dist/components/CuiTreeNode.vue2.js +4 -0
  395. package/dist/components/CuiTreeView.vue.d.ts +3 -4
  396. package/dist/components/CuiTreeView.vue.d.ts.map +1 -1
  397. package/dist/components/CuiTreeView.vue.js +73 -0
  398. package/dist/components/CuiTreeView.vue2.js +4 -0
  399. package/dist/components/accordion-context.d.ts +2 -2
  400. package/dist/components/accordion-context.d.ts.map +1 -1
  401. package/dist/components/accordion-context.js +4 -0
  402. package/dist/components/breadcrumb-context.js +4 -0
  403. package/dist/components/checkbox-context.d.ts +2 -2
  404. package/dist/components/checkbox-context.d.ts.map +1 -1
  405. package/dist/components/config-context.d.ts +5 -0
  406. package/dist/components/config-context.d.ts.map +1 -0
  407. package/dist/components/config-context.js +4 -0
  408. package/dist/components/data-grid-context.js +4 -0
  409. package/dist/components/dropdown-context.js +30 -0
  410. package/dist/components/form-context.d.ts +40 -0
  411. package/dist/components/form-context.d.ts.map +1 -0
  412. package/dist/components/form-context.js +4 -0
  413. package/dist/components/multi-select-group-context.d.ts +2 -2
  414. package/dist/components/multi-select-group-context.d.ts.map +1 -1
  415. package/dist/components/multi-select-group-context.js +5 -0
  416. package/dist/components/radio-context.d.ts +4 -4
  417. package/dist/components/radio-context.d.ts.map +1 -1
  418. package/dist/components/radio-context.js +4 -0
  419. package/dist/components/table-context.js +5 -0
  420. package/dist/components/tabs-context.d.ts +2 -2
  421. package/dist/components/tabs-context.d.ts.map +1 -1
  422. package/dist/components/tabs-context.js +4 -0
  423. package/dist/components/toast-context.d.ts +8 -2
  424. package/dist/components/toast-context.d.ts.map +1 -1
  425. package/dist/components/toast-context.js +45 -0
  426. package/dist/components/toggle-context.d.ts +2 -2
  427. package/dist/components/toggle-context.d.ts.map +1 -1
  428. package/dist/composables/useBreakpoint.d.ts.map +1 -1
  429. package/dist/composables/useBreakpoint.js +34 -0
  430. package/dist/composables/useClickOutside.js +14 -0
  431. package/dist/composables/useCopyToClipboard.js +25 -0
  432. package/dist/composables/useDataGrid.js +269 -0
  433. package/dist/composables/useDataGridInertia.js +35 -0
  434. package/dist/composables/useDataGridViews.js +67 -0
  435. package/dist/composables/useDensity.d.ts +23 -0
  436. package/dist/composables/useDensity.d.ts.map +1 -0
  437. package/dist/composables/useDensity.js +42 -0
  438. package/dist/composables/useLayoutContext.js +21 -0
  439. package/dist/composables/useMessages.d.ts +11 -0
  440. package/dist/composables/useMessages.d.ts.map +1 -0
  441. package/dist/composables/useMessages.js +10 -0
  442. package/dist/composables/useOverlay.js +57 -0
  443. package/dist/composables/usePopover.js +53 -0
  444. package/dist/composables/useScrollShadows.d.ts +4 -7
  445. package/dist/composables/useScrollShadows.d.ts.map +1 -1
  446. package/dist/composables/useScrollShadows.js +56 -0
  447. package/dist/composables/useTheme.d.ts.map +1 -1
  448. package/dist/composables/useTheme.js +57 -0
  449. package/dist/composables/useToast.js +23 -0
  450. package/dist/composables/useVirtualScroll.d.ts +45 -0
  451. package/dist/composables/useVirtualScroll.d.ts.map +1 -0
  452. package/dist/composables/useVirtualScroll.js +69 -0
  453. package/dist/index.d.ts +39 -24
  454. package/dist/index.d.ts.map +1 -1
  455. package/dist/index.js +290 -0
  456. package/dist/messages.d.ts +80 -0
  457. package/dist/messages.d.ts.map +1 -0
  458. package/dist/messages.js +57 -0
  459. package/dist/ssr-theme-init.d.ts +29 -0
  460. package/dist/ssr-theme-init.d.ts.map +1 -0
  461. package/dist/ssr-theme-init.js +13 -0
  462. package/dist/test-setup.d.ts +2 -0
  463. package/dist/test-setup.d.ts.map +1 -0
  464. package/dist/types/common.d.ts +71 -0
  465. package/dist/types/common.d.ts.map +1 -0
  466. package/dist/types/grid.d.ts +2 -0
  467. package/dist/types/grid.d.ts.map +1 -1
  468. package/dist/utils/color.d.ts +12 -0
  469. package/dist/utils/color.d.ts.map +1 -1
  470. package/dist/utils/color.js +195 -0
  471. package/dist/utils/colorIconMap.js +11 -0
  472. package/dist/utils/date.js +114 -0
  473. package/dist/utils/liveRegion.d.ts +20 -0
  474. package/dist/utils/liveRegion.d.ts.map +1 -0
  475. package/dist/utils/liveRegion.js +12 -0
  476. package/dist/utils/resolvers.d.ts +48 -0
  477. package/dist/utils/resolvers.d.ts.map +1 -0
  478. package/dist/utils/resolvers.js +28 -0
  479. package/dist/utils/responsive.d.ts.map +1 -1
  480. package/dist/utils/responsive.js +68 -0
  481. package/dist/utils/sizing.d.ts +21 -0
  482. package/dist/utils/sizing.d.ts.map +1 -1
  483. package/dist/utils/sizing.js +39 -0
  484. package/package.json +34 -10
  485. package/dist/clean-ui.js +0 -11263
  486. package/dist/clean-ui.umd.cjs +0 -2
@@ -1 +1 @@
1
- {"version":3,"file":"CuiAccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAccordionItem.vue"],"names":[],"mappings":"AAoOA,MAAM,WAAW,qBAAqB;IACpC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA6KD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B/C,QAAA,MAAM,eAAe;YA9MV,OAAO;cAFL,OAAO;iBAFJ,OAAO;6EAyNrB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CuiAccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAccordionItem.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,gBAAgB;IAC5E,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA6KD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B/C,QAAA,MAAM,eAAe;;;iBA9ML,OAAO;6EAqNrB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,7 @@
1
+ import o from "./CuiAccordionItem.vue2.js";
2
+ /* empty css */
3
+ import t from "../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9bf014cf"]]);
5
+ export {
6
+ m as default
7
+ };
@@ -0,0 +1,91 @@
1
+ import { defineComponent as y, inject as _, computed as p, ref as b, onMounted as x, nextTick as H, watch as k, withDirectives as C, openBlock as E, createElementBlock as O, normalizeClass as d, createElementVNode as c, renderSlot as g, createTextVNode as $, toDisplayString as w, createVNode as B, vShow as A } from "vue";
2
+ import I from "./CuiIcon.vue.js";
3
+ import { AccordionContextKey as z } from "./accordion-context.js";
4
+ const D = ["aria-expanded", "aria-disabled", "tabindex"], N = { class: "cui-accordion-item__header" }, S = { class: "cui-accordion-item__content" }, R = /* @__PURE__ */ y({
5
+ __name: "CuiAccordionItem",
6
+ props: {
7
+ value: {},
8
+ label: {},
9
+ defaultOpen: { type: Boolean, default: !1 },
10
+ hidden: { type: Boolean, default: !1 },
11
+ disabled: { type: Boolean, default: !1 }
12
+ },
13
+ setup(a) {
14
+ const n = a, e = _(z), l = p(() => (e == null ? void 0 : e.isOpen(n.value)) ?? !1), s = p(() => (e == null ? void 0 : e.noAnimation.value) ?? !1), o = b();
15
+ let r = !1;
16
+ x(() => {
17
+ n.defaultOpen && e && !e.isOpen(n.value) && e.toggle(n.value), H(() => {
18
+ e != null && e.isOpen(n.value) && o.value && (o.value.style.maxHeight = "none"), r = !0;
19
+ });
20
+ }), k(l, (t) => {
21
+ if (!r) return;
22
+ if (s.value) {
23
+ o.value && (o.value.style.maxHeight = t ? "none" : "0px");
24
+ return;
25
+ }
26
+ const i = o.value;
27
+ if (i)
28
+ if (t) {
29
+ i.style.maxHeight = "0px", i.offsetHeight, i.style.maxHeight = `${i.scrollHeight}px`;
30
+ const v = () => {
31
+ i.style.maxHeight = "none", i.removeEventListener("transitionend", v);
32
+ };
33
+ i.addEventListener("transitionend", v);
34
+ } else
35
+ i.style.maxHeight = `${i.scrollHeight}px`, i.offsetHeight, i.style.maxHeight = "0px";
36
+ }, { flush: "post" });
37
+ function u() {
38
+ n.disabled || e == null || e.toggle(n.value);
39
+ }
40
+ function h(t) {
41
+ (t.key === "Enter" || t.key === " ") && (t.preventDefault(), u());
42
+ }
43
+ const f = `cui-accordion-panel-${n.value}`, m = `cui-accordion-trigger-${n.value}`;
44
+ return (t, i) => C((E(), O("div", {
45
+ class: d(["cui-accordion-item", { "cui-accordion-item--open": l.value, "cui-accordion-item--disabled": a.disabled }])
46
+ }, [
47
+ c("button", {
48
+ id: m,
49
+ type: "button",
50
+ class: "cui-accordion-item__trigger",
51
+ "aria-expanded": l.value,
52
+ "aria-controls": f,
53
+ "aria-disabled": a.disabled || void 0,
54
+ tabindex: a.disabled ? -1 : 0,
55
+ onClick: u,
56
+ onKeydown: h
57
+ }, [
58
+ c("span", N, [
59
+ g(t.$slots, "header", {}, () => [
60
+ $(w(a.label), 1)
61
+ ], !0)
62
+ ]),
63
+ B(I, {
64
+ name: "caret-down",
65
+ size: "1rem",
66
+ class: d(["cui-accordion-item__chevron", { "cui-accordion-item__chevron--open": l.value }])
67
+ }, null, 8, ["class"])
68
+ ], 40, D),
69
+ c("div", {
70
+ id: f,
71
+ ref_key: "contentRef",
72
+ ref: o,
73
+ class: d(["cui-accordion-item__panel", {
74
+ "cui-accordion-item__panel--open": l.value,
75
+ "cui-accordion-item__panel--no-animation": s.value
76
+ }]),
77
+ role: "region",
78
+ "aria-labelledby": m
79
+ }, [
80
+ c("div", S, [
81
+ g(t.$slots, "default", {}, void 0, !0)
82
+ ])
83
+ ], 2)
84
+ ], 2)), [
85
+ [A, !a.hidden]
86
+ ]);
87
+ }
88
+ });
89
+ export {
90
+ R as default
91
+ };
@@ -1,10 +1,8 @@
1
- import type { ButtonColor } from "./CuiButton.vue";
1
+ import type { HideableProps, ColorableProps, CuiRounded, LiveRegionProps } from "../types/common";
2
2
  export type AlertVariant = "solid" | "subtle" | "outline";
3
3
  export type AlertEntrance = "fade" | "slide-down" | "slide-left" | "none";
4
4
  export type AlertAnimation = "pulse" | "glow" | "shake" | "none";
5
- export interface CuiAlertProps {
6
- /** Color role */
7
- color?: ButtonColor;
5
+ export interface CuiAlertProps extends HideableProps, ColorableProps, LiveRegionProps {
8
6
  /** Visual variant */
9
7
  variant?: AlertVariant;
10
8
  /** Title text */
@@ -19,8 +17,8 @@ export interface CuiAlertProps {
19
17
  entrance?: AlertEntrance;
20
18
  /** Persistent animation while visible */
21
19
  animation?: AlertAnimation;
22
- /** Hide the component */
23
- hidden?: boolean;
20
+ /** Border radius */
21
+ rounded?: CuiRounded;
24
22
  }
25
23
  declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
26
24
  type __VLS_Slots = {} & {
@@ -35,9 +33,10 @@ declare const __VLS_component: import("vue").DefineComponent<CuiAlertProps, {},
35
33
  }, string, import("vue").PublicProps, Readonly<CuiAlertProps> & Readonly<{
36
34
  onDismiss?: (() => any) | undefined;
37
35
  }>, {
38
- color: ButtonColor;
39
36
  hidden: boolean;
37
+ color: import("..").CuiColor;
40
38
  variant: AlertVariant;
39
+ rounded: CuiRounded;
41
40
  animation: AlertAnimation;
42
41
  noIcon: boolean;
43
42
  dismissible: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"CuiAlert.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAlert.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,yCAAyC;IACzC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+MD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B/C,QAAA,MAAM,eAAe;;;;;WA/PX,WAAW;YAgBV,OAAO;aAdN,YAAY;eAYV,cAAc;YARjB,OAAO;iBAEF,OAAO;cAIV,aAAa;6EA2PxB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CuiAlert.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAlert.vue"],"names":[],"mappings":"AA0SA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAclG,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,eAAe;IACnF,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,yCAAyC;IACzC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAqND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B/C,QAAA,MAAM,eAAe;;;;;;;aArQT,YAAY;aAcZ,UAAU;eAFR,cAAc;YARjB,OAAO;iBAEF,OAAO;cAIV,aAAa;6EAmQxB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,7 @@
1
+ import o from "./CuiAlert.vue2.js";
2
+ /* empty css */
3
+ import t from "../_virtual/_plugin-vue_export-helper.js";
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-25dbe778"]]);
5
+ export {
6
+ p as default
7
+ };
@@ -0,0 +1,110 @@
1
+ import { defineComponent as C, ref as f, onMounted as D, onUnmounted as B, computed as u, withDirectives as I, openBlock as s, createElementBlock as a, mergeProps as N, renderSlot as d, createVNode as b, createCommentVNode as r, createElementVNode as A, toDisplayString as M, unref as S, vShow as O } from "vue";
2
+ import $ from "./CuiIcon.vue.js";
3
+ import { COLOR_ICON_MAP as R } from "../utils/colorIconMap.js";
4
+ import { resolveLiveRegion as T } from "../utils/liveRegion.js";
5
+ import { useMessages as V } from "../composables/useMessages.js";
6
+ const w = {
7
+ key: 0,
8
+ class: "cui-alert__icon"
9
+ }, z = { class: "cui-alert__body" }, E = {
10
+ key: 0,
11
+ class: "cui-alert__title"
12
+ }, L = {
13
+ key: 1,
14
+ class: "cui-alert__description"
15
+ }, P = {
16
+ key: 2,
17
+ class: "cui-alert__actions"
18
+ }, q = ["aria-label"], J = /* @__PURE__ */ C({
19
+ __name: "CuiAlert",
20
+ props: {
21
+ variant: { default: "subtle" },
22
+ title: {},
23
+ noIcon: { type: Boolean, default: !1 },
24
+ dismissible: { type: Boolean, default: !1 },
25
+ autoDismiss: {},
26
+ entrance: { default: "fade" },
27
+ animation: { default: "none" },
28
+ rounded: { default: "md" },
29
+ hidden: { type: Boolean, default: !1 },
30
+ color: { default: "info" },
31
+ live: {}
32
+ },
33
+ emits: ["dismiss"],
34
+ setup(o, { emit: _ }) {
35
+ const y = {
36
+ none: "0",
37
+ sm: "0.25rem",
38
+ md: "var(--cui-button-radius, 0.375rem)",
39
+ lg: "0.5rem",
40
+ full: "9999px"
41
+ }, i = o, g = _, m = f(!0), l = f(!1);
42
+ let n = null;
43
+ D(() => {
44
+ requestAnimationFrame(() => {
45
+ l.value = !0;
46
+ }), i.autoDismiss && i.autoDismiss > 0 && (n = setTimeout(() => {
47
+ v();
48
+ }, i.autoDismiss));
49
+ }), B(() => {
50
+ n && clearTimeout(n);
51
+ });
52
+ function v() {
53
+ l.value = !1, setTimeout(() => {
54
+ m.value = !1, g("dismiss");
55
+ }, 300);
56
+ }
57
+ const k = u(() => {
58
+ const e = i.color, c = i.variant, t = {
59
+ borderRadius: y[i.rounded],
60
+ "--_alert-color": `var(--cui-${e})`,
61
+ "--_alert-focus-ring": `var(--cui-${e}-focus-ring)`
62
+ };
63
+ return c === "solid" ? (t.background = `var(--cui-${e}-solid, var(--cui-${e}))`, t.color = `var(--cui-${e}-text)`, t.border = "1px solid transparent", t["--_alert-icon-color"] = `var(--cui-${e}-text)`, t["--_alert-dismiss-color"] = `var(--cui-${e}-text)`) : c === "outline" ? (t.background = "transparent", t.color = `var(--cui-${e})`, t.border = `1px solid var(--cui-${e}-border)`, t["--_alert-icon-color"] = `var(--cui-${e})`, t["--_alert-dismiss-color"] = `var(--cui-${e})`) : (t.background = `var(--cui-${e}-bg)`, t.color = "var(--cui-text-body)", t.border = `1px solid var(--cui-${e}-border)`, t["--_alert-icon-color"] = `var(--cui-${e})`, t["--_alert-dismiss-color"] = "var(--cui-text-secondary)"), t;
64
+ }), p = u(() => R[i.color] ?? "info"), h = u(() => T(i.color, i.live)), x = V();
65
+ return (e, c) => m.value ? I((s(), a("div", N({
66
+ key: 0,
67
+ class: ["cui-alert", [
68
+ `cui-alert--entrance-${o.entrance}`,
69
+ { "cui-alert--mounted": l.value },
70
+ o.animation !== "none" ? `cui-alert--${o.animation}` : ""
71
+ ]],
72
+ style: k.value
73
+ }, h.value), [
74
+ o.noIcon ? r("", !0) : (s(), a("div", w, [
75
+ d(e.$slots, "icon", {}, () => [
76
+ b($, {
77
+ name: p.value,
78
+ size: "1.25rem"
79
+ }, null, 8, ["name"])
80
+ ], !0)
81
+ ])),
82
+ A("div", z, [
83
+ o.title ? (s(), a("div", E, M(o.title), 1)) : r("", !0),
84
+ e.$slots.default ? (s(), a("div", L, [
85
+ d(e.$slots, "default", {}, void 0, !0)
86
+ ])) : r("", !0),
87
+ e.$slots.actions ? (s(), a("div", P, [
88
+ d(e.$slots, "actions", {}, void 0, !0)
89
+ ])) : r("", !0)
90
+ ]),
91
+ o.dismissible ? (s(), a("button", {
92
+ key: 1,
93
+ type: "button",
94
+ class: "cui-alert__dismiss",
95
+ "aria-label": S(x).dismiss,
96
+ onClick: v
97
+ }, [
98
+ b($, {
99
+ name: "x",
100
+ size: "0.875rem"
101
+ })
102
+ ], 8, q)) : r("", !0)
103
+ ], 16)), [
104
+ [O, !o.hidden]
105
+ ]) : r("", !0);
106
+ }
107
+ });
108
+ export {
109
+ J as default
110
+ };
@@ -1,9 +1,8 @@
1
- import type { ButtonColor } from "./CuiButton.vue";
2
- export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
1
+ import type { CuiColor, CuiSize, HideableProps, ColorableProps, SizeableProps } from "../types/common";
3
2
  export type AvatarShape = "circle" | "rounded";
4
3
  export type AvatarStatus = "online" | "offline" | "away" | "busy";
5
4
  export type AvatarStatusAnimation = "pulse" | "ping" | "none";
6
- export interface CuiAvatarProps {
5
+ export interface CuiAvatarProps extends HideableProps, ColorableProps, SizeableProps {
7
6
  /** Image URL */
8
7
  src?: string;
9
8
  /** Alt text for image */
@@ -14,23 +13,17 @@ export interface CuiAvatarProps {
14
13
  initials?: string;
15
14
  /** Fallback icon name when no image or initials */
16
15
  icon?: string;
17
- /** Size */
18
- size?: AvatarSize;
19
16
  /** Shape */
20
17
  shape?: AvatarShape;
21
- /** Color role for initials/icon background */
22
- color?: ButtonColor;
23
18
  /** Animate the status indicator */
24
19
  statusAnimation?: AvatarStatusAnimation;
25
20
  /** Status indicator dot */
26
21
  status?: AvatarStatus;
27
- /** Hide the component */
28
- hidden?: boolean;
29
22
  }
30
23
  declare const _default: import("vue").DefineComponent<CuiAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiAvatarProps> & Readonly<{}>, {
31
- size: AvatarSize;
32
- color: ButtonColor;
33
24
  hidden: boolean;
25
+ size: CuiSize;
26
+ color: CuiColor;
34
27
  shape: AvatarShape;
35
28
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
36
29
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"CuiAvatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatar.vue"],"names":[],"mappings":"AAsLA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY;IACZ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;UAXQ,UAAU;WAIT,WAAW;YAMV,OAAO;WARR,WAAW;;AA2LrB,wBAOG"}
1
+ {"version":3,"file":"CuiAvatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatar.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIvG,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IAClF,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;;;;;WALS,WAAW;;AAuLrB,wBAOG"}
@@ -0,0 +1,99 @@
1
+ import { defineComponent as y, ref as x, computed as i, withDirectives as D, openBlock as o, createElementBlock as n, normalizeStyle as u, toDisplayString as k, createBlock as w, createCommentVNode as p, vShow as O } from "vue";
2
+ import z from "./CuiIcon.vue.js";
3
+ import { scaleDensity as t } from "../utils/sizing.js";
4
+ const C = ["src", "alt"], S = {
5
+ key: 1,
6
+ class: "cui-avatar__initials"
7
+ }, I = /* @__PURE__ */ y({
8
+ __name: "CuiAvatar",
9
+ props: {
10
+ src: {},
11
+ alt: {},
12
+ name: {},
13
+ initials: {},
14
+ icon: {},
15
+ shape: { default: "circle" },
16
+ statusAnimation: {},
17
+ status: {},
18
+ hidden: { type: Boolean, default: !1 },
19
+ color: { default: "primary" },
20
+ size: { default: "md" }
21
+ },
22
+ setup(s) {
23
+ const e = s, c = x(!1), l = i(() => e.src && !c.value), m = i(() => e.initials ? e.initials : e.name ? e.name.split(" ").filter(Boolean).slice(0, 2).map((r) => r[0].toUpperCase()).join("") : ""), b = {
24
+ xs: { box: t("1.5rem"), font: "0.5rem", icon: t("0.75rem"), statusDot: t("0.5rem"), statusOffset: t("-2px") },
25
+ sm: { box: t("2rem"), font: "0.625rem", icon: t("0.875rem"), statusDot: t("0.625rem"), statusOffset: t("-2px") },
26
+ md: { box: t("2.5rem"), font: "0.75rem", icon: t("1rem"), statusDot: t("0.625rem"), statusOffset: t("-1px") },
27
+ lg: { box: t("3.5rem"), font: "1rem", icon: t("1.25rem"), statusDot: t("0.75rem"), statusOffset: t("0px") },
28
+ xl: { box: t("5rem"), font: "1.375rem", icon: t("1.75rem"), statusDot: t("1rem"), statusOffset: t("2px") }
29
+ }, a = i(() => b[e.size]), g = i(() => ({
30
+ width: a.value.box,
31
+ height: a.value.box,
32
+ borderRadius: e.shape === "circle" ? "50%" : "20%",
33
+ fontSize: a.value.font,
34
+ background: l.value ? "transparent" : `var(--cui-${e.color}-bg)`,
35
+ color: l.value ? "transparent" : `var(--cui-${e.color})`
36
+ })), f = {
37
+ online: "var(--cui-success)",
38
+ offline: "var(--cui-text-tertiary, #999)",
39
+ away: "var(--cui-warning)",
40
+ busy: "var(--cui-error)"
41
+ }, h = i(() => {
42
+ if (!e.status) return {};
43
+ const r = {
44
+ width: a.value.statusDot,
45
+ height: a.value.statusDot,
46
+ background: f[e.status],
47
+ border: "2px solid var(--cui-surface-base, white)",
48
+ borderRadius: "50%",
49
+ position: "absolute",
50
+ bottom: a.value.statusOffset,
51
+ right: a.value.statusOffset
52
+ };
53
+ return e.statusAnimation === "pulse" && (r.animation = "cui-pulse 2s ease-in-out infinite"), r;
54
+ }), v = i(() => {
55
+ if (!(!e.status || e.statusAnimation !== "ping"))
56
+ return {
57
+ width: a.value.statusDot,
58
+ height: a.value.statusDot,
59
+ background: f[e.status],
60
+ borderRadius: "50%",
61
+ position: "absolute",
62
+ bottom: a.value.statusOffset,
63
+ right: a.value.statusOffset,
64
+ opacity: "0.75",
65
+ animation: "cui-avatar-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite"
66
+ };
67
+ });
68
+ return (r, d) => D((o(), n("div", {
69
+ class: "cui-avatar",
70
+ style: u(g.value)
71
+ }, [
72
+ l.value ? (o(), n("img", {
73
+ key: 0,
74
+ src: s.src,
75
+ alt: s.alt || s.name || "Avatar",
76
+ class: "cui-avatar__img",
77
+ style: u({ borderRadius: s.shape === "circle" ? "50%" : "20%" }),
78
+ onError: d[0] || (d[0] = (A) => c.value = !0)
79
+ }, null, 44, C)) : m.value ? (o(), n("span", S, k(m.value), 1)) : (o(), w(z, {
80
+ key: 2,
81
+ name: s.icon || "user",
82
+ size: a.value.icon
83
+ }, null, 8, ["name", "size"])),
84
+ v.value ? (o(), n("span", {
85
+ key: 3,
86
+ style: u(v.value)
87
+ }, null, 4)) : p("", !0),
88
+ s.status ? (o(), n("span", {
89
+ key: 4,
90
+ style: u(h.value)
91
+ }, null, 4)) : p("", !0)
92
+ ], 4)), [
93
+ [O, !s.hidden]
94
+ ]);
95
+ }
96
+ });
97
+ export {
98
+ I as default
99
+ };
@@ -0,0 +1,5 @@
1
+ import o from "./CuiAvatar.vue.js";
2
+ /* empty css */
3
+ export {
4
+ o as default
5
+ };
@@ -1,10 +1,9 @@
1
- export interface CuiAvatarGroupProps {
1
+ import type { HideableProps } from "../types/common";
2
+ export interface CuiAvatarGroupProps extends HideableProps {
2
3
  /** Negative margin overlap between avatars */
3
4
  spacing?: string;
4
5
  /** Max avatars to show before "+N" overflow */
5
6
  max?: number;
6
- /** Hide the component */
7
- hidden?: boolean;
8
7
  }
9
8
  declare var __VLS_1: {};
10
9
  type __VLS_Slots = {} & {
@@ -1 +1 @@
1
- {"version":3,"file":"CuiAvatarGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatarGroup.vue"],"names":[],"mappings":"AAkDA,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+BD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;YAtDV,OAAO;aAJN,MAAM;6EAiEhB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CuiAvatarGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiAvatarGroup.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA+BD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;;aAxDT,MAAM;6EA+DhB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { defineComponent as t, withDirectives as r, openBlock as n, createElementBlock as o, normalizeStyle as i, renderSlot as l, vShow as s } from "vue";
2
+ const u = /* @__PURE__ */ t({
3
+ __name: "CuiAvatarGroup",
4
+ props: {
5
+ spacing: { default: "-0.5rem" },
6
+ max: {},
7
+ hidden: { type: Boolean, default: !1 }
8
+ },
9
+ setup(e) {
10
+ return (a, c) => r((n(), o("div", {
11
+ class: "cui-avatar-group",
12
+ style: i({ "--_avatar-group-spacing": e.spacing })
13
+ }, [
14
+ l(a.$slots, "default")
15
+ ], 4)), [
16
+ [s, !e.hidden]
17
+ ]);
18
+ }
19
+ });
20
+ export {
21
+ u as default
22
+ };
@@ -0,0 +1,5 @@
1
+ import o from "./CuiAvatarGroup.vue.js";
2
+ /* empty css */
3
+ export {
4
+ o as default
5
+ };
@@ -1,27 +1,26 @@
1
+ import type { CuiColorOrCss, HideableProps } from "../types/common";
1
2
  export type BackdropBlur = "none" | "sm" | "md" | "lg" | string;
2
- export interface CuiBackdropProps {
3
+ export interface CuiBackdropProps extends HideableProps {
3
4
  /** Backdrop opacity (0-1) */
4
5
  opacity?: number;
5
6
  /** Backdrop blur — named size or custom CSS value */
6
7
  blur?: BackdropBlur;
7
- /** Backdrop color (CSS color string, default black) */
8
- color?: string;
8
+ /** Backdrop color — a color role (mapped to its token) or any CSS color (default black) */
9
+ color?: CuiColorOrCss;
9
10
  /** Background image URL or data URI */
10
11
  image?: string;
11
12
  /** CSS gradient string */
12
13
  gradient?: string;
13
14
  /** External visibility control — when provided, overrides internal fade-in state */
14
15
  visible?: boolean;
15
- /** Hide the component */
16
- hidden?: boolean;
17
16
  }
18
17
  declare const _default: import("vue").DefineComponent<CuiBackdropProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
18
  click: (event: MouseEvent) => any;
20
19
  }, string, import("vue").PublicProps, Readonly<CuiBackdropProps> & Readonly<{
21
20
  onClick?: ((event: MouseEvent) => any) | undefined;
22
21
  }>, {
23
- color: string;
24
22
  hidden: boolean;
23
+ color: CuiColorOrCss;
25
24
  blur: BackdropBlur;
26
25
  opacity: number;
27
26
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"CuiBackdrop.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBackdrop.vue"],"names":[],"mappings":"AAiHA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;;;;;;WATS,MAAM;YAQL,OAAO;UAVT,YAAY;aAFT,MAAM;;AAqIlB,wBAQG"}
1
+ {"version":3,"file":"CuiBackdrop.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBackdrop.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGpE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;;WAPS,aAAa;UAFd,YAAY;aAFT,MAAM;;AAoIlB,wBAQG"}
@@ -0,0 +1,7 @@
1
+ import o from "./CuiBackdrop.vue2.js";
2
+ /* empty css */
3
+ import r from "../_virtual/_plugin-vue_export-helper.js";
4
+ const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-96035f2e"]]);
5
+ export {
6
+ f as default
7
+ };
@@ -0,0 +1,49 @@
1
+ import { defineComponent as m, ref as k, onMounted as f, computed as c, withDirectives as v, openBlock as g, createElementBlock as y, normalizeStyle as h, normalizeClass as B, vShow as x } from "vue";
2
+ import { resolveColor as C } from "../utils/color.js";
3
+ const w = /* @__PURE__ */ m({
4
+ __name: "CuiBackdrop",
5
+ props: {
6
+ opacity: { default: 0.5 },
7
+ blur: { default: "none" },
8
+ color: { default: "black" },
9
+ image: {},
10
+ gradient: {},
11
+ visible: { type: Boolean },
12
+ hidden: { type: Boolean, default: !1 }
13
+ },
14
+ emits: ["click"],
15
+ setup(l, { emit: s }) {
16
+ const e = l, u = s, d = {
17
+ none: "none",
18
+ sm: "2px",
19
+ md: "4px",
20
+ lg: "8px"
21
+ }, r = k(!1);
22
+ f(() => {
23
+ requestAnimationFrame(() => {
24
+ r.value = !0;
25
+ });
26
+ });
27
+ const b = c(() => e.visible !== void 0 ? e.visible : r.value), p = c(() => {
28
+ const i = d[e.blur] ?? e.blur, n = i !== "none", o = {}, t = [];
29
+ e.gradient && t.push(e.gradient), e.image && t.push(`url("${e.image}") repeat`);
30
+ const a = C(e.color, "black");
31
+ return n ? (t.push(`color-mix(in srgb, ${a} ${Math.round(e.opacity * 100)}%, transparent)`), o.backdropFilter = `blur(${i})`, o.webkitBackdropFilter = `blur(${i})`) : t.push(a), o.background = t.join(", "), o;
32
+ });
33
+ return (i, n) => v((g(), y("div", {
34
+ class: B(["cui-backdrop", { "cui-backdrop--visible": b.value }]),
35
+ style: h({
36
+ ...p.value,
37
+ // When no blur, use element opacity for the fade-in
38
+ ...!l.blur || l.blur === "none" ? { "--_backdrop-opacity": String(l.opacity) } : {}
39
+ }),
40
+ "aria-hidden": "true",
41
+ onClick: n[0] || (n[0] = (o) => u("click", o))
42
+ }, null, 6)), [
43
+ [x, !l.hidden]
44
+ ]);
45
+ }
46
+ });
47
+ export {
48
+ w as default
49
+ };
@@ -1,22 +1,17 @@
1
- import type { ButtonColor } from "./CuiButton.vue";
1
+ import type { ColorableProps, SizeableProps, HideableProps, CuiRounded } from "../types/common";
2
2
  export type BadgeVariant = "solid" | "subtle" | "outline";
3
- export type BadgeSize = "sm" | "md";
4
3
  export type BadgeAnimation = "pulse" | "bounce" | "ping" | "none";
5
- export interface CuiBadgeProps {
4
+ export interface CuiBadgeProps extends HideableProps, ColorableProps, SizeableProps {
6
5
  /** Visual variant */
7
6
  variant?: BadgeVariant;
8
- /** Color role */
9
- color?: ButtonColor;
10
- /** Size */
11
- size?: BadgeSize;
12
7
  /** Render as a small dot with no text */
13
8
  dot?: boolean;
14
9
  /** Show remove button (tag mode) */
15
10
  removable?: boolean;
16
11
  /** Animation */
17
12
  animation?: BadgeAnimation;
18
- /** Hide the component */
19
- hidden?: boolean;
13
+ /** Border radius */
14
+ rounded?: CuiRounded;
20
15
  }
21
16
  declare var __VLS_1: {};
22
17
  type __VLS_Slots = {} & {
@@ -27,10 +22,11 @@ declare const __VLS_component: import("vue").DefineComponent<CuiBadgeProps, {},
27
22
  }, string, import("vue").PublicProps, Readonly<CuiBadgeProps> & Readonly<{
28
23
  onRemove?: (() => any) | undefined;
29
24
  }>, {
30
- size: BadgeSize;
31
- color: ButtonColor;
32
25
  hidden: boolean;
26
+ size: import("..").CuiSize;
27
+ color: import("..").CuiColor;
33
28
  variant: BadgeVariant;
29
+ rounded: CuiRounded;
34
30
  dot: boolean;
35
31
  removable: boolean;
36
32
  animation: BadgeAnimation;
@@ -1 +1 @@
1
- {"version":3,"file":"CuiBadge.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBadge.vue"],"names":[],"mappings":"AAiNA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAqJD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;;;;;UAxLZ,SAAS;WAFR,WAAW;YAUV,OAAO;aAZN,YAAY;SAMhB,OAAO;eAED,OAAO;eAEP,cAAc;6EA0L1B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CuiBadge.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiBadge.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKhG,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAIlE,MAAM,WAAW,aAAc,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa;IACjF,qBAAqB;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,yCAAyC;IACzC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AAoKD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;;aAzMT,YAAY;aAQZ,UAAU;SANd,OAAO;eAED,OAAO;eAEP,cAAc;6EA2M1B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,7 @@
1
+ import o from "./CuiBadge.vue2.js";
2
+ /* empty css */
3
+ import t from "../_virtual/_plugin-vue_export-helper.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4e14b175"]]);
5
+ export {
6
+ m as default
7
+ };