@contractspec/lib.ui-kit 1.57.0 → 1.58.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 (480) hide show
  1. package/dist/browser/index.js +5 -0
  2. package/dist/browser/ui/accordion.js +160 -0
  3. package/dist/browser/ui/alert-dialog.js +205 -0
  4. package/dist/browser/ui/alert.js +85 -0
  5. package/dist/browser/ui/aspect-ratio.js +6 -0
  6. package/dist/browser/ui/atoms/FilterSelect/FilterSelect.js +527 -0
  7. package/dist/browser/ui/atoms/FilterSelect/index.js +527 -0
  8. package/dist/browser/ui/atoms/FilterSelect/types.js +0 -0
  9. package/dist/browser/ui/atoms/LoadingSpinner/LoadingSpinner.js +193 -0
  10. package/dist/browser/ui/atoms/LoadingSpinner/index.js +193 -0
  11. package/dist/browser/ui/atoms/Pagination/Pagination.js +442 -0
  12. package/dist/browser/ui/atoms/Pagination/index.js +442 -0
  13. package/dist/browser/ui/atoms/Pagination/types.js +0 -0
  14. package/dist/browser/ui/atoms/SearchInput/SearchInput.js +155 -0
  15. package/dist/browser/ui/atoms/SearchInput/index.js +155 -0
  16. package/dist/browser/ui/atoms/SearchInput/types.js +0 -0
  17. package/dist/browser/ui/avatar.js +37 -0
  18. package/dist/browser/ui/badge.js +28 -0
  19. package/dist/browser/ui/breadcrumb.js +102 -0
  20. package/dist/browser/ui/button.js +88 -0
  21. package/dist/browser/ui/card.js +90 -0
  22. package/dist/browser/ui/carousel.js +5 -0
  23. package/dist/browser/ui/checkbox.js +21 -0
  24. package/dist/browser/ui/collapsible.js +10 -0
  25. package/dist/browser/ui/command.js +5 -0
  26. package/dist/browser/ui/context-menu.js +214 -0
  27. package/dist/browser/ui/date-picker.js +85 -0
  28. package/dist/browser/ui/date-range-picker.js +348 -0
  29. package/dist/browser/ui/datetime-picker.js +439 -0
  30. package/dist/browser/ui/dialog.js +126 -0
  31. package/dist/browser/ui/dropdown-menu.js +218 -0
  32. package/dist/browser/ui/empty-state.js +411 -0
  33. package/dist/browser/ui/empty.js +71 -0
  34. package/dist/browser/ui/fab.js +141 -0
  35. package/dist/browser/ui/field.js +559 -0
  36. package/dist/browser/ui/form.js +150 -0
  37. package/dist/browser/ui/hover-card.js +57 -0
  38. package/dist/browser/ui/icons/Check.js +20 -0
  39. package/dist/browser/ui/icons/ChevronDown.js +20 -0
  40. package/dist/browser/ui/icons/ChevronRight.js +20 -0
  41. package/dist/browser/ui/icons/ChevronUp.js +20 -0
  42. package/dist/browser/ui/icons/CircleUser.js +20 -0
  43. package/dist/browser/ui/icons/Info.js +20 -0
  44. package/dist/browser/ui/icons/Key.js +20 -0
  45. package/dist/browser/ui/icons/MoonStar.js +20 -0
  46. package/dist/browser/ui/icons/Sun.js +20 -0
  47. package/dist/browser/ui/icons/X.js +20 -0
  48. package/dist/browser/ui/icons/iconWithClassName.js +16 -0
  49. package/dist/browser/ui/input.js +18 -0
  50. package/dist/browser/ui/label.js +32 -0
  51. package/dist/browser/ui/link.js +16 -0
  52. package/dist/browser/ui/loading-button.js +350 -0
  53. package/dist/browser/ui/loading-overlay.js +398 -0
  54. package/dist/browser/ui/loading-screen.js +537 -0
  55. package/dist/browser/ui/marketing/FeatureGrid.js +42 -0
  56. package/dist/browser/ui/marketing/Hero.js +146 -0
  57. package/dist/browser/ui/marketing/PricingTable.js +158 -0
  58. package/dist/browser/ui/marketing/index.js +247 -0
  59. package/dist/browser/ui/menubar.js +225 -0
  60. package/dist/browser/ui/molecules/Autocomplete/index.js +5 -0
  61. package/dist/browser/ui/molecules/SearchAndFilter/SearchAndFilter.js +784 -0
  62. package/dist/browser/ui/molecules/SearchAndFilter/index.js +784 -0
  63. package/dist/browser/ui/molecules/SearchAndFilter/types.js +0 -0
  64. package/dist/browser/ui/molecules/SkeletonList.js +46 -0
  65. package/dist/browser/ui/nativewind-env.d.js +0 -0
  66. package/dist/browser/ui/navigation-menu.js +147 -0
  67. package/dist/browser/ui/organisms/ErrorBoundary/ErrorBoundary.js +222 -0
  68. package/dist/browser/ui/organisms/ErrorBoundary/index.js +222 -0
  69. package/dist/browser/ui/organisms/ListPage/ListPage.js +1375 -0
  70. package/dist/browser/ui/organisms/ListPage/index.js +1375 -0
  71. package/dist/browser/ui/organisms/ListPage/types.js +0 -0
  72. package/dist/browser/ui/page-header.js +405 -0
  73. package/dist/browser/ui/password-strength.js +400 -0
  74. package/dist/browser/ui/popover.js +59 -0
  75. package/dist/browser/ui/progress.js +57 -0
  76. package/dist/browser/ui/radio-group.js +32 -0
  77. package/dist/browser/ui/select.js +172 -0
  78. package/dist/browser/ui/separator.js +20 -0
  79. package/dist/browser/ui/sheet.js +5 -0
  80. package/dist/browser/ui/sidebar.js +5 -0
  81. package/dist/browser/ui/skeleton.js +32 -0
  82. package/dist/browser/ui/stack.js +243 -0
  83. package/dist/browser/ui/stepper.js +274 -0
  84. package/dist/browser/ui/switch.js +84 -0
  85. package/dist/browser/ui/table.js +100 -0
  86. package/dist/browser/ui/tabs.js +30 -0
  87. package/dist/browser/ui/text.js +23 -0
  88. package/dist/browser/ui/textarea.js +18 -0
  89. package/dist/browser/ui/time-picker.js +83 -0
  90. package/dist/browser/ui/toggle-group.js +150 -0
  91. package/dist/browser/ui/toggle.js +90 -0
  92. package/dist/browser/ui/tooltip.js +57 -0
  93. package/dist/browser/ui/typography.js +124 -0
  94. package/dist/browser/ui/useColorScheme.js +15 -0
  95. package/dist/browser/ui/useListState.js +68 -0
  96. package/dist/browser/ui/usecases/UseCaseCard.js +359 -0
  97. package/dist/browser/ui/usecases/UserStoryCard.js +274 -0
  98. package/dist/browser/ui/usecases/index.js +394 -0
  99. package/dist/browser/ui/utils.js +9 -0
  100. package/dist/index.d.ts +1 -3
  101. package/dist/index.d.ts.map +1 -1
  102. package/dist/index.js +5 -5
  103. package/dist/ui/accordion.d.ts +15 -34
  104. package/dist/ui/accordion.d.ts.map +1 -1
  105. package/dist/ui/accordion.js +154 -86
  106. package/dist/ui/alert-dialog.d.ts +36 -67
  107. package/dist/ui/alert-dialog.d.ts.map +1 -1
  108. package/dist/ui/alert-dialog.js +192 -84
  109. package/dist/ui/alert.d.ts +15 -34
  110. package/dist/ui/alert.d.ts.map +1 -1
  111. package/dist/ui/alert.js +80 -44
  112. package/dist/ui/aspect-ratio.d.ts +4 -10
  113. package/dist/ui/aspect-ratio.d.ts.map +1 -1
  114. package/dist/ui/aspect-ratio.js +6 -7
  115. package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts +3 -7
  116. package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts.map +1 -1
  117. package/dist/ui/atoms/FilterSelect/FilterSelect.js +526 -56
  118. package/dist/ui/atoms/FilterSelect/index.d.ts +3 -3
  119. package/dist/ui/atoms/FilterSelect/index.d.ts.map +1 -0
  120. package/dist/ui/atoms/FilterSelect/index.js +527 -2
  121. package/dist/ui/atoms/FilterSelect/types.d.ts +13 -16
  122. package/dist/ui/atoms/FilterSelect/types.d.ts.map +1 -1
  123. package/dist/ui/atoms/FilterSelect/types.js +1 -0
  124. package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts +14 -17
  125. package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts.map +1 -1
  126. package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js +191 -45
  127. package/dist/ui/atoms/LoadingSpinner/index.d.ts +2 -2
  128. package/dist/ui/atoms/LoadingSpinner/index.d.ts.map +1 -0
  129. package/dist/ui/atoms/LoadingSpinner/index.js +193 -2
  130. package/dist/ui/atoms/Pagination/Pagination.d.ts +3 -7
  131. package/dist/ui/atoms/Pagination/Pagination.d.ts.map +1 -1
  132. package/dist/ui/atoms/Pagination/Pagination.js +441 -161
  133. package/dist/ui/atoms/Pagination/index.d.ts +3 -3
  134. package/dist/ui/atoms/Pagination/index.d.ts.map +1 -0
  135. package/dist/ui/atoms/Pagination/index.js +442 -2
  136. package/dist/ui/atoms/Pagination/types.d.ts +11 -14
  137. package/dist/ui/atoms/Pagination/types.d.ts.map +1 -1
  138. package/dist/ui/atoms/Pagination/types.js +1 -0
  139. package/dist/ui/atoms/SearchInput/SearchInput.d.ts +3 -7
  140. package/dist/ui/atoms/SearchInput/SearchInput.d.ts.map +1 -1
  141. package/dist/ui/atoms/SearchInput/SearchInput.js +154 -47
  142. package/dist/ui/atoms/SearchInput/index.d.ts +3 -3
  143. package/dist/ui/atoms/SearchInput/index.d.ts.map +1 -0
  144. package/dist/ui/atoms/SearchInput/index.js +156 -3
  145. package/dist/ui/atoms/SearchInput/types.d.ts +8 -11
  146. package/dist/ui/atoms/SearchInput/types.d.ts.map +1 -1
  147. package/dist/ui/atoms/SearchInput/types.js +1 -0
  148. package/dist/ui/avatar.d.ts +12 -26
  149. package/dist/ui/avatar.d.ts.map +1 -1
  150. package/dist/ui/avatar.js +34 -24
  151. package/dist/ui/badge.d.ts +8 -18
  152. package/dist/ui/badge.d.ts.map +1 -1
  153. package/dist/ui/badge.js +24 -21
  154. package/dist/ui/breadcrumb.d.ts +12 -38
  155. package/dist/ui/breadcrumb.d.ts.map +1 -1
  156. package/dist/ui/breadcrumb.js +93 -62
  157. package/dist/ui/button.d.ts +13 -23
  158. package/dist/ui/button.d.ts.map +1 -1
  159. package/dist/ui/button.js +83 -69
  160. package/dist/ui/card.d.ts +22 -43
  161. package/dist/ui/card.d.ts.map +1 -1
  162. package/dist/ui/card.js +84 -45
  163. package/dist/ui/carousel.d.ts +1 -4
  164. package/dist/ui/carousel.d.ts.map +1 -1
  165. package/dist/ui/carousel.js +6 -6
  166. package/dist/ui/checkbox.d.ts +9 -13
  167. package/dist/ui/checkbox.d.ts.map +1 -1
  168. package/dist/ui/checkbox.js +20 -19
  169. package/dist/ui/collapsible.d.ts +16 -22
  170. package/dist/ui/collapsible.d.ts.map +1 -1
  171. package/dist/ui/collapsible.js +10 -9
  172. package/dist/ui/command.d.ts +1 -4
  173. package/dist/ui/command.d.ts.map +1 -1
  174. package/dist/ui/command.js +6 -6
  175. package/dist/ui/context-menu.d.ts +64 -105
  176. package/dist/ui/context-menu.d.ts.map +1 -1
  177. package/dist/ui/context-menu.js +203 -96
  178. package/dist/ui/date-picker.d.ts +9 -22
  179. package/dist/ui/date-picker.d.ts.map +1 -1
  180. package/dist/ui/date-picker.js +81 -49
  181. package/dist/ui/date-range-picker.d.ts +15 -28
  182. package/dist/ui/date-range-picker.d.ts.map +1 -1
  183. package/dist/ui/date-range-picker.js +344 -81
  184. package/dist/ui/datetime-picker.d.ts +11 -26
  185. package/dist/ui/datetime-picker.d.ts.map +1 -1
  186. package/dist/ui/datetime-picker.js +437 -42
  187. package/dist/ui/dialog.d.ts +37 -63
  188. package/dist/ui/dialog.d.ts.map +1 -1
  189. package/dist/ui/dialog.js +114 -68
  190. package/dist/ui/dropdown-menu.d.ts +65 -107
  191. package/dist/ui/dropdown-menu.d.ts.map +1 -1
  192. package/dist/ui/dropdown-menu.js +207 -98
  193. package/dist/ui/empty-state.d.ts +13 -26
  194. package/dist/ui/empty-state.d.ts.map +1 -1
  195. package/dist/ui/empty-state.js +409 -43
  196. package/dist/ui/empty.d.ts +11 -35
  197. package/dist/ui/empty.d.ts.map +1 -1
  198. package/dist/ui/empty.js +59 -50
  199. package/dist/ui/fab.d.ts +17 -31
  200. package/dist/ui/fab.d.ts.map +1 -1
  201. package/dist/ui/fab.js +138 -100
  202. package/dist/ui/field.d.ts +25 -65
  203. package/dist/ui/field.d.ts.map +1 -1
  204. package/dist/ui/field.js +548 -111
  205. package/dist/ui/form.d.ts +26 -47
  206. package/dist/ui/form.d.ts.map +1 -1
  207. package/dist/ui/form.js +139 -83
  208. package/dist/ui/hover-card.d.ts +16 -26
  209. package/dist/ui/hover-card.d.ts.map +1 -1
  210. package/dist/ui/hover-card.js +55 -30
  211. package/dist/ui/icons/Check.d.ts +3 -2
  212. package/dist/ui/icons/Check.d.ts.map +1 -0
  213. package/dist/ui/icons/Check.js +19 -7
  214. package/dist/ui/icons/ChevronDown.d.ts +3 -2
  215. package/dist/ui/icons/ChevronDown.d.ts.map +1 -0
  216. package/dist/ui/icons/ChevronDown.js +19 -7
  217. package/dist/ui/icons/ChevronRight.d.ts +3 -2
  218. package/dist/ui/icons/ChevronRight.d.ts.map +1 -0
  219. package/dist/ui/icons/ChevronRight.js +19 -7
  220. package/dist/ui/icons/ChevronUp.d.ts +3 -2
  221. package/dist/ui/icons/ChevronUp.d.ts.map +1 -0
  222. package/dist/ui/icons/ChevronUp.js +19 -7
  223. package/dist/ui/icons/CircleUser.d.ts +3 -2
  224. package/dist/ui/icons/CircleUser.d.ts.map +1 -0
  225. package/dist/ui/icons/CircleUser.js +19 -7
  226. package/dist/ui/icons/Info.d.ts +3 -2
  227. package/dist/ui/icons/Info.d.ts.map +1 -0
  228. package/dist/ui/icons/Info.js +19 -7
  229. package/dist/ui/icons/Key.d.ts +3 -2
  230. package/dist/ui/icons/Key.d.ts.map +1 -0
  231. package/dist/ui/icons/Key.js +19 -7
  232. package/dist/ui/icons/MoonStar.d.ts +3 -2
  233. package/dist/ui/icons/MoonStar.d.ts.map +1 -0
  234. package/dist/ui/icons/MoonStar.js +19 -7
  235. package/dist/ui/icons/Sun.d.ts +3 -2
  236. package/dist/ui/icons/Sun.d.ts.map +1 -0
  237. package/dist/ui/icons/Sun.js +19 -7
  238. package/dist/ui/icons/X.d.ts +3 -2
  239. package/dist/ui/icons/X.d.ts.map +1 -0
  240. package/dist/ui/icons/X.js +19 -7
  241. package/dist/ui/icons/iconWithClassName.d.ts +2 -6
  242. package/dist/ui/icons/iconWithClassName.d.ts.map +1 -1
  243. package/dist/ui/icons/iconWithClassName.js +14 -13
  244. package/dist/ui/input.d.ts +5 -13
  245. package/dist/ui/input.d.ts.map +1 -1
  246. package/dist/ui/input.js +16 -14
  247. package/dist/ui/label.d.ts +2 -14
  248. package/dist/ui/label.d.ts.map +1 -1
  249. package/dist/ui/label.js +30 -21
  250. package/dist/ui/link.d.ts +5 -12
  251. package/dist/ui/link.d.ts.map +1 -1
  252. package/dist/ui/link.js +15 -14
  253. package/dist/ui/loading-button.d.ts +7 -17
  254. package/dist/ui/loading-button.d.ts.map +1 -1
  255. package/dist/ui/loading-button.js +349 -20
  256. package/dist/ui/loading-overlay.d.ts +5 -13
  257. package/dist/ui/loading-overlay.d.ts.map +1 -1
  258. package/dist/ui/loading-overlay.js +399 -44
  259. package/dist/ui/loading-screen.d.ts +4 -11
  260. package/dist/ui/loading-screen.d.ts.map +1 -1
  261. package/dist/ui/loading-screen.js +536 -91
  262. package/dist/ui/marketing/FeatureGrid.d.ts +10 -19
  263. package/dist/ui/marketing/FeatureGrid.d.ts.map +1 -1
  264. package/dist/ui/marketing/FeatureGrid.js +41 -33
  265. package/dist/ui/marketing/Hero.d.ts +16 -27
  266. package/dist/ui/marketing/Hero.d.ts.map +1 -1
  267. package/dist/ui/marketing/Hero.js +145 -50
  268. package/dist/ui/marketing/PricingTable.d.ts +15 -23
  269. package/dist/ui/marketing/PricingTable.d.ts.map +1 -1
  270. package/dist/ui/marketing/PricingTable.js +157 -58
  271. package/dist/ui/marketing/index.d.ts +4 -4
  272. package/dist/ui/marketing/index.d.ts.map +1 -0
  273. package/dist/ui/marketing/index.js +247 -4
  274. package/dist/ui/menubar.d.ts +64 -110
  275. package/dist/ui/menubar.d.ts.map +1 -1
  276. package/dist/ui/menubar.js +212 -106
  277. package/dist/ui/molecules/Autocomplete/index.d.ts +1 -4
  278. package/dist/ui/molecules/Autocomplete/index.d.ts.map +1 -1
  279. package/dist/ui/molecules/Autocomplete/index.js +6 -6
  280. package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts +3 -7
  281. package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts.map +1 -1
  282. package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +783 -104
  283. package/dist/ui/molecules/SearchAndFilter/index.d.ts +3 -3
  284. package/dist/ui/molecules/SearchAndFilter/index.d.ts.map +1 -0
  285. package/dist/ui/molecules/SearchAndFilter/index.js +784 -2
  286. package/dist/ui/molecules/SearchAndFilter/types.d.ts +18 -23
  287. package/dist/ui/molecules/SearchAndFilter/types.d.ts.map +1 -1
  288. package/dist/ui/molecules/SearchAndFilter/types.js +1 -0
  289. package/dist/ui/molecules/SkeletonList.d.ts +5 -13
  290. package/dist/ui/molecules/SkeletonList.d.ts.map +1 -1
  291. package/dist/ui/molecules/SkeletonList.js +46 -14
  292. package/dist/ui/nativewind-env.d.js +1 -0
  293. package/dist/ui/navigation-menu.d.ts +35 -64
  294. package/dist/ui/navigation-menu.d.ts.map +1 -1
  295. package/dist/ui/navigation-menu.js +140 -79
  296. package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts +18 -22
  297. package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map +1 -1
  298. package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +220 -104
  299. package/dist/ui/organisms/ErrorBoundary/index.d.ts +3 -2
  300. package/dist/ui/organisms/ErrorBoundary/index.d.ts.map +1 -0
  301. package/dist/ui/organisms/ErrorBoundary/index.js +222 -2
  302. package/dist/ui/organisms/ListPage/ListPage.d.ts +2 -28
  303. package/dist/ui/organisms/ListPage/ListPage.d.ts.map +1 -1
  304. package/dist/ui/organisms/ListPage/ListPage.js +1374 -196
  305. package/dist/ui/organisms/ListPage/index.d.ts +3 -3
  306. package/dist/ui/organisms/ListPage/index.d.ts.map +1 -0
  307. package/dist/ui/organisms/ListPage/index.js +1375 -2
  308. package/dist/ui/organisms/ListPage/types.d.ts +34 -39
  309. package/dist/ui/organisms/ListPage/types.d.ts.map +1 -1
  310. package/dist/ui/organisms/ListPage/types.js +1 -0
  311. package/dist/ui/page-header.d.ts +12 -24
  312. package/dist/ui/page-header.d.ts.map +1 -1
  313. package/dist/ui/page-header.js +403 -38
  314. package/dist/ui/password-strength.d.ts +10 -17
  315. package/dist/ui/password-strength.d.ts.map +1 -1
  316. package/dist/ui/password-strength.js +396 -94
  317. package/dist/ui/popover.d.ts +14 -26
  318. package/dist/ui/popover.d.ts.map +1 -1
  319. package/dist/ui/popover.js +57 -32
  320. package/dist/ui/progress.d.ts +6 -15
  321. package/dist/ui/progress.d.ts.map +1 -1
  322. package/dist/ui/progress.js +54 -36
  323. package/dist/ui/radio-group.d.ts +3 -13
  324. package/dist/ui/radio-group.d.ts.map +1 -1
  325. package/dist/ui/radio-group.js +29 -19
  326. package/dist/ui/select.d.ts +43 -75
  327. package/dist/ui/select.d.ts.map +1 -1
  328. package/dist/ui/select.js +163 -101
  329. package/dist/ui/separator.d.ts +5 -14
  330. package/dist/ui/separator.d.ts.map +1 -1
  331. package/dist/ui/separator.js +19 -16
  332. package/dist/ui/sheet.d.ts +1 -4
  333. package/dist/ui/sheet.d.ts.map +1 -1
  334. package/dist/ui/sheet.js +6 -6
  335. package/dist/ui/sidebar.d.ts +1 -4
  336. package/dist/ui/sidebar.d.ts.map +1 -1
  337. package/dist/ui/sidebar.js +6 -6
  338. package/dist/ui/skeleton.d.ts +3 -10
  339. package/dist/ui/skeleton.d.ts.map +1 -1
  340. package/dist/ui/skeleton.js +31 -22
  341. package/dist/ui/stack.d.ts +34 -67
  342. package/dist/ui/stack.d.ts.map +1 -1
  343. package/dist/ui/stack.js +235 -229
  344. package/dist/ui/stepper.d.ts +10 -20
  345. package/dist/ui/stepper.d.ts.map +1 -1
  346. package/dist/ui/stepper.js +269 -32
  347. package/dist/ui/switch.d.ts +5 -12
  348. package/dist/ui/switch.d.ts.map +1 -1
  349. package/dist/ui/switch.js +79 -48
  350. package/dist/ui/table.d.ts +24 -50
  351. package/dist/ui/table.d.ts.map +1 -1
  352. package/dist/ui/table.js +99 -55
  353. package/dist/ui/tabs.d.ts +23 -28
  354. package/dist/ui/tabs.d.ts.map +1 -1
  355. package/dist/ui/tabs.js +27 -25
  356. package/dist/ui/text.d.ts +11 -19
  357. package/dist/ui/text.d.ts.map +1 -1
  358. package/dist/ui/text.js +21 -16
  359. package/dist/ui/textarea.d.ts +5 -8
  360. package/dist/ui/textarea.d.ts.map +1 -1
  361. package/dist/ui/textarea.js +15 -16
  362. package/dist/ui/time-picker.d.ts +8 -20
  363. package/dist/ui/time-picker.d.ts.map +1 -1
  364. package/dist/ui/time-picker.js +79 -48
  365. package/dist/ui/toggle-group.d.ts +14 -34
  366. package/dist/ui/toggle-group.d.ts.map +1 -1
  367. package/dist/ui/toggle-group.js +144 -48
  368. package/dist/ui/toggle.d.ts +16 -30
  369. package/dist/ui/toggle.d.ts.map +1 -1
  370. package/dist/ui/toggle.js +85 -61
  371. package/dist/ui/tooltip.d.ts +18 -28
  372. package/dist/ui/tooltip.d.ts.map +1 -1
  373. package/dist/ui/tooltip.js +55 -38
  374. package/dist/ui/typography.d.ts +15 -63
  375. package/dist/ui/typography.d.ts.map +1 -1
  376. package/dist/ui/typography.js +101 -64
  377. package/dist/ui/useColorScheme.d.ts +5 -10
  378. package/dist/ui/useColorScheme.d.ts.map +1 -1
  379. package/dist/ui/useColorScheme.js +14 -15
  380. package/dist/ui/useListState.d.ts +23 -31
  381. package/dist/ui/useListState.d.ts.map +1 -1
  382. package/dist/ui/useListState.js +67 -73
  383. package/dist/ui/usecases/UseCaseCard.d.ts +7 -18
  384. package/dist/ui/usecases/UseCaseCard.d.ts.map +1 -1
  385. package/dist/ui/usecases/UseCaseCard.js +359 -34
  386. package/dist/ui/usecases/UserStoryCard.d.ts +5 -14
  387. package/dist/ui/usecases/UserStoryCard.d.ts.map +1 -1
  388. package/dist/ui/usecases/UserStoryCard.js +274 -35
  389. package/dist/ui/usecases/index.d.ts +3 -3
  390. package/dist/ui/usecases/index.d.ts.map +1 -0
  391. package/dist/ui/usecases/index.js +394 -3
  392. package/dist/ui/utils.d.ts +2 -6
  393. package/dist/ui/utils.d.ts.map +1 -1
  394. package/dist/ui/utils.js +6 -7
  395. package/package.json +775 -209
  396. package/dist/index.js.map +0 -1
  397. package/dist/ui/accordion.js.map +0 -1
  398. package/dist/ui/alert-dialog.js.map +0 -1
  399. package/dist/ui/alert.js.map +0 -1
  400. package/dist/ui/aspect-ratio.js.map +0 -1
  401. package/dist/ui/atoms/FilterSelect/FilterSelect.js.map +0 -1
  402. package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js.map +0 -1
  403. package/dist/ui/atoms/Pagination/Pagination.js.map +0 -1
  404. package/dist/ui/atoms/SearchInput/SearchInput.js.map +0 -1
  405. package/dist/ui/avatar.js.map +0 -1
  406. package/dist/ui/badge.js.map +0 -1
  407. package/dist/ui/breadcrumb.js.map +0 -1
  408. package/dist/ui/button.js.map +0 -1
  409. package/dist/ui/card.js.map +0 -1
  410. package/dist/ui/carousel.js.map +0 -1
  411. package/dist/ui/checkbox.js.map +0 -1
  412. package/dist/ui/collapsible.js.map +0 -1
  413. package/dist/ui/command.js.map +0 -1
  414. package/dist/ui/context-menu.js.map +0 -1
  415. package/dist/ui/date-picker.js.map +0 -1
  416. package/dist/ui/date-range-picker.js.map +0 -1
  417. package/dist/ui/datetime-picker.js.map +0 -1
  418. package/dist/ui/dialog.js.map +0 -1
  419. package/dist/ui/dropdown-menu.js.map +0 -1
  420. package/dist/ui/empty-state.js.map +0 -1
  421. package/dist/ui/empty.js.map +0 -1
  422. package/dist/ui/fab.js.map +0 -1
  423. package/dist/ui/field.js.map +0 -1
  424. package/dist/ui/form.js.map +0 -1
  425. package/dist/ui/hover-card.js.map +0 -1
  426. package/dist/ui/icons/Check.js.map +0 -1
  427. package/dist/ui/icons/ChevronDown.js.map +0 -1
  428. package/dist/ui/icons/ChevronRight.js.map +0 -1
  429. package/dist/ui/icons/ChevronUp.js.map +0 -1
  430. package/dist/ui/icons/CircleUser.js.map +0 -1
  431. package/dist/ui/icons/Info.js.map +0 -1
  432. package/dist/ui/icons/Key.js.map +0 -1
  433. package/dist/ui/icons/MoonStar.js.map +0 -1
  434. package/dist/ui/icons/Sun.js.map +0 -1
  435. package/dist/ui/icons/X.js.map +0 -1
  436. package/dist/ui/icons/iconWithClassName.js.map +0 -1
  437. package/dist/ui/input.js.map +0 -1
  438. package/dist/ui/label.js.map +0 -1
  439. package/dist/ui/link.js.map +0 -1
  440. package/dist/ui/loading-button.js.map +0 -1
  441. package/dist/ui/loading-overlay.js.map +0 -1
  442. package/dist/ui/loading-screen.js.map +0 -1
  443. package/dist/ui/marketing/FeatureGrid.js.map +0 -1
  444. package/dist/ui/marketing/Hero.js.map +0 -1
  445. package/dist/ui/marketing/PricingTable.js.map +0 -1
  446. package/dist/ui/menubar.js.map +0 -1
  447. package/dist/ui/molecules/Autocomplete/index.js.map +0 -1
  448. package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map +0 -1
  449. package/dist/ui/molecules/SkeletonList.js.map +0 -1
  450. package/dist/ui/nativewind-env.d.ts +0 -1
  451. package/dist/ui/navigation-menu.js.map +0 -1
  452. package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map +0 -1
  453. package/dist/ui/organisms/ListPage/ListPage.js.map +0 -1
  454. package/dist/ui/page-header.js.map +0 -1
  455. package/dist/ui/password-strength.js.map +0 -1
  456. package/dist/ui/popover.js.map +0 -1
  457. package/dist/ui/progress.js.map +0 -1
  458. package/dist/ui/radio-group.js.map +0 -1
  459. package/dist/ui/select.js.map +0 -1
  460. package/dist/ui/separator.js.map +0 -1
  461. package/dist/ui/sheet.js.map +0 -1
  462. package/dist/ui/sidebar.js.map +0 -1
  463. package/dist/ui/skeleton.js.map +0 -1
  464. package/dist/ui/stack.js.map +0 -1
  465. package/dist/ui/stepper.js.map +0 -1
  466. package/dist/ui/switch.js.map +0 -1
  467. package/dist/ui/table.js.map +0 -1
  468. package/dist/ui/tabs.js.map +0 -1
  469. package/dist/ui/text.js.map +0 -1
  470. package/dist/ui/textarea.js.map +0 -1
  471. package/dist/ui/time-picker.js.map +0 -1
  472. package/dist/ui/toggle-group.js.map +0 -1
  473. package/dist/ui/toggle.js.map +0 -1
  474. package/dist/ui/tooltip.js.map +0 -1
  475. package/dist/ui/typography.js.map +0 -1
  476. package/dist/ui/useColorScheme.js.map +0 -1
  477. package/dist/ui/useListState.js.map +0 -1
  478. package/dist/ui/usecases/UseCaseCard.js.map +0 -1
  479. package/dist/ui/usecases/UserStoryCard.js.map +0 -1
  480. package/dist/ui/utils.js.map +0 -1
