@codefast/ui 0.0.9 → 0.0.11

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 (434) hide show
  1. package/dist/accordion.d.mts +7 -7
  2. package/dist/accordion.d.ts +7 -7
  3. package/dist/accordion.js +42 -32
  4. package/dist/accordion.js.map +1 -1
  5. package/dist/accordion.mjs +42 -32
  6. package/dist/accordion.mjs.map +1 -1
  7. package/dist/alert-dialog.d.mts +12 -12
  8. package/dist/alert-dialog.d.ts +12 -12
  9. package/dist/alert-dialog.js +47 -75
  10. package/dist/alert-dialog.js.map +1 -1
  11. package/dist/alert-dialog.mjs +47 -75
  12. package/dist/alert-dialog.mjs.map +1 -1
  13. package/dist/alert.js +5 -30
  14. package/dist/alert.js.map +1 -1
  15. package/dist/alert.mjs +5 -30
  16. package/dist/alert.mjs.map +1 -1
  17. package/dist/aspect-ratio.d.mts +1 -1
  18. package/dist/aspect-ratio.d.ts +1 -1
  19. package/dist/aspect-ratio.js.map +1 -1
  20. package/dist/aspect-ratio.mjs.map +1 -1
  21. package/dist/avatar.d.mts +6 -6
  22. package/dist/avatar.d.ts +6 -6
  23. package/dist/avatar.js +3 -16
  24. package/dist/avatar.js.map +1 -1
  25. package/dist/avatar.mjs +3 -16
  26. package/dist/avatar.mjs.map +1 -1
  27. package/dist/badge.js +1 -5
  28. package/dist/badge.js.map +1 -1
  29. package/dist/badge.mjs +1 -5
  30. package/dist/badge.mjs.map +1 -1
  31. package/dist/blockquote.js +4 -6
  32. package/dist/blockquote.js.map +1 -1
  33. package/dist/blockquote.mjs +4 -6
  34. package/dist/blockquote.mjs.map +1 -1
  35. package/dist/box.js +4 -6
  36. package/dist/box.js.map +1 -1
  37. package/dist/box.mjs +4 -6
  38. package/dist/box.mjs.map +1 -1
  39. package/dist/breadcrumb.js +30 -67
  40. package/dist/breadcrumb.js.map +1 -1
  41. package/dist/breadcrumb.mjs +30 -67
  42. package/dist/breadcrumb.mjs.map +1 -1
  43. package/dist/button.d.mts +1 -0
  44. package/dist/button.d.ts +1 -0
  45. package/dist/button.js +3 -2
  46. package/dist/button.mjs +2 -1
  47. package/dist/calendar.js +7 -19
  48. package/dist/calendar.js.map +1 -1
  49. package/dist/calendar.mjs +6 -18
  50. package/dist/calendar.mjs.map +1 -1
  51. package/dist/card.js +8 -55
  52. package/dist/card.js.map +1 -1
  53. package/dist/card.mjs +8 -55
  54. package/dist/card.mjs.map +1 -1
  55. package/dist/carousel.js +58 -64
  56. package/dist/carousel.js.map +1 -1
  57. package/dist/carousel.mjs +57 -63
  58. package/dist/carousel.mjs.map +1 -1
  59. package/dist/checkbox-cards.d.mts +15 -0
  60. package/dist/checkbox-cards.d.ts +15 -0
  61. package/dist/checkbox-cards.js +56 -0
  62. package/dist/checkbox-cards.js.map +1 -0
  63. package/dist/checkbox-cards.mjs +56 -0
  64. package/dist/checkbox-cards.mjs.map +1 -0
  65. package/dist/checkbox-group.d.mts +13 -0
  66. package/dist/checkbox-group.d.ts +13 -0
  67. package/dist/checkbox-group.js +44 -0
  68. package/dist/checkbox-group.js.map +1 -0
  69. package/dist/checkbox-group.mjs +44 -0
  70. package/dist/checkbox-group.mjs.map +1 -0
  71. package/dist/checkbox-group.primitive.d.mts +38 -0
  72. package/dist/checkbox-group.primitive.d.ts +38 -0
  73. package/dist/checkbox-group.primitive.js +19 -0
  74. package/dist/checkbox-group.primitive.js.map +1 -0
  75. package/dist/checkbox-group.primitive.mjs +19 -0
  76. package/dist/checkbox-group.primitive.mjs.map +1 -0
  77. package/dist/checkbox.d.mts +2 -2
  78. package/dist/checkbox.d.ts +2 -2
  79. package/dist/checkbox.js +5 -1
  80. package/dist/checkbox.js.map +1 -1
  81. package/dist/checkbox.mjs +5 -1
  82. package/dist/checkbox.mjs.map +1 -1
  83. package/dist/chunk-3ZZ3SRTJ.js +148 -0
  84. package/dist/chunk-3ZZ3SRTJ.js.map +1 -0
  85. package/dist/{chunk-MJDKD2K4.mjs → chunk-6J6VPUBP.mjs} +9 -10
  86. package/dist/chunk-6J6VPUBP.mjs.map +1 -0
  87. package/dist/{chunk-PKB2G726.js → chunk-7S4DOWLB.js} +9 -10
  88. package/dist/chunk-7S4DOWLB.js.map +1 -0
  89. package/dist/{chunk-JOJW7BBY.js → chunk-BWCO2ZQQ.js} +29 -8
  90. package/dist/chunk-BWCO2ZQQ.js.map +1 -0
  91. package/dist/chunk-EWS3N4OZ.mjs +148 -0
  92. package/dist/chunk-EWS3N4OZ.mjs.map +1 -0
  93. package/dist/{chunk-PIU627A3.mjs → chunk-FGI3JA75.mjs} +1 -1
  94. package/dist/chunk-FGI3JA75.mjs.map +1 -0
  95. package/dist/{chunk-GRKABVK4.js → chunk-IVYGBU4G.js} +1 -1
  96. package/dist/chunk-IVYGBU4G.js.map +1 -0
  97. package/dist/chunk-IXEJO7ZP.js +86 -0
  98. package/dist/chunk-IXEJO7ZP.js.map +1 -0
  99. package/dist/chunk-JULVZPCS.mjs +120 -0
  100. package/dist/chunk-JULVZPCS.mjs.map +1 -0
  101. package/dist/chunk-LNSEYAPJ.js +121 -0
  102. package/dist/chunk-LNSEYAPJ.js.map +1 -0
  103. package/dist/chunk-MDSPK3M6.js +54 -0
  104. package/dist/chunk-MDSPK3M6.js.map +1 -0
  105. package/dist/chunk-MOJNV3XZ.js +120 -0
  106. package/dist/chunk-MOJNV3XZ.js.map +1 -0
  107. package/dist/chunk-OK63Q6EJ.mjs +121 -0
  108. package/dist/chunk-OK63Q6EJ.mjs.map +1 -0
  109. package/dist/chunk-V2254PQL.mjs +54 -0
  110. package/dist/chunk-V2254PQL.mjs.map +1 -0
  111. package/dist/chunk-WFXEFJRB.mjs +77 -0
  112. package/dist/chunk-WFXEFJRB.mjs.map +1 -0
  113. package/dist/chunk-XCKLBP2V.mjs +86 -0
  114. package/dist/chunk-XCKLBP2V.mjs.map +1 -0
  115. package/dist/code.js +4 -6
  116. package/dist/code.js.map +1 -1
  117. package/dist/code.mjs +4 -6
  118. package/dist/code.mjs.map +1 -1
  119. package/dist/collapsible.d.mts +3 -3
  120. package/dist/collapsible.d.ts +3 -3
  121. package/dist/collapsible.js.map +1 -1
  122. package/dist/collapsible.mjs.map +1 -1
  123. package/dist/command.d.mts +11 -10
  124. package/dist/command.d.ts +11 -10
  125. package/dist/command.js +10 -44
  126. package/dist/command.js.map +1 -1
  127. package/dist/command.mjs +10 -44
  128. package/dist/command.mjs.map +1 -1
  129. package/dist/container.js +4 -6
  130. package/dist/container.js.map +1 -1
  131. package/dist/container.mjs +4 -6
  132. package/dist/container.mjs.map +1 -1
  133. package/dist/context-menu.d.mts +18 -18
  134. package/dist/context-menu.d.ts +18 -18
  135. package/dist/context-menu.js +108 -124
  136. package/dist/context-menu.js.map +1 -1
  137. package/dist/context-menu.mjs +109 -125
  138. package/dist/context-menu.mjs.map +1 -1
  139. package/dist/data-table.d.mts +1 -1
  140. package/dist/data-table.d.ts +1 -1
  141. package/dist/data-table.js +131 -149
  142. package/dist/data-table.js.map +1 -1
  143. package/dist/data-table.mjs +120 -138
  144. package/dist/data-table.mjs.map +1 -1
  145. package/dist/dialog.d.mts +9 -9
  146. package/dist/dialog.d.ts +9 -9
  147. package/dist/dialog.js +2 -2
  148. package/dist/dialog.mjs +1 -1
  149. package/dist/drawer.d.mts +2 -2
  150. package/dist/drawer.d.ts +2 -2
  151. package/dist/drawer.js +30 -63
  152. package/dist/drawer.js.map +1 -1
  153. package/dist/drawer.mjs +30 -63
  154. package/dist/drawer.mjs.map +1 -1
  155. package/dist/dropdown-menu.d.mts +16 -16
  156. package/dist/dropdown-menu.d.ts +16 -16
  157. package/dist/dropdown-menu.js +2 -2
  158. package/dist/dropdown-menu.mjs +1 -1
  159. package/dist/em.js +4 -6
  160. package/dist/em.js.map +1 -1
  161. package/dist/em.mjs +4 -6
  162. package/dist/em.mjs.map +1 -1
  163. package/dist/form.js +23 -54
  164. package/dist/form.js.map +1 -1
  165. package/dist/form.mjs +23 -54
  166. package/dist/form.mjs.map +1 -1
  167. package/dist/heading.js +4 -6
  168. package/dist/heading.js.map +1 -1
  169. package/dist/heading.mjs +4 -6
  170. package/dist/heading.mjs.map +1 -1
  171. package/dist/hover-card.d.mts +4 -4
  172. package/dist/hover-card.d.ts +4 -4
  173. package/dist/hover-card.js +15 -13
  174. package/dist/hover-card.js.map +1 -1
  175. package/dist/hover-card.mjs +15 -13
  176. package/dist/hover-card.mjs.map +1 -1
  177. package/dist/input-otp.js +32 -37
  178. package/dist/input-otp.js.map +1 -1
  179. package/dist/input-otp.mjs +32 -37
  180. package/dist/input-otp.mjs.map +1 -1
  181. package/dist/input.js +10 -14
  182. package/dist/input.js.map +1 -1
  183. package/dist/input.mjs +10 -14
  184. package/dist/input.mjs.map +1 -1
  185. package/dist/kbd.js +14 -16
  186. package/dist/kbd.js.map +1 -1
  187. package/dist/kbd.mjs +14 -16
  188. package/dist/kbd.mjs.map +1 -1
  189. package/dist/label.d.mts +2 -2
  190. package/dist/label.d.ts +2 -2
  191. package/dist/label.js +2 -2
  192. package/dist/label.mjs +1 -1
  193. package/dist/menubar.d.mts +21 -21
  194. package/dist/menubar.d.ts +21 -21
  195. package/dist/menubar.js +73 -93
  196. package/dist/menubar.js.map +1 -1
  197. package/dist/menubar.mjs +74 -94
  198. package/dist/menubar.mjs.map +1 -1
  199. package/dist/navigation-menu.d.mts +16 -16
  200. package/dist/navigation-menu.d.ts +16 -16
  201. package/dist/navigation-menu.js +89 -93
  202. package/dist/navigation-menu.js.map +1 -1
  203. package/dist/navigation-menu.mjs +89 -93
  204. package/dist/navigation-menu.mjs.map +1 -1
  205. package/dist/pagination.js +19 -58
  206. package/dist/pagination.js.map +1 -1
  207. package/dist/pagination.mjs +19 -58
  208. package/dist/pagination.mjs.map +1 -1
  209. package/dist/popover.d.mts +7 -7
  210. package/dist/popover.d.ts +7 -7
  211. package/dist/popover.js +16 -21
  212. package/dist/popover.js.map +1 -1
  213. package/dist/popover.mjs +16 -21
  214. package/dist/popover.mjs.map +1 -1
  215. package/dist/pre.js +4 -6
  216. package/dist/pre.js.map +1 -1
  217. package/dist/pre.mjs +4 -6
  218. package/dist/pre.mjs.map +1 -1
  219. package/dist/progress.d.mts +2 -2
  220. package/dist/progress.d.ts +2 -2
  221. package/dist/progress.js +1 -4
  222. package/dist/progress.js.map +1 -1
  223. package/dist/progress.mjs +1 -4
  224. package/dist/progress.mjs.map +1 -1
  225. package/dist/quote.js +4 -6
  226. package/dist/quote.js.map +1 -1
  227. package/dist/quote.mjs +4 -6
  228. package/dist/quote.mjs.map +1 -1
  229. package/dist/radio-cards.d.mts +9 -0
  230. package/dist/radio-cards.d.ts +9 -0
  231. package/dist/radio-cards.js +36 -0
  232. package/dist/radio-cards.js.map +1 -0
  233. package/dist/radio-cards.mjs +36 -0
  234. package/dist/radio-cards.mjs.map +1 -0
  235. package/dist/radio-group.d.mts +4 -4
  236. package/dist/radio-group.d.ts +4 -4
  237. package/dist/radio-group.js +3 -9
  238. package/dist/radio-group.js.map +1 -1
  239. package/dist/radio-group.mjs +3 -9
  240. package/dist/radio-group.mjs.map +1 -1
  241. package/dist/radio.d.mts +8 -0
  242. package/dist/radio.d.ts +8 -0
  243. package/dist/radio.js +35 -0
  244. package/dist/radio.js.map +1 -0
  245. package/dist/radio.mjs +35 -0
  246. package/dist/radio.mjs.map +1 -0
  247. package/dist/resizable.d.mts +2 -2
  248. package/dist/resizable.d.ts +2 -2
  249. package/dist/resizable.js +3 -5
  250. package/dist/resizable.js.map +1 -1
  251. package/dist/resizable.mjs +3 -5
  252. package/dist/resizable.mjs.map +1 -1
  253. package/dist/scroll-area.d.mts +4 -4
  254. package/dist/scroll-area.d.ts +4 -4
  255. package/dist/scroll-area.js +23 -29
  256. package/dist/scroll-area.js.map +1 -1
  257. package/dist/scroll-area.mjs +23 -29
  258. package/dist/scroll-area.mjs.map +1 -1
  259. package/dist/section.js +4 -6
  260. package/dist/section.js.map +1 -1
  261. package/dist/section.mjs +4 -6
  262. package/dist/section.mjs.map +1 -1
  263. package/dist/segmented.d.mts +22 -0
  264. package/dist/segmented.d.ts +22 -0
  265. package/dist/segmented.js +126 -0
  266. package/dist/segmented.js.map +1 -0
  267. package/dist/segmented.mjs +126 -0
  268. package/dist/segmented.mjs.map +1 -0
  269. package/dist/select.d.mts +17 -17
  270. package/dist/select.d.ts +17 -17
  271. package/dist/select.js +2 -2
  272. package/dist/select.mjs +1 -1
  273. package/dist/separator.d.mts +2 -2
  274. package/dist/separator.d.ts +2 -2
  275. package/dist/separator.js +1 -5
  276. package/dist/separator.js.map +1 -1
  277. package/dist/separator.mjs +1 -5
  278. package/dist/separator.mjs.map +1 -1
  279. package/dist/sheet.d.mts +9 -9
  280. package/dist/sheet.d.ts +9 -9
  281. package/dist/sheet.js +35 -76
  282. package/dist/sheet.js.map +1 -1
  283. package/dist/sheet.mjs +35 -76
  284. package/dist/sheet.mjs.map +1 -1
  285. package/dist/skeleton.js +1 -7
  286. package/dist/skeleton.js.map +1 -1
  287. package/dist/skeleton.mjs +1 -7
  288. package/dist/skeleton.mjs.map +1 -1
  289. package/dist/slider.d.mts +2 -2
  290. package/dist/slider.d.ts +2 -2
  291. package/dist/slider.js +10 -5
  292. package/dist/slider.js.map +1 -1
  293. package/dist/slider.mjs +10 -5
  294. package/dist/slider.mjs.map +1 -1
  295. package/dist/sonner.js +1 -6
  296. package/dist/sonner.js.map +1 -1
  297. package/dist/sonner.mjs +1 -6
  298. package/dist/sonner.mjs.map +1 -1
  299. package/dist/spinner.d.mts +8 -0
  300. package/dist/spinner.d.ts +8 -0
  301. package/dist/spinner.js +8 -0
  302. package/dist/spinner.js.map +1 -0
  303. package/dist/spinner.mjs +8 -0
  304. package/dist/spinner.mjs.map +1 -0
  305. package/dist/strong.js +4 -6
  306. package/dist/strong.js.map +1 -1
  307. package/dist/strong.mjs +4 -6
  308. package/dist/strong.mjs.map +1 -1
  309. package/dist/styles.css +1 -1
  310. package/dist/styles.css.map +1 -1
  311. package/dist/switch.d.mts +2 -2
  312. package/dist/switch.d.ts +2 -2
  313. package/dist/switch.js +2 -1
  314. package/dist/switch.js.map +1 -1
  315. package/dist/switch.mjs +2 -1
  316. package/dist/switch.mjs.map +1 -1
  317. package/dist/table.js +22 -80
  318. package/dist/table.js.map +1 -1
  319. package/dist/table.mjs +22 -80
  320. package/dist/table.mjs.map +1 -1
  321. package/dist/tabs.d.mts +7 -7
  322. package/dist/tabs.d.ts +7 -7
  323. package/dist/tabs.js +4 -2
  324. package/dist/tabs.js.map +1 -1
  325. package/dist/tabs.mjs +4 -2
  326. package/dist/tabs.mjs.map +1 -1
  327. package/dist/text.js +4 -6
  328. package/dist/text.js.map +1 -1
  329. package/dist/text.mjs +4 -6
  330. package/dist/text.mjs.map +1 -1
  331. package/dist/textarea.js +14 -15
  332. package/dist/textarea.js.map +1 -1
  333. package/dist/textarea.mjs +14 -15
  334. package/dist/textarea.mjs.map +1 -1
  335. package/dist/toggle-group.d.mts +2 -2
  336. package/dist/toggle-group.d.ts +2 -2
  337. package/dist/toggle-group.js +41 -34
  338. package/dist/toggle-group.js.map +1 -1
  339. package/dist/toggle-group.mjs +40 -33
  340. package/dist/toggle-group.mjs.map +1 -1
  341. package/dist/toggle.d.mts +2 -2
  342. package/dist/toggle.d.ts +2 -2
  343. package/dist/toggle.js +2 -2
  344. package/dist/toggle.mjs +1 -1
  345. package/dist/tooltip.d.mts +7 -7
  346. package/dist/tooltip.d.ts +7 -7
  347. package/dist/tooltip.js +15 -20
  348. package/dist/tooltip.js.map +1 -1
  349. package/dist/tooltip.mjs +15 -20
  350. package/dist/tooltip.mjs.map +1 -1
  351. package/package.json +43 -6
  352. package/src/accordion.tsx +53 -43
  353. package/src/alert-dialog.tsx +73 -92
  354. package/src/alert.tsx +24 -41
  355. package/src/aspect-ratio.tsx +2 -1
  356. package/src/avatar.tsx +19 -36
  357. package/src/badge.tsx +3 -7
  358. package/src/blockquote.tsx +9 -8
  359. package/src/box.tsx +7 -6
  360. package/src/breadcrumb.tsx +54 -63
  361. package/src/button.tsx +42 -16
  362. package/src/calendar.tsx +6 -22
  363. package/src/card.tsx +40 -56
  364. package/src/carousel.tsx +95 -81
  365. package/src/checkbox-cards.tsx +68 -0
  366. package/src/checkbox-group.primitive.tsx +199 -0
  367. package/src/checkbox-group.tsx +57 -0
  368. package/src/checkbox.tsx +10 -6
  369. package/src/code.tsx +8 -6
  370. package/src/collapsible.tsx +4 -3
  371. package/src/command.tsx +53 -90
  372. package/src/container.tsx +8 -6
  373. package/src/context-menu.tsx +163 -175
  374. package/src/data-table.tsx +26 -43
  375. package/src/dialog.tsx +58 -77
  376. package/src/drawer.tsx +48 -78
  377. package/src/dropdown-menu.tsx +143 -154
  378. package/src/em.tsx +8 -6
  379. package/src/form.tsx +61 -86
  380. package/src/heading.tsx +8 -6
  381. package/src/hover-card.tsx +22 -20
  382. package/src/input-otp.tsx +50 -48
  383. package/src/input.tsx +14 -15
  384. package/src/kbd.tsx +18 -16
  385. package/src/label.tsx +5 -5
  386. package/src/menubar.tsx +133 -149
  387. package/src/navigation-menu.tsx +110 -114
  388. package/src/pagination.tsx +26 -48
  389. package/src/popover.tsx +29 -31
  390. package/src/pre.tsx +8 -6
  391. package/src/progress.tsx +6 -9
  392. package/src/quote.tsx +8 -6
  393. package/src/radio-cards.tsx +50 -0
  394. package/src/radio-group.tsx +14 -24
  395. package/src/radio.tsx +44 -0
  396. package/src/resizable.tsx +5 -7
  397. package/src/scroll-area.tsx +29 -40
  398. package/src/section.tsx +8 -6
  399. package/src/segmented.tsx +176 -0
  400. package/src/select.tsx +106 -115
  401. package/src/separator.tsx +7 -14
  402. package/src/sheet.tsx +50 -76
  403. package/src/skeleton.tsx +2 -6
  404. package/src/slider.tsx +12 -10
  405. package/src/sonner.tsx +3 -7
  406. package/src/spinner.tsx +71 -0
  407. package/src/strong.tsx +8 -6
  408. package/src/switch.tsx +7 -6
  409. package/src/table.tsx +60 -82
  410. package/src/tabs.tsx +20 -18
  411. package/src/text.tsx +8 -8
  412. package/src/textarea.tsx +16 -14
  413. package/src/toggle-group.tsx +59 -58
  414. package/src/toggle.tsx +14 -13
  415. package/src/tooltip.tsx +28 -30
  416. package/dist/chunk-3BDLWZ3W.js +0 -158
  417. package/dist/chunk-3BDLWZ3W.js.map +0 -1
  418. package/dist/chunk-43YGVOCO.js +0 -135
  419. package/dist/chunk-43YGVOCO.js.map +0 -1
  420. package/dist/chunk-AJLEALVP.mjs +0 -112
  421. package/dist/chunk-AJLEALVP.mjs.map +0 -1
  422. package/dist/chunk-D6NQEMTJ.js +0 -112
  423. package/dist/chunk-D6NQEMTJ.js.map +0 -1
  424. package/dist/chunk-FATZHRHR.mjs +0 -56
  425. package/dist/chunk-FATZHRHR.mjs.map +0 -1
  426. package/dist/chunk-GRKABVK4.js.map +0 -1
  427. package/dist/chunk-JOJW7BBY.js.map +0 -1
  428. package/dist/chunk-KV4VL2ZF.mjs +0 -135
  429. package/dist/chunk-KV4VL2ZF.mjs.map +0 -1
  430. package/dist/chunk-MJDKD2K4.mjs.map +0 -1
  431. package/dist/chunk-NCEN3XBK.mjs +0 -158
  432. package/dist/chunk-NCEN3XBK.mjs.map +0 -1
  433. package/dist/chunk-PIU627A3.mjs.map +0 -1
  434. package/dist/chunk-PKB2G726.js.map +0 -1
