@codefast/ui 0.0.49 → 0.0.52

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 (281) hide show
  1. package/dist/{chunk-ZTEJNUH6.js → chunk-46W6RAYD.js} +1 -1
  2. package/dist/chunk-46W6RAYD.js.map +1 -0
  3. package/dist/{chunk-CERSQE5J.js → chunk-4JHGPRLG.js} +1 -1
  4. package/dist/chunk-4JHGPRLG.js.map +1 -0
  5. package/dist/{chunk-I6QCJDIF.mjs → chunk-5RENVAXH.mjs} +1 -1
  6. package/dist/chunk-5RENVAXH.mjs.map +1 -0
  7. package/dist/{chunk-PPEAG5G4.mjs → chunk-7ABWX5CF.mjs} +2 -2
  8. package/dist/chunk-7ABWX5CF.mjs.map +1 -0
  9. package/dist/{chunk-XHNT6PVI.mjs → chunk-BM5KYF6Y.mjs} +1 -1
  10. package/dist/chunk-BM5KYF6Y.mjs.map +1 -0
  11. package/dist/{chunk-P5AV3QU7.mjs → chunk-BNKSZEF2.mjs} +1 -1
  12. package/dist/chunk-BNKSZEF2.mjs.map +1 -0
  13. package/dist/{chunk-SDGUDONZ.js → chunk-DCDB56BO.js} +1 -1
  14. package/dist/chunk-DCDB56BO.js.map +1 -0
  15. package/dist/{chunk-6FL3EBDQ.mjs → chunk-HMD2ZU33.mjs} +1 -1
  16. package/dist/chunk-HMD2ZU33.mjs.map +1 -0
  17. package/dist/{chunk-JOBEKA4M.mjs → chunk-K63K4LTH.mjs} +2 -2
  18. package/dist/chunk-K63K4LTH.mjs.map +1 -0
  19. package/dist/{chunk-VXPAGNPJ.js → chunk-LJSD47ZL.js} +1 -1
  20. package/dist/chunk-LJSD47ZL.js.map +1 -0
  21. package/dist/{chunk-GDMHMSJ2.mjs → chunk-MFYACCZV.mjs} +1 -1
  22. package/dist/chunk-MFYACCZV.mjs.map +1 -0
  23. package/dist/{chunk-LG7ACTRE.js → chunk-PRCS3RWN.js} +1 -1
  24. package/dist/chunk-PRCS3RWN.js.map +1 -0
  25. package/dist/{chunk-OP6Q7VT5.js → chunk-RHFF4JNH.js} +1 -1
  26. package/dist/chunk-RHFF4JNH.js.map +1 -0
  27. package/dist/{chunk-SCPFGC2X.js → chunk-SCXRD727.js} +1 -1
  28. package/dist/chunk-SCXRD727.js.map +1 -0
  29. package/dist/{chunk-JPRGRYAM.js → chunk-VZVI3OHH.js} +2 -2
  30. package/dist/chunk-VZVI3OHH.js.map +1 -0
  31. package/dist/{chunk-UYRRHPPH.js → chunk-X4BEEJEW.js} +2 -2
  32. package/dist/chunk-X4BEEJEW.js.map +1 -0
  33. package/dist/{chunk-PWF46YXQ.mjs → chunk-Y2GMHG3Z.mjs} +1 -1
  34. package/dist/chunk-Y2GMHG3Z.mjs.map +1 -0
  35. package/dist/{chunk-MU2MZ434.mjs → chunk-ZIB4ZTST.mjs} +1 -1
  36. package/dist/chunk-ZIB4ZTST.mjs.map +1 -0
  37. package/dist/plugin/animate.plugin.js +1 -1
  38. package/dist/plugin/animate.plugin.mjs +1 -1
  39. package/dist/react/accordion.js.map +1 -1
  40. package/dist/react/accordion.mjs.map +1 -1
  41. package/dist/react/alert-dialog.js +1 -1
  42. package/dist/react/alert-dialog.js.map +1 -1
  43. package/dist/react/alert-dialog.mjs +1 -1
  44. package/dist/react/alert-dialog.mjs.map +1 -1
  45. package/dist/react/alert.js.map +1 -1
  46. package/dist/react/alert.mjs.map +1 -1
  47. package/dist/react/aspect-ratio.d.mts +1 -1
  48. package/dist/react/aspect-ratio.d.ts +1 -1
  49. package/dist/react/aspect-ratio.js.map +1 -1
  50. package/dist/react/aspect-ratio.mjs.map +1 -1
  51. package/dist/react/avatar.js.map +1 -1
  52. package/dist/react/avatar.mjs.map +1 -1
  53. package/dist/react/badge.js.map +1 -1
  54. package/dist/react/badge.mjs.map +1 -1
  55. package/dist/react/blockquote.js.map +1 -1
  56. package/dist/react/blockquote.mjs.map +1 -1
  57. package/dist/react/box.js.map +1 -1
  58. package/dist/react/box.mjs.map +1 -1
  59. package/dist/react/breadcrumb.js.map +1 -1
  60. package/dist/react/breadcrumb.mjs.map +1 -1
  61. package/dist/react/button.js +1 -1
  62. package/dist/react/button.mjs +1 -1
  63. package/dist/react/calendar.js +1 -1
  64. package/dist/react/calendar.js.map +1 -1
  65. package/dist/react/calendar.mjs +1 -1
  66. package/dist/react/calendar.mjs.map +1 -1
  67. package/dist/react/card.js.map +1 -1
  68. package/dist/react/card.mjs.map +1 -1
  69. package/dist/react/carousel.js +1 -1
  70. package/dist/react/carousel.js.map +1 -1
  71. package/dist/react/carousel.mjs +1 -1
  72. package/dist/react/carousel.mjs.map +1 -1
  73. package/dist/react/checkbox-cards.js +1 -1
  74. package/dist/react/checkbox-cards.js.map +1 -1
  75. package/dist/react/checkbox-cards.mjs +1 -1
  76. package/dist/react/checkbox-cards.mjs.map +1 -1
  77. package/dist/react/checkbox-group.js +1 -1
  78. package/dist/react/checkbox-group.js.map +1 -1
  79. package/dist/react/checkbox-group.mjs +1 -1
  80. package/dist/react/checkbox-group.mjs.map +1 -1
  81. package/dist/react/checkbox-group.primitive.js +1 -1
  82. package/dist/react/checkbox-group.primitive.mjs +1 -1
  83. package/dist/react/checkbox.js.map +1 -1
  84. package/dist/react/checkbox.mjs.map +1 -1
  85. package/dist/react/code.js.map +1 -1
  86. package/dist/react/code.mjs.map +1 -1
  87. package/dist/react/collapsible.js.map +1 -1
  88. package/dist/react/collapsible.mjs.map +1 -1
  89. package/dist/react/command.d.mts +8 -8
  90. package/dist/react/command.d.ts +8 -8
  91. package/dist/react/command.js +1 -1
  92. package/dist/react/command.js.map +1 -1
  93. package/dist/react/command.mjs +1 -1
  94. package/dist/react/command.mjs.map +1 -1
  95. package/dist/react/container.js.map +1 -1
  96. package/dist/react/container.mjs.map +1 -1
  97. package/dist/react/context-menu.js.map +1 -1
  98. package/dist/react/context-menu.mjs.map +1 -1
  99. package/dist/react/data-table.d.mts +1 -1
  100. package/dist/react/data-table.d.ts +1 -1
  101. package/dist/react/data-table.js +1 -1
  102. package/dist/react/data-table.js.map +1 -1
  103. package/dist/react/data-table.mjs +1 -1
  104. package/dist/react/data-table.mjs.map +1 -1
  105. package/dist/react/dialog.js +1 -1
  106. package/dist/react/dialog.mjs +1 -1
  107. package/dist/react/drawer.js.map +1 -1
  108. package/dist/react/drawer.mjs.map +1 -1
  109. package/dist/react/dropdown-menu.js +1 -1
  110. package/dist/react/dropdown-menu.mjs +1 -1
  111. package/dist/react/em.js.map +1 -1
  112. package/dist/react/em.mjs.map +1 -1
  113. package/dist/react/form.js +1 -1
  114. package/dist/react/form.js.map +1 -1
  115. package/dist/react/form.mjs +1 -1
  116. package/dist/react/form.mjs.map +1 -1
  117. package/dist/react/heading.js.map +1 -1
  118. package/dist/react/heading.mjs.map +1 -1
  119. package/dist/react/hover-card.js.map +1 -1
  120. package/dist/react/hover-card.mjs.map +1 -1
  121. package/dist/react/input-otp.js.map +1 -1
  122. package/dist/react/input-otp.mjs.map +1 -1
  123. package/dist/react/input.js.map +1 -1
  124. package/dist/react/input.mjs.map +1 -1
  125. package/dist/react/kbd.js.map +1 -1
  126. package/dist/react/kbd.mjs.map +1 -1
  127. package/dist/react/label.js +1 -1
  128. package/dist/react/label.mjs +1 -1
  129. package/dist/react/menubar.js.map +1 -1
  130. package/dist/react/menubar.mjs.map +1 -1
  131. package/dist/react/navigation-menu.js.map +1 -1
  132. package/dist/react/navigation-menu.mjs.map +1 -1
  133. package/dist/react/pagination.js +1 -1
  134. package/dist/react/pagination.js.map +1 -1
  135. package/dist/react/pagination.mjs +1 -1
  136. package/dist/react/pagination.mjs.map +1 -1
  137. package/dist/react/popover.js.map +1 -1
  138. package/dist/react/popover.mjs.map +1 -1
  139. package/dist/react/pre.js.map +1 -1
  140. package/dist/react/pre.mjs.map +1 -1
  141. package/dist/react/progress.js.map +1 -1
  142. package/dist/react/progress.mjs.map +1 -1
  143. package/dist/react/quote.js.map +1 -1
  144. package/dist/react/quote.mjs.map +1 -1
  145. package/dist/react/radio-cards.js.map +1 -1
  146. package/dist/react/radio-cards.mjs.map +1 -1
  147. package/dist/react/radio-group.js.map +1 -1
  148. package/dist/react/radio-group.mjs.map +1 -1
  149. package/dist/react/radio.js.map +1 -1
  150. package/dist/react/radio.mjs.map +1 -1
  151. package/dist/react/resizable.js.map +1 -1
  152. package/dist/react/resizable.mjs.map +1 -1
  153. package/dist/react/scroll-area.js.map +1 -1
  154. package/dist/react/scroll-area.mjs.map +1 -1
  155. package/dist/react/section.js.map +1 -1
  156. package/dist/react/section.mjs.map +1 -1
  157. package/dist/react/select.js +1 -1
  158. package/dist/react/select.mjs +1 -1
  159. package/dist/react/separator.js.map +1 -1
  160. package/dist/react/separator.mjs.map +1 -1
  161. package/dist/react/sheet.js +1 -1
  162. package/dist/react/sheet.js.map +1 -1
  163. package/dist/react/sheet.mjs +1 -1
  164. package/dist/react/sheet.mjs.map +1 -1
  165. package/dist/react/skeleton.js.map +1 -1
  166. package/dist/react/skeleton.mjs.map +1 -1
  167. package/dist/react/slider.js.map +1 -1
  168. package/dist/react/slider.mjs.map +1 -1
  169. package/dist/react/sonner.js.map +1 -1
  170. package/dist/react/sonner.mjs.map +1 -1
  171. package/dist/react/spinner.js +1 -1
  172. package/dist/react/spinner.mjs +1 -1
  173. package/dist/react/strong.js.map +1 -1
  174. package/dist/react/strong.mjs.map +1 -1
  175. package/dist/react/switch.js.map +1 -1
  176. package/dist/react/switch.mjs.map +1 -1
  177. package/dist/react/table.js.map +1 -1
  178. package/dist/react/table.mjs.map +1 -1
  179. package/dist/react/tabs.js.map +1 -1
  180. package/dist/react/tabs.mjs.map +1 -1
  181. package/dist/react/text.js.map +1 -1
  182. package/dist/react/text.mjs.map +1 -1
  183. package/dist/react/textarea.js.map +1 -1
  184. package/dist/react/textarea.mjs.map +1 -1
  185. package/dist/react/toggle-group.js +1 -1
  186. package/dist/react/toggle-group.js.map +1 -1
  187. package/dist/react/toggle-group.mjs +1 -1
  188. package/dist/react/toggle-group.mjs.map +1 -1
  189. package/dist/react/toggle.js +1 -1
  190. package/dist/react/toggle.mjs +1 -1
  191. package/dist/react/tooltip.js.map +1 -1
  192. package/dist/react/tooltip.mjs.map +1 -1
  193. package/dist/styles.css.map +1 -1
  194. package/dist/tailwind.config.js +1 -1
  195. package/dist/tailwind.config.js.map +1 -1
  196. package/dist/tailwind.config.mjs +1 -1
  197. package/dist/tailwind.config.mjs.map +1 -1
  198. package/package.json +5 -5
  199. package/plugin/animate.plugin.ts +2 -5
  200. package/src/react/accordion.tsx +36 -60
  201. package/src/react/alert-dialog.tsx +57 -125
  202. package/src/react/alert.tsx +16 -42
  203. package/src/react/aspect-ratio.tsx +2 -4
  204. package/src/react/avatar.tsx +15 -43
  205. package/src/react/badge.tsx +3 -8
  206. package/src/react/blockquote.tsx +5 -8
  207. package/src/react/box.tsx +4 -6
  208. package/src/react/breadcrumb.tsx +17 -50
  209. package/src/react/button.tsx +6 -21
  210. package/src/react/calendar.tsx +5 -22
  211. package/src/react/card.tsx +22 -56
  212. package/src/react/carousel.tsx +20 -76
  213. package/src/react/checkbox-cards.tsx +28 -55
  214. package/src/react/checkbox-group.primitive.tsx +24 -78
  215. package/src/react/checkbox-group.tsx +26 -49
  216. package/src/react/checkbox.tsx +15 -19
  217. package/src/react/code.tsx +4 -6
  218. package/src/react/collapsible.tsx +19 -29
  219. package/src/react/command.tsx +69 -134
  220. package/src/react/container.tsx +5 -9
  221. package/src/react/context-menu.tsx +146 -224
  222. package/src/react/data-table.tsx +16 -44
  223. package/src/react/dialog.tsx +45 -90
  224. package/src/react/drawer.tsx +44 -91
  225. package/src/react/dropdown-menu.tsx +126 -194
  226. package/src/react/em.tsx +4 -6
  227. package/src/react/form.tsx +49 -84
  228. package/src/react/heading.tsx +4 -6
  229. package/src/react/hover-card.tsx +22 -38
  230. package/src/react/input-otp.tsx +26 -37
  231. package/src/react/input.tsx +6 -16
  232. package/src/react/kbd.tsx +14 -16
  233. package/src/react/label.tsx +11 -12
  234. package/src/react/menubar.tsx +129 -208
  235. package/src/react/navigation-menu.tsx +105 -147
  236. package/src/react/pagination.tsx +18 -50
  237. package/src/react/popover.tsx +25 -40
  238. package/src/react/pre.tsx +4 -6
  239. package/src/react/progress.tsx +15 -22
  240. package/src/react/quote.tsx +4 -6
  241. package/src/react/radio-cards.tsx +7 -27
  242. package/src/react/radio-group.tsx +7 -27
  243. package/src/react/radio.tsx +14 -18
  244. package/src/react/resizable.tsx +2 -7
  245. package/src/react/scroll-area.tsx +30 -52
  246. package/src/react/section.tsx +4 -6
  247. package/src/react/select.tsx +108 -161
  248. package/src/react/separator.tsx +3 -12
  249. package/src/react/sheet.tsx +21 -71
  250. package/src/react/skeleton.tsx +1 -6
  251. package/src/react/slider.tsx +20 -27
  252. package/src/react/sonner.tsx +2 -4
  253. package/src/react/spinner.tsx +2 -7
  254. package/src/react/strong.tsx +4 -6
  255. package/src/react/switch.tsx +12 -14
  256. package/src/react/table.tsx +37 -82
  257. package/src/react/tabs.tsx +34 -44
  258. package/src/react/text.tsx +5 -8
  259. package/src/react/textarea.tsx +12 -14
  260. package/src/react/toggle-group.tsx +16 -57
  261. package/src/react/toggle.tsx +8 -15
  262. package/src/react/tooltip.tsx +24 -39
  263. package/tailwind.config.ts +2 -2
  264. package/dist/chunk-6FL3EBDQ.mjs.map +0 -1
  265. package/dist/chunk-CERSQE5J.js.map +0 -1
  266. package/dist/chunk-GDMHMSJ2.mjs.map +0 -1
  267. package/dist/chunk-I6QCJDIF.mjs.map +0 -1
  268. package/dist/chunk-JOBEKA4M.mjs.map +0 -1
  269. package/dist/chunk-JPRGRYAM.js.map +0 -1
  270. package/dist/chunk-LG7ACTRE.js.map +0 -1
  271. package/dist/chunk-MU2MZ434.mjs.map +0 -1
  272. package/dist/chunk-OP6Q7VT5.js.map +0 -1
  273. package/dist/chunk-P5AV3QU7.mjs.map +0 -1
  274. package/dist/chunk-PPEAG5G4.mjs.map +0 -1
  275. package/dist/chunk-PWF46YXQ.mjs.map +0 -1
  276. package/dist/chunk-SCPFGC2X.js.map +0 -1
  277. package/dist/chunk-SDGUDONZ.js.map +0 -1
  278. package/dist/chunk-UYRRHPPH.js.map +0 -1
  279. package/dist/chunk-VXPAGNPJ.js.map +0 -1
  280. package/dist/chunk-XHNT6PVI.mjs.map +0 -1
  281. package/dist/chunk-ZTEJNUH6.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(\n ({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />,\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<\n BreadcrumbListElement,\n BreadcrumbListProps\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<\n BreadcrumbItemElement,\n BreadcrumbItemProps\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn('inline-flex items-center gap-1.5', className)}\n {...props}\n />\n));\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps\n extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<\n BreadcrumbLinkElement,\n BreadcrumbLinkProps\n>(({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n ref={ref}\n className={cn('transition', 'hover:text-foreground', className)}\n {...props}\n />\n );\n});\n\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<\n BreadcrumbPageElement,\n BreadcrumbPageProps\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('text-foreground font-normal', className)}\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({\n children,\n className,\n ...props\n}: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('[&>svg]:size-3.5', className)}\n {...props}\n >\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({\n className,\n ...props\n}: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex size-4 items-center justify-center', className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"],"mappings":"0CAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAc5B,cAAAC,EAqIrB,QAAAC,MArIqB,oBADzB,IAAMC,EAAmB,aACvB,CAAC,CAAE,GAAGC,CAAM,EAAGC,IAAQJ,EAAC,OAAI,IAAKI,EAAK,aAAW,aAAc,GAAGD,EAAO,CAC3E,EAEAD,EAAW,YAAc,aASzB,IAAMG,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGC,IAC1BJ,EAAC,MACC,IAAKI,EACL,UAAWG,EACT,2FACAD,CACF,EACC,GAAGH,EACN,CACD,EAEDE,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAG3B,CAAC,CAAE,UAAAF,EAAW,GAAGH,CAAM,EAAGC,IAC1BJ,EAAC,MACC,IAAKI,EACL,UAAWG,EAAG,mCAAoCD,CAAS,EAC1D,GAAGH,EACN,CACD,EAEDK,EAAe,YAAc,iBAa7B,IAAMC,EAAuB,aAG3B,CAAC,CAAE,QAAAC,EAAS,UAAAJ,EAAW,GAAGH,CAAM,EAAGC,IAIjCJ,EAHgBU,EAAUC,EAAO,IAGhC,CACC,IAAKP,EACL,UAAWG,EAAG,aAAc,wBAAyBD,CAAS,EAC7D,GAAGH,EACN,CAEH,EAEDM,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAG3B,CAAC,CAAE,UAAAN,EAAW,GAAGH,CAAM,EAAGC,IAC1BJ,EAAC,QACC,IAAKI,EACL,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWG,EAAG,8BAA+BD,CAAS,EACrD,GAAGH,EACN,CACD,EAEDS,EAAe,YAAc,iBAQ7B,SAASC,EAAoB,CAC3B,SAAAC,EACA,UAAAR,EACA,GAAGH,CACL,EAAgD,CAC9C,OACEH,EAAC,MACC,KAAK,eACL,cAAY,OACZ,UAAWO,EAAG,mBAAoBD,CAAS,EAC1C,GAAGH,EAEH,SAAAW,GAAYd,EAACe,EAAA,EAAiB,EACjC,CAEJ,CAQA,SAASC,EAAmB,CAC1B,UAAAV,EACA,GAAGH,CACL,EAA+C,CAC7C,OACEF,EAAC,QACC,KAAK,eACL,cAAY,OACZ,UAAWM,EAAG,0CAA2CD,CAAS,EACjE,GAAGH,EAEJ,UAAAH,EAACiB,EAAA,CAAmB,UAAU,SAAS,EACvCjB,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,CAEJ","names":["React","Slot","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","DotsHorizontalIcon"]}
1
+ {"version":3,"sources":["../../src/react/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = 'Breadcrumb';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n 'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5',\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n));\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : 'a';\n\n return <Component ref={ref} className={cn('transition', 'hover:text-foreground', className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = 'BreadcrumbLink';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn('text-foreground font-normal', className)}\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li role=\"presentation\" aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn('flex size-4 items-center justify-center', className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"],"mappings":"0CAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAcnD,cAAAC,EAoGE,QAAAC,MApGF,oBADF,IAAMC,EAAmB,aAA+C,CAAC,CAAE,GAAGC,CAAM,EAAGC,IACrFJ,EAAC,OAAI,IAAKI,EAAK,aAAW,aAAc,GAAGD,EAAO,CACnD,EAEDD,EAAW,YAAc,aASzB,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAC,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MACC,IAAKI,EACL,UAAWG,EACT,2FACAD,CACF,EACC,GAAGH,EACN,CACD,EAEDE,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAF,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,MAAG,IAAKI,EAAK,UAAWG,EAAG,mCAAoCD,CAAS,EAAI,GAAGH,EAAO,CACxF,EAEDK,EAAe,YAAc,iBAY7B,IAAMC,EAAuB,aAC3B,CAAC,CAAE,QAAAC,EAAS,UAAAJ,EAAW,GAAGH,CAAM,EAAGC,IAG1BJ,EAFWU,EAAUC,EAAO,IAE3B,CAAU,IAAKP,EAAK,UAAWG,EAAG,aAAc,wBAAyBD,CAAS,EAAI,GAAGH,EAAO,CAE5G,EAEAM,EAAe,YAAc,iBAS7B,IAAMG,EAAuB,aAAuD,CAAC,CAAE,UAAAN,EAAW,GAAGH,CAAM,EAAGC,IAC5GJ,EAAC,QACC,IAAKI,EACL,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAWG,EAAG,8BAA+BD,CAAS,EACrD,GAAGH,EACN,CACD,EAEDS,EAAe,YAAc,iBAQ7B,SAASC,EAAoB,CAAE,SAAAC,EAAU,UAAAR,EAAW,GAAGH,CAAM,EAAgD,CAC3G,OACEH,EAAC,MAAG,KAAK,eAAe,cAAY,OAAO,UAAWO,EAAG,mBAAoBD,CAAS,EAAI,GAAGH,EAC1F,SAAAW,GAAYd,EAACe,EAAA,EAAiB,EACjC,CAEJ,CAQA,SAASC,EAAmB,CAAE,UAAAV,EAAW,GAAGH,CAAM,EAA+C,CAC/F,OACEF,EAAC,QACC,KAAK,eACL,cAAY,OACZ,UAAWM,EAAG,0CAA2CD,CAAS,EACjE,GAAGH,EAEJ,UAAAH,EAACiB,EAAA,CAAmB,UAAU,SAAS,EACvCjB,EAAC,QAAK,UAAU,UAAU,gBAAI,GAChC,CAEJ","names":["React","Slot","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Breadcrumb","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","DotsHorizontalIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJPRGRYAMjs = require('../chunk-JPRGRYAM.js');require('../chunk-ZTEJNUH6.js');require('../chunk-HQ4AUOQM.js');exports.Button = _chunkJPRGRYAMjs.b; exports.buttonVariants = _chunkJPRGRYAMjs.a;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkVZVI3OHHjs = require('../chunk-VZVI3OHH.js');require('../chunk-46W6RAYD.js');require('../chunk-HQ4AUOQM.js');exports.Button = _chunkVZVI3OHHjs.b; exports.buttonVariants = _chunkVZVI3OHHjs.a;
2
2
  //# sourceMappingURL=button.js.map
@@ -1,2 +1,2 @@
1
- import{a,b}from"../chunk-PPEAG5G4.mjs";import"../chunk-P5AV3QU7.mjs";import"../chunk-LEUB3C3L.mjs";export{b as Button,a as buttonVariants};
1
+ import{a,b}from"../chunk-7ABWX5CF.mjs";import"../chunk-BNKSZEF2.mjs";import"../chunk-LEUB3C3L.mjs";export{b as Button,a as buttonVariants};
2
2
  //# sourceMappingURL=button.mjs.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkJPRGRYAMjs = require('../chunk-JPRGRYAM.js');require('../chunk-ZTEJNUH6.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _reactdaypicker = require('react-day-picker');var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function l({children:t,...e}){return _jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4",...e})}function m({children:t,...e}){return _jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4",...e})}function g({className:t,classNames:e,showOutsideDays:d=!0,...o}){return _jsxruntime.jsx.call(void 0, _reactdaypicker.DayPicker,{showOutsideDays:d,className:_chunkHQ4AUOQMjs.b.call(void 0, "p-3",t),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:_chunkJPRGRYAMjs.a.call(void 0, {variant:"outline",className:"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"}),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-xs",row:"flex w-full mt-2",cell:_chunkHQ4AUOQMjs.b.call(void 0, "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:_chunkJPRGRYAMjs.a.call(void 0, {variant:"ghost",className:"size-9 p-0 font-normal aria-selected:opacity-100"}),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...e},components:{IconLeft:l,IconRight:m},...o})}exports.Calendar = g;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkVZVI3OHHjs = require('../chunk-VZVI3OHH.js');require('../chunk-46W6RAYD.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _reactdaypicker = require('react-day-picker');var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function l({children:t,...e}){return _jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4",...e})}function m({children:t,...e}){return _jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4",...e})}function g({className:t,classNames:e,showOutsideDays:d=!0,...o}){return _jsxruntime.jsx.call(void 0, _reactdaypicker.DayPicker,{showOutsideDays:d,className:_chunkHQ4AUOQMjs.b.call(void 0, "p-3",t),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:_chunkVZVI3OHHjs.a.call(void 0, {variant:"outline",className:"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"}),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-xs",row:"flex w-full mt-2",cell:_chunkHQ4AUOQMjs.b.call(void 0, "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:_chunkVZVI3OHHjs.a.call(void 0, {variant:"ghost",className:"size-9 p-0 font-normal aria-selected:opacity-100"}),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...e},components:{IconLeft:l,IconRight:m},...o})}exports.Calendar = g;
2
2
  //# sourceMappingURL=calendar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/calendar.tsx"],"names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronRight","Calendar","className","classNames","showOutsideDays","cn","buttonVariants"],"mappings":"4HAGA,OAEE,aAAAA,MAGK,mBACP,OAAS,mBAAAC,EAAiB,oBAAAC,MAAwB,wBAYzC,cAAAC,MAAA,oBAJT,SAASC,EAAY,CACnB,SAAUC,EACV,GAAGC,CACL,EAAuC,CACrC,OAAOH,EAACF,EAAA,CAAgB,UAAU,SAAU,GAAGK,EAAO,CACxD,CAEA,SAASC,EAAa,CACpB,SAAUF,EACV,GAAGC,CACL,EAAuC,CACrC,OAAOH,EAACD,EAAA,CAAiB,UAAU,SAAU,GAAGI,EAAO,CACzD,CAIA,SAASE,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGL,CACL,EAAqC,CACnC,OACEH,EAACH,EAAA,CACC,gBAAiBW,EACjB,UAAWC,EAAG,MAAOH,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYI,EAAe,CACzB,QAAS,UACT,UAAW,wDACb,CAAC,EACD,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,2DACX,IAAK,mBACL,KAAMD,EACJ,oNACAN,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKO,EAAe,CAClB,QAAS,QACT,UAAW,kDACb,CAAC,EACD,gBAAiB,kBACjB,cAAe,gBACf,aACE,mIACF,UAAW,mCACX,YACE,uIACF,aAAc,mCACd,iBACE,+DACF,WAAY,YACZ,GAAGH,CACL,EACA,WAAY,CACV,SAAUN,EACV,UAAWG,CACb,EACC,GAAGD,EACN,CAEJ","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n type DateRange,\n DayPicker,\n type DayPickerProps,\n type StyledComponent,\n} from 'react-day-picker';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({\n children: _,\n ...props\n}: StyledComponent): React.JSX.Element {\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({\n children: _,\n ...props\n}: StyledComponent): React.JSX.Element {\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: buttonVariants({\n variant: 'outline',\n className: 'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n }),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-xs',\n row: 'flex w-full mt-2',\n cell: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n ),\n day: buttonVariants({\n variant: 'ghost',\n className: 'size-9 p-0 font-normal aria-selected:opacity-100',\n }),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle:\n 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{\n IconLeft: ChevronLeft,\n IconRight: ChevronRight,\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"]}
1
+ {"version":3,"sources":["../../src/react/calendar.tsx"],"names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronRight","Calendar","className","classNames","showOutsideDays","cn","buttonVariants"],"mappings":"4HAGA,OAAyB,aAAAA,MAA4D,mBACrF,OAAS,mBAAAC,EAAiB,oBAAAC,MAAwB,wBASzC,cAAAC,MAAA,oBADT,SAASC,EAAY,CAAE,SAAUC,EAAG,GAAGC,CAAM,EAAuC,CAClF,OAAOH,EAACF,EAAA,CAAgB,UAAU,SAAU,GAAGK,EAAO,CACxD,CAEA,SAASC,EAAa,CAAE,SAAUF,EAAG,GAAGC,CAAM,EAAuC,CACnF,OAAOH,EAACD,EAAA,CAAiB,UAAU,SAAU,GAAGI,EAAO,CACzD,CAIA,SAASE,EAAS,CAAE,UAAAC,EAAW,WAAAC,EAAY,gBAAAC,EAAkB,GAAM,GAAGL,CAAM,EAAqC,CAC/G,OACEH,EAACH,EAAA,CACC,gBAAiBW,EACjB,UAAWC,EAAG,MAAOH,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYI,EAAe,CACzB,QAAS,UACT,UAAW,wDACb,CAAC,EACD,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,2DACX,IAAK,mBACL,KAAMD,EACJ,oNACAN,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKO,EAAe,CAClB,QAAS,QACT,UAAW,kDACb,CAAC,EACD,gBAAiB,kBACjB,cAAe,gBACf,aACE,mIACF,UAAW,mCACX,YACE,uIACF,aAAc,mCACd,iBAAkB,+DAClB,WAAY,YACZ,GAAGH,CACL,EACA,WAAY,CACV,SAAUN,EACV,UAAWG,CACb,EACC,GAAGD,EACN,CAEJ","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type DateRange, DayPicker, type DayPickerProps, type StyledComponent } from 'react-day-picker';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: buttonVariants({\n variant: 'outline',\n className: 'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n }),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-xs',\n row: 'flex w-full mt-2',\n cell: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n ),\n day: buttonVariants({\n variant: 'ghost',\n className: 'size-9 p-0 font-normal aria-selected:opacity-100',\n }),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{\n IconLeft: ChevronLeft,\n IconRight: ChevronRight,\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{a as r}from"../chunk-PPEAG5G4.mjs";import"../chunk-P5AV3QU7.mjs";import{b as a}from"../chunk-LEUB3C3L.mjs";import{DayPicker as s}from"react-day-picker";import{ChevronLeftIcon as c,ChevronRightIcon as i}from"@radix-ui/react-icons";import{jsx as n}from"react/jsx-runtime";function l({children:t,...e}){return n(c,{className:"size-4",...e})}function m({children:t,...e}){return n(i,{className:"size-4",...e})}function g({className:t,classNames:e,showOutsideDays:d=!0,...o}){return n(s,{showOutsideDays:d,className:a("p-3",t),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:r({variant:"outline",className:"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"}),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-xs",row:"flex w-full mt-2",cell:a("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:r({variant:"ghost",className:"size-9 p-0 font-normal aria-selected:opacity-100"}),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...e},components:{IconLeft:l,IconRight:m},...o})}export{g as Calendar};
1
+ "use client";import{a as r}from"../chunk-7ABWX5CF.mjs";import"../chunk-BNKSZEF2.mjs";import{b as a}from"../chunk-LEUB3C3L.mjs";import{DayPicker as s}from"react-day-picker";import{ChevronLeftIcon as c,ChevronRightIcon as i}from"@radix-ui/react-icons";import{jsx as n}from"react/jsx-runtime";function l({children:t,...e}){return n(c,{className:"size-4",...e})}function m({children:t,...e}){return n(i,{className:"size-4",...e})}function g({className:t,classNames:e,showOutsideDays:d=!0,...o}){return n(s,{showOutsideDays:d,className:a("p-3",t),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:r({variant:"outline",className:"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"}),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-xs",row:"flex w-full mt-2",cell:a("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:r({variant:"ghost",className:"size-9 p-0 font-normal aria-selected:opacity-100"}),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...e},components:{IconLeft:l,IconRight:m},...o})}export{g as Calendar};
2
2
  //# sourceMappingURL=calendar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n type DateRange,\n DayPicker,\n type DayPickerProps,\n type StyledComponent,\n} from 'react-day-picker';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({\n children: _,\n ...props\n}: StyledComponent): React.JSX.Element {\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({\n children: _,\n ...props\n}: StyledComponent): React.JSX.Element {\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: buttonVariants({\n variant: 'outline',\n className: 'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n }),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-xs',\n row: 'flex w-full mt-2',\n cell: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n ),\n day: buttonVariants({\n variant: 'ghost',\n className: 'size-9 p-0 font-normal aria-selected:opacity-100',\n }),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle:\n 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{\n IconLeft: ChevronLeft,\n IconRight: ChevronRight,\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"],"mappings":"+HAGA,OAEE,aAAAA,MAGK,mBACP,OAAS,mBAAAC,EAAiB,oBAAAC,MAAwB,wBAYzC,cAAAC,MAAA,oBAJT,SAASC,EAAY,CACnB,SAAUC,EACV,GAAGC,CACL,EAAuC,CACrC,OAAOH,EAACI,EAAA,CAAgB,UAAU,SAAU,GAAGD,EAAO,CACxD,CAEA,SAASE,EAAa,CACpB,SAAUH,EACV,GAAGC,CACL,EAAuC,CACrC,OAAOH,EAACM,EAAA,CAAiB,UAAU,SAAU,GAAGH,EAAO,CACzD,CAIA,SAASI,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGP,CACL,EAAqC,CACnC,OACEH,EAACW,EAAA,CACC,gBAAiBD,EACjB,UAAWE,EAAG,MAAOJ,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYK,EAAe,CACzB,QAAS,UACT,UAAW,wDACb,CAAC,EACD,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,2DACX,IAAK,mBACL,KAAMD,EACJ,oNACAT,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKU,EAAe,CAClB,QAAS,QACT,UAAW,kDACb,CAAC,EACD,gBAAiB,kBACjB,cAAe,gBACf,aACE,mIACF,UAAW,mCACX,YACE,uIACF,aAAc,mCACd,iBACE,+DACF,WAAY,YACZ,GAAGJ,CACL,EACA,WAAY,CACV,SAAUR,EACV,UAAWI,CACb,EACC,GAAGF,EACN,CAEJ","names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronLeftIcon","ChevronRight","ChevronRightIcon","Calendar","className","classNames","showOutsideDays","DayPicker","cn","buttonVariants"]}
1
+ {"version":3,"sources":["../../src/react/calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type DateRange, DayPicker, type DayPickerProps, type StyledComponent } from 'react-day-picker';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: buttonVariants({\n variant: 'outline',\n className: 'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n }),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-xs',\n row: 'flex w-full mt-2',\n cell: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n ),\n day: buttonVariants({\n variant: 'ghost',\n className: 'size-9 p-0 font-normal aria-selected:opacity-100',\n }),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{\n IconLeft: ChevronLeft,\n IconRight: ChevronRight,\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"],"mappings":"+HAGA,OAAyB,aAAAA,MAA4D,mBACrF,OAAS,mBAAAC,EAAiB,oBAAAC,MAAwB,wBASzC,cAAAC,MAAA,oBADT,SAASC,EAAY,CAAE,SAAUC,EAAG,GAAGC,CAAM,EAAuC,CAClF,OAAOH,EAACI,EAAA,CAAgB,UAAU,SAAU,GAAGD,EAAO,CACxD,CAEA,SAASE,EAAa,CAAE,SAAUH,EAAG,GAAGC,CAAM,EAAuC,CACnF,OAAOH,EAACM,EAAA,CAAiB,UAAU,SAAU,GAAGH,EAAO,CACzD,CAIA,SAASI,EAAS,CAAE,UAAAC,EAAW,WAAAC,EAAY,gBAAAC,EAAkB,GAAM,GAAGP,CAAM,EAAqC,CAC/G,OACEH,EAACW,EAAA,CACC,gBAAiBD,EACjB,UAAWE,EAAG,MAAOJ,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYK,EAAe,CACzB,QAAS,UACT,UAAW,wDACb,CAAC,EACD,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,2DACX,IAAK,mBACL,KAAMD,EACJ,oNACAT,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKU,EAAe,CAClB,QAAS,QACT,UAAW,kDACb,CAAC,EACD,gBAAiB,kBACjB,cAAe,gBACf,aACE,mIACF,UAAW,mCACX,YACE,uIACF,aAAc,mCACd,iBAAkB,+DAClB,WAAY,YACZ,GAAGJ,CACL,EACA,WAAY,CACV,SAAUR,EACV,UAAWI,CACb,EACC,GAAGF,EACN,CAEJ","names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronLeftIcon","ChevronRight","ChevronRightIcon","Calendar","className","classNames","showOutsideDays","DayPicker","cn","buttonVariants"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/card.tsx"],"names":["React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter"],"mappings":"yCAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBAFJ,IAAMC,EAAa,aACjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OACC,IAAKI,EACL,UAAWC,EACT,2DACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAF,EAAK,YAAc,OASnB,IAAMK,EAAmB,aACvB,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OACC,IAAKI,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CAEJ,EAEAG,EAAW,YAAc,aASzB,IAAMC,EAAkB,aACtB,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IAClCJ,EAAC,MACC,IAAKI,EACL,UAAWC,EAAG,4CAA6CH,CAAS,EACnE,GAAGC,EAEH,SAAAK,EACH,CAEJ,EAEAD,EAAU,YAAc,YASxB,IAAME,EAAwB,aAG5B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,KACC,IAAKI,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CACD,EAEDM,EAAgB,YAAc,kBAS9B,IAAMC,EAAoB,aACxB,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,WAAYH,CAAS,EAAI,GAAGC,EAAO,CAEpE,EAEAO,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aACvB,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OACC,IAAKI,EACL,UAAWC,EAAG,6BAA8BH,CAAS,EACpD,GAAGC,EACN,CAEJ,EAEAQ,EAAW,YAAc","sourcesContent":["import * as React from 'react';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardElement = HTMLDivElement;\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<CardElement, CardProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'bg-card text-card-foreground rounded-lg border shadow-sm',\n className,\n )}\n {...props}\n />\n ),\n);\n\nCard.displayName = 'Card';\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderElement = HTMLDivElement;\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex flex-col space-y-1.5 p-6', className)}\n {...props}\n />\n ),\n);\n\nCardHeader.displayName = 'CardHeader';\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleElement = HTMLParagraphElement;\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>(\n ({ children, className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn('font-semibold leading-none tracking-tight', className)}\n {...props}\n >\n {children}\n </h3>\n ),\n);\n\nCardTitle.displayName = 'CardTitle';\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionElement = HTMLParagraphElement;\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst CardDescription = React.forwardRef<\n CardDescriptionElement,\n CardDescriptionProps\n>(({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n));\n\nCardDescription.displayName = 'CardDescription';\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\ntype CardContentElement = HTMLDivElement;\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n ),\n);\n\nCardContent.displayName = 'CardContent';\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\ntype CardFooterElement = HTMLDivElement;\ntype CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex items-center p-6 pt-0', className)}\n {...props}\n />\n ),\n);\n\nCardFooter.displayName = 'CardFooter';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardDescription,\n CardContent,\n type CardProps,\n type CardHeaderProps,\n type CardFooterProps,\n type CardTitleProps,\n type CardDescriptionProps,\n type CardContentProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/card.tsx"],"names":["React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter"],"mappings":"yCAAA,UAAYA,MAAW,QAWrB,cAAAC,MAAA,oBADF,IAAMC,EAAa,aAAmC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC9EJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,2DAA4DH,CAAS,EAAI,GAAGC,EAAO,CACjH,EAEDF,EAAK,YAAc,OASnB,IAAMK,EAAmB,aAA+C,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IAChGJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CACtF,EAEDG,EAAW,YAAc,aASzB,IAAMC,EAAkB,aAA6C,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACvGJ,EAAC,MAAG,IAAKI,EAAK,UAAWC,EAAG,4CAA6CH,CAAS,EAAI,GAAGC,EACtF,SAAAK,EACH,CACD,EAEDD,EAAU,YAAc,YASxB,IAAME,EAAwB,aAC5B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,KAAE,IAAKI,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEvF,EAEAM,EAAgB,YAAc,kBAS9B,IAAMC,EAAoB,aAAiD,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACnGJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,WAAYH,CAAS,EAAI,GAAGC,EAAO,CACjE,EAEDO,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IAChGJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,6BAA8BH,CAAS,EAAI,GAAGC,EAAO,CACnF,EAEDQ,EAAW,YAAc","sourcesContent":["import * as React from 'react';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardElement = HTMLDivElement;\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<CardElement, CardProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('bg-card text-card-foreground rounded-lg border shadow-sm', className)} {...props} />\n));\n\nCard.displayName = 'Card';\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderElement = HTMLDivElement;\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n));\n\nCardHeader.displayName = 'CardHeader';\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleElement = HTMLParagraphElement;\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>(({ children, className, ...props }, ref) => (\n <h3 ref={ref} className={cn('font-semibold leading-none tracking-tight', className)} {...props}>\n {children}\n </h3>\n));\n\nCardTitle.displayName = 'CardTitle';\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionElement = HTMLParagraphElement;\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n ({ className, ...props }, ref) => (\n <p ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nCardDescription.displayName = 'CardDescription';\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\ntype CardContentElement = HTMLDivElement;\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n));\n\nCardContent.displayName = 'CardContent';\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\ntype CardFooterElement = HTMLDivElement;\ntype CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n));\n\nCardFooter.displayName = 'CardFooter';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardDescription,\n CardContent,\n type CardProps,\n type CardHeaderProps,\n type CardFooterProps,\n type CardTitleProps,\n type CardDescriptionProps,\n type CardContentProps,\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardElement = HTMLDivElement;\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<CardElement, CardProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n 'bg-card text-card-foreground rounded-lg border shadow-sm',\n className,\n )}\n {...props}\n />\n ),\n);\n\nCard.displayName = 'Card';\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderElement = HTMLDivElement;\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex flex-col space-y-1.5 p-6', className)}\n {...props}\n />\n ),\n);\n\nCardHeader.displayName = 'CardHeader';\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleElement = HTMLParagraphElement;\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>(\n ({ children, className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn('font-semibold leading-none tracking-tight', className)}\n {...props}\n >\n {children}\n </h3>\n ),\n);\n\nCardTitle.displayName = 'CardTitle';\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionElement = HTMLParagraphElement;\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst CardDescription = React.forwardRef<\n CardDescriptionElement,\n CardDescriptionProps\n>(({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n));\n\nCardDescription.displayName = 'CardDescription';\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\ntype CardContentElement = HTMLDivElement;\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n ),\n);\n\nCardContent.displayName = 'CardContent';\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\ntype CardFooterElement = HTMLDivElement;\ntype CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn('flex items-center p-6 pt-0', className)}\n {...props}\n />\n ),\n);\n\nCardFooter.displayName = 'CardFooter';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardDescription,\n CardContent,\n type CardProps,\n type CardHeaderProps,\n type CardFooterProps,\n type CardTitleProps,\n type CardDescriptionProps,\n type CardContentProps,\n};\n"],"mappings":"0CAAA,UAAYA,MAAW,QAYnB,cAAAC,MAAA,oBAFJ,IAAMC,EAAa,aACjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OACC,IAAKI,EACL,UAAWC,EACT,2DACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAF,EAAK,YAAc,OASnB,IAAMK,EAAmB,aACvB,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OACC,IAAKI,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CAEJ,EAEAG,EAAW,YAAc,aASzB,IAAMC,EAAkB,aACtB,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IAClCJ,EAAC,MACC,IAAKI,EACL,UAAWC,EAAG,4CAA6CH,CAAS,EACnE,GAAGC,EAEH,SAAAK,EACH,CAEJ,EAEAD,EAAU,YAAc,YASxB,IAAME,EAAwB,aAG5B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAC,KACC,IAAKI,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CACD,EAEDM,EAAgB,YAAc,kBAS9B,IAAMC,EAAoB,aACxB,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,WAAYH,CAAS,EAAI,GAAGC,EAAO,CAEpE,EAEAO,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aACvB,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,OACC,IAAKI,EACL,UAAWC,EAAG,6BAA8BH,CAAS,EACpD,GAAGC,EACN,CAEJ,EAEAQ,EAAW,YAAc","names":["React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter"]}
1
+ {"version":3,"sources":["../../src/react/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\ntype CardElement = HTMLDivElement;\ntype CardProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Card = React.forwardRef<CardElement, CardProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('bg-card text-card-foreground rounded-lg border shadow-sm', className)} {...props} />\n));\n\nCard.displayName = 'Card';\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\ntype CardHeaderElement = HTMLDivElement;\ntype CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n));\n\nCardHeader.displayName = 'CardHeader';\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\ntype CardTitleElement = HTMLParagraphElement;\ntype CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>(({ children, className, ...props }, ref) => (\n <h3 ref={ref} className={cn('font-semibold leading-none tracking-tight', className)} {...props}>\n {children}\n </h3>\n));\n\nCardTitle.displayName = 'CardTitle';\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\ntype CardDescriptionElement = HTMLParagraphElement;\ntype CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n ({ className, ...props }, ref) => (\n <p ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n ),\n);\n\nCardDescription.displayName = 'CardDescription';\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\ntype CardContentElement = HTMLDivElement;\ntype CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n));\n\nCardContent.displayName = 'CardContent';\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\ntype CardFooterElement = HTMLDivElement;\ntype CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n));\n\nCardFooter.displayName = 'CardFooter';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardDescription,\n CardContent,\n type CardProps,\n type CardHeaderProps,\n type CardFooterProps,\n type CardTitleProps,\n type CardDescriptionProps,\n type CardContentProps,\n};\n"],"mappings":"0CAAA,UAAYA,MAAW,QAWrB,cAAAC,MAAA,oBADF,IAAMC,EAAa,aAAmC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC9EJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,2DAA4DH,CAAS,EAAI,GAAGC,EAAO,CACjH,EAEDF,EAAK,YAAc,OASnB,IAAMK,EAAmB,aAA+C,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IAChGJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CACtF,EAEDG,EAAW,YAAc,aASzB,IAAMC,EAAkB,aAA6C,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACvGJ,EAAC,MAAG,IAAKI,EAAK,UAAWC,EAAG,4CAA6CH,CAAS,EAAI,GAAGC,EACtF,SAAAK,EACH,CACD,EAEDD,EAAU,YAAc,YASxB,IAAME,EAAwB,aAC5B,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,IACxBJ,EAAC,KAAE,IAAKI,EAAK,UAAWC,EAAG,gCAAiCH,CAAS,EAAI,GAAGC,EAAO,CAEvF,EAEAM,EAAgB,YAAc,kBAS9B,IAAMC,EAAoB,aAAiD,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IACnGJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,WAAYH,CAAS,EAAI,GAAGC,EAAO,CACjE,EAEDO,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IAChGJ,EAAC,OAAI,IAAKI,EAAK,UAAWC,EAAG,6BAA8BH,CAAS,EAAI,GAAGC,EAAO,CACnF,EAEDQ,EAAW,YAAc","names":["React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkJPRGRYAMjs = require('../chunk-JPRGRYAM.js');require('../chunk-ZTEJNUH6.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _emblacarouselreact = require('embla-carousel-react'); var _emblacarouselreact2 = _interopRequireDefault(_emblacarouselreact);var _reacticons = require('@radix-ui/react-icons');var _reactcontext = require('@radix-ui/react-context');var _jsxruntime = require('react/jsx-runtime');var N="Carousel",[D]=_reactcontext.createContextScope.call(void 0, N),[U,f]=D(N),_= exports.Carousel =e.forwardRef(({__scopeCarousel:l,children:a,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=_emblacarouselreact2.default.call(void 0, {...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _2 => _2.scrollPrev, 'call', _3 => _3()])},[o]),v=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _4 => _4.scrollNext, 'call', _5 => _5()])},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),_jsxruntime.jsx.call(void 0, U,{scope:l,carouselRef:T,api:o,opts:r,orientation:_nullishCoalesce(s, () => ((_optionalChain([r, 'optionalAccess', _6 => _6.axis])==="y"?"vertical":"horizontal"))),scrollPrev:y,scrollNext:v,canScrollPrev:L,canScrollNext:M,children:_jsxruntime.jsx.call(void 0, "div",{ref:m,onKeyDownCapture:I,className:_chunkHQ4AUOQMjs.b.call(void 0, "relative",p),role:"region","aria-roledescription":"carousel",...C,children:a})})});_.displayName=N;var E="CarouselContent",g= exports.CarouselContent =e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,l);return _jsxruntime.jsx.call(void 0, "div",{ref:t,className:"overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",a),...s})})});g.displayName=E;var R="CarouselItem",k= exports.CarouselItem =e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{orientation:t}=f(R,l);return _jsxruntime.jsx.call(void 0, "div",{ref:r,role:"group","aria-roledescription":"slide",className:_chunkHQ4AUOQMjs.b.call(void 0, "min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",a),...s})});k.displayName=R;var x="CarouselPrevious",O= exports.CarouselPrevious =e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,l);return _jsxruntime.jsxs.call(void 0, _chunkJPRGRYAMjs.b,{ref:c,variant:s,size:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K= exports.CarouselNext =e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,l);return _jsxruntime.jsxs.call(void 0, _chunkJPRGRYAMjs.b,{ref:c,variant:s,size:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;exports.Carousel = _; exports.CarouselContent = g; exports.CarouselItem = k; exports.CarouselNext = K; exports.CarouselPrevious = O;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkVZVI3OHHjs = require('../chunk-VZVI3OHH.js');require('../chunk-46W6RAYD.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _emblacarouselreact = require('embla-carousel-react'); var _emblacarouselreact2 = _interopRequireDefault(_emblacarouselreact);var _reacticons = require('@radix-ui/react-icons');var _reactcontext = require('@radix-ui/react-context');var _jsxruntime = require('react/jsx-runtime');var N="Carousel",[D]=_reactcontext.createContextScope.call(void 0, N),[U,f]=D(N),_= exports.Carousel =e.forwardRef(({__scopeCarousel:a,children:l,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=_emblacarouselreact2.default.call(void 0, {...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _2 => _2.scrollPrev, 'call', _3 => _3()])},[o]),d=e.useCallback(()=>{_optionalChain([o, 'optionalAccess', _4 => _4.scrollNext, 'call', _5 => _5()])},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),d())},[y,d]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),_jsxruntime.jsx.call(void 0, U,{scope:a,carouselRef:T,api:o,opts:r,orientation:_nullishCoalesce(s, () => ((_optionalChain([r, 'optionalAccess', _6 => _6.axis])==="y"?"vertical":"horizontal"))),scrollPrev:y,scrollNext:d,canScrollPrev:L,canScrollNext:M,children:_jsxruntime.jsx.call(void 0, "div",{ref:m,onKeyDownCapture:I,className:_chunkHQ4AUOQMjs.b.call(void 0, "relative",p),role:"region","aria-roledescription":"carousel",...C,children:l})})});_.displayName=N;var E="CarouselContent",g= exports.CarouselContent =e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,a);return _jsxruntime.jsx.call(void 0, "div",{ref:t,className:"overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{ref:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",l),...s})})});g.displayName=E;var R="CarouselItem",k= exports.CarouselItem =e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{orientation:t}=f(R,a);return _jsxruntime.jsx.call(void 0, "div",{ref:r,role:"group","aria-roledescription":"slide",className:_chunkHQ4AUOQMjs.b.call(void 0, "min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",l),...s})});k.displayName=R;var x="CarouselPrevious",O= exports.CarouselPrevious =e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,a);return _jsxruntime.jsxs.call(void 0, _chunkVZVI3OHHjs.b,{ref:c,variant:s,size:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K= exports.CarouselNext =e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,a);return _jsxruntime.jsxs.call(void 0, _chunkVZVI3OHHjs.b,{ref:c,variant:s,size:r,className:_chunkHQ4AUOQMjs.b.call(void 0, "absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,onClick:C,...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ArrowRightIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;exports.Carousel = _; exports.CarouselContent = g; exports.CarouselItem = k; exports.CarouselNext = K; exports.CarouselPrevious = O;
2
2
  //# sourceMappingURL=carousel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/carousel.tsx"],"names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","CAROUSEL_NEXT_NAME","CarouselNext"],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '../lib/utils';\nimport { Button, type ButtonProps } from './button';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] =\n createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n {\n __scopeCarousel,\n children,\n orientation,\n opts,\n setApi,\n plugins,\n className,\n ...props\n }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={\n orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')\n }\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<\n CarouselContentElement,\n CarouselContentProps\n>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>,\n ref,\n ) => {\n const { carouselRef, orientation } = useCarouselContext(\n CAROUSEL_CONTENT_NAME,\n __scopeCarousel,\n );\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className,\n )}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>,\n ref,\n ) => {\n const { orientation } = useCarouselContext(\n CAROUSEL_ITEM_NAME,\n __scopeCarousel,\n );\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className,\n )}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<\n CarouselPreviousElement,\n CarouselPreviousProps\n>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(\n CAROUSEL_PREVIOUS_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(\n CAROUSEL_NEXT_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/carousel.tsx"],"names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","CAROUSEL_NEXT_NAME","CarouselNext"],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { cn } from '../lib/utils';\nimport { Button } from './button';\nimport type { ButtonProps } from './button';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{b as d}from"../chunk-PPEAG5G4.mjs";import"../chunk-P5AV3QU7.mjs";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as e from"react";import h from"embla-carousel-react";import{ArrowLeftIcon as z,ArrowRightIcon as H}from"@radix-ui/react-icons";import{createContextScope as B}from"@radix-ui/react-context";import{jsx as n,jsxs as b}from"react/jsx-runtime";var N="Carousel",[D]=B(N),[U,f]=D(N),_=e.forwardRef(({__scopeCarousel:l,children:a,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=h({...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{o?.scrollPrev()},[o]),v=e.useCallback(()=>{o?.scrollNext()},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),v())},[y,v]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),n(U,{scope:l,carouselRef:T,api:o,opts:r,orientation:s??(r?.axis==="y"?"vertical":"horizontal"),scrollPrev:y,scrollNext:v,canScrollPrev:L,canScrollNext:M,children:n("div",{ref:m,onKeyDownCapture:I,className:i("relative",p),role:"region","aria-roledescription":"carousel",...C,children:a})})});_.displayName=N;var E="CarouselContent",g=e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,l);return n("div",{ref:t,className:"overflow-hidden",children:n("div",{ref:r,className:i("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",a),...s})})});g.displayName=E;var R="CarouselItem",k=e.forwardRef(({__scopeCarousel:l,className:a,...s},r)=>{let{orientation:t}=f(R,l);return n("div",{ref:r,role:"group","aria-roledescription":"slide",className:i("min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",a),...s})});k.displayName=R;var x="CarouselPrevious",O=e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,l);return b(d,{ref:c,variant:s,size:r,className:i("absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[n(z,{className:"size-4"}),n("span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K=e.forwardRef(({__scopeCarousel:l,className:a,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,l);return b(d,{ref:c,variant:s,size:r,className:i("absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",a),disabled:!m,onClick:C,...t,children:[n(H,{className:"size-4"}),n("span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;export{_ as Carousel,g as CarouselContent,k as CarouselItem,K as CarouselNext,O as CarouselPrevious};
1
+ "use client";import{b as v}from"../chunk-7ABWX5CF.mjs";import"../chunk-BNKSZEF2.mjs";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as e from"react";import h from"embla-carousel-react";import{ArrowLeftIcon as z,ArrowRightIcon as H}from"@radix-ui/react-icons";import{createContextScope as B}from"@radix-ui/react-context";import{jsx as n,jsxs as b}from"react/jsx-runtime";var N="Carousel",[D]=B(N),[U,f]=D(N),_=e.forwardRef(({__scopeCarousel:a,children:l,orientation:s,opts:r,setApi:t,plugins:c,className:p,...C},m)=>{let[T,o]=h({...r,axis:s==="vertical"?"y":"x"},c),[L,A]=e.useState(!1),[M,w]=e.useState(!1),P=e.useCallback(u=>{u&&(A(u.canScrollPrev()),w(u.canScrollNext()))},[]),y=e.useCallback(()=>{o?.scrollPrev()},[o]),d=e.useCallback(()=>{o?.scrollNext()},[o]),I=e.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),y()):u.key==="ArrowRight"&&(u.preventDefault(),d())},[y,d]);return e.useEffect(()=>{!o||!t||t(o)},[o,t]),e.useEffect(()=>{if(o)return P(o),o.on("reInit",P),o.on("select",P),()=>{o.off("select",P)}},[o,P]),n(U,{scope:a,carouselRef:T,api:o,opts:r,orientation:s??(r?.axis==="y"?"vertical":"horizontal"),scrollPrev:y,scrollNext:d,canScrollPrev:L,canScrollNext:M,children:n("div",{ref:m,onKeyDownCapture:I,className:i("relative",p),role:"region","aria-roledescription":"carousel",...C,children:l})})});_.displayName=N;var E="CarouselContent",g=e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{carouselRef:t,orientation:c}=f(E,a);return n("div",{ref:t,className:"overflow-hidden",children:n("div",{ref:r,className:i("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",l),...s})})});g.displayName=E;var R="CarouselItem",k=e.forwardRef(({__scopeCarousel:a,className:l,...s},r)=>{let{orientation:t}=f(R,a);return n("div",{ref:r,role:"group","aria-roledescription":"slide",className:i("min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",l),...s})});k.displayName=R;var x="CarouselPrevious",O=e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollPrev:C,canScrollPrev:m}=f(x,a);return b(v,{ref:c,variant:s,size:r,className:i("absolute size-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,onClick:C,...t,children:[n(z,{className:"size-4"}),n("span",{className:"sr-only",children:"Previous slide"})]})});O.displayName=x;var S="CarouselNext",K=e.forwardRef(({__scopeCarousel:a,className:l,variant:s="outline",size:r="icon",...t},c)=>{let{orientation:p,scrollNext:C,canScrollNext:m}=f(S,a);return b(v,{ref:c,variant:s,size:r,className:i("absolute size-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!m,onClick:C,...t,children:[n(H,{className:"size-4"}),n("span",{className:"sr-only",children:"Next slide"})]})});K.displayName=S;export{_ as Carousel,g as CarouselContent,k as CarouselItem,K as CarouselNext,O as CarouselPrevious};
2
2
  //# sourceMappingURL=carousel.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/carousel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '../lib/utils';\nimport { Button, type ButtonProps } from './button';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] =\n createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n {\n __scopeCarousel,\n children,\n orientation,\n opts,\n setApi,\n plugins,\n className,\n ...props\n }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={\n orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')\n }\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<\n CarouselContentElement,\n CarouselContentProps\n>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>,\n ref,\n ) => {\n const { carouselRef, orientation } = useCarouselContext(\n CAROUSEL_CONTENT_NAME,\n __scopeCarousel,\n );\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n 'flex',\n orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n className,\n )}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n (\n { __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>,\n ref,\n ) => {\n const { orientation } = useCarouselContext(\n CAROUSEL_ITEM_NAME,\n __scopeCarousel,\n );\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n 'min-w-0 shrink-0 grow-0 basis-full',\n orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n className,\n )}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<\n CarouselPreviousElement,\n CarouselPreviousProps\n>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(\n CAROUSEL_PREVIOUS_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n {\n __scopeCarousel,\n className,\n variant = 'outline',\n size = 'icon',\n ...props\n }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(\n CAROUSEL_NEXT_NAME,\n __scopeCarousel,\n );\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}
1
+ {"version":3,"sources":["../../src/react/carousel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from '@radix-ui/react-icons';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { cn } from '../lib/utils';\nimport { Button } from './button';\nimport type { ButtonProps } from './button';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: 'horizontal' | 'vertical';\n setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & BaseCarouselProps;\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\ntype CarouselElement = HTMLDivElement;\ntype CarouselProps = React.HTMLAttributes<HTMLDivElement> & BaseCarouselProps;\n\nconst Carousel = React.forwardRef<CarouselElement, CarouselProps>(\n (\n { __scopeCarousel, children, orientation, opts, setApi, plugins, className, ...props }: ScopedProps<CarouselProps>,\n ref,\n ) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === 'vertical' ? 'y' : 'x',\n },\n plugins,\n );\n\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((carouselApi: CarouselApi) => {\n if (!carouselApi) {\n return;\n }\n\n setCanScrollPrev(carouselApi.canScrollPrev());\n setCanScrollNext(carouselApi.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === 'ArrowRight') {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on('reInit', onSelect);\n api.on('select', onSelect);\n\n return () => {\n api.off('select', onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselProvider\n scope={__scopeCarousel}\n carouselRef={carouselRef}\n api={api}\n opts={opts}\n orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n scrollPrev={scrollPrev}\n scrollNext={scrollNext}\n canScrollPrev={canScrollPrev}\n canScrollNext={canScrollNext}\n >\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn('relative', className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselProvider>\n );\n },\n);\n\nCarousel.displayName = CAROUSEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\ntype CarouselContentElement = HTMLDivElement;\ntype CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselContent = React.forwardRef<CarouselContentElement, CarouselContentProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselContentProps>, ref) => {\n const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n return (\n <div ref={carouselRef} className=\"overflow-hidden\">\n <div\n ref={ref}\n className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n {...props}\n />\n </div>\n );\n },\n);\n\nCarouselContent.displayName = CAROUSEL_CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\ntype CarouselItemElement = HTMLDivElement;\ntype CarouselItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst CarouselItem = React.forwardRef<CarouselItemElement, CarouselItemProps>(\n ({ __scopeCarousel, className, ...props }: ScopedProps<CarouselItemProps>, ref) => {\n const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n {...props}\n />\n );\n },\n);\n\nCarouselItem.displayName = CAROUSEL_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\ntype CarouselPreviousElement = HTMLButtonElement;\ntype CarouselPreviousProps = ButtonProps;\n\nconst CarouselPrevious = React.forwardRef<CarouselPreviousElement, CarouselPreviousProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselPreviousProps>,\n ref,\n ) => {\n const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-left-12 top-1/2 -translate-y-1/2'\n : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeftIcon className=\"size-4\" />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n },\n);\n\nCarouselPrevious.displayName = CAROUSEL_PREVIOUS_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\ntype CarouselNextElement = HTMLButtonElement;\ntype CarouselNextProps = ButtonProps;\n\nconst CarouselNext = React.forwardRef<CarouselNextElement, CarouselNextProps>(\n (\n { __scopeCarousel, className, variant = 'outline', size = 'icon', ...props }: ScopedProps<CarouselNextProps>,\n ref,\n ) => {\n const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'absolute size-8 rounded-full',\n orientation === 'horizontal'\n ? '-right-12 top-1/2 -translate-y-1/2'\n : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRightIcon className=\"size-4\" />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n },\n);\n\nCarouselNext.displayName = CAROUSEL_NEXT_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n type CarouselProps,\n type CarouselContentProps,\n type CarouselItemProps,\n type CarouselPreviousProps,\n type CarouselNextProps,\n};\n"],"mappings":"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","names":["React","useEmblaCarousel","ArrowLeftIcon","ArrowRightIcon","createContextScope","jsx","jsxs","CAROUSEL_NAME","createCarouselContext","createContextScope","CarouselProvider","useCarouselContext","Carousel","__scopeCarousel","children","orientation","opts","setApi","plugins","className","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","carouselApi","scrollPrev","scrollNext","handleKeyDown","event","cn","CAROUSEL_CONTENT_NAME","CarouselContent","CAROUSEL_ITEM_NAME","CarouselItem","CAROUSEL_PREVIOUS_NAME","CarouselPrevious","variant","size","Button","ArrowLeftIcon","CAROUSEL_NEXT_NAME","CarouselNext","ArrowRightIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkUYRRHPPHjs = require('../chunk-UYRRHPPH.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var b=a.forwardRef(({className:r,...t},i)=>_jsxruntime.jsx.call(void 0, _chunkUYRRHPPHjs.e,{className:_chunkHQ4AUOQMjs.b.call(void 0, "grid gap-2",r),...t,ref:i}));b.displayName=_chunkUYRRHPPHjs.e.displayName;var l=a.forwardRef(({children:r,className:t,checkboxClassName:i,...p},C)=>_jsxruntime.jsxs.call(void 0, "label",{className:_chunkHQ4AUOQMjs.b.call(void 0, "flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,_jsxruntime.jsx.call(void 0, _chunkUYRRHPPHjs.f,{ref:C,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:_jsxruntime.jsx.call(void 0, _chunkUYRRHPPHjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})})]}));l.displayName=_chunkUYRRHPPHjs.f.displayName;exports.CheckboxCards = b; exports.CheckboxCardsItem = l;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkX4BEEJEWjs = require('../chunk-X4BEEJEW.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var b=a.forwardRef(({className:r,...t},i)=>_jsxruntime.jsx.call(void 0, _chunkX4BEEJEWjs.e,{className:_chunkHQ4AUOQMjs.b.call(void 0, "grid gap-2",r),...t,ref:i}));b.displayName=_chunkX4BEEJEWjs.e.displayName;var l=a.forwardRef(({children:r,className:t,checkboxClassName:i,...p},C)=>_jsxruntime.jsxs.call(void 0, "label",{className:_chunkHQ4AUOQMjs.b.call(void 0, "flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,_jsxruntime.jsx.call(void 0, _chunkX4BEEJEWjs.f,{ref:C,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:_jsxruntime.jsx.call(void 0, _chunkX4BEEJEWjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})})]}));l.displayName=_chunkX4BEEJEWjs.f.displayName;exports.CheckboxCards = b; exports.CheckboxCardsItem = l;
2
2
  //# sourceMappingURL=checkbox-cards.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,EA4BA,QAAAC,MA5BA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBL,EAAwBM,EAAvB,CACC,UAAWC,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACJ,IAAKC,EACP,CAEH,EAEDH,EAAc,YAAqCI,EAAK,YAexD,IAAME,EAA0B,aAG9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAErDJ,EAAC,SACC,UAAWM,EACT,+DACAJ,CACF,EAEC,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,0SACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAEH,EAEDS,EAAkB,YAAqCG,EAAK","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxCards = React.forwardRef<\n CheckboxCardsElement,\n CheckboxCardsProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n className={cn('grid gap-2', className)}\n {...props}\n ref={ref}\n />\n );\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\ninterface CheckboxCardsItemProps\n extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<\n CheckboxCardsItemElement,\n CheckboxCardsItemProps\n>(({ children, className, checkboxClassName, ...props }, ref) => {\n return (\n <label\n className={cn(\n 'flex items-center justify-center gap-4 rounded-md border p-4',\n className,\n )}\n >\n {children}\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n});\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxCards,\n CheckboxCardsItem,\n type CheckboxCardsProps,\n type CheckboxCardsItemProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,EAkBH,QAAAC,MAlBG,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGL,EAAwBM,EAAvB,CAA4B,UAAWC,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,IAAKC,EAAK,CAClG,EAEDH,EAAc,YAAqCI,EAAK,YAYxD,IAAME,EAA0B,aAC9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAEnDJ,EAAC,SAAM,UAAWM,EAAG,+DAAgEJ,CAAS,EAC3F,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,0SACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAGN,EAEAS,EAAkB,YAAqCG,EAAK","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(({ className, ...props }, ref) => {\n return <CheckboxGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n ({ children, className, checkboxClassName, ...props }, ref) => {\n return (\n <label className={cn('flex items-center justify-center gap-4 rounded-md border p-4', className)}>\n {children}\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{d as m,e as c,f as s}from"../chunk-JOBEKA4M.mjs";import{b as e}from"../chunk-LEUB3C3L.mjs";import*as a from"react";import{CheckIcon as d}from"@radix-ui/react-icons";import{jsx as o,jsxs as n}from"react/jsx-runtime";var b=a.forwardRef(({className:r,...t},i)=>o(c,{className:e("grid gap-2",r),...t,ref:i}));b.displayName=c.displayName;var l=a.forwardRef(({children:r,className:t,checkboxClassName:i,...p},C)=>n("label",{className:e("flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,o(s,{ref:C,className:e("border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:o(m,{className:"flex size-full items-center justify-center text-current",children:o(d,{className:"size-3.5"})})})]}));l.displayName=s.displayName;export{b as CheckboxCards,l as CheckboxCardsItem};
1
+ "use client";import{d as m,e as c,f as s}from"../chunk-K63K4LTH.mjs";import{b as e}from"../chunk-LEUB3C3L.mjs";import*as a from"react";import{CheckIcon as d}from"@radix-ui/react-icons";import{jsx as o,jsxs as n}from"react/jsx-runtime";var b=a.forwardRef(({className:r,...t},i)=>o(c,{className:e("grid gap-2",r),...t,ref:i}));b.displayName=c.displayName;var l=a.forwardRef(({children:r,className:t,checkboxClassName:i,...p},C)=>n("label",{className:e("flex items-center justify-center gap-4 rounded-md border p-4",t),children:[r,o(s,{ref:C,className:e("border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",i),...p,children:o(m,{className:"flex size-full items-center justify-center text-current",children:o(d,{className:"size-3.5"})})})]}));l.displayName=s.displayName;export{b as CheckboxCards,l as CheckboxCardsItem};
2
2
  //# sourceMappingURL=checkbox-cards.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxCards = React.forwardRef<\n CheckboxCardsElement,\n CheckboxCardsProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n className={cn('grid gap-2', className)}\n {...props}\n ref={ref}\n />\n );\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\ninterface CheckboxCardsItemProps\n extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<\n CheckboxCardsItemElement,\n CheckboxCardsItemProps\n>(({ children, className, checkboxClassName, ...props }, ref) => {\n return (\n <label\n className={cn(\n 'flex items-center justify-center gap-4 rounded-md border p-4',\n className,\n )}\n >\n {children}\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n});\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxCards,\n CheckboxCardsItem,\n type CheckboxCardsProps,\n type CheckboxCardsItemProps,\n};\n"],"mappings":"+GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,EA4BA,QAAAC,MA5BA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBL,EAAwBM,EAAvB,CACC,UAAWC,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACJ,IAAKC,EACP,CAEH,EAEDH,EAAc,YAAqCI,EAAK,YAexD,IAAME,EAA0B,aAG9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAErDJ,EAAC,SACC,UAAWM,EACT,+DACAJ,CACF,EAEC,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,0SACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACa,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAEH,EAEDL,EAAkB,YAAqCG,EAAK","names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator","CheckIcon"]}
1
+ {"version":3,"sources":["../../src/react/checkbox-cards.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCards\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxCards = React.forwardRef<CheckboxCardsElement, CheckboxCardsProps>(({ className, ...props }, ref) => {\n return <CheckboxGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;\n});\n\nCheckboxCards.displayName = CheckboxGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxCardsItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\n\ninterface CheckboxCardsItemProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item> {\n checkboxClassName?: string;\n}\n\nconst CheckboxCardsItem = React.forwardRef<CheckboxCardsItemElement, CheckboxCardsItemProps>(\n ({ children, className, checkboxClassName, ...props }, ref) => {\n return (\n <label className={cn('flex items-center justify-center gap-4 rounded-md border p-4', className)}>\n {children}\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 cursor-pointer rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n checkboxClassName,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n },\n);\n\nCheckboxCardsItem.displayName = CheckboxGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxCards, CheckboxCardsItem, type CheckboxCardsProps, type CheckboxCardsItemProps };\n"],"mappings":"+GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,EAkBH,QAAAC,MAlBG,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGL,EAAwBM,EAAvB,CAA4B,UAAWC,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,IAAKC,EAAK,CAClG,EAEDH,EAAc,YAAqCI,EAAK,YAYxD,IAAME,EAA0B,aAC9B,CAAC,CAAE,SAAAC,EAAU,UAAAN,EAAW,kBAAAO,EAAmB,GAAGN,CAAM,EAAGC,IAEnDJ,EAAC,SAAM,UAAWM,EAAG,+DAAgEJ,CAAS,EAC3F,UAAAM,EACDT,EAAwBW,EAAvB,CACC,IAAKN,EACL,UAAWE,EACT,0SACAG,CACF,EACC,GAAGN,EAEJ,SAAAJ,EAAwBY,EAAvB,CAA8C,UAAU,0DACvD,SAAAZ,EAACa,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,GACF,CAGN,EAEAL,EAAkB,YAAqCG,EAAK","names":["React","CheckIcon","jsx","jsxs","CheckboxCards","className","props","ref","Root","cn","CheckboxCardsItem","children","checkboxClassName","Item","CheckboxGroupIndicator","CheckIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkUYRRHPPHjs = require('../chunk-UYRRHPPH.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var a=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkUYRRHPPHjs.e,{ref:t,className:_chunkHQ4AUOQMjs.b.call(void 0, "grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkUYRRHPPHjs.f,{ref:t,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...r,children:_jsxruntime.jsx.call(void 0, _chunkUYRRHPPHjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";exports.CheckboxGroup = a; exports.CheckboxGroupItem = b;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkX4BEEJEWjs = require('../chunk-X4BEEJEW.js');var _chunkHQ4AUOQMjs = require('../chunk-HQ4AUOQM.js');var _react = require('react'); var p = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var a=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkX4BEEJEWjs.e,{ref:t,className:_chunkHQ4AUOQMjs.b.call(void 0, "grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>_jsxruntime.jsx.call(void 0, _chunkX4BEEJEWjs.f,{ref:t,className:_chunkHQ4AUOQMjs.b.call(void 0, "border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...r,children:_jsxruntime.jsx.call(void 0, _chunkX4BEEJEWjs.d,{className:"flex size-full items-center justify-center text-current",children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";exports.CheckboxGroup = a; exports.CheckboxGroupItem = b;
2
2
  //# sourceMappingURL=checkbox-group.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/checkbox-group.tsx"],"names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,MAAA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBK,EAAvB,CACC,IAAKD,EACL,UAAWE,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACN,CAEH,EAEDF,EAAc,YAAc,gBAa5B,IAAMM,EAA0B,aAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,iTACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEH,EAEDQ,EAAkB,YAAc","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxGroup = React.forwardRef<\n CheckboxGroupElement,\n CheckboxGroupProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n ref={ref}\n className={cn('grid gap-2', className)}\n {...props}\n />\n );\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\nconst CheckboxGroupItem = React.forwardRef<\n CheckboxGroupItemElement,\n CheckboxGroupItemProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n});\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxGroup,\n CheckboxGroupItem,\n type CheckboxGroupProps,\n type CheckboxGroupItemProps,\n};\n"]}
1
+ {"version":3,"sources":["../../src/react/checkbox-group.tsx"],"names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator"],"mappings":"6GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,MAAA,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGJ,EAAwBK,EAAvB,CAA4B,IAAKD,EAAK,UAAWE,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,CAClG,EAEDF,EAAc,YAAc,gBAS5B,IAAMM,EAA0B,aAC9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAEtBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,iTACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACD,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAGN,EAEAQ,EAAkB,YAAc","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(({ className, ...props }, ref) => {\n return <CheckboxGroupPrimitive.Root ref={ref} className={cn('grid gap-2', className)} {...props} />;\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n ({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n },\n);\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{d as c,e as m,f as u}from"../chunk-JOBEKA4M.mjs";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as p from"react";import{CheckIcon as s}from"@radix-ui/react-icons";import{jsx as e}from"react/jsx-runtime";var a=p.forwardRef(({className:o,...r},t)=>e(m,{ref:t,className:i("grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>e(u,{ref:t,className:i("border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...r,children:e(c,{className:"flex size-full items-center justify-center text-current",children:e(s,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";export{a as CheckboxGroup,b as CheckboxGroupItem};
1
+ "use client";import{d as c,e as m,f as u}from"../chunk-K63K4LTH.mjs";import{b as i}from"../chunk-LEUB3C3L.mjs";import*as p from"react";import{CheckIcon as s}from"@radix-ui/react-icons";import{jsx as e}from"react/jsx-runtime";var a=p.forwardRef(({className:o,...r},t)=>e(m,{ref:t,className:i("grid gap-2",o),...r}));a.displayName="CheckboxGroup";var b=p.forwardRef(({className:o,...r},t)=>e(u,{ref:t,className:i("border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...r,children:e(c,{className:"flex size-full items-center justify-center text-current",children:e(s,{className:"size-3.5"})})}));b.displayName="CheckboxGroupItem";export{a as CheckboxGroup,b as CheckboxGroupItem};
2
2
  //# sourceMappingURL=checkbox-group.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Root\n>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Root\n>;\n\nconst CheckboxGroup = React.forwardRef<\n CheckboxGroupElement,\n CheckboxGroupProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Root\n ref={ref}\n className={cn('grid gap-2', className)}\n {...props}\n />\n );\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<\n typeof CheckboxGroupPrimitive.Item\n>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<\n typeof CheckboxGroupPrimitive.Item\n>;\n\nconst CheckboxGroupItem = React.forwardRef<\n CheckboxGroupItemElement,\n CheckboxGroupItemProps\n>(({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n});\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n CheckboxGroup,\n CheckboxGroupItem,\n type CheckboxGroupProps,\n type CheckboxGroupItemProps,\n};\n"],"mappings":"+GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAoBtB,cAAAC,MAAA,oBALJ,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBK,EAAvB,CACC,IAAKD,EACL,UAAWE,EAAG,aAAcJ,CAAS,EACpC,GAAGC,EACN,CAEH,EAEDF,EAAc,YAAc,gBAa5B,IAAMM,EAA0B,aAG9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAExBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,iTACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACU,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAEH,EAEDH,EAAkB,YAAc","names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator","CheckIcon"]}
1
+ {"version":3,"sources":["../../src/react/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxGroupProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(({ className, ...props }, ref) => {\n return <CheckboxGroupPrimitive.Root ref={ref} className={cn('grid gap-2', className)} {...props} />;\n});\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ntype CheckboxGroupItemProps = React.ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Item>;\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n ({ className, ...props }, ref) => {\n return (\n <CheckboxGroupPrimitive.Item\n ref={ref}\n className={cn(\n 'border-input hover:border-primary aria-checked:border-primary aria-checked:bg-primary aria-checked:text-primary-foreground peer flex size-4 shrink-0 rounded-sm border shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxGroupPrimitive.CheckboxGroupIndicator className=\"flex size-full items-center justify-center text-current\">\n <CheckIcon className=\"size-3.5\" />\n </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n </CheckboxGroupPrimitive.Item>\n );\n },\n);\n\nCheckboxGroupItem.displayName = 'CheckboxGroupItem';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupProps, type CheckboxGroupItemProps };\n"],"mappings":"+GAEA,UAAYA,MAAW,QACvB,OAAS,aAAAC,MAAiB,wBAYjB,cAAAC,MAAA,oBADT,IAAMC,EAAsB,aAAqD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClGJ,EAAwBK,EAAvB,CAA4B,IAAKD,EAAK,UAAWE,EAAG,aAAcJ,CAAS,EAAI,GAAGC,EAAO,CAClG,EAEDF,EAAc,YAAc,gBAS5B,IAAMM,EAA0B,aAC9B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,IAEtBJ,EAAwBQ,EAAvB,CACC,IAAKJ,EACL,UAAWE,EACT,iTACAJ,CACF,EACC,GAAGC,EAEJ,SAAAH,EAAwBS,EAAvB,CAA8C,UAAU,0DACvD,SAAAT,EAACU,EAAA,CAAU,UAAU,WAAW,EAClC,EACF,CAGN,EAEAH,EAAkB,YAAc","names":["React","CheckIcon","jsx","CheckboxGroup","className","props","ref","Root","cn","CheckboxGroupItem","Item","CheckboxGroupIndicator","CheckIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUYRRHPPHjs = require('../chunk-UYRRHPPH.js');exports.CheckboxGroup = _chunkUYRRHPPHjs.b; exports.CheckboxGroupIndicator = _chunkUYRRHPPHjs.d; exports.CheckboxGroupItem = _chunkUYRRHPPHjs.c; exports.Indicator = _chunkUYRRHPPHjs.g; exports.Item = _chunkUYRRHPPHjs.f; exports.Root = _chunkUYRRHPPHjs.e; exports.createCheckboxGroupScope = _chunkUYRRHPPHjs.a;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkX4BEEJEWjs = require('../chunk-X4BEEJEW.js');exports.CheckboxGroup = _chunkX4BEEJEWjs.b; exports.CheckboxGroupIndicator = _chunkX4BEEJEWjs.d; exports.CheckboxGroupItem = _chunkX4BEEJEWjs.c; exports.Indicator = _chunkX4BEEJEWjs.g; exports.Item = _chunkX4BEEJEWjs.f; exports.Root = _chunkX4BEEJEWjs.e; exports.createCheckboxGroupScope = _chunkX4BEEJEWjs.a;
2
2
  //# sourceMappingURL=checkbox-group.primitive.js.map
@@ -1,2 +1,2 @@
1
- import{a,b,c,d,e,f,g}from"../chunk-JOBEKA4M.mjs";export{b as CheckboxGroup,d as CheckboxGroupIndicator,c as CheckboxGroupItem,g as Indicator,f as Item,e as Root,a as createCheckboxGroupScope};
1
+ import{a,b,c,d,e,f,g}from"../chunk-K63K4LTH.mjs";export{b as CheckboxGroup,d as CheckboxGroupIndicator,c as CheckboxGroupItem,g as Indicator,f as Item,e as Root,a as createCheckboxGroupScope};
2
2
  //# sourceMappingURL=checkbox-group.primitive.mjs.map