@@ -1,163 +1,443 @@
1
- import { Text as Text$1 } from "../../text.js";
2
- import { Button } from "../../button.js";
3
- import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
4
- import React from "react";
5
- import { View } from "react-native";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
1
+ // @bun
2
+ // ui/icons/iconWithClassName.ts
3
+ import { styled } from "nativewind";
4
+ function iconWithClassName(icon) {
5
+ styled(icon, {
6
+ className: {
7
+ target: "style",
8
+ nativeStyleMapping: {
9
+ color: true,
10
+ opacity: true
11
+ }
12
+ }
13
+ });
14
+ }
8
15
 
9
- //#region ui/atoms/Pagination/Pagination.tsx
10
- const Pagination = ({ currentPage, totalPages, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, disabled = false, className = "", showItemsPerPage = true, itemsPerPageOptions = [
11
- 10,
12
- 25,
13
- 50,
14
- 100
15
- ] }) => {
16
- const startItem = (currentPage - 1) * itemsPerPage + 1;
17
- const endItem = Math.min(currentPage * itemsPerPage, totalItems);
18
- const canGoPrevious = currentPage > 1 && !disabled;
19
- const canGoNext = currentPage < totalPages && !disabled;
20
- const getVisiblePageNumbers = () => {
21
- if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
22
- if (currentPage <= 3) return [
23
- 1,
24
- 2,
25
- 3,
26
- 4,
27
- 5,
28
- -1,
29
- totalPages
30
- ];
31
- if (currentPage >= totalPages - 2) return [
32
- 1,
33
- -1,
34
- totalPages - 4,
35
- totalPages - 3,
36
- totalPages - 2,
37
- totalPages - 1,
38
- totalPages
39
- ];
40
- return [
41
- 1,
42
- -1,
43
- currentPage - 1,
44
- currentPage,
45
- currentPage + 1,
46
- -1,
47
- totalPages
48
- ];
49
- };
50
- if (totalPages === 0) return null;
51
- return /* @__PURE__ */ jsxs(View, {
52
- className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
53
- children: [
54
- /* @__PURE__ */ jsxs(View, {
55
- className: "text-muted-foreground order-2 text-base sm:order-1",
56
- children: [
57
- "Affichage de ",
58
- startItem,
59
- " à ",
60
- endItem,
61
- " sur ",
62
- totalItems,
63
- " résultats"
64
- ]
65
- }),
66
- /* @__PURE__ */ jsxs(View, {
67
- className: "order-1 flex items-center gap-2 sm:order-2",
68
- children: [
69
- /* @__PURE__ */ jsxs(Button, {
70
- variant: "outline",
71
- size: "sm",
72
- onPress: () => onPageChange(1),
73
- disabled: !canGoPrevious,
74
- className: "hidden h-8 w-8 p-0 sm:flex",
75
- children: [/* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx(Text$1, {
76
- className: "sr-only",
77
- children: "Première page"
78
- })]
79
- }),
80
- /* @__PURE__ */ jsxs(Button, {
81
- variant: "outline",
82
- size: "sm",
83
- onPress: () => onPageChange(currentPage - 1),
84
- disabled: !canGoPrevious,
85
- className: "h-8 w-8 p-0",
86
- children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx(Text$1, {
87
- className: "sr-only",
88
- children: "Page précédente"
89
- })]
90
- }),
91
- /* @__PURE__ */ jsx(View, {
92
- className: "flex items-center gap-1",
93
- children: getVisiblePageNumbers().map((page, index) => {
94
- if (page === -1) return /* @__PURE__ */ jsx(View, {
95
- className: "text-muted-foreground px-2 py-1",
96
- children: "..."
97
- }, `ellipsis-${index}`);
98
- return /* @__PURE__ */ jsx(Button, {
99
- variant: page === currentPage ? "default" : "outline",
100
- size: "sm",
101
- onPress: () => onPageChange(page),
102
- disabled,
103
- className: "h-8 min-w-8 px-2",
104
- children: /* @__PURE__ */ jsx(Text$1, { children: page })
105
- }, page);
106
- })
107
- }),
108
- /* @__PURE__ */ jsxs(Button, {
109
- variant: "outline",
110
- size: "sm",
111
- onPress: () => onPageChange(currentPage + 1),
112
- disabled: !canGoNext,
113
- className: "h-8 w-8 p-0",
114
- children: [/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx(Text$1, {
115
- className: "sr-only",
116
- children: "Page suivante"
117
- })]
118
- }),
119
- /* @__PURE__ */ jsxs(Button, {
120
- variant: "outline",
121
- size: "sm",
122
- onPress: () => onPageChange(totalPages),
123
- disabled: !canGoNext,
124
- className: "hidden h-8 w-8 p-0 sm:flex",
125
- children: [/* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx(Text$1, {
126
- className: "sr-only",
127
- children: "Dernière page"
128
- })]
129
- })
130
- ]
131
- }),
132
- showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxs(View, {
133
- className: "order-3 flex items-center gap-2 text-base",
134
- children: [/* @__PURE__ */ jsx(Text$1, {
135
- className: "text-muted-foreground",
136
- children: "Afficher:"
137
- }), /* @__PURE__ */ jsxs(Select, {
138
- value: {
139
- value: itemsPerPage.toString(),
140
- label: itemsPerPage.toString()
141
- },
142
- onValueChange: (value) => onItemsPerPageChange(parseInt(value?.value || "")),
143
- disabled,
144
- children: [/* @__PURE__ */ jsx(SelectTrigger, {
145
- className: "h-8 w-16",
146
- children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Afficher:" })
147
- }), /* @__PURE__ */ jsx(SelectContent, {
148
- className: "bg-background",
149
- children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {
150
- value: option.toString(),
151
- label: option.toString(),
152
- children: option
153
- }, option))
154
- })]
155
- })]
156
- })
157
- ]
158
- });
16
+ // ui/icons/ChevronDown.tsx
17
+ import { ChevronDown } from "lucide-react-native";
18
+ iconWithClassName(ChevronDown);
19
+ // ui/text.tsx
20
+ import * as Slot from "@rn-primitives/slot";
21
+ import * as React from "react";
22
+ import { Text as RNText } from "react-native";
23
+ import { cn } from "@contractspec/lib.ui-kit-core/utils";
24
+ import { jsxDEV } from "react/jsx-dev-runtime";
25
+ var TextClassContext = React.createContext(undefined);
26
+ function Text2({
27
+ className,
28
+ asChild = false,
29
+ ...props
30
+ }) {
31
+ const textClass = React.useContext(TextClassContext);
32
+ const Component = asChild ? Slot.Text : RNText;
33
+ return /* @__PURE__ */ jsxDEV(Component, {
34
+ className: cn("text-foreground web:select-text text-base", textClass, className),
35
+ ...props
36
+ }, undefined, false, undefined, this);
37
+ }
38
+ // ui/button.tsx
39
+ import { cva } from "class-variance-authority";
40
+ import { Pressable } from "react-native";
41
+ import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
42
+ import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
43
+ var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
44
+ variants: {
45
+ variant: {
46
+ default: "bg-primary web:hover:opacity-90 active:opacity-90",
47
+ destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
48
+ outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
49
+ secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
50
+ ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
51
+ link: "web:underline-offset-4 web:hover:underline web:focus:underline"
52
+ },
53
+ size: {
54
+ default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
55
+ sm: "h-9 rounded-md px-3",
56
+ lg: "h-11 rounded-md px-8 native:h-14",
57
+ icon: "h-10 w-10"
58
+ }
59
+ },
60
+ defaultVariants: {
61
+ variant: "default",
62
+ size: "default"
63
+ }
64
+ });
65
+ var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
66
+ variants: {
67
+ variant: {
68
+ default: "text-primary-foreground",
69
+ destructive: "text-destructive-foreground",
70
+ outline: "group-active:text-accent-foreground",
71
+ secondary: "text-secondary-foreground group-active:text-secondary-foreground",
72
+ ghost: "group-active:text-accent-foreground",
73
+ link: "text-primary group-active:underline"
74
+ },
75
+ size: {
76
+ default: "",
77
+ sm: "",
78
+ lg: "native:text-lg",
79
+ icon: ""
80
+ }
81
+ },
82
+ defaultVariants: {
83
+ variant: "default",
84
+ size: "default"
85
+ }
86
+ });
87
+ function Button({ ref, className, variant, size, ...props }) {
88
+ return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
89
+ value: buttonTextVariants({
90
+ variant,
91
+ size,
92
+ className: "web:pointer-events-none"
93
+ }),
94
+ children: /* @__PURE__ */ jsxDEV2(Pressable, {
95
+ className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
96
+ ref,
97
+ role: "button",
98
+ ...props
99
+ }, undefined, false, undefined, this)
100
+ }, undefined, false, undefined, this);
101
+ }
102
+ // ui/icons/Check.tsx
103
+ import { Check } from "lucide-react-native";
104
+ iconWithClassName(Check);
105
+ // ui/icons/ChevronUp.tsx
106
+ import { ChevronUp } from "lucide-react-native";
107
+ iconWithClassName(ChevronUp);
108
+ // ui/select.tsx
109
+ import * as SelectPrimitive from "@rn-primitives/select";
110
+ import { Platform, StyleSheet, View } from "react-native";
111
+ import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
112
+ import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
113
+ import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
114
+ var Select = SelectPrimitive.Root;
115
+ var SelectGroup = SelectPrimitive.Group;
116
+ var SelectValue = SelectPrimitive.Value;
117
+ function SelectTrigger({
118
+ ref,
119
+ className,
120
+ children,
121
+ ...props
122
+ }) {
123
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Trigger, {
124
+ ref,
125
+ className: cn3("native:h-12 border-input bg-background text-muted-foreground web:ring-offset-background web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 flex h-10 flex-row items-center justify-between rounded-md border px-3 py-2 text-sm [&>span]:line-clamp-1", props.disabled && "web:cursor-not-allowed opacity-50", className),
126
+ ...props,
127
+ children: [
128
+ children,
129
+ /* @__PURE__ */ jsxDEV3(ChevronDown, {
130
+ size: 16,
131
+ "aria-hidden": true,
132
+ className: "text-foreground opacity-50"
133
+ }, undefined, false, undefined, this)
134
+ ]
135
+ }, undefined, true, undefined, this);
136
+ }
137
+ function SelectScrollUpButton({
138
+ className,
139
+ ...props
140
+ }) {
141
+ if (Platform.OS !== "web") {
142
+ return null;
143
+ }
144
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.ScrollUpButton, {
145
+ className: cn3("web:cursor-default flex items-center justify-center py-1", className),
146
+ ...props,
147
+ children: /* @__PURE__ */ jsxDEV3(ChevronUp, {
148
+ size: 14,
149
+ className: "text-foreground"
150
+ }, undefined, false, undefined, this)
151
+ }, undefined, false, undefined, this);
152
+ }
153
+ function SelectScrollDownButton({
154
+ className,
155
+ ...props
156
+ }) {
157
+ if (Platform.OS !== "web") {
158
+ return null;
159
+ }
160
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.ScrollDownButton, {
161
+ className: cn3("web:cursor-default flex items-center justify-center py-1", className),
162
+ ...props,
163
+ children: /* @__PURE__ */ jsxDEV3(ChevronDown, {
164
+ size: 14,
165
+ className: "text-foreground"
166
+ }, undefined, false, undefined, this)
167
+ }, undefined, false, undefined, this);
168
+ }
169
+ function SelectContent({
170
+ className,
171
+ children,
172
+ position = "popper",
173
+ portalHost,
174
+ ...props
175
+ }) {
176
+ const { open } = SelectPrimitive.useRootContext();
177
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Portal, {
178
+ hostName: portalHost,
179
+ children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.Overlay, {
180
+ style: Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
181
+ children: /* @__PURE__ */ jsxDEV3(Animated.View, {
182
+ className: "z-50",
183
+ entering: FadeIn,
184
+ exiting: FadeOut,
185
+ children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.Content, {
186
+ className: cn3("border-border bg-popover shadow-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-32 rounded-md border px-1 py-2 shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className),
187
+ position,
188
+ ...props,
189
+ children: [
190
+ /* @__PURE__ */ jsxDEV3(SelectScrollUpButton, {}, undefined, false, undefined, this),
191
+ /* @__PURE__ */ jsxDEV3(SelectPrimitive.Viewport, {
192
+ className: cn3("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
193
+ children
194
+ }, undefined, false, undefined, this),
195
+ /* @__PURE__ */ jsxDEV3(SelectScrollDownButton, {}, undefined, false, undefined, this)
196
+ ]
197
+ }, undefined, true, undefined, this)
198
+ }, undefined, false, undefined, this)
199
+ }, undefined, false, undefined, this)
200
+ }, undefined, false, undefined, this);
201
+ }
202
+ function SelectLabel({
203
+ className,
204
+ ...props
205
+ }) {
206
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Label, {
207
+ className: cn3("native:pb-2 native:pl-10 native:text-base text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold", className),
208
+ ...props
209
+ }, undefined, false, undefined, this);
210
+ }
211
+ function SelectItem({
212
+ className,
213
+ children,
214
+ ...props
215
+ }) {
216
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Item, {
217
+ className: cn3("web:group native:py-2 native:pl-10 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent/50 web:focus:bg-accent relative flex w-full flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
218
+ ...props,
219
+ children: [
220
+ /* @__PURE__ */ jsxDEV3(View, {
221
+ className: "native:left-3.5 native:pt-px absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
222
+ children: /* @__PURE__ */ jsxDEV3(SelectPrimitive.ItemIndicator, {
223
+ children: /* @__PURE__ */ jsxDEV3(Check, {
224
+ size: 16,
225
+ strokeWidth: 3,
226
+ className: "text-popover-foreground"
227
+ }, undefined, false, undefined, this)
228
+ }, undefined, false, undefined, this)
229
+ }, undefined, false, undefined, this),
230
+ /* @__PURE__ */ jsxDEV3(SelectPrimitive.ItemText, {
231
+ className: "native:text-lg native:text-base text-popover-foreground web:group-focus:text-accent-foreground text-sm"
232
+ }, undefined, false, undefined, this)
233
+ ]
234
+ }, undefined, true, undefined, this);
235
+ }
236
+ function SelectSeparator({
237
+ className,
238
+ ...props
239
+ }) {
240
+ return /* @__PURE__ */ jsxDEV3(SelectPrimitive.Separator, {
241
+ className: cn3("bg-muted -mx-1 my-1 h-px", className),
242
+ ...props
243
+ }, undefined, false, undefined, this);
244
+ }
245
+ // ui/atoms/Pagination/Pagination.tsx
246
+ import {
247
+ ChevronLeft,
248
+ ChevronRight,
249
+ ChevronsLeft,
250
+ ChevronsRight
251
+ } from "lucide-react";
252
+ import { View as View2 } from "react-native";
253
+ import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
254
+ var Pagination = ({
255
+ currentPage,
256
+ totalPages,
257
+ totalItems,
258
+ itemsPerPage,
259
+ onPageChange,
260
+ onItemsPerPageChange,
261
+ disabled = false,
262
+ className = "",
263
+ showItemsPerPage = true,
264
+ itemsPerPageOptions = [10, 25, 50, 100]
265
+ }) => {
266
+ const startItem = (currentPage - 1) * itemsPerPage + 1;
267
+ const endItem = Math.min(currentPage * itemsPerPage, totalItems);
268
+ const canGoPrevious = currentPage > 1 && !disabled;
269
+ const canGoNext = currentPage < totalPages && !disabled;
270
+ const getVisiblePageNumbers = () => {
271
+ if (totalPages <= 7) {
272
+ return Array.from({ length: totalPages }, (_, i) => i + 1);
273
+ }
274
+ if (currentPage <= 3) {
275
+ return [1, 2, 3, 4, 5, -1, totalPages];
276
+ }
277
+ if (currentPage >= totalPages - 2) {
278
+ return [
279
+ 1,
280
+ -1,
281
+ totalPages - 4,
282
+ totalPages - 3,
283
+ totalPages - 2,
284
+ totalPages - 1,
285
+ totalPages
286
+ ];
287
+ }
288
+ return [
289
+ 1,
290
+ -1,
291
+ currentPage - 1,
292
+ currentPage,
293
+ currentPage + 1,
294
+ -1,
295
+ totalPages
296
+ ];
297
+ };
298
+ if (totalPages === 0)
299
+ return null;
300
+ return /* @__PURE__ */ jsxDEV4(View2, {
301
+ className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
302
+ children: [
303
+ /* @__PURE__ */ jsxDEV4(View2, {
304
+ className: "text-muted-foreground order-2 text-base sm:order-1",
305
+ children: [
306
+ "Affichage de ",
307
+ startItem,
308
+ " \xE0 ",
309
+ endItem,
310
+ " sur ",
311
+ totalItems,
312
+ " r\xE9sultats"
313
+ ]
314
+ }, undefined, true, undefined, this),
315
+ /* @__PURE__ */ jsxDEV4(View2, {
316
+ className: "order-1 flex items-center gap-2 sm:order-2",
317
+ children: [
318
+ /* @__PURE__ */ jsxDEV4(Button, {
319
+ variant: "outline",
320
+ size: "sm",
321
+ onPress: () => onPageChange(1),
322
+ disabled: !canGoPrevious,
323
+ className: "hidden h-8 w-8 p-0 sm:flex",
324
+ children: [
325
+ /* @__PURE__ */ jsxDEV4(ChevronsLeft, {
326
+ className: "h-4 w-4"
327
+ }, undefined, false, undefined, this),
328
+ /* @__PURE__ */ jsxDEV4(Text2, {
329
+ className: "sr-only",
330
+ children: "Premi\xE8re page"
331
+ }, undefined, false, undefined, this)
332
+ ]
333
+ }, undefined, true, undefined, this),
334
+ /* @__PURE__ */ jsxDEV4(Button, {
335
+ variant: "outline",
336
+ size: "sm",
337
+ onPress: () => onPageChange(currentPage - 1),
338
+ disabled: !canGoPrevious,
339
+ className: "h-8 w-8 p-0",
340
+ children: [
341
+ /* @__PURE__ */ jsxDEV4(ChevronLeft, {
342
+ className: "h-4 w-4"
343
+ }, undefined, false, undefined, this),
344
+ /* @__PURE__ */ jsxDEV4(Text2, {
345
+ className: "sr-only",
346
+ children: "Page pr\xE9c\xE9dente"
347
+ }, undefined, false, undefined, this)
348
+ ]
349
+ }, undefined, true, undefined, this),
350
+ /* @__PURE__ */ jsxDEV4(View2, {
351
+ className: "flex items-center gap-1",
352
+ children: getVisiblePageNumbers().map((page, index) => {
353
+ if (page === -1) {
354
+ return /* @__PURE__ */ jsxDEV4(View2, {
355
+ className: "text-muted-foreground px-2 py-1",
356
+ children: "..."
357
+ }, `ellipsis-${index}`, false, undefined, this);
358
+ }
359
+ return /* @__PURE__ */ jsxDEV4(Button, {
360
+ variant: page === currentPage ? "default" : "outline",
361
+ size: "sm",
362
+ onPress: () => onPageChange(page),
363
+ disabled,
364
+ className: "h-8 min-w-8 px-2",
365
+ children: /* @__PURE__ */ jsxDEV4(Text2, {
366
+ children: page
367
+ }, undefined, false, undefined, this)
368
+ }, page, false, undefined, this);
369
+ })
370
+ }, undefined, false, undefined, this),
371
+ /* @__PURE__ */ jsxDEV4(Button, {
372
+ variant: "outline",
373
+ size: "sm",
374
+ onPress: () => onPageChange(currentPage + 1),
375
+ disabled: !canGoNext,
376
+ className: "h-8 w-8 p-0",
377
+ children: [
378
+ /* @__PURE__ */ jsxDEV4(ChevronRight, {
379
+ className: "h-4 w-4"
380
+ }, undefined, false, undefined, this),
381
+ /* @__PURE__ */ jsxDEV4(Text2, {
382
+ className: "sr-only",
383
+ children: "Page suivante"
384
+ }, undefined, false, undefined, this)
385
+ ]
386
+ }, undefined, true, undefined, this),
387
+ /* @__PURE__ */ jsxDEV4(Button, {
388
+ variant: "outline",
389
+ size: "sm",
390
+ onPress: () => onPageChange(totalPages),
391
+ disabled: !canGoNext,
392
+ className: "hidden h-8 w-8 p-0 sm:flex",
393
+ children: [
394
+ /* @__PURE__ */ jsxDEV4(ChevronsRight, {
395
+ className: "h-4 w-4"
396
+ }, undefined, false, undefined, this),
397
+ /* @__PURE__ */ jsxDEV4(Text2, {
398
+ className: "sr-only",
399
+ children: "Derni\xE8re page"
400
+ }, undefined, false, undefined, this)
401
+ ]
402
+ }, undefined, true, undefined, this)
403
+ ]
404
+ }, undefined, true, undefined, this),
405
+ showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxDEV4(View2, {
406
+ className: "order-3 flex items-center gap-2 text-base",
407
+ children: [
408
+ /* @__PURE__ */ jsxDEV4(Text2, {
409
+ className: "text-muted-foreground",
410
+ children: "Afficher:"
411
+ }, undefined, false, undefined, this),
412
+ /* @__PURE__ */ jsxDEV4(Select, {
413
+ value: {
414
+ value: itemsPerPage.toString(),
415
+ label: itemsPerPage.toString()
416
+ },
417
+ onValueChange: (value) => onItemsPerPageChange(parseInt(value?.value || "")),
418
+ disabled,
419
+ children: [
420
+ /* @__PURE__ */ jsxDEV4(SelectTrigger, {
421
+ className: "h-8 w-16",
422
+ children: /* @__PURE__ */ jsxDEV4(SelectValue, {
423
+ placeholder: "Afficher:"
424
+ }, undefined, false, undefined, this)
425
+ }, undefined, false, undefined, this),
426
+ /* @__PURE__ */ jsxDEV4(SelectContent, {
427
+ className: "bg-background",
428
+ children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsxDEV4(SelectItem, {
429
+ value: option.toString(),
430
+ label: option.toString(),
431
+ children: option
432
+ }, option, false, undefined, this))
433
+ }, undefined, false, undefined, this)
434
+ ]
435
+ }, undefined, true, undefined, this)
436
+ ]
437
+ }, undefined, true, undefined, this)
438
+ ]
439
+ }, undefined, true, undefined, this);
440
+ };
441
+ export {
442
+ Pagination
159
443
  };
160
-
161
- //#endregion
162
- export { Pagination };
163
- //# sourceMappingURL=Pagination.js.map
@@ -1,3 +1,3 @@
1
- import { PaginationProps } from "./types.js";
2
- import { Pagination } from "./Pagination.js";
3
- export { Pagination, type PaginationProps };
1
+ export { Pagination } from './Pagination';
2
+ export type { PaginationProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/atoms/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}