package/dist/table.js CHANGED
@@ -5,96 +5,38 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
5
  // src/table.tsx
6
6
  var _react = require('react'); var React = _interopRequireWildcard(_react);
7
7
  var _jsxruntime = require('react/jsx-runtime');
8
- var Table = React.forwardRef(
9
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
10
- "table",
11
- {
12
- ref,
13
- className: _chunkG3NP7M2Njs.cn.call(void 0, "w-full caption-bottom text-sm", className),
14
- ...props
15
- }
16
- ) })
17
- );
8
+ var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "table", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "w-full caption-bottom text-sm", className), ...props }) }));
18
9
  Table.displayName = "Table";
19
- var TableHeader = React.forwardRef(
20
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "[&_tr]:border-b", className), ...props })
21
- );
10
+ var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "[&_tr]:border-b", className), ...props }));
22
11
  TableHeader.displayName = "TableHeader";
23
- var TableBody = React.forwardRef(
24
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
25
- "tbody",
26
- {
27
- ref,
28
- className: _chunkG3NP7M2Njs.cn.call(void 0, "[&_tr:last-child]:border-0", className),
29
- ...props
30
- }
31
- )
32
- );
12
+ var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "[&_tr:last-child]:border-0", className), ...props }));
33
13
  TableBody.displayName = "TableBody";
