@mihcm/ui 0.14.1

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 (737) hide show
  1. package/README.md +138 -0
  2. package/dist/AccessLevelGroup.d.ts +37 -0
  3. package/dist/AccessLevelGroup.d.ts.map +1 -0
  4. package/dist/AccessLevelGroup.js +39 -0
  5. package/dist/AccessLevelGroup.js.map +1 -0
  6. package/dist/AccessLevelGroup.native.d.ts +18 -0
  7. package/dist/AccessLevelGroup.native.d.ts.map +1 -0
  8. package/dist/AccessLevelGroup.native.js +40 -0
  9. package/dist/AccessLevelGroup.native.js.map +1 -0
  10. package/dist/Accordion.d.ts +52 -0
  11. package/dist/Accordion.d.ts.map +1 -0
  12. package/dist/Accordion.js +90 -0
  13. package/dist/Accordion.js.map +1 -0
  14. package/dist/Accordion.native.d.ts +36 -0
  15. package/dist/Accordion.native.d.ts.map +1 -0
  16. package/dist/Accordion.native.js +86 -0
  17. package/dist/Accordion.native.js.map +1 -0
  18. package/dist/Alert.d.ts +33 -0
  19. package/dist/Alert.d.ts.map +1 -0
  20. package/dist/Alert.js +45 -0
  21. package/dist/Alert.js.map +1 -0
  22. package/dist/Alert.native.d.ts +26 -0
  23. package/dist/Alert.native.d.ts.map +1 -0
  24. package/dist/Alert.native.js +41 -0
  25. package/dist/Alert.native.js.map +1 -0
  26. package/dist/AlertDialog.d.ts +57 -0
  27. package/dist/AlertDialog.d.ts.map +1 -0
  28. package/dist/AlertDialog.js +91 -0
  29. package/dist/AlertDialog.js.map +1 -0
  30. package/dist/AlertDialog.native.d.ts +66 -0
  31. package/dist/AlertDialog.native.d.ts.map +1 -0
  32. package/dist/AlertDialog.native.js +71 -0
  33. package/dist/AlertDialog.native.js.map +1 -0
  34. package/dist/AspectRatio.d.ts +18 -0
  35. package/dist/AspectRatio.d.ts.map +1 -0
  36. package/dist/AspectRatio.js +19 -0
  37. package/dist/AspectRatio.js.map +1 -0
  38. package/dist/AspectRatio.native.d.ts +7 -0
  39. package/dist/AspectRatio.native.d.ts.map +1 -0
  40. package/dist/AspectRatio.native.js +13 -0
  41. package/dist/AspectRatio.native.js.map +1 -0
  42. package/dist/Avatar.d.ts +45 -0
  43. package/dist/Avatar.d.ts.map +1 -0
  44. package/dist/Avatar.js +69 -0
  45. package/dist/Avatar.js.map +1 -0
  46. package/dist/Avatar.native.d.ts +38 -0
  47. package/dist/Avatar.native.d.ts.map +1 -0
  48. package/dist/Avatar.native.js +56 -0
  49. package/dist/Avatar.native.js.map +1 -0
  50. package/dist/AvatarGroup.d.ts +32 -0
  51. package/dist/AvatarGroup.d.ts.map +1 -0
  52. package/dist/AvatarGroup.js +45 -0
  53. package/dist/AvatarGroup.js.map +1 -0
  54. package/dist/AvatarGroup.native.d.ts +18 -0
  55. package/dist/AvatarGroup.native.d.ts.map +1 -0
  56. package/dist/AvatarGroup.native.js +35 -0
  57. package/dist/AvatarGroup.native.js.map +1 -0
  58. package/dist/Badge.d.ts +26 -0
  59. package/dist/Badge.d.ts.map +1 -0
  60. package/dist/Badge.js +44 -0
  61. package/dist/Badge.js.map +1 -0
  62. package/dist/Badge.native.d.ts +23 -0
  63. package/dist/Badge.native.d.ts.map +1 -0
  64. package/dist/Badge.native.js +49 -0
  65. package/dist/Badge.native.js.map +1 -0
  66. package/dist/Banner.d.ts +27 -0
  67. package/dist/Banner.d.ts.map +1 -0
  68. package/dist/Banner.js +41 -0
  69. package/dist/Banner.js.map +1 -0
  70. package/dist/Banner.native.d.ts +24 -0
  71. package/dist/Banner.native.d.ts.map +1 -0
  72. package/dist/Banner.native.js +39 -0
  73. package/dist/Banner.native.js.map +1 -0
  74. package/dist/BarList.d.ts +27 -0
  75. package/dist/BarList.d.ts.map +1 -0
  76. package/dist/BarList.js +25 -0
  77. package/dist/BarList.js.map +1 -0
  78. package/dist/Breadcrumb.d.ts +67 -0
  79. package/dist/Breadcrumb.d.ts.map +1 -0
  80. package/dist/Breadcrumb.js +63 -0
  81. package/dist/Breadcrumb.js.map +1 -0
  82. package/dist/Breadcrumb.native.d.ts +64 -0
  83. package/dist/Breadcrumb.native.d.ts.map +1 -0
  84. package/dist/Breadcrumb.native.js +50 -0
  85. package/dist/Breadcrumb.native.js.map +1 -0
  86. package/dist/Button.d.ts +42 -0
  87. package/dist/Button.d.ts.map +1 -0
  88. package/dist/Button.js +68 -0
  89. package/dist/Button.js.map +1 -0
  90. package/dist/Button.native.d.ts +38 -0
  91. package/dist/Button.native.d.ts.map +1 -0
  92. package/dist/Button.native.js +51 -0
  93. package/dist/Button.native.js.map +1 -0
  94. package/dist/Calendar.d.ts +16 -0
  95. package/dist/Calendar.d.ts.map +1 -0
  96. package/dist/Calendar.js +94 -0
  97. package/dist/Calendar.js.map +1 -0
  98. package/dist/Calendar.native.d.ts +21 -0
  99. package/dist/Calendar.native.d.ts.map +1 -0
  100. package/dist/Calendar.native.js +15 -0
  101. package/dist/Calendar.native.js.map +1 -0
  102. package/dist/Card.d.ts +29 -0
  103. package/dist/Card.d.ts.map +1 -0
  104. package/dist/Card.js +44 -0
  105. package/dist/Card.js.map +1 -0
  106. package/dist/Card.native.d.ts +20 -0
  107. package/dist/Card.native.d.ts.map +1 -0
  108. package/dist/Card.native.js +32 -0
  109. package/dist/Card.native.js.map +1 -0
  110. package/dist/Carousel.d.ts +46 -0
  111. package/dist/Carousel.d.ts.map +1 -0
  112. package/dist/Carousel.js +115 -0
  113. package/dist/Carousel.js.map +1 -0
  114. package/dist/Carousel.native.d.ts +59 -0
  115. package/dist/Carousel.native.d.ts.map +1 -0
  116. package/dist/Carousel.native.js +93 -0
  117. package/dist/Carousel.native.js.map +1 -0
  118. package/dist/CategoryBar.d.ts +22 -0
  119. package/dist/CategoryBar.d.ts.map +1 -0
  120. package/dist/CategoryBar.js +27 -0
  121. package/dist/CategoryBar.js.map +1 -0
  122. package/dist/Chart.d.ts +77 -0
  123. package/dist/Chart.d.ts.map +1 -0
  124. package/dist/Chart.js +197 -0
  125. package/dist/Chart.js.map +1 -0
  126. package/dist/Checkbox.d.ts +28 -0
  127. package/dist/Checkbox.d.ts.map +1 -0
  128. package/dist/Checkbox.js +44 -0
  129. package/dist/Checkbox.js.map +1 -0
  130. package/dist/Checkbox.native.d.ts +13 -0
  131. package/dist/Checkbox.native.d.ts.map +1 -0
  132. package/dist/Checkbox.native.js +34 -0
  133. package/dist/Checkbox.native.js.map +1 -0
  134. package/dist/CheckboxGrid.d.ts +49 -0
  135. package/dist/CheckboxGrid.d.ts.map +1 -0
  136. package/dist/CheckboxGrid.js +79 -0
  137. package/dist/CheckboxGrid.js.map +1 -0
  138. package/dist/CheckboxGrid.native.d.ts +14 -0
  139. package/dist/CheckboxGrid.native.d.ts.map +1 -0
  140. package/dist/CheckboxGrid.native.js +47 -0
  141. package/dist/CheckboxGrid.native.js.map +1 -0
  142. package/dist/Collapsible.d.ts +51 -0
  143. package/dist/Collapsible.d.ts.map +1 -0
  144. package/dist/Collapsible.js +101 -0
  145. package/dist/Collapsible.js.map +1 -0
  146. package/dist/Collapsible.native.d.ts +53 -0
  147. package/dist/Collapsible.native.d.ts.map +1 -0
  148. package/dist/Collapsible.native.js +109 -0
  149. package/dist/Collapsible.native.js.map +1 -0
  150. package/dist/Combobox.d.ts +42 -0
  151. package/dist/Combobox.d.ts.map +1 -0
  152. package/dist/Combobox.js +96 -0
  153. package/dist/Combobox.js.map +1 -0
  154. package/dist/Combobox.native.d.ts +21 -0
  155. package/dist/Combobox.native.d.ts.map +1 -0
  156. package/dist/Combobox.native.js +28 -0
  157. package/dist/Combobox.native.js.map +1 -0
  158. package/dist/Command.d.ts +107 -0
  159. package/dist/Command.d.ts.map +1 -0
  160. package/dist/Command.js +68 -0
  161. package/dist/Command.js.map +1 -0
  162. package/dist/Command.native.d.ts +41 -0
  163. package/dist/Command.native.d.ts.map +1 -0
  164. package/dist/Command.native.js +31 -0
  165. package/dist/Command.native.js.map +1 -0
  166. package/dist/ContextMenu.d.ts +48 -0
  167. package/dist/ContextMenu.d.ts.map +1 -0
  168. package/dist/ContextMenu.js +79 -0
  169. package/dist/ContextMenu.js.map +1 -0
  170. package/dist/ContextMenu.native.d.ts +81 -0
  171. package/dist/ContextMenu.native.d.ts.map +1 -0
  172. package/dist/ContextMenu.native.js +82 -0
  173. package/dist/ContextMenu.native.js.map +1 -0
  174. package/dist/DataTable.d.ts +98 -0
  175. package/dist/DataTable.d.ts.map +1 -0
  176. package/dist/DataTable.js +291 -0
  177. package/dist/DataTable.js.map +1 -0
  178. package/dist/DataTable.native.d.ts +31 -0
  179. package/dist/DataTable.native.d.ts.map +1 -0
  180. package/dist/DataTable.native.js +22 -0
  181. package/dist/DataTable.native.js.map +1 -0
  182. package/dist/DatePicker.d.ts +63 -0
  183. package/dist/DatePicker.d.ts.map +1 -0
  184. package/dist/DatePicker.js +106 -0
  185. package/dist/DatePicker.js.map +1 -0
  186. package/dist/DatePicker.native.d.ts +21 -0
  187. package/dist/DatePicker.native.d.ts.map +1 -0
  188. package/dist/DatePicker.native.js +15 -0
  189. package/dist/DatePicker.native.js.map +1 -0
  190. package/dist/Dialog.d.ts +52 -0
  191. package/dist/Dialog.d.ts.map +1 -0
  192. package/dist/Dialog.js +93 -0
  193. package/dist/Dialog.js.map +1 -0
  194. package/dist/Dialog.native.d.ts +57 -0
  195. package/dist/Dialog.native.d.ts.map +1 -0
  196. package/dist/Dialog.native.js +62 -0
  197. package/dist/Dialog.native.js.map +1 -0
  198. package/dist/Drawer.d.ts +36 -0
  199. package/dist/Drawer.d.ts.map +1 -0
  200. package/dist/Drawer.js +57 -0
  201. package/dist/Drawer.js.map +1 -0
  202. package/dist/Drawer.native.d.ts +50 -0
  203. package/dist/Drawer.native.d.ts.map +1 -0
  204. package/dist/Drawer.native.js +43 -0
  205. package/dist/Drawer.native.js.map +1 -0
  206. package/dist/DropdownMenu.d.ts +57 -0
  207. package/dist/DropdownMenu.d.ts.map +1 -0
  208. package/dist/DropdownMenu.js +192 -0
  209. package/dist/DropdownMenu.js.map +1 -0
  210. package/dist/DropdownMenu.native.d.ts +53 -0
  211. package/dist/DropdownMenu.native.d.ts.map +1 -0
  212. package/dist/DropdownMenu.native.js +71 -0
  213. package/dist/DropdownMenu.native.js.map +1 -0
  214. package/dist/Dropzone.d.ts +27 -0
  215. package/dist/Dropzone.d.ts.map +1 -0
  216. package/dist/Dropzone.js +33 -0
  217. package/dist/Dropzone.js.map +1 -0
  218. package/dist/EmptyState.d.ts +21 -0
  219. package/dist/EmptyState.d.ts.map +1 -0
  220. package/dist/EmptyState.js +16 -0
  221. package/dist/EmptyState.js.map +1 -0
  222. package/dist/EmptyState.native.d.ts +19 -0
  223. package/dist/EmptyState.native.d.ts.map +1 -0
  224. package/dist/EmptyState.native.js +16 -0
  225. package/dist/EmptyState.native.js.map +1 -0
  226. package/dist/Form.d.ts +310 -0
  227. package/dist/Form.d.ts.map +1 -0
  228. package/dist/Form.js +260 -0
  229. package/dist/Form.js.map +1 -0
  230. package/dist/Form.native.d.ts +36 -0
  231. package/dist/Form.native.d.ts.map +1 -0
  232. package/dist/Form.native.js +33 -0
  233. package/dist/Form.native.js.map +1 -0
  234. package/dist/HoverCard.d.ts +47 -0
  235. package/dist/HoverCard.d.ts.map +1 -0
  236. package/dist/HoverCard.js +86 -0
  237. package/dist/HoverCard.js.map +1 -0
  238. package/dist/HoverCard.native.d.ts +48 -0
  239. package/dist/HoverCard.native.d.ts.map +1 -0
  240. package/dist/HoverCard.native.js +19 -0
  241. package/dist/HoverCard.native.js.map +1 -0
  242. package/dist/IconSidebar.d.ts +50 -0
  243. package/dist/IconSidebar.d.ts.map +1 -0
  244. package/dist/IconSidebar.js +121 -0
  245. package/dist/IconSidebar.js.map +1 -0
  246. package/dist/IconSidebar.native.d.ts +40 -0
  247. package/dist/IconSidebar.native.d.ts.map +1 -0
  248. package/dist/IconSidebar.native.js +24 -0
  249. package/dist/IconSidebar.native.js.map +1 -0
  250. package/dist/Input.d.ts +52 -0
  251. package/dist/Input.d.ts.map +1 -0
  252. package/dist/Input.js +57 -0
  253. package/dist/Input.js.map +1 -0
  254. package/dist/Input.native.d.ts +37 -0
  255. package/dist/Input.native.d.ts.map +1 -0
  256. package/dist/Input.native.js +39 -0
  257. package/dist/Input.native.js.map +1 -0
  258. package/dist/InputOTP.d.ts +30 -0
  259. package/dist/InputOTP.d.ts.map +1 -0
  260. package/dist/InputOTP.js +47 -0
  261. package/dist/InputOTP.js.map +1 -0
  262. package/dist/InputOTP.native.d.ts +32 -0
  263. package/dist/InputOTP.native.d.ts.map +1 -0
  264. package/dist/InputOTP.native.js +48 -0
  265. package/dist/InputOTP.native.js.map +1 -0
  266. package/dist/Label.d.ts +26 -0
  267. package/dist/Label.d.ts.map +1 -0
  268. package/dist/Label.js +35 -0
  269. package/dist/Label.js.map +1 -0
  270. package/dist/Label.native.d.ts +26 -0
  271. package/dist/Label.native.d.ts.map +1 -0
  272. package/dist/Label.native.js +30 -0
  273. package/dist/Label.native.js.map +1 -0
  274. package/dist/Link.d.ts +21 -0
  275. package/dist/Link.d.ts.map +1 -0
  276. package/dist/Link.js +46 -0
  277. package/dist/Link.js.map +1 -0
  278. package/dist/Link.native.d.ts +23 -0
  279. package/dist/Link.native.d.ts.map +1 -0
  280. package/dist/Link.native.js +59 -0
  281. package/dist/Link.native.js.map +1 -0
  282. package/dist/Logo.d.ts +25 -0
  283. package/dist/Logo.d.ts.map +1 -0
  284. package/dist/Logo.js +58 -0
  285. package/dist/Logo.js.map +1 -0
  286. package/dist/Logo.native.d.ts +22 -0
  287. package/dist/Logo.native.d.ts.map +1 -0
  288. package/dist/Logo.native.js +46 -0
  289. package/dist/Logo.native.js.map +1 -0
  290. package/dist/MainSidebar.d.ts +2 -0
  291. package/dist/MainSidebar.d.ts.map +1 -0
  292. package/dist/MainSidebar.js +3 -0
  293. package/dist/MainSidebar.js.map +1 -0
  294. package/dist/MainSidebar.native.d.ts +2 -0
  295. package/dist/MainSidebar.native.d.ts.map +1 -0
  296. package/dist/MainSidebar.native.js +2 -0
  297. package/dist/MainSidebar.native.js.map +1 -0
  298. package/dist/Menubar.d.ts +70 -0
  299. package/dist/Menubar.d.ts.map +1 -0
  300. package/dist/Menubar.js +142 -0
  301. package/dist/Menubar.js.map +1 -0
  302. package/dist/NavigationMenu.d.ts +12 -0
  303. package/dist/NavigationMenu.d.ts.map +1 -0
  304. package/dist/NavigationMenu.js +63 -0
  305. package/dist/NavigationMenu.js.map +1 -0
  306. package/dist/NavigationMenu.native.d.ts +44 -0
  307. package/dist/NavigationMenu.native.d.ts.map +1 -0
  308. package/dist/NavigationMenu.native.js +43 -0
  309. package/dist/NavigationMenu.native.js.map +1 -0
  310. package/dist/NotificationBadge.d.ts +33 -0
  311. package/dist/NotificationBadge.d.ts.map +1 -0
  312. package/dist/NotificationBadge.js +49 -0
  313. package/dist/NotificationBadge.js.map +1 -0
  314. package/dist/NotificationBadge.native.d.ts +25 -0
  315. package/dist/NotificationBadge.native.d.ts.map +1 -0
  316. package/dist/NotificationBadge.native.js +41 -0
  317. package/dist/NotificationBadge.native.js.map +1 -0
  318. package/dist/PageShell.d.ts +24 -0
  319. package/dist/PageShell.d.ts.map +1 -0
  320. package/dist/PageShell.js +24 -0
  321. package/dist/PageShell.js.map +1 -0
  322. package/dist/PageShell.native.d.ts +21 -0
  323. package/dist/PageShell.native.d.ts.map +1 -0
  324. package/dist/PageShell.native.js +19 -0
  325. package/dist/PageShell.native.js.map +1 -0
  326. package/dist/Pagination.d.ts +53 -0
  327. package/dist/Pagination.d.ts.map +1 -0
  328. package/dist/Pagination.js +79 -0
  329. package/dist/Pagination.js.map +1 -0
  330. package/dist/Pagination.native.d.ts +48 -0
  331. package/dist/Pagination.native.d.ts.map +1 -0
  332. package/dist/Pagination.native.js +55 -0
  333. package/dist/Pagination.native.js.map +1 -0
  334. package/dist/Popover.d.ts +57 -0
  335. package/dist/Popover.d.ts.map +1 -0
  336. package/dist/Popover.js +71 -0
  337. package/dist/Popover.js.map +1 -0
  338. package/dist/Popover.native.d.ts +48 -0
  339. package/dist/Popover.native.d.ts.map +1 -0
  340. package/dist/Popover.native.js +65 -0
  341. package/dist/Popover.native.js.map +1 -0
  342. package/dist/Popper.d.ts +54 -0
  343. package/dist/Popper.d.ts.map +1 -0
  344. package/dist/Popper.js +219 -0
  345. package/dist/Popper.js.map +1 -0
  346. package/dist/Progress.d.ts +79 -0
  347. package/dist/Progress.d.ts.map +1 -0
  348. package/dist/Progress.js +110 -0
  349. package/dist/Progress.js.map +1 -0
  350. package/dist/Progress.native.d.ts +42 -0
  351. package/dist/Progress.native.d.ts.map +1 -0
  352. package/dist/Progress.native.js +91 -0
  353. package/dist/Progress.native.js.map +1 -0
  354. package/dist/ProgressCircle.d.ts +69 -0
  355. package/dist/ProgressCircle.d.ts.map +1 -0
  356. package/dist/ProgressCircle.js +78 -0
  357. package/dist/ProgressCircle.js.map +1 -0
  358. package/dist/RadioCardGroup.d.ts +26 -0
  359. package/dist/RadioCardGroup.d.ts.map +1 -0
  360. package/dist/RadioCardGroup.js +26 -0
  361. package/dist/RadioCardGroup.js.map +1 -0
  362. package/dist/RadioGroup.d.ts +35 -0
  363. package/dist/RadioGroup.d.ts.map +1 -0
  364. package/dist/RadioGroup.js +68 -0
  365. package/dist/RadioGroup.js.map +1 -0
  366. package/dist/RadioGroup.native.d.ts +33 -0
  367. package/dist/RadioGroup.native.d.ts.map +1 -0
  368. package/dist/RadioGroup.native.js +55 -0
  369. package/dist/RadioGroup.native.js.map +1 -0
  370. package/dist/Resizable.d.ts +32 -0
  371. package/dist/Resizable.d.ts.map +1 -0
  372. package/dist/Resizable.js +31 -0
  373. package/dist/Resizable.js.map +1 -0
  374. package/dist/Resizable.native.d.ts +32 -0
  375. package/dist/Resizable.native.d.ts.map +1 -0
  376. package/dist/Resizable.native.js +23 -0
  377. package/dist/Resizable.native.js.map +1 -0
  378. package/dist/RichTextEditor.d.ts +38 -0
  379. package/dist/RichTextEditor.d.ts.map +1 -0
  380. package/dist/RichTextEditor.js +218 -0
  381. package/dist/RichTextEditor.js.map +1 -0
  382. package/dist/ScrollArea.d.ts +4 -0
  383. package/dist/ScrollArea.d.ts.map +1 -0
  384. package/dist/ScrollArea.js +26 -0
  385. package/dist/ScrollArea.js.map +1 -0
  386. package/dist/ScrollArea.native.d.ts +19 -0
  387. package/dist/ScrollArea.native.d.ts.map +1 -0
  388. package/dist/ScrollArea.native.js +19 -0
  389. package/dist/ScrollArea.native.js.map +1 -0
  390. package/dist/SearchField.d.ts +43 -0
  391. package/dist/SearchField.d.ts.map +1 -0
  392. package/dist/SearchField.js +34 -0
  393. package/dist/SearchField.js.map +1 -0
  394. package/dist/SearchField.native.d.ts +31 -0
  395. package/dist/SearchField.native.d.ts.map +1 -0
  396. package/dist/SearchField.native.js +30 -0
  397. package/dist/SearchField.native.js.map +1 -0
  398. package/dist/SectionHeader.d.ts +58 -0
  399. package/dist/SectionHeader.d.ts.map +1 -0
  400. package/dist/SectionHeader.js +95 -0
  401. package/dist/SectionHeader.js.map +1 -0
  402. package/dist/SectionHeader.native.d.ts +45 -0
  403. package/dist/SectionHeader.native.d.ts.map +1 -0
  404. package/dist/SectionHeader.native.js +92 -0
  405. package/dist/SectionHeader.native.js.map +1 -0
  406. package/dist/Select.d.ts +78 -0
  407. package/dist/Select.d.ts.map +1 -0
  408. package/dist/Select.js +310 -0
  409. package/dist/Select.js.map +1 -0
  410. package/dist/Select.native.d.ts +53 -0
  411. package/dist/Select.native.d.ts.map +1 -0
  412. package/dist/Select.native.js +86 -0
  413. package/dist/Select.native.js.map +1 -0
  414. package/dist/Separator.d.ts +20 -0
  415. package/dist/Separator.d.ts.map +1 -0
  416. package/dist/Separator.js +20 -0
  417. package/dist/Separator.js.map +1 -0
  418. package/dist/Separator.native.d.ts +8 -0
  419. package/dist/Separator.native.d.ts.map +1 -0
  420. package/dist/Separator.native.js +17 -0
  421. package/dist/Separator.native.js.map +1 -0
  422. package/dist/Sheet.d.ts +54 -0
  423. package/dist/Sheet.d.ts.map +1 -0
  424. package/dist/Sheet.js +191 -0
  425. package/dist/Sheet.js.map +1 -0
  426. package/dist/Sheet.native.d.ts +55 -0
  427. package/dist/Sheet.native.d.ts.map +1 -0
  428. package/dist/Sheet.native.js +112 -0
  429. package/dist/Sheet.native.js.map +1 -0
  430. package/dist/Sidebar.d.ts +131 -0
  431. package/dist/Sidebar.d.ts.map +1 -0
  432. package/dist/Sidebar.js +328 -0
  433. package/dist/Sidebar.js.map +1 -0
  434. package/dist/Skeleton.d.ts +14 -0
  435. package/dist/Skeleton.d.ts.map +1 -0
  436. package/dist/Skeleton.js +17 -0
  437. package/dist/Skeleton.js.map +1 -0
  438. package/dist/Skeleton.native.d.ts +6 -0
  439. package/dist/Skeleton.native.d.ts.map +1 -0
  440. package/dist/Skeleton.native.js +26 -0
  441. package/dist/Skeleton.native.js.map +1 -0
  442. package/dist/Slider.d.ts +63 -0
  443. package/dist/Slider.d.ts.map +1 -0
  444. package/dist/Slider.js +109 -0
  445. package/dist/Slider.js.map +1 -0
  446. package/dist/Slider.native.d.ts +38 -0
  447. package/dist/Slider.native.d.ts.map +1 -0
  448. package/dist/Slider.native.js +18 -0
  449. package/dist/Slider.native.js.map +1 -0
  450. package/dist/SortableList.d.ts +26 -0
  451. package/dist/SortableList.d.ts.map +1 -0
  452. package/dist/SortableList.js +44 -0
  453. package/dist/SortableList.js.map +1 -0
  454. package/dist/SparkChart.d.ts +34 -0
  455. package/dist/SparkChart.d.ts.map +1 -0
  456. package/dist/SparkChart.js +55 -0
  457. package/dist/SparkChart.js.map +1 -0
  458. package/dist/StatCard.d.ts +35 -0
  459. package/dist/StatCard.d.ts.map +1 -0
  460. package/dist/StatCard.js +37 -0
  461. package/dist/StatCard.js.map +1 -0
  462. package/dist/StatCard.native.d.ts +28 -0
  463. package/dist/StatCard.native.d.ts.map +1 -0
  464. package/dist/StatCard.native.js +31 -0
  465. package/dist/StatCard.native.js.map +1 -0
  466. package/dist/StatusBadge.d.ts +23 -0
  467. package/dist/StatusBadge.d.ts.map +1 -0
  468. package/dist/StatusBadge.js +33 -0
  469. package/dist/StatusBadge.js.map +1 -0
  470. package/dist/StatusBadge.native.d.ts +21 -0
  471. package/dist/StatusBadge.native.d.ts.map +1 -0
  472. package/dist/StatusBadge.native.js +37 -0
  473. package/dist/StatusBadge.native.js.map +1 -0
  474. package/dist/Switch.d.ts +31 -0
  475. package/dist/Switch.d.ts.map +1 -0
  476. package/dist/Switch.js +46 -0
  477. package/dist/Switch.js.map +1 -0
  478. package/dist/Switch.native.d.ts +16 -0
  479. package/dist/Switch.native.d.ts.map +1 -0
  480. package/dist/Switch.native.js +41 -0
  481. package/dist/Switch.native.js.map +1 -0
  482. package/dist/TabNavigation.d.ts +49 -0
  483. package/dist/TabNavigation.d.ts.map +1 -0
  484. package/dist/TabNavigation.js +121 -0
  485. package/dist/TabNavigation.js.map +1 -0
  486. package/dist/Table.d.ts +54 -0
  487. package/dist/Table.d.ts.map +1 -0
  488. package/dist/Table.js +96 -0
  489. package/dist/Table.js.map +1 -0
  490. package/dist/Table.native.d.ts +37 -0
  491. package/dist/Table.native.d.ts.map +1 -0
  492. package/dist/Table.native.js +37 -0
  493. package/dist/Table.native.js.map +1 -0
  494. package/dist/Tabs.d.ts +45 -0
  495. package/dist/Tabs.d.ts.map +1 -0
  496. package/dist/Tabs.js +94 -0
  497. package/dist/Tabs.js.map +1 -0
  498. package/dist/Tabs.native.d.ts +47 -0
  499. package/dist/Tabs.native.d.ts.map +1 -0
  500. package/dist/Tabs.native.js +57 -0
  501. package/dist/Tabs.native.js.map +1 -0
  502. package/dist/Tag.d.ts +24 -0
  503. package/dist/Tag.d.ts.map +1 -0
  504. package/dist/Tag.js +41 -0
  505. package/dist/Tag.js.map +1 -0
  506. package/dist/Tag.native.d.ts +23 -0
  507. package/dist/Tag.native.d.ts.map +1 -0
  508. package/dist/Tag.native.js +55 -0
  509. package/dist/Tag.native.js.map +1 -0
  510. package/dist/Text.d.ts +26 -0
  511. package/dist/Text.d.ts.map +1 -0
  512. package/dist/Text.js +63 -0
  513. package/dist/Text.js.map +1 -0
  514. package/dist/Text.native.d.ts +18 -0
  515. package/dist/Text.native.d.ts.map +1 -0
  516. package/dist/Text.native.js +58 -0
  517. package/dist/Text.native.js.map +1 -0
  518. package/dist/Textarea.d.ts +23 -0
  519. package/dist/Textarea.d.ts.map +1 -0
  520. package/dist/Textarea.js +39 -0
  521. package/dist/Textarea.js.map +1 -0
  522. package/dist/Textarea.native.d.ts +16 -0
  523. package/dist/Textarea.native.d.ts.map +1 -0
  524. package/dist/Textarea.native.js +30 -0
  525. package/dist/Textarea.native.js.map +1 -0
  526. package/dist/TiptapEditor.d.ts +24 -0
  527. package/dist/TiptapEditor.d.ts.map +1 -0
  528. package/dist/TiptapEditor.js +84 -0
  529. package/dist/TiptapEditor.js.map +1 -0
  530. package/dist/TitleBar.d.ts +31 -0
  531. package/dist/TitleBar.d.ts.map +1 -0
  532. package/dist/TitleBar.js +27 -0
  533. package/dist/TitleBar.js.map +1 -0
  534. package/dist/TitleBar.native.d.ts +19 -0
  535. package/dist/TitleBar.native.d.ts.map +1 -0
  536. package/dist/TitleBar.native.js +16 -0
  537. package/dist/TitleBar.native.js.map +1 -0
  538. package/dist/Toast.d.ts +72 -0
  539. package/dist/Toast.d.ts.map +1 -0
  540. package/dist/Toast.js +194 -0
  541. package/dist/Toast.js.map +1 -0
  542. package/dist/Toast.native.d.ts +65 -0
  543. package/dist/Toast.native.d.ts.map +1 -0
  544. package/dist/Toast.native.js +182 -0
  545. package/dist/Toast.native.js.map +1 -0
  546. package/dist/Toggle.d.ts +46 -0
  547. package/dist/Toggle.d.ts.map +1 -0
  548. package/dist/Toggle.js +70 -0
  549. package/dist/Toggle.js.map +1 -0
  550. package/dist/Toggle.native.d.ts +42 -0
  551. package/dist/Toggle.native.d.ts.map +1 -0
  552. package/dist/Toggle.native.js +56 -0
  553. package/dist/Toggle.native.js.map +1 -0
  554. package/dist/Tooltip.d.ts +32 -0
  555. package/dist/Tooltip.d.ts.map +1 -0
  556. package/dist/Tooltip.js +43 -0
  557. package/dist/Tooltip.js.map +1 -0
  558. package/dist/Tooltip.native.d.ts +25 -0
  559. package/dist/Tooltip.native.d.ts.map +1 -0
  560. package/dist/Tooltip.native.js +25 -0
  561. package/dist/Tooltip.native.js.map +1 -0
  562. package/dist/TopBar.d.ts +105 -0
  563. package/dist/TopBar.d.ts.map +1 -0
  564. package/dist/TopBar.js +90 -0
  565. package/dist/TopBar.js.map +1 -0
  566. package/dist/TopBar.native.d.ts +67 -0
  567. package/dist/TopBar.native.d.ts.map +1 -0
  568. package/dist/TopBar.native.js +41 -0
  569. package/dist/TopBar.native.js.map +1 -0
  570. package/dist/Tracker.d.ts +44 -0
  571. package/dist/Tracker.d.ts.map +1 -0
  572. package/dist/Tracker.js +92 -0
  573. package/dist/Tracker.js.map +1 -0
  574. package/dist/TransferList.d.ts +51 -0
  575. package/dist/TransferList.d.ts.map +1 -0
  576. package/dist/TransferList.js +107 -0
  577. package/dist/TransferList.js.map +1 -0
  578. package/dist/TransferList.native.d.ts +14 -0
  579. package/dist/TransferList.native.d.ts.map +1 -0
  580. package/dist/TransferList.native.js +57 -0
  581. package/dist/TransferList.native.js.map +1 -0
  582. package/dist/index.d.ts +78 -0
  583. package/dist/index.d.ts.map +1 -0
  584. package/dist/index.js +79 -0
  585. package/dist/index.js.map +1 -0
  586. package/dist/internal/cn.d.ts +7 -0
  587. package/dist/internal/cn.d.ts.map +1 -0
  588. package/dist/internal/cn.js +30 -0
  589. package/dist/internal/cn.js.map +1 -0
  590. package/package.json +499 -0
  591. package/src/AccessLevelGroup.native.tsx +103 -0
  592. package/src/AccessLevelGroup.tsx +103 -0
  593. package/src/Accordion.native.tsx +199 -0
  594. package/src/Accordion.tsx +279 -0
  595. package/src/Alert.native.tsx +100 -0
  596. package/src/Alert.tsx +101 -0
  597. package/src/AlertDialog.native.tsx +189 -0
  598. package/src/AlertDialog.tsx +194 -0
  599. package/src/AspectRatio.native.tsx +28 -0
  600. package/src/AspectRatio.tsx +35 -0
  601. package/src/Avatar.native.tsx +142 -0
  602. package/src/Avatar.tsx +155 -0
  603. package/src/AvatarGroup.native.tsx +81 -0
  604. package/src/AvatarGroup.tsx +114 -0
  605. package/src/Badge.native.tsx +85 -0
  606. package/src/Badge.tsx +93 -0
  607. package/src/Banner.native.tsx +77 -0
  608. package/src/Banner.tsx +95 -0
  609. package/src/BarList.tsx +102 -0
  610. package/src/Breadcrumb.native.tsx +238 -0
  611. package/src/Breadcrumb.tsx +258 -0
  612. package/src/Button.native.tsx +123 -0
  613. package/src/Button.tsx +153 -0
  614. package/src/Calendar.native.tsx +28 -0
  615. package/src/Calendar.tsx +211 -0
  616. package/src/Card.native.tsx +82 -0
  617. package/src/Card.tsx +94 -0
  618. package/src/Carousel.native.tsx +224 -0
  619. package/src/Carousel.tsx +292 -0
  620. package/src/CategoryBar.tsx +85 -0
  621. package/src/Chart.tsx +467 -0
  622. package/src/Checkbox.native.tsx +69 -0
  623. package/src/Checkbox.tsx +108 -0
  624. package/src/CheckboxGrid.native.tsx +160 -0
  625. package/src/CheckboxGrid.tsx +262 -0
  626. package/src/Collapsible.native.tsx +240 -0
  627. package/src/Collapsible.tsx +241 -0
  628. package/src/Combobox.native.tsx +171 -0
  629. package/src/Combobox.tsx +272 -0
  630. package/src/Command.native.tsx +71 -0
  631. package/src/Command.tsx +203 -0
  632. package/src/ContextMenu.native.tsx +313 -0
  633. package/src/ContextMenu.tsx +238 -0
  634. package/src/DataTable.native.tsx +70 -0
  635. package/src/DataTable.tsx +989 -0
  636. package/src/DatePicker.native.tsx +46 -0
  637. package/src/DatePicker.tsx +357 -0
  638. package/src/Dialog.native.tsx +181 -0
  639. package/src/Dialog.tsx +224 -0
  640. package/src/Drawer.native.tsx +134 -0
  641. package/src/Drawer.tsx +119 -0
  642. package/src/DropdownMenu.native.tsx +258 -0
  643. package/src/DropdownMenu.tsx +387 -0
  644. package/src/Dropzone.tsx +95 -0
  645. package/src/EmptyState.native.tsx +43 -0
  646. package/src/EmptyState.tsx +52 -0
  647. package/src/Form.native.tsx +94 -0
  648. package/src/Form.tsx +1324 -0
  649. package/src/HoverCard.native.tsx +63 -0
  650. package/src/HoverCard.tsx +181 -0
  651. package/src/IconSidebar.native.tsx +94 -0
  652. package/src/IconSidebar.tsx +448 -0
  653. package/src/Input.native.tsx +99 -0
  654. package/src/Input.tsx +132 -0
  655. package/src/InputOTP.native.tsx +154 -0
  656. package/src/InputOTP.tsx +119 -0
  657. package/src/Label.native.tsx +55 -0
  658. package/src/Label.tsx +60 -0
  659. package/src/Link.native.tsx +89 -0
  660. package/src/Link.tsx +85 -0
  661. package/src/Logo.native.tsx +114 -0
  662. package/src/Logo.tsx +153 -0
  663. package/src/MainSidebar.native.tsx +8 -0
  664. package/src/MainSidebar.tsx +10 -0
  665. package/src/Menubar.tsx +485 -0
  666. package/src/NavigationMenu.native.tsx +136 -0
  667. package/src/NavigationMenu.tsx +180 -0
  668. package/src/NotificationBadge.native.tsx +80 -0
  669. package/src/NotificationBadge.tsx +91 -0
  670. package/src/PageShell.native.tsx +43 -0
  671. package/src/PageShell.tsx +50 -0
  672. package/src/Pagination.native.tsx +217 -0
  673. package/src/Pagination.tsx +250 -0
  674. package/src/Popover.native.tsx +139 -0
  675. package/src/Popover.tsx +175 -0
  676. package/src/Popper.tsx +399 -0
  677. package/src/Progress.native.tsx +197 -0
  678. package/src/Progress.tsx +286 -0
  679. package/src/ProgressCircle.tsx +200 -0
  680. package/src/RadioCardGroup.tsx +97 -0
  681. package/src/RadioGroup.native.tsx +153 -0
  682. package/src/RadioGroup.tsx +201 -0
  683. package/src/Resizable.native.tsx +76 -0
  684. package/src/Resizable.tsx +88 -0
  685. package/src/RichTextEditor.tsx +513 -0
  686. package/src/ScrollArea.native.tsx +36 -0
  687. package/src/ScrollArea.tsx +62 -0
  688. package/src/SearchField.native.tsx +104 -0
  689. package/src/SearchField.tsx +136 -0
  690. package/src/SectionHeader.native.tsx +226 -0
  691. package/src/SectionHeader.tsx +250 -0
  692. package/src/Select.native.tsx +299 -0
  693. package/src/Select.tsx +710 -0
  694. package/src/Separator.native.tsx +38 -0
  695. package/src/Separator.tsx +43 -0
  696. package/src/Sheet.native.tsx +233 -0
  697. package/src/Sheet.tsx +329 -0
  698. package/src/Sidebar.tsx +956 -0
  699. package/src/Skeleton.native.tsx +47 -0
  700. package/src/Skeleton.tsx +29 -0
  701. package/src/Slider.native.tsx +64 -0
  702. package/src/Slider.tsx +284 -0
  703. package/src/SortableList.tsx +158 -0
  704. package/src/SparkChart.tsx +143 -0
  705. package/src/StatCard.native.tsx +64 -0
  706. package/src/StatCard.tsx +75 -0
  707. package/src/StatusBadge.native.tsx +57 -0
  708. package/src/StatusBadge.tsx +52 -0
  709. package/src/Switch.native.tsx +78 -0
  710. package/src/Switch.tsx +94 -0
  711. package/src/TabNavigation.tsx +329 -0
  712. package/src/Table.native.tsx +183 -0
  713. package/src/Table.tsx +260 -0
  714. package/src/Tabs.native.tsx +139 -0
  715. package/src/Tabs.tsx +216 -0
  716. package/src/Tag.native.tsx +87 -0
  717. package/src/Tag.tsx +93 -0
  718. package/src/Text.native.tsx +95 -0
  719. package/src/Text.tsx +93 -0
  720. package/src/Textarea.native.tsx +64 -0
  721. package/src/Textarea.tsx +66 -0
  722. package/src/TitleBar.native.tsx +46 -0
  723. package/src/TitleBar.tsx +64 -0
  724. package/src/Toast.native.tsx +366 -0
  725. package/src/Toast.tsx +408 -0
  726. package/src/Toggle.native.tsx +162 -0
  727. package/src/Toggle.tsx +169 -0
  728. package/src/Tooltip.native.tsx +62 -0
  729. package/src/Tooltip.tsx +88 -0
  730. package/src/TopBar.native.tsx +223 -0
  731. package/src/TopBar.tsx +436 -0
  732. package/src/Tracker.tsx +244 -0
  733. package/src/TransferList.native.tsx +180 -0
  734. package/src/TransferList.tsx +297 -0
  735. package/src/globals.d.ts +1 -0
  736. package/src/index.ts +502 -0
  737. package/src/internal/cn.ts +31 -0
