@health-samurai/react-components 0.0.0-alpha.4 → 0.0.0-alpha.6

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 (304) hide show
  1. package/dist/bundle.css +1375 -484
  2. package/dist/src/components/code-editor/http/grammar/http.d.ts +3 -0
  3. package/dist/src/components/code-editor/http/grammar/http.d.ts.map +1 -0
  4. package/dist/src/components/code-editor/http/grammar/http.grammar +74 -0
  5. package/dist/src/components/code-editor/http/grammar/http.js +38 -0
  6. package/dist/src/components/code-editor/http/grammar/http.js.map +1 -0
  7. package/dist/src/components/code-editor/http/grammar/http.terms.d.ts +2 -0
  8. package/dist/src/components/code-editor/http/grammar/http.terms.d.ts.map +1 -0
  9. package/dist/src/components/code-editor/http/grammar/http.terms.js +4 -0
  10. package/dist/src/components/code-editor/http/grammar/http.terms.js.map +1 -0
  11. package/dist/src/components/code-editor/http/grammar/http.test.d.ts +2 -0
  12. package/dist/src/components/code-editor/http/grammar/http.test.d.ts.map +1 -0
  13. package/dist/src/components/code-editor/http/grammar/http.test.js +80 -0
  14. package/dist/src/components/code-editor/http/grammar/http.test.js.map +1 -0
  15. package/dist/src/components/code-editor/http/index.d.ts +4 -0
  16. package/dist/src/components/code-editor/http/index.d.ts.map +1 -0
  17. package/dist/src/components/code-editor/http/index.js +66 -0
  18. package/dist/src/components/code-editor/http/index.js.map +1 -0
  19. package/dist/src/components/code-editor/index.d.ts +14 -2
  20. package/dist/src/components/code-editor/index.d.ts.map +1 -1
  21. package/dist/src/components/code-editor/index.js +309 -20
  22. package/dist/src/components/code-editor/index.js.map +1 -1
  23. package/dist/src/components/code-editor.stories.d.ts +1 -0
  24. package/dist/src/components/code-editor.stories.d.ts.map +1 -1
  25. package/dist/src/components/code-editor.stories.js +255 -2
  26. package/dist/src/components/code-editor.stories.js.map +1 -1
  27. package/dist/src/components/copy-icon.d.ts +5 -1
  28. package/dist/src/components/copy-icon.d.ts.map +1 -1
  29. package/dist/src/components/copy-icon.js +41 -3
  30. package/dist/src/components/copy-icon.js.map +1 -1
  31. package/dist/src/components/data-table.d.ts +8 -0
  32. package/dist/src/components/data-table.d.ts.map +1 -0
  33. package/dist/src/components/data-table.js +65 -0
  34. package/dist/src/components/data-table.js.map +1 -0
  35. package/dist/src/components/data-table.stories.d.ts +7 -0
  36. package/dist/src/components/data-table.stories.d.ts.map +1 -0
  37. package/dist/src/components/data-table.stories.js +44 -0
  38. package/dist/src/components/data-table.stories.js.map +1 -0
  39. package/dist/src/components/fhir-structure-view.d.ts +34 -0
  40. package/dist/src/components/fhir-structure-view.d.ts.map +1 -0
  41. package/dist/src/components/fhir-structure-view.js +229 -0
  42. package/dist/src/components/fhir-structure-view.js.map +1 -0
  43. package/dist/src/components/fhir-structure-view.stories.d.ts +7 -0
  44. package/dist/src/components/fhir-structure-view.stories.d.ts.map +1 -0
  45. package/dist/src/components/fhir-structure-view.stories.js +447 -0
  46. package/dist/src/components/fhir-structure-view.stories.js.map +1 -0
  47. package/dist/src/components/patient-table.d.ts +73 -0
  48. package/dist/src/components/patient-table.d.ts.map +1 -0
  49. package/dist/src/components/patient-table.js +921 -0
  50. package/dist/src/components/patient-table.js.map +1 -0
  51. package/dist/src/components/patient-table.stories.d.ts +111 -0
  52. package/dist/src/components/patient-table.stories.d.ts.map +1 -0
  53. package/dist/src/components/patient-table.stories.js +172 -0
  54. package/dist/src/components/patient-table.stories.js.map +1 -0
  55. package/dist/src/components/request-line-editor.d.ts +13 -35
  56. package/dist/src/components/request-line-editor.d.ts.map +1 -1
  57. package/dist/src/components/request-line-editor.js +72 -49
  58. package/dist/src/components/request-line-editor.js.map +1 -1
  59. package/dist/src/components/request-line-editor.stories.d.ts.map +1 -1
  60. package/dist/src/components/request-line-editor.stories.js +17 -53
  61. package/dist/src/components/request-line-editor.stories.js.map +1 -1
  62. package/dist/src/components/segment-control.d.ts +16 -0
  63. package/dist/src/components/segment-control.d.ts.map +1 -0
  64. package/dist/src/components/segment-control.js +48 -0
  65. package/dist/src/components/segment-control.js.map +1 -0
  66. package/dist/src/components/segment-control.stories.d.ts +15 -0
  67. package/dist/src/components/segment-control.stories.d.ts.map +1 -0
  68. package/dist/src/components/segment-control.stories.js +33 -0
  69. package/dist/src/components/segment-control.stories.js.map +1 -0
  70. package/dist/src/components/split-button.d.ts +5 -0
  71. package/dist/src/components/split-button.d.ts.map +1 -0
  72. package/dist/src/components/split-button.js +12 -0
  73. package/dist/src/components/split-button.js.map +1 -0
  74. package/dist/src/components/split-button.stories.d.ts +7 -0
  75. package/dist/src/components/split-button.stories.d.ts.map +1 -0
  76. package/dist/src/components/split-button.stories.js +57 -0
  77. package/dist/src/components/split-button.stories.js.map +1 -0
  78. package/dist/src/components/tree-view.d.ts +22 -0
  79. package/dist/src/components/tree-view.d.ts.map +1 -0
  80. package/dist/src/components/tree-view.js +101 -0
  81. package/dist/src/components/tree-view.js.map +1 -0
  82. package/dist/src/components/tree-view.stories.d.ts +13 -0
  83. package/dist/src/components/tree-view.stories.d.ts.map +1 -0
  84. package/dist/src/components/tree-view.stories.js +274 -0
  85. package/dist/src/components/tree-view.stories.js.map +1 -0
  86. package/dist/src/icons.d.ts +9 -0
  87. package/dist/src/icons.d.ts.map +1 -0
  88. package/dist/src/icons.js +279 -0
  89. package/dist/src/icons.js.map +1 -0
  90. package/dist/src/index.css +42 -3
  91. package/dist/src/index.d.ts +9 -1
  92. package/dist/src/index.d.ts.map +1 -1
  93. package/dist/src/index.js +9 -1
  94. package/dist/src/index.js.map +1 -1
  95. package/dist/src/shadcn/components/ui/accordion.d.ts.map +1 -1
  96. package/dist/src/shadcn/components/ui/accordion.js +23 -5
  97. package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
  98. package/dist/src/shadcn/components/ui/alert-dialog.d.ts +3 -1
  99. package/dist/src/shadcn/components/ui/alert-dialog.d.ts.map +1 -1
  100. package/dist/src/shadcn/components/ui/alert-dialog.js +5 -2
  101. package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -1
  102. package/dist/src/shadcn/components/ui/alert.d.ts.map +1 -1
  103. package/dist/src/shadcn/components/ui/alert.js +12 -5
  104. package/dist/src/shadcn/components/ui/alert.js.map +1 -1
  105. package/dist/src/shadcn/components/ui/avatar.d.ts.map +1 -1
  106. package/dist/src/shadcn/components/ui/avatar.js +4 -3
  107. package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
  108. package/dist/src/shadcn/components/ui/badge.d.ts.map +1 -1
  109. package/dist/src/shadcn/components/ui/badge.js +16 -5
  110. package/dist/src/shadcn/components/ui/badge.js.map +1 -1
  111. package/dist/src/shadcn/components/ui/breadcrumb.d.ts.map +1 -1
  112. package/dist/src/shadcn/components/ui/breadcrumb.js +6 -6
  113. package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
  114. package/dist/src/shadcn/components/ui/button.d.ts.map +1 -1
  115. package/dist/src/shadcn/components/ui/button.js +19 -11
  116. package/dist/src/shadcn/components/ui/button.js.map +1 -1
  117. package/dist/src/shadcn/components/ui/card.d.ts.map +1 -1
  118. package/dist/src/shadcn/components/ui/card.js +14 -6
  119. package/dist/src/shadcn/components/ui/card.js.map +1 -1
  120. package/dist/src/shadcn/components/ui/checkbox.d.ts.map +1 -1
  121. package/dist/src/shadcn/components/ui/checkbox.js +20 -5
  122. package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
  123. package/dist/src/shadcn/components/ui/checkbox.stories.d.ts.map +1 -1
  124. package/dist/src/shadcn/components/ui/checkbox.stories.js +44 -35
  125. package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
  126. package/dist/src/shadcn/components/ui/combobox.d.ts +18 -0
  127. package/dist/src/shadcn/components/ui/combobox.d.ts.map +1 -0
  128. package/dist/src/shadcn/components/ui/combobox.js +121 -0
  129. package/dist/src/shadcn/components/ui/combobox.js.map +1 -0
  130. package/dist/src/shadcn/components/ui/combobox.stories.d.ts +11 -0
  131. package/dist/src/shadcn/components/ui/combobox.stories.d.ts.map +1 -0
  132. package/dist/src/shadcn/components/ui/combobox.stories.js +16 -0
  133. package/dist/src/shadcn/components/ui/combobox.stories.js.map +1 -0
  134. package/dist/src/shadcn/components/ui/command.d.ts.map +1 -1
  135. package/dist/src/shadcn/components/ui/command.js +73 -12
  136. package/dist/src/shadcn/components/ui/command.js.map +1 -1
  137. package/dist/src/shadcn/components/ui/command.stories.js +0 -1
  138. package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
  139. package/dist/src/shadcn/components/ui/dialog.d.ts.map +1 -1
  140. package/dist/src/shadcn/components/ui/dialog.js +35 -7
  141. package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
  142. package/dist/src/shadcn/components/ui/drawer.d.ts.map +1 -1
  143. package/dist/src/shadcn/components/ui/drawer.js +26 -5
  144. package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
  145. package/dist/src/shadcn/components/ui/dropdown-menu.d.ts.map +1 -1
  146. package/dist/src/shadcn/components/ui/dropdown-menu.js +12 -1
  147. package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
  148. package/dist/src/shadcn/components/ui/form.d.ts.map +1 -1
  149. package/dist/src/shadcn/components/ui/form.js +12 -4
  150. package/dist/src/shadcn/components/ui/form.js.map +1 -1
  151. package/dist/src/shadcn/components/ui/input.d.ts +3 -1
  152. package/dist/src/shadcn/components/ui/input.d.ts.map +1 -1
  153. package/dist/src/shadcn/components/ui/input.js +126 -17
  154. package/dist/src/shadcn/components/ui/input.js.map +1 -1
  155. package/dist/src/shadcn/components/ui/label.d.ts.map +1 -1
  156. package/dist/src/shadcn/components/ui/label.js +8 -1
  157. package/dist/src/shadcn/components/ui/label.js.map +1 -1
  158. package/dist/src/shadcn/components/ui/menubar.d.ts.map +1 -1
  159. package/dist/src/shadcn/components/ui/menubar.js +35 -13
  160. package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
  161. package/dist/src/shadcn/components/ui/pagination.d.ts.map +1 -1
  162. package/dist/src/shadcn/components/ui/pagination.js +6 -6
  163. package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
  164. package/dist/src/shadcn/components/ui/popover.d.ts.map +1 -1
  165. package/dist/src/shadcn/components/ui/popover.js +12 -1
  166. package/dist/src/shadcn/components/ui/popover.js.map +1 -1
  167. package/dist/src/shadcn/components/ui/progress.d.ts.map +1 -1
  168. package/dist/src/shadcn/components/ui/progress.js +6 -2
  169. package/dist/src/shadcn/components/ui/progress.js.map +1 -1
  170. package/dist/src/shadcn/components/ui/radio-group.d.ts.map +1 -1
  171. package/dist/src/shadcn/components/ui/radio-group.js +11 -6
  172. package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
  173. package/dist/src/shadcn/components/ui/radio-group.stories.d.ts.map +1 -1
  174. package/dist/src/shadcn/components/ui/radio-group.stories.js +57 -34
  175. package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
  176. package/dist/src/shadcn/components/ui/scroll-area.d.ts.map +1 -1
  177. package/dist/src/shadcn/components/ui/scroll-area.js +9 -3
  178. package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
  179. package/dist/src/shadcn/components/ui/select.d.ts.map +1 -1
  180. package/dist/src/shadcn/components/ui/select.js +49 -14
  181. package/dist/src/shadcn/components/ui/select.js.map +1 -1
  182. package/dist/src/shadcn/components/ui/select.stories.d.ts.map +1 -1
  183. package/dist/src/shadcn/components/ui/select.stories.js +1 -4
  184. package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
  185. package/dist/src/shadcn/components/ui/separator.d.ts.map +1 -1
  186. package/dist/src/shadcn/components/ui/separator.js +7 -1
  187. package/dist/src/shadcn/components/ui/separator.js.map +1 -1
  188. package/dist/src/shadcn/components/ui/sidebar.d.ts.map +1 -1
  189. package/dist/src/shadcn/components/ui/sidebar.js +20 -6
  190. package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
  191. package/dist/src/shadcn/components/ui/skeleton.d.ts.map +1 -1
  192. package/dist/src/shadcn/components/ui/skeleton.js +3 -1
  193. package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
  194. package/dist/src/shadcn/components/ui/slider.d.ts.map +1 -1
  195. package/dist/src/shadcn/components/ui/slider.js +34 -4
  196. package/dist/src/shadcn/components/ui/slider.js.map +1 -1
  197. package/dist/src/shadcn/components/ui/sonner.d.ts +16 -1
  198. package/dist/src/shadcn/components/ui/sonner.d.ts.map +1 -1
  199. package/dist/src/shadcn/components/ui/sonner.js +23 -3
  200. package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
  201. package/dist/src/shadcn/components/ui/sonner.stories.d.ts.map +1 -1
  202. package/dist/src/shadcn/components/ui/sonner.stories.js +19 -11
  203. package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
  204. package/dist/src/shadcn/components/ui/switch.d.ts.map +1 -1
  205. package/dist/src/shadcn/components/ui/switch.js +18 -2
  206. package/dist/src/shadcn/components/ui/switch.js.map +1 -1
  207. package/dist/src/shadcn/components/ui/table.d.ts.map +1 -1
  208. package/dist/src/shadcn/components/ui/table.js +12 -8
  209. package/dist/src/shadcn/components/ui/table.js.map +1 -1
  210. package/dist/src/shadcn/components/ui/tabs.d.ts +21 -3
  211. package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
  212. package/dist/src/shadcn/components/ui/tabs.js +315 -9
  213. package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
  214. package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
  215. package/dist/src/shadcn/components/ui/tabs.stories.js +50 -1
  216. package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
  217. package/dist/src/shadcn/components/ui/textarea.d.ts.map +1 -1
  218. package/dist/src/shadcn/components/ui/textarea.js +15 -1
  219. package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
  220. package/dist/src/shadcn/components/ui/toggle-group.d.ts.map +1 -1
  221. package/dist/src/shadcn/components/ui/toggle-group.js +6 -2
  222. package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
  223. package/dist/src/shadcn/components/ui/toggle.d.ts.map +1 -1
  224. package/dist/src/shadcn/components/ui/toggle.js +18 -6
  225. package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
  226. package/dist/src/shadcn/components/ui/tooltip.d.ts.map +1 -1
  227. package/dist/src/shadcn/components/ui/tooltip.js +11 -1
  228. package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
  229. package/dist/src/shadcn/components/ui/tree.d.ts +28 -0
  230. package/dist/src/shadcn/components/ui/tree.d.ts.map +1 -0
  231. package/dist/src/shadcn/components/ui/tree.js +122 -0
  232. package/dist/src/shadcn/components/ui/tree.js.map +1 -0
  233. package/dist/src/typography.css +12 -0
  234. package/package.json +13 -2
  235. package/src/components/code-editor/http/grammar/http.grammar +74 -0
  236. package/src/components/code-editor/http/grammar/http.terms.ts +9 -0
  237. package/src/components/code-editor/http/grammar/http.test.ts +110 -0
  238. package/src/components/code-editor/http/grammar/http.ts +21 -0
  239. package/src/components/code-editor/http/index.ts +87 -0
  240. package/src/components/code-editor/index.tsx +307 -21
  241. package/src/components/code-editor.stories.tsx +295 -1
  242. package/src/components/copy-icon.tsx +57 -3
  243. package/src/components/data-table.stories.tsx +38 -0
  244. package/src/components/data-table.tsx +117 -0
  245. package/src/components/fhir-structure-view.stories.tsx +439 -0
  246. package/src/components/fhir-structure-view.tsx +231 -0
  247. package/src/components/patient-table.stories.tsx +111 -0
  248. package/src/components/patient-table.tsx +1301 -0
  249. package/src/components/request-line-editor.stories.tsx +17 -27
  250. package/src/components/request-line-editor.tsx +98 -61
  251. package/src/components/segment-control.stories.tsx +29 -0
  252. package/src/components/segment-control.tsx +80 -0
  253. package/src/components/split-button.stories.tsx +49 -0
  254. package/src/components/split-button.tsx +17 -0
  255. package/src/components/tree-view.stories.tsx +259 -0
  256. package/src/components/tree-view.tsx +172 -0
  257. package/src/icons.tsx +287 -0
  258. package/src/index.css +42 -3
  259. package/src/index.tsx +9 -2
  260. package/src/shadcn/components/ui/accordion.tsx +66 -8
  261. package/src/shadcn/components/ui/alert-dialog.tsx +6 -2
  262. package/src/shadcn/components/ui/alert.tsx +53 -15
  263. package/src/shadcn/components/ui/avatar.tsx +17 -6
  264. package/src/shadcn/components/ui/badge.tsx +67 -18
  265. package/src/shadcn/components/ui/breadcrumb.tsx +35 -7
  266. package/src/shadcn/components/ui/button.tsx +118 -57
  267. package/src/shadcn/components/ui/card.tsx +44 -13
  268. package/src/shadcn/components/ui/checkbox.stories.tsx +20 -24
  269. package/src/shadcn/components/ui/checkbox.tsx +45 -4
  270. package/src/shadcn/components/ui/combobox.stories.tsx +19 -0
  271. package/src/shadcn/components/ui/combobox.tsx +142 -0
  272. package/src/shadcn/components/ui/command.stories.tsx +1 -1
  273. package/src/shadcn/components/ui/command.tsx +192 -36
  274. package/src/shadcn/components/ui/dialog.tsx +101 -13
  275. package/src/shadcn/components/ui/drawer.tsx +93 -18
  276. package/src/shadcn/components/ui/dropdown-menu.tsx +37 -9
  277. package/src/shadcn/components/ui/form.tsx +16 -4
  278. package/src/shadcn/components/ui/input.tsx +400 -29
  279. package/src/shadcn/components/ui/label.tsx +21 -4
  280. package/src/shadcn/components/ui/menubar.tsx +188 -43
  281. package/src/shadcn/components/ui/pagination.tsx +12 -6
  282. package/src/shadcn/components/ui/popover.tsx +35 -4
  283. package/src/shadcn/components/ui/progress.tsx +21 -5
  284. package/src/shadcn/components/ui/radio-group.stories.tsx +22 -14
  285. package/src/shadcn/components/ui/radio-group.tsx +42 -5
  286. package/src/shadcn/components/ui/scroll-area.tsx +33 -5
  287. package/src/shadcn/components/ui/select.stories.tsx +0 -2
  288. package/src/shadcn/components/ui/select.tsx +184 -33
  289. package/src/shadcn/components/ui/separator.tsx +15 -5
  290. package/src/shadcn/components/ui/sidebar.tsx +68 -26
  291. package/src/shadcn/components/ui/skeleton.tsx +4 -1
  292. package/src/shadcn/components/ui/slider.tsx +82 -11
  293. package/src/shadcn/components/ui/sonner.stories.tsx +19 -15
  294. package/src/shadcn/components/ui/sonner.tsx +53 -3
  295. package/src/shadcn/components/ui/switch.tsx +53 -7
  296. package/src/shadcn/components/ui/table.tsx +38 -11
  297. package/src/shadcn/components/ui/tabs.stories.tsx +32 -0
  298. package/src/shadcn/components/ui/tabs.tsx +456 -17
  299. package/src/shadcn/components/ui/textarea.tsx +42 -4
  300. package/src/shadcn/components/ui/toggle-group.tsx +27 -5
  301. package/src/shadcn/components/ui/toggle.tsx +59 -18
  302. package/src/shadcn/components/ui/tooltip.tsx +33 -8
  303. package/src/shadcn/components/ui/tree.tsx +233 -0
  304. package/src/typography.css +12 -0