34
- var TableFooter = React.forwardRef(
35
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
36
- "tfoot",
37
- {
38
- ref,
39
- className: _chunkG3NP7M2Njs.cn.call(void 0,
40
- "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
41
- className
42
- ),
43
- ...props
44
- }
45
- )
46
- );
14
+ var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tfoot", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className), ...props }));
47
15
  TableFooter.displayName = "TableFooter";
48
- var TableRow = React.forwardRef(
49
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
50
- "tr",
51
- {
52
- ref,
53
- className: _chunkG3NP7M2Njs.cn.call(void 0,
54
- "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
55
- className
56
- ),
57
- ...props
58
- }
59
- )
60
- );
16
+ var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
17
+ "tr",
18
+ {
19
+ ref,
20
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
21
+ ...props
22
+ }
23
+ ));
61
24
  TableRow.displayName = "TableRow";
62
- var TableHead = React.forwardRef(
63
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
64
- "th",
65
- {
66
- ref,
67
- className: _chunkG3NP7M2Njs.cn.call(void 0,
68
- "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
69
- className
70
- ),
71
- ...props
72
- }
73
- )
74
- );
75
- TableHead.displayName = "TableHead";
76
- var TableCell = React.forwardRef(
77
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
78
- "td",
79
- {
80
- ref,
81
- className: _chunkG3NP7M2Njs.cn.call(void 0,
82
- "p-4 align-middle [&:has([role=checkbox])]:pr-0",
83
- className
84
- ),
85
- ...props
86
- }
87
- )
88
- );
89
- TableCell.displayName = "TableCell";
90
- var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
91
- "caption",
25
+ var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
26
+ "th",
92
27
  {
93
28
  ref,
94
- className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground mt-4 text-sm", className),
29
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
30
+ "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
31
+ className
32
+ ),
95
33
  ...props
