@xjur-ui/react 2.3.1 → 3.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 (365) hide show
  1. package/CHANGELOG.md +59 -0
  2. package/dist/components/accordion/accordion-content.d.ts +6 -0
  3. package/dist/components/accordion/accordion-content.js +1 -0
  4. package/dist/components/accordion/accordion-item.d.ts +7 -0
  5. package/dist/components/accordion/accordion-item.js +1 -0
  6. package/dist/components/accordion/accordion-root.d.ts +11 -0
  7. package/dist/components/accordion/accordion-root.js +1 -0
  8. package/dist/components/accordion/accordion-styles.d.ts +7 -0
  9. package/dist/components/accordion/accordion-styles.js +1 -0
  10. package/dist/components/accordion/accordion-tab-header.d.ts +16 -0
  11. package/dist/components/accordion/accordion-tab-header.js +1 -0
  12. package/dist/components/accordion/accordion-trigger.d.ts +9 -0
  13. package/dist/components/accordion/accordion-trigger.js +1 -0
  14. package/dist/components/accordion/index.d.ts +5 -0
  15. package/dist/components/accordion/index.js +1 -0
  16. package/dist/components/avatar/avatar-fallback.d.ts +2 -0
  17. package/dist/components/avatar/avatar-fallback.js +1 -0
  18. package/dist/components/avatar/avatar-group.d.ts +12 -0
  19. package/dist/components/avatar/avatar-group.js +1 -0
  20. package/dist/components/avatar/avatar-image.d.ts +2 -0
  21. package/dist/components/avatar/avatar-image.js +1 -0
  22. package/dist/components/avatar/avatar-root.d.ts +4 -0
  23. package/dist/components/avatar/avatar-root.js +1 -0
  24. package/dist/components/avatar/index.d.ts +4 -0
  25. package/dist/components/avatar/index.js +1 -0
  26. package/dist/components/badge/index.d.ts +9 -0
  27. package/dist/components/breadcrumb/breadcrumb-ellipsis.d.ts +1 -0
  28. package/dist/components/breadcrumb/breadcrumb-ellipsis.js +1 -0
  29. package/dist/components/breadcrumb/breadcrumb-item.d.ts +1 -0
  30. package/dist/components/breadcrumb/breadcrumb-item.js +1 -0
  31. package/dist/components/breadcrumb/breadcrumb-link.d.ts +7 -0
  32. package/dist/components/breadcrumb/breadcrumb-link.js +1 -0
  33. package/dist/components/breadcrumb/breadcrumb-list.d.ts +1 -0
  34. package/dist/components/breadcrumb/breadcrumb-list.js +1 -0
  35. package/dist/components/breadcrumb/breadcrumb-page.d.ts +2 -0
  36. package/dist/components/breadcrumb/breadcrumb-page.js +1 -0
  37. package/dist/components/breadcrumb/breadcrumb-root.d.ts +1 -0
  38. package/dist/components/breadcrumb/breadcrumb-root.js +1 -0
  39. package/dist/components/breadcrumb/breadcrumb-separator.d.ts +1 -0
  40. package/dist/components/breadcrumb/breadcrumb-separator.js +1 -0
  41. package/dist/components/breadcrumb/index.d.ts +7 -0
  42. package/dist/components/breadcrumb/index.js +1 -0
  43. package/dist/components/carousel/carousel-action.d.ts +3 -7
  44. package/dist/components/carousel/carousel-action.js +1 -1
  45. package/dist/components/carousel/carousel-content.d.ts +2 -6
  46. package/dist/components/carousel/carousel-item.d.ts +2 -6
  47. package/dist/components/carousel/carousel-root.d.ts +4 -9
  48. package/dist/components/carousel/index.d.ts +4 -6
  49. package/dist/components/carousel/index.js +1 -1
  50. package/dist/components/chip/chip-avatar.d.ts +6 -0
  51. package/dist/components/chip/chip-avatar.js +1 -0
  52. package/dist/components/chip/chip-close.d.ts +5 -0
  53. package/dist/components/chip/chip-close.js +1 -0
  54. package/dist/components/chip/chip-icon.d.ts +3 -0
  55. package/dist/components/chip/chip-icon.js +1 -0
  56. package/dist/components/chip/chip-root.d.ts +9 -0
  57. package/dist/components/chip/chip-root.js +1 -0
  58. package/dist/components/chip/chip-text.d.ts +3 -0
  59. package/dist/components/chip/chip-text.js +1 -0
  60. package/dist/components/chip/index.d.ts +5 -0
  61. package/dist/components/chip/index.js +1 -0
  62. package/dist/components/collapsible/collapsible-content.d.ts +2 -0
  63. package/dist/components/collapsible/collapsible-content.js +1 -0
  64. package/dist/components/collapsible/collapsible-root.d.ts +2 -0
  65. package/dist/components/collapsible/collapsible-root.js +1 -0
  66. package/dist/components/collapsible/collapsible-trigger.d.ts +2 -0
  67. package/dist/components/collapsible/collapsible-trigger.js +1 -0
  68. package/dist/components/collapsible/index.d.ts +3 -0
  69. package/dist/components/collapsible/index.js +1 -0
  70. package/dist/components/controls/button.d.ts +6 -11
  71. package/dist/components/controls/calendar.d.ts +5 -8
  72. package/dist/components/controls/checkbox.d.ts +2 -6
  73. package/dist/components/controls/context/field.context.d.ts +5 -9
  74. package/dist/components/controls/date-picker/date-picker-caption.d.ts +2 -6
  75. package/dist/components/controls/date-picker/date-picker-content.d.ts +2 -6
  76. package/dist/components/controls/date-picker/date-picker-icon.d.ts +4 -8
  77. package/dist/components/controls/date-picker/date-picker-label.d.ts +3 -7
  78. package/dist/components/controls/date-picker/date-picker-root.d.ts +3 -9
  79. package/dist/components/controls/date-picker/date-picker-slot.d.ts +2 -6
  80. package/dist/components/controls/date-picker/date-picker-styles.d.ts +2 -6
  81. package/dist/components/controls/date-picker/date-picker-trigger.d.ts +2 -6
  82. package/dist/components/controls/date-picker/date-picker-value.d.ts +3 -7
  83. package/dist/components/controls/date-picker/index.d.ts +8 -16
  84. package/dist/components/controls/floating-label.d.ts +2 -6
  85. package/dist/components/controls/input/index.d.ts +13 -21
  86. package/dist/components/controls/input/input-action.d.ts +2 -6
  87. package/dist/components/controls/input/input-caption.d.ts +2 -6
  88. package/dist/components/controls/input/input-content.d.ts +2 -6
  89. package/dist/components/controls/input/input-currency.d.ts +3 -6
  90. package/dist/components/controls/input/input-icon.d.ts +4 -8
  91. package/dist/components/controls/input/input-label.d.ts +3 -7
  92. package/dist/components/controls/input/input-mask.d.ts +2 -6
  93. package/dist/components/controls/input/input-number.d.ts +4 -8
  94. package/dist/components/controls/input/input-numeric-stepper.d.ts +2 -6
  95. package/dist/components/controls/input/input-root.d.ts +3 -9
  96. package/dist/components/controls/input/input-slot.d.ts +2 -6
  97. package/dist/components/controls/input/input-styles.d.ts +2 -6
  98. package/dist/components/controls/input/input-text.d.ts +2 -6
  99. package/dist/components/controls/input/input-trigger.d.ts +2 -6
  100. package/dist/components/controls/otp-input.d.ts +5 -8
  101. package/dist/components/controls/radio.d.ts +3 -7
  102. package/dist/components/controls/rating.d.ts +16 -21
  103. package/dist/components/controls/rich-editor.d.ts +15 -21
  104. package/dist/components/controls/rich-editor.js +1 -1
  105. package/dist/components/controls/search-input.d.ts +15 -21
  106. package/dist/components/controls/search-selector.d.ts +5 -8
  107. package/dist/components/controls/search-selector.js +1 -1
  108. package/dist/components/controls/select/index.d.ts +14 -27
  109. package/dist/components/controls/select/index.js +1 -1
  110. package/dist/components/controls/select/select-caption.d.ts +2 -6
  111. package/dist/components/controls/select/select-content.d.ts +5 -6
  112. package/dist/components/controls/select/select-content.js +1 -1
  113. package/dist/components/controls/select/select-header-title.d.ts +3 -10
  114. package/dist/components/controls/select/select-header.d.ts +3 -7
  115. package/dist/components/controls/select/select-icon.d.ts +4 -8
  116. package/dist/components/controls/select/select-multi-value.d.ts +8 -14
  117. package/dist/components/controls/select/select-multi-value.js +1 -1
  118. package/dist/components/controls/select/select-option-text.d.ts +3 -9
  119. package/dist/components/controls/select/select-option.d.ts +3 -9
  120. package/dist/components/controls/select/select-options.d.ts +3 -7
  121. package/dist/components/controls/select/select-root.d.ts +3 -9
  122. package/dist/components/controls/select/select-slot.d.ts +2 -6
  123. package/dist/components/controls/select/select-styles.d.ts +2 -6
  124. package/dist/components/controls/select/select-trigger.d.ts +2 -6
  125. package/dist/components/controls/select/select-value.d.ts +7 -8
  126. package/dist/components/controls/select/select-value.js +1 -1
  127. package/dist/components/controls/select/types/select-value.d.ts +4 -0
  128. package/dist/components/controls/select/types/select-value.js +0 -0
  129. package/dist/components/controls/slider.d.ts +18 -23
  130. package/dist/components/controls/switch.d.ts +1 -4
  131. package/dist/components/custom/pessoa/index.d.ts +9 -16
  132. package/dist/components/custom/pessoa/index.js +1 -1
  133. package/dist/components/custom/pessoa/pessoa-add-button.d.ts +3 -9
  134. package/dist/components/custom/pessoa/pessoa-body.d.ts +3 -8
  135. package/dist/components/custom/pessoa/pessoa-body.js +1 -1
  136. package/dist/components/custom/pessoa/pessoa-close-button.d.ts +3 -8
  137. package/dist/components/custom/pessoa/pessoa-close-button.js +1 -1
  138. package/dist/components/custom/pessoa/pessoa-content.d.ts +3 -8
  139. package/dist/components/custom/pessoa/pessoa-content.js +1 -1
  140. package/dist/components/custom/pessoa/pessoa-footer.d.ts +3 -8
  141. package/dist/components/custom/pessoa/pessoa-footer.js +1 -1
  142. package/dist/components/custom/pessoa/pessoa-header.d.ts +4 -9
  143. package/dist/components/custom/pessoa/pessoa-header.js +1 -1
  144. package/dist/components/custom/pessoa/pessoa-trigger.d.ts +3 -8
  145. package/dist/components/custom/pessoa/pessoa-trigger.js +1 -1
  146. package/dist/components/custom/pessoa/pessoa.context.d.ts +5 -10
  147. package/dist/components/custom/pessoa/pessoa.d.ts +5 -10
  148. package/dist/components/custom/pessoa/pessoa.js +1 -1
  149. package/dist/components/dialog/delete-dialog.d.ts +12 -0
  150. package/dist/components/dialog/delete-dialog.js +1 -0
  151. package/dist/components/dialog/dialog-content.d.ts +10 -0
  152. package/dist/components/dialog/dialog-content.js +1 -0
  153. package/dist/components/dialog/dialog-description.d.ts +8 -0
  154. package/dist/components/dialog/dialog-description.js +1 -0
  155. package/dist/components/dialog/dialog-footer.d.ts +7 -0
  156. package/dist/components/dialog/dialog-footer.js +1 -0
  157. package/dist/components/dialog/dialog-header.d.ts +7 -0
  158. package/dist/components/dialog/dialog-header.js +1 -0
  159. package/dist/components/dialog/dialog-overlay.d.ts +8 -0
  160. package/dist/components/dialog/dialog-overlay.js +1 -0
  161. package/dist/components/dialog/dialog-title.d.ts +8 -0
  162. package/dist/components/dialog/dialog-title.js +1 -0
  163. package/dist/components/dialog/index.d.ts +11 -0
  164. package/dist/components/dialog/index.js +1 -0
  165. package/dist/components/divider/index.d.ts +3 -0
  166. package/dist/components/drag-and-drop/drag-handle.d.ts +6 -10
  167. package/dist/components/drag-and-drop/drag-list-item.d.ts +5 -9
  168. package/dist/components/drag-and-drop/drag-list-item.js +1 -1
  169. package/dist/components/drag-and-drop/drag-list.d.ts +5 -9
  170. package/dist/components/drag-and-drop/drag-root.d.ts +2 -6
  171. package/dist/components/drag-and-drop/index.d.ts +8 -9
  172. package/dist/components/drag-and-drop/index.js +1 -1
  173. package/dist/components/drag-and-drop/types/drag-item.d.ts +2 -5
  174. package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +2 -0
  175. package/dist/components/dropdown-menu/dropdown-menu-content.js +1 -0
  176. package/dist/components/dropdown-menu/dropdown-menu-header.d.ts +3 -0
  177. package/dist/components/dropdown-menu/dropdown-menu-header.js +1 -0
  178. package/dist/components/dropdown-menu/dropdown-menu-item.d.ts +6 -0
  179. package/dist/components/dropdown-menu/dropdown-menu-item.js +1 -0
  180. package/dist/components/dropdown-menu/dropdown-menu-list.d.ts +2 -0
  181. package/dist/components/dropdown-menu/dropdown-menu-list.js +1 -0
  182. package/dist/components/dropdown-menu/dropdown-menu-portal.d.ts +2 -0
  183. package/dist/components/dropdown-menu/dropdown-menu-portal.js +1 -0
  184. package/dist/components/dropdown-menu/dropdown-menu-root.d.ts +3 -0
  185. package/dist/components/dropdown-menu/dropdown-menu-root.js +1 -0
  186. package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +2 -0
  187. package/dist/components/dropdown-menu/dropdown-menu-trigger.js +1 -0
  188. package/dist/components/dropdown-menu/index.d.ts +6 -0
  189. package/dist/components/dropdown-menu/index.js +1 -0
  190. package/dist/components/full-calendar/calendar-add-event.d.ts +2 -5
  191. package/dist/components/full-calendar/calendar-body.d.ts +2 -6
  192. package/dist/components/full-calendar/calendar-cell.d.ts +4 -7
  193. package/dist/components/full-calendar/calendar-cell.js +1 -1
  194. package/dist/components/full-calendar/calendar-day-view.d.ts +1 -5
  195. package/dist/components/full-calendar/calendar-day-view.js +1 -1
  196. package/dist/components/full-calendar/calendar-event.d.ts +8 -13
  197. package/dist/components/full-calendar/calendar-event.js +1 -1
  198. package/dist/components/full-calendar/calendar-header.d.ts +2 -6
  199. package/dist/components/full-calendar/calendar-month-view.d.ts +1 -5
  200. package/dist/components/full-calendar/calendar-month-view.js +1 -1
  201. package/dist/components/full-calendar/calendar-more-events-dropdown.d.ts +3 -6
  202. package/dist/components/full-calendar/calendar-more-events-dropdown.js +1 -1
  203. package/dist/components/full-calendar/calendar-navigator.d.ts +1 -5
  204. package/dist/components/full-calendar/calendar-root.d.ts +11 -14
  205. package/dist/components/full-calendar/calendar-today-button.d.ts +2 -9
  206. package/dist/components/full-calendar/calendar-toggle-view.d.ts +1 -5
  207. package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
  208. package/dist/components/full-calendar/calendar-view-renderer.d.ts +1 -5
  209. package/dist/components/full-calendar/calendar-view-renderer.js +1 -1
  210. package/dist/components/full-calendar/calendar-week-day.d.ts +3 -6
  211. package/dist/components/full-calendar/calendar-week-view.d.ts +1 -5
  212. package/dist/components/full-calendar/calendar-week-view.js +1 -1
  213. package/dist/components/full-calendar/helpers/calendar.d.ts +13 -16
  214. package/dist/components/full-calendar/index.d.ts +12 -18
  215. package/dist/components/full-calendar/index.js +1 -1
  216. package/dist/components/full-calendar/types/calendar-cell.d.ts +1 -3
  217. package/dist/components/full-calendar/types/calendar-event.d.ts +2 -4
  218. package/dist/components/full-calendar/types/calendar-view.d.ts +1 -3
  219. package/dist/components/full-calendar/types/calendar-week-hour.d.ts +1 -3
  220. package/dist/components/icon/index.d.ts +8 -0
  221. package/dist/components/list/context/list-context.d.ts +3 -7
  222. package/dist/components/list/index.d.ts +7 -12
  223. package/dist/components/list/list-content.d.ts +3 -7
  224. package/dist/components/list/list-header-title.d.ts +2 -9
  225. package/dist/components/list/list-header.d.ts +3 -7
  226. package/dist/components/list/list-item.d.ts +6 -10
  227. package/dist/components/list/list-root.d.ts +3 -7
  228. package/dist/components/logo/index.d.ts +5 -0
  229. package/dist/components/{selection-bar.d.ts → selection-bar/index.d.ts} +15 -14
  230. package/dist/components/sheet/index.d.ts +10 -0
  231. package/dist/components/sheet/index.js +1 -0
  232. package/dist/components/sheet/sheet-body.d.ts +1 -0
  233. package/dist/components/sheet/sheet-body.js +1 -0
  234. package/dist/components/sheet/sheet-close.d.ts +2 -0
  235. package/dist/components/sheet/sheet-close.js +1 -0
  236. package/dist/components/sheet/sheet-content.d.ts +5 -0
  237. package/dist/components/sheet/sheet-content.js +1 -0
  238. package/dist/components/sheet/sheet-footer.d.ts +1 -0
  239. package/dist/components/sheet/sheet-footer.js +1 -0
  240. package/dist/components/sheet/sheet-header.d.ts +1 -0
  241. package/dist/components/sheet/sheet-header.js +1 -0
  242. package/dist/components/sheet/sheet-overlay.d.ts +2 -0
  243. package/dist/components/sheet/sheet-overlay.js +1 -0
  244. package/dist/components/sheet/sheet-portal.d.ts +2 -0
  245. package/dist/components/sheet/sheet-portal.js +1 -0
  246. package/dist/components/sheet/sheet-root.d.ts +3 -0
  247. package/dist/components/sheet/sheet-root.js +1 -0
  248. package/dist/components/sheet/sheet-title.d.ts +2 -0
  249. package/dist/components/sheet/sheet-title.js +1 -0
  250. package/dist/components/sheet/sheet-trigger.d.ts +2 -0
  251. package/dist/components/sheet/sheet-trigger.js +1 -0
  252. package/dist/components/skeleton/index.d.ts +2 -0
  253. package/dist/components/status/index.d.ts +9 -0
  254. package/dist/components/steps/index.d.ts +6 -11
  255. package/dist/components/steps/step.d.ts +3 -7
  256. package/dist/components/steps/steps-action.d.ts +5 -11
  257. package/dist/components/steps/steps-content.d.ts +2 -6
  258. package/dist/components/steps/steps-context.d.ts +6 -11
  259. package/dist/components/steps/steps-navigation.d.ts +2 -6
  260. package/dist/components/steps/steps-root.d.ts +3 -7
  261. package/dist/components/table/index.d.ts +8 -9
  262. package/dist/components/table/table-body.d.ts +1 -5
  263. package/dist/components/table/table-cell.d.ts +1 -5
  264. package/dist/components/table/table-footer.d.ts +1 -5
  265. package/dist/components/table/table-head.d.ts +2 -6
  266. package/dist/components/table/table-header.d.ts +1 -5
  267. package/dist/components/table/table-row.d.ts +2 -6
  268. package/dist/components/table/table-sort.d.ts +2 -6
  269. package/dist/components/table/table.d.ts +1 -5
  270. package/dist/components/tabs/index.d.ts +4 -0
  271. package/dist/components/tabs/index.js +1 -0
  272. package/dist/components/tabs/tabs-content.d.ts +2 -0
  273. package/dist/components/tabs/tabs-content.js +1 -0
  274. package/dist/components/tabs/tabs-list.d.ts +3 -0
  275. package/dist/components/tabs/tabs-list.js +1 -0
  276. package/dist/components/tabs/tabs-root.d.ts +3 -0
  277. package/dist/components/tabs/tabs-root.js +1 -0
  278. package/dist/components/tabs/tabs-styles.d.ts +40 -0
  279. package/dist/components/tabs/tabs-styles.js +1 -0
  280. package/dist/components/tabs/tabs-trigger.d.ts +5 -0
  281. package/dist/components/tabs/tabs-trigger.js +1 -0
  282. package/dist/components/tag/index.d.ts +4 -0
  283. package/dist/components/tag/index.js +1 -0
  284. package/dist/components/tag/tag-close.d.ts +5 -0
  285. package/dist/components/tag/tag-close.js +1 -0
  286. package/dist/components/tag/tag-icon.d.ts +3 -0
  287. package/dist/components/tag/tag-icon.js +1 -0
  288. package/dist/components/tag/tag-root.d.ts +9 -0
  289. package/dist/components/tag/tag-root.js +1 -0
  290. package/dist/components/tag/tag-text.d.ts +3 -0
  291. package/dist/components/tag/tag-text.js +1 -0
  292. package/dist/components/toast/index.d.ts +24 -0
  293. package/dist/components/{toast.js → toast/index.js} +1 -1
  294. package/dist/components/tooltip/index.d.ts +3 -0
  295. package/dist/components/tooltip/index.js +1 -0
  296. package/dist/components/tooltip/tooltip-content.d.ts +4 -0
  297. package/dist/components/tooltip/tooltip-content.js +1 -0
  298. package/dist/components/tooltip/tooltip-root.d.ts +2 -0
  299. package/dist/components/tooltip/tooltip-root.js +1 -0
  300. package/dist/components/tooltip/tooltip-trigger.d.ts +2 -0
  301. package/dist/components/tooltip/tooltip-trigger.js +1 -0
  302. package/dist/components/typography/index.d.ts +12 -0
  303. package/dist/components/{upload.d.ts → upload/index.d.ts} +20 -17
  304. package/dist/components/{upload.js → upload/index.js} +1 -1
  305. package/dist/hooks/index.d.ts +1 -7
  306. package/dist/hooks/use-os.d.ts +5 -0
  307. package/dist/index.css +2 -2
  308. package/dist/resources/icons.d.ts +2 -0
  309. package/dist/resources/icons.js +1 -0
  310. package/dist/resources/input-mask.d.ts +3 -0
  311. package/dist/resources/input-mask.js +1 -0
  312. package/dist/resources/logo/horizontal.d.ts +9 -0
  313. package/dist/resources/logo/horizontal.js +1 -0
  314. package/dist/resources/logo/icon.d.ts +9 -0
  315. package/dist/resources/logo/icon.js +1 -0
  316. package/dist/resources/logo/index.d.ts +7 -0
  317. package/dist/resources/logo/index.js +1 -0
  318. package/dist/resources/logo/vertical.d.ts +9 -0
  319. package/dist/resources/logo/vertical.js +1 -0
  320. package/package.json +44 -57
  321. package/dist/components/accordion.d.ts +0 -54
  322. package/dist/components/accordion.js +0 -1
  323. package/dist/components/avatar-group.d.ts +0 -34
  324. package/dist/components/avatar-group.js +0 -1
  325. package/dist/components/avatar.d.ts +0 -11
  326. package/dist/components/avatar.js +0 -1
  327. package/dist/components/badge.d.ts +0 -13
  328. package/dist/components/breadcrumb.d.ts +0 -20
  329. package/dist/components/breadcrumb.js +0 -1
  330. package/dist/components/chip.d.ts +0 -27
  331. package/dist/components/chip.js +0 -1
  332. package/dist/components/collapsible.d.ts +0 -8
  333. package/dist/components/collapsible.js +0 -1
  334. package/dist/components/controls/date-picker.d.ts +0 -86
  335. package/dist/components/controls/date-picker.js +0 -1
  336. package/dist/components/dialog.d.ts +0 -51
  337. package/dist/components/dialog.js +0 -1
  338. package/dist/components/divider.d.ts +0 -7
  339. package/dist/components/dropdown-menu.d.ts +0 -25
  340. package/dist/components/dropdown-menu.js +0 -1
  341. package/dist/components/icon.d.ts +0 -12
  342. package/dist/components/logo.d.ts +0 -10
  343. package/dist/components/sheet.d.ts +0 -19
  344. package/dist/components/sheet.js +0 -1
  345. package/dist/components/skeleton.d.ts +0 -6
  346. package/dist/components/status.d.ts +0 -14
  347. package/dist/components/tabs.d.ts +0 -14
  348. package/dist/components/tabs.js +0 -1
  349. package/dist/components/tag.d.ts +0 -21
  350. package/dist/components/tag.js +0 -1
  351. package/dist/components/toast.d.ts +0 -27
  352. package/dist/components/tooltip.d.ts +0 -11
  353. package/dist/components/tooltip.js +0 -1
  354. package/dist/components/typography.d.ts +0 -17
  355. package/dist/icons-C-hGI45d.d.ts +0 -4
  356. package/dist/index.d.ts +0 -2
  357. package/dist/input-mask-DhbtCxF7.d.ts +0 -3
  358. /package/dist/components/{badge.js → badge/index.js} +0 -0
  359. /package/dist/components/{divider.js → divider/index.js} +0 -0
  360. /package/dist/components/{icon.js → icon/index.js} +0 -0
  361. /package/dist/components/{logo.js → logo/index.js} +0 -0
  362. /package/dist/components/{selection-bar.js → selection-bar/index.js} +0 -0
  363. /package/dist/components/{skeleton.js → skeleton/index.js} +0 -0
  364. /package/dist/components/{status.js → status/index.js} +0 -0
  365. /package/dist/components/{typography.js → typography/index.js} +0 -0