@@ -7,7 +7,6 @@ const meta = {
7
7
  export default meta;
8
8
  export const Demo = {
9
9
  render: ()=>/*#__PURE__*/ _jsxs(Command, {
10
- className: "rounded-lg border shadow-md md:min-w-[450px]",
11
10
  children: [
12
11
  /*#__PURE__*/ _jsx(CommandInput, {
13
12
  placeholder: "Type a command or search..."
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/shadcn/components/ui/command.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tCalculator,\n\tCalendar,\n\tCreditCard,\n\tSettings,\n\tSmile,\n\tUser,\n} from \"lucide-react\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n\tCommandShortcut,\n} from \"#shadcn/components/ui/command\";\n\nconst meta = {\n\ttitle: \"Component/Command\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Command className=\"rounded-lg border shadow-md md:min-w-[450px]\">\n\t\t\t<CommandInput placeholder=\"Type a command or search...\" />\n\t\t\t<CommandList>\n\t\t\t\t<CommandEmpty>No results found.</CommandEmpty>\n\t\t\t\t<CommandGroup heading=\"Suggestions\">\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Calendar />\n\t\t\t\t\t\t<span>Calendar</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Smile />\n\t\t\t\t\t\t<span>Search Emoji</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem disabled>\n\t\t\t\t\t\t<Calculator />\n\t\t\t\t\t\t<span>Calculator</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t\t<CommandSeparator />\n\t\t\t\t<CommandGroup heading=\"Settings\">\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<User />\n\t\t\t\t\t\t<span>Profile</span>\n\t\t\t\t\t\t<CommandShortcut>⌘P</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<CreditCard />\n\t\t\t\t\t\t<span>Billing</span>\n\t\t\t\t\t\t<CommandShortcut>⌘B</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Settings />\n\t\t\t\t\t\t<span>Settings</span>\n\t\t\t\t\t\t<CommandShortcut>⌘S</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t</CommandList>\n\t\t</Command>\n\t),\n} satisfies Story;\n"],"names":["Calculator","Calendar","CreditCard","Settings","Smile","User","Command","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut","meta","title","Demo","render","className","placeholder","heading","span","disabled"],"mappings":";AACA,SACCA,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,IAAI,QACE,eAAe;AACtB,SACCC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,QACT,eAAgC;AAEvC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACX;YAAQY,WAAU;;8BAClB,KAACT;oBAAaU,aAAY;;8BAC1B,MAACR;;sCACA,KAACJ;sCAAa;;sCACd,MAACC;4BAAaY,SAAQ;;8CACrB,MAACV;;sDACA,KAACT;sDACD,KAACoB;sDAAK;;;;8CAEP,MAACX;;sDACA,KAACN;sDACD,KAACiB;sDAAK;;;;8CAEP,MAACX;oCAAYY,QAAQ;;sDACpB,KAACtB;sDACD,KAACqB;sDAAK;;;;;;sCAGR,KAACT;sCACD,MAACJ;4BAAaY,SAAQ;;8CACrB,MAACV;;sDACA,KAACL;sDACD,KAACgB;sDAAK;;sDACN,KAACR;sDAAgB;;;;8CAElB,MAACH;;sDACA,KAACR;sDACD,KAACmB;sDAAK;;sDACN,KAACR;sDAAgB;;;;8CAElB,MAACH;;sDACA,KAACP;sDACD,KAACkB;sDAAK;;sDACN,KAACR;sDAAgB;;;;;;;;;;AAMvB,EAAkB"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/command.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tCalculator,\n\tCalendar,\n\tCreditCard,\n\tSettings,\n\tSmile,\n\tUser,\n} from \"lucide-react\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n\tCommandShortcut,\n} from \"#shadcn/components/ui/command\";\n\nconst meta = {\n\ttitle: \"Component/Command\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Command>\n\t\t\t<CommandInput placeholder=\"Type a command or search...\" />\n\t\t\t<CommandList>\n\t\t\t\t<CommandEmpty>No results found.</CommandEmpty>\n\t\t\t\t<CommandGroup heading=\"Suggestions\">\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Calendar />\n\t\t\t\t\t\t<span>Calendar</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Smile />\n\t\t\t\t\t\t<span>Search Emoji</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem disabled>\n\t\t\t\t\t\t<Calculator />\n\t\t\t\t\t\t<span>Calculator</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t\t<CommandSeparator />\n\t\t\t\t<CommandGroup heading=\"Settings\">\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<User />\n\t\t\t\t\t\t<span>Profile</span>\n\t\t\t\t\t\t<CommandShortcut>⌘P</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<CreditCard />\n\t\t\t\t\t\t<span>Billing</span>\n\t\t\t\t\t\t<CommandShortcut>⌘B</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Settings />\n\t\t\t\t\t\t<span>Settings</span>\n\t\t\t\t\t\t<CommandShortcut>⌘S</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t</CommandList>\n\t\t</Command>\n\t),\n} satisfies Story;\n"],"names":["Calculator","Calendar","CreditCard","Settings","Smile","User","Command","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut","meta","title","Demo","render","placeholder","heading","span","disabled"],"mappings":";AACA,SACCA,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,IAAI,QACE,eAAe;AACtB,SACCC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,QACT,eAAgC;AAEvC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACX;;8BACA,KAACG;oBAAaS,aAAY;;8BAC1B,MAACP;;sCACA,KAACJ;sCAAa;;sCACd,MAACC;4BAAaW,SAAQ;;8CACrB,MAACT;;sDACA,KAACT;sDACD,KAACmB;sDAAK;;;;8CAEP,MAACV;;sDACA,KAACN;sDACD,KAACgB;sDAAK;;;;8CAEP,MAACV;oCAAYW,QAAQ;;sDACpB,KAACrB;sDACD,KAACoB;sDAAK;;;;;;sCAGR,KAACR;sCACD,MAACJ;4BAAaW,SAAQ;;8CACrB,MAACT;;sDACA,KAACL;sDACD,KAACe;sDAAK;;sDACN,KAACP;sDAAgB;;;;8CAElB,MAACH;;sDACA,KAACR;sDACD,KAACkB;sDAAK;;sDACN,KAACP;sDAAgB;;;;8CAElB,MAACH;;sDACA,KAACP;sDACD,KAACiB;sDAAK;;sDACN,KAACP;sDAAgB;;;;;;;;;;AAMvB,EAAkB"}
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuFpC,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,2CAsBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAezE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAezE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC"}
@@ -2,6 +2,34 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as DialogPrimitive from "@radix-ui/react-dialog";
3
3
  import { XIcon } from "lucide-react";
4
4
  import { cn } from "../../lib/utils.js";
5
+ // Dialog overlay styles
6
+ const dialogOverlayStyles = cn(// Layout
7
+ "fixed", "inset-0", "z-50", // Background
8
+ "bg-black/50", // Animations - open
9
+ "data-[state=open]:animate-in", "data-[state=open]:fade-in-0", // Animations - closed
10
+ "data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0");
11
+ // Dialog content styles
12
+ const dialogContentStyles = cn(// Layout
13
+ "fixed", "top-[50%]", "left-[50%]", "z-50", "grid", "w-full", "max-w-[calc(100%-2rem)]", "translate-x-[-50%]", "translate-y-[-50%]", "gap-4", // Shape
14
+ "rounded-lg", // Borders
15
+ "border", "border-border-primary", // Background & Colors
16
+ "bg-bg-primary", // Spacing
17
+ "p-6", // Shadow
18
+ "shadow-lg", // Animation duration
19
+ "duration-200", // Responsive
20
+ "sm:max-w-lg", // Animations - open
21
+ "data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
22
+ "data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95");
23
+ // Dialog close button styles
24
+ const dialogCloseButtonStyles = cn(// Layout
25
+ "absolute", "top-4", "right-4", // Shape
26
+ "rounded-xs", // Opacity
27
+ "opacity-70", "hover:opacity-100", // Transitions
28
+ "transition-opacity", // Focus
29
+ "focus:ring-2", "focus:ring-utility-blue/70", "focus:ring-offset-2", "focus:outline-hidden", // Disabled
30
+ "disabled:pointer-events-none", // SVG styles
31
+ "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // States
32
+ "data-[state=open]:bg-bg-secondary", "data-[state=open]:text-text-secondary");
5
33
  function Dialog({ ...props }) {
6
34
  return /*#__PURE__*/ _jsx(DialogPrimitive.Root, {
7
35
  "data-slot": "dialog",
@@ -29,7 +57,7 @@ function DialogClose({ ...props }) {
29
57
  function DialogOverlay({ className, ...props }) {
30
58
  return /*#__PURE__*/ _jsx(DialogPrimitive.Overlay, {
31
59
  "data-slot": "dialog-overlay",
32
- className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
60
+ className: cn(dialogOverlayStyles, className),
33
61
  ...props
34
62
  });
35
63
  }
@@ -40,13 +68,13 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
40
68
  /*#__PURE__*/ _jsx(DialogOverlay, {}),
41
69
  /*#__PURE__*/ _jsxs(DialogPrimitive.Content, {
42
70
  "data-slot": "dialog-content",
43
- className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
71
+ className: cn(dialogContentStyles, className),
44
72
  ...props,
45
73
  children: [
46
74
  children,
47
75
  showCloseButton && /*#__PURE__*/ _jsxs(DialogPrimitive.Close, {
48
76
  "data-slot": "dialog-close",
49
- className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
77
+ className: dialogCloseButtonStyles,
50
78
  children: [
51
79
  /*#__PURE__*/ _jsx(XIcon, {}),
52
80
  /*#__PURE__*/ _jsx("span", {
@@ -63,28 +91,28 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
63
91
  function DialogHeader({ className, ...props }) {
64
92
  return /*#__PURE__*/ _jsx("div", {
65
93
  "data-slot": "dialog-header",
66
- className: cn("flex flex-col gap-2 text-center sm:text-left", className),
94
+ className: cn("flex", "flex-col", "gap-2", "text-center", "sm:text-left", className),
67
95
  ...props
68
96
  });
69
97
  }
70
98
  function DialogFooter({ className, ...props }) {
71
99
  return /*#__PURE__*/ _jsx("div", {
72
100
  "data-slot": "dialog-footer",
73
- className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
101
+ className: cn("flex", "flex-col-reverse", "gap-2", "sm:flex-row", "sm:justify-end", className),
74
102
  ...props
75
103
  });
76
104
  }
77
105
  function DialogTitle({ className, ...props }) {
78
106
  return /*#__PURE__*/ _jsx(DialogPrimitive.Title, {
79
107
  "data-slot": "dialog-title",
80
- className: cn("text-lg leading-none font-semibold", className),
108
+ className: cn("text-lg", "leading-none", "font-semibold", className),
81
109
  ...props
82
110
  });
83
111
  }
84
112
  function DialogDescription({ className, ...props }) {
85
113
  return /*#__PURE__*/ _jsx(DialogPrimitive.Description, {
86
114
  "data-slot": "dialog-description",
87
- className: cn("text-muted-foreground text-sm", className),
115
+ className: cn("text-text-secondary", "text-sm", className),
88
116
  ...props
89
117
  });
90
118
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Dialog({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tdata-slot=\"dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<DialogPortal data-slot=\"dialog-portal\">\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tdata-slot=\"dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close\n\t\t\t\t\t\tdata-slot=\"dialog-close\"\n\t\t\t\t\t\tclassName=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title\n\t\t\tdata-slot=\"dialog-title\"\n\t\t\tclassName={cn(\"text-lg leading-none font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n};\n"],"names":["DialogPrimitive","XIcon","cn","Dialog","props","Root","data-slot","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContent","children","showCloseButton","Content","span","DialogHeader","div","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,KAAK,QAAQ,eAAe;AAGrC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAACJ,gBAAgBK,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACJ,gBAAgBQ,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACJ,gBAAgBU,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACJ,gBAAgBY,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACJ,gBAAgBe,OAAO;QACvBT,aAAU;QACVQ,WAAWZ,GACV,0JACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACRC,kBAAkB,IAAI,EACtB,GAAGd,OAGH;IACA,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACb,gBAAgBmB,OAAO;gBACvBb,aAAU;gBACVQ,WAAWZ,GACV,+WACAY;gBAEA,GAAGV,KAAK;;oBAERa;oBACAC,iCACA,MAAClB,gBAAgBY,KAAK;wBACrBN,aAAU;wBACVQ,WAAU;;0CAEV,KAACb;0CACD,KAACmB;gCAAKN,WAAU;0CAAU;;;;;;;;AAMhC;AAEA,SAASO,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GAAG,gDAAgDY;QAC7D,GAAGV,KAAK;;AAGZ;AAEA,SAASmB,aAAa,EAAET,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GACV,0DACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,YAAY,EACpBV,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACJ,gBAAgByB,KAAK;QACrBnB,aAAU;QACVQ,WAAWZ,GAAG,sCAAsCY;QACnD,GAAGV,KAAK;;AAGZ;AAEA,SAASsB,kBAAkB,EAC1BZ,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACJ,gBAAgB2B,WAAW;QAC3BrB,aAAU;QACVQ,WAAWZ,GAAG,iCAAiCY;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCD,MAAM,EACNQ,WAAW,EACXK,aAAa,EACbU,iBAAiB,EACjBH,YAAY,EACZF,YAAY,EACZR,aAAa,EACbJ,YAAY,EACZe,WAAW,EACXjB,aAAa,GACZ"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Dialog overlay styles\nconst dialogOverlayStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"inset-0\",\n\t\"z-50\",\n\t// Background\n\t\"bg-black/50\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n);\n\n// Dialog content styles\nconst dialogContentStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"top-[50%]\",\n\t\"left-[50%]\",\n\t\"z-50\",\n\t\"grid\",\n\t\"w-full\",\n\t\"max-w-[calc(100%-2rem)]\",\n\t\"translate-x-[-50%]\",\n\t\"translate-y-[-50%]\",\n\t\"gap-4\",\n\t// Shape\n\t\"rounded-lg\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t// Spacing\n\t\"p-6\",\n\t// Shadow\n\t\"shadow-lg\",\n\t// Animation duration\n\t\"duration-200\",\n\t// Responsive\n\t\"sm:max-w-lg\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n);\n\n// Dialog close button styles\nconst dialogCloseButtonStyles = cn(\n\t// Layout\n\t\"absolute\",\n\t\"top-4\",\n\t\"right-4\",\n\t// Shape\n\t\"rounded-xs\",\n\t// Opacity\n\t\"opacity-70\",\n\t\"hover:opacity-100\",\n\t// Transitions\n\t\"transition-opacity\",\n\t// Focus\n\t\"focus:ring-2\",\n\t\"focus:ring-utility-blue/70\",\n\t\"focus:ring-offset-2\",\n\t\"focus:outline-hidden\",\n\t// Disabled\n\t\"disabled:pointer-events-none\",\n\t// SVG styles\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t// States\n\t\"data-[state=open]:bg-bg-secondary\",\n\t\"data-[state=open]:text-text-secondary\",\n);\n\nfunction Dialog({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tdata-slot=\"dialog-overlay\"\n\t\t\tclassName={cn(dialogOverlayStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<DialogPortal data-slot=\"dialog-portal\">\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tdata-slot=\"dialog-content\"\n\t\t\t\tclassName={cn(dialogContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close\n\t\t\t\t\t\tdata-slot=\"dialog-close\"\n\t\t\t\t\t\tclassName={dialogCloseButtonStyles}\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"flex-col\",\n\t\t\t\t\"gap-2\",\n\t\t\t\t\"text-center\",\n\t\t\t\t\"sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"flex-col-reverse\",\n\t\t\t\t\"gap-2\",\n\t\t\t\t\"sm:flex-row\",\n\t\t\t\t\"sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title\n\t\t\tdata-slot=\"dialog-title\"\n\t\t\tclassName={cn(\"text-lg\", \"leading-none\", \"font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\tclassName={cn(\"text-text-secondary\", \"text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n};\n"],"names":["DialogPrimitive","XIcon","cn","dialogOverlayStyles","dialogContentStyles","dialogCloseButtonStyles","Dialog","props","Root","data-slot","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContent","children","showCloseButton","Content","span","DialogHeader","div","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,KAAK,QAAQ,eAAe;AAGrC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,wBAAwB;AACxB,MAAMC,sBAAsBD,GAC3B,SAAS;AACT,SACA,WACA,QACA,aAAa;AACb,eACA,oBAAoB;AACpB,gCACA,+BACA,sBAAsB;AACtB,mCACA;AAGD,wBAAwB;AACxB,MAAME,sBAAsBF,GAC3B,SAAS;AACT,SACA,aACA,cACA,QACA,QACA,UACA,2BACA,sBACA,sBACA,SACA,QAAQ;AACR,cACA,UAAU;AACV,UACA,yBACA,sBAAsB;AACtB,iBACA,UAAU;AACV,OACA,SAAS;AACT,aACA,qBAAqB;AACrB,gBACA,aAAa;AACb,eACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA;AAGD,6BAA6B;AAC7B,MAAMG,0BAA0BH,GAC/B,SAAS;AACT,YACA,SACA,WACA,QAAQ;AACR,cACA,UAAU;AACV,cACA,qBACA,cAAc;AACd,sBACA,QAAQ;AACR,gBACA,8BACA,uBACA,wBACA,WAAW;AACX,gCACA,aAAa;AACb,+BACA,oBACA,wCACA,SAAS;AACT,qCACA;AAGD,SAASI,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAACP,gBAAgBQ,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACP,gBAAgBW,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACP,gBAAgBa,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACP,gBAAgBe,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACP,gBAAgBkB,OAAO;QACvBT,aAAU;QACVQ,WAAWf,GAAGC,qBAAqBc;QAClC,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACRC,kBAAkB,IAAI,EACtB,GAAGd,OAGH;IACA,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAAChB,gBAAgBsB,OAAO;gBACvBb,aAAU;gBACVQ,WAAWf,GAAGE,qBAAqBa;gBAClC,GAAGV,KAAK;;oBAERa;oBACAC,iCACA,MAACrB,gBAAgBe,KAAK;wBACrBN,aAAU;wBACVQ,WAAWZ;;0CAEX,KAACJ;0CACD,KAACsB;gCAAKN,WAAU;0CAAU;;;;;;;;AAMhC;AAEA,SAASO,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWf,GACV,QACA,YACA,SACA,eACA,gBACAe;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASmB,aAAa,EAAET,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWf,GACV,QACA,oBACA,SACA,eACA,kBACAe;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,YAAY,EACpBV,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACP,gBAAgB4B,KAAK;QACrBnB,aAAU;QACVQ,WAAWf,GAAG,WAAW,gBAAgB,iBAAiBe;QACzD,GAAGV,KAAK;;AAGZ;AAEA,SAASsB,kBAAkB,EAC1BZ,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACP,gBAAgB8B,WAAW;QAC3BrB,aAAU;QACVQ,WAAWf,GAAG,uBAAuB,WAAWe;QAC/C,GAAGV,KAAK;;AAGZ;AAEA,SACCD,MAAM,EACNQ,WAAW,EACXK,aAAa,EACbU,iBAAiB,EACjBH,YAAY,EACZF,YAAY,EACZR,aAAa,EACbJ,YAAY,EACZe,WAAW,EACXjB,aAAa,GACZ"}
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AA4FjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CActD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
@@ -2,6 +2,27 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { Drawer as DrawerPrimitive } from "vaul";
4
4
  import { cn } from "../../lib/utils.js";
5
+ // Drawer overlay styles
6
+ const drawerOverlayStyles = cn(// Layout
7
+ "fixed", "inset-0", "z-50", // Background
8
+ "bg-black/50", // Animations - open
9
+ "data-[state=open]:animate-in", "data-[state=open]:fade-in-0", // Animations - closed
10
+ "data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0");
11
+ // Drawer content styles
12
+ const drawerContentStyles = cn(// Group
13
+ "group/drawer-content", // Background
14
+ "bg-bg-primary", // Layout
15
+ "fixed", "z-50", "flex", "h-auto", "flex-col", // Top direction
16
+ "data-[vaul-drawer-direction=top]:inset-x-0", "data-[vaul-drawer-direction=top]:top-0", "data-[vaul-drawer-direction=top]:mb-24", "data-[vaul-drawer-direction=top]:max-h-[80vh]", "data-[vaul-drawer-direction=top]:rounded-b-lg", "data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=top]:border-border-primary", // Bottom direction
17
+ "data-[vaul-drawer-direction=bottom]:inset-x-0", "data-[vaul-drawer-direction=bottom]:bottom-0", "data-[vaul-drawer-direction=bottom]:mt-24", "data-[vaul-drawer-direction=bottom]:max-h-[80vh]", "data-[vaul-drawer-direction=bottom]:rounded-t-lg", "data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=bottom]:border-border-primary", // Right direction
18
+ "data-[vaul-drawer-direction=right]:inset-y-0", "data-[vaul-drawer-direction=right]:right-0", "data-[vaul-drawer-direction=right]:w-3/4", "data-[vaul-drawer-direction=right]:border-l", "data-[vaul-drawer-direction=right]:border-border-primary", "data-[vaul-drawer-direction=right]:sm:max-w-sm", // Left direction
19
+ "data-[vaul-drawer-direction=left]:inset-y-0", "data-[vaul-drawer-direction=left]:left-0", "data-[vaul-drawer-direction=left]:w-3/4", "data-[vaul-drawer-direction=left]:border-r", "data-[vaul-drawer-direction=left]:border-border-primary", "data-[vaul-drawer-direction=left]:sm:max-w-sm");
20
+ // Drawer handle styles
21
+ const drawerHandleStyles = cn("bg-bg-tertiary", "mx-auto", "mt-4", "hidden", "h-2", "w-[100px]", "shrink-0", "rounded-full", "group-data-[vaul-drawer-direction=bottom]/drawer-content:block");
22
+ // Drawer header styles
23
+ const drawerHeaderStyles = cn("flex", "flex-col", "gap-0.5", "p-4", "group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center", "group-data-[vaul-drawer-direction=top]/drawer-content:text-center", "md:gap-1.5", "md:text-left");
24
+ // Drawer footer styles
25
+ const drawerFooterStyles = cn("mt-auto", "flex", "flex-col", "gap-2", "p-4");
5
26
  function Drawer({ ...props }) {
6
27
  return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, {
7
28
  "data-slot": "drawer",
@@ -29,7 +50,7 @@ function DrawerClose({ ...props }) {
29
50
  function DrawerOverlay({ className, ...props }) {
30
51
  return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, {
31
52
  "data-slot": "drawer-overlay",
32
- className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
53
+ className: cn(drawerOverlayStyles, className),
33
54
  ...props
34
55
  });
35
56
  }
@@ -40,11 +61,11 @@ function DrawerContent({ className, children, ...props }) {
40
61
  /*#__PURE__*/ _jsx(DrawerOverlay, {}),
41
62
  /*#__PURE__*/ _jsxs(DrawerPrimitive.Content, {
42
63
  "data-slot": "drawer-content",
43
- className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
64
+ className: cn(drawerContentStyles, className),
44
65
  ...props,
45
66
  children: [
46
67
  /*#__PURE__*/ _jsx("div", {
47
- className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
68
+ className: drawerHandleStyles
48
69
  }),
49
70
  children
50
71
  ]
@@ -55,14 +76,14 @@ function DrawerContent({ className, children, ...props }) {
55
76
  function DrawerHeader({ className, ...props }) {
56
77
  return /*#__PURE__*/ _jsx("div", {
57
78
  "data-slot": "drawer-header",
58
- className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
79
+ className: cn(drawerHeaderStyles, className),
59
80
  ...props
60
81
  });
61
82
  }
62
83
  function DrawerFooter({ className, ...props }) {
63
84
  return /*#__PURE__*/ _jsx("div", {
64
85
  "data-slot": "drawer-footer",
65
- className: cn("mt-auto flex flex-col gap-2 p-4", className),
86
+ className: cn(drawerFooterStyles, className),
66
87
  ...props
67
88
  });
68
89
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Drawer({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n\treturn <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n\treturn <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n\treturn <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tdata-slot=\"drawer-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal data-slot=\"drawer-portal\">\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tdata-slot=\"drawer-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn (\n\t\t<DrawerPrimitive.Title\n\t\t\tdata-slot=\"drawer-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tdata-slot=\"drawer-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"names":["Drawer","DrawerPrimitive","cn","props","Root","data-slot","DrawerTrigger","Trigger","DrawerPortal","Portal","DrawerClose","Close","DrawerOverlay","className","Overlay","DrawerContent","children","Content","div","DrawerHeader","DrawerFooter","DrawerTitle","Title","DrawerDescription","Description"],"mappings":"AAAA;;AAEA,SAASA,UAAUC,eAAe,QAAQ,OAAO;AAEjD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASF,OAAO,EACf,GAAGG,OACgD;IACnD,qBAAO,KAACF,gBAAgBG,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACF,gBAAgBM,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACF,gBAAgBQ,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACF,gBAAgBU,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACF,gBAAgBa,OAAO;QACvBT,aAAU;QACVQ,WAAWX,GACV,0JACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACR,GAAGb,OACmD;IACtD,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACX,gBAAgBgB,OAAO;gBACvBZ,aAAU;gBACVQ,WAAWX,GACV,sEACA,kQACA,uRACA,+NACA,yNACAW;gBAEA,GAAGV,KAAK;;kCAET,KAACe;wBAAIL,WAAU;;oBACdG;;;;;AAIL;AAEA,SAASG,aAAa,EAAEN,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GACV,4LACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASiB,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GAAG,mCAAmCW;QAChD,GAAGV,KAAK;;AAGZ;AAEA,SAASkB,YAAY,EACpBR,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACF,gBAAgBqB,KAAK;QACrBjB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,kBAAkB,EAC1BV,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACF,gBAAgBuB,WAAW;QAC3BnB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCH,MAAM,EACNQ,YAAY,EACZI,aAAa,EACbN,aAAa,EACbI,WAAW,EACXK,aAAa,EACbI,YAAY,EACZC,YAAY,EACZC,WAAW,EACXE,iBAAiB,GAChB"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Drawer overlay styles\nconst drawerOverlayStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"inset-0\",\n\t\"z-50\",\n\t// Background\n\t\"bg-black/50\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n);\n\n// Drawer content styles\nconst drawerContentStyles = cn(\n\t// Group\n\t\"group/drawer-content\",\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"fixed\",\n\t\"z-50\",\n\t\"flex\",\n\t\"h-auto\",\n\t\"flex-col\",\n\t// Top direction\n\t\"data-[vaul-drawer-direction=top]:inset-x-0\",\n\t\"data-[vaul-drawer-direction=top]:top-0\",\n\t\"data-[vaul-drawer-direction=top]:mb-24\",\n\t\"data-[vaul-drawer-direction=top]:max-h-[80vh]\",\n\t\"data-[vaul-drawer-direction=top]:rounded-b-lg\",\n\t\"data-[vaul-drawer-direction=top]:border-b\",\n\t\"data-[vaul-drawer-direction=top]:border-border-primary\",\n\t// Bottom direction\n\t\"data-[vaul-drawer-direction=bottom]:inset-x-0\",\n\t\"data-[vaul-drawer-direction=bottom]:bottom-0\",\n\t\"data-[vaul-drawer-direction=bottom]:mt-24\",\n\t\"data-[vaul-drawer-direction=bottom]:max-h-[80vh]\",\n\t\"data-[vaul-drawer-direction=bottom]:rounded-t-lg\",\n\t\"data-[vaul-drawer-direction=bottom]:border-t\",\n\t\"data-[vaul-drawer-direction=bottom]:border-border-primary\",\n\t// Right direction\n\t\"data-[vaul-drawer-direction=right]:inset-y-0\",\n\t\"data-[vaul-drawer-direction=right]:right-0\",\n\t\"data-[vaul-drawer-direction=right]:w-3/4\",\n\t\"data-[vaul-drawer-direction=right]:border-l\",\n\t\"data-[vaul-drawer-direction=right]:border-border-primary\",\n\t\"data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n\t// Left direction\n\t\"data-[vaul-drawer-direction=left]:inset-y-0\",\n\t\"data-[vaul-drawer-direction=left]:left-0\",\n\t\"data-[vaul-drawer-direction=left]:w-3/4\",\n\t\"data-[vaul-drawer-direction=left]:border-r\",\n\t\"data-[vaul-drawer-direction=left]:border-border-primary\",\n\t\"data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n);\n\n// Drawer handle styles\nconst drawerHandleStyles = cn(\n\t\"bg-bg-tertiary\",\n\t\"mx-auto\",\n\t\"mt-4\",\n\t\"hidden\",\n\t\"h-2\",\n\t\"w-[100px]\",\n\t\"shrink-0\",\n\t\"rounded-full\",\n\t\"group-data-[vaul-drawer-direction=bottom]/drawer-content:block\",\n);\n\n// Drawer header styles\nconst drawerHeaderStyles = cn(\n\t\"flex\",\n\t\"flex-col\",\n\t\"gap-0.5\",\n\t\"p-4\",\n\t\"group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center\",\n\t\"group-data-[vaul-drawer-direction=top]/drawer-content:text-center\",\n\t\"md:gap-1.5\",\n\t\"md:text-left\",\n);\n\n// Drawer footer styles\nconst drawerFooterStyles = cn(\"mt-auto\", \"flex\", \"flex-col\", \"gap-2\", \"p-4\");\n\nfunction Drawer({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n\treturn <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n\treturn <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n\treturn <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tdata-slot=\"drawer-overlay\"\n\t\t\tclassName={cn(drawerOverlayStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal data-slot=\"drawer-portal\">\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tdata-slot=\"drawer-content\"\n\t\t\t\tclassName={cn(drawerContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className={drawerHandleStyles} />\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-header\"\n\t\t\tclassName={cn(drawerHeaderStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-footer\"\n\t\t\tclassName={cn(drawerFooterStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn (\n\t\t<DrawerPrimitive.Title\n\t\t\tdata-slot=\"drawer-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tdata-slot=\"drawer-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"names":["Drawer","DrawerPrimitive","cn","drawerOverlayStyles","drawerContentStyles","drawerHandleStyles","drawerHeaderStyles","drawerFooterStyles","props","Root","data-slot","DrawerTrigger","Trigger","DrawerPortal","Portal","DrawerClose","Close","DrawerOverlay","className","Overlay","DrawerContent","children","Content","div","DrawerHeader","DrawerFooter","DrawerTitle","Title","DrawerDescription","Description"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
3
3
  import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
4
4
  import { cn } from "../../lib/utils.js";
5
+ // Dropdown menu content styles
6
+ const dropdownMenuContentStyles = cn(// Background
7
+ "bg-bg-primary", // Layout
8
+ "z-50", "max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem]", "origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden", "overflow-y-auto", // Shape
9
+ "rounded-md", // Borders
10
+ "border", "border-border-separator", // Spacing
11
+ "p-2", "space-y-0.5", // Shadow
12
+ "shadow-lg", // Animations - open
13
+ "data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
14
+ "data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
15
+ "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2");
5
16
  function DropdownMenu({ ...props }) {
6
17
  return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Root, {
7
18
  "data-slot": "dropdown-menu",
@@ -25,7 +36,7 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
25
36
  children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Content, {
26
37
  "data-slot": "dropdown-menu-content",
27
38
  sideOffset: sideOffset,
28
- className: cn("bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5", className),
39
+ className: cn(dropdownMenuContentStyles, className),
29
40
  ...props
30
41
  })
31
42
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction DropdownMenu({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n\treturn <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n\t);\n}\n\nfunction DropdownMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Trigger\n\t\t\tdata-slot=\"dropdown-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n\t\t\t\t\t\"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n\t\t\t\t\t\"data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)\",\n\t\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\t\t\t\t\"overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nfunction DropdownMenuGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md\",\n\t\t\t\t\"outline-hidden select-none typo-body text-text-secondary\",\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary\",\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"dark:data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:*:[svg]:!text-text-error-primary\",\n\t\t\t\t\"[&_svg:not([class*='text-'])]:fg-fg-secondary\",\n\t\t\t\t\"data-[disabled]:pointer-events-none\",\n\t\t\t\t\"data-[disabled]:opacity-50\",\n\t\t\t\t\"data-[inset]:pl-8\",\n\t\t\t\t\"[&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0\",\n\t\t\t\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-3 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn(\"bg-bg-quaternary -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-secondary ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSub({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n\treturn <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex\",\n\t\t\t\t\"cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-primary text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\",\n\t\t\t\t\"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50\",\n\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator\",\n\t\t\t\t\"p-2 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"names":["DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","DropdownMenu","props","Root","data-slot","DropdownMenuPortal","Portal","DropdownMenuTrigger","Trigger","DropdownMenuContent","className","sideOffset","Content","DropdownMenuGroup","Group","DropdownMenuItem","inset","variant","Item","data-inset","data-variant","DropdownMenuCheckboxItem","children","CheckboxItem","span","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Dropdown menu content styles\nconst dropdownMenuContentStyles = cn(\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"z-50\",\n\t\"max-h-(--radix-dropdown-menu-content-available-height)\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\"overflow-x-hidden\",\n\t\"overflow-y-auto\",\n\t// Shape\n\t\"rounded-md\",\n\t// Borders\n\t\"border\",\n\t\"border-border-separator\",\n\t// Spacing\n\t\"p-2\",\n\t\"space-y-0.5\",\n\t// Shadow\n\t\"shadow-lg\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\nfunction DropdownMenu({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n\treturn <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n\t);\n}\n\nfunction DropdownMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Trigger\n\t\t\tdata-slot=\"dropdown-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(dropdownMenuContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nfunction DropdownMenuGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md\",\n\t\t\t\t\"outline-hidden select-none typo-body text-text-secondary\",\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary\",\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"dark:data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:*:[svg]:!text-text-error-primary\",\n\t\t\t\t\"[&_svg:not([class*='text-'])]:fg-fg-secondary\",\n\t\t\t\t\"data-[disabled]:pointer-events-none\",\n\t\t\t\t\"data-[disabled]:opacity-50\",\n\t\t\t\t\"data-[inset]:pl-8\",\n\t\t\t\t\"[&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0\",\n\t\t\t\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-3 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn(\"bg-bg-quaternary -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-secondary ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSub({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n\treturn <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex\",\n\t\t\t\t\"cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-primary text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\",\n\t\t\t\t\"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50\",\n\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator\",\n\t\t\t\t\"p-2 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"names":["DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","dropdownMenuContentStyles","DropdownMenu","props","Root","data-slot","DropdownMenuPortal","Portal","DropdownMenuTrigger","Trigger","DropdownMenuContent","className","sideOffset","Content","DropdownMenuGroup","Group","DropdownMenuItem","inset","variant","Item","data-inset","data-variant","DropdownMenuCheckboxItem","children","CheckboxItem","span","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAIzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAgBzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}
@@ -5,6 +5,14 @@ import * as React from "react";
5
5
  import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
6
6
  import { Label } from "./label.js";
7
7
  import { cn } from "../../lib/utils.js";
8
+ // Form item styles
9
+ const formItemStyles = cn("grid", "gap-2");
10
+ // Form label error styles
11
+ const formLabelErrorStyles = cn("data-[error=true]:text-text-error-primary");
12
+ // Form description styles
13
+ const formDescriptionStyles = cn("text-text-secondary", "text-sm");
14
+ // Form message styles
15
+ const formMessageStyles = cn("text-text-error-primary", "text-sm");
8
16
  const Form = FormProvider;
9
17
  const FormFieldContext = /*#__PURE__*/ React.createContext({});
10
18
  const FormField = ({ ...props })=>{
@@ -47,7 +55,7 @@ function FormItem({ className, ...props }) {
47
55
  },
48
56
  children: /*#__PURE__*/ _jsx("div", {
49
57
  "data-slot": "form-item",
50
- className: cn("grid gap-2", className),
58
+ className: cn(formItemStyles, className),
51
59
  ...props
52
60
  })
53
61
  });
@@ -57,7 +65,7 @@ function FormLabel({ className, ...props }) {
57
65
  return /*#__PURE__*/ _jsx(Label, {
58
66
  "data-slot": "form-label",
59
67
  "data-error": !!error,
60
- className: cn("data-[error=true]:text-destructive", className),
68
+ className: cn(formLabelErrorStyles, className),
61
69
  htmlFor: formItemId,
62
70
  ...props
63
71
  });
@@ -77,7 +85,7 @@ function FormDescription({ className, ...props }) {
77
85
  return /*#__PURE__*/ _jsx("p", {
78
86
  "data-slot": "form-description",
79
87
  id: formDescriptionId,
80
- className: cn("text-muted-foreground text-sm", className),
88
+ className: cn(formDescriptionStyles, className),
81
89
  ...props
82
90
  });
83
91
  }
@@ -90,7 +98,7 @@ function FormMessage({ className, ...props }) {
90
98
  return /*#__PURE__*/ _jsx("p", {
91
99
  "data-slot": "form-message",
92
100
  id: formMessageId,
93
- className: cn("text-destructive text-sm", className),
101
+ className: cn(formMessageStyles, className),
94
102
  ...props,
95
103
  children: body
96
104
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/shadcn/components/ui/form.tsx"],"sourcesContent":["\"use client\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\tFormProvider,\n\tuseFormContext,\n\tuseFormState,\n} from \"react-hook-form\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n\tname: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n\t{} as FormFieldContextValue,\n);\n\nconst FormField = <\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n\t...props\n}: ControllerProps<TFieldValues, TName>) => {\n\treturn (\n\t\t<FormFieldContext.Provider value={{ name: props.name }}>\n\t\t\t<Controller {...props} />\n\t\t</FormFieldContext.Provider>\n\t);\n};\n\nconst useFormField = () => {\n\tconst fieldContext = React.useContext(FormFieldContext);\n\tconst itemContext = React.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\n\tif (!fieldContext) {\n\t\tthrow new Error(\"useFormField should be used within <FormField>\");\n\t}\n\n\tconst { id } = itemContext;\n\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState,\n\t};\n};\n\ntype FormItemContextValue = {\n\tid: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n\t{} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst id = React.useId();\n\n\treturn (\n\t\t<FormItemContext.Provider value={{ id }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"form-item\"\n\t\t\t\tclassName={cn(\"grid gap-2\", className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</FormItemContext.Provider>\n\t);\n}\n\nfunction FormLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\tconst { error, formItemId } = useFormField();\n\n\treturn (\n\t\t<Label\n\t\t\tdata-slot=\"form-label\"\n\t\t\tdata-error={!!error}\n\t\t\tclassName={cn(\"data-[error=true]:text-destructive\", className)}\n\t\t\thtmlFor={formItemId}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } =\n\t\tuseFormField();\n\n\treturn (\n\t\t<Slot\n\t\t\tdata-slot=\"form-control\"\n\t\t\tid={formItemId}\n\t\t\taria-describedby={\n\t\t\t\t!error\n\t\t\t\t\t? `${formDescriptionId}`\n\t\t\t\t\t: `${formDescriptionId} ${formMessageId}`\n\t\t\t}\n\t\t\taria-invalid={!!error}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { formDescriptionId } = useFormField();\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-description\"\n\t\t\tid={formDescriptionId}\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-message\"\n\t\t\tid={formMessageId}\n\t\t\tclassName={cn(\"text-destructive text-sm\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{body}\n\t\t</p>\n\t);\n}\n\nexport {\n\tuseFormField,\n\tForm,\n\tFormItem,\n\tFormLabel,\n\tFormControl,\n\tFormDescription,\n\tFormMessage,\n\tFormField,\n};\n"],"names":["Slot","React","Controller","FormProvider","useFormContext","useFormState","Label","cn","Form","FormFieldContext","createContext","FormField","props","Provider","value","name","useFormField","fieldContext","useContext","itemContext","FormItemContext","getFieldState","formState","fieldState","Error","id","formItemId","formDescriptionId","formMessageId","FormItem","className","useId","div","data-slot","FormLabel","error","data-error","htmlFor","FormControl","aria-describedby","aria-invalid","FormDescription","p","FormMessage","body","String","message","children"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/form.tsx"],"sourcesContent":["\"use client\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\tFormProvider,\n\tuseFormContext,\n\tuseFormState,\n} from \"react-hook-form\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Form item styles\nconst formItemStyles = cn(\"grid\", \"gap-2\");\n\n// Form label error styles\nconst formLabelErrorStyles = cn(\"data-[error=true]:text-text-error-primary\");\n\n// Form description styles\nconst formDescriptionStyles = cn(\"text-text-secondary\", \"text-sm\");\n\n// Form message styles\nconst formMessageStyles = cn(\"text-text-error-primary\", \"text-sm\");\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n\tname: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n\t{} as FormFieldContextValue,\n);\n\nconst FormField = <\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n\t...props\n}: ControllerProps<TFieldValues, TName>) => {\n\treturn (\n\t\t<FormFieldContext.Provider value={{ name: props.name }}>\n\t\t\t<Controller {...props} />\n\t\t</FormFieldContext.Provider>\n\t);\n};\n\nconst useFormField = () => {\n\tconst fieldContext = React.useContext(FormFieldContext);\n\tconst itemContext = React.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\n\tif (!fieldContext) {\n\t\tthrow new Error(\"useFormField should be used within <FormField>\");\n\t}\n\n\tconst { id } = itemContext;\n\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState,\n\t};\n};\n\ntype FormItemContextValue = {\n\tid: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n\t{} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst id = React.useId();\n\n\treturn (\n\t\t<FormItemContext.Provider value={{ id }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"form-item\"\n\t\t\t\tclassName={cn(formItemStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</FormItemContext.Provider>\n\t);\n}\n\nfunction FormLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\tconst { error, formItemId } = useFormField();\n\n\treturn (\n\t\t<Label\n\t\t\tdata-slot=\"form-label\"\n\t\t\tdata-error={!!error}\n\t\t\tclassName={cn(formLabelErrorStyles, className)}\n\t\t\thtmlFor={formItemId}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } =\n\t\tuseFormField();\n\n\treturn (\n\t\t<Slot\n\t\t\tdata-slot=\"form-control\"\n\t\t\tid={formItemId}\n\t\t\taria-describedby={\n\t\t\t\t!error\n\t\t\t\t\t? `${formDescriptionId}`\n\t\t\t\t\t: `${formDescriptionId} ${formMessageId}`\n\t\t\t}\n\t\t\taria-invalid={!!error}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { formDescriptionId } = useFormField();\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-description\"\n\t\t\tid={formDescriptionId}\n\t\t\tclassName={cn(formDescriptionStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-message\"\n\t\t\tid={formMessageId}\n\t\t\tclassName={cn(formMessageStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{body}\n\t\t</p>\n\t);\n}\n\nexport {\n\tuseFormField,\n\tForm,\n\tFormItem,\n\tFormLabel,\n\tFormControl,\n\tFormDescription,\n\tFormMessage,\n\tFormField,\n};\n"],"names":["Slot","React","Controller","FormProvider","useFormContext","useFormState","Label","cn","formItemStyles","formLabelErrorStyles","formDescriptionStyles","formMessageStyles","Form","FormFieldContext","createContext","FormField","props","Provider","value","name","useFormField","fieldContext","useContext","itemContext","FormItemContext","getFieldState","formState","fieldState","Error","id","formItemId","formDescriptionId","formMessageId","FormItem","className","useId","div","data-slot","FormLabel","error","data-error","htmlFor","FormControl","aria-describedby","aria-invalid","FormDescription","p","FormMessage","body","String","message","children"],"mappings":"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"}
@@ -3,16 +3,18 @@ import type * as React from "react";
3
3
  declare const inputVariants: (props?: ({
4
4
  hasLeftSlot?: boolean | null | undefined;
5
5
  hasRightSlot?: boolean | null | undefined;
6
+ hasPrefix?: boolean | null | undefined;
6
7
  hasSuffix?: boolean | null | undefined;
7
8
  invalid?: boolean | null | undefined;
8
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
10
  interface InputProps extends React.ComponentProps<"input">, VariantProps<typeof inputVariants> {
10
11
  type?: "text" | "password";
12
+ prefixValue?: React.ReactNode;
11
13
  suffix?: string;
12
14
  invalid?: boolean;
13
15
  leftSlot?: React.ReactNode;
14
16
  rightSlot?: React.ReactNode;
15
17
  }
16
- declare function Input({ className, type, invalid, suffix, leftSlot, rightSlot, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
18
+ declare function Input({ className, type, invalid, prefixValue, suffix, leftSlot, rightSlot, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
17
19
  export { Input, inputVariants };
18
20
  //# sourceMappingURL=input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAkCpC,QAAA,MAAM,aAAa;;;;;8EA4BlB,CAAC;AAEF,UAAU,UACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACpC,YAAY,CAAC,OAAO,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,UAAU,2CAuFZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AA+RpC,QAAA,MAAM,aAAa;;;;;;8EAkIlB,CAAC;AAEF,UAAU,UACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EACpC,YAAY,CAAC,OAAO,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,IAAI,EACJ,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,UAAU,2CAqGZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}