96
34
  }
97
35
  ));
36
+ TableHead.displayName = "TableHead";
37
+ var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
38
+ TableCell.displayName = "TableCell";
39
+ var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "caption", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground mt-4 text-sm", className), ...props }));
98
40
  TableCaption.displayName = "TableCaption";
99
41
 
100
42
 
package/dist/table.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/table.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAWjB;AAHN,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,WAAU,iCACb;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AACA,MAAM,cAAc;AAOpB,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AAE7E;AACA,YAAY,cAAc;AAO1B,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAOxB,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAO1B,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,SAAS,cAAc;AAOvB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAOxB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAOxB,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\ntype TableProps = React.HTMLAttributes<HTMLTableElement>;\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n ({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n ),\n);\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\ntype TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n ({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n ),\n);\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n ({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n ),\n);\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\ntype TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n ({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\ntype TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n ({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableHead.displayName = \"TableHead\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n ({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-4 align-middle [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableCell.displayName = \"TableCell\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\ntype TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n TableCaptionProps\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n));\nTableCaption.displayName = \"TableCaption\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n type TableProps,\n type TableHeaderProps,\n type TableBodyProps,\n type TableFooterProps,\n type TableHeadProps,\n type TableRowProps,\n type TableCellProps,\n type TableCaptionProps,\n};\n"]}
1
+ {"version":3,"sources":["../src/table.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AAFJ,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACjF,oBAAC,SAAI,WAAU,iCACb,8BAAC,WAAM,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,GACzF,CACD;AAED,MAAM,cAAc;AASpB,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1E;AAED,YAAY,cAAc;AAS1B,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC7F,oBAAC,WAAM,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO,CACrF;AAED,UAAU,cAAc;AASxB,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAC,WAAM,KAAU,WAAW,GAAG,2DAA2D,SAAS,GAAI,GAAG,OAAO,CAClH;AAED,YAAY,cAAc;AAS1B,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1F;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,+EAA+E,SAAS;AAAA,IACrG,GAAG;AAAA;AACN,CACD;AAED,SAAS,cAAc;AASvB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC7F;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,UAAU,cAAc;AASxB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC7F,oBAAC,QAAG,KAAU,WAAW,GAAG,kDAAkD,SAAS,GAAI,GAAG,OAAO,CACtG;AAED,UAAU,cAAc;AASxB,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG,oBAAC,aAAQ,KAAU,WAAW,GAAG,sCAAsC,SAAS,GAAI,GAAG,OAAO,CAC/F;AAED,aAAa,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\ntype TableElement = HTMLTableElement;\ntype TableProps = React.HTMLAttributes<HTMLTableElement>;\n\nconst Table = React.forwardRef<TableElement, TableProps>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n </div>\n));\n\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\ntype TableHeaderElement = HTMLTableSectionElement;\ntype TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableHeader = React.forwardRef<TableHeaderElement, TableHeaderProps>(({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\n\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\ntype TableBodyElement = HTMLTableSectionElement;\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableBody = React.forwardRef<TableBodyElement, TableBodyProps>(({ className, ...props }, ref) => (\n <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n));\n\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\ntype TableFooterElement = HTMLTableSectionElement;\ntype TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableFooter = React.forwardRef<TableFooterElement, TableFooterProps>(({ className, ...props }, ref) => (\n <tfoot ref={ref} className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)} {...props} />\n));\n\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\ntype TableRowElement = HTMLTableRowElement;\ntype TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\n\nconst TableRow = React.forwardRef<TableRowElement, TableRowProps>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", className)}\n {...props}\n />\n));\n\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\ntype TableHeadElement = HTMLTableCellElement;\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\n\nconst TableHead = React.forwardRef<TableHeadElement, TableHeadProps>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n));\n\nTableHead.displayName = \"TableHead\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\ntype TableCellElement = HTMLTableCellElement;\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\n\nconst TableCell = React.forwardRef<TableCellElement, TableCellProps>(({ className, ...props }, ref) => (\n <td ref={ref} className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)} {...props} />\n));\n\nTableCell.displayName = \"TableCell\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\ntype TableCaptionElement = HTMLTableCaptionElement;\ntype TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\n\nconst TableCaption = React.forwardRef<TableCaptionElement, TableCaptionProps>(({ className, ...props }, ref) => (\n <caption ref={ref} className={cn(\"text-muted-foreground mt-4 text-sm\", className)} {...props} />\n));\n\nTableCaption.displayName = \"TableCaption\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n type TableProps,\n type TableHeaderProps,\n type TableBodyProps,\n type TableFooterProps,\n type TableHeadProps,\n type TableRowProps,\n type TableCellProps,\n type TableCaptionProps,\n};\n"]}
package/dist/table.mjs CHANGED
@@ -5,96 +5,38 @@ import {
5
5
  // src/table.tsx
6
6
  import * as React from "react";
7
7
  import { jsx } from "react/jsx-runtime";
8
- var Table = React.forwardRef(
9
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
10
- "table",
11
- {
12
- ref,
13
- className: cn("w-full caption-bottom text-sm", className),
14
- ...props
15
- }
16
- ) })
17
- );
8
+ var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) }));
18
9
  Table.displayName = "Table";