package/dist/Avatar.js ADDED
@@ -0,0 +1,69 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ /**
4
+ * Avatar (web variant — React DOM).
5
+ *
6
+ * Composable user/entity portrait. Three pieces:
7
+ *
8
+ * <Avatar>
9
+ * <AvatarImage src={user.photo} alt={user.name} />
10
+ * <AvatarFallback>{user.initials}</AvatarFallback>
11
+ * </Avatar>
12
+ *
13
+ * The image is rendered first; if it fails to load, the fallback
14
+ * shows. The fallback is always present in the DOM so layout stays
15
+ * stable while the image loads.
16
+ *
17
+ * Wiki: docs/components/Avatar.md
18
+ */
19
+ import { forwardRef, useState } from 'react';
20
+ import { cva } from 'class-variance-authority';
21
+ import { cn } from './internal/cn.js';
22
+ export const avatarVariants = cva('relative inline-flex shrink-0 overflow-hidden rounded-full bg-primary-50 dark:bg-primary-950', {
23
+ variants: {
24
+ size: {
25
+ sm: 'h-8 w-8 text-xs',
26
+ md: 'h-10 w-10 text-sm',
27
+ lg: 'h-12 w-12 text-base',
28
+ xl: 'h-16 w-16 text-lg',
29
+ },
30
+ },
31
+ defaultVariants: { size: 'md' },
32
+ });
33
+ export const Avatar = forwardRef(function Avatar({ className, size, ...props }, ref) {
34
+ return (_jsx("span", { ref: ref, className: cn(avatarVariants({ size }), className), ...props }));
35
+ });
36
+ export const AvatarImage = forwardRef(function AvatarImage({ className, alt = '', onError, ...props }, ref) {
37
+ const [errored, setErrored] = useState(false);
38
+ if (errored)
39
+ return null;
40
+ return (_jsx("img", { ref: ref, alt: alt, onError: (e) => {
41
+ setErrored(true);
42
+ onError?.(e);
43
+ }, className: cn('absolute inset-0 h-full w-full object-cover transition-opacity duration-150', className), ...props }));
44
+ });
45
+ export const AvatarFallback = forwardRef(function AvatarFallback({ className, ...props }, ref) {
46
+ return (_jsx("span", { ref: ref, "aria-hidden": true, className: cn('absolute inset-0 grid place-items-center bg-primary-50 font-bold text-primary dark:bg-primary-950 dark:text-primary-300 transition-colors duration-150', className), ...props }));
47
+ });
48
+ /* ── Status indicator ────────────────────────────────────────────── */
49
+ const STATUS_COLORS = {
50
+ online: 'bg-success',
51
+ offline: 'bg-muted-foreground',
52
+ busy: 'bg-destructive',
53
+ away: 'bg-warning',
54
+ };
55
+ /** Small colored dot anchored to the bottom-right of `<Avatar>`. */
56
+ export const AvatarStatus = forwardRef(function AvatarStatus({ className, status, ...props }, ref) {
57
+ return (_jsx("span", { ref: ref, role: "img", "aria-label": status, className: cn('absolute bottom-0 right-0 block h-2.5 w-2.5 rounded-full ring-2 ring-card', STATUS_COLORS[status], className), ...props }));
58
+ });
59
+ /**
60
+ * Stacks `<Avatar>` children with negative overlap.
61
+ * Shows a "+N" counter when children exceed `max`.
62
+ */
63
+ export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, children, ...props }, ref) {
64
+ const items = Array.isArray(children) ? children : children ? [children] : [];
65
+ const visible = items.slice(0, max);
66
+ const overflow = items.length - max;
67
+ return (_jsxs("div", { ref: ref, className: cn('flex items-center -space-x-2', className), ...props, children: [visible.map((child, i) => (_jsx("span", { className: "ring-2 ring-card rounded-full", children: child }, i))), overflow > 0 && (_jsxs("span", { className: "relative inline-flex h-10 w-10 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground ring-2 ring-card", children: ["+", overflow] }))] }));
68
+ });
69
+ //# sourceMappingURL=Avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAA+C,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,8FAA8F,EAC9F;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAMF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA+B,SAAS,MAAM,CAC5E,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAC7B,GAAG;IAEH,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClF,CAAC;AACJ,CAAC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAqC,SAAS,WAAW,CAC5F,EAAE,SAAS,EAAE,GAAG,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAC1C,GAAG;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACf,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,6EAA6E,EAAE,SAAS,CAAC,KACnG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAuC,SAAS,cAAc,CACpG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,uBAER,SAAS,EAAE,EAAE,CACX,wJAAwJ,EACxJ,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,wEAAwE;AAExE,MAAM,aAAa,GAA2B;IAC5C,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,qBAAqB;IAC9B,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,YAAY;CACnB,CAAC;AAMF,oEAAoE;AACpE,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAqC,SAAS,YAAY,CAC9F,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAC/B,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,gBACE,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,aAAa,CAAC,MAAM,CAAC,EACrB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AASH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAmC,SAAS,WAAW,CAC1F,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC1C,GAAG;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IACpC,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,KAAK,aAC/E,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,eAAc,SAAS,EAAC,+BAA+B,YAAE,KAAK,IAAnD,CAAC,CAA0D,CACvE,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,gBAAM,SAAS,EAAC,+IAA+I,kBAC3J,QAAQ,IACL,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Avatar (React Native variant).
3
+ *
4
+ * Composable image + fallback. The image uses RN `<Image>` and falls
5
+ * back via the `onError` callback the same way the web variant does.
6
+ *
7
+ * Wiki: docs/components/Avatar.md
8
+ */
9
+ import { type ReactNode } from 'react';
10
+ import { Image, View, type ImageProps, type TextProps, type ViewProps } from 'react-native';
11
+ import { type VariantProps } from 'class-variance-authority';
12
+ export declare const avatarVariants: (props?: ({
13
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
14
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
+ export interface AvatarProps extends Omit<ViewProps, 'style'>, VariantProps<typeof avatarVariants> {
16
+ className?: string;
17
+ }
18
+ export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<View>>;
19
+ export interface AvatarImageProps extends Omit<ImageProps, 'style'> {
20
+ className?: string;
21
+ }
22
+ export declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<Image>>;
23
+ export interface AvatarFallbackProps extends Omit<TextProps, 'style'> {
24
+ className?: string;
25
+ }
26
+ export declare const AvatarFallback: import("react").ForwardRefExoticComponent<AvatarFallbackProps & import("react").RefAttributes<View>>;
27
+ export interface AvatarStatusProps extends Omit<ViewProps, 'style'> {
28
+ status: 'online' | 'offline' | 'busy' | 'away';
29
+ className?: string;
30
+ }
31
+ export declare const AvatarStatus: import("react").ForwardRefExoticComponent<AvatarStatusProps & import("react").RefAttributes<View>>;
32
+ export interface AvatarGroupProps extends Omit<ViewProps, 'style'> {
33
+ max?: number;
34
+ className?: string;
35
+ children?: ReactNode;
36
+ }
37
+ export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<View>>;
38
+ //# sourceMappingURL=Avatar.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.native.d.ts","sourceRoot":"","sources":["../src/Avatar.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAQ,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAUzB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAKjB,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oGAkBtB,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAczB,CAAC;AAWH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACjE,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,oGAgBvB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,mGAmBtB,CAAC"}
@@ -0,0 +1,56 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * Avatar (React Native variant).
4
+ *
5
+ * Composable image + fallback. The image uses RN `<Image>` and falls
6
+ * back via the `onError` callback the same way the web variant does.
7
+ *
8
+ * Wiki: docs/components/Avatar.md
9
+ */
10
+ import { forwardRef, useState } from 'react';
11
+ import { Image, Text, View } from 'react-native';
12
+ import { cva } from 'class-variance-authority';
13
+ import { cn } from './internal/cn.js';
14
+ export const avatarVariants = cva('relative overflow-hidden rounded-full bg-muted', {
15
+ variants: {
16
+ size: {
17
+ sm: 'h-8 w-8',
18
+ md: 'h-10 w-10',
19
+ lg: 'h-12 w-12',
20
+ xl: 'h-16 w-16',
21
+ },
22
+ },
23
+ defaultVariants: { size: 'md' },
24
+ });
25
+ export const Avatar = forwardRef(function Avatar({ className, size, ...props }, ref) {
26
+ return _jsx(View, { ref: ref, className: cn(avatarVariants({ size }), className), ...props });
27
+ });
28
+ export const AvatarImage = forwardRef(function AvatarImage({ className, onError, ...props }, ref) {
29
+ const [errored, setErrored] = useState(false);
30
+ if (errored)
31
+ return null;
32
+ return (_jsx(Image, { ref: ref, onError: (e) => {
33
+ setErrored(true);
34
+ onError?.(e);
35
+ }, className: cn('h-full w-full', className), resizeMode: "cover", ...props }));
36
+ });
37
+ export const AvatarFallback = forwardRef(function AvatarFallback({ className, children, ...props }, ref) {
38
+ return (_jsx(View, { ref: ref, className: "absolute inset-0 items-center justify-center", children: _jsx(Text, { className: cn('font-medium text-muted-foreground', className), ...props, children: children }) }));
39
+ });
40
+ /* ── Status indicator ────────────────────────────────────────────── */
41
+ const STATUS_COLORS = {
42
+ online: 'bg-success',
43
+ offline: 'bg-muted-foreground',
44
+ busy: 'bg-destructive',
45
+ away: 'bg-warning',
46
+ };
47
+ export const AvatarStatus = forwardRef(function AvatarStatus({ className, status, ...props }, ref) {
48
+ return (_jsx(View, { ref: ref, accessibilityLabel: status, className: cn('absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-card', STATUS_COLORS[status], className), ...props }));
49
+ });
50
+ export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, children, ...props }, ref) {
51
+ const items = Array.isArray(children) ? children : children ? [children] : [];
52
+ const visible = items.slice(0, max);
53
+ const overflow = items.length - max;
54
+ return (_jsxs(View, { ref: ref, className: cn('flex-row items-center', className), ...props, children: [visible.map((child, i) => (_jsx(View, { className: cn(i > 0 && '-ml-2', 'rounded-full border-2 border-card'), children: child }, i))), overflow > 0 && (_jsx(View, { className: "-ml-2 h-10 w-10 items-center justify-center rounded-full bg-muted border-2 border-card", children: _jsxs(Text, { className: "text-xs font-semibold text-muted-foreground", children: ["+", overflow] }) }))] }));
55
+ });
56
+ //# sourceMappingURL=Avatar.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.native.js","sourceRoot":"","sources":["../src/Avatar.native.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,32 @@
1
+ /**
2
+ * AvatarGroup (web variant — React DOM).
3
+ *
4
+ * Stacked/overlapping row of Avatar components with an overflow "+N"
5
+ * count. The `size` prop is forwarded to Avatar children via
6
+ * cloneElement. `max` controls how many avatars are visible before
7
+ * the "+N" badge appears.
8
+ *
9
+ * Wiki: docs/components/AvatarGroup.md
10
+ */
11
+ import { type HTMLAttributes, type ReactNode } from 'react';
12
+ import { type VariantProps } from 'class-variance-authority';
13
+ declare const overflowVariants: (props?: ({
14
+ size?: "sm" | "md" | "lg" | null | undefined;
15
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
16
+ export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof overflowVariants> {
17
+ /** Maximum avatars to show before the "+N" counter. */
18
+ max?: number;
19
+ /** Direction of the visible stack. */
20
+ direction?: 'row' | 'row-reverse';
21
+ /** Visual overlap density. */
22
+ overlap?: 'none' | 'sm' | 'md' | 'lg';
23
+ /** Whether later avatars appear above earlier avatars. */
24
+ stackOrder?: 'first-on-top' | 'last-on-top';
25
+ /** Accessible label for the group. */
26
+ label?: string;
27
+ /** Custom overflow renderer. */
28
+ renderOverflow?: ((count: number) => ReactNode) | undefined;
29
+ }
30
+ export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
31
+ export {};
32
+ //# sourceMappingURL=AvatarGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAsD,KAAK,cAAc,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnI,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB;;8EAYrB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;IAClC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAC5C,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D;AASD,eAAO,MAAM,WAAW,6GA0DtB,CAAC"}
@@ -0,0 +1,45 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ /**
4
+ * AvatarGroup (web variant — React DOM).
5
+ *
6
+ * Stacked/overlapping row of Avatar components with an overflow "+N"
7
+ * count. The `size` prop is forwarded to Avatar children via
8
+ * cloneElement. `max` controls how many avatars are visible before
9
+ * the "+N" badge appears.
10
+ *
11
+ * Wiki: docs/components/AvatarGroup.md
12
+ */
13
+ import { Children, cloneElement, forwardRef, isValidElement } from 'react';
14
+ import { cva } from 'class-variance-authority';
15
+ import { cn } from './internal/cn.js';
16
+ const overflowVariants = cva('relative inline-flex shrink-0 items-center justify-center rounded-full bg-muted font-semibold text-muted-foreground ring-2 ring-card', {
17
+ variants: {
18
+ size: {
19
+ sm: 'h-8 w-8 text-xs',
20
+ md: 'h-10 w-10 text-xs',
21
+ lg: 'h-12 w-12 text-sm',
22
+ },
23
+ },
24
+ defaultVariants: { size: 'md' },
25
+ });
26
+ const OVERLAP_CLASS = {
27
+ none: 'space-x-0',
28
+ sm: '-space-x-1',
29
+ md: '-space-x-2',
30
+ lg: '-space-x-3',
31
+ };
32
+ export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, size, direction = 'row', overlap = 'md', stackOrder = 'last-on-top', label, renderOverflow, children, ...props }, ref) {
33
+ const items = Children.toArray(children).filter(isValidElement);
34
+ const visible = items.slice(0, max);
35
+ const overflow = items.length - max;
36
+ const orderedVisible = direction === 'row-reverse' ? [...visible].reverse() : visible;
37
+ return (_jsxs("div", { ref: ref, role: "group", "aria-label": label ?? `Group of ${items.length} avatars`, className: cn('flex items-center', direction === 'row-reverse' && 'flex-row-reverse', OVERLAP_CLASS[overlap], className), ...props, children: [orderedVisible.map((child, i) => {
38
+ const avatar = size
39
+ ? cloneElement(child, { size })
40
+ : child;
41
+ const zIndex = stackOrder === 'last-on-top' ? i + 1 : orderedVisible.length - i;
42
+ return (_jsx("span", { className: "relative inline-flex shrink-0 rounded-full leading-none ring-2 ring-card", style: { zIndex }, children: avatar }, child.key ?? i));
43
+ }), overflow > 0 && (_jsx("span", { "aria-label": `${overflow} more`, className: overflowVariants({ size }), children: renderOverflow ? renderOverflow(overflow) : `+${overflow}` }))] }));
44
+ });
45
+ //# sourceMappingURL=AvatarGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../src/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;GASG;AACH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAA0D,MAAM,OAAO,CAAC;AACnI,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAGtC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,sIAAsI,EACtI;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAmBF,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,WAAW;IACjB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAmC,SAAS,WAAW,CAC1F,EACE,SAAS,EACT,GAAG,GAAG,CAAC,EACP,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,aAAa,EAC1B,KAAK,EACL,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IACpC,MAAM,cAAc,GAAG,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,gBACA,KAAK,IAAI,YAAY,KAAK,CAAC,MAAM,UAAU,EACvD,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,SAAS,KAAK,aAAa,IAAI,kBAAkB,EACjD,aAAa,CAAC,OAAO,CAAC,EACtB,SAAS,CACV,KACG,KAAK,aAER,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC/B,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC,YAAY,CAAC,KAAkC,EAAE,EAAE,IAAI,EAAE,CAAC;oBAC5D,CAAC,CAAC,KAAK,CAAC;gBACV,MAAM,MAAM,GAAG,UAAU,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChF,OAAO,CACL,eAEE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE,EAAE,MAAM,EAAE,YAEhB,MAAM,IAJD,KAAsB,CAAC,GAAG,IAAI,CAAC,CAKhC,CACR,CAAC;YACJ,CAAC,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,6BACc,GAAG,QAAQ,OAAO,EAC9B,SAAS,EAAE,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,YAEpC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,EAAE,GACtD,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,18 @@
1
+ /**
2
+ * AvatarGroup (React Native variant).
3
+ *
4
+ * Stacked row of Avatar children with negative marginLeft overlap
5
+ * and a "+N" overflow badge.
6
+ *
7
+ * Wiki: docs/components/AvatarGroup.md
8
+ */
9
+ import { type ReactNode } from 'react';
10
+ import { View, type ViewProps } from 'react-native';
11
+ export interface AvatarGroupProps extends Omit<ViewProps, 'style'> {
12
+ max?: number;
13
+ size?: 'sm' | 'md' | 'lg';
14
+ className?: string;
15
+ children?: ReactNode;
16
+ }
17
+ export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<View>>;
18
+ //# sourceMappingURL=AvatarGroup.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarGroup.native.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAmB1D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,mGAsCtB,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * AvatarGroup (React Native variant).
4
+ *
5
+ * Stacked row of Avatar children with negative marginLeft overlap
6
+ * and a "+N" overflow badge.
7
+ *
8
+ * Wiki: docs/components/AvatarGroup.md
9
+ */
10
+ import { Children, cloneElement, forwardRef, isValidElement, } from 'react';
11
+ import { Text, View } from 'react-native';
12
+ import { cva } from 'class-variance-authority';
13
+ import { cn } from './internal/cn.js';
14
+ const overflowVariants = cva('items-center justify-center rounded-full bg-muted border-2 border-card', {
15
+ variants: {
16
+ size: {
17
+ sm: 'h-8 w-8',
18
+ md: 'h-10 w-10',
19
+ lg: 'h-12 w-12',
20
+ },
21
+ },
22
+ defaultVariants: { size: 'md' },
23
+ });
24
+ export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, size, children, ...props }, ref) {
25
+ const items = Children.toArray(children).filter(isValidElement);
26
+ const visible = items.slice(0, max);
27
+ const overflow = items.length - max;
28
+ return (_jsxs(View, { ref: ref, accessibilityRole: "summary", accessibilityLabel: `Group of ${items.length} avatars`, className: cn('flex-row items-center', className), ...props, children: [visible.map((child, i) => {
29
+ const avatar = size
30
+ ? cloneElement(child, { size })
31
+ : child;
32
+ return (_jsx(View, { className: cn(i > 0 && '-ml-2', 'rounded-full border-2 border-card'), children: avatar }, i));
33
+ }), overflow > 0 && (_jsx(View, { className: cn('-ml-2', overflowVariants({ size })), children: _jsxs(Text, { className: "text-xs font-semibold text-muted-foreground", children: ["+", overflow] }) }))] }));
34
+ });
35
+ //# sourceMappingURL=AvatarGroup.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarGroup.native.js","sourceRoot":"","sources":["../src/AvatarGroup.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,cAAc,GAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAGtC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,wEAAwE,EACxE;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AASF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAyB,SAAS,WAAW,CAChF,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAChD,GAAG;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAEpC,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,SAAS,EAC3B,kBAAkB,EAAE,YAAY,KAAK,CAAC,MAAM,UAAU,EACtD,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,aAER,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC,YAAY,CAAC,KAAkC,EAAE,EAAE,IAAI,EAAE,CAAC;oBAC5D,CAAC,CAAC,KAAK,CAAC;gBACV,OAAO,CACL,KAAC,IAAI,IAEH,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,OAAO,EAAE,mCAAmC,CAAC,YAEnE,MAAM,IAHF,CAAC,CAID,CACR,CAAC;YACJ,CAAC,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,YACtD,MAAC,IAAI,IAAC,SAAS,EAAC,6CAA6C,kBACzD,QAAQ,IACL,GACF,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Badge (web variant — React DOM).
3
+ *
4
+ * Small status / labelling pill. Renders a `<span>` by default so it
5
+ * composes inline with text; pass `as` if you need a different element
6
+ * (e.g., `<a>` for a clickable badge link).
7
+ *
8
+ * Wiki: docs/components/Badge.md
9
+ */
10
+ import { type HTMLAttributes, type ReactNode } from 'react';
11
+ import { type VariantProps } from 'class-variance-authority';
12
+ export declare const badgeVariants: (props?: ({
13
+ variant?: "accent" | "default" | "destructive" | "success" | "warning" | "outline" | "secondary" | "dot" | null | undefined;
14
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
+ type BadgeVariantProps = VariantProps<typeof badgeVariants>;
16
+ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, BadgeVariantProps {
17
+ /** Icon rendered before the label. */
18
+ icon?: ReactNode;
19
+ /** Tone of the dot indicator (only used with variant="dot"). */
20
+ dotTone?: 'default' | 'destructive' | 'success' | 'warning';
21
+ /** When provided, renders a remove (×) button. */
22
+ onRemove?: () => void;
23
+ }
24
+ export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
25
+ export {};
26
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAqBzB,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAU5D,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,iBAAiB;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,wGAiChB,CAAC"}
package/dist/Badge.js ADDED
@@ -0,0 +1,44 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ /**
4
+ * Badge (web variant — React DOM).
5
+ *
6
+ * Small status / labelling pill. Renders a `<span>` by default so it
7
+ * composes inline with text; pass `as` if you need a different element
8
+ * (e.g., `<a>` for a clickable badge link).
9
+ *
10
+ * Wiki: docs/components/Badge.md
11
+ */
12
+ import { forwardRef } from 'react';
13
+ import { cva } from 'class-variance-authority';
14
+ import { cn } from './internal/cn.js';
15
+ export const badgeVariants = cva('inline-flex items-center gap-1 rounded-card ' +
16
+ 'text-caption font-semibold leading-none ' +
17
+ 'border border-transparent transition-colors duration-150', {
18
+ variants: {
19
+ variant: {
20
+ default: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
21
+ accent: 'bg-accent-50 text-accent-600 dark:bg-accent-950 dark:text-accent-300',
22
+ secondary: 'bg-brand-neutral-66 text-secondary-foreground',
23
+ destructive: 'bg-red-100 text-destructive',
24
+ success: 'bg-green-100 text-success',
25
+ warning: 'bg-yellow-100 text-warning',
26
+ outline: 'border-border bg-transparent text-foreground',
27
+ dot: 'bg-transparent text-foreground pl-0',
28
+ },
29
+ },
30
+ defaultVariants: {
31
+ variant: 'default',
32
+ },
33
+ });
34
+ const DOT_COLORS = {
35
+ default: 'bg-primary',
36
+ secondary: 'bg-secondary-foreground',
37
+ destructive: 'bg-destructive',
38
+ success: 'bg-success',
39
+ warning: 'bg-warning',
40
+ };
41
+ export const Badge = forwardRef(function Badge({ className, variant, icon, dotTone = 'default', onRemove, children, ...props }, ref) {
42
+ return (_jsxs("span", { ref: ref, className: cn(badgeVariants({ variant }), variant === 'dot' ? 'px-1.5 py-0.5' : 'px-2 py-0.5', className), ...props, children: [variant === 'dot' && (_jsx("span", { className: cn('inline-block h-1.5 w-1.5 rounded-full', DOT_COLORS[dotTone]) })), icon && _jsx("span", { className: "[&>svg]:h-3 [&>svg]:w-3 flex-shrink-0", children: icon }), children, onRemove && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); onRemove(); }, "aria-label": "Remove", className: "ml-0.5 rounded-full p-0.5 opacity-60 hover:opacity-100 transition-opacity focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-2.5 w-2.5", children: _jsx("path", { strokeLinecap: "round", d: "M4 12L12 4M4 4l8 8" }) }) }))] }));
43
+ });
44
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,8CAA8C;IAC5C,0CAA0C;IAC1C,0DAA0D,EAC5D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sEAAsE;YAC/E,MAAM,EAAE,sEAAsE;YAC9E,SAAS,EAAE,+CAA+C;YAC1D,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,2BAA2B;YACpC,OAAO,EAAE,4BAA4B;YACrC,OAAO,EAAE,8CAA8C;YACvD,GAAG,EAAE,qCAAqC;SAC3C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAIF,MAAM,UAAU,GAA2B;IACzC,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,yBAAyB;IACpC,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAaF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA8B,SAAS,KAAK,CACzE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC/E,GAAG;IAEH,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAC1B,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EACnD,SAAS,CACV,KACG,KAAK,aAER,OAAO,KAAK,KAAK,IAAI,CACpB,eAAM,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,GAAI,CACtF,EACA,IAAI,IAAI,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,EAC7E,QAAQ,EACR,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,gBACzC,QAAQ,EACnB,SAAS,EAAC,mJAAmJ,YAE7J,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,aAAa,YAC5G,eAAM,aAAa,EAAC,OAAO,EAAC,CAAC,EAAC,oBAAoB,GAAG,GACjD,GACC,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Badge (React Native variant).
3
+ *
4
+ * Small status / labelling pill rendered as `<View>` + `<Text>`.
5
+ * Same prop API as the web variant.
6
+ *
7
+ * Wiki: docs/components/Badge.md
8
+ */
9
+ import { type ReactNode } from 'react';
10
+ import { View, type ViewProps } from 'react-native';
11
+ import { type VariantProps } from 'class-variance-authority';
12
+ export declare const badgeVariants: (props?: ({
13
+ variant?: "default" | "destructive" | "success" | "warning" | "outline" | "secondary" | "dot" | null | undefined;
14
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
+ export interface BadgeProps extends Omit<ViewProps, 'style'>, VariantProps<typeof badgeVariants> {
16
+ className?: string;
17
+ children?: ReactNode;
18
+ icon?: ReactNode;
19
+ dotTone?: 'default' | 'destructive' | 'success' | 'warning';
20
+ onRemove?: () => void;
21
+ }
22
+ export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<View>>;
23
+ //# sourceMappingURL=Badge.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.native.d.ts","sourceRoot":"","sources":["../src/Badge.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAkBzB,CAAC;AAmBF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,6FAwBhB,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * Badge (React Native variant).
4
+ *
5
+ * Small status / labelling pill rendered as `<View>` + `<Text>`.
6
+ * Same prop API as the web variant.
7
+ *
8
+ * Wiki: docs/components/Badge.md
9
+ */
10
+ import { forwardRef } from 'react';
11
+ import { Pressable, Text, View } from 'react-native';
12
+ import { cva } from 'class-variance-authority';
13
+ import { cn } from './internal/cn.js';
14
+ export const badgeVariants = cva('flex-row items-center rounded-full px-2 py-0.5 border', {
15
+ variants: {
16
+ variant: {
17
+ default: 'bg-primary border-transparent',
18
+ secondary: 'bg-secondary border-transparent',
19
+ destructive: 'bg-destructive border-transparent',
20
+ success: 'bg-success border-transparent',
21
+ warning: 'bg-warning border-transparent',
22
+ outline: 'bg-transparent border-border',
23
+ dot: 'bg-transparent border-transparent',
24
+ },
25
+ },
26
+ defaultVariants: {
27
+ variant: 'default',
28
+ },
29
+ });
30
+ const TEXT_TONE = {
31
+ default: 'text-primary-foreground',
32
+ secondary: 'text-secondary-foreground',
33
+ destructive: 'text-destructive-foreground',
34
+ success: 'text-success-foreground',
35
+ warning: 'text-warning-foreground',
36
+ outline: 'text-foreground',
37
+ dot: 'text-foreground',
38
+ };
39
+ const DOT_COLORS = {
40
+ default: 'bg-primary',
41
+ destructive: 'bg-destructive',
42
+ success: 'bg-success',
43
+ warning: 'bg-warning',
44
+ };
45
+ export const Badge = forwardRef(function Badge({ className, variant = 'default', icon, dotTone = 'default', onRemove, children, ...props }, ref) {
46
+ const tone = TEXT_TONE[variant ?? 'default'];
47
+ return (_jsxs(View, { ref: ref, className: cn(badgeVariants({ variant }), className), ...props, children: [variant === 'dot' && (_jsx(View, { className: cn('h-1.5 w-1.5 rounded-full mr-1', DOT_COLORS[dotTone]) })), icon && _jsx(View, { className: "mr-1", children: icon }), _jsx(Text, { className: cn('text-xs font-medium leading-none', tone), children: children }), onRemove && (_jsx(Pressable, { onPress: onRemove, accessibilityRole: "button", accessibilityLabel: "Remove", className: "ml-1 opacity-60", children: _jsx(Text, { className: cn('text-xs', tone), children: "\u2715" }) }))] }));
48
+ });
49
+ //# sourceMappingURL=Badge.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.native.js","sourceRoot":"","sources":["../src/Badge.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,uDAAuD,EACvD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,+BAA+B;YACxC,SAAS,EAAE,iCAAiC;YAC5C,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,+BAA+B;YACxC,OAAO,EAAE,+BAA+B;YACxC,OAAO,EAAE,8BAA8B;YACvC,GAAG,EAAE,mCAAmC;SACzC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,SAAS,GAA+E;IAC5F,OAAO,EAAE,yBAAyB;IAClC,SAAS,EAAE,2BAA2B;IACtC,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,OAAO,EAAE,yBAAyB;IAClC,OAAO,EAAE,iBAAiB;IAC1B,GAAG,EAAE,iBAAiB;CACvB,CAAC;AAEF,MAAM,UAAU,GAA2B;IACzC,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAYF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAmB,SAAS,KAAK,CAC9D,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC3F,GAAG;IAEH,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;IAC7C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAC5E,OAAO,KAAK,KAAK,IAAI,CACpB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,GAAI,CAC9E,EACA,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,IAAI,GAAQ,EAC7C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,IAAI,CAAC,YAAG,QAAQ,GAAQ,EAC/E,QAAQ,IAAI,CACX,KAAC,SAAS,IACR,OAAO,EAAE,QAAQ,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,QAAQ,EAC3B,SAAS,EAAC,iBAAiB,YAE3B,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,uBAAU,GACpC,CACb,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Banner (web variant — React DOM).
3
+ *
4
+ * Full-width message strip at the top of a page or section.
5
+ * Optionally dismissible via the X button.
6
+ *
7
+ * Wiki: docs/components/Banner.md
8
+ */
9
+ import { type HTMLAttributes, type ReactNode } from 'react';
10
+ import { type VariantProps } from 'class-variance-authority';
11
+ export declare const bannerVariants: (props?: ({
12
+ tone?: "accent" | "warning" | "info" | "error" | "announcement" | null | undefined;
13
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
14
+ type BannerVariantProps = VariantProps<typeof bannerVariants>;
15
+ export interface BannerProps extends HTMLAttributes<HTMLDivElement>, BannerVariantProps {
16
+ /** When provided, renders a dismiss (x) button. */
17
+ onDismiss?: () => void;
18
+ /** Convenience boolean — when true, renders the dismiss button. */
19
+ dismissible?: boolean;
20
+ /** Optional icon override. Defaults to a tone-appropriate glyph. */
21
+ icon?: ReactNode;
22
+ /** Set to false to hide the default icon entirely. */
23
+ showIcon?: boolean;
24
+ }
25
+ export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;
26
+ export {};
27
+ //# sourceMappingURL=Banner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAgB1B,CAAC;AAEF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAU9D,MAAM,WAAW,WACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,wGAuCjB,CAAC"}
package/dist/Banner.js ADDED
@@ -0,0 +1,41 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ /**
4
+ * Banner (web variant — React DOM).
5
+ *
6
+ * Full-width message strip at the top of a page or section.
7
+ * Optionally dismissible via the X button.
8
+ *
9
+ * Wiki: docs/components/Banner.md
10
+ */
11
+ import { forwardRef } from 'react';
12
+ import { cva } from 'class-variance-authority';
13
+ import { cn } from './internal/cn.js';
14
+ export const bannerVariants = cva('relative w-full flex items-center gap-3 px-4 py-3 text-sm', {
15
+ variants: {
16
+ tone: {
17
+ info: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
18
+ accent: 'bg-accent-50 text-accent-700 dark:bg-accent-950 dark:text-accent-300',
19
+ warning: 'bg-yellow-100 text-warning',
20
+ error: 'bg-red-100 text-destructive',
21
+ announcement: 'bg-brand-neutral-66 text-foreground',
22
+ },
23
+ },
24
+ defaultVariants: {
25
+ tone: 'info',
26
+ },
27
+ });
28
+ const ICON_PATHS = {
29
+ info: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z',
30
+ accent: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z',
31
+ warning: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z',
32
+ error: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z',
33
+ announcement: 'M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z',
34
+ };
35
+ export const Banner = forwardRef(function Banner({ className, tone, onDismiss, dismissible, icon, showIcon = true, children, ...props }, ref) {
36
+ const showDismiss = onDismiss !== undefined || dismissible === true;
37
+ const handleDismiss = onDismiss ?? (() => { });
38
+ const resolvedTone = tone ?? 'info';
39
+ return (_jsxs("div", { ref: ref, role: "status", className: cn(bannerVariants({ tone }), className), ...props, children: [showIcon && (_jsx("span", { className: "flex-shrink-0 [&>svg]:h-4 [&>svg]:w-4", children: icon ?? (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "currentColor", className: "h-4 w-4", children: _jsx("path", { d: ICON_PATHS[resolvedTone] }) })) })), _jsx("div", { className: "flex-1", children: children }), showDismiss && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); handleDismiss(); }, "aria-label": "Dismiss", className: "ml-auto flex-shrink-0 rounded p-0.5 opacity-60 hover:opacity-100 transition-opacity duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
40
+ });
41
+ //# sourceMappingURL=Banner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,2DAA2D,EAC3D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,sEAAsE;YAC5E,MAAM,EAAE,sEAAsE;YAC9E,OAAO,EAAE,4BAA4B;YACrC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,qCAAqC;SACpD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAC;AAIF,MAAM,UAAU,GAA4D;IAC1E,IAAI,EAAE,wEAAwE;IAC9E,MAAM,EAAE,wEAAwE;IAChF,OAAO,EAAE,oDAAoD;IAC7D,KAAK,EAAE,wEAAwE;IAC/E,YAAY,EAAE,oEAAoE;CACnF,CAAC;AAeF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CAC3E,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACtF,GAAG;IAEH,MAAM,WAAW,GAAG,SAAS,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,CAAC;IACpE,MAAM,aAAa,GAAG,SAAS,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAI,IAAI,MAAM,CAAC;IAEpC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC9C,KAAK,aAER,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,uCAAuC,YACpD,IAAI,IAAI,CACP,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,YAC1E,eAAM,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,GAAI,GACjC,CACP,GACI,CACR,EACD,cAAK,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAO,EACvC,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,gBAC9C,SAAS,EACpB,SAAS,EAAC,0KAA0K,YAEpL,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,YACxG,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,24 @@
1
+ /**
2
+ * Banner (React Native variant).
3
+ *
4
+ * Full-width message strip. Rendered as `<View>` + `<Text>`.
5
+ * Same prop API as the web variant.
6
+ *
7
+ * Wiki: docs/components/Banner.md
8
+ */
9
+ import { type ReactNode } from 'react';
10
+ import { View, type ViewProps } from 'react-native';
11
+ import { type VariantProps } from 'class-variance-authority';
12
+ export declare const bannerVariants: (props?: ({
13
+ tone?: "accent" | "warning" | "info" | "error" | "announcement" | null | undefined;
14
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
+ export interface BannerProps extends Omit<ViewProps, 'style'>, VariantProps<typeof bannerVariants> {
16
+ className?: string;
17
+ children?: ReactNode;
18
+ onDismiss?: () => void;
19
+ dismissible?: boolean;
20
+ icon?: ReactNode;
21
+ showIcon?: boolean;
22
+ }
23
+ export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<View>>;
24
+ //# sourceMappingURL=Banner.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Banner.native.d.ts","sourceRoot":"","sources":["../src/Banner.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAWzB,CAAC;AAUH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FA+BjB,CAAC"}