@e-infra/design-system 0.0.2

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 (311) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +200 -0
  3. package/dist/index.cjs.js +298 -0
  4. package/dist/index.cjs.js.map +1 -0
  5. package/dist/index.cjs10.js +105 -0
  6. package/dist/index.cjs10.js.map +1 -0
  7. package/dist/index.cjs11.js +56 -0
  8. package/dist/index.cjs11.js.map +1 -0
  9. package/dist/index.cjs12.js +206 -0
  10. package/dist/index.cjs12.js.map +1 -0
  11. package/dist/index.cjs13.js +92 -0
  12. package/dist/index.cjs13.js.map +1 -0
  13. package/dist/index.cjs14.js +216 -0
  14. package/dist/index.cjs14.js.map +1 -0
  15. package/dist/index.cjs15.js +261 -0
  16. package/dist/index.cjs15.js.map +1 -0
  17. package/dist/index.cjs16.js +50 -0
  18. package/dist/index.cjs16.js.map +1 -0
  19. package/dist/index.cjs17.js +53 -0
  20. package/dist/index.cjs17.js.map +1 -0
  21. package/dist/index.cjs18.js +173 -0
  22. package/dist/index.cjs18.js.map +1 -0
  23. package/dist/index.cjs19.js +242 -0
  24. package/dist/index.cjs19.js.map +1 -0
  25. package/dist/index.cjs2.js +298 -0
  26. package/dist/index.cjs2.js.map +1 -0
  27. package/dist/index.cjs20.js +156 -0
  28. package/dist/index.cjs20.js.map +1 -0
  29. package/dist/index.cjs21.js +130 -0
  30. package/dist/index.cjs21.js.map +1 -0
  31. package/dist/index.cjs22.js +251 -0
  32. package/dist/index.cjs22.js.map +1 -0
  33. package/dist/index.cjs23.js +134 -0
  34. package/dist/index.cjs23.js.map +1 -0
  35. package/dist/index.cjs24.js +57 -0
  36. package/dist/index.cjs24.js.map +1 -0
  37. package/dist/index.cjs25.js +23 -0
  38. package/dist/index.cjs25.js.map +1 -0
  39. package/dist/index.cjs26.js +85 -0
  40. package/dist/index.cjs26.js.map +1 -0
  41. package/dist/index.cjs27.js +41 -0
  42. package/dist/index.cjs27.js.map +1 -0
  43. package/dist/index.cjs28.js +271 -0
  44. package/dist/index.cjs28.js.map +1 -0
  45. package/dist/index.cjs29.js +189 -0
  46. package/dist/index.cjs29.js.map +1 -0
  47. package/dist/index.cjs3.js +298 -0
  48. package/dist/index.cjs3.js.map +1 -0
  49. package/dist/index.cjs30.js +120 -0
  50. package/dist/index.cjs30.js.map +1 -0
  51. package/dist/index.cjs31.js +63 -0
  52. package/dist/index.cjs31.js.map +1 -0
  53. package/dist/index.cjs32.js +51 -0
  54. package/dist/index.cjs32.js.map +1 -0
  55. package/dist/index.cjs33.js +64 -0
  56. package/dist/index.cjs33.js.map +1 -0
  57. package/dist/index.cjs34.js +49 -0
  58. package/dist/index.cjs34.js.map +1 -0
  59. package/dist/index.cjs35.js +79 -0
  60. package/dist/index.cjs35.js.map +1 -0
  61. package/dist/index.cjs36.js +198 -0
  62. package/dist/index.cjs36.js.map +1 -0
  63. package/dist/index.cjs37.js +45 -0
  64. package/dist/index.cjs37.js.map +1 -0
  65. package/dist/index.cjs38.js +146 -0
  66. package/dist/index.cjs38.js.map +1 -0
  67. package/dist/index.cjs39.js +657 -0
  68. package/dist/index.cjs39.js.map +1 -0
  69. package/dist/index.cjs4.js +83 -0
  70. package/dist/index.cjs4.js.map +1 -0
  71. package/dist/index.cjs40.js +16 -0
  72. package/dist/index.cjs40.js.map +1 -0
  73. package/dist/index.cjs41.js +82 -0
  74. package/dist/index.cjs41.js.map +1 -0
  75. package/dist/index.cjs42.js +33 -0
  76. package/dist/index.cjs42.js.map +1 -0
  77. package/dist/index.cjs43.js +50 -0
  78. package/dist/index.cjs43.js.map +1 -0
  79. package/dist/index.cjs44.js +117 -0
  80. package/dist/index.cjs44.js.map +1 -0
  81. package/dist/index.cjs45.js +86 -0
  82. package/dist/index.cjs45.js.map +1 -0
  83. package/dist/index.cjs46.js +20 -0
  84. package/dist/index.cjs46.js.map +1 -0
  85. package/dist/index.cjs47.js +63 -0
  86. package/dist/index.cjs47.js.map +1 -0
  87. package/dist/index.cjs48.js +88 -0
  88. package/dist/index.cjs48.js.map +1 -0
  89. package/dist/index.cjs49.js +74 -0
  90. package/dist/index.cjs49.js.map +1 -0
  91. package/dist/index.cjs5.js +68 -0
  92. package/dist/index.cjs5.js.map +1 -0
  93. package/dist/index.cjs50.js +9 -0
  94. package/dist/index.cjs50.js.map +1 -0
  95. package/dist/index.cjs51.js +38 -0
  96. package/dist/index.cjs51.js.map +1 -0
  97. package/dist/index.cjs6.js +166 -0
  98. package/dist/index.cjs6.js.map +1 -0
  99. package/dist/index.cjs7.js +29 -0
  100. package/dist/index.cjs7.js.map +1 -0
  101. package/dist/index.cjs8.js +72 -0
  102. package/dist/index.cjs8.js.map +1 -0
  103. package/dist/index.cjs9.js +42 -0
  104. package/dist/index.cjs9.js.map +1 -0
  105. package/dist/index.es.js +298 -0
  106. package/dist/index.es.js.map +1 -0
  107. package/dist/index.es10.js +105 -0
  108. package/dist/index.es10.js.map +1 -0
  109. package/dist/index.es11.js +56 -0
  110. package/dist/index.es11.js.map +1 -0
  111. package/dist/index.es12.js +189 -0
  112. package/dist/index.es12.js.map +1 -0
  113. package/dist/index.es13.js +92 -0
  114. package/dist/index.es13.js.map +1 -0
  115. package/dist/index.es14.js +199 -0
  116. package/dist/index.es14.js.map +1 -0
  117. package/dist/index.es15.js +243 -0
  118. package/dist/index.es15.js.map +1 -0
  119. package/dist/index.es16.js +33 -0
  120. package/dist/index.es16.js.map +1 -0
  121. package/dist/index.es17.js +36 -0
  122. package/dist/index.es17.js.map +1 -0
  123. package/dist/index.es18.js +173 -0
  124. package/dist/index.es18.js.map +1 -0
  125. package/dist/index.es19.js +225 -0
  126. package/dist/index.es19.js.map +1 -0
  127. package/dist/index.es2.js +298 -0
  128. package/dist/index.es2.js.map +1 -0
  129. package/dist/index.es20.js +139 -0
  130. package/dist/index.es20.js.map +1 -0
  131. package/dist/index.es21.js +130 -0
  132. package/dist/index.es21.js.map +1 -0
  133. package/dist/index.es22.js +234 -0
  134. package/dist/index.es22.js.map +1 -0
  135. package/dist/index.es23.js +117 -0
  136. package/dist/index.es23.js.map +1 -0
  137. package/dist/index.es24.js +40 -0
  138. package/dist/index.es24.js.map +1 -0
  139. package/dist/index.es25.js +23 -0
  140. package/dist/index.es25.js.map +1 -0
  141. package/dist/index.es26.js +68 -0
  142. package/dist/index.es26.js.map +1 -0
  143. package/dist/index.es27.js +24 -0
  144. package/dist/index.es27.js.map +1 -0
  145. package/dist/index.es28.js +254 -0
  146. package/dist/index.es28.js.map +1 -0
  147. package/dist/index.es29.js +172 -0
  148. package/dist/index.es29.js.map +1 -0
  149. package/dist/index.es3.js +298 -0
  150. package/dist/index.es3.js.map +1 -0
  151. package/dist/index.es30.js +120 -0
  152. package/dist/index.es30.js.map +1 -0
  153. package/dist/index.es31.js +46 -0
  154. package/dist/index.es31.js.map +1 -0
  155. package/dist/index.es32.js +34 -0
  156. package/dist/index.es32.js.map +1 -0
  157. package/dist/index.es33.js +47 -0
  158. package/dist/index.es33.js.map +1 -0
  159. package/dist/index.es34.js +49 -0
  160. package/dist/index.es34.js.map +1 -0
  161. package/dist/index.es35.js +62 -0
  162. package/dist/index.es35.js.map +1 -0
  163. package/dist/index.es36.js +181 -0
  164. package/dist/index.es36.js.map +1 -0
  165. package/dist/index.es37.js +28 -0
  166. package/dist/index.es37.js.map +1 -0
  167. package/dist/index.es38.js +129 -0
  168. package/dist/index.es38.js.map +1 -0
  169. package/dist/index.es39.js +640 -0
  170. package/dist/index.es39.js.map +1 -0
  171. package/dist/index.es4.js +66 -0
  172. package/dist/index.es4.js.map +1 -0
  173. package/dist/index.es40.js +16 -0
  174. package/dist/index.es40.js.map +1 -0
  175. package/dist/index.es41.js +64 -0
  176. package/dist/index.es41.js.map +1 -0
  177. package/dist/index.es42.js +33 -0
  178. package/dist/index.es42.js.map +1 -0
  179. package/dist/index.es43.js +33 -0
  180. package/dist/index.es43.js.map +1 -0
  181. package/dist/index.es44.js +117 -0
  182. package/dist/index.es44.js.map +1 -0
  183. package/dist/index.es45.js +69 -0
  184. package/dist/index.es45.js.map +1 -0
  185. package/dist/index.es46.js +20 -0
  186. package/dist/index.es46.js.map +1 -0
  187. package/dist/index.es47.js +46 -0
  188. package/dist/index.es47.js.map +1 -0
  189. package/dist/index.es48.js +70 -0
  190. package/dist/index.es48.js.map +1 -0
  191. package/dist/index.es49.js +57 -0
  192. package/dist/index.es49.js.map +1 -0
  193. package/dist/index.es5.js +68 -0
  194. package/dist/index.es5.js.map +1 -0
  195. package/dist/index.es50.js +9 -0
  196. package/dist/index.es50.js.map +1 -0
  197. package/dist/index.es51.js +21 -0
  198. package/dist/index.es51.js.map +1 -0
  199. package/dist/index.es6.js +149 -0
  200. package/dist/index.es6.js.map +1 -0
  201. package/dist/index.es7.js +12 -0
  202. package/dist/index.es7.js.map +1 -0
  203. package/dist/index.es8.js +55 -0
  204. package/dist/index.es8.js.map +1 -0
  205. package/dist/index.es9.js +42 -0
  206. package/dist/index.es9.js.map +1 -0
  207. package/dist/types/components/index.d.ts +47 -0
  208. package/dist/types/components/index.d.ts.map +1 -0
  209. package/dist/types/components/ui/accordion.d.ts +8 -0
  210. package/dist/types/components/ui/accordion.d.ts.map +1 -0
  211. package/dist/types/components/ui/alert-dialog.d.ts +15 -0
  212. package/dist/types/components/ui/alert-dialog.d.ts.map +1 -0
  213. package/dist/types/components/ui/alert.d.ts +10 -0
  214. package/dist/types/components/ui/alert.d.ts.map +1 -0
  215. package/dist/types/components/ui/aspect-ratio.d.ts +4 -0
  216. package/dist/types/components/ui/aspect-ratio.d.ts.map +1 -0
  217. package/dist/types/components/ui/avatar.d.ts +7 -0
  218. package/dist/types/components/ui/avatar.d.ts.map +1 -0
  219. package/dist/types/components/ui/badge.d.ts +10 -0
  220. package/dist/types/components/ui/badge.d.ts.map +1 -0
  221. package/dist/types/components/ui/breadcrumb.d.ts +12 -0
  222. package/dist/types/components/ui/breadcrumb.d.ts.map +1 -0
  223. package/dist/types/components/ui/button.d.ts +11 -0
  224. package/dist/types/components/ui/button.d.ts.map +1 -0
  225. package/dist/types/components/ui/calendar.d.ts +9 -0
  226. package/dist/types/components/ui/calendar.d.ts.map +1 -0
  227. package/dist/types/components/ui/card.d.ts +10 -0
  228. package/dist/types/components/ui/card.d.ts.map +1 -0
  229. package/dist/types/components/ui/carousel.d.ts +20 -0
  230. package/dist/types/components/ui/carousel.d.ts.map +1 -0
  231. package/dist/types/components/ui/chart.d.ts +41 -0
  232. package/dist/types/components/ui/chart.d.ts.map +1 -0
  233. package/dist/types/components/ui/checkbox.d.ts +5 -0
  234. package/dist/types/components/ui/checkbox.d.ts.map +1 -0
  235. package/dist/types/components/ui/collapsible.d.ts +6 -0
  236. package/dist/types/components/ui/collapsible.d.ts.map +1 -0
  237. package/dist/types/components/ui/command.d.ts +19 -0
  238. package/dist/types/components/ui/command.d.ts.map +1 -0
  239. package/dist/types/components/ui/context-menu.d.ts +26 -0
  240. package/dist/types/components/ui/context-menu.d.ts.map +1 -0
  241. package/dist/types/components/ui/dialog.d.ts +16 -0
  242. package/dist/types/components/ui/dialog.d.ts.map +1 -0
  243. package/dist/types/components/ui/drawer.d.ts +14 -0
  244. package/dist/types/components/ui/drawer.d.ts.map +1 -0
  245. package/dist/types/components/ui/dropdown-menu.d.ts +26 -0
  246. package/dist/types/components/ui/dropdown-menu.d.ts.map +1 -0
  247. package/dist/types/components/ui/form.d.ts +25 -0
  248. package/dist/types/components/ui/form.d.ts.map +1 -0
  249. package/dist/types/components/ui/hover-card.d.ts +7 -0
  250. package/dist/types/components/ui/hover-card.d.ts.map +1 -0
  251. package/dist/types/components/ui/input-otp.d.ts +12 -0
  252. package/dist/types/components/ui/input-otp.d.ts.map +1 -0
  253. package/dist/types/components/ui/input.d.ts +4 -0
  254. package/dist/types/components/ui/input.d.ts.map +1 -0
  255. package/dist/types/components/ui/label.d.ts +5 -0
  256. package/dist/types/components/ui/label.d.ts.map +1 -0
  257. package/dist/types/components/ui/menubar.d.ts +27 -0
  258. package/dist/types/components/ui/menubar.d.ts.map +1 -0
  259. package/dist/types/components/ui/navigation-menu.d.ts +15 -0
  260. package/dist/types/components/ui/navigation-menu.d.ts.map +1 -0
  261. package/dist/types/components/ui/pagination.d.ts +14 -0
  262. package/dist/types/components/ui/pagination.d.ts.map +1 -0
  263. package/dist/types/components/ui/popover.d.ts +8 -0
  264. package/dist/types/components/ui/popover.d.ts.map +1 -0
  265. package/dist/types/components/ui/progress.d.ts +5 -0
  266. package/dist/types/components/ui/progress.d.ts.map +1 -0
  267. package/dist/types/components/ui/radio-group.d.ts +6 -0
  268. package/dist/types/components/ui/radio-group.d.ts.map +1 -0
  269. package/dist/types/components/ui/resizable.d.ts +9 -0
  270. package/dist/types/components/ui/resizable.d.ts.map +1 -0
  271. package/dist/types/components/ui/scroll-area.d.ts +6 -0
  272. package/dist/types/components/ui/scroll-area.d.ts.map +1 -0
  273. package/dist/types/components/ui/select.d.ts +16 -0
  274. package/dist/types/components/ui/select.d.ts.map +1 -0
  275. package/dist/types/components/ui/separator.d.ts +5 -0
  276. package/dist/types/components/ui/separator.d.ts.map +1 -0
  277. package/dist/types/components/ui/sheet.d.ts +14 -0
  278. package/dist/types/components/ui/sheet.d.ts.map +1 -0
  279. package/dist/types/components/ui/sidebar.d.ts +70 -0
  280. package/dist/types/components/ui/sidebar.d.ts.map +1 -0
  281. package/dist/types/components/ui/skeleton.d.ts +3 -0
  282. package/dist/types/components/ui/skeleton.d.ts.map +1 -0
  283. package/dist/types/components/ui/slider.d.ts +5 -0
  284. package/dist/types/components/ui/slider.d.ts.map +1 -0
  285. package/dist/types/components/ui/sonner.d.ts +4 -0
  286. package/dist/types/components/ui/sonner.d.ts.map +1 -0
  287. package/dist/types/components/ui/switch.d.ts +5 -0
  288. package/dist/types/components/ui/switch.d.ts.map +1 -0
  289. package/dist/types/components/ui/table.d.ts +11 -0
  290. package/dist/types/components/ui/table.d.ts.map +1 -0
  291. package/dist/types/components/ui/tabs.d.ts +8 -0
  292. package/dist/types/components/ui/tabs.d.ts.map +1 -0
  293. package/dist/types/components/ui/textarea.d.ts +4 -0
  294. package/dist/types/components/ui/textarea.d.ts.map +1 -0
  295. package/dist/types/components/ui/toggle-group.d.ts +10 -0
  296. package/dist/types/components/ui/toggle-group.d.ts.map +1 -0
  297. package/dist/types/components/ui/toggle.d.ts +10 -0
  298. package/dist/types/components/ui/toggle.d.ts.map +1 -0
  299. package/dist/types/components/ui/tooltip.d.ts +8 -0
  300. package/dist/types/components/ui/tooltip.d.ts.map +1 -0
  301. package/dist/types/components.d.ts +2 -0
  302. package/dist/types/hooks/index.d.ts +2 -0
  303. package/dist/types/hooks/index.d.ts.map +1 -0
  304. package/dist/types/hooks/use-mobile.d.ts +2 -0
  305. package/dist/types/hooks/use-mobile.d.ts.map +1 -0
  306. package/dist/types/hooks.d.ts +2 -0
  307. package/dist/types/index.d.ts +4 -0
  308. package/dist/types/index.d.ts.map +1 -0
  309. package/dist/types/lib/utils.d.ts +3 -0
  310. package/dist/types/lib/utils.d.ts.map +1 -0
  311. package/package.json +138 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es20.js","sources":["../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"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 className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean;\n}) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"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 outline-none sm:max-w-lg\",\n className\n )}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n 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\"\n >\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-lg leading-none font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"names":[],"mappings":";;;;;;AAQA,SAAS,OAAO;AAAA,EACd,GAAG;AACL,GAAsD;AACpD,6BAAQ,gBAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC7D;AAEA,SAAS,cAAc;AAAA,EACrB,GAAG;AACL,GAAyD;AACvD,6BAAQ,gBAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;AAEA,SAAS,aAAa;AAAA,EACpB,GAAG;AACL,GAAwD;AACtD,6BAAQ,gBAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAG,OAAO;AACtE;AAEA,SAAS,YAAY;AAAA,EACnB,GAAG;AACL,GAAuD;AACrD,6BAAQ,gBAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACpE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAEG;AACD,SACE,qBAAC,cAAA,EAAa,aAAU,iBACtB,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,mBACC;AAAA,YAAC,gBAAgB;AAAA,YAAhB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAM;AAAA,gBACP,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACtE,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -0,0 +1,130 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "react";