19
- var TableHeader = React.forwardRef(
20
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
21
- );
10
+ var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
22
11
  TableHeader.displayName = "TableHeader";
23
- var TableBody = React.forwardRef(
24
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
25
- "tbody",
26
- {
27
- ref,
28
- className: cn("[&_tr:last-child]:border-0", className),
29
- ...props
30
- }
31
- )
32
- );
12
+ var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
33
13
  TableBody.displayName = "TableBody";
34
- var TableFooter = React.forwardRef(
35
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
36
- "tfoot",
37
- {
38
- ref,
39
- className: cn(
40
- "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
41
- className
42
- ),
43
- ...props
44
- }
45
- )
46
- );
14
+ var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", { ref, className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className), ...props }));
47
15
  TableFooter.displayName = "TableFooter";
48
- var TableRow = React.forwardRef(
49
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
50
- "tr",
51
- {
52
- ref,
53
- className: cn(
54
- "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
55
- className
56
- ),
57
- ...props
58
- }
59
- )
60
- );
16
+ var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
17
+ "tr",
18
+ {
19
+ ref,
20
+ className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
21
+ ...props
22
+ }
23
+ ));
61
24
  TableRow.displayName = "TableRow";
62
- var TableHead = React.forwardRef(
63
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
64
- "th",
65
- {
66
- ref,
67
- className: cn(
68
- "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
69
- className
70
- ),
71
- ...props
72
- }
73
- )
74
- );
75
- TableHead.displayName = "TableHead";
76
- var TableCell = React.forwardRef(
77
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
78
- "td",
79
- {
80
- ref,
81
- className: cn(
82
- "p-4 align-middle [&:has([role=checkbox])]:pr-0",
83
- className
84
- ),
85
- ...props
86
- }
87
- )
88
- );
89
- TableCell.displayName = "TableCell";
90
- var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
91
- "caption",
25
+ var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
26
+ "th",
92
27
  {
93
28
  ref,
94
- className: cn("text-muted-foreground mt-4 text-sm", className),
29
+ className: cn(
30
+ "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
31
+ className
32
+ ),
95
33
  ...props
96
34
  }
97
35
  ));
36
+ TableHead.displayName = "TableHead";
37
+ var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
38
+ TableCell.displayName = "TableCell";
39
+ var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("text-muted-foreground mt-4 text-sm", className), ...props }));
98
40
  TableCaption.displayName = "TableCaption";
99
41
  export {
100
42
  Table,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\ntype TableProps = React.HTMLAttributes<HTMLTableElement>;\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n ({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n ),\n);\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\ntype TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n ({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n ),\n);\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n ({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n ),\n);\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\ntype TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n ({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\ntype TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n ({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableHead.displayName = \"TableHead\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n ({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-4 align-middle [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableCell.displayName = \"TableCell\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\ntype TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n TableCaptionProps\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n));\nTableCaption.displayName = \"TableCaption\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n type TableProps,\n type TableHeaderProps,\n type TableBodyProps,\n type TableFooterProps,\n type TableHeadProps,\n type TableRowProps,\n type TableCellProps,\n type TableCaptionProps,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAWjB;AAHN,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,WAAU,iCACb;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AACA,MAAM,cAAc;AAOpB,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AAE7E;AACA,YAAY,cAAc;AAO1B,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAOxB,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAO1B,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,SAAS,cAAc;AAOvB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAOxB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAOxB,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\ntype TableElement = HTMLTableElement;\ntype TableProps = React.HTMLAttributes<HTMLTableElement>;\n\nconst Table = React.forwardRef<TableElement, TableProps>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table ref={ref} className={cn(\"w-full caption-bottom text-sm\", className)} {...props} />\n </div>\n));\n\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\ntype TableHeaderElement = HTMLTableSectionElement;\ntype TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableHeader = React.forwardRef<TableHeaderElement, TableHeaderProps>(({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\n\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\ntype TableBodyElement = HTMLTableSectionElement;\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableBody = React.forwardRef<TableBodyElement, TableBodyProps>(({ className, ...props }, ref) => (\n <tbody ref={ref} className={cn(\"[&_tr:last-child]:border-0\", className)} {...props} />\n));\n\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\ntype TableFooterElement = HTMLTableSectionElement;\ntype TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\n\nconst TableFooter = React.forwardRef<TableFooterElement, TableFooterProps>(({ className, ...props }, ref) => (\n <tfoot ref={ref} className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)} {...props} />\n));\n\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\ntype TableRowElement = HTMLTableRowElement;\ntype TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\n\nconst TableRow = React.forwardRef<TableRowElement, TableRowProps>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", className)}\n {...props}\n />\n));\n\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\ntype TableHeadElement = HTMLTableCellElement;\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\n\nconst TableHead = React.forwardRef<TableHeadElement, TableHeadProps>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n));\n\nTableHead.displayName = \"TableHead\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\ntype TableCellElement = HTMLTableCellElement;\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\n\nconst TableCell = React.forwardRef<TableCellElement, TableCellProps>(({ className, ...props }, ref) => (\n <td ref={ref} className={cn(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", className)} {...props} />\n));\n\nTableCell.displayName = \"TableCell\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\ntype TableCaptionElement = HTMLTableCaptionElement;\ntype TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\n\nconst TableCaption = React.forwardRef<TableCaptionElement, TableCaptionProps>(({ className, ...props }, ref) => (\n <caption ref={ref} className={cn(\"text-muted-foreground mt-4 text-sm\", className)} {...props} />\n));\n\nTableCaption.displayName = \"TableCaption\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n type TableProps,\n type TableHeaderProps,\n type TableBodyProps,\n type TableFooterProps,\n type TableHeadProps,\n type TableRowProps,\n type TableCellProps,\n type TableCaptionProps,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AAFJ,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACjF,oBAAC,SAAI,WAAU,iCACb,8BAAC,WAAM,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO,GACzF,CACD;AAED,MAAM,cAAc;AASpB,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1E;AAED,YAAY,cAAc;AAS1B,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC7F,oBAAC,WAAM,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO,CACrF;AAED,UAAU,cAAc;AASxB,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAC,WAAM,KAAU,WAAW,GAAG,2DAA2D,SAAS,GAAI,GAAG,OAAO,CAClH;AAED,YAAY,cAAc;AAS1B,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1F;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,+EAA+E,SAAS;AAAA,IACrG,GAAG;AAAA;AACN,CACD;AAED,SAAS,cAAc;AASvB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC7F;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,UAAU,cAAc;AASxB,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC7F,oBAAC,QAAG,KAAU,WAAW,GAAG,kDAAkD,SAAS,GAAI,GAAG,OAAO,CACtG;AAED,UAAU,cAAc;AASxB,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG,oBAAC,aAAQ,KAAU,WAAW,GAAG,sCAAsC,SAAS,GAAI,GAAG,OAAO,CAC/F;AAED,aAAa,cAAc;","names":[]}
package/dist/tabs.d.mts CHANGED
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import * as TabsPrimitive from '@radix-ui/react-tabs';
3
3
 
4
- type TabsProps = TabsPrimitive.TabsProps;
4
+ type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
5
5
  declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
6
- type TabsListProps = TabsPrimitive.TabsListProps;
7
- declare const TabsList: React.ForwardRefExoticComponent<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>>;
8
- type TabsTriggerProps = TabsPrimitive.TabsTriggerProps;
9
- declare const TabsTrigger: React.ForwardRefExoticComponent<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
10
- type TabsContentProps = TabsPrimitive.TabsContentProps;
11
- declare const TabsContent: React.ForwardRefExoticComponent<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>>;
6
+ type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
7
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
9
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
10
+ type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
11
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
 
13
13
  export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };
package/dist/tabs.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import * as TabsPrimitive from '@radix-ui/react-tabs';
3
3
 
4
- type TabsProps = TabsPrimitive.TabsProps;
4
+ type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
5
5
  declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
6
- type TabsListProps = TabsPrimitive.TabsListProps;
7
- declare const TabsList: React.ForwardRefExoticComponent<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>>;
8
- type TabsTriggerProps = TabsPrimitive.TabsTriggerProps;
9
- declare const TabsTrigger: React.ForwardRefExoticComponent<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
10
- type TabsContentProps = TabsPrimitive.TabsContentProps;
11
- declare const TabsContent: React.ForwardRefExoticComponent<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>>;
6
+ type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
7
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
9
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
10
+ type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
11
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
 
13
13
  export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };
package/dist/tabs.js CHANGED
@@ -25,7 +25,8 @@ var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
25
25
  {
26
26
  ref,
27
27
  className: _chunkG3NP7M2Njs.cn.call(void 0,
28
- "focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
28
+ "data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
29
+ "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
29
30
  className
30
31
  ),
31
32
  ...props
@@ -37,7 +38,8 @@ var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
37
38
  {
38
39
  ref,
39
40
  className: _chunkG3NP7M2Njs.cn.call(void 0,
40
- "focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
41
+ "mt-2",
42
+ "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
41
43
  className
42
44
  ),
43
45
  ...props
package/dist/tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tabs.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAmB7B;AAXF,IAAM,OAAqB;AAO3B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAA4B,mBAAK;AAO1C,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ;AAOhD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\ntype TabsProps = TabsPrimitive.TabsProps;\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\ntype TabsListProps = TabsPrimitive.TabsListProps;\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n TabsListProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1\",\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\ntype TabsTriggerProps = TabsPrimitive.TabsTriggerProps;\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n TabsTriggerProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm\",\n className,\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\ntype TabsContentProps = TabsPrimitive.TabsContentProps;\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n TabsContentProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Tabs,\n TabsList,\n TabsTrigger,\n TabsContent,\n type TabsProps,\n type TabsListProps,\n type TabsTriggerProps,\n type TabsContentProps,\n};\n"]}
1
+ {"version":3,"sources":["../src/tabs.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAkB7B;AAVF,IAAM,OAAqB;AAS3B,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1F;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,SAAS,cAA4B,mBAAK;AAS1C,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAA4B,sBAAQ;AAShD,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAA4B,sBAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\ntype TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\ntype TabsListElement = React.ElementRef<typeof TabsPrimitive.List>;\ntype TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;\n\nconst TabsList = React.forwardRef<TabsListElement, TabsListProps>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1\",\n className,\n )}\n {...props}\n />\n));\n\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\ntype TabsTriggerElement = React.ElementRef<typeof TabsPrimitive.Trigger>;\ntype TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;\n\nconst TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\n\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\ntype TabsContentElement = React.ElementRef<typeof TabsPrimitive.Content>;\ntype TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\nconst TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\n\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Tabs,\n TabsList,\n TabsTrigger,\n TabsContent,\n type TabsProps,\n type TabsListProps,\n type TabsTriggerProps,\n type TabsContentProps,\n};\n"]}
package/dist/tabs.mjs CHANGED
@@ -25,7 +25,8 @@ var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
25
25
  {
26
26
  ref,
27
27
  className: cn(
28
- "focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
28
+ "data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
29
+ "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
29
30
  className
30
31
  ),
31
32
  ...props
@@ -37,7 +38,8 @@ var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
37
38
  {
38
39
  ref,
39
40
  className: cn(
40
- "focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
41
+ "mt-2",
42
+ "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
41
43
  className
42
44
  ),
43
45
  ...props
package/dist/tabs.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\ntype TabsProps = TabsPrimitive.TabsProps;\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\ntype TabsListProps = TabsPrimitive.TabsListProps;\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n TabsListProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1\",\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\ntype TabsTriggerProps = TabsPrimitive.TabsTriggerProps;\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n TabsTriggerProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm\",\n className,\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\ntype TabsContentProps = TabsPrimitive.TabsContentProps;\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n TabsContentProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Tabs,\n TabsList,\n TabsTrigger,\n TabsContent,\n type TabsProps,\n type TabsListProps,\n type TabsTriggerProps,\n type TabsContentProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAmB7B;AAXF,IAAM,OAAqB;AAO3B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAA4B,mBAAK;AAO1C,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ;AAOhD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ;","names":[]}
1
+ {"version":3,"sources":["../src/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\ntype TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\ntype TabsListElement = React.ElementRef<typeof TabsPrimitive.List>;\ntype TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;\n\nconst TabsList = React.forwardRef<TabsListElement, TabsListProps>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1\",\n className,\n )}\n {...props}\n />\n));\n\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\ntype TabsTriggerElement = React.ElementRef<typeof TabsPrimitive.Trigger>;\ntype TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;\n\nconst TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\n\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\ntype TabsContentElement = React.ElementRef<typeof TabsPrimitive.Content>;\ntype TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;\n\nconst TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\n\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Tabs,\n TabsList,\n TabsTrigger,\n TabsContent,\n type TabsProps,\n type TabsListProps,\n type TabsTriggerProps,\n type TabsContentProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAkB7B;AAVF,IAAM,OAAqB;AAS3B,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1F;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,SAAS,cAA4B,mBAAK;AAS1C,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAA4B,sBAAQ;AAShD,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAA4B,sBAAQ;","names":[]}
package/dist/text.js CHANGED
@@ -2,12 +2,10 @@
2
2
  var _react = require('react'); var React = _interopRequireWildcard(_react);
3
3
  var _reactslot = require('@radix-ui/react-slot');
4
4
  var _jsxruntime = require('react/jsx-runtime');
5
- var Text = React.forwardRef(
6
- ({ as: Tag = "p", asChild, ...props }, ref) => {
7
- const Comp = asChild ? _reactslot.Slot : Tag;
8
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
9
- }
10
- );
5
+ var Text = React.forwardRef(({ as: Tag = "p", asChild, ...props }, ref) => {
6
+ const Component = asChild ? _reactslot.Slot : Tag;
7
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, ...props });
8
+ });
11
9
  Text.displayName = "Text";
12
10
 
13
11
 
package/dist/text.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/text.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBV;AAJX,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,IAAI,MAAM,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7C,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,KAAK,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Text\n * -------------------------------------------------------------------------- */\n\ninterface TextParagraphProps\n extends React.HTMLAttributes<HTMLParagraphElement> {\n as?: \"p\";\n}\n\ninterface TextSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype TextProps = (TextParagraphProps | TextSpanProps) & {\n asChild?: boolean;\n};\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n ({ as: Tag = \"p\", asChild, ...props }, ref) => {\n const Comp = asChild ? Slot : Tag;\n\n return <Comp ref={ref} {...props} />;\n },\n);\nText.displayName = \"Text\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Text, type TextProps };\n"]}
1
+ {"version":3,"sources":["../src/text.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBZ;AAHT,IAAM,OAAa,iBAAmC,CAAC,EAAE,IAAI,MAAM,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ;AACnG,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,KAAK,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Text\n * -------------------------------------------------------------------------- */\n\ntype TextElement = HTMLParagraphElement;\n\ninterface TextParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n as?: \"p\";\n}\n\ninterface TextSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype TextProps = (TextParagraphProps | TextSpanProps) & {\n asChild?: boolean;\n};\n\nconst Text = React.forwardRef<TextElement, TextProps>(({ as: Tag = \"p\", asChild, ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nText.displayName = \"Text\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Text, type TextProps };\n"]}
package/dist/text.mjs CHANGED
@@ -2,12 +2,10 @@
2
2
  import * as React from "react";
3
3
  import { Slot } from "@radix-ui/react-slot";
4
4
  import { jsx } from "react/jsx-runtime";
5
- var Text = React.forwardRef(
6
- ({ as: Tag = "p", asChild, ...props }, ref) => {
7
- const Comp = asChild ? Slot : Tag;
8
- return /* @__PURE__ */ jsx(Comp, { ref, ...props });
9
- }
10
- );
5
+ var Text = React.forwardRef(({ as: Tag = "p", asChild, ...props }, ref) => {
6
+ const Component = asChild ? Slot : Tag;
7
+ return /* @__PURE__ */ jsx(Component, { ref, ...props });
8
+ });
11
9
  Text.displayName = "Text";
12
10
  export {
13
11
  Text
package/dist/text.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Text\n * -------------------------------------------------------------------------- */\n\ninterface TextParagraphProps\n extends React.HTMLAttributes<HTMLParagraphElement> {\n as?: \"p\";\n}\n\ninterface TextSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype TextProps = (TextParagraphProps | TextSpanProps) & {\n asChild?: boolean;\n};\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n ({ as: Tag = \"p\", asChild, ...props }, ref) => {\n const Comp = asChild ? Slot : Tag;\n\n return <Comp ref={ref} {...props} />;\n },\n);\nText.displayName = \"Text\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Text, type TextProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBV;AAJX,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,IAAI,MAAM,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7C,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,KAAK,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Text\n * -------------------------------------------------------------------------- */\n\ntype TextElement = HTMLParagraphElement;\n\ninterface TextParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {\n as?: \"p\";\n}\n\ninterface TextSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype TextProps = (TextParagraphProps | TextSpanProps) & {\n asChild?: boolean;\n};\n\nconst Text = React.forwardRef<TextElement, TextProps>(({ as: Tag = \"p\", asChild, ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nText.displayName = \"Text\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Text, type TextProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBZ;AAHT,IAAM,OAAa,iBAAmC,CAAC,EAAE,IAAI,MAAM,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ;AACnG,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,KAAK,cAAc;","names":[]}
package/dist/textarea.js CHANGED
@@ -5,21 +5,20 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
5
  // src/textarea.tsx
6
6
  var _react = require('react'); var React = _interopRequireWildcard(_react);
7
7
  var _jsxruntime = require('react/jsx-runtime');
8
- var Textarea = React.forwardRef(
9
- ({ className, ...props }, ref) => {
10
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
11
- "textarea",
12
- {
13
- className: _chunkG3NP7M2Njs.cn.call(void 0,
14
- "border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
15
- className
16
- ),
17
- ref,
18
- ...props
19
- }
20
- );
21
- }
22
- );
8
+ var Textarea = React.forwardRef(({ className, ...props }, ref) => {
9
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
10
+ "textarea",
11
+ {
12
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
13
+ "border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50",
14
+ "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
15
+ className
16
+ ),
17
+ ref,
18
+ ...props
19
+ }
20
+ );
21
+ });
23
22
  Textarea.displayName = "Textarea";
24
23
 
25
24
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/textarea.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAWjB;AAHN,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,SAAS,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n },\n);\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea, type TextareaProps };\n"]}
1
+ {"version":3,"sources":["../src/textarea.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AAFJ,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,SAAS,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaElement = HTMLTextAreaElement;\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\n\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea, type TextareaProps };\n"]}
package/dist/textarea.mjs CHANGED
@@ -5,21 +5,20 @@ import {
5
5
  // src/textarea.tsx
6
6
  import * as React from "react";
7
7
  import { jsx } from "react/jsx-runtime";
8
- var Textarea = React.forwardRef(
9
- ({ className, ...props }, ref) => {
10
- return /* @__PURE__ */ jsx(
11
- "textarea",
12
- {
13
- className: cn(
14
- "border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
15
- className
16
- ),
17
- ref,
18
- ...props
19
- }
20
- );
21
- }
22
- );
8
+ var Textarea = React.forwardRef(({ className, ...props }, ref) => {
9
+ return /* @__PURE__ */ jsx(
10
+ "textarea",
11
+ {
12
+ className: cn(
13
+ "border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50",
14
+ "focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
15
+ className
16
+ ),
17
+ ref,
18
+ ...props
19
+ }
20
+ );
21
+ });
23
22
  Textarea.displayName = "Textarea";
24
23
  export {
25
24
  Textarea
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n ({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n },\n);\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea, type TextareaProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAWjB;AAHN,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}
1
+ {"version":3,"sources":["../src/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\ntype TextareaElement = HTMLTextAreaElement;\ntype TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\n\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea, type TextareaProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AAFJ,IAAM,WAAiB,iBAA2C,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,SAAS,cAAc;","names":[]}