@vueland/ui 0.0.1 → 0.0.3

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 (383) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +147 -0
  3. package/dist/_virtual/_plugin-vue_export-helper.js +9 -0
  4. package/dist/components/CApp/CApp.js +4 -5
  5. package/dist/components/CAutocomplete/CAutocomplete.js +200 -91
  6. package/dist/components/CBtn/CBtn.js +26 -27
  7. package/dist/components/CCheckbox/CCheckbox.js +40 -58
  8. package/dist/components/CCheckbox/CheckboxElement.js +96 -0
  9. package/dist/components/CCheckbox/index2.js +5 -0
  10. package/dist/components/CChip/CChip.js +13 -0
  11. package/dist/components/CDateInput/CDateInput.js +245 -0
  12. package/dist/components/CDateInput/index.js +5 -0
  13. package/dist/components/CDatePicker/CDatePicker.js +324 -0
  14. package/dist/components/CDatePicker/CDatePickerDates.js +300 -0
  15. package/dist/components/CDatePicker/CDatePickerHeader.js +62 -0
  16. package/dist/components/CDatePicker/CDatePickerMonths.js +114 -0
  17. package/dist/components/CDatePicker/CDatePickerYears.js +143 -0
  18. package/dist/components/CDatePicker/helpers.js +17 -0
  19. package/dist/components/CDatePicker/index.js +14 -0
  20. package/dist/components/CDatePicker/index2.js +5 -0
  21. package/dist/components/CDatePicker/index3.js +5 -0
  22. package/dist/components/CDatePicker/index4.js +5 -0
  23. package/dist/components/CDatePicker/index5.js +5 -0
  24. package/dist/components/CDatePicker/index6.js +5 -0
  25. package/dist/components/CDatePicker/locales/en.json.js +44 -0
  26. package/dist/components/CDatePicker/locales/index.js +9 -0
  27. package/dist/components/CDatePicker/locales/ru.json.js +44 -0
  28. package/dist/components/CDatePicker/utils.js +20 -0
  29. package/dist/components/CDialog/CDialog.js +2 -4
  30. package/dist/components/CField/CField.js +160 -28
  31. package/dist/components/CForm/CForm.js +38 -22
  32. package/dist/components/CGrid/CCol.js +1 -3
  33. package/dist/components/CGrid/CRow.js +5 -7
  34. package/dist/components/CIcon/CIcon.js +3 -3
  35. package/dist/components/CInput/CInput.js +119 -109
  36. package/dist/components/CList/CList.js +106 -34
  37. package/dist/components/CList/CListItem.js +44 -14
  38. package/dist/components/CMenu/CMenu.js +54 -55
  39. package/dist/components/COverlay/COverlay.js +6 -5
  40. package/dist/components/CRadio/CRadio.js +11 -5
  41. package/dist/components/CRadio/CRadioGroup.js +10 -0
  42. package/dist/components/CSelect/CSelect.js +180 -71
  43. package/dist/components/CSelectControl/CSelectControl.js +14 -2
  44. package/dist/components/CTextField/CTextField.js +79 -52
  45. package/dist/components/CTextField/index.js +2 -2
  46. package/dist/components/CTextField/index2.js +5 -0
  47. package/dist/components/CToolbar/CToolbar.js +1 -3
  48. package/dist/components/CTooltip/CTooltip.js +13 -11
  49. package/dist/components/CTooltip/index.js +2 -2
  50. package/dist/components/CTooltip/index2.js +5 -0
  51. package/dist/components/global-components.d.ts +44 -0
  52. package/dist/components/index.d.ts +841 -504
  53. package/dist/components/index.js +11 -7
  54. package/dist/composables/index.d.ts +384 -235
  55. package/dist/composables/index.js +22 -14
  56. package/dist/composables/use-activator.js +15 -25
  57. package/dist/composables/{use-app-scroll.js → use-application-scroll.js} +4 -8
  58. package/dist/composables/use-aria-activator.js +15 -0
  59. package/dist/composables/use-aria-dialog.js +16 -0
  60. package/dist/composables/use-aria-field.js +18 -0
  61. package/dist/composables/use-aria-listbox.js +14 -0
  62. package/dist/composables/use-aria-toggle.js +15 -0
  63. package/dist/composables/use-auto-position.js +206 -118
  64. package/dist/composables/use-autocomplete.js +21 -19
  65. package/dist/composables/use-breakpoints.js +8 -0
  66. package/dist/composables/use-button-presets.js +3 -7
  67. package/dist/composables/use-delay-actions.js +8 -2
  68. package/dist/composables/use-display.js +26 -18
  69. package/dist/composables/use-field-presets.js +82 -0
  70. package/dist/composables/use-icon.js +106 -34
  71. package/dist/composables/use-id.js +9 -0
  72. package/dist/composables/use-input-presets.js +88 -19
  73. package/dist/composables/use-keyboard.js +52 -0
  74. package/dist/composables/use-list.js +8 -0
  75. package/dist/composables/use-menu.js +8 -0
  76. package/dist/composables/use-normalized-items.js +22 -0
  77. package/dist/composables/use-overlay-stack.js +4 -1
  78. package/dist/composables/use-presets.js +2 -2
  79. package/dist/composables/use-select-control.js +8 -0
  80. package/dist/composables/use-selected-chips.js +40 -0
  81. package/dist/composables/use-validate.js +32 -24
  82. package/dist/constants/aria.js +32 -0
  83. package/dist/constants/attrs.js +21 -0
  84. package/dist/constants/icons.js +55 -8
  85. package/dist/constants/index.d.ts +187 -53
  86. package/dist/constants/index.js +3 -1
  87. package/dist/constants/provide-keys.js +2 -1
  88. package/dist/css/lib.css +1 -0
  89. package/dist/css/utils/_borders.css +1 -0
  90. package/dist/css/utils/_borders.js +3 -0
  91. package/dist/css/utils/_display.css +1 -1
  92. package/dist/css/utils/_flex.css +1 -1
  93. package/dist/css/utils/_grid.css +1 -0
  94. package/dist/css/utils/_grid.js +3 -0
  95. package/dist/css/utils/_helpers.css +1 -1
  96. package/dist/css/utils/_positions.css +1 -1
  97. package/dist/css/utils/_radius.css +1 -1
  98. package/dist/css/utils/_sizing.css +1 -1
  99. package/dist/css/utils/_spaces.css +1 -1
  100. package/dist/css/utils/_text.css +1 -1
  101. package/dist/css/utils/_transitions.css +1 -1
  102. package/dist/css/utils/_typography.css +1 -1
  103. package/dist/enums/IconName.js +13 -0
  104. package/dist/enums/index.d.ts +15 -2
  105. package/dist/helpers/preset.js +11 -0
  106. package/dist/helpers/theme.js +41 -0
  107. package/dist/library.js +31 -9
  108. package/dist/resolvers/font-awesome.js +30 -0
  109. package/dist/resolvers/index.d.ts +48 -0
  110. package/dist/resolvers/index.js +1 -0
  111. package/dist/scss/lib.scss +26 -0
  112. package/dist/scss/maps/colors-map.scss +342 -0
  113. package/dist/scss/maps/elevations-map.scss +88 -0
  114. package/dist/scss/maps/flexes-map.scss +24 -0
  115. package/dist/scss/maps/grids.scss +23 -0
  116. package/dist/scss/modules/_global-vars.scss +88 -0
  117. package/dist/scss/ress.scss +281 -0
  118. package/dist/scss/styles.scss +20 -0
  119. package/dist/scss/utils/_borders.scss +28 -0
  120. package/dist/scss/utils/_colors.scss +86 -0
  121. package/dist/scss/utils/_cursor.scss +140 -0
  122. package/dist/scss/utils/_display.scss +32 -0
  123. package/dist/scss/utils/_elevations.scss +15 -0
  124. package/dist/scss/utils/_flex.scss +137 -0
  125. package/dist/scss/utils/_grid.scss +173 -0
  126. package/dist/scss/utils/_helpers.scss +47 -0
  127. package/dist/scss/utils/_opacity.scss +13 -0
  128. package/dist/scss/utils/_overflow.scss +51 -0
  129. package/dist/scss/utils/_positions.scss +42 -0
  130. package/dist/scss/utils/_radius.scss +41 -0
  131. package/dist/scss/utils/_sizing.scss +40 -0
  132. package/dist/scss/utils/_spaces.scss +164 -0
  133. package/dist/scss/utils/_text.scss +76 -0
  134. package/dist/scss/utils/_transitions.scss +98 -0
  135. package/dist/scss/utils/_typography.scss +81 -0
  136. package/dist/styles.css +1 -1
  137. package/dist/temp-types/src/components/CApp/CApp.vue.d.ts +2 -4
  138. package/dist/temp-types/src/components/CApp/CApp.vue.d.ts.map +1 -1
  139. package/dist/temp-types/src/components/CApp/types.d.ts +4 -0
  140. package/dist/temp-types/src/components/CApp/types.d.ts.map +1 -1
  141. package/dist/temp-types/src/components/CAutocomplete/CAutocomplete.vue.d.ts +7 -2
  142. package/dist/temp-types/src/components/CAutocomplete/CAutocomplete.vue.d.ts.map +1 -1
  143. package/dist/temp-types/src/components/CAutocomplete/types.d.ts +16 -6
  144. package/dist/temp-types/src/components/CAutocomplete/types.d.ts.map +1 -1
  145. package/dist/temp-types/src/components/CBtn/CBtn.vue.d.ts +5 -1
  146. package/dist/temp-types/src/components/CBtn/CBtn.vue.d.ts.map +1 -1
  147. package/dist/temp-types/src/components/CBtn/index.d.ts +1 -0
  148. package/dist/temp-types/src/components/CBtn/index.d.ts.map +1 -1
  149. package/dist/temp-types/src/components/CBtn/types.d.ts +1 -0
  150. package/dist/temp-types/src/components/CBtn/types.d.ts.map +1 -1
  151. package/dist/temp-types/src/components/CCheckbox/CCheckbox.vue.d.ts +2 -6
  152. package/dist/temp-types/src/components/CCheckbox/CCheckbox.vue.d.ts.map +1 -1
  153. package/dist/temp-types/src/components/CCheckbox/CheckboxElement.vue.d.ts +32 -0
  154. package/dist/temp-types/src/components/CCheckbox/CheckboxElement.vue.d.ts.map +1 -0
  155. package/dist/temp-types/src/components/CCheckbox/types.d.ts +7 -4
  156. package/dist/temp-types/src/components/CCheckbox/types.d.ts.map +1 -1
  157. package/dist/temp-types/src/components/CChip/CChip.vue.d.ts +13 -0
  158. package/dist/temp-types/src/components/CChip/CChip.vue.d.ts.map +1 -0
  159. package/dist/temp-types/src/components/CChip/index.d.ts +2 -0
  160. package/dist/temp-types/src/components/CChip/index.d.ts.map +1 -0
  161. package/dist/temp-types/src/components/CDateInput/CDateInput.vue.d.ts +61 -0
  162. package/dist/temp-types/src/components/CDateInput/CDateInput.vue.d.ts.map +1 -0
  163. package/dist/temp-types/src/components/CDateInput/index.d.ts +3 -0
  164. package/dist/temp-types/src/components/CDateInput/index.d.ts.map +1 -0
  165. package/dist/temp-types/src/components/CDatePicker/CDatePicker.vue.d.ts +82 -0
  166. package/dist/temp-types/src/components/CDatePicker/CDatePicker.vue.d.ts.map +1 -0
  167. package/dist/temp-types/src/components/CDatePicker/CDatePickerDates.vue.d.ts +60 -0
  168. package/dist/temp-types/src/components/CDatePicker/CDatePickerDates.vue.d.ts.map +1 -0
  169. package/dist/temp-types/src/components/CDatePicker/CDatePickerHeader.vue.d.ts +27 -0
  170. package/dist/temp-types/src/components/CDatePicker/CDatePickerHeader.vue.d.ts.map +1 -0
  171. package/dist/temp-types/src/components/CDatePicker/CDatePickerMonths.vue.d.ts +40 -0
  172. package/dist/temp-types/src/components/CDatePicker/CDatePickerMonths.vue.d.ts.map +1 -0
  173. package/dist/temp-types/src/components/CDatePicker/CDatePickerYears.vue.d.ts +34 -0
  174. package/dist/temp-types/src/components/CDatePicker/CDatePickerYears.vue.d.ts.map +1 -0
  175. package/dist/temp-types/src/components/CDatePicker/helpers.d.ts +4 -0
  176. package/dist/temp-types/src/components/CDatePicker/helpers.d.ts.map +1 -0
  177. package/dist/temp-types/src/components/CDatePicker/index.d.ts +6 -0
  178. package/dist/temp-types/src/components/CDatePicker/index.d.ts.map +1 -0
  179. package/dist/temp-types/src/components/CDatePicker/locales/index.d.ts +7 -0
  180. package/dist/temp-types/src/components/CDatePicker/locales/index.d.ts.map +1 -0
  181. package/dist/temp-types/src/components/CDatePicker/types.d.ts +22 -0
  182. package/dist/temp-types/src/components/CDatePicker/types.d.ts.map +1 -0
  183. package/dist/temp-types/src/components/CDatePicker/utils.d.ts +8 -0
  184. package/dist/temp-types/src/components/CDatePicker/utils.d.ts.map +1 -0
  185. package/dist/temp-types/src/components/CDialog/CDialog.vue.d.ts +1 -1
  186. package/dist/temp-types/src/components/CDialog/CDialog.vue.d.ts.map +1 -1
  187. package/dist/temp-types/src/components/CDialog/CDialogsStack.vue.d.ts.map +1 -1
  188. package/dist/temp-types/src/components/CDialog/types.d.ts.map +1 -1
  189. package/dist/temp-types/src/components/CField/CField.vue.d.ts +26 -10
  190. package/dist/temp-types/src/components/CField/CField.vue.d.ts.map +1 -1
  191. package/dist/temp-types/src/components/CField/index.d.ts +1 -0
  192. package/dist/temp-types/src/components/CField/index.d.ts.map +1 -1
  193. package/dist/temp-types/src/components/CField/types.d.ts +22 -0
  194. package/dist/temp-types/src/components/CField/types.d.ts.map +1 -0
  195. package/dist/temp-types/src/components/CForm/CForm.vue.d.ts +10 -8
  196. package/dist/temp-types/src/components/CForm/CForm.vue.d.ts.map +1 -1
  197. package/dist/temp-types/src/components/CForm/types.d.ts +13 -3
  198. package/dist/temp-types/src/components/CForm/types.d.ts.map +1 -1
  199. package/dist/temp-types/src/components/CGrid/CCol.d.ts.map +1 -1
  200. package/dist/temp-types/src/components/CGrid/CRow.d.ts +1 -1
  201. package/dist/temp-types/src/components/CGrid/CRow.d.ts.map +1 -1
  202. package/dist/temp-types/src/components/CGrid/index.d.ts +1 -1
  203. package/dist/temp-types/src/components/CIcon/CIcon.vue.d.ts.map +1 -1
  204. package/dist/temp-types/src/components/CIcon/types.d.ts +1 -2
  205. package/dist/temp-types/src/components/CIcon/types.d.ts.map +1 -1
  206. package/dist/temp-types/src/components/CInput/CInput.vue.d.ts +23 -7
  207. package/dist/temp-types/src/components/CInput/CInput.vue.d.ts.map +1 -1
  208. package/dist/temp-types/src/components/CInput/types.d.ts +42 -28
  209. package/dist/temp-types/src/components/CInput/types.d.ts.map +1 -1
  210. package/dist/temp-types/src/components/CLabel/CLabel.d.ts.map +1 -1
  211. package/dist/temp-types/src/components/CList/CList.vue.d.ts +7 -1
  212. package/dist/temp-types/src/components/CList/CList.vue.d.ts.map +1 -1
  213. package/dist/temp-types/src/components/CList/CListItem.vue.d.ts.map +1 -1
  214. package/dist/temp-types/src/components/CList/types.d.ts +18 -1
  215. package/dist/temp-types/src/components/CList/types.d.ts.map +1 -1
  216. package/dist/temp-types/src/components/CMenu/CMenu.vue.d.ts +6 -6
  217. package/dist/temp-types/src/components/CMenu/CMenu.vue.d.ts.map +1 -1
  218. package/dist/temp-types/src/components/CMenu/types.d.ts +2 -2
  219. package/dist/temp-types/src/components/CMenu/types.d.ts.map +1 -1
  220. package/dist/temp-types/src/components/COverlay/COverlay.vue.d.ts.map +1 -1
  221. package/dist/temp-types/src/components/CRadio/CRadio.vue.d.ts.map +1 -1
  222. package/dist/temp-types/src/components/CRadio/CRadioGroup.vue.d.ts +13 -0
  223. package/dist/temp-types/src/components/CRadio/CRadioGroup.vue.d.ts.map +1 -0
  224. package/dist/temp-types/src/components/CRadio/index.d.ts +1 -0
  225. package/dist/temp-types/src/components/CRadio/index.d.ts.map +1 -1
  226. package/dist/temp-types/src/components/CScrim/index.d.ts.map +1 -1
  227. package/dist/temp-types/src/components/CSelect/CSelect.vue.d.ts +7 -2
  228. package/dist/temp-types/src/components/CSelect/CSelect.vue.d.ts.map +1 -1
  229. package/dist/temp-types/src/components/CSelect/types.d.ts +16 -6
  230. package/dist/temp-types/src/components/CSelect/types.d.ts.map +1 -1
  231. package/dist/temp-types/src/components/CSelectControl/CSelectControl.vue.d.ts +5 -1
  232. package/dist/temp-types/src/components/CSelectControl/CSelectControl.vue.d.ts.map +1 -1
  233. package/dist/temp-types/src/components/CTextField/CTextField.vue.d.ts +19 -17
  234. package/dist/temp-types/src/components/CTextField/CTextField.vue.d.ts.map +1 -1
  235. package/dist/temp-types/src/components/CTextField/index.d.ts +10 -1
  236. package/dist/temp-types/src/components/CTextField/index.d.ts.map +1 -1
  237. package/dist/temp-types/src/components/CTextField/types.d.ts +16 -0
  238. package/dist/temp-types/src/components/CTextField/types.d.ts.map +1 -0
  239. package/dist/temp-types/src/components/CToolbar/CToolbar.vue.d.ts.map +1 -1
  240. package/dist/temp-types/src/components/CTooltip/CTooltip.vue.d.ts +3 -1
  241. package/dist/temp-types/src/components/CTooltip/CTooltip.vue.d.ts.map +1 -1
  242. package/dist/temp-types/src/components/CTooltip/index.d.ts +7 -1
  243. package/dist/temp-types/src/components/CTooltip/index.d.ts.map +1 -1
  244. package/dist/temp-types/src/components/index.d.ts +17 -15
  245. package/dist/temp-types/src/components/index.d.ts.map +1 -1
  246. package/dist/temp-types/src/composables/index.d.ts +22 -14
  247. package/dist/temp-types/src/composables/index.d.ts.map +1 -1
  248. package/dist/temp-types/src/composables/use-activator.d.ts +4 -2
  249. package/dist/temp-types/src/composables/use-activator.d.ts.map +1 -1
  250. package/dist/temp-types/src/composables/{use-app-scroll.d.ts → use-application-scroll.d.ts} +2 -2
  251. package/dist/temp-types/src/composables/use-application-scroll.d.ts.map +1 -0
  252. package/dist/temp-types/src/composables/use-application.d.ts.map +1 -1
  253. package/dist/temp-types/src/composables/use-aria-activator.d.ts +8 -0
  254. package/dist/temp-types/src/composables/use-aria-activator.d.ts.map +1 -0
  255. package/dist/temp-types/src/composables/use-aria-dialog.d.ts +9 -0
  256. package/dist/temp-types/src/composables/use-aria-dialog.d.ts.map +1 -0
  257. package/dist/temp-types/src/composables/use-aria-field.d.ts +13 -0
  258. package/dist/temp-types/src/composables/use-aria-field.d.ts.map +1 -0
  259. package/dist/temp-types/src/composables/use-aria-listbox.d.ts +8 -0
  260. package/dist/temp-types/src/composables/use-aria-listbox.d.ts.map +1 -0
  261. package/dist/temp-types/src/composables/use-aria-toggle.d.ts +11 -0
  262. package/dist/temp-types/src/composables/use-aria-toggle.d.ts.map +1 -0
  263. package/dist/temp-types/src/composables/use-auto-position.d.ts +12 -9
  264. package/dist/temp-types/src/composables/use-auto-position.d.ts.map +1 -1
  265. package/dist/temp-types/src/composables/use-autocomplete.d.ts +9 -4
  266. package/dist/temp-types/src/composables/use-autocomplete.d.ts.map +1 -1
  267. package/dist/temp-types/src/composables/use-breakpoints.d.ts +1 -0
  268. package/dist/temp-types/src/composables/use-breakpoints.d.ts.map +1 -1
  269. package/dist/temp-types/src/composables/use-button-presets.d.ts +2 -2
  270. package/dist/temp-types/src/composables/use-button-presets.d.ts.map +1 -1
  271. package/dist/temp-types/src/composables/use-core.d.ts.map +1 -1
  272. package/dist/temp-types/src/composables/use-delay-actions.d.ts.map +1 -1
  273. package/dist/temp-types/src/composables/use-dialogs-stack.d.ts +3 -3
  274. package/dist/temp-types/src/composables/use-dialogs-stack.d.ts.map +1 -1
  275. package/dist/temp-types/src/composables/use-display.d.ts +29 -55
  276. package/dist/temp-types/src/composables/use-display.d.ts.map +1 -1
  277. package/dist/temp-types/src/composables/use-effect.d.ts.map +1 -1
  278. package/dist/temp-types/src/composables/use-field-presets.d.ts +12 -0
  279. package/dist/temp-types/src/composables/use-field-presets.d.ts.map +1 -0
  280. package/dist/temp-types/src/composables/use-form.d.ts +1 -1
  281. package/dist/temp-types/src/composables/use-form.d.ts.map +1 -1
  282. package/dist/temp-types/src/composables/use-icon.d.ts +32 -4
  283. package/dist/temp-types/src/composables/use-icon.d.ts.map +1 -1
  284. package/dist/temp-types/src/composables/use-id.d.ts +6 -0
  285. package/dist/temp-types/src/composables/use-id.d.ts.map +1 -0
  286. package/dist/temp-types/src/composables/use-input-presets.d.ts +6 -7
  287. package/dist/temp-types/src/composables/use-input-presets.d.ts.map +1 -1
  288. package/dist/temp-types/src/composables/use-keyboard.d.ts +11 -0
  289. package/dist/temp-types/src/composables/use-keyboard.d.ts.map +1 -0
  290. package/dist/temp-types/src/composables/use-list.d.ts +3 -0
  291. package/dist/temp-types/src/composables/use-list.d.ts.map +1 -0
  292. package/dist/temp-types/src/composables/use-menu.d.ts +2 -0
  293. package/dist/temp-types/src/composables/use-menu.d.ts.map +1 -0
  294. package/dist/temp-types/src/composables/use-normalized-items.d.ts +18 -0
  295. package/dist/temp-types/src/composables/use-normalized-items.d.ts.map +1 -0
  296. package/dist/temp-types/src/composables/use-overlay-stack.d.ts +1 -0
  297. package/dist/temp-types/src/composables/use-overlay-stack.d.ts.map +1 -1
  298. package/dist/temp-types/src/composables/use-presets.d.ts.map +1 -1
  299. package/dist/temp-types/src/composables/use-select-control.d.ts +2 -0
  300. package/dist/temp-types/src/composables/use-select-control.d.ts.map +1 -0
  301. package/dist/temp-types/src/composables/use-selected-chips.d.ts +16 -0
  302. package/dist/temp-types/src/composables/use-selected-chips.d.ts.map +1 -0
  303. package/dist/temp-types/src/composables/use-toggle.d.ts +1 -1
  304. package/dist/temp-types/src/composables/use-toggle.d.ts.map +1 -1
  305. package/dist/temp-types/src/composables/use-validate.d.ts +10 -8
  306. package/dist/temp-types/src/composables/use-validate.d.ts.map +1 -1
  307. package/dist/temp-types/src/constants/aria.d.ts +35 -0
  308. package/dist/temp-types/src/constants/aria.d.ts.map +1 -0
  309. package/dist/temp-types/src/constants/attrs.d.ts +2 -0
  310. package/dist/temp-types/src/constants/attrs.d.ts.map +1 -0
  311. package/dist/temp-types/src/constants/icons.d.ts +91 -18
  312. package/dist/temp-types/src/constants/icons.d.ts.map +1 -1
  313. package/dist/temp-types/src/constants/index.d.ts +3 -1
  314. package/dist/temp-types/src/constants/index.d.ts.map +1 -1
  315. package/dist/temp-types/src/constants/provide-keys.d.ts +7 -6
  316. package/dist/temp-types/src/constants/provide-keys.d.ts.map +1 -1
  317. package/dist/temp-types/src/directives/v-click-outside.d.ts.map +1 -1
  318. package/dist/temp-types/src/enums/IconName.d.ts +15 -2
  319. package/dist/temp-types/src/enums/IconName.d.ts.map +1 -1
  320. package/dist/temp-types/src/helpers/index.d.ts +2 -0
  321. package/dist/temp-types/src/helpers/index.d.ts.map +1 -1
  322. package/dist/temp-types/src/helpers/preset.d.ts +8 -0
  323. package/dist/temp-types/src/helpers/preset.d.ts.map +1 -0
  324. package/dist/temp-types/src/helpers/theme.d.ts +4 -0
  325. package/dist/temp-types/src/helpers/theme.d.ts.map +1 -0
  326. package/dist/temp-types/src/index.d.ts.map +1 -1
  327. package/dist/temp-types/src/library.d.ts +10 -3
  328. package/dist/temp-types/src/library.d.ts.map +1 -1
  329. package/dist/temp-types/src/resolvers/font-awesome.d.ts +18 -0
  330. package/dist/temp-types/src/resolvers/font-awesome.d.ts.map +1 -0
  331. package/dist/temp-types/src/resolvers/index.d.ts +2 -0
  332. package/dist/temp-types/src/resolvers/index.d.ts.map +1 -0
  333. package/dist/temp-types/src/resolvers/material.d.ts +1 -0
  334. package/dist/temp-types/src/resolvers/material.d.ts.map +1 -0
  335. package/dist/temp-types/src/types/icons.d.ts +29 -0
  336. package/dist/temp-types/src/types/icons.d.ts.map +1 -0
  337. package/dist/temp-types/src/types/index.d.ts +4 -2
  338. package/dist/temp-types/src/types/index.d.ts.map +1 -1
  339. package/dist/temp-types/src/types/presets.d.ts +35 -47
  340. package/dist/temp-types/src/types/presets.d.ts.map +1 -1
  341. package/dist/temp-types/src/types/theme.d.ts +32 -0
  342. package/dist/temp-types/src/types/theme.d.ts.map +1 -0
  343. package/dist/temp-types/src/utils/aria.d.ts +36 -0
  344. package/dist/temp-types/src/utils/aria.d.ts.map +1 -0
  345. package/dist/temp-types/src/utils/compile-css-classes.d.ts.map +1 -1
  346. package/dist/temp-types/src/utils/create-simple-functional.d.ts.map +1 -1
  347. package/dist/temp-types/src/utils/index.d.ts +3 -2
  348. package/dist/temp-types/src/utils/index.d.ts.map +1 -1
  349. package/dist/temp-types/src/utils/throttle.d.ts.map +1 -1
  350. package/dist/temp-types/tsconfig.build.tsbuildinfo +1 -1
  351. package/dist/types/index.d.ts +125 -0
  352. package/dist/types.d.ts +137 -72
  353. package/dist/utils/aria.js +95 -0
  354. package/dist/utils/compile-css-classes.js +3 -13
  355. package/dist/utils/create-simple-functional.js +1 -5
  356. package/dist/utils/index.d.ts +48 -10
  357. package/dist/utils/index.js +3 -2
  358. package/package.json +35 -9
  359. package/dist/components/CItems/CItems.js +0 -66
  360. package/dist/composables/use-field-attrs.js +0 -43
  361. package/dist/composables/use-input-state.js +0 -41
  362. package/dist/composables/use-input-value.js +0 -18
  363. package/dist/composables/use-menu-presets.js +0 -17
  364. package/dist/composables/use-position-classes.js +0 -12
  365. package/dist/css/themes/default-theme.css +0 -1
  366. package/dist/temp-types/src/components/CItems/CItems.d.ts +0 -16
  367. package/dist/temp-types/src/components/CItems/CItems.d.ts.map +0 -1
  368. package/dist/temp-types/src/components/CItems/index.d.ts +0 -2
  369. package/dist/temp-types/src/components/CItems/index.d.ts.map +0 -1
  370. package/dist/temp-types/src/composables/use-app-scroll.d.ts.map +0 -1
  371. package/dist/temp-types/src/composables/use-field-attrs.d.ts +0 -10
  372. package/dist/temp-types/src/composables/use-field-attrs.d.ts.map +0 -1
  373. package/dist/temp-types/src/composables/use-input-state.d.ts +0 -17
  374. package/dist/temp-types/src/composables/use-input-state.d.ts.map +0 -1
  375. package/dist/temp-types/src/composables/use-input-value.d.ts +0 -3
  376. package/dist/temp-types/src/composables/use-input-value.d.ts.map +0 -1
  377. package/dist/temp-types/src/composables/use-menu-presets.d.ts +0 -7
  378. package/dist/temp-types/src/composables/use-menu-presets.d.ts.map +0 -1
  379. package/dist/temp-types/src/composables/use-position-classes.d.ts +0 -10
  380. package/dist/temp-types/src/composables/use-position-classes.d.ts.map +0 -1
  381. package/dist/temp-types/src/utils/define-preset.d.ts +0 -2
  382. package/dist/temp-types/src/utils/define-preset.d.ts.map +0 -1
  383. /package/dist/css/{themes/default-theme.js → lib.js} +0 -0