3
+ import { Drawer as Drawer$1 } from "vaul";
4
+ import { cn } from "./index.es50.js";
5
+ function Drawer({
6
+ ...props
7
+ }) {
8
+ return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
9
+ }
10
+ function DrawerTrigger({
11
+ ...props
12
+ }) {
13
+ return /* @__PURE__ */ jsx(Drawer$1.Trigger, { "data-slot": "drawer-trigger", ...props });
14
+ }
15
+ function DrawerPortal({
16
+ ...props
17
+ }) {
18
+ return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
19
+ }
20
+ function DrawerClose({
21
+ ...props
22
+ }) {
23
+ return /* @__PURE__ */ jsx(Drawer$1.Close, { "data-slot": "drawer-close", ...props });
24
+ }
25
+ function DrawerOverlay({
26
+ className,
27
+ ...props
28
+ }) {
29
+ return /* @__PURE__ */ jsx(
30
+ Drawer$1.Overlay,
31
+ {
32
+ "data-slot": "drawer-overlay",
33
+ className: cn(
34
+ "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",
35
+ className
36
+ ),
37
+ ...props
38
+ }
39
+ );
40
+ }
41
+ function DrawerContent({
42
+ className,
43
+ children,
44
+ ...props
45
+ }) {
46
+ return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
47
+ /* @__PURE__ */ jsx(DrawerOverlay, {}),
48
+ /* @__PURE__ */ jsxs(
49
+ Drawer$1.Content,
50
+ {
51
+ "data-slot": "drawer-content",
52
+ className: cn(
53
+ "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
54
+ "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",
55
+ "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",
56
+ "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",
57
+ "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",
58
+ className
59
+ ),
60
+ ...props,
61
+ children: [
62
+ /* @__PURE__ */ jsx("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" }),
63
+ children
64
+ ]
65
+ }
66
+ )
67
+ ] });
68
+ }
69
+ function DrawerHeader({ className, ...props }) {
70
+ return /* @__PURE__ */ jsx(
71
+ "div",
72
+ {
73
+ "data-slot": "drawer-header",
74
+ className: cn(
75
+ "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",
76
+ className
77
+ ),
78
+ ...props
79
+ }
80
+ );
81
+ }
82
+ function DrawerFooter({ className, ...props }) {
83
+ return /* @__PURE__ */ jsx(
84
+ "div",
85
+ {
86
+ "data-slot": "drawer-footer",
87
+ className: cn("mt-auto flex flex-col gap-2 p-4", className),
88
+ ...props
89
+ }
90
+ );
91
+ }
92
+ function DrawerTitle({
93
+ className,
94
+ ...props
95
+ }) {
96
+ return /* @__PURE__ */ jsx(
97
+ Drawer$1.Title,
98
+ {
99
+ "data-slot": "drawer-title",
100
+ className: cn("text-foreground font-semibold", className),
101
+ ...props
102
+ }
103
+ );
104
+ }
105
+ function DrawerDescription({
106
+ className,
107
+ ...props
108
+ }) {
109
+ return /* @__PURE__ */ jsx(
110
+ Drawer$1.Description,
111
+ {
112
+ "data-slot": "drawer-description",
113
+ className: cn("text-muted-foreground text-sm", className),
114
+ ...props
115
+ }
116
+ );
117
+ }
118
+ export {
119
+ Drawer,
120
+ DrawerClose,
121
+ DrawerContent,
122
+ DrawerDescription,
123
+ DrawerFooter,
124
+ DrawerHeader,
125
+ DrawerOverlay,
126
+ DrawerPortal,
127
+ DrawerTitle,
128
+ DrawerTrigger
129
+ };
130
+ //# sourceMappingURL=index.es21.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es21.js","sources":["../lib/components/ui/drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Drawer({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n return (\n <DrawerPrimitive.Overlay\n data-slot=\"drawer-overlay\"\n className={cn(\n \"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 className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n return (\n <DrawerPortal data-slot=\"drawer-portal\">\n <DrawerOverlay />\n <DrawerPrimitive.Content\n data-slot=\"drawer-content\"\n className={cn(\n \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n \"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 \"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 \"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 \"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 className\n )}\n {...props}\n >\n <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 {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-header\"\n className={cn(\n \"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 className\n )}\n {...props}\n />\n );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"drawer-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n return (\n <DrawerPrimitive.Title\n data-slot=\"drawer-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction DrawerDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n return (\n <DrawerPrimitive.Description\n data-slot=\"drawer-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n};\n"],"names":["DrawerPrimitive"],"mappings":";;;;AAKA,SAAS,OAAO;AAAA,EACd,GAAG;AACL,GAAsD;AACpD,6BAAQA,SAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC7D;AAEA,SAAS,cAAc;AAAA,EACrB,GAAG;AACL,GAAyD;AACvD,6BAAQA,SAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;AAEA,SAAS,aAAa;AAAA,EACpB,GAAG;AACL,GAAwD;AACtD,6BAAQA,SAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAG,OAAO;AACtE;AAEA,SAAS,YAAY;AAAA,EACnB,GAAG;AACL,GAAuD;AACrD,6BAAQA,SAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACpE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAACA,SAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE,qBAAC,cAAA,EAAa,aAAU,iBACtB,UAAA;AAAA,IAAA,oBAAC,eAAA,EAAc;AAAA,IACf;AAAA,MAACA,SAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,kIAAA,CAAkI;AAAA,UAChJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAACA,SAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAACA,SAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -0,0 +1,234 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import "react";
4
+ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
5
+ import { CheckIcon, CircleIcon, ChevronRightIcon } from "lucide-react";
6
+ import { cn } from "./index.es50.js";
7
+ function DropdownMenu({
8
+ ...props
9
+ }) {
10
+ return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
11
+ }
12
+ function DropdownMenuPortal({
13
+ ...props
14
+ }) {
15
+ return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
16
+ }
17
+ function DropdownMenuTrigger({
18
+ ...props
19
+ }) {
20
+ return /* @__PURE__ */ jsx(
21
+ DropdownMenuPrimitive.Trigger,
22
+ {
23
+ "data-slot": "dropdown-menu-trigger",
24
+ ...props
25
+ }
26
+ );
27
+ }
28
+ function DropdownMenuContent({
29
+ className,
30
+ sideOffset = 4,
31
+ ...props
32
+ }) {
33
+ return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
34
+ DropdownMenuPrimitive.Content,
35
+ {
36
+ "data-slot": "dropdown-menu-content",
37
+ sideOffset,
38
+ className: cn(
39
+ "bg-popover text-popover-foreground 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 p-1 shadow-md",
40
+ className
41
+ ),
42
+ ...props
43
+ }
44
+ ) });
45
+ }
46
+ function DropdownMenuGroup({
47
+ ...props
48
+ }) {
49
+ return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
50
+ }
51
+ function DropdownMenuItem({
52
+ className,
53
+ inset,
54
+ variant = "default",
55
+ ...props
56
+ }) {
57
+ return /* @__PURE__ */ jsx(
58
+ DropdownMenuPrimitive.Item,
59
+ {
60
+ "data-slot": "dropdown-menu-item",
61
+ "data-inset": inset,
62
+ "data-variant": variant,
63
+ className: cn(
64
+ "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
65
+ className
66
+ ),
67
+ ...props
68
+ }
69
+ );
70
+ }
71
+ function DropdownMenuCheckboxItem({
72
+ className,
73
+ children,
74
+ checked,
75
+ ...props
76
+ }) {
77
+ return /* @__PURE__ */ jsxs(
78
+ DropdownMenuPrimitive.CheckboxItem,
79
+ {
80
+ "data-slot": "dropdown-menu-checkbox-item",
81
+ className: cn(
82
+ "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
83
+ className
84
+ ),
85
+ checked,
86
+ ...props,
87
+ children: [
88
+ /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
89
+ children
90
+ ]
91
+ }
92
+ );
93
+ }
94
+ function DropdownMenuRadioGroup({
95
+ ...props
96
+ }) {
97
+ return /* @__PURE__ */ jsx(
98
+ DropdownMenuPrimitive.RadioGroup,
99
+ {
100
+ "data-slot": "dropdown-menu-radio-group",
101
+ ...props
102
+ }
103
+ );
104
+ }
105
+ function DropdownMenuRadioItem({
106
+ className,
107
+ children,
108
+ ...props
109
+ }) {
110
+ return /* @__PURE__ */ jsxs(
111
+ DropdownMenuPrimitive.RadioItem,
112
+ {
113
+ "data-slot": "dropdown-menu-radio-item",
114
+ className: cn(
115
+ "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
116
+ className
117
+ ),
118
+ ...props,
119
+ children: [
120
+ /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
121
+ children
122
+ ]
123
+ }
124
+ );
125
+ }
126
+ function DropdownMenuLabel({
127
+ className,
128
+ inset,
129
+ ...props
130
+ }) {
131
+ return /* @__PURE__ */ jsx(
132
+ DropdownMenuPrimitive.Label,
133
+ {
134
+ "data-slot": "dropdown-menu-label",
135
+ "data-inset": inset,
136
+ className: cn(
137
+ "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
138
+ className
139
+ ),
140
+ ...props
141
+ }
142
+ );
143
+ }
144
+ function DropdownMenuSeparator({
145
+ className,
146
+ ...props
147
+ }) {
148
+ return /* @__PURE__ */ jsx(
149
+ DropdownMenuPrimitive.Separator,
150
+ {
151
+ "data-slot": "dropdown-menu-separator",
152
+ className: cn("bg-border -mx-1 my-1 h-px", className),
153
+ ...props
154
+ }
155
+ );
156
+ }
157
+ function DropdownMenuShortcut({
158
+ className,
159
+ ...props
160
+ }) {
161
+ return /* @__PURE__ */ jsx(
162
+ "span",
163
+ {
164
+ "data-slot": "dropdown-menu-shortcut",
165
+ className: cn(
166
+ "text-muted-foreground ml-auto text-xs tracking-widest",
167
+ className
168
+ ),
169
+ ...props
170
+ }
171
+ );
172
+ }
173
+ function DropdownMenuSub({
174
+ ...props
175
+ }) {
176
+ return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
177
+ }
178
+ function DropdownMenuSubTrigger({
179
+ className,
180
+ inset,
181
+ children,
182
+ ...props
183
+ }) {
184
+ return /* @__PURE__ */ jsxs(
185
+ DropdownMenuPrimitive.SubTrigger,
186
+ {
187
+ "data-slot": "dropdown-menu-sub-trigger",
188
+ "data-inset": inset,
189
+ className: cn(
190
+ "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
191
+ className
192
+ ),
193
+ ...props,
194
+ children: [
195
+ children,
196
+ /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
197
+ ]
198
+ }
199
+ );
200
+ }
201
+ function DropdownMenuSubContent({
202
+ className,
203
+ ...props
204
+ }) {
205
+ return /* @__PURE__ */ jsx(
206
+ DropdownMenuPrimitive.SubContent,
207
+ {
208
+ "data-slot": "dropdown-menu-sub-content",
209
+ className: cn(
210
+ "bg-popover text-popover-foreground 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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
211
+ className
212
+ ),
213
+ ...props
214
+ }
215
+ );
216
+ }
217
+ export {
218
+ DropdownMenu,
219
+ DropdownMenuCheckboxItem,
220
+ DropdownMenuContent,
221
+ DropdownMenuGroup,
222
+ DropdownMenuItem,
223
+ DropdownMenuLabel,
224
+ DropdownMenuPortal,
225
+ DropdownMenuRadioGroup,
226
+ DropdownMenuRadioItem,
227
+ DropdownMenuSeparator,
228
+ DropdownMenuShortcut,
229
+ DropdownMenuSub,
230
+ DropdownMenuSubContent,
231
+ DropdownMenuSubTrigger,
232
+ DropdownMenuTrigger
233
+ };
234
+ //# sourceMappingURL=index.es22.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es22.js","sources":["../lib/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n );\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground 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 p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n );\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n );\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground 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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n};\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,117 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { Slot } from "@radix-ui/react-slot";
4
+ import { FormProvider, useFormContext, useFormState, Controller } from "react-hook-form";
5
+ import { cn } from "./index.es50.js";
6
+ import { Label } from "./index.es27.js";
7
+ const Form = FormProvider;
8
+ const FormFieldContext = React.createContext(
9
+ {}
10
+ );
11
+ const FormField = ({
12
+ ...props
13
+ }) => {
14
+ return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
15
+ };
16
+ const useFormField = () => {
17
+ const fieldContext = React.useContext(FormFieldContext);
18
+ const itemContext = React.useContext(FormItemContext);
19
+ const { getFieldState } = useFormContext();
20
+ const formState = useFormState({ name: fieldContext.name });
21
+ const fieldState = getFieldState(fieldContext.name, formState);
22
+ if (!fieldContext) {
23
+ throw new Error("useFormField should be used within <FormField>");
24
+ }
25
+ const { id } = itemContext;
26
+ return {
27
+ id,
28
+ name: fieldContext.name,
29
+ formItemId: `${id}-form-item`,
30
+ formDescriptionId: `${id}-form-item-description`,
31
+ formMessageId: `${id}-form-item-message`,
32
+ ...fieldState
33
+ };
34
+ };
35
+ const FormItemContext = React.createContext(
36
+ {}
37
+ );
38
+ function FormItem({ className, ...props }) {
39
+ const id = React.useId();
40
+ return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
41
+ "div",
42
+ {
43
+ "data-slot": "form-item",
44
+ className: cn("grid gap-2", className),
45
+ ...props
46
+ }
47
+ ) });
48
+ }
49
+ function FormLabel({
50
+ className,
51
+ ...props
52
+ }) {
53
+ const { error, formItemId } = useFormField();
54
+ return /* @__PURE__ */ jsx(
55
+ Label,
56
+ {
57
+ "data-slot": "form-label",
58
+ "data-error": !!error,
59
+ className: cn("data-[error=true]:text-destructive", className),
60
+ htmlFor: formItemId,
61
+ ...props
62
+ }
63
+ );
64
+ }
65
+ function FormControl({ ...props }) {
66
+ const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
67
+ return /* @__PURE__ */ jsx(
68
+ Slot,
69
+ {
70
+ "data-slot": "form-control",
71
+ id: formItemId,
72
+ "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
73
+ "aria-invalid": !!error,
74
+ ...props
75
+ }
76
+ );
77
+ }
78
+ function FormDescription({ className, ...props }) {
79
+ const { formDescriptionId } = useFormField();
80
+ return /* @__PURE__ */ jsx(
81
+ "p",
82
+ {
83
+ "data-slot": "form-description",
84
+ id: formDescriptionId,
85
+ className: cn("text-muted-foreground text-sm", className),
86
+ ...props
87
+ }
88
+ );
89
+ }
90
+ function FormMessage({ className, ...props }) {
91
+ const { error, formMessageId } = useFormField();
92
+ const body = error ? String(error?.message ?? "") : props.children;
93
+ if (!body) {
94
+ return null;
95
+ }
96
+ return /* @__PURE__ */ jsx(
97
+ "p",
98
+ {
99
+ "data-slot": "form-message",
100
+ id: formMessageId,
101
+ className: cn("text-destructive text-sm", className),
102
+ ...props,
103
+ children: body
104
+ }
105
+ );
106
+ }
107
+ export {
108
+ Form,
109
+ FormControl,
110
+ FormDescription,
111
+ FormField,
112
+ FormItem,
113
+ FormLabel,
114
+ FormMessage,
115
+ useFormField
116
+ };
117
+ //# sourceMappingURL=index.es23.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es23.js","sources":["../lib/components/ui/form.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n Controller,\n FormProvider,\n useFormContext,\n useFormState,\n type ControllerProps,\n type FieldPath,\n type FieldValues,\n} from \"react-hook-form\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"./label\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n {} as FormFieldContextValue\n);\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n );\n};\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext);\n const itemContext = React.useContext(FormItemContext);\n const { getFieldState } = useFormContext();\n const formState = useFormState({ name: fieldContext.name });\n const fieldState = getFieldState(fieldContext.name, formState);\n\n if (!fieldContext) {\n throw new Error(\"useFormField should be used within <FormField>\");\n }\n\n const { id } = itemContext;\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState,\n };\n};\n\ntype FormItemContextValue = {\n id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n {} as FormItemContextValue\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n const id = React.useId();\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div\n data-slot=\"form-item\"\n className={cn(\"grid gap-2\", className)}\n {...props}\n />\n </FormItemContext.Provider>\n );\n}\n\nfunction FormLabel({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n const { error, formItemId } = useFormField();\n\n return (\n <Label\n data-slot=\"form-label\"\n data-error={!!error}\n className={cn(\"data-[error=true]:text-destructive\", className)}\n htmlFor={formItemId}\n {...props}\n />\n );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n const { error, formItemId, formDescriptionId, formMessageId } =\n useFormField();\n\n return (\n <Slot\n data-slot=\"form-control\"\n id={formItemId}\n aria-describedby={\n !error\n ? `${formDescriptionId}`\n : `${formDescriptionId} ${formMessageId}`\n }\n aria-invalid={!!error}\n {...props}\n />\n );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n const { formDescriptionId } = useFormField();\n\n return (\n <p\n data-slot=\"form-description\"\n id={formDescriptionId}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n const { error, formMessageId } = useFormField();\n const body = error ? String(error?.message ?? \"\") : props.children;\n\n if (!body) {\n return null;\n }\n\n return (\n <p\n data-slot=\"form-message\"\n id={formMessageId}\n className={cn(\"text-destructive text-sm\", className)}\n {...props}\n >\n {body}\n </p>\n );\n}\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField,\n};\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,OAAO;AASb,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAA;AACF;AAEA,MAAM,YAAY,CAGhB;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAM,MAAM,KAAA,GAC9C,UAAA,oBAAC,YAAA,EAAY,GAAG,OAAO,GACzB;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,MAAM,WAAW,gBAAgB;AACtD,QAAM,cAAc,MAAM,WAAW,eAAe;AACpD,QAAM,EAAE,cAAA,IAAkB,eAAA;AAC1B,QAAM,YAAY,aAAa,EAAE,MAAM,aAAa,MAAM;AAC1D,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,OAAO;AAEf,SAAO;AAAA,IACL;AAAA,IACA,MAAM,aAAa;AAAA,IACnB,YAAY,GAAG,EAAE;AAAA,IACjB,mBAAmB,GAAG,EAAE;AAAA,IACxB,eAAe,GAAG,EAAE;AAAA,IACpB,GAAG;AAAA,EAAA;AAEP;AAMA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAA;AACF;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;AACtE,QAAM,KAAK,MAAM,MAAA;AAEjB,6BACG,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,MACjC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,GAAG;AACL,GAAqD;AACnD,QAAM,EAAE,OAAO,WAAA,IAAe,aAAA;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,CAAC,CAAC;AAAA,MACd,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC7D,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,GAAG,SAA4C;AACpE,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAC5C,aAAA;AAEF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,MACJ,oBACE,CAAC,QACG,GAAG,iBAAiB,KACpB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAE3C,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;AAC3E,QAAM,EAAE,kBAAA,IAAsB,aAAA;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,MACJ,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;AACvE,QAAM,EAAE,OAAO,cAAA,IAAkB,aAAA;AACjC,QAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,EAAE,IAAI,MAAM;AAE1D,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,MACJ,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
@@ -0,0 +1,40 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import "react";
3
+ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
4
+ import { cn } from "./index.es50.js";
5
+ function HoverCard({
6
+ ...props
7
+ }) {
8
+ return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
9
+ }
10
+ function HoverCardTrigger({
11
+ ...props
12
+ }) {
13
+ return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
14
+ }
15
+ function HoverCardContent({
16
+ className,
17
+ align = "center",
18
+ sideOffset = 4,
19
+ ...props
20
+ }) {
21
+ return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
22
+ HoverCardPrimitive.Content,
23
+ {
24
+ "data-slot": "hover-card-content",
25
+ align,
26
+ sideOffset,
27
+ className: cn(
28
+ "bg-popover text-popover-foreground 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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
29
+ className
30
+ ),
31
+ ...props
32
+ }
33
+ ) });
34
+ }
35
+ export {
36
+ HoverCard,
37
+ HoverCardContent,
38
+ HoverCardTrigger
39
+ };
40
+ //# sourceMappingURL=index.es24.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es24.js","sources":["../lib/components/ui/hover-card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n return (\n <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n );\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n return (\n <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n <HoverCardPrimitive.Content\n data-slot=\"hover-card-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground 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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n className\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n );\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"names":[],"mappings":";;;;AAKA,SAAS,UAAU;AAAA,EACjB,GAAG;AACL,GAAyD;AACvD,6BAAQ,mBAAmB,MAAnB,EAAwB,aAAU,cAAc,GAAG,OAAO;AACpE;AAEA,SAAS,iBAAiB;AAAA,EACxB,GAAG;AACL,GAA4D;AAC1D,6BACG,mBAAmB,SAAnB,EAA2B,aAAU,sBAAsB,GAAG,OAAO;AAE1E;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,GAAG;AACL,GAA4D;AAC1D,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,aAAU,qBACnC,UAAA;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
@@ -0,0 +1,23 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import "react";
3
+ import { cn } from "./index.es50.js";
4
+ function Input({ className, type, ...props }) {
5
+ return /* @__PURE__ */ jsx(
6
+ "input",
7
+ {
8
+ type,
9
+ "data-slot": "input",
10
+ className: cn(
11
+ "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
12
+ "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
13
+ "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
14
+ className
15
+ ),
16
+ ...props
17
+ }
18
+ );
19
+ }
20
+ export {
21
+ Input
22
+ };
23
+ //# sourceMappingURL=index.es25.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es25.js","sources":["../lib/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n"],"names":[],"mappings":";;;AAIA,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}