package/package.json CHANGED
@@ -1,55 +1,54 @@
1
1
  {
2
2
  "name": "@xjur-ui/react",
3
- "version": "2.3.1",
3
+ "version": "3.0.0",
4
4
  "type": "module",
5
5
  "description": "React components for XJur Design System",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
8
- "./styles": "./dist/index.css",
8
+ "./index.css": "./dist/index.css",
9
9
  "./hooks": "./dist/hooks/index.js",
10
- "./icon": "./dist/components/icon.js",
11
- "./typography": "./dist/components/typography.js",
12
- "./logo": "./dist/components/logo.js",
13
- "./collapsible": "./dist/components/collapsible.js",
14
- "./accordion": "./dist/components/accordion.js",
15
- "./list": "./dist/components/list/index.js",
16
- "./tabs": "./dist/components/tabs.js",
17
- "./tag": "./dist/components/tag.js",
18
- "./chip": "./dist/components/chip.js",
19
- "./avatar": "./dist/components/avatar.js",
20
- "./dialog": "./dist/components/dialog.js",
21
- "./upload": "./dist/components/upload.js",
22
- "./selection-bar": "./dist/components/selection-bar.js",
23
- "./dropdown-menu": "./dist/components/dropdown-menu.js",
24
- "./divider": "./dist/components/divider.js",
25
- "./sheet": "./dist/components/sheet.js",
26
- "./badge": "./dist/components/badge.js",
27
- "./table": "./dist/components/table/index.js",
28
- "./avatar-group": "./dist/components/avatar-group.js",
29
- "./skeleton": "./dist/components/skeleton.js",
30
- "./tooltip": "./dist/components/tooltip.js",
31
- "./status": "./dist/components/status.js",
32
- "./toast": "./dist/components/toast.js",
33
- "./horizontal-scroll": "./dist/components/horizontal-scroll.js",
34
- "./breadcrumb": "./dist/components/breadcrumb.js",
35
- "./dnd": "./dist/components/drag-and-drop/index.js",
36
- "./full-calendar": "./dist/components/full-calendar/index.js",
10
+ "./accordion": "./dist/components/accordion/index.js",
11
+ "./avatar": "./dist/components/avatar/index.js",
12
+ "./badge": "./dist/components/badge/index.js",
13
+ "./breadcrumb": "./dist/components/breadcrumb/index.js",
14
+ "./carousel": "./dist/components/carousel/index.js",
15
+ "./chip": "./dist/components/chip/index.js",
16
+ "./collapsible": "./dist/components/collapsible/index.js",
37
17
  "./button": "./dist/components/controls/button.js",
38
18
  "./calendar": "./dist/components/controls/calendar.js",
39
19
  "./checkbox": "./dist/components/controls/checkbox.js",
40
- "./date-picker": "./dist/components/controls/date-picker/index.js",
41
- "./input": "./dist/components/controls/input/index.js",
42
20
  "./otp-input": "./dist/components/controls/otp-input.js",
43
21
  "./radio": "./dist/components/controls/radio.js",
22
+ "./rating": "./dist/components/controls/rating.js",
44
23
  "./rich-editor": "./dist/components/controls/rich-editor.js",
45
24
  "./search-input": "./dist/components/controls/search-input.js",
46
- "./select": "./dist/components/controls/select/index.js",
47
- "./switch": "./dist/components/controls/switch.js",
25
+ "./search-selector": "./dist/components/controls/search-selector.js",
48
26
  "./slider": "./dist/components/controls/slider.js",
49
- "./rating": "./dist/components/controls/rating.js",
27
+ "./switch": "./dist/components/controls/switch.js",
28
+ "./date-picker": "./dist/components/controls/date-picker/index.js",
29
+ "./input": "./dist/components/controls/input/index.js",
30
+ "./select": "./dist/components/controls/select/index.js",
50
31
  "./pessoa": "./dist/components/custom/pessoa/index.js",
32
+ "./dialog": "./dist/components/dialog/index.js",
33
+ "./divider": "./dist/components/divider/index.js",
34
+ "./dnd": "./dist/components/drag-and-drop/index.js",
35
+ "./dropdown-menu": "./dist/components/dropdown-menu/index.js",
36
+ "./full-calendar": "./dist/components/full-calendar/index.js",
37
+ "./icon": "./dist/components/icon/index.js",
38
+ "./list": "./dist/components/list/index.js",
39
+ "./logo": "./dist/components/logo/index.js",
40
+ "./selection-bar": "./dist/components/selection-bar/index.js",
41
+ "./sheet": "./dist/components/sheet/index.js",
42
+ "./skeleton": "./dist/components/skeleton/index.js",
43
+ "./status": "./dist/components/status/index.js",
51
44
  "./steps": "./dist/components/steps/index.js",
52
- "./carousel": "./dist/components/carousel/index.js"
45
+ "./table": "./dist/components/table/index.js",
46
+ "./tabs": "./dist/components/tabs/index.js",
47
+ "./tag": "./dist/components/tag/index.js",
48
+ "./toast": "./dist/components/toast/index.js",
49
+ "./tooltip": "./dist/components/tooltip/index.js",
50
+ "./typography": "./dist/components/typography/index.js",
51
+ "./upload": "./dist/components/upload/index.js"
53
52
  },