@@ -1,167 +1,5 @@
1
1
  import * as vue from 'vue';
2
- import { MaybeRef, Reactive, ComputedRef, ComponentPublicInstance, ShallowRef, ComponentInstance, FunctionalComponent, Directive, App, ShallowReactive } from 'vue';
3
-
4
- declare const breakpoints: {
5
- xs: number;
6
- sm: number;
7
- md: number;
8
- lg: number;
9
- xl: number;
10
- xxl: number;
11
- };
12
- interface AppBreakpoints {
13
- xxl: MaybeRef<boolean>;
14
- xl: MaybeRef<boolean>;
15
- lg: MaybeRef<boolean>;
16
- md: MaybeRef<boolean>;
17
- sm: MaybeRef<boolean>;
18
- xs: MaybeRef<boolean>;
19
- xlAndLess: MaybeRef<boolean>;
20
- lgAndLess: MaybeRef<boolean>;
21
- mdAndLess: MaybeRef<boolean>;
22
- smAndLess: MaybeRef<boolean>;
23
- xlAndUp: MaybeRef<boolean>;
24
- lgAndUp: MaybeRef<boolean>;
25
- mdAndUp: MaybeRef<boolean>;
26
- smAndUp: MaybeRef<boolean>;
27
- }
28
- declare function useDisplay(): {
29
- state: {
30
- xxl: boolean;
31
- xl: boolean;
32
- lg: boolean;
33
- md: boolean;
34
- sm: boolean;
35
- xs: boolean;
36
- xlAndLess: boolean;
37
- lgAndLess: boolean;
38
- mdAndLess: boolean;
39
- smAndLess: boolean;
40
- xlAndUp: boolean;
41
- lgAndUp: boolean;
42
- mdAndUp: boolean;
43
- smAndUp: boolean;
44
- };
45
- createDisplay: (ssr?: boolean) => {
46
- update: () => void;
47
- xxl: vue.Ref<boolean, boolean>;
48
- xl: vue.Ref<boolean, boolean>;
49
- lg: vue.Ref<boolean, boolean>;
50
- md: vue.Ref<boolean, boolean>;
51
- sm: vue.Ref<boolean, boolean>;
52
- xs: vue.Ref<boolean, boolean>;
53
- xlAndLess: vue.Ref<boolean, boolean>;
54
- lgAndLess: vue.Ref<boolean, boolean>;
55
- mdAndLess: vue.Ref<boolean, boolean>;
56
- smAndLess: vue.Ref<boolean, boolean>;
57
- xlAndUp: vue.Ref<boolean, boolean>;
58
- lgAndUp: vue.Ref<boolean, boolean>;
59
- mdAndUp: vue.Ref<boolean, boolean>;
60
- smAndUp: vue.Ref<boolean, boolean>;
61
- };
62
- };
63
-
64
- type Maybe<T> = T | undefined;
65
-
66
- interface DimensionsProps {
67
- width?: number | string;
68
- height?: number | string;
69
- minWidth?: number | string;
70
- maxWidth?: number | string;
71
- minHeight?: number | string;
72
- maxHeight?: number | string;
73
- }
74
-
75
- type InputStateProps = {
76
- disabled?: boolean;
77
- focused?: boolean;
78
- readonly?: boolean;
79
- };
80
- interface InputState {
81
- focused: boolean;
82
- isDirty: boolean;
83
- hasValue: boolean;
84
- }
85
- declare function useInputState(props?: Record<string, any>): {
86
- state: vue.ShallowReactive<InputState>;
87
- onFocus: () => void;
88
- onBlur: () => void;
89
- onInput: () => void;
90
- };
91
-
92
- type ValidateFn = (value: any) => ({
93
- valid: boolean;
94
- message: string;
95
- });
96
- type ValidateOn = 'input' | 'blur';
97
- type ValidateProps = {
98
- rules?: ValidateFn[];
99
- validateOn?: ValidateOn;
100
- };
101
- type ValidateState = {
102
- errorMessage: Maybe<string>;
103
- hasError: boolean;
104
- };
105
- declare enum InputEvents {
106
- INPUT = "input",
107
- BLUR = "blur"
108
- }
109
- declare function useValidate(props: ValidateProps & {
110
- modelValue: any;
111
- }, state: Reactive<InputState>): {
112
- errors: {
113
- errorMessage: Maybe<string>;
114
- hasError: boolean;
115
- };
116
- hasRules: vue.ComputedRef<boolean>;
117
- validate: () => boolean;
118
- };
119
-
120
- type ApplicationApi = {
121
- blockScroll(): void;
122
- unblockScroll(): void;
123
- getScrollTop(): number;
124
- getScrollLeft(): number;
125
- };
126
-
127
- type CBtnProps = PresetProps & {
128
- variant?: 'flat' | 'outlined';
129
- block?: boolean;
130
- };
131
-
132
- type ValidatorFn = () => boolean;
133
- interface FormApi {
134
- add(fn: ValidatorFn): void;
135
- remove(fn: ValidatorFn): void;
136
- }
137
-
138
- type CInputProps<T = any> = ValidateProps & InputStateProps & PresetProps & {
139
- id?: string;
140
- modelValue: T;
141
- label?: string;
142
- details?: string;
143
- noDetails?: boolean;
144
- clearable?: boolean;
145
- };
146
-
147
- type COverlayProps = {
148
- modelValue: boolean;
149
- to?: string;
150
- };
151
-
152
- type CMenuProps = ActivatorProps & CoordsProps & DimensionsProps & PositionProps & AutoPositionProps & DelayProps & PresetProps & Partial<COverlayProps> & {
153
- closeOnClickOutside?: boolean;
154
- closeOnContentClick?: boolean;
155
- ssr?: boolean;
156
- transition?: string;
157
- };
158
-
159
- declare function useFieldAttrs({ props, attrs, errors, uid }: {
160
- props: CInputProps;
161
- attrs: Record<string, any>;
162
- errors: ValidateState;
163
- uid: string;
164
- }): ComputedRef<Record<string, any>>;
2
+ import { ComponentPublicInstance, ComputedRef, Ref, ShallowReactive, App, ComponentInstance, FunctionalComponent, Directive, ShallowRef, Component, Reactive } from 'vue';
165
3
 
166
4
  type ActivatorProps = {
167
5
  closeOnClick?: boolean;
@@ -169,6 +7,7 @@ type ActivatorProps = {
169
7
  openOnHover?: boolean;
170
8
  closeOnLeave?: boolean;
171
9
  openOnFocus?: boolean;
10
+ activator?: ComponentPublicInstance | Element;
172
11
  };
173
12
  type ActivatorListeners = {
174
13
  mouseenter?: (e: Event) => void;
@@ -183,8 +22,8 @@ type ActivatorListeners = {
183
22
  change?: (e: Event) => void;
184
23
  };
185
24
  declare function useActivator(props: Partial<ActivatorProps> & Record<string, unknown>): {
25
+ element: vue.ComputedRef<Element>;
186
26
  activatorProps: Record<string, any>;
187
- getActivatorElement: () => HTMLElement;
188
27
  genListeners: ({ open, close, toggle, }: {
189
28
  open: () => void;
190
29
  close: () => void;
@@ -195,51 +34,195 @@ declare function useActivator(props: Partial<ActivatorProps> & Record<string, un
195
34
  mouseleave?: (() => void) | undefined;
196
35
  mouseenter?: (() => void) | undefined;
197
36
  }>>;
198
- getActivator: <T>() => T;
37
+ getActivator: () => Element;
199
38
  };
200
39
 
201
- declare function useAutocomplete<T = any>(props: Record<string, any>): {
202
- input: vue.ShallowRef<any, any>;
203
- searchItems: vue.ComputedRef<any>;
204
- rollbackValue: () => void;
40
+ type ApplicationApi = {
41
+ blockScroll(): void;
42
+ unblockScroll(): void;
43
+ getScrollTop(): number;
44
+ getScrollLeft(): number;
205
45
  };
206
46
 
207
- type Classes = 'to--left' | 'to--right' | 'to--top' | 'to--bottom';
208
- interface PositionProps {
209
- left?: boolean;
210
- right?: boolean;
211
- top?: boolean;
212
- bottom?: boolean;
47
+ interface InputState {
48
+ focused: boolean;
49
+ isDirty: boolean;
213
50
  }
214
- declare function usePositionClasses(props: PositionProps): vue.ComputedRef<Record<Classes, boolean>>;
51
+ type CInputRole = 'combobox' | 'checkbox' | 'radio' | 'listbox';
52
+ type CInputProps<T = any> = ValidateProps & PresetProps & {
53
+ id?: string;
54
+ modelValue: T | T[] | undefined | null;
55
+ label?: string;
56
+ details?: string;
57
+ noDetails?: boolean;
58
+ clearable?: boolean;
59
+ disabled?: boolean;
60
+ focused?: boolean;
61
+ readonly?: boolean;
62
+ role?: CInputRole;
63
+ };
215
64
 
216
- type DelayProps = {
217
- openDelay?: number | string;
218
- closeDelay?: number | string;
65
+ type CBtnProps = PresetProps & {
66
+ variant?: 'flat' | 'outlined';
67
+ block?: boolean;
68
+ disabled?: boolean;
219
69
  };
220
- declare function useDelayedActions(props: Partial<DelayProps> & Record<string, any>): {
221
- openDelay: (fn: (...args: any) => any) => void;
222
- closeDelay: (fn: (...args: any) => any) => void;
70
+
71
+ type ValidatorFn = () => boolean | Promise<boolean>;
72
+ type ResetFn = () => void;
73
+ interface FormAPI {
74
+ add(fn: ValidatorFn): void;
75
+ remove(fn: ValidatorFn): void;
76
+ addReset(fn: ResetFn): void;
77
+ removeReset(fn: ResetFn): void;
78
+ }
79
+
80
+ interface DimensionsProps {
81
+ width?: number | string;
82
+ height?: number | string;
83
+ minWidth?: number | string;
84
+ maxWidth?: number | string;
85
+ minHeight?: number | string;
86
+ maxHeight?: number | string;
87
+ }
88
+
89
+ type ThemeDefinition = {
90
+ primary?: string;
91
+ onPrimary?: string;
92
+ secondary?: string;
93
+ success?: string;
94
+ error?: string;
95
+ warning?: string;
96
+ info?: string;
97
+ accent?: string;
98
+ background?: string;
99
+ surface?: string;
100
+ surfaceVariant?: string;
101
+ onSurface?: string;
102
+ text?: string;
103
+ textSecondary?: string;
104
+ placeholder?: string;
105
+ disabled?: string;
106
+ disabledBg?: string;
107
+ disabledOpacity?: string;
108
+ readonly?: string;
109
+ readonlyBg?: string;
110
+ focus?: string;
111
+ errorBg?: string;
112
+ hover?: string;
113
+ overlay?: string;
114
+ shadow?: string;
115
+ border?: string;
116
+ radius?: string;
117
+ [key: string]: string | undefined;
223
118
  };
119
+ type ThemesOptions = Record<string, ThemeDefinition>;
120
+
121
+ type Maybe<T> = T | undefined;
224
122
 
225
123
  declare function useApplication(): ApplicationApi;
226
124
 
125
+ declare function useApplicationScroll(): {
126
+ appRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
127
+ classes: vue.ComputedRef<{
128
+ 'c-app--block-scroll': boolean;
129
+ }>;
130
+ getScrollTop: () => number;
131
+ getScrollLeft: () => number;
132
+ blockScroll: () => void;
133
+ unblockScroll: () => void;
134
+ };
135
+
136
+ type AriaHaspopup = 'true' | 'false' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
137
+
138
+ declare enum BreakpointLabels {
139
+ XS = "xs",
140
+ SM = "sm",
141
+ MD = "md",
142
+ LG = "lg",
143
+ XL = "xl",
144
+ XXL = "xxl"
145
+ }
146
+
147
+ declare enum IconAliases {
148
+ DROPDOWN = "dropdown",
149
+ CHECKBOX_ON = "checkboxOn",
150
+ CHECKBOX_OFF = "checkboxOff",
151
+ CALENDAR = "calendar",
152
+ CHEVRON_LEFT = "chevronLeft",
153
+ CHEVRON_RIGHT = "chevronRight",
154
+ RADIO_ON = "radioOn",
155
+ RADIO_OFF = "radioOff",
156
+ CLOSE = "close"
157
+ }
158
+
159
+ interface AriaActivatorState {
160
+ expanded: boolean;
161
+ haspopup?: AriaHaspopup | boolean;
162
+ controls?: string;
163
+ }
164
+ declare function useAriaActivator(state: () => AriaActivatorState): vue.ComputedRef<Partial<Record<string, string>>>;
165
+
166
+ interface AriaDialogState {
167
+ labelledBy?: string;
168
+ describedBy?: string;
169
+ modal?: boolean;
170
+ }
171
+ declare function useAriaDialog(state?: () => AriaDialogState): vue.ComputedRef<{
172
+ [x: string]: string | undefined;
173
+ }>;
174
+
175
+ interface AriaFieldState {
176
+ fieldId: string;
177
+ label?: string | boolean;
178
+ hasDetails?: boolean;
179
+ hasError?: boolean;
180
+ errorMessage?: string;
181
+ readonly?: boolean;
182
+ disabled?: boolean;
183
+ }
184
+ declare function useAriaField(state: () => AriaFieldState): vue.ComputedRef<{
185
+ [x: string]: string | undefined;
186
+ }>;
187
+
188
+ interface AriaListboxState {
189
+ multiple?: boolean;
190
+ activeDescendant?: string;
191
+ }
192
+ declare function useAriaListbox(state: () => AriaListboxState): vue.ComputedRef<{
193
+ [x: string]: string | undefined;
194
+ }>;
195
+
196
+ type AriaToggleMode = 'checkbox' | 'switch' | 'button';
197
+ interface AriaToggleState {
198
+ checked?: boolean | 'mixed';
199
+ mode?: AriaToggleMode;
200
+ disabled?: boolean;
201
+ required?: boolean;
202
+ }
203
+ declare function useAriaToggle(state: () => AriaToggleState): vue.ComputedRef<{
204
+ [x: string]: string | undefined;
205
+ }>;
206
+
227
207
  interface Dimensions {
228
208
  top: number;
229
209
  left: number;
230
210
  width: number;
231
211
  height: number;
232
212
  }
233
- interface CoordsProps {
213
+ type AlignSide = 'top' | 'bottom' | 'left' | 'right';
214
+ type AlignValue = AlignSide | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | 'left-center' | 'right-center';
215
+ interface AutoPositionProps {
216
+ strategy?: 'reverse' | 'bounce';
234
217
  positionX?: number;
235
218
  positionY?: number;
236
219
  offsetX?: number | string;
237
220
  offsetY?: number | string;
221
+ align?: AlignValue;
238
222
  }
239
- interface AutoPositionProps {
240
- strategy?: 'reverse' | 'bounce';
241
- }
242
- declare function useAutoPosition(props: PositionProps & CoordsProps & DimensionsProps & AutoPositionProps): {
223
+ type MaybeElement = Element | ComponentPublicInstance | undefined;
224
+ type AutoPositionInputProps = DimensionsProps & AutoPositionProps;
225
+ declare function useAutoPosition(props: AutoPositionInputProps, activatorEl?: ComputedRef<MaybeElement>): {
243
226
  activator: vue.Ref<{
244
227
  top: number;
245
228
  left: number;
@@ -262,46 +245,129 @@ declare function useAutoPosition(props: PositionProps & CoordsProps & Dimensions
262
245
  width: number;
263
246
  height: number;
264
247
  }>;
265
- contentRef: vue.ShallowRef<HTMLElement | ComponentPublicInstance | undefined, HTMLElement | ComponentPublicInstance | undefined>;
266
- update: (activatorEl: HTMLElement | ComponentPublicInstance) => Promise<void>;
248
+ contentRef: vue.ShallowRef<MaybeElement, MaybeElement>;
249
+ update: () => Promise<void>;
267
250
  };
268
251
 
269
- declare function useToggle(value?: boolean): [ShallowRef<boolean>, (val?: boolean) => void];
252
+ type Primitive = string | number | boolean | bigint | symbol | null | undefined | Date;
253
+ type Path<T> = T extends Primitive ? never : T extends readonly unknown[] ? never : T extends object ? {
254
+ [K in keyof T & string]: T[K] extends Primitive ? K : K | `${K}.${Path<T[K]>}`;
255
+ }[keyof T & string] : never;
256
+ type LoosePath<T> = Path<T> | (string & {});
257
+ type IterableItemsProps<T> = {
258
+ items: readonly T[];
259
+ titleKey?: LoosePath<T>;
260
+ valueKey?: LoosePath<T>;
261
+ };
262
+ type NormalizedItem<T> = {
263
+ raw: T;
264
+ title: unknown;
265
+ value: unknown;
266
+ key: string;
267
+ };
268
+ declare function useNormalizedItems<T>(props: IterableItemsProps<T>): vue.ComputedRef<NormalizedItem<T>[]>;
270
269
 
271
- declare function useInputValue<T = any>(props: Record<string, any>): ComputedRef<string>;
270
+ type SelectableProps<T> = {
271
+ modelValue: T | T[];
272
+ multiple?: boolean;
273
+ mandatory?: boolean;
274
+ };
275
+ type SelectableEventProps<T> = {
276
+ 'onUpdate:modelValue'?: (value: T | T[] | undefined) => void;
277
+ };
278
+ type SelectablePublicProps<T> = SelectableProps<T> & SelectableEventProps<T>;
279
+ declare function useSelectedChips<T>(props: IterableItemsProps<T> & SelectableProps<T>): {
280
+ hasValue: vue.ComputedRef<boolean>;
281
+ chips: vue.ComputedRef<any[]>;
282
+ select: (value: T) => void;
283
+ };
272
284
 
273
- declare enum IconAliases {
274
- DROPDOWN = "dropdown",
275
- CHECKBOX_ON = "checkboxOn",
276
- CHECKBOX_OFF = "checkboxOff",
277
- CALENDAR = "calendar"
285
+ declare function useAutocomplete<T = any>(props: IterableItemsProps<T> & SelectableProps<T>): {
286
+ normalizedItems: vue.ComputedRef<NormalizedItem<T>[]>;
287
+ chips: vue.ComputedRef<any[]>;
288
+ searchItems: vue.ComputedRef<NormalizedItem<T>[]>;
289
+ hasValue: vue.ComputedRef<boolean>;
290
+ inputValue: vue.ShallowRef<any, any>;
291
+ select: (value: T) => void;
292
+ };
293
+
294
+ declare const breakpoints: {
295
+ readonly xs: 0;
296
+ readonly sm: 600;
297
+ readonly md: 960;
298
+ readonly lg: 1280;
299
+ readonly xl: 1920;
300
+ readonly xxl: 2560;
301
+ };
302
+ interface Breakpoints {
303
+ xxl: boolean;
304
+ xl: boolean;
305
+ lg: boolean;
306
+ md: boolean;
307
+ sm: boolean;
308
+ xs: boolean;
309
+ xlAndLess: boolean;
310
+ lgAndLess: boolean;
311
+ mdAndLess: boolean;
312
+ smAndLess: boolean;
313
+ xlAndUp: boolean;
314
+ lgAndUp: boolean;
315
+ mdAndUp: boolean;
316
+ smAndUp: boolean;
278
317
  }
318
+ type Display = {
319
+ [k in keyof Breakpoints]: Ref<boolean>;
320
+ };
321
+ declare function useDisplay(): {
322
+ state: ShallowReactive<Breakpoints>;
323
+ createDisplay(points?: Record<BreakpointLabels, number>): Display;
324
+ update(): void;
325
+ };
326
+
327
+ declare function useBreakpoints(): Display | undefined;
328
+
329
+ declare function useButtonPresets({ props }: {
330
+ props: CBtnProps;
331
+ }): vue.ComputedRef<{
332
+ root: string[];
333
+ label: never[];
334
+ }>;
279
335
 
280
336
  type IconsOptions = {
281
337
  dir?: string;
282
338
  aliases?: Partial<Record<IconAliases, any>>;
339
+ sets?: Record<string, any>;
283
340
  };
284
341
  interface LibOptions {
285
342
  components: Record<string, ComponentInstance<any> | FunctionalComponent>;
286
343
  directives?: Record<string, Directive>;
287
- themes?: Record<string, any>;
344
+ themes?: ThemesOptions;
345
+ breakpoints?: Record<BreakpointLabels, number>;
288
346
  icons?: IconsOptions;
289
347
  presets?: Record<string, Record<string, any>>;
348
+ theme?: string;
290
349
  ssr?: boolean;
291
350
  }
292
351
  declare class VuelandUI {
293
- themes: LibOptions['themes'];
352
+ themes: ThemesOptions;
294
353
  icons: IconsOptions;
295
354
  presets: Record<string, Record<string, any>>;
355
+ breakpoints: Record<BreakpointLabels, number>;
356
+ theme?: string;
296
357
  private installed;
358
+ applyTheme(name: string): void;
297
359
  install(app: App, options: LibOptions): void;
298
360
  }
299
361
 
300
362
  declare function useCore(): VuelandUI;
301
363
 
302
- declare function useOverlayStack(): {
303
- register: () => number;
304
- unregister: () => void;
364
+ type DelayProps = {
365
+ openDelay?: number | string;
366
+ closeDelay?: number | string;
367
+ };
368
+ declare function useDelayedActions(props: Partial<DelayProps> & Record<string, any>): {
369
+ openDelay: (fn: (...args: any) => any) => void;
370
+ closeDelay: (fn: (...args: any) => any) => void;
305
371
  };
306
372
 
307
373
  type DialogStackItem = {
@@ -309,7 +375,7 @@ type DialogStackItem = {
309
375
  component: any;
310
376
  props?: Record<string, any>;
311
377
  };
312
- interface DialogsStackApi {
378
+ interface DialogsStackAPI {
313
379
  stack: ShallowRef<DialogStackItem[]>;
314
380
  current: ComputedRef<DialogStackItem | undefined>;
315
381
  openDialog: (options: {
@@ -319,8 +385,8 @@ interface DialogsStackApi {
319
385
  closeDialog: (id?: number) => void;
320
386
  closeAll: () => void;
321
387
  }
322
- declare function createDialogsStack(): DialogsStackApi;
323
- declare function useDialogsStack(): DialogsStackApi;
388
+ declare function createDialogsStack(): DialogsStackAPI;
389
+ declare function useDialogsStack(): DialogsStackAPI;
324
390
 
325
391
  /**
326
392
  * @description - кастомный эффект, для кейсов где понадобится
@@ -333,47 +399,130 @@ declare const useEffect: <T = any>(fn: () => any, scheduler?: (newVal?: any, old
333
399
  readonly __v_isRef: boolean;
334
400
  };
335
401
 
336
- declare function useForm(): FormApi | null;
402
+ declare function useForm(): FormAPI | null;
403
+
404
+ type IconMode = 'sprite' | 'component' | 'raw' | 'fa' | 'md';
405
+ interface UseIconOptions {
406
+ name?: string | number;
407
+ source?: IconMode;
408
+ component?: Component | null;
409
+ body?: string;
410
+ viewBox?: string;
411
+ spritePrefix?: string;
412
+ spritePath?: string;
413
+ }
414
+ interface SvgIconData {
415
+ body: string;
416
+ viewBox?: string;
417
+ size?: number;
418
+ }
419
+ interface FontIconData {
420
+ text: string;
421
+ className: string;
422
+ }
423
+ interface ComponentIconData {
424
+ component: Component;
425
+ }
426
+ interface SpriteIconData {
427
+ href: string;
428
+ viewBox?: string;
429
+ }
430
+ type IconResolverResult = ({
431
+ kind: 'svg';
432
+ } & SvgIconData) | ({
433
+ kind: 'font';
434
+ } & FontIconData) | ({
435
+ kind: 'component';
436
+ } & ComponentIconData) | ({
437
+ kind: 'sprite';
438
+ } & SpriteIconData) | null | undefined;
439
+ type IconResolver = (name: string | number, options: UseIconOptions) => IconResolverResult;
440
+ interface ResolvedIcon {
441
+ kind: 'svg' | 'component' | 'sprite' | 'font';
442
+ component: Component | null;
443
+ body: string;
444
+ viewBox: string;
445
+ href: string;
446
+ text: string;
447
+ className: string;
448
+ size?: number;
449
+ found: boolean;
450
+ }
451
+ declare function useIcon(props: UseIconOptions): ComputedRef<ResolvedIcon>;
452
+
453
+ type IdOptions = {
454
+ prefix?: string;
455
+ postfix?: string;
456
+ };
457
+ declare function useId(id?: string | number, { prefix, postfix }?: IdOptions): string;
337
458
 
338
- type PresetProps = {
339
- preset?: string;
459
+ type ValidateResult = {
460
+ valid: boolean;
461
+ message: string;
462
+ };
463
+ type ValidateFn = (value: any) => ValidateResult | Promise<ValidateResult>;
464
+ type ValidateOn = 'input' | 'blur';
465
+ type ValidateProps = {
466
+ rules?: ValidateFn[];
467
+ validateOn?: ValidateOn;
468
+ };
469
+ type ValidateState = {
470
+ errorMessage: Maybe<string>;
471
+ hasError: boolean;
472
+ validating: boolean;
473
+ };
474
+ declare enum InputEvents {
475
+ INPUT = "input",
476
+ BLUR = "blur"
477
+ }
478
+ declare function useValidate(props: ValidateProps & {
479
+ modelValue: any;
480
+ readonly?: boolean;
481
+ disabled?: boolean;
482
+ }, state: Reactive<InputState>): {
483
+ errors: vue.ShallowReactive<ValidateState>;
484
+ hasRules: vue.ComputedRef<boolean>;
485
+ resetValidate: () => void;
486
+ validate: () => Promise<boolean>;
340
487
  };
341
- declare function usePresets<T>(props: PresetProps): ComputedRef<Maybe<T>>;
342
488
 
343
- declare function useInputPresets({ props, errors }: {
489
+ declare function useInputPresets({ props, errors, state, }: {
344
490
  props: CInputProps;
345
- errors: ShallowReactive<any>;
346
- state: ShallowReactive<any>;
491
+ errors: ValidateState;
492
+ state: InputState;
347
493
  }): vue.ComputedRef<{
348
494
  root: string[];
349
- label: string[];
350
- field: string[];
495
+ field: string | undefined;
351
496
  details: string[];
352
497
  }>;
353
498
 
354
- declare function useMenuPresets({ props }: {
355
- props: CMenuProps;
356
- }): vue.ComputedRef<{
357
- root: string[];
358
- }>;
499
+ type KeyboardKey = 'Enter' | 'Escape' | 'Backspace' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'Tab' | 'Home' | 'End' | 'Space';
500
+ type KeyboardHandler = (event: KeyboardEvent) => void;
501
+ type KeyboardHandlers = Partial<Record<KeyboardKey, KeyboardHandler>>;
502
+ type UseKeyboardOptions = {
503
+ prevent?: boolean | KeyboardKey[];
504
+ stop?: boolean | KeyboardKey[];
505
+ };
506
+ declare function useKeyboard(handlers: KeyboardHandlers, options?: UseKeyboardOptions): {
507
+ onKeydown: (event: KeyboardEvent) => void;
508
+ };
359
509
 
360
- declare function useButtonPresets({ props }: {
361
- props: CBtnProps;
362
- }): vue.ComputedRef<{
363
- root: string[];
364
- label: string[];
365
- }>;
510
+ declare function useMenu(): any;
366
511
 
367
- declare function useAppScroll(): {
368
- appRef: vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
369
- classes: vue.ComputedRef<{
370
- 'c-app--block-scroll': boolean;
371
- }>;
372
- getScrollTop: () => number;
373
- getScrollLeft: () => number;
374
- blockScroll: () => void;
375
- unblockScroll: () => void;
512
+ declare function clearOverlayStack(): void;
513
+ declare function useOverlayStack(): {
514
+ register: () => number;
515
+ unregister: () => void;
516
+ };
517
+
518
+ type PresetProps = {
519
+ preset?: string;
376
520
  };
521
+ declare function usePresets<T>(props: PresetProps): ComputedRef<Maybe<T>>;
522
+
523
+ declare function useSelectControl(): any;
524
+
525
+ declare function useToggle(value?: boolean): [ShallowRef<boolean>, () => void];
377
526
 
378
- export { InputEvents, breakpoints, createDialogsStack, useActivator, useAppScroll, useApplication, useAutoPosition, useAutocomplete, useButtonPresets, useCore, useDelayedActions, useDialogsStack, useDisplay, useEffect, useFieldAttrs, useForm, useInputPresets, useInputState, useInputValue, useMenuPresets, useOverlayStack, usePositionClasses, usePresets, useToggle, useValidate };
379
- export type { ActivatorListeners, ActivatorProps, AppBreakpoints, AutoPositionProps, CoordsProps, DelayProps, DialogStackItem, DialogsStackApi, Dimensions, InputState, InputStateProps, PositionProps, PresetProps, ValidateFn, ValidateOn, ValidateProps, ValidateState };
527
+ export { InputEvents, breakpoints, clearOverlayStack, createDialogsStack, useActivator, useApplication, useApplicationScroll, useAriaActivator, useAriaDialog, useAriaField, useAriaListbox, useAriaToggle, useAutoPosition, useAutocomplete, useBreakpoints, useButtonPresets, useCore, useDelayedActions, useDialogsStack, useDisplay, useEffect, useForm, useIcon, useId, useInputPresets, useKeyboard, useMenu, useNormalizedItems, useOverlayStack, usePresets, useSelectControl, useSelectedChips, useToggle, useValidate };
528
+ export type { ActivatorListeners, ActivatorProps, AlignSide, AlignValue, AriaActivatorState, AriaDialogState, AriaFieldState, AriaListboxState, AriaToggleMode, AriaToggleState, AutoPositionProps, Breakpoints, ComponentIconData, DelayProps, DialogStackItem, DialogsStackAPI, Dimensions, Display, FontIconData, IconMode, IconResolver, IconResolverResult, IdOptions, IterableItemsProps, KeyboardHandler, KeyboardHandlers, KeyboardKey, LoosePath, NormalizedItem, Path, PresetProps, Primitive, ResolvedIcon, SelectableEventProps, SelectableProps, SelectablePublicProps, SpriteIconData, SvgIconData, UseIconOptions, UseKeyboardOptions, ValidateFn, ValidateOn, ValidateProps, ValidateResult, ValidateState };