@gv-tech/design-system 2.22.2 → 2.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (378) hide show
  1. package/README.md +16 -0
  2. package/dist/accordion.cjs +1 -1
  3. package/dist/accordion.cjs.map +1 -1
  4. package/dist/accordion.mjs +50 -30
  5. package/dist/accordion.mjs.map +1 -1
  6. package/dist/alert-dialog.cjs +1 -1
  7. package/dist/alert-dialog.cjs.map +1 -1
  8. package/dist/alert-dialog.mjs +98 -52
  9. package/dist/alert-dialog.mjs.map +1 -1
  10. package/dist/alert.cjs +1 -1
  11. package/dist/alert.cjs.map +1 -1
  12. package/dist/alert.mjs +37 -29
  13. package/dist/alert.mjs.map +1 -1
  14. package/dist/aspect-ratio.cjs +1 -1
  15. package/dist/aspect-ratio.cjs.map +1 -1
  16. package/dist/aspect-ratio.mjs +9 -3
  17. package/dist/aspect-ratio.mjs.map +1 -1
  18. package/dist/avatar.cjs +1 -1
  19. package/dist/avatar.cjs.map +1 -1
  20. package/dist/avatar.mjs +48 -23
  21. package/dist/avatar.mjs.map +1 -1
  22. package/dist/badge.cjs +1 -1
  23. package/dist/badge.cjs.map +1 -1
  24. package/dist/badge.mjs +16 -13
  25. package/dist/badge.mjs.map +1 -1
  26. package/dist/breadcrumb.cjs +1 -1
  27. package/dist/breadcrumb.cjs.map +1 -1
  28. package/dist/breadcrumb.mjs +67 -57
  29. package/dist/breadcrumb.mjs.map +1 -1
  30. package/dist/button-group.cjs +2 -0
  31. package/dist/button-group.cjs.map +1 -0
  32. package/dist/button-group.d.ts +2 -0
  33. package/dist/button-group.mjs +39 -0
  34. package/dist/button-group.mjs.map +1 -0
  35. package/dist/button.cjs +1 -1
  36. package/dist/button.cjs.map +1 -1
  37. package/dist/button.mjs +32 -25
  38. package/dist/button.mjs.map +1 -1
  39. package/dist/calendar.cjs +1 -1
  40. package/dist/calendar.cjs.map +1 -1
  41. package/dist/calendar.mjs +54 -51
  42. package/dist/calendar.mjs.map +1 -1
  43. package/dist/card.cjs +1 -1
  44. package/dist/card.cjs.map +1 -1
  45. package/dist/card.mjs +55 -41
  46. package/dist/card.mjs.map +1 -1
  47. package/dist/carousel.cjs +1 -1
  48. package/dist/carousel.cjs.map +1 -1
  49. package/dist/carousel.mjs +58 -64
  50. package/dist/carousel.mjs.map +1 -1
  51. package/dist/chart.cjs +3 -3
  52. package/dist/chart.cjs.map +1 -1
  53. package/dist/chart.mjs +59 -66
  54. package/dist/chart.mjs.map +1 -1
  55. package/dist/checkbox.cjs +1 -1
  56. package/dist/checkbox.cjs.map +1 -1
  57. package/dist/checkbox.mjs +17 -15
  58. package/dist/checkbox.mjs.map +1 -1
  59. package/dist/collapsible.cjs +1 -1
  60. package/dist/collapsible.cjs.map +1 -1
  61. package/dist/collapsible.mjs +21 -3
  62. package/dist/collapsible.mjs.map +1 -1
  63. package/dist/combobox.cjs +2 -0
  64. package/dist/combobox.cjs.map +1 -0
  65. package/dist/combobox.d.ts +2 -0
  66. package/dist/combobox.mjs +164 -0
  67. package/dist/combobox.mjs.map +1 -0
  68. package/dist/command.cjs +1 -1
  69. package/dist/command.cjs.map +1 -1
  70. package/dist/command.mjs +86 -75
  71. package/dist/command.mjs.map +1 -1
  72. package/dist/context-menu.cjs +1 -1
  73. package/dist/context-menu.cjs.map +1 -1
  74. package/dist/context-menu.mjs +121 -68
  75. package/dist/context-menu.mjs.map +1 -1
  76. package/dist/design-system.css +1 -1
  77. package/dist/dialog.cjs +1 -1
  78. package/dist/dialog.cjs.map +1 -1
  79. package/dist/dialog.mjs +90 -43
  80. package/dist/dialog.mjs.map +1 -1
  81. package/dist/direction.cjs +2 -0
  82. package/dist/direction.cjs.map +1 -0
  83. package/dist/direction.d.ts +2 -0
  84. package/dist/direction.mjs +17 -0
  85. package/dist/direction.mjs.map +1 -0
  86. package/dist/drawer.cjs +1 -1
  87. package/dist/drawer.cjs.map +1 -1
  88. package/dist/drawer.mjs +75 -45
  89. package/dist/drawer.mjs.map +1 -1
  90. package/dist/dropdown-menu.cjs +1 -1
  91. package/dist/dropdown-menu.cjs.map +1 -1
  92. package/dist/dropdown-menu.mjs +124 -68
  93. package/dist/dropdown-menu.mjs.map +1 -1
  94. package/dist/empty.cjs +2 -0
  95. package/dist/empty.cjs.map +1 -0
  96. package/dist/empty.d.ts +2 -0
  97. package/dist/empty.mjs +62 -0
  98. package/dist/empty.mjs.map +1 -0
  99. package/dist/field.cjs +2 -0
  100. package/dist/field.cjs.map +1 -0
  101. package/dist/field.d.ts +2 -0
  102. package/dist/field.mjs +111 -0
  103. package/dist/field.mjs.map +1 -0
  104. package/dist/form.cjs +1 -1
  105. package/dist/form.cjs.map +1 -1
  106. package/dist/form.mjs +14 -14
  107. package/dist/hover-card.cjs +1 -1
  108. package/dist/hover-card.cjs.map +1 -1
  109. package/dist/hover-card.mjs +28 -12
  110. package/dist/hover-card.mjs.map +1 -1
  111. package/dist/index.cjs +1 -1
  112. package/dist/index.mjs +52 -41
  113. package/dist/input-group.cjs +2 -0
  114. package/dist/input-group.cjs.map +1 -0
  115. package/dist/input-group.d.ts +2 -0
  116. package/dist/input-group.mjs +80 -0
  117. package/dist/input-group.mjs.map +1 -0
  118. package/dist/input-otp.cjs +2 -0
  119. package/dist/input-otp.cjs.map +1 -0
  120. package/dist/input-otp.d.ts +2 -0
  121. package/dist/input-otp.mjs +49 -0
  122. package/dist/input-otp.mjs.map +1 -0
  123. package/dist/input.cjs +1 -1
  124. package/dist/input.cjs.map +1 -1
  125. package/dist/input.mjs +13 -12
  126. package/dist/input.mjs.map +1 -1
  127. package/dist/item.cjs +2 -0
  128. package/dist/item.cjs.map +1 -0
  129. package/dist/item.d.ts +2 -0
  130. package/dist/item.mjs +119 -0
  131. package/dist/item.mjs.map +1 -0
  132. package/dist/kbd.cjs +2 -0
  133. package/dist/kbd.cjs.map +1 -0
  134. package/dist/kbd.d.ts +2 -0
  135. package/dist/kbd.mjs +23 -0
  136. package/dist/kbd.mjs.map +1 -0
  137. package/dist/label.cjs +1 -1
  138. package/dist/label.cjs.map +1 -1
  139. package/dist/label.mjs +12 -11
  140. package/dist/label.mjs.map +1 -1
  141. package/dist/menubar.cjs +1 -1
  142. package/dist/menubar.cjs.map +1 -1
  143. package/dist/menubar.mjs +120 -90
  144. package/dist/menubar.mjs.map +1 -1
  145. package/dist/native-select.cjs +2 -0
  146. package/dist/native-select.cjs.map +1 -0
  147. package/dist/native-select.d.ts +2 -0
  148. package/dist/native-select.mjs +41 -0
  149. package/dist/native-select.mjs.map +1 -0
  150. package/dist/navigation-menu.cjs +1 -1
  151. package/dist/navigation-menu.cjs.map +1 -1
  152. package/dist/navigation-menu.mjs +74 -52
  153. package/dist/navigation-menu.mjs.map +1 -1
  154. package/dist/packages/design-tokens/src/index.d.ts +16 -0
  155. package/dist/packages/design-tokens/src/theme.d.ts +16 -0
  156. package/dist/packages/ui-core/src/contracts/alert.d.ts +3 -1
  157. package/dist/packages/ui-core/src/contracts/badge.d.ts +3 -1
  158. package/dist/packages/ui-core/src/contracts/button-group.d.ts +17 -0
  159. package/dist/packages/ui-core/src/contracts/checkbox.d.ts +2 -2
  160. package/dist/packages/ui-core/src/contracts/combobox.d.ts +65 -0
  161. package/dist/packages/ui-core/src/contracts/direction.d.ts +7 -0
  162. package/dist/packages/ui-core/src/contracts/empty.d.ts +12 -0
  163. package/dist/packages/ui-core/src/contracts/field.d.ts +47 -0
  164. package/dist/packages/ui-core/src/contracts/input-group.d.ts +29 -0
  165. package/dist/packages/ui-core/src/contracts/input-otp.d.ts +16 -0
  166. package/dist/packages/ui-core/src/contracts/item.d.ts +47 -0
  167. package/dist/packages/ui-core/src/contracts/kbd.d.ts +9 -0
  168. package/dist/packages/ui-core/src/contracts/native-select.d.ts +15 -0
  169. package/dist/packages/ui-core/src/contracts/resizable.d.ts +1 -1
  170. package/dist/packages/ui-core/src/contracts/search.d.ts +1 -0
  171. package/dist/packages/ui-core/src/contracts/sidebar.d.ts +107 -0
  172. package/dist/packages/ui-core/src/contracts/sonner.d.ts +1 -9
  173. package/dist/packages/ui-core/src/contracts/spinner.d.ts +3 -0
  174. package/dist/packages/ui-core/src/contracts/switch.d.ts +1 -1
  175. package/dist/packages/ui-core/src/contracts/textarea.d.ts +2 -2
  176. package/dist/packages/ui-core/src/contracts/toast.d.ts +1 -1
  177. package/dist/packages/ui-core/src/contracts/toggle-group.d.ts +1 -1
  178. package/dist/packages/ui-core/src/contracts/toggle.d.ts +2 -2
  179. package/dist/packages/ui-core/src/index.d.ts +14 -0
  180. package/dist/packages/ui-web/src/accordion.d.ts +5 -7
  181. package/dist/packages/ui-web/src/alert-dialog.d.ts +17 -21
  182. package/dist/packages/ui-web/src/alert.d.ts +8 -8
  183. package/dist/packages/ui-web/src/aspect-ratio.d.ts +2 -5
  184. package/dist/packages/ui-web/src/avatar.d.ts +10 -7
  185. package/dist/packages/ui-web/src/badge.d.ts +4 -5
  186. package/dist/packages/ui-web/src/breadcrumb.d.ts +9 -17
  187. package/dist/packages/ui-web/src/button-group.d.ts +11 -0
  188. package/dist/packages/ui-web/src/button.d.ts +4 -6
  189. package/dist/packages/ui-web/src/calendar.d.ts +5 -5
  190. package/dist/packages/ui-web/src/card.d.ts +10 -10
  191. package/dist/packages/ui-web/src/carousel.d.ts +18 -14
  192. package/dist/packages/ui-web/src/chart.d.ts +35 -7
  193. package/dist/packages/ui-web/src/checkbox.d.ts +2 -5
  194. package/dist/packages/ui-web/src/collapsible.d.ts +4 -7
  195. package/dist/packages/ui-web/src/combobox.d.ts +20 -0
  196. package/dist/packages/ui-web/src/command.d.ts +16 -80
  197. package/dist/packages/ui-web/src/context-menu.d.ts +29 -21
  198. package/dist/packages/ui-web/src/dialog.d.ts +15 -17
  199. package/dist/packages/ui-web/src/direction.d.ts +6 -0
  200. package/dist/packages/ui-web/src/drawer.d.ts +11 -23
  201. package/dist/packages/ui-web/src/dropdown-menu.d.ts +27 -21
  202. package/dist/packages/ui-web/src/empty.d.ts +13 -0
  203. package/dist/packages/ui-web/src/field.d.ts +18 -0
  204. package/dist/packages/ui-web/src/hooks/use-mobile.d.ts +1 -0
  205. package/dist/packages/ui-web/src/hooks/use-theme.d.ts +16 -0
  206. package/dist/packages/ui-web/src/hover-card.d.ts +4 -6
  207. package/dist/packages/ui-web/src/index.d.ts +14 -43
  208. package/dist/packages/ui-web/src/input-group.d.ts +18 -0
  209. package/dist/packages/ui-web/src/input-otp.d.ts +8 -0
  210. package/dist/packages/ui-web/src/input.d.ts +1 -4
  211. package/dist/packages/ui-web/src/item.d.ts +25 -0
  212. package/dist/packages/ui-web/src/kbd.d.ts +4 -0
  213. package/dist/packages/ui-web/src/label.d.ts +2 -6
  214. package/dist/packages/ui-web/src/menubar.d.ts +25 -19
  215. package/dist/packages/ui-web/src/native-select.d.ts +7 -0
  216. package/dist/packages/ui-web/src/navigation-menu.d.ts +11 -11
  217. package/dist/packages/ui-web/src/pagination.d.ts +13 -26
  218. package/dist/packages/ui-web/src/popover.d.ts +9 -8
  219. package/dist/packages/ui-web/src/progress.d.ts +2 -4
  220. package/dist/packages/ui-web/src/radio-group.d.ts +3 -8
  221. package/dist/packages/ui-web/src/resizable.d.ts +6 -7
  222. package/dist/packages/ui-web/src/scroll-area.d.ts +3 -5
  223. package/dist/packages/ui-web/src/search.d.ts +1 -1
  224. package/dist/packages/ui-web/src/select.d.ts +13 -13
  225. package/dist/packages/ui-web/src/separator.d.ts +2 -4
  226. package/dist/packages/ui-web/src/sheet.d.ts +13 -27
  227. package/dist/packages/ui-web/src/sidebar.d.ts +45 -0
  228. package/dist/packages/ui-web/src/skeleton.d.ts +1 -4
  229. package/dist/packages/ui-web/src/slider.d.ts +2 -4
  230. package/dist/packages/ui-web/src/sonner.d.ts +1 -5
  231. package/dist/packages/ui-web/src/spinner.d.ts +3 -0
  232. package/dist/packages/ui-web/src/switch.d.ts +4 -4
  233. package/dist/packages/ui-web/src/table.d.ts +8 -10
  234. package/dist/packages/ui-web/src/tabs.d.ts +11 -8
  235. package/dist/packages/ui-web/src/textarea.d.ts +1 -4
  236. package/dist/packages/ui-web/src/toggle-group.d.ts +7 -10
  237. package/dist/packages/ui-web/src/toggle.d.ts +7 -5
  238. package/dist/packages/ui-web/src/tooltip.d.ts +5 -10
  239. package/dist/pagination.cjs +1 -1
  240. package/dist/pagination.cjs.map +1 -1
  241. package/dist/pagination.mjs +77 -59
  242. package/dist/pagination.mjs.map +1 -1
  243. package/dist/popover.cjs +1 -1
  244. package/dist/popover.cjs.map +1 -1
  245. package/dist/popover.mjs +53 -13
  246. package/dist/popover.mjs.map +1 -1
  247. package/dist/progress.cjs +1 -1
  248. package/dist/progress.cjs.map +1 -1
  249. package/dist/progress.mjs +18 -15
  250. package/dist/progress.mjs.map +1 -1
  251. package/dist/radio-group.cjs +1 -1
  252. package/dist/radio-group.cjs.map +1 -1
  253. package/dist/radio-group.mjs +24 -21
  254. package/dist/radio-group.mjs.map +1 -1
  255. package/dist/resizable.cjs +1 -1
  256. package/dist/resizable.cjs.map +1 -1
  257. package/dist/resizable.mjs +25 -16
  258. package/dist/resizable.mjs.map +1 -1
  259. package/dist/scroll-area.cjs +1 -1
  260. package/dist/scroll-area.cjs.map +1 -1
  261. package/dist/scroll-area.mjs +34 -27
  262. package/dist/scroll-area.mjs.map +1 -1
  263. package/dist/scroll-to-top.cjs +1 -1
  264. package/dist/scroll-to-top.mjs +17 -17
  265. package/dist/search.cjs +1 -1
  266. package/dist/search.cjs.map +1 -1
  267. package/dist/search.mjs +18 -17
  268. package/dist/search.mjs.map +1 -1
  269. package/dist/select.cjs +1 -1
  270. package/dist/select.cjs.map +1 -1
  271. package/dist/select.mjs +96 -65
  272. package/dist/select.mjs.map +1 -1
  273. package/dist/separator.cjs +1 -1
  274. package/dist/separator.cjs.map +1 -1
  275. package/dist/separator.mjs +14 -13
  276. package/dist/separator.mjs.map +1 -1
  277. package/dist/sheet.cjs +1 -1
  278. package/dist/sheet.cjs.map +1 -1
  279. package/dist/sheet.mjs +85 -53
  280. package/dist/sheet.mjs.map +1 -1
  281. package/dist/sidebar-BnEmNYS2.mjs +354 -0
  282. package/dist/sidebar-BnEmNYS2.mjs.map +1 -0
  283. package/dist/sidebar-BnuanaZN.js +2 -0
  284. package/dist/sidebar-BnuanaZN.js.map +1 -0
  285. package/dist/sidebar.cjs +1 -0
  286. package/dist/sidebar.d.ts +2 -0
  287. package/dist/sidebar.mjs +3 -0
  288. package/dist/skeleton.cjs +1 -1
  289. package/dist/skeleton.cjs.map +1 -1
  290. package/dist/skeleton.mjs +4 -5
  291. package/dist/skeleton.mjs.map +1 -1
  292. package/dist/slider.cjs +1 -1
  293. package/dist/slider.cjs.map +1 -1
  294. package/dist/slider.mjs +31 -12
  295. package/dist/slider.mjs.map +1 -1
  296. package/dist/sonner.cjs +1 -1
  297. package/dist/sonner.cjs.map +1 -1
  298. package/dist/sonner.mjs +22 -16
  299. package/dist/sonner.mjs.map +1 -1
  300. package/dist/spinner.cjs +2 -0
  301. package/dist/spinner.cjs.map +1 -0
  302. package/dist/spinner.d.ts +2 -0
  303. package/dist/spinner.mjs +17 -0
  304. package/dist/spinner.mjs.map +1 -0
  305. package/dist/support-fab.cjs +1 -1
  306. package/dist/support-fab.cjs.map +1 -1
  307. package/dist/support-fab.mjs +8 -8
  308. package/dist/support-fab.mjs.map +1 -1
  309. package/dist/switch.cjs +1 -1
  310. package/dist/switch.cjs.map +1 -1
  311. package/dist/switch.mjs +17 -11
  312. package/dist/switch.mjs.map +1 -1
  313. package/dist/table-of-contents.cjs +1 -1
  314. package/dist/table-of-contents.mjs +2 -2
  315. package/dist/table.cjs +1 -1
  316. package/dist/table.cjs.map +1 -1
  317. package/dist/table.mjs +65 -56
  318. package/dist/table.mjs.map +1 -1
  319. package/dist/tabs.cjs +1 -1
  320. package/dist/tabs.cjs.map +1 -1
  321. package/dist/tabs.mjs +42 -22
  322. package/dist/tabs.mjs.map +1 -1
  323. package/dist/text.cjs +1 -1
  324. package/dist/text.cjs.map +1 -1
  325. package/dist/text.mjs +3 -3
  326. package/dist/textarea.cjs +1 -1
  327. package/dist/textarea.cjs.map +1 -1
  328. package/dist/textarea.mjs +12 -11
  329. package/dist/textarea.mjs.map +1 -1
  330. package/dist/theme-provider.cjs +1 -1
  331. package/dist/theme-provider.mjs +1 -1
  332. package/dist/theme-toggle-CNDBFa9t.js +2 -0
  333. package/dist/theme-toggle-CNDBFa9t.js.map +1 -0
  334. package/dist/{theme-toggle-B6QS2aTS.mjs → theme-toggle-CgEJLId-.mjs} +26 -10
  335. package/dist/theme-toggle-CgEJLId-.mjs.map +1 -0
  336. package/dist/theme-toggle.cjs +1 -1
  337. package/dist/theme-toggle.mjs +1 -1
  338. package/dist/toast.cjs +1 -1
  339. package/dist/toast.cjs.map +1 -1
  340. package/dist/toast.mjs +19 -19
  341. package/dist/toast.mjs.map +1 -1
  342. package/dist/{toaster-C-1djNvf.js → toaster-C3UZyPzU.js} +2 -2
  343. package/dist/{toaster-C-1djNvf.js.map → toaster-C3UZyPzU.js.map} +1 -1
  344. package/dist/{toaster-CEa33QUH.mjs → toaster-DH0UX0nD.mjs} +2 -2
  345. package/dist/{toaster-CEa33QUH.mjs.map → toaster-DH0UX0nD.mjs.map} +1 -1
  346. package/dist/toaster.cjs +1 -1
  347. package/dist/toaster.mjs +1 -1
  348. package/dist/toggle-group.cjs +1 -1
  349. package/dist/toggle-group.cjs.map +1 -1
  350. package/dist/toggle-group.mjs +41 -28
  351. package/dist/toggle-group.mjs.map +1 -1
  352. package/dist/toggle.cjs +1 -1
  353. package/dist/toggle.cjs.map +1 -1
  354. package/dist/toggle.mjs +32 -16
  355. package/dist/toggle.mjs.map +1 -1
  356. package/dist/tooltip.cjs +1 -1
  357. package/dist/tooltip.cjs.map +1 -1
  358. package/dist/tooltip.mjs +33 -20
  359. package/dist/tooltip.mjs.map +1 -1
  360. package/dist/{utils-DU-Y_pvO.js → utils-D7tt_q-u.js} +2 -2
  361. package/dist/{utils-DU-Y_pvO.js.map → utils-D7tt_q-u.js.map} +1 -1
  362. package/dist/{utils-BsD1_fYL.mjs → utils-IYJAOUsw.mjs} +2 -2
  363. package/dist/{utils-BsD1_fYL.mjs.map → utils-IYJAOUsw.mjs.map} +1 -1
  364. package/dist/{vendor-ChPUVHXi.mjs → vendor-B6CFfDyk.mjs} +29707 -24351
  365. package/dist/vendor-B6CFfDyk.mjs.map +1 -0
  366. package/dist/vendor-UfQavLF9.js +111 -0
  367. package/dist/vendor-UfQavLF9.js.map +1 -0
  368. package/package.json +4 -3
  369. package/dist/src-D3IDWqE2.js +0 -2
  370. package/dist/src-D3IDWqE2.js.map +0 -1
  371. package/dist/src-N08I3kfW.mjs +0 -23
  372. package/dist/src-N08I3kfW.mjs.map +0 -1
  373. package/dist/theme-toggle-B6QS2aTS.mjs.map +0 -1
  374. package/dist/theme-toggle-CbtfA8aG.js +0 -2
  375. package/dist/theme-toggle-CbtfA8aG.js.map +0 -1
  376. package/dist/vendor-3cr8xz0x.js +0 -92
  377. package/dist/vendor-3cr8xz0x.js.map +0 -1
  378. package/dist/vendor-ChPUVHXi.mjs.map +0 -1
package/dist/alert.mjs CHANGED
@@ -1,37 +1,45 @@
1
1
  "use client";
2
- "use client";
3
- import { Gn as e, vr as t } from "./vendor-ChPUVHXi.mjs";
4
- import { t as n } from "./utils-BsD1_fYL.mjs";
5
- import * as r from "react";
2
+ import { Jr as e, R as t } from "./vendor-B6CFfDyk.mjs";
3
+ import { t as n } from "./utils-IYJAOUsw.mjs";
4
+ import "react";
6
5
  //#region packages/ui-web/src/alert.tsx
7
- var i = t(), a = e("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
6
+ var r = e(), i = t("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*=size-])]:size-4", {
8
7
  variants: { variant: {
9
- default: "bg-background text-foreground",
10
- destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
11
- warning: "border-amber-500/50 bg-amber-500/10 text-amber-600 dark:text-amber-400 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400",
12
- info: "border-blue-500/50 bg-blue-500/10 text-blue-600 dark:text-blue-400 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400"
8
+ default: "bg-card text-card-foreground",
9
+ destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
13
10
  } },
14
11
  defaultVariants: { variant: "default" }
15
- }), o = r.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ (0, i.jsx)("div", {
16
- ref: o,
17
- role: "alert",
18
- className: n(a({ variant: t }), e),
19
- ...r
20
- }));
21
- o.displayName = "Alert";
22
- var s = r.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ (0, i.jsx)("h5", {
23
- ref: r,
24
- className: n("mb-1 leading-none font-medium tracking-tight", e),
25
- ...t
26
- }));
27
- s.displayName = "AlertTitle";
28
- var c = r.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ (0, i.jsx)("div", {
29
- ref: r,
30
- className: n("text-sm [&_p]:leading-relaxed", e),
31
- ...t
32
- }));
33
- c.displayName = "AlertDescription";
12
+ });
13
+ function a({ className: e, variant: t, ...a }) {
14
+ return /* @__PURE__ */ (0, r.jsx)("div", {
15
+ "data-slot": "alert",
16
+ role: "alert",
17
+ className: n(i({ variant: t }), e),
18
+ ...a
19
+ });
20
+ }
21
+ function o({ className: e, ...t }) {
22
+ return /* @__PURE__ */ (0, r.jsx)("div", {
23
+ "data-slot": "alert-title",
24
+ className: n("[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3", e),
25
+ ...t
26
+ });
27
+ }
28
+ function s({ className: e, ...t }) {
29
+ return /* @__PURE__ */ (0, r.jsx)("div", {
30
+ "data-slot": "alert-description",
31
+ className: n("text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", e),
32
+ ...t
33
+ });
34
+ }
35
+ function c({ className: e, ...t }) {
36
+ return /* @__PURE__ */ (0, r.jsx)("div", {
37
+ "data-slot": "alert-action",
38
+ className: n("absolute end-2 top-2", e),
39
+ ...t
40
+ });
41
+ }
34
42
  //#endregion
35
- export { o as Alert, c as AlertDescription, s as AlertTitle };
43
+ export { a as Alert, c as AlertAction, s as AlertDescription, o as AlertTitle };
36
44
 
37
45
  //# sourceMappingURL=alert.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.mjs","names":[],"sources":["../packages/ui-web/src/alert.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { AlertBaseProps, AlertDescriptionBaseProps, AlertTitleBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst alertVariants = cva(\n 'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',\n {\n variants: {\n variant: {\n default: 'bg-background text-foreground',\n destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n warning:\n 'border-amber-500/50 bg-amber-500/10 text-amber-600 dark:text-amber-400 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400',\n info: 'border-blue-500/50 bg-blue-500/10 text-blue-600 dark:text-blue-400 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & AlertBaseProps & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement> & AlertTitleBaseProps>(\n ({ className, ...props }, ref) => (\n <h5 ref={ref} className={cn('mb-1 leading-none font-medium tracking-tight', className)} {...props} />\n ),\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & AlertDescriptionBaseProps\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertDescription, AlertTitle };\nexport type { AlertBaseProps as AlertProps };\n"],"mappings":";;;;;;aAOM,IAAgB,EACpB,2KACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACb,SACE;EACF,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAAQ,EAAM,YAGjB,EAAE,cAAW,YAAS,GAAG,KAAS,MACnC,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAU;CAAK,MAAK;CAAQ,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;CAAG,GAAI;AAAQ,CAAA,CAC/F;AACD,EAAM,cAAc;AAEpB,IAAM,IAAa,EAAM,YACtB,EAAE,cAAW,GAAG,KAAS,MACxB,iBAAA,GAAA,EAAA,KAAC,MAAD;CAAS;CAAK,WAAW,EAAG,gDAAgD,CAAS;CAAG,GAAI;AAAQ,CAAA,CAExG;AACA,EAAW,cAAc;AAEzB,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAU;CAAK,WAAW,EAAG,iCAAiC,CAAS;CAAG,GAAI;AAAQ,CAAA,CACvF;AACD,EAAiB,cAAc"}
1
+ {"version":3,"file":"alert.mjs","names":[],"sources":["../packages/ui-web/src/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { AlertBaseProps } from '@gv-tech/ui-core';\n\nconst alertVariants = cva(\n 'group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*=size-])]:size-4',\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return <div data-slot=\"alert\" role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />;\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(\n '[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n 'text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"alert-action\" className={cn('absolute end-2 top-2', className)} {...props} />;\n}\n\nexport { Alert, AlertAction, AlertDescription, AlertTitle };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAlertContract: AlertBaseProps = {} as unknown as React.ComponentProps<typeof Alert>;\n"],"mappings":";;;;;aAOM,IAAgB,EACpB,4TACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EAAE,cAAW,YAAS,GAAG,KAA2E;CACjH,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,aAAU;EAAQ,MAAK;EAAQ,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC/G;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uHACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAsC;CAC9E,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,8JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,wBAAwB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrG"}
@@ -1,2 +1,2 @@
1
- "use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=require("./vendor-3cr8xz0x.js").En;exports.AspectRatio=e;
1
+ "use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./vendor-UfQavLF9.js");var t=e.Jr();function n({...n}){return(0,t.jsx)(e.yr,{"data-slot":`aspect-ratio`,...n})}exports.AspectRatio=n;
2
2
  //# sourceMappingURL=aspect-ratio.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"aspect-ratio.cjs","names":[],"sources":["../packages/ui-web/src/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { AspectRatioBaseProps } from '@gv-tech/ui-core';\nimport * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\nexport type { AspectRatioBaseProps as AspectRatioProps };\n"],"mappings":"6FAIA,IAAM,gCAAA,EAAA"}
1
+ {"version":3,"file":"aspect-ratio.cjs","names":[],"sources":["../packages/ui-web/src/aspect-ratio.tsx"],"sourcesContent":["'use client';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\nimport type { AspectRatioBaseProps } from '@gv-tech/ui-core';\n\nfunction AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAspectRatioContract: AspectRatioBaseProps = {} as unknown as React.ComponentProps<typeof AspectRatio>;\n"],"mappings":"kJAMA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAAA,EAAA,GAAA,CAA2B,YAAU,eAAe,GAAI,CAAQ,CAAA,CACzE"}
@@ -1,9 +1,15 @@
1
1
  "use client";
2
2
  "use client";
3
- import { En as e } from "./vendor-ChPUVHXi.mjs";
3
+ import { Jr as e, yr as t } from "./vendor-B6CFfDyk.mjs";
4
4
  //#region packages/ui-web/src/aspect-ratio.tsx
5
- var t = e;
5
+ var n = e();
6
+ function r({ ...e }) {
7
+ return /* @__PURE__ */ (0, n.jsx)(t, {
8
+ "data-slot": "aspect-ratio",
9
+ ...e
10
+ });
11
+ }
6
12
  //#endregion
7
- export { t as AspectRatio };
13
+ export { r as AspectRatio };
8
14
 
9
15
  //# sourceMappingURL=aspect-ratio.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"aspect-ratio.mjs","names":[],"sources":["../packages/ui-web/src/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { AspectRatioBaseProps } from '@gv-tech/ui-core';\nimport * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\nexport type { AspectRatioBaseProps as AspectRatioProps };\n"],"mappings":";;;;AAIA,IAAM,IAAc"}
1
+ {"version":3,"file":"aspect-ratio.mjs","names":[],"sources":["../packages/ui-web/src/aspect-ratio.tsx"],"sourcesContent":["'use client';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\nimport type { AspectRatioBaseProps } from '@gv-tech/ui-core';\n\nfunction AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAspectRatioContract: AspectRatioBaseProps = {} as unknown as React.ComponentProps<typeof AspectRatio>;\n"],"mappings":";;;;;AAMA,SAAS,EAAY,EAAE,GAAG,KAAiE;CACzF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE"}
package/dist/avatar.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.Tn,{ref:a,className:n.t(`relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full`,e),...r}));a.displayName=t.Tn?.displayName||`Avatar`;var o=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.wn,{ref:a,className:n.t(`aspect-square h-full w-full`,e),...r}));o.displayName=t.wn?.displayName||`AvatarImage`;var s=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.Cn,{ref:a,className:n.t(`bg-muted flex h-full w-full items-center justify-center rounded-full`,e),...r}));s.displayName=t.Cn?.displayName||`AvatarFallback`,exports.Avatar=a,exports.AvatarFallback=s,exports.AvatarImage=o;
1
+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,size:r=`default`,...a}){return(0,i.jsx)(t.vr,{"data-slot":`avatar`,"data-size":r,className:n.t(`group/avatar after:border-border relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten`,e),...a})}function o({className:e,...r}){return(0,i.jsx)(t._r,{"data-slot":`avatar-image`,className:n.t(`aspect-square size-full rounded-full object-cover`,e),...r})}function s({className:e,...r}){return(0,i.jsx)(t.gr,{"data-slot":`avatar-fallback`,className:n.t(`bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs`,e),...r})}function c({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`avatar-badge`,className:n.t(`bg-primary text-primary-foreground ring-background absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...t})}function l({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`avatar-group`,className:n.t(`group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...t})}function u({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`avatar-group-count`,className:n.t(`bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,e),...t})}exports.Avatar=a,exports.AvatarBadge=c,exports.AvatarFallback=s,exports.AvatarGroup=l,exports.AvatarGroupCount=u,exports.AvatarImage=o;
2
2
  //# sourceMappingURL=avatar.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.cjs","names":[],"sources":["../packages/ui-web/src/avatar.tsx"],"sourcesContent":["'use client';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport * as React from 'react';\n\nimport { AvatarBaseProps, AvatarFallbackBaseProps, AvatarImageBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Avatar = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & AvatarBaseProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}\n {...props}\n />\n));\nAvatar.displayName = AvatarPrimitive.Root?.displayName || 'Avatar';\n\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & AvatarImageBaseProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image ref={ref} className={cn('aspect-square h-full w-full', className)} {...props} />\n));\nAvatarImage.displayName = AvatarPrimitive.Image?.displayName || 'AvatarImage';\n\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & AvatarFallbackBaseProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className)}\n {...props}\n />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback?.displayName || 'AvatarFallback';\n\nexport { Avatar, AvatarFallback, AvatarImage };\nexport type { AvatarBaseProps as AvatarProps };\n"],"mappings":"+PAOM,EAAS,EAAM,YAGlB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EAAG,gEAAiE,CAAS,EACxF,GAAI,CACL,CAAA,CACF,EACD,EAAO,YAAA,EAAA,IAAoC,aAAe,SAE1D,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAA4B,MAAK,UAAW,EAAA,EAAG,8BAA+B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvG,EACD,EAAY,YAAA,EAAA,IAAqC,aAAe,cAEhE,IAAM,EAAiB,EAAM,YAG1B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EAAG,uEAAwE,CAAS,EAC/F,GAAI,CACL,CAAA,CACF,EACD,EAAe,YAAA,EAAA,IAAwC,aAAe"}
1
+ {"version":3,"file":"avatar.cjs","names":[],"sources":["../packages/ui-web/src/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { AvatarBaseProps } from '@gv-tech/ui-core';\n\nfunction Avatar({\n className,\n size = 'default',\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n size?: 'default' | 'sm' | 'lg';\n}) {\n return (\n <AvatarPrimitive.Root\n data-slot=\"avatar\"\n data-size={size}\n className={cn(\n 'group/avatar after:border-border relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n return (\n <AvatarPrimitive.Image\n data-slot=\"avatar-image\"\n className={cn('aspect-square size-full rounded-full object-cover', className)}\n {...props}\n />\n );\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n return (\n <AvatarPrimitive.Fallback\n data-slot=\"avatar-fallback\"\n className={cn(\n 'bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"avatar-badge\"\n className={cn(\n 'bg-primary text-primary-foreground ring-background absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',\n 'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n 'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2',\n 'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"avatar-group\"\n className={cn(\n 'group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"avatar-group-count\"\n className={cn(\n 'bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAvatarContract: AvatarBaseProps = {} as unknown as React.ComponentProps<typeof Avatar>;\n"],"mappings":"kPAOA,SAAS,EAAO,CACd,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,SACV,YAAW,EACX,UAAW,EAAA,EACT,wPACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,eACV,UAAW,EAAA,EAAG,oDAAqD,CAAS,EAC5E,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,kBACV,UAAW,EAAA,EACT,qIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAuC,CAC1E,OACE,EAAA,EAAA,KAAC,OAAD,CACE,YAAU,eACV,UAAW,EAAA,EACT,yKACA,gFACA,4FACA,gFACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,EACT,sGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAsC,CAC9E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,qBACV,UAAW,EAAA,EACT,2VACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
package/dist/avatar.mjs CHANGED
@@ -1,28 +1,53 @@
1
1
  "use client";
2
- "use client";
3
- import { Cn as e, Tn as t, vr as n, wn as r } from "./vendor-ChPUVHXi.mjs";
4
- import { t as i } from "./utils-BsD1_fYL.mjs";
5
- import * as a from "react";
2
+ import { Jr as e, _r as t, gr as n, vr as r } from "./vendor-B6CFfDyk.mjs";
3
+ import { t as i } from "./utils-IYJAOUsw.mjs";
4
+ import "react";
6
5
  //#region packages/ui-web/src/avatar.tsx
7
- var o = n(), s = a.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ (0, o.jsx)(t, {
8
- ref: r,
9
- className: i("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", e),
10
- ...n
11
- }));
12
- s.displayName = t?.displayName || "Avatar";
13
- var c = a.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, o.jsx)(r, {
14
- ref: n,
15
- className: i("aspect-square h-full w-full", e),
16
- ...t
17
- }));
18
- c.displayName = r?.displayName || "AvatarImage";
19
- var l = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ (0, o.jsx)(e, {
20
- ref: r,
21
- className: i("bg-muted flex h-full w-full items-center justify-center rounded-full", t),
22
- ...n
23
- }));
24
- l.displayName = e?.displayName || "AvatarFallback";
6
+ var a = e();
7
+ function o({ className: e, size: t = "default", ...n }) {
8
+ return /* @__PURE__ */ (0, a.jsx)(r, {
9
+ "data-slot": "avatar",
10
+ "data-size": t,
11
+ className: i("group/avatar after:border-border relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", e),
12
+ ...n
13
+ });
14
+ }
15
+ function s({ className: e, ...n }) {
16
+ return /* @__PURE__ */ (0, a.jsx)(t, {
17
+ "data-slot": "avatar-image",
18
+ className: i("aspect-square size-full rounded-full object-cover", e),
19
+ ...n
20
+ });
21
+ }
22
+ function c({ className: e, ...t }) {
23
+ return /* @__PURE__ */ (0, a.jsx)(n, {
24
+ "data-slot": "avatar-fallback",
25
+ className: i("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs", e),
26
+ ...t
27
+ });
28
+ }
29
+ function l({ className: e, ...t }) {
30
+ return /* @__PURE__ */ (0, a.jsx)("span", {
31
+ "data-slot": "avatar-badge",
32
+ className: i("bg-primary text-primary-foreground ring-background absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", e),
33
+ ...t
34
+ });
35
+ }
36
+ function u({ className: e, ...t }) {
37
+ return /* @__PURE__ */ (0, a.jsx)("div", {
38
+ "data-slot": "avatar-group",
39
+ className: i("group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2", e),
40
+ ...t
41
+ });
42
+ }
43
+ function d({ className: e, ...t }) {
44
+ return /* @__PURE__ */ (0, a.jsx)("div", {
45
+ "data-slot": "avatar-group-count",
46
+ className: i("bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", e),
47
+ ...t
48
+ });
49
+ }
25
50
  //#endregion
26
- export { s as Avatar, l as AvatarFallback, c as AvatarImage };
51
+ export { o as Avatar, l as AvatarBadge, c as AvatarFallback, u as AvatarGroup, d as AvatarGroupCount, s as AvatarImage };
27
52
 
28
53
  //# sourceMappingURL=avatar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.mjs","names":[],"sources":["../packages/ui-web/src/avatar.tsx"],"sourcesContent":["'use client';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport * as React from 'react';\n\nimport { AvatarBaseProps, AvatarFallbackBaseProps, AvatarImageBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Avatar = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & AvatarBaseProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}\n {...props}\n />\n));\nAvatar.displayName = AvatarPrimitive.Root?.displayName || 'Avatar';\n\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & AvatarImageBaseProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image ref={ref} className={cn('aspect-square h-full w-full', className)} {...props} />\n));\nAvatarImage.displayName = AvatarPrimitive.Image?.displayName || 'AvatarImage';\n\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & AvatarFallbackBaseProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className)}\n {...props}\n />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback?.displayName || 'AvatarFallback';\n\nexport { Avatar, AvatarFallback, AvatarImage };\nexport type { AvatarBaseProps as AvatarProps };\n"],"mappings":";;;;;;aAOM,IAAS,EAAM,YAGlB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EAAG,iEAAiE,CAAS;CACxF,GAAI;AACL,CAAA,CACF;AACD,EAAO,cAAA,GAAoC,eAAe;AAE1D,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA4B;CAAK,WAAW,EAAG,+BAA+B,CAAS;CAAG,GAAI;AAAQ,CAAA,CACvG;AACD,EAAY,cAAA,GAAqC,eAAe;AAEhE,IAAM,IAAiB,EAAM,YAG1B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EAAG,wEAAwE,CAAS;CAC/F,GAAI;AACL,CAAA,CACF;AACD,EAAe,cAAA,GAAwC,eAAe"}
1
+ {"version":3,"file":"avatar.mjs","names":[],"sources":["../packages/ui-web/src/avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { AvatarBaseProps } from '@gv-tech/ui-core';\n\nfunction Avatar({\n className,\n size = 'default',\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root> & {\n size?: 'default' | 'sm' | 'lg';\n}) {\n return (\n <AvatarPrimitive.Root\n data-slot=\"avatar\"\n data-size={size}\n className={cn(\n 'group/avatar after:border-border relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n return (\n <AvatarPrimitive.Image\n data-slot=\"avatar-image\"\n className={cn('aspect-square size-full rounded-full object-cover', className)}\n {...props}\n />\n );\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n return (\n <AvatarPrimitive.Fallback\n data-slot=\"avatar-fallback\"\n className={cn(\n 'bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"avatar-badge\"\n className={cn(\n 'bg-primary text-primary-foreground ring-background absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none',\n 'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n 'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2',\n 'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"avatar-group\"\n className={cn(\n 'group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"avatar-group-count\"\n className={cn(\n 'bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyAvatarContract: AvatarBaseProps = {} as unknown as React.ComponentProps<typeof Avatar>;\n"],"mappings":";;;;;;AAOA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,yPACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;CAChG,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,qDAAqD,CAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAgE;CACtG,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,sIACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAuC;CAC1E,OACE,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,0KACA,iFACA,6FACA,iFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,uGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAsC;CAC9E,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,4VACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
package/dist/badge.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=t.Gn(`inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,{variants:{variant:{default:`border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80`,secondary:`border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80`,destructive:`border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80`,outline:`text-foreground`}},defaultVariants:{variant:`default`}});function o({className:e,variant:t,...r}){return(0,i.jsx)(`div`,{className:n.t(a({variant:t}),e),...r})}exports.Badge=o,exports.badgeVariants=a;
1
+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr(),a=t.R(`group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!`,{variants:{variant:{default:`bg-primary text-primary-foreground [a]:hover:bg-primary/80`,secondary:`bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80`,destructive:`bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20`,outline:`border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground`,ghost:`hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50`,link:`text-primary underline-offset-4 hover:underline`}},defaultVariants:{variant:`default`}});function o({className:e,variant:r=`default`,asChild:o=!1,...s}){return(0,i.jsx)(o?t.qr:`span`,{"data-slot":`badge`,"data-variant":r,className:n.t(a({variant:r}),e),...s})}exports.Badge=o,exports.badgeVariants=a;
2
2
  //# sourceMappingURL=badge.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.cjs","names":[],"sources":["../packages/ui-web/src/badge.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { BadgeBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n {\n variants: {\n variant: {\n default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n outline: 'text-foreground',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport interface BadgeProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, 'variant'>,\n Omit<BadgeBaseProps, 'variant'>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":"+PAOM,EAAgB,EAAA,GACpB,uKACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,mFACT,UAAW,kFACX,YAAa,+FACb,QAAS,iBACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAQA,SAAS,EAAM,CAAE,YAAW,UAAS,GAAG,GAAqB,CAC3D,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChF"}
1
+ {"version":3,"file":"badge.cjs","names":[],"sources":["../packages/ui-web/src/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { BadgeBaseProps } from '@gv-tech/ui-core';\n\nconst badgeVariants = cva(\n 'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',\n destructive:\n 'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',\n outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',\n ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction Badge({\n className,\n variant = 'default',\n asChild = false,\n ...props\n}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : 'span';\n\n return (\n <Comp data-slot=\"badge\" data-variant={variant} className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyBadgeContract: BadgeBaseProps = {} as unknown as React.ComponentProps<typeof Badge>;\n"],"mappings":"kPAQM,EAAgB,EAAA,EACpB,6eACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6DACT,UAAW,mEACX,YACE,iKACF,QAAS,mFACT,MAAO,oEACP,KAAM,iDACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEA,SAAS,EAAM,CACb,YACA,UAAU,UACV,UAAU,GACV,GAAG,GACyF,CAG5F,OACE,EAAA,EAAA,KAHW,EAAA,EAAA,GAAsB,OAGjC,CAAM,YAAU,QAAQ,eAAc,EAAS,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAErH"}
package/dist/badge.mjs CHANGED
@@ -1,25 +1,28 @@
1
1
  "use client";
2
- "use client";
3
- import { Gn as e, vr as t } from "./vendor-ChPUVHXi.mjs";
4
- import { t as n } from "./utils-BsD1_fYL.mjs";
2
+ import { Jr as e, R as t, qr as n } from "./vendor-B6CFfDyk.mjs";
3
+ import { t as r } from "./utils-IYJAOUsw.mjs";
5
4
  import "react";
6
5
  //#region packages/ui-web/src/badge.tsx
7
- var r = t(), i = e("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
6
+ var i = e(), a = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
8
7
  variants: { variant: {
9
- default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
10
- secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
11
- destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
12
- outline: "text-foreground"
8
+ default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
9
+ secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
10
+ destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
11
+ outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
12
+ ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
13
+ link: "text-primary underline-offset-4 hover:underline"
13
14
  } },
14
15
  defaultVariants: { variant: "default" }
15
16
  });
16
- function a({ className: e, variant: t, ...a }) {
17
- return /* @__PURE__ */ (0, r.jsx)("div", {
18
- className: n(i({ variant: t }), e),
19
- ...a
17
+ function o({ className: e, variant: t = "default", asChild: o = !1, ...s }) {
18
+ return /* @__PURE__ */ (0, i.jsx)(o ? n : "span", {
19
+ "data-slot": "badge",
20
+ "data-variant": t,
21
+ className: r(a({ variant: t }), e),
22
+ ...s
20
23
  });
21
24
  }
22
25
  //#endregion
23
- export { a as Badge, i as badgeVariants };
26
+ export { o as Badge, a as badgeVariants };
24
27
 
25
28
  //# sourceMappingURL=badge.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.mjs","names":[],"sources":["../packages/ui-web/src/badge.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { BadgeBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n {\n variants: {\n variant: {\n default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n outline: 'text-foreground',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport interface BadgeProps\n extends\n Omit<React.HTMLAttributes<HTMLDivElement>, 'variant'>,\n Omit<BadgeBaseProps, 'variant'>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;aAOM,IAAgB,EACpB,wKACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;EACX,aAAa;EACb,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAQA,SAAS,EAAM,EAAE,cAAW,YAAS,GAAG,KAAqB;CAC3D,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAChF"}
1
+ {"version":3,"file":"badge.mjs","names":[],"sources":["../packages/ui-web/src/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { BadgeBaseProps } from '@gv-tech/ui-core';\n\nconst badgeVariants = cva(\n 'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',\n destructive:\n 'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',\n outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',\n ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction Badge({\n className,\n variant = 'default',\n asChild = false,\n ...props\n}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n const Comp = asChild ? Slot.Root : 'span';\n\n return (\n <Comp data-slot=\"badge\" data-variant={variant} className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyBadgeContract: BadgeBaseProps = {} as unknown as React.ComponentProps<typeof Badge>;\n"],"mappings":";;;;;aAQM,IAAgB,EACpB,8eACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;EACX,aACE;EACF,SAAS;EACT,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,aAAU,WACV,aAAU,IACV,GAAG,KACyF;CAG5F,OACE,iBAAA,GAAA,EAAA,KAHW,IAAU,IAAY,QAGjC;EAAM,aAAU;EAAQ,gBAAc;EAAS,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAErH"}
@@ -1,2 +1,2 @@
1
- "use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=r.forwardRef(({...e},t)=>(0,i.jsx)(`nav`,{ref:t,"aria-label":`breadcrumb`,...e}));a.displayName=`Breadcrumb`;var o=r.forwardRef(({className:e,...t},r)=>(0,i.jsx)(`ol`,{ref:r,className:n.t(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...t}));o.displayName=`BreadcrumbList`;var s=r.forwardRef(({className:e,...t},r)=>(0,i.jsx)(`li`,{ref:r,className:n.t(`inline-flex items-center gap-1.5`,e),...t}));s.displayName=`BreadcrumbItem`;var c=r.forwardRef(({asChild:e,className:r,...a},o)=>(0,i.jsx)(e?t.Dn:`a`,{ref:o,className:n.t(`hover:text-foreground transition-colors`,r),...a}));c.displayName=`BreadcrumbLink`;var l=r.forwardRef(({className:e,...t},r)=>(0,i.jsx)(`span`,{ref:r,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:n.t(`text-foreground font-normal`,e),...t}));l.displayName=`BreadcrumbPage`;var u=({children:e,className:r,...a})=>(0,i.jsx)(`li`,{role:`presentation`,"aria-hidden":`true`,className:n.t(`[&>svg]:h-3.5 [&>svg]:w-3.5`,r),...a,children:e??(0,i.jsx)(t.rr,{})});u.displayName=`BreadcrumbSeparator`;var d=({className:e,...r})=>(0,i.jsxs)(`span`,{role:`presentation`,"aria-hidden":`true`,className:n.t(`flex h-9 w-9 items-center justify-center`,e),...r,children:[(0,i.jsx)(t.$n,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More`})]});d.displayName=`BreadcrumbElipssis`,exports.Breadcrumb=a,exports.BreadcrumbEllipsis=d,exports.BreadcrumbItem=s,exports.BreadcrumbLink=c,exports.BreadcrumbList=o,exports.BreadcrumbPage=l,exports.BreadcrumbSeparator=u;
1
+ "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,...t}){return(0,i.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:n.t(e),...t})}function o({className:e,...t}){return(0,i.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:n.t(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word`,e),...t})}function s({className:e,...t}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:n.t(`inline-flex items-center gap-1`,e),...t})}function c({asChild:e,className:r,...a}){return(0,i.jsx)(e?t.qr:`a`,{"data-slot":`breadcrumb-link`,className:n.t(`hover:text-foreground transition-colors`,r),...a})}function l({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:n.t(`text-foreground font-normal`,e),...t})}function u({children:e,className:r,...a}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:n.t(`[&>svg]:size-3.5`,r),...a,children:e??(0,i.jsx)(t.tt,{})})}function d({className:e,...r}){return(0,i.jsxs)(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:n.t(`flex size-5 items-center justify-center [&>svg]:size-4`,e),...r,children:[(0,i.jsx)(t.Z,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More`})]})}exports.Breadcrumb=a,exports.BreadcrumbEllipsis=d,exports.BreadcrumbItem=s,exports.BreadcrumbLink=c,exports.BreadcrumbList=o,exports.BreadcrumbPage=l,exports.BreadcrumbSeparator=u;
2
2
  //# sourceMappingURL=breadcrumb.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.cjs","names":[],"sources":["../packages/ui-web/src/breadcrumb.tsx"],"sourcesContent":["'use client';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n BreadcrumbBaseProps,\n BreadcrumbEllipsisBaseProps,\n BreadcrumbItemBaseProps,\n BreadcrumbLinkBaseProps,\n BreadcrumbListBaseProps,\n BreadcrumbPageBaseProps,\n BreadcrumbSeparatorBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<'nav'> &\n BreadcrumbBaseProps & {\n separator?: React.ReactNode;\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = 'Breadcrumb';\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<'ol'> & BreadcrumbListBaseProps\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\nBreadcrumbList.displayName = 'BreadcrumbList';\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'> & BreadcrumbItemBaseProps>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n ),\n);\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<'a'> & BreadcrumbLinkBaseProps\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : 'a';\n\n return <Comp ref={ref} className={cn('hover:text-foreground transition-colors', className)} {...props} />;\n});\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<'span'> & BreadcrumbPageBaseProps\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('text-foreground font-normal', className)}\n {...props}\n />\n));\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<'li'> & BreadcrumbSeparatorBaseProps) => (\n <li role=\"presentation\" aria-hidden=\"true\" className={cn('[&>svg]:h-3.5 [&>svg]:w-3.5', className)} {...props}>\n {children ?? <ChevronRight />}\n </li>\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<'span'> & BreadcrumbEllipsisBaseProps) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex h-9 w-9 items-center justify-center', className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n);\nBreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';\n\nexport {\n Breadcrumb,\n BreadcrumbEllipsis,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n};\nexport type { BreadcrumbBaseProps as BreadcrumbProps };\n"],"mappings":"+PAgBM,EAAa,EAAM,YAMtB,CAAE,GAAG,GAAS,KAAQ,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAW,aAAa,GAAI,CAAQ,CAAA,CAAC,EAC7E,EAAW,YAAc,aAEzB,IAAM,EAAiB,EAAM,YAG1B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,EACT,2FACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAe,YAAc,iBAE7B,IAAM,EAAiB,EAAM,YAC1B,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,UAAW,EAAA,EAAG,mCAAoC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE5F,EACA,EAAe,YAAc,iBAE7B,IAAM,EAAiB,EAAM,YAG1B,CAAE,UAAS,YAAW,GAAG,GAAS,KAG5B,EAAA,EAAA,KAFM,EAAU,EAAA,GAAO,IAEvB,CAAW,MAAK,UAAW,EAAA,EAAG,0CAA2C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACzG,EACD,EAAe,YAAc,iBAE7B,IAAM,EAAiB,EAAM,YAG1B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,OAAD,CACO,MACL,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAW,EAAA,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CACF,EACD,EAAe,YAAc,iBAE7B,IAAM,GAAuB,CAC3B,WACA,YACA,GAAG,MAEH,EAAA,EAAA,KAAC,KAAD,CAAI,KAAK,eAAe,cAAY,OAAO,UAAW,EAAA,EAAG,8BAA+B,CAAS,EAAG,GAAI,WACrG,IAAY,EAAA,EAAA,KAAC,EAAA,GAAD,CAAe,CAAA,CAC1B,CAAA,EAEN,EAAoB,YAAc,sBAElC,IAAM,GAAsB,CAAE,YAAW,GAAG,MAC1C,EAAA,EAAA,MAAC,OAAD,CACE,KAAK,eACL,cAAY,OACZ,UAAW,EAAA,EAAG,2CAA4C,CAAS,EACnE,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,EAAA,GAAD,CAAgB,UAAU,SAAW,CAAA,GACrC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,MAAU,CAAA,CAChC,IAER,EAAmB,YAAc"}
1
+ {"version":3,"file":"breadcrumb.cjs","names":[],"sources":["../packages/ui-web/src/breadcrumb.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport * as React from 'react';\n\nimport { ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { BreadcrumbBaseProps } from '@gv-tech/ui-core';\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn(className)} {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n return (\n <ol\n data-slot=\"breadcrumb-list\"\n className={cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word', className)}\n {...props}\n />\n );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1', className)} {...props} />;\n}\n\nfunction BreadcrumbLink({\n asChild,\n className,\n ...props\n}: React.ComponentProps<'a'> & {\n asChild?: boolean;\n}) {\n const Comp = asChild ? Slot.Root : 'a';\n\n return (\n <Comp data-slot=\"breadcrumb-link\" className={cn('hover:text-foreground transition-colors', className)} {...props} />\n );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"breadcrumb-page\"\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('text-foreground font-normal', className)}\n {...props}\n />\n );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n return (\n <li\n data-slot=\"breadcrumb-separator\"\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('[&>svg]:size-3.5', className)}\n {...props}\n >\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"breadcrumb-ellipsis\"\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex size-5 items-center justify-center [&>svg]:size-4', className)}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\nexport {\n Breadcrumb,\n BreadcrumbEllipsis,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyBreadcrumbContract: BreadcrumbBaseProps = {} as unknown as React.ComponentProps<typeof Breadcrumb>;\n"],"mappings":"kPAQA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,aAAW,aAAa,YAAU,aAAa,UAAW,EAAA,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnG,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,kBACV,UAAW,EAAA,EAAG,oFAAqF,CAAS,EAC5G,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAD,CAAI,YAAU,kBAAkB,UAAW,EAAA,EAAG,iCAAkC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACjH,CAEA,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAA,EAAA,GAAsB,IAGjC,CAAM,YAAU,kBAAkB,UAAW,EAAA,EAAG,0CAA2C,CAAS,EAAG,GAAI,CAAQ,CAAA,CAEvH,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OACE,EAAA,EAAA,KAAC,OAAD,CACE,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAW,EAAA,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAA,EAAG,mBAAoB,CAAS,EAC3C,GAAI,WAEH,IAAY,EAAA,EAAA,KAAC,EAAA,GAAD,CAAmB,CAAA,CAC9B,CAAA,CAER,CAEA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAA,EAAA,MAAC,OAAD,CACE,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAA,EAAG,yDAA0D,CAAS,EACjF,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAqB,CAAA,GACrB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,MAAU,CAAA,CAChC,GAEV"}
@@ -1,62 +1,72 @@
1
1
  "use client";
2
- "use client";
3
- import { $n as e, Dn as t, rr as n, vr as r } from "./vendor-ChPUVHXi.mjs";
4
- import { t as i } from "./utils-BsD1_fYL.mjs";
5
- import * as a from "react";
2
+ import { Jr as e, Z as t, qr as n, tt as r } from "./vendor-B6CFfDyk.mjs";
3
+ import { t as i } from "./utils-IYJAOUsw.mjs";
4
+ import "react";
6
5
  //#region packages/ui-web/src/breadcrumb.tsx
7
- var o = r(), s = a.forwardRef(({ ...e }, t) => /* @__PURE__ */ (0, o.jsx)("nav", {
8
- ref: t,
9
- "aria-label": "breadcrumb",
10
- ...e
11
- }));
12
- s.displayName = "Breadcrumb";
13
- var c = a.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, o.jsx)("ol", {
14
- ref: n,
15
- className: i("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", e),
16
- ...t
17
- }));
18
- c.displayName = "BreadcrumbList";
19
- var l = a.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, o.jsx)("li", {
20
- ref: n,
21
- className: i("inline-flex items-center gap-1.5", e),
22
- ...t
23
- }));
24
- l.displayName = "BreadcrumbItem";
25
- var u = a.forwardRef(({ asChild: e, className: n, ...r }, a) => /* @__PURE__ */ (0, o.jsx)(e ? t : "a", {
26
- ref: a,
27
- className: i("hover:text-foreground transition-colors", n),
28
- ...r
29
- }));
30
- u.displayName = "BreadcrumbLink";
31
- var d = a.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, o.jsx)("span", {
32
- ref: n,
33
- role: "link",
34
- "aria-disabled": "true",
35
- "aria-current": "page",
36
- className: i("text-foreground font-normal", e),
37
- ...t
38
- }));
39
- d.displayName = "BreadcrumbPage";
40
- var f = ({ children: e, className: t, ...r }) => /* @__PURE__ */ (0, o.jsx)("li", {
41
- role: "presentation",
42
- "aria-hidden": "true",
43
- className: i("[&>svg]:h-3.5 [&>svg]:w-3.5", t),
44
- ...r,
45
- children: e ?? /* @__PURE__ */ (0, o.jsx)(n, {})
46
- });
47
- f.displayName = "BreadcrumbSeparator";
48
- var p = ({ className: t, ...n }) => /* @__PURE__ */ (0, o.jsxs)("span", {
49
- role: "presentation",
50
- "aria-hidden": "true",
51
- className: i("flex h-9 w-9 items-center justify-center", t),
52
- ...n,
53
- children: [/* @__PURE__ */ (0, o.jsx)(e, { className: "h-4 w-4" }), /* @__PURE__ */ (0, o.jsx)("span", {
54
- className: "sr-only",
55
- children: "More"
56
- })]
57
- });
58
- p.displayName = "BreadcrumbElipssis";
6
+ var a = e();
7
+ function o({ className: e, ...t }) {
8
+ return /* @__PURE__ */ (0, a.jsx)("nav", {
9
+ "aria-label": "breadcrumb",
10
+ "data-slot": "breadcrumb",
11
+ className: i(e),
12
+ ...t
13
+ });
14
+ }
15
+ function s({ className: e, ...t }) {
16
+ return /* @__PURE__ */ (0, a.jsx)("ol", {
17
+ "data-slot": "breadcrumb-list",
18
+ className: i("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word", e),
19
+ ...t
20
+ });
21
+ }
22
+ function c({ className: e, ...t }) {
23
+ return /* @__PURE__ */ (0, a.jsx)("li", {
24
+ "data-slot": "breadcrumb-item",
25
+ className: i("inline-flex items-center gap-1", e),
26
+ ...t
27
+ });
28
+ }
29
+ function l({ asChild: e, className: t, ...r }) {
30
+ return /* @__PURE__ */ (0, a.jsx)(e ? n : "a", {
31
+ "data-slot": "breadcrumb-link",
32
+ className: i("hover:text-foreground transition-colors", t),
33
+ ...r
34
+ });
35
+ }
36
+ function u({ className: e, ...t }) {
37
+ return /* @__PURE__ */ (0, a.jsx)("span", {
38
+ "data-slot": "breadcrumb-page",
39
+ role: "link",
40
+ "aria-disabled": "true",
41
+ "aria-current": "page",
42
+ className: i("text-foreground font-normal", e),
43
+ ...t
44
+ });
45
+ }
46
+ function d({ children: e, className: t, ...n }) {
47
+ return /* @__PURE__ */ (0, a.jsx)("li", {
48
+ "data-slot": "breadcrumb-separator",
49
+ role: "presentation",
50
+ "aria-hidden": "true",
51
+ className: i("[&>svg]:size-3.5", t),
52
+ ...n,
53
+ children: e ?? /* @__PURE__ */ (0, a.jsx)(r, {})
54
+ });
55
+ }
56
+ function f({ className: e, ...n }) {
57
+ return /* @__PURE__ */ (0, a.jsxs)("span", {
58
+ "data-slot": "breadcrumb-ellipsis",
59
+ role: "presentation",
60
+ "aria-hidden": "true",
61
+ className: i("flex size-5 items-center justify-center [&>svg]:size-4", e),
62
+ ...n,
63
+ children: [/* @__PURE__ */ (0, a.jsx)(t, {}), /* @__PURE__ */ (0, a.jsx)("span", {
64
+ className: "sr-only",
65
+ children: "More"
66
+ })]
67
+ });
68
+ }
59
69
  //#endregion
60
- export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };
70
+ export { o as Breadcrumb, f as BreadcrumbEllipsis, c as BreadcrumbItem, l as BreadcrumbLink, s as BreadcrumbList, u as BreadcrumbPage, d as BreadcrumbSeparator };
61
71
 
62
72
  //# sourceMappingURL=breadcrumb.mjs.map