54
53
  "files": [
55
54
  "dist",
@@ -60,6 +59,7 @@
60
59
  "dependencies": {
61
60
  "@dnd-kit/core": "^6.3.1",
62
61
  "@dnd-kit/sortable": "^10.0.0",
62
+ "@dnd-kit/utilities": "^3.2.2",
63
63
  "@radix-ui/react-accordion": "^1.2.12",
64
64
  "@radix-ui/react-avatar": "^1.1.10",
65
65
  "@radix-ui/react-checkbox": "^1.3.3",
@@ -84,10 +84,10 @@
84
84
  "@tiptap/extension-placeholder": "^3.4.1",
85
85
  "@tiptap/react": "^3.3.0",
86
86
  "@tiptap/starter-kit": "^3.3.0",
87
- "@xjur-ui/styles": "*",
88
- "@xjur-ui/util": "*",
89
87
  "react-day-picker": "^9.9.0",
90
- "react-number-format": "^5.4.4"
88
+ "react-number-format": "^5.4.4",
89
+ "@xjur-ui/styles": "2.0.0",
90
+ "@xjur-ui/util": "2.0.0"
91
91
  },
92
92
  "peerDependencies": {
93
93
  "react": "^18.0.0 || ^19.0.0",
@@ -111,32 +111,19 @@
111
111
  "@tailwindcss/postcss": "^4.1.11",
112
112
  "@types/react": "^19.1.9",
113
113
  "@types/react-dom": "^19.1.7",
114
- "@xjur-ui/eslint-config": "*",
115
- "@xjur-ui/typescript-config": "*",
116
114
  "autoprefixer": "^10.4.21",
117
- "bundlesize": "^0.18.2",
118
115
  "postcss": "^8.5.6",
119
116
  "prettier-plugin-tailwindcss": "^0.6.14",
120
117
  "react": "^19.1.1",
121
118
  "react-dom": "^19.1.1",
122
119
  "tailwindcss": "^4.1.11",
123
- "tsup": "^8.5.0"
120
+ "tsup": "^8.5.0",
121
+ "typescript": "^5.9.3",
122
+ "@xjur-ui/eslint-config": "1.0.2",
123
+ "@xjur-ui/typescript-config": "1.0.2"
124
124
  },
125
125
  "scripts": {
126
126
  "build": "tsup",
127
- "build:analyze": "tsup --metafile && node ../../scripts/bundle-size-analyzer.js",
128
127
  "dev": "tsup --watch"
129
- },
130
- "bundlesize": [
131
- {
132
- "path": "dist/components/*.js",
133
- "maxSize": "15kb",
134
- "compression": "gzip"
135
- },
136
- {
137
- "path": "dist/index.js",
138
- "maxSize": "5kb",
139
- "compression": "gzip"
140
- }
141
- ]
142
- }
128
+ }
129
+ }
@@ -1,54 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
-
4
- interface AccordionRootProps {
5
- variant?: 'default' | 'tabheader';
6
- className?: string;
7
- type?: 'single' | 'multiple';
8
- collapsible?: boolean;
9
- defaultValue?: string | string[];
10
- value?: string | string[];
11
- onValueChange?: (value: string | string[]) => void;
12
- children?: React.ReactNode;
13
- }
14
- declare function AccordionRoot({ variant, className, type, ...props }: AccordionRootProps): react_jsx_runtime.JSX.Element;
15
- interface AccordionItemProps {
16
- variant?: 'default' | 'tabheader';
17
- className?: string;
18
- value: string;
19
- children?: React.ReactNode;
20
- }
21
- declare function AccordionItem({ variant, className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
22
- interface AccordionTriggerProps {
23
- variant?: 'default' | 'tabheader';
24
- showIcon?: boolean;
25
- iconPosition?: 'left' | 'right';
26
- iconName?: 'keyboard_arrow_down' | 'chevron_right' | 'add' | 'remove';
27
- className?: string;
28
- children?: React.ReactNode;
29
- }
30
- declare function AccordionTrigger({ variant, showIcon, iconPosition, iconName, className, children, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
31
- interface AccordionContentProps {
32
- variant?: 'default' | 'tabheader';
33
- className?: string;
34
- children?: React.ReactNode;
35
- }
36
- declare function AccordionContent({ variant, className, children, ...props }: AccordionContentProps): react_jsx_runtime.JSX.Element;
37
- interface AccordionTabHeaderProps {
38
- items: Array<{
39
- value: string;
40
- title: string;
41
- content: React.ReactNode;
42
- iconVariant?: 'chevron' | 'triangle' | 'plus';
43
- iconColor?: 'gray' | 'orange';
44
- iconDirection?: 'right' | 'down';
45
- }>;
46
- variant?: 'default' | 'tabheader';
47
- type?: 'single' | 'multiple';
48
- defaultValue?: string | string[];
49
- value?: string | string[];
50
- onValueChange?: (value: string | string[]) => void;
51
- }
52
- declare function AccordionTabHeader({ items, variant, type, defaultValue, value, onValueChange: handleValueChange, ...props }: AccordionTabHeaderProps): react_jsx_runtime.JSX.Element;
53
-
54
- export { AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTabHeader, type AccordionTabHeaderProps, AccordionTrigger, type AccordionTriggerProps };
@@ -1 +0,0 @@
1
- import"react";import*as l from"@radix-ui/react-accordion";import{cx as g}from"@xjur-ui/util";import{cx as b}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function m({className:r,filled:e=!1,name:a,...t}){return y("span",{...t,className:b("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:a})}import{jsx as n,jsxs as f}from"react/jsx-runtime";var _=(r="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};function w({variant:r="default",className:e,type:a="single",...t}){let i=_(r);if(a==="multiple"){let{value:o,defaultValue:p,onValueChange:h,...v}=t;return n(l.Root,{className:g(i.root,e),defaultValue:p,type:"multiple",value:o,...v,onValueChange:h})}let{value:s,defaultValue:d,onValueChange:u,...c}=t;return n(l.Root,{className:g(i.root,e),defaultValue:d,type:"single",value:s,...c,onValueChange:u})}function x({variant:r="default",className:e,...a}){let t=_(r);return n(l.Item,{className:g(t.item,e),...a})}function A({variant:r="default",showIcon:e=!0,iconPosition:a="right",iconName:t="keyboard_arrow_down",className:i,children:s,...d}){let u=_(r),c=e?n(m,{className:"h-4 w-4 shrink-0 transition-transform duration-200",name:t}):null;return f(l.Trigger,{className:g(u.trigger,i),...d,children:[a==="left"&&c,n("span",{className:"flex-1 text-left",children:s}),a==="right"&&c]})}function k({variant:r="default",className:e,children:a,...t}){let i=_(r);return n(l.Content,{className:g(i.content,e),...t,children:n("div",{className:i.contentInner,children:a})})}function S({items:r,variant:e="tabheader",type:a="single",defaultValue:t,value:i,onValueChange:s,...d}){let u=(o,p)=>{switch(o){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=o=>{switch(o){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return n(w,{defaultValue:t,type:a,value:i,variant:e,...d,onValueChange:s,children:r.map(o=>f(x,{value:o.value,variant:e,children:[n(A,{className:c(o.iconColor||"gray"),iconName:u(o.iconVariant||"chevron",o.iconDirection||"down"),variant:e,children:o.title}),n(k,{variant:e,children:o.content})]},o.value))})}export{k as AccordionContent,x as AccordionItem,w as AccordionRoot,S as AccordionTabHeader,A as AccordionTrigger};
@@ -1,34 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- interface AvatarGroupProps {
4
- /**
5
- * Lista de avatares para exibir
6
- */
7
- avatars: Array<{
8
- src?: string;
9
- alt?: string;
10
- fallback?: string;
11
- }>;
12
- /**
13
- * Número máximo de avatares a exibir antes de mostrar o indicador de overflow
14
- * @default 3
15
- */
16
- max?: number;
17
- /**
18
- * Tamanho dos avatares
19
- * @default 'md'
20
- */
21
- size?: 'xs' | 'sm' | 'md' | 'lg';
22
- /**
23
- * Classe CSS adicional
24
- */
25
- className?: string;
26
- /**
27
- * Espaçamento entre os avatares (em pixels)
28
- * @default -8
29
- */
30
- spacing?: number;
31
- }
32
- declare function AvatarGroup({ avatars, max, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
33
-
34
- export { AvatarGroup, type AvatarGroupProps };
@@ -1 +0,0 @@
1
- import{cx as A}from"@xjur-ui/util";import"react";import*as s from"@radix-ui/react-avatar";import{cx as d}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function c({className:a,size:t="md",...e}){return v(s.Root,{className:d("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}function b({className:a,...t}){return v(s.Image,{className:d("aspect-square size-full",a),"data-slot":"avatar-image",...t})}function p({className:a,...t}){return v(s.Fallback,{className:d("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{Slot as g}from"@radix-ui/react-slot";import{cva as f}from"@xjur-ui/util";import{memo as y}from"react";import{jsx as u}from"react/jsx-runtime";var h=f("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),z=y(({variant:a,size:t,weight:e,asChild:o,className:m,...r})=>u(o?g:"span",{className:h({variant:a,size:t,weight:e,className:m}),...r}));z.displayName="Typography";import{jsx as l,jsxs as x}from"react/jsx-runtime";function q({avatars:a,max:t=3,size:e="md",className:o}){let m=a.slice(0,t),r=a.length-t;return x("div",{className:A("-space-x-small-1x flex items-center",o),"data-slot":"avatar-group",children:[m.map((i,n)=>x(c,{className:"border-icon-neutral-5 border-2",size:e,children:[i.src&&l(b,{alt:i.alt||`Avatar ${n+1}`,src:i.src}),l(p,{children:i.fallback||`A${n+1}`})]},n)),r>0&&l(c,{className:"bg-layer-1-hover",size:e,children:l(p,{className:"bg-layer-1-hover font-medium",children:x(z,{className:"text-neutral-dark",weight:"medium",children:["+",r]})})})]})}export{q as AvatarGroup};
@@ -1,11 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import * as AvatarPrimitive from '@radix-ui/react-avatar';
4
-
5
- declare function AvatarRoot({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
6
- size?: 'xs' | 'sm' | 'md' | 'lg';
7
- }): react_jsx_runtime.JSX.Element;
8
- declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
9
- declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
10
-
11
- export { AvatarFallback, AvatarImage, AvatarRoot };
@@ -1 +0,0 @@
1
- import"react";import*as a from"@radix-ui/react-avatar";import{cx as i}from"@xjur-ui/util";import{jsx as r}from"react/jsx-runtime";function m({className:e,size:t="md",...s}){return r(a.Root,{className:i("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",e),"data-size":t,"data-slot":"avatar",...s})}function d({className:e,...t}){return r(a.Image,{className:i("aspect-square size-full",e),"data-slot":"avatar-image",...t})}function n({className:e,...t}){return r(a.Fallback,{className:i("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",e),"data-slot":"avatar-fallback",...t})}export{n as AvatarFallback,d as AvatarImage,m as AvatarRoot};
@@ -1,13 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ClassVariantProps } from '@xjur-ui/util';
4
-
5
- declare const badgeVariants: (props?: ({
6
- variant?: "warning" | "primary" | "secondary" | "neutral" | "success" | "danger" | null | undefined;
7
- } & class_variance_authority_types.ClassProp) | undefined) => string;
8
- declare function Badge({ variant, children, className }: ClassVariantProps<typeof badgeVariants> & {
9
- children: string;
10
- className?: string;
11
- }): react_jsx_runtime.JSX.Element;
12
-
13
- export { Badge };
@@ -1,20 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { TypographyProps, Typography } from './typography.js';
4
- import 'class-variance-authority/types';
5
- import '@xjur-ui/util';
6
-
7
- declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
8
- declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
9
- declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
10
- declare function BreadcrumbLink({ asChild, className, variant, size, ...props }: React.ComponentProps<'a'> & {
11
- asChild?: boolean;
12
- href?: string;
13
- variant?: TypographyProps['variant'];
14
- size?: TypographyProps['size'];
15
- }): react_jsx_runtime.JSX.Element;
16
- declare function BreadcrumbPage({ variant, size, className, ...props }: React.ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
17
- declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
18
- declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
19
-
20
- export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
@@ -1 +0,0 @@
1
- import"react";import{Slot as h}from"@radix-ui/react-slot";import{cx as s}from"@xjur-ui/util";import{cx as c}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function l({className:e,filled:a=!1,name:r,...o}){return m("span",{...o,className:c("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:r})}import{Slot as d}from"@radix-ui/react-slot";import{cva as _}from"@xjur-ui/util";import{memo as b}from"react";import{jsx as u}from"react/jsx-runtime";var f=_("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),i=b(({variant:e,size:a,weight:r,asChild:o,className:n,...p})=>u(o?d:"span",{className:f({variant:e,size:a,weight:r,className:n}),...p}));i.displayName="Typography";import{jsx as t,jsxs as y}from"react/jsx-runtime";function A({...e}){return t("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function D({className:e,...a}){return t("ol",{className:s("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),"data-slot":"breadcrumb-list",...a})}function E({className:e,...a}){return t("li",{className:s("inline-flex items-center gap-1.5",e),"data-slot":"breadcrumb-item",...a})}function F({asChild:e,className:a,variant:r="headline",size:o="sm",...n}){return t(i,{asChild:!0,size:o,variant:r,children:t(e?h:"a",{className:s("hover:text-neutral-dark transition-colors",a),"data-slot":"breadcrumb-link",...n})})}function G({variant:e="headline",size:a="sm",className:r,...o}){return t(i,{"aria-current":"page","aria-disabled":"true",className:s("text-neutral-dark font-normal",r),"data-slot":"breadcrumb-page",role:"link",size:a,variant:e,...o})}function M({children:e,className:a,...r}){return t("li",{"aria-hidden":"true",className:s("[&>span]:text-size-title-lg",a),"data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??t(l,{name:"chevron_right"})})}function $({className:e,...a}){return y("span",{"aria-hidden":"true",className:s("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...a,children:[t(l,{className:"size-4",name:"more_horiz"}),t("span",{className:"sr-only",children:"More"})]})}export{A as Breadcrumb,$ as BreadcrumbEllipsis,E as BreadcrumbItem,F as BreadcrumbLink,D as BreadcrumbList,G as BreadcrumbPage,M as BreadcrumbSeparator};
@@ -1,27 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ClassVariantProps } from '@xjur-ui/util';
4
- import { ComponentProps } from 'react';
5
- import { Typography } from './typography.js';
6
- import { Icon } from './icon.js';
7
- import { AvatarRoot } from './avatar.js';
8
- import { I as IconType } from '../icons-C-hGI45d.js';
9
- import '@radix-ui/react-avatar';
10
-
11
- declare const chipVariants: (props?: ({
12
- variant?: "primary" | "neutral" | "danger" | null | undefined;
13
- } & class_variance_authority_types.ClassProp) | undefined) => string;
14
- declare function ChipRoot({ className, variant, disabled, ...props }: ComponentProps<'div'> & ClassVariantProps<typeof chipVariants> & {
15
- disabled?: boolean;
16
- }): react_jsx_runtime.JSX.Element;
17
- declare function ChipText({ variant, size, weight, className, ...props }: ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
18
- declare function ChipIcon({ className, ...props }: ComponentProps<typeof Icon>): react_jsx_runtime.JSX.Element;
19
- declare function ChipClose({ className, children, ...props }: ComponentProps<'div'> & {
20
- name?: IconType;
21
- }): react_jsx_runtime.JSX.Element;
22
- declare function ChipAvatar({ size, avatarFallback, avatarUrl, ...props }: ComponentProps<typeof AvatarRoot> & {
23
- avatarUrl?: string;
24
- avatarFallback: string;
25
- }): react_jsx_runtime.JSX.Element;
26
-
27
- export { ChipAvatar, ChipClose, ChipIcon, ChipRoot, ChipText };
@@ -1 +0,0 @@
1
- import{cva as w,cx as s}from"@xjur-ui/util";import"react";import{Slot as _}from"@radix-ui/react-slot";import{cva as g}from"@xjur-ui/util";import{memo as y}from"react";import{jsx as h}from"react/jsx-runtime";var u=g("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),n=y(({variant:e,size:a,weight:t,asChild:r,className:l,...b})=>h(r?_:"span",{className:u({variant:e,size:a,weight:t,className:l}),...b}));n.displayName="Typography";import{cx as x}from"@xjur-ui/util";import{jsx as z}from"react/jsx-runtime";function m({className:e,filled:a=!1,name:t,...r}){return z("span",{...r,className:x("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:t})}import"react";import*as i from"@radix-ui/react-avatar";import{cx as p}from"@xjur-ui/util";import{jsx as d}from"react/jsx-runtime";function c({className:e,size:a="md",...t}){return d(i.Root,{className:p("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",e),"data-size":a,"data-slot":"avatar",...t})}function f({className:e,...a}){return d(i.Image,{className:p("aspect-square size-full",e),"data-slot":"avatar-image",...a})}function v({className:e,...a}){return d(i.Fallback,{className:p("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",e),"data-slot":"avatar-fallback",...a})}import{jsx as o,jsxs as C}from"react/jsx-runtime";var k=w(["group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function Q({className:e,variant:a="primary",disabled:t=!1,...r}){return o("div",{className:s(k({variant:a}),e),"data-disabled":t,...r})}function U({variant:e="label",size:a="sm-1x",weight:t="medium",className:r,...l}){return o(n,{className:s(r,"truncate"),size:a,variant:e,weight:t,...l})}function P({className:e,...a}){return o(m,{className:(s("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),e),...a})}function W({className:e,children:a=o(P,{name:"close"}),...t}){return o("div",{className:s(e,"data-[disabled=true]:invisible","cursor-pointer bg-inherit","invisible items-center justify-center group-hover/chip:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),role:"button",...t,children:a})}function X({size:e="xs",avatarFallback:a="CN",avatarUrl:t,...r}){return C(c,{size:e,style:{marginLeft:"-4px"},...r,children:[t&&o(f,{src:t}),o(v,{children:a})]})}export{X as ChipAvatar,W as ChipClose,P as ChipIcon,Q as ChipRoot,U as ChipText};
@@ -1,8 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
3
-
4
- declare function CollapsibleRoot({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
5
- declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
6
- declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
7
-
8
- export { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger };
@@ -1 +0,0 @@
1
- import*as l from"@radix-ui/react-collapsible";import{cx as i}from"@xjur-ui/util";import{jsx as e}from"react/jsx-runtime";function p({...o}){return e(l.Root,{"data-slot":"collapsible",...o})}function s({...o}){return e(l.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...o})}function r({className:o,...t}){return e(l.CollapsibleContent,{className:i(o,"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up"),"data-slot":"collapsible-content",...t})}export{r as CollapsibleContent,p as CollapsibleRoot,s as CollapsibleTrigger};
@@ -1,86 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as tailwind_variants from 'tailwind-variants';
3
- import { ComponentProps } from 'react';
4
- import * as RadixPopover from '@radix-ui/react-popover';
5
- import { I as IconType } from '../../icons-C-hGI45d.js';
6
- import { FieldContextValue } from './context/field.context.js';
7
- import { FloatingLabel } from './floating-label.js';
8
- import '@react-input/mask';
9
- import '../../input-mask-DhbtCxF7.js';
10
-
11
- declare const datePicker: tailwind_variants.TVReturnType<{
12
- state: {
13
- normal: {
14
- trigger: string;
15
- };
16
- error: {
17
- trigger: string;
18
- caption: string;
19
- };
20
- disabled: {
21
- trigger: string;
22
- };
23
- };
24
- }, {
25
- wrapper: string;
26
- trigger: string[];
27
- content: string[];
28
- icon: string;
29
- slotText: string;
30
- caption: string;
31
- }, undefined, {
32
- state: {
33
- normal: {
34
- trigger: string;
35
- };
36
- error: {
37
- trigger: string;
38
- caption: string;
39
- };
40
- disabled: {
41
- trigger: string;
42
- };
43
- };
44
- }, {
45
- wrapper: string;
46
- trigger: string[];
47
- content: string[];
48
- icon: string;
49
- slotText: string;
50
- caption: string;
51
- }, tailwind_variants.TVReturnType<{
52
- state: {
53
- normal: {
54
- trigger: string;
55
- };
56
- error: {
57
- trigger: string;
58
- caption: string;
59
- };
60
- disabled: {
61
- trigger: string;
62
- };
63
- };
64
- }, {
65
- wrapper: string;
66
- trigger: string[];
67
- content: string[];
68
- icon: string;
69
- slotText: string;
70
- caption: string;
71
- }, undefined, unknown, unknown, undefined>>;
72
- declare function DatePickerRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
73
- declare function DatePickerTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
74
- declare function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
75
- declare function DatePickerIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
76
- name: IconType;
77
- orientation?: 'left' | 'right';
78
- }): react_jsx_runtime.JSX.Element;
79
- declare function DatePickerSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
80
- declare function DatePickerValue({ className, displayValue, placeholder, value, ...props }: ComponentProps<'input'> & {
81
- displayValue?: string;
82
- }): react_jsx_runtime.JSX.Element;
83
- declare function DatePickerContent({ className, sideOffset, side, align, ...props }: ComponentProps<typeof RadixPopover.Content>): react_jsx_runtime.JSX.Element;
84
- declare function DatePickerCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
85
-
86
- export { DatePickerCaption, DatePickerContent, DatePickerIcon, DatePickerLabel, DatePickerRoot, DatePickerSlot, DatePickerTrigger, DatePickerValue, datePicker };
@@ -1 +0,0 @@
1
- import{tv as g,twJoin as T,twMerge as R}from"@xjur-ui/util";import{useMemo as F}from"react";import*as l from"@radix-ui/react-popover";import{cx as x}from"@xjur-ui/util";import{jsx as h}from"react/jsx-runtime";function u({className:t,filled:o=!1,name:e,...a}){return h("span",{...a,className:x("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:e})}import{Slot as v}from"@radix-ui/react-slot";import{cva as y}from"@xjur-ui/util";import{memo as _}from"react";import{jsx as P}from"react/jsx-runtime";var w=y("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),d=_(({variant:t,size:o,weight:e,asChild:a,className:i,...n})=>P(a?v:"span",{className:w({variant:t,size:o,weight:e,className:i}),...n}));d.displayName="Typography";import{createContext as z,useContext as k}from"react";var c=z({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function s(){let t=k(c);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as C}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function m({className:t,htmlFor:o,children:e,...a}){let{state:i}=s(),n=C({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return f("label",{className:n({className:t,state:i}),htmlFor:o,...a,children:f("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:e})})}import{jsx as r,jsxs as S}from"react/jsx-runtime";var I=g({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:N,trigger:V,icon:D,caption:L,slotText:M,content:O}=I();function se({className:t,state:o="normal",defaultOpen:e,variant:a="normal",modal:i,open:n,onOpenChange:p,...b}){return r(l.Root,{defaultOpen:e,modal:i,open:n,onOpenChange:p,children:r(c.Provider,{value:{state:o,variant:a},children:r("div",{className:N({className:t,state:o}),...b})})})}function le({className:t,...o}){let{state:e,variant:a}=s(),i=g({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),n=R(V({state:e,className:t}),a==="filter"&&i({state:e,className:t}));return r(l.Trigger,{className:n,disabled:e==="disabled",...o})}function pe(t){return r(m,{...t})}function de({className:t,name:o,orientation:e="left",...a}){let{state:i}=s();return r("div",{className:D({className:t,state:i}),"data-slot":`control-${e}-slot`,...a,children:r(u,{name:o})})}function ce({className:t,...o}){let{state:e}=s();return r("span",{className:M({className:t,state:e}),...o})}function me({className:t,displayValue:o="",placeholder:e,value:a,...i}){let{variant:n}=s(),p=F(()=>n==="filter"?o:o||e,[o,e,n]);return S("div",{className:"grid w-full items-center",children:[e&&n==="filter"&&r(m,{children:e}),e&&n==="filter"&&r(d,{className:"invisible col-start-1 row-start-1 self-center",children:e}),r(d,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),r("input",{...i,"aria-readonly":!0,className:T("pointer-events-none",t),hidden:!0,placeholder:" ",readOnly:!0,value:a??""})]})}function ue({className:t,sideOffset:o=5,side:e="bottom",align:a="start",...i}){let{state:n}=s();return r(l.Portal,{children:r(l.Content,{align:a,className:O({className:t,state:n}),side:e,sideOffset:o,...i})})}function fe({className:t,...o}){let{state:e}=s();return r("p",{className:L({className:t,state:e}),...o})}export{fe as DatePickerCaption,ue as DatePickerContent,de as DatePickerIcon,pe as DatePickerLabel,se as DatePickerRoot,ce as DatePickerSlot,le as DatePickerTrigger,me as DatePickerValue,I as datePicker};
@@ -1,51 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { ComponentProps } from 'react';
4
- import * as class_variance_authority_types from 'class-variance-authority/types';
5
- import * as DialogPrimitive from '@radix-ui/react-dialog';
6
- import { ClassVariantProps } from '@xjur-ui/util';
7
-
8
- declare const dialogOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
9
- declare const dialogContentVariants: (props?: ({
10
- size?: "sm" | "md" | "lg" | "xl" | null | undefined;
11
- } & class_variance_authority_types.ClassProp) | undefined) => string;
12
- declare const dialogHeaderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
13
- declare const dialogFooterVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
14
- declare const dialogTitleVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
15
- declare const dialogDescriptionVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
16
- declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
17
- declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
18
- declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
19
- declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
20
- interface DialogOverlayProps extends ComponentProps<typeof DialogPrimitive.Overlay>, ClassVariantProps<typeof dialogOverlayVariants> {
21
- }
22
- declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
- interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content>, ClassVariantProps<typeof dialogContentVariants> {
24
- }
25
- declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
26
- interface DialogHeaderProps extends ComponentProps<'div'>, ClassVariantProps<typeof dialogHeaderVariants> {
27
- }
28
- declare const DialogHeader: React.ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
29
- interface DialogFooterProps extends ComponentProps<'div'>, ClassVariantProps<typeof dialogFooterVariants> {
30
- }
31
- declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
- interface DialogTitleProps extends ComponentProps<typeof DialogPrimitive.Title>, ClassVariantProps<typeof dialogTitleVariants> {
33
- }
34
- declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
35
- interface DialogDescriptionProps extends ComponentProps<typeof DialogPrimitive.Description>, ClassVariantProps<typeof dialogDescriptionVariants> {
36
- }
37
- declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
38
- interface DeleteDialogProps {
39
- open?: boolean;
40
- onOpenChange?: (open: boolean) => void;
41
- title?: string;
42
- description?: string;
43
- onConfirm?: () => void;
44
- onCancel?: () => void;
45
- confirmText?: string;
46
- cancelText?: string;
47
- isLoading?: boolean;
48
- }
49
- declare function DeleteDialog({ open, onOpenChange, title, description, onConfirm, onCancel, confirmText, cancelText, isLoading }: DeleteDialogProps): react_jsx_runtime.JSX.Element;
50
-
51
- export { DeleteDialog, type DeleteDialogProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger };
@@ -1 +0,0 @@
1
- import*as e from"@radix-ui/react-dialog";import{cva as n,cx as p}from"@xjur-ui/util";import{forwardRef as d}from"react";import{Slot as z}from"@radix-ui/react-slot";import{cva as w,cx as V}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";var k=w(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function y({asChild:t,className:a,variant:o="primary",size:r="md",appearance:s="solid",...c}){return T(t?z:"button",{className:V(k({variant:o,appearance:s,size:r}),a),...c})}import{Slot as N}from"@radix-ui/react-slot";import{cva as O}from"@xjur-ui/util";import{memo as R}from"react";import{jsx as F}from"react/jsx-runtime";var E=O("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),m=R(({variant:t,size:a,weight:o,asChild:r,className:s,...c})=>F(r?N:"span",{className:E({variant:t,size:a,weight:o,className:s}),...c}));m.displayName="Typography";import{cx as H}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";function v({className:t,filled:a=!1,name:o,...r}){return I("span",{...r,className:H("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{jsx as i,jsxs as l}from"react/jsx-runtime";var B=n(["fixed inset-0 z-50 bg-black/50 backdrop-blur-sm","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"]),L=n(["fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-layer-1-idle p-6 shadow-lg duration-200","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]","data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]","sm:rounded-lg"],{variants:{size:{sm:"max-w-sm",md:"max-w-lg",lg:"max-w-2xl",xl:"max-w-4xl"}},defaultVariants:{size:"md"}}),q=n(["flex flex-col space-y-1.5 text-center sm:text-left"]),S=n(["flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"]),M=n(["text-lg font-semibold leading-none tracking-tight"]),j=n(["text-sm text-neutral-dark"]),A=e.Root,fe=e.Trigger,G=e.Portal,ye=e.Close,b=d(({className:t,...a},o)=>i(e.Overlay,{className:p(B(),t),ref:o,...a}));b.displayName=e.Overlay.displayName;var x=d(({className:t,children:a,size:o,...r},s)=>l(G,{children:[i(b,{}),l(e.Content,{className:p(L({size:o}),t),ref:s,...r,children:[a,l(e.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[i(v,{className:"h-4 w-4",name:"close"}),i("span",{className:"sr-only",children:"Fechar"})]})]})]}));x.displayName=e.Content.displayName;var u=d(({className:t,...a},o)=>i("div",{className:p(q(),t),ref:o,...a}));u.displayName="DialogHeader";var h=d(({className:t,...a},o)=>i("div",{className:p(S(),t),ref:o,...a}));h.displayName="DialogFooter";var _=d(({className:t,...a},o)=>i(e.Title,{className:p(M(),t),ref:o,...a}));_.displayName=e.Title.displayName;var D=d(({className:t,...a},o)=>i(e.Description,{className:p(j(),t),ref:o,...a}));D.displayName=e.Description.displayName;function ve({open:t,onOpenChange:a,title:o="Excluir documento",description:r="Voc\xEA tem certeza que deseja excluir este documento permanentemente?",onConfirm:s,onCancel:c,confirmText:g="Excluir permanentemente",cancelText:P="Cancelar",isLoading:f=!1}){return i(A,{open:t,onOpenChange:C=>{a?.(C)},children:l(x,{size:"sm",children:[l(u,{children:[i(_,{children:i(m,{size:"md",variant:"title",weight:"semibold",children:o})}),i(D,{children:i(m,{size:"md",variant:"body",children:r})})]}),l(h,{children:[i(y,{appearance:"ghost",disabled:f,variant:"tertiary",onClick:()=>{c?.(),a?.(!1)},children:P}),i(y,{appearance:"solid",disabled:f,variant:"destructive",onClick:()=>{s?.()},children:f?"Excluindo...":g})]})]})})}export{ve as DeleteDialog,A as Dialog,ye as DialogClose,x as DialogContent,D as DialogDescription,h as DialogFooter,u as DialogHeader,b as DialogOverlay,G as DialogPortal,_ as DialogTitle,fe as DialogTrigger};
@@ -1,7 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import * as SeparatorPrimitive from '@radix-ui/react-separator';
4
-
5
- declare function Divider({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
6
-
7
- export { Divider };
@@ -1,25 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
4
- import { ListHeader } from './list/list-header.js';
5
- import { ListHeaderTitle } from './list/list-header-title.js';
6
- import { ListContent } from './list/list-content.js';
7
- import { ListItem } from './list/list-item.js';
8
- import { Typography } from './typography.js';
9
- import { Divider } from './divider.js';
10
- import 'class-variance-authority/types';
11
- import '@xjur-ui/util';
12
- import '@radix-ui/react-separator';
13
-
14
- declare function DropdownMenuRoot({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
15
- declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
16
- declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
17
- declare function DropdownMenuContent({ className, sideOffset, align, side, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
18
- declare function DropdownMenuList({ ...props }: React.ComponentProps<typeof ListContent>): react_jsx_runtime.JSX.Element;
19
- declare function DropdownMenuHeader({ ...props }: React.ComponentProps<typeof ListHeader>): react_jsx_runtime.JSX.Element;
20
- declare function DropdownMenuHeaderTitle({ ...props }: React.ComponentProps<typeof ListHeaderTitle>): react_jsx_runtime.JSX.Element;
21
- declare function DropdownMenuItem({ className, ...props }: React.ComponentProps<typeof ListItem>): react_jsx_runtime.JSX.Element;
22
- declare function DropdownMenuItemText({ ...props }: React.ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
23
- declare function DropdownMenuItemDivider({ ...props }: React.ComponentProps<typeof Divider>): react_jsx_runtime.JSX.Element;
24
-
25
- export { DropdownMenuContent, DropdownMenuHeader, DropdownMenuHeaderTitle, DropdownMenuItem, DropdownMenuItemDivider, DropdownMenuItemText, DropdownMenuList, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger };