@codefast/ui 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (270) hide show
  1. package/dist/accordion.js +52 -1
  2. package/dist/accordion.js.map +1 -1
  3. package/dist/accordion.mjs +52 -1
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert-dialog.d.mts +1 -3
  6. package/dist/alert-dialog.d.ts +1 -3
  7. package/dist/alert-dialog.js +106 -1
  8. package/dist/alert-dialog.js.map +1 -1
  9. package/dist/alert-dialog.mjs +106 -1
  10. package/dist/alert-dialog.mjs.map +1 -1
  11. package/dist/alert.js +54 -1
  12. package/dist/alert.js.map +1 -1
  13. package/dist/alert.mjs +54 -1
  14. package/dist/alert.mjs.map +1 -1
  15. package/dist/aspect-ratio.js +8 -1
  16. package/dist/aspect-ratio.js.map +1 -1
  17. package/dist/aspect-ratio.mjs +8 -1
  18. package/dist/aspect-ratio.mjs.map +1 -1
  19. package/dist/avatar.js +47 -1
  20. package/dist/avatar.js.map +1 -1
  21. package/dist/avatar.mjs +47 -1
  22. package/dist/avatar.mjs.map +1 -1
  23. package/dist/badge.js +30 -1
  24. package/dist/badge.js.map +1 -1
  25. package/dist/badge.mjs +30 -1
  26. package/dist/badge.mjs.map +1 -1
  27. package/dist/breadcrumb.js +99 -1
  28. package/dist/breadcrumb.js.map +1 -1
  29. package/dist/breadcrumb.mjs +99 -1
  30. package/dist/breadcrumb.mjs.map +1 -1
  31. package/dist/button.d.mts +1 -1
  32. package/dist/button.d.ts +1 -1
  33. package/dist/button.js +9 -1
  34. package/dist/button.mjs +9 -1
  35. package/dist/calendar.js +82 -1
  36. package/dist/calendar.js.map +1 -1
  37. package/dist/calendar.mjs +82 -1
  38. package/dist/calendar.mjs.map +1 -1
  39. package/dist/card.js +66 -1
  40. package/dist/card.js.map +1 -1
  41. package/dist/card.mjs +66 -1
  42. package/dist/card.mjs.map +1 -1
  43. package/dist/carousel.js +193 -1
  44. package/dist/carousel.js.map +1 -1
  45. package/dist/carousel.mjs +193 -1
  46. package/dist/carousel.mjs.map +1 -1
  47. package/dist/checkbox.js +26 -1
  48. package/dist/checkbox.js.map +1 -1
  49. package/dist/checkbox.mjs +26 -1
  50. package/dist/checkbox.mjs.map +1 -1
  51. package/dist/chunk-4K26QLS2.js +52 -0
  52. package/dist/chunk-4K26QLS2.js.map +1 -0
  53. package/dist/chunk-5GHZ6EXI.js +41 -0
  54. package/dist/chunk-5GHZ6EXI.js.map +1 -0
  55. package/dist/chunk-EIHWTXQ4.mjs +112 -0
  56. package/dist/chunk-EIHWTXQ4.mjs.map +1 -0
  57. package/dist/chunk-G3NP7M2N.js +19 -0
  58. package/dist/chunk-G3NP7M2N.js.map +1 -0
  59. package/dist/chunk-LDYBRDAY.js +112 -0
  60. package/dist/chunk-LDYBRDAY.js.map +1 -0
  61. package/dist/chunk-PTD4AMHI.mjs +25 -0
  62. package/dist/{chunk-76AASLTX.mjs.map → chunk-PTD4AMHI.mjs.map} +1 -1
  63. package/dist/chunk-RTKEO347.js +25 -0
  64. package/dist/chunk-RTKEO347.js.map +1 -0
  65. package/dist/chunk-T52N6ZBP.mjs +41 -0
  66. package/dist/chunk-T52N6ZBP.mjs.map +1 -0
  67. package/dist/chunk-UG3URV2Z.mjs +19 -0
  68. package/dist/chunk-UG3URV2Z.mjs.map +1 -0
  69. package/dist/chunk-Z524G4RY.mjs +52 -0
  70. package/dist/chunk-Z524G4RY.mjs.map +1 -0
  71. package/dist/collapsible.js +12 -1
  72. package/dist/collapsible.js.map +1 -1
  73. package/dist/collapsible.mjs +12 -1
  74. package/dist/collapsible.mjs.map +1 -1
  75. package/dist/command.js +131 -1
  76. package/dist/command.js.map +1 -1
  77. package/dist/command.mjs +131 -1
  78. package/dist/command.mjs.map +1 -1
  79. package/dist/context-menu.d.mts +2 -2
  80. package/dist/context-menu.d.ts +2 -2
  81. package/dist/context-menu.js +169 -1
  82. package/dist/context-menu.js.map +1 -1
  83. package/dist/context-menu.mjs +169 -1
  84. package/dist/context-menu.mjs.map +1 -1
  85. package/dist/dialog.d.mts +1 -3
  86. package/dist/dialog.d.ts +1 -3
  87. package/dist/dialog.js +22 -1
  88. package/dist/dialog.mjs +22 -1
  89. package/dist/drawer.d.mts +1 -3
  90. package/dist/drawer.d.ts +1 -3
  91. package/dist/drawer.js +97 -1
  92. package/dist/drawer.js.map +1 -1
  93. package/dist/drawer.mjs +97 -1
  94. package/dist/drawer.mjs.map +1 -1
  95. package/dist/dropdown-menu.d.mts +1 -2
  96. package/dist/dropdown-menu.d.ts +1 -2
  97. package/dist/dropdown-menu.js +157 -1
  98. package/dist/dropdown-menu.js.map +1 -1
  99. package/dist/dropdown-menu.mjs +157 -1
  100. package/dist/dropdown-menu.mjs.map +1 -1
  101. package/dist/form.js +117 -1
  102. package/dist/form.js.map +1 -1
  103. package/dist/form.mjs +117 -1
  104. package/dist/form.mjs.map +1 -1
  105. package/dist/hover-card.js +30 -1
  106. package/dist/hover-card.js.map +1 -1
  107. package/dist/hover-card.mjs +30 -1
  108. package/dist/hover-card.mjs.map +1 -1
  109. package/dist/input-otp.js +59 -1
  110. package/dist/input-otp.js.map +1 -1
  111. package/dist/input-otp.mjs +59 -1
  112. package/dist/input-otp.mjs.map +1 -1
  113. package/dist/input.js +25 -1
  114. package/dist/input.js.map +1 -1
  115. package/dist/input.mjs +25 -1
  116. package/dist/input.mjs.map +1 -1
  117. package/dist/label.js +8 -1
  118. package/dist/label.mjs +8 -1
  119. package/dist/menubar.d.mts +1 -2
  120. package/dist/menubar.d.ts +1 -2
  121. package/dist/menubar.js +188 -1
  122. package/dist/menubar.js.map +1 -1
  123. package/dist/menubar.mjs +188 -1
  124. package/dist/menubar.mjs.map +1 -1
  125. package/dist/navigation-menu.js +124 -1
  126. package/dist/navigation-menu.js.map +1 -1
  127. package/dist/navigation-menu.mjs +124 -1
  128. package/dist/navigation-menu.mjs.map +1 -1
  129. package/dist/pagination.js +123 -1
  130. package/dist/pagination.js.map +1 -1
  131. package/dist/pagination.mjs +123 -1
  132. package/dist/pagination.mjs.map +1 -1
  133. package/dist/popover.d.mts +2 -1
  134. package/dist/popover.d.ts +2 -1
  135. package/dist/popover.js +42 -1
  136. package/dist/popover.js.map +1 -1
  137. package/dist/popover.mjs +42 -1
  138. package/dist/popover.mjs.map +1 -1
  139. package/dist/progress.js +33 -1
  140. package/dist/progress.js.map +1 -1
  141. package/dist/progress.mjs +33 -1
  142. package/dist/progress.mjs.map +1 -1
  143. package/dist/radio-group.js +46 -1
  144. package/dist/radio-group.js.map +1 -1
  145. package/dist/radio-group.mjs +46 -1
  146. package/dist/radio-group.mjs.map +1 -1
  147. package/dist/resizable.js +47 -1
  148. package/dist/resizable.js.map +1 -1
  149. package/dist/resizable.mjs +47 -1
  150. package/dist/resizable.mjs.map +1 -1
  151. package/dist/scroll-area.js +44 -1
  152. package/dist/scroll-area.js.map +1 -1
  153. package/dist/scroll-area.mjs +44 -1
  154. package/dist/scroll-area.mjs.map +1 -1
  155. package/dist/select.js +134 -1
  156. package/dist/select.js.map +1 -1
  157. package/dist/select.mjs +134 -1
  158. package/dist/select.mjs.map +1 -1
  159. package/dist/separator.js +29 -1
  160. package/dist/separator.js.map +1 -1
  161. package/dist/separator.mjs +29 -1
  162. package/dist/separator.mjs.map +1 -1
  163. package/dist/sheet.d.mts +1 -3
  164. package/dist/sheet.d.ts +1 -3
  165. package/dist/sheet.js +121 -1
  166. package/dist/sheet.js.map +1 -1
  167. package/dist/sheet.mjs +121 -1
  168. package/dist/sheet.mjs.map +1 -1
  169. package/dist/skeleton.js +21 -1
  170. package/dist/skeleton.js.map +1 -1
  171. package/dist/skeleton.mjs +21 -1
  172. package/dist/skeleton.mjs.map +1 -1
  173. package/dist/slider.js +28 -1
  174. package/dist/slider.js.map +1 -1
  175. package/dist/slider.mjs +28 -1
  176. package/dist/slider.mjs.map +1 -1
  177. package/dist/sonner.js +34 -1
  178. package/dist/sonner.js.map +1 -1
  179. package/dist/sonner.mjs +34 -1
  180. package/dist/sonner.mjs.map +1 -1
  181. package/dist/styles.css +1 -1
  182. package/dist/styles.css.map +1 -1
  183. package/dist/switch.js +25 -1
  184. package/dist/switch.js.map +1 -1
  185. package/dist/switch.mjs +25 -1
  186. package/dist/switch.mjs.map +1 -1
  187. package/dist/table.js +94 -1
  188. package/dist/table.js.map +1 -1
  189. package/dist/table.mjs +94 -1
  190. package/dist/table.mjs.map +1 -1
  191. package/dist/tabs.js +52 -1
  192. package/dist/tabs.js.map +1 -1
  193. package/dist/tabs.mjs +52 -1
  194. package/dist/tabs.mjs.map +1 -1
  195. package/dist/textarea.js +24 -1
  196. package/dist/textarea.js.map +1 -1
  197. package/dist/textarea.mjs +24 -1
  198. package/dist/textarea.mjs.map +1 -1
  199. package/dist/toggle-group.js +49 -1
  200. package/dist/toggle-group.js.map +1 -1
  201. package/dist/toggle-group.mjs +49 -1
  202. package/dist/toggle-group.mjs.map +1 -1
  203. package/dist/toggle.d.mts +1 -1
  204. package/dist/toggle.d.ts +1 -1
  205. package/dist/toggle.js +10 -1
  206. package/dist/toggle.mjs +10 -1
  207. package/dist/tooltip.d.mts +2 -3
  208. package/dist/tooltip.d.ts +2 -3
  209. package/dist/tooltip.js +41 -1
  210. package/dist/tooltip.js.map +1 -1
  211. package/dist/tooltip.mjs +41 -1
  212. package/dist/tooltip.mjs.map +1 -1
  213. package/dist/utils.js +10 -1
  214. package/dist/utils.mjs +10 -1
  215. package/package.json +6 -6
  216. package/src/accordion.tsx +2 -6
  217. package/src/alert-dialog.tsx +4 -35
  218. package/src/alert.tsx +1 -1
  219. package/src/avatar.tsx +1 -1
  220. package/src/badge.tsx +1 -1
  221. package/src/breadcrumb.tsx +1 -1
  222. package/src/button.tsx +5 -5
  223. package/src/calendar.tsx +6 -7
  224. package/src/card.tsx +1 -1
  225. package/src/checkbox.tsx +1 -2
  226. package/src/command.tsx +6 -17
  227. package/src/context-menu.tsx +32 -44
  228. package/src/dialog.tsx +9 -37
  229. package/src/drawer.tsx +3 -27
  230. package/src/dropdown-menu.tsx +15 -44
  231. package/src/form.tsx +0 -1
  232. package/src/hover-card.tsx +12 -20
  233. package/src/input-otp.tsx +2 -2
  234. package/src/input.tsx +1 -1
  235. package/src/menubar.tsx +17 -42
  236. package/src/navigation-menu.tsx +6 -19
  237. package/src/pagination.tsx +2 -4
  238. package/src/popover.tsx +18 -12
  239. package/src/progress.tsx +3 -1
  240. package/src/radio-group.tsx +6 -4
  241. package/src/resizable.tsx +2 -5
  242. package/src/select.tsx +13 -22
  243. package/src/sheet.tsx +15 -59
  244. package/src/slider.tsx +1 -1
  245. package/src/sonner.tsx +4 -2
  246. package/src/switch.tsx +2 -8
  247. package/src/table.tsx +2 -2
  248. package/src/tabs.tsx +3 -4
  249. package/src/textarea.tsx +1 -1
  250. package/src/toggle.tsx +4 -7
  251. package/src/tooltip.tsx +23 -34
  252. package/dist/chunk-4ZL55G6C.js +0 -2
  253. package/dist/chunk-4ZL55G6C.js.map +0 -1
  254. package/dist/chunk-76AASLTX.mjs +0 -2
  255. package/dist/chunk-7UVSBFQU.js +0 -2
  256. package/dist/chunk-7UVSBFQU.js.map +0 -1
  257. package/dist/chunk-BP7PEVLB.js +0 -2
  258. package/dist/chunk-BP7PEVLB.js.map +0 -1
  259. package/dist/chunk-BPCLLQ62.mjs +0 -2
  260. package/dist/chunk-BPCLLQ62.mjs.map +0 -1
  261. package/dist/chunk-CAGY2ZSE.js +0 -2
  262. package/dist/chunk-CAGY2ZSE.js.map +0 -1
  263. package/dist/chunk-JTI7KCLO.mjs +0 -2
  264. package/dist/chunk-JTI7KCLO.mjs.map +0 -1
  265. package/dist/chunk-QZCQ42BP.js +0 -2
  266. package/dist/chunk-QZCQ42BP.js.map +0 -1
  267. package/dist/chunk-WZ4XIF6U.mjs +0 -2
  268. package/dist/chunk-WZ4XIF6U.mjs.map +0 -1
  269. package/dist/chunk-YQJHVJVX.mjs +0 -2
  270. package/dist/chunk-YQJHVJVX.mjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerStyle = cva({\n base: [\n \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50\",\n \"data-[state=open]:bg-accent/50\",\n \"data-[active]:bg-accent/50\",\n ],\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n NavigationMenuPrimitive.NavigationMenuProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\n \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n NavigationMenuPrimitive.NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\n \"group flex flex-1 list-none items-center justify-center space-x-1\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n NavigationMenuPrimitive.NavigationMenuTriggerProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerStyle({\n className: cn(\"group\", className),\n })}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className={cn(\n \"relative top-px ml-1 h-3 w-3 transition duration-300\",\n \"group-data-[state=open]:rotate-180\",\n )}\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n NavigationMenuPrimitive.NavigationMenuContentProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full md:absolute md:w-auto\",\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in\",\n \"data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52\",\n \"data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out\",\n \"data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n NavigationMenuPrimitive.NavigationMenuViewportProps\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"perspective-[2000px] absolute left-0 top-full flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n \"data-[state=open]:animate-in data-[state=open]:zoom-in-90\",\n \"data-[state=closed]:animate-out data-[state=closed]:zoom-out-95\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName =\n NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n NavigationMenuPrimitive.NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition\",\n \"data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n \"data-[state=hidden]:animate-out data-[state=hidden]:fade-out\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName =\n NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerStyle,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n};\n"],"mappings":"6DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAuBvC,OASE,OAAAC,EATF,QAAAC,MAAA,oBAhBF,IAAMC,EAA6BC,EAAI,CACrC,KAAM,CACJ,iSACA,iCACA,4BACF,CACF,CAAC,EAMKC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EACT,kEACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDN,EAACU,EAAA,EAAuB,GAC1B,CACD,EACDN,EAAe,YAAsC,OAAK,YAM1D,IAAMO,EAA2B,aAG/B,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IAC1BR,EAAyB,OAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,oEACAJ,CACF,EACC,GAAGE,EACN,CACD,EACDI,EAAmB,YAAsC,OAAK,YAM9D,IAAMC,EAA6C,OAM7CC,EAA8B,aAGlC,CAAC,CAAE,UAAAR,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA2B,CACpC,UAAWO,EAAG,QAASJ,CAAS,CAClC,CAAC,EACA,GAAGE,EAEH,UAAAD,EAAU,IACXN,EAACc,EAAA,CACC,UAAWL,EACT,uDACA,oCACF,EACA,cAAY,OACd,GACF,CACD,EACDI,EAAsB,YAAsC,UAAQ,YAMpE,IAAME,EAA8B,aAGlC,CAAC,CAAE,UAAAV,EAAW,GAAGE,CAAM,EAAGC,IAC1BR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,4CACA,+DACA,+FACA,6DACA,yFACAJ,CACF,EACC,GAAGE,EACN,CACD,EACDQ,EAAsB,YAAsC,UAAQ,YAMpE,IAAMC,EAA6C,OAM7CN,EAA+B,aAGnC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IAC1BR,EAAC,OACC,UAAWS,EACT,mEACF,EAEA,SAAAT,EAAyB,WAAxB,CACC,UAAWS,EACT,6NACA,4DACA,kEACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,EACF,CACD,EACDG,EAAuB,YACG,WAAS,YAMnC,IAAMO,EAAgC,aAGpC,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IAC1BR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,gFACA,+DACA,+DACAJ,CACF,EACC,GAAGE,EAEJ,SAAAP,EAAC,OAAI,UAAU,yEAAyE,EAC1F,CACD,EACDiB,EAAwB,YACE,YAAU","names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerStyle","cva","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"]}
1
+ {"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerStyle = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n NavigationMenuPrimitive.NavigationMenuProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\n \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n NavigationMenuPrimitive.NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\n \"group flex flex-1 list-none items-center justify-center space-x-1\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n NavigationMenuPrimitive.NavigationMenuTriggerProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerStyle({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className={cn(\n \"relative top-px ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\",\n )}\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n NavigationMenuPrimitive.NavigationMenuContentProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full focus:outline-none md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n NavigationMenuPrimitive.NavigationMenuViewportProps\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"perspective-[2000px] absolute left-0 top-full flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n));\nNavigationMenuViewport.displayName =\n NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n NavigationMenuPrimitive.NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-in data-[state=visible]:fade-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName =\n NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerStyle,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,YAAY,6BAA6B;AAmBvC,SASE,KATF;AAZF,IAAM,6BAA6B,IAAI;AAAA,EACrC,MAAM;AACR,CAAC;AAMD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAyB;AAAA,EAAxB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,0BAAuB;AAAA;AAAA;AAC1B,CACD;AACD,eAAe,cAAsC,6BAAK;AAM1D,IAAM,qBAA2B,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAyB;AAAA,EAAxB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,mBAAmB,cAAsC,6BAAK;AAM9D,IAAM,qBAA6C;AAMnD,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAyB;AAAA,EAAxB;AAAA,IACC;AAAA,IACA,WAAW,2BAA2B;AAAA,MACpC,WAAW,CAAC,SAAS,SAAS;AAAA,IAChC,CAAC;AAAA,IACA,GAAG;AAAA,IAEH;AAAA;AAAA,MAAU;AAAA,MACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,UACF;AAAA,UACA,eAAY;AAAA;AAAA,MACd;AAAA;AAAA;AACF,CACD;AACD,sBAAsB,cAAsC,gCAAQ;AAMpE,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAyB;AAAA,EAAxB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,sBAAsB,cAAsC,gCAAQ;AAMpE,IAAM,qBAA6C;AAMnD,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,IACF;AAAA,IAEA;AAAA,MAAyB;AAAA,MAAxB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA;AACF,CACD;AACD,uBAAuB,cACG,iCAAS;AAMnC,IAAM,0BAAgC,iBAGpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAyB;AAAA,EAAxB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,SAAI,WAAU,0EAAyE;AAAA;AAC1F,CACD;AACD,wBAAwB,cACE,kCAAU;","names":[]}
@@ -1,2 +1,124 @@
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; } }var _chunkBP7PEVLBjs = require('./chunk-BP7PEVLB.js');var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function E({className:e,...a}){return _jsxruntime.jsx.call(void 0, "nav",{role:"navigation","aria-label":"pagination",className:_chunkQZCQ42BPjs.b.call(void 0, "mx-auto flex w-full justify-center",e),...a})}var g=o.forwardRef(({className:e,...a},i)=>_jsxruntime.jsx.call(void 0, "ul",{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "flex flex-row items-center gap-1",e),...a}));g.displayName="PaginationContent";var P=o.forwardRef(({className:e,...a},i)=>_jsxruntime.jsx.call(void 0, "li",{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "",e),...a}));P.displayName="PaginationItem";function l({className:e,isActive:a,size:i="icon",children:c,...m}){return _jsxruntime.jsx.call(void 0, "a",{"aria-current":a?"page":void 0,className:_chunkBP7PEVLBjs.a.call(void 0, {variant:a?"outline":"ghost",size:i,className:e}),...m,children:c})}function d({className:e,...a}){return _jsxruntime.jsxs.call(void 0, l,{"aria-label":"Go to previous page",size:"default",className:_chunkQZCQ42BPjs.b.call(void 0, "gap-1 pl-2.5",e),...a,children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{children:"Previous"})]})}function H({className:e,...a}){return _jsxruntime.jsxs.call(void 0, l,{"aria-label":"Go to next page",size:"default",className:_chunkQZCQ42BPjs.b.call(void 0, "gap-1 pr-2.5",e),...a,children:[_jsxruntime.jsx.call(void 0, "span",{children:"Next"}),_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4"})]})}function M({className:e,...a}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":!0,className:_chunkQZCQ42BPjs.b.call(void 0, "flex h-9 w-9 items-center justify-center",e),...a,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More pages"})]})}exports.Pagination = E; exports.PaginationContent = g; exports.PaginationEllipsis = M; exports.PaginationItem = P; exports.PaginationLink = l; exports.PaginationNext = H; exports.PaginationPrevious = d;
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; } }
2
+
3
+ var _chunk4K26QLS2js = require('./chunk-4K26QLS2.js');
4
+
5
+
6
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
7
+
8
+ // src/pagination.tsx
9
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
10
+
11
+
12
+
13
+
14
+ var _reacticons = require('@radix-ui/react-icons');
15
+ var _jsxruntime = require('react/jsx-runtime');
16
+ function Pagination({
17
+ className,
18
+ ...props
19
+ }) {
20
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
21
+ "nav",
22
+ {
23
+ role: "navigation",
24
+ "aria-label": "pagination",
25
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "mx-auto flex w-full justify-center", className),
26
+ ...props
27
+ }
28
+ );
29
+ }
30
+ var PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
31
+ "ul",
32
+ {
33
+ ref,
34
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-row items-center gap-1", className),
35
+ ...props
36
+ }
37
+ ));
38
+ PaginationContent.displayName = "PaginationContent";
39
+ var PaginationItem = React.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, ...props }));
40
+ PaginationItem.displayName = "PaginationItem";
41
+ function PaginationLink({
42
+ className,
43
+ isActive,
44
+ size = "icon",
45
+ children,
46
+ ...props
47
+ }) {
48
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
49
+ "a",
50
+ {
51
+ "aria-current": isActive ? "page" : void 0,
52
+ className: _chunk4K26QLS2js.buttonVariants.call(void 0, {
53
+ variant: isActive ? "outline" : "ghost",
54
+ size,
55
+ className
56
+ }),
57
+ ...props,
58
+ children
59
+ }
60
+ );
61
+ }
62
+ function PaginationPrevious({
63
+ className,
64
+ ...props
65
+ }) {
66
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
67
+ PaginationLink,
68
+ {
69
+ "aria-label": "Go to previous page",
70
+ size: "default",
71
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "gap-1 pl-2.5", className),
72
+ ...props,
73
+ children: [
74
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon, { className: "size-4" }),
75
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Previous" })
76
+ ]
77
+ }
78
+ );
79
+ }
80
+ function PaginationNext({
81
+ className,
82
+ ...props
83
+ }) {
84
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
85
+ PaginationLink,
86
+ {
87
+ "aria-label": "Go to next page",
88
+ size: "default",
89
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "gap-1 pr-2.5", className),
90
+ ...props,
91
+ children: [
92
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Next" }),
93
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon, { className: "size-4" })
94
+ ]
95
+ }
96
+ );
97
+ }
98
+ function PaginationEllipsis({
99
+ className,
100
+ ...props
101
+ }) {
102
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
103
+ "span",
104
+ {
105
+ "aria-hidden": true,
106
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "flex size-10 items-center justify-center", className),
107
+ ...props,
108
+ children: [
109
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon, { className: "size-4" }),
110
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
111
+ ]
112
+ }
113
+ );
114
+ }
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+ exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationNext = PaginationNext; exports.PaginationPrevious = PaginationPrevious;
2
124
  //# sourceMappingURL=pagination.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/pagination.tsx"],"names":["React","ChevronLeftIcon","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Pagination","className","props","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","PaginationNext","PaginationEllipsis"],"mappings":"gFAAA,UAAYA,MAAW,QACvB,OACE,mBAAAC,EACA,oBAAAC,EACA,sBAAAC,MACK,wBAaH,cAAAC,EA8EA,QAAAC,MA9EA,oBALJ,SAASC,EAAW,CAClB,UAAAC,EACA,GAAGC,CACL,EAAmD,CACjD,OACEJ,EAAC,OACC,KAAK,aACL,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC5D,GAAGC,EACN,CAEJ,CAMA,IAAME,EAA0B,aAG9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IAC1BP,EAAC,MACC,IAAKO,EACL,UAAWF,EAAG,mCAAoCF,CAAS,EAC1D,GAAGC,EACN,CACD,EACDE,EAAkB,YAAc,oBAMhC,IAAME,EAAuB,aAG3B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGG,IAC1BP,EAAC,MAAG,IAAKO,EAAK,UAAWF,EAAG,GAAIF,CAAS,EAAI,GAAGC,EAAO,CACxD,EACDI,EAAe,YAAc,iBAY7B,SAASC,EAAe,CACtB,UAAAN,EACA,SAAAO,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,GAAGR,CACL,EAA2C,CACzC,OACEJ,EAAC,KACC,eAAcU,EAAW,OAAS,OAClC,UAAWG,EAAe,CACxB,QAASH,EAAW,UAAY,QAChC,KAAAC,EACA,UAAAR,CACF,CAAC,EACA,GAAGC,EAEH,SAAAQ,EACH,CAEJ,CAMA,SAASE,EAAmB,CAC1B,UAAAX,EACA,GAAGC,CACL,EAA2C,CACzC,OACEH,EAACQ,EAAA,CACC,aAAW,sBACX,KAAK,UACL,UAAWJ,EAAG,eAAgBF,CAAS,EACtC,GAAGC,EAEJ,UAAAJ,EAACH,EAAA,CAAgB,UAAU,SAAS,EACpCG,EAAC,QAAK,oBAAQ,GAChB,CAEJ,CAMA,SAASe,EAAe,CACtB,UAAAZ,EACA,GAAGC,CACL,EAA2C,CACzC,OACEH,EAACQ,EAAA,CACC,aAAW,kBACX,KAAK,UACL,UAAWJ,EAAG,eAAgBF,CAAS,EACtC,GAAGC,EAEJ,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACF,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAMA,SAASkB,EAAmB,CAC1B,UAAAb,EACA,GAAGC,CACL,EAA6D,CAC3D,OACEH,EAAC,QACC,cAAW,GACX,UAAWI,EAAG,2CAA4CF,CAAS,EAClE,GAAGC,EAEJ,UAAAJ,EAACD,EAAA,CAAmB,UAAU,SAAS,EACvCC,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","sourcesContent":["import * as React from \"react\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({\n className,\n ...props\n}: React.ComponentProps<\"nav\">): React.JSX.Element {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.HTMLAttributes<HTMLUListElement>\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.LiHTMLAttributes<HTMLLIElement>\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"\", className)} {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps\n extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n Pick<ButtonProps, \"size\"> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n return (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n};\n"]}
1
+ {"version":3,"sources":["../src/pagination.tsx"],"names":[],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaH,cA4EA,YA5EA;AALJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAmD;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;AAMhC,IAAM,iBAAuB,iBAG3B,CAAC,OAAO,QAAQ,oBAAC,QAAG,KAAW,GAAG,OAAO,CAAE;AAC7C,eAAe,cAAc;AAY7B,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,eAAe;AAAA,QACxB,SAAS,WAAW,YAAY;AAAA,QAChC;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,mBAAgB,WAAU,UAAS;AAAA,QACpC,oBAAC,UAAK,sBAAQ;AAAA;AAAA;AAAA,EAChB;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,kBAAI;AAAA,QACV,oBAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ","sourcesContent":["import * as React from \"react\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({\n className,\n ...props\n}: React.ComponentProps<\"nav\">): React.JSX.Element {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.HTMLAttributes<HTMLUListElement>\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.LiHTMLAttributes<HTMLLIElement>\n>((props, ref) => <li ref={ref} {...props} />);\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps\n extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n Pick<ButtonProps, \"size\"> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n return (\n <span\n aria-hidden\n className={cn(\"flex size-10 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n};\n"]}
@@ -1,2 +1,124 @@
1
- import{a as r}from"./chunk-BPCLLQ62.mjs";import{b as t}from"./chunk-JTI7KCLO.mjs";import*as o from"react";import{ChevronLeftIcon as p,ChevronRightIcon as u,DotsHorizontalIcon as f}from"@radix-ui/react-icons";import{jsx as n,jsxs as s}from"react/jsx-runtime";function E({className:e,...a}){return n("nav",{role:"navigation","aria-label":"pagination",className:t("mx-auto flex w-full justify-center",e),...a})}var g=o.forwardRef(({className:e,...a},i)=>n("ul",{ref:i,className:t("flex flex-row items-center gap-1",e),...a}));g.displayName="PaginationContent";var P=o.forwardRef(({className:e,...a},i)=>n("li",{ref:i,className:t("",e),...a}));P.displayName="PaginationItem";function l({className:e,isActive:a,size:i="icon",children:c,...m}){return n("a",{"aria-current":a?"page":void 0,className:r({variant:a?"outline":"ghost",size:i,className:e}),...m,children:c})}function d({className:e,...a}){return s(l,{"aria-label":"Go to previous page",size:"default",className:t("gap-1 pl-2.5",e),...a,children:[n(p,{className:"size-4"}),n("span",{children:"Previous"})]})}function H({className:e,...a}){return s(l,{"aria-label":"Go to next page",size:"default",className:t("gap-1 pr-2.5",e),...a,children:[n("span",{children:"Next"}),n(u,{className:"size-4"})]})}function M({className:e,...a}){return s("span",{"aria-hidden":!0,className:t("flex h-9 w-9 items-center justify-center",e),...a,children:[n(f,{className:"size-4"}),n("span",{className:"sr-only",children:"More pages"})]})}export{E as Pagination,g as PaginationContent,M as PaginationEllipsis,P as PaginationItem,l as PaginationLink,H as PaginationNext,d as PaginationPrevious};
1
+ import {
2
+ buttonVariants
3
+ } from "./chunk-Z524G4RY.mjs";
4
+ import {
5
+ cn
6
+ } from "./chunk-UG3URV2Z.mjs";
7
+
8
+ // src/pagination.tsx
9
+ import * as React from "react";
10
+ import {
11
+ ChevronLeftIcon,
12
+ ChevronRightIcon,
13
+ DotsHorizontalIcon
14
+ } from "@radix-ui/react-icons";
15
+ import { jsx, jsxs } from "react/jsx-runtime";
16
+ function Pagination({
17
+ className,
18
+ ...props
19
+ }) {
20
+ return /* @__PURE__ */ jsx(
21
+ "nav",
22
+ {
23
+ role: "navigation",
24
+ "aria-label": "pagination",
25
+ className: cn("mx-auto flex w-full justify-center", className),
26
+ ...props
27
+ }
28
+ );
29
+ }
30
+ var PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
31
+ "ul",
32
+ {
33
+ ref,
34
+ className: cn("flex flex-row items-center gap-1", className),
35
+ ...props
36
+ }
37
+ ));
38
+ PaginationContent.displayName = "PaginationContent";
39
+ var PaginationItem = React.forwardRef((props, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
40
+ PaginationItem.displayName = "PaginationItem";
41
+ function PaginationLink({
42
+ className,
43
+ isActive,
44
+ size = "icon",
45
+ children,
46
+ ...props
47
+ }) {
48
+ return /* @__PURE__ */ jsx(
49
+ "a",
50
+ {
51
+ "aria-current": isActive ? "page" : void 0,
52
+ className: buttonVariants({
53
+ variant: isActive ? "outline" : "ghost",
54
+ size,
55
+ className
56
+ }),
57
+ ...props,
58
+ children
59
+ }
60
+ );
61
+ }
62
+ function PaginationPrevious({
63
+ className,
64
+ ...props
65
+ }) {
66
+ return /* @__PURE__ */ jsxs(
67
+ PaginationLink,
68
+ {
69
+ "aria-label": "Go to previous page",
70
+ size: "default",
71
+ className: cn("gap-1 pl-2.5", className),
72
+ ...props,
73
+ children: [
74
+ /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }),
75
+ /* @__PURE__ */ jsx("span", { children: "Previous" })
76
+ ]
77
+ }
78
+ );
79
+ }
80
+ function PaginationNext({
81
+ className,
82
+ ...props
83
+ }) {
84
+ return /* @__PURE__ */ jsxs(
85
+ PaginationLink,
86
+ {
87
+ "aria-label": "Go to next page",
88
+ size: "default",
89
+ className: cn("gap-1 pr-2.5", className),
90
+ ...props,
91
+ children: [
92
+ /* @__PURE__ */ jsx("span", { children: "Next" }),
93
+ /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
94
+ ]
95
+ }
96
+ );
97
+ }
98
+ function PaginationEllipsis({
99
+ className,
100
+ ...props
101
+ }) {
102
+ return /* @__PURE__ */ jsxs(
103
+ "span",
104
+ {
105
+ "aria-hidden": true,
106
+ className: cn("flex size-10 items-center justify-center", className),
107
+ ...props,
108
+ children: [
109
+ /* @__PURE__ */ jsx(DotsHorizontalIcon, { className: "size-4" }),
110
+ /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
111
+ ]
112
+ }
113
+ );
114
+ }
115
+ export {
116
+ Pagination,
117
+ PaginationContent,
118
+ PaginationEllipsis,
119
+ PaginationItem,
120
+ PaginationLink,
121
+ PaginationNext,
122
+ PaginationPrevious
123
+ };
2
124
  //# sourceMappingURL=pagination.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({\n className,\n ...props\n}: React.ComponentProps<\"nav\">): React.JSX.Element {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.HTMLAttributes<HTMLUListElement>\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.LiHTMLAttributes<HTMLLIElement>\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"\", className)} {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps\n extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n Pick<ButtonProps, \"size\"> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n return (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n};\n"],"mappings":"kFAAA,UAAYA,MAAW,QACvB,OACE,mBAAAC,EACA,oBAAAC,EACA,sBAAAC,MACK,wBAaH,cAAAC,EA8EA,QAAAC,MA9EA,oBALJ,SAASC,EAAW,CAClB,UAAAC,EACA,GAAGC,CACL,EAAmD,CACjD,OACEJ,EAAC,OACC,KAAK,aACL,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC5D,GAAGC,EACN,CAEJ,CAMA,IAAME,EAA0B,aAG9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IAC1BP,EAAC,MACC,IAAKO,EACL,UAAWF,EAAG,mCAAoCF,CAAS,EAC1D,GAAGC,EACN,CACD,EACDE,EAAkB,YAAc,oBAMhC,IAAME,EAAuB,aAG3B,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGG,IAC1BP,EAAC,MAAG,IAAKO,EAAK,UAAWF,EAAG,GAAIF,CAAS,EAAI,GAAGC,EAAO,CACxD,EACDI,EAAe,YAAc,iBAY7B,SAASC,EAAe,CACtB,UAAAN,EACA,SAAAO,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,GAAGR,CACL,EAA2C,CACzC,OACEJ,EAAC,KACC,eAAcU,EAAW,OAAS,OAClC,UAAWG,EAAe,CACxB,QAASH,EAAW,UAAY,QAChC,KAAAC,EACA,UAAAR,CACF,CAAC,EACA,GAAGC,EAEH,SAAAQ,EACH,CAEJ,CAMA,SAASE,EAAmB,CAC1B,UAAAX,EACA,GAAGC,CACL,EAA2C,CACzC,OACEH,EAACQ,EAAA,CACC,aAAW,sBACX,KAAK,UACL,UAAWJ,EAAG,eAAgBF,CAAS,EACtC,GAAGC,EAEJ,UAAAJ,EAACe,EAAA,CAAgB,UAAU,SAAS,EACpCf,EAAC,QAAK,oBAAQ,GAChB,CAEJ,CAMA,SAASgB,EAAe,CACtB,UAAAb,EACA,GAAGC,CACL,EAA2C,CACzC,OACEH,EAACQ,EAAA,CACC,aAAW,kBACX,KAAK,UACL,UAAWJ,EAAG,eAAgBF,CAAS,EACtC,GAAGC,EAEJ,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACiB,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAMA,SAASC,EAAmB,CAC1B,UAAAf,EACA,GAAGC,CACL,EAA6D,CAC3D,OACEH,EAAC,QACC,cAAW,GACX,UAAWI,EAAG,2CAA4CF,CAAS,EAClE,GAAGC,EAEJ,UAAAJ,EAACmB,EAAA,CAAmB,UAAU,SAAS,EACvCnB,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","names":["React","ChevronLeftIcon","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Pagination","className","props","cn","PaginationContent","ref","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"]}
1
+ {"version":3,"sources":["../src/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n DotsHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({\n className,\n ...props\n}: React.ComponentProps<\"nav\">): React.JSX.Element {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.HTMLAttributes<HTMLUListElement>\n>(({ className, ...props }, ref) => (\n <ul\n ref={ref}\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n));\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.LiHTMLAttributes<HTMLLIElement>\n>((props, ref) => <li ref={ref} {...props} />);\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps\n extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n Pick<ButtonProps, \"size\"> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n className,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n return (\n <span\n aria-hidden\n className={cn(\"flex size-10 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n};\n"],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaH,cA4EA,YA5EA;AALJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAAmD;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;AAMhC,IAAM,iBAAuB,iBAG3B,CAAC,OAAO,QAAQ,oBAAC,QAAG,KAAW,GAAG,OAAO,CAAE;AAC7C,eAAe,cAAc;AAY7B,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW,eAAe;AAAA,QACxB,SAAS,WAAW,YAAY;AAAA,QAChC;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,mBAAgB,WAAU,UAAS;AAAA,QACpC,oBAAC,UAAK,sBAAQ;AAAA;AAAA;AAAA,EAChB;AAEJ;AAMA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,kBAAI;AAAA,QACV,oBAAC,oBAAiB,WAAU,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ;","names":[]}
@@ -5,5 +5,6 @@ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
5
5
  declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
6
6
  declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
7
7
  declare const PopoverContent: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
8
+ declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
8
9
 
9
- export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
10
+ export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };
package/dist/popover.d.ts CHANGED
@@ -5,5 +5,6 @@ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
5
5
  declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
6
6
  declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
7
7
  declare const PopoverContent: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
8
+ declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
8
9
 
9
- export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
10
+ export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };
package/dist/popover.js CHANGED
@@ -1,2 +1,43 @@
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 _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reactpopover = require('@radix-ui/react-popover'); var t = _interopRequireWildcard(_reactpopover);var _jsxruntime = require('react/jsx-runtime');var l=t.Root,P= exports.PopoverTrigger =t.Trigger,v= exports.PopoverAnchor =t.Anchor,p= exports.PopoverContent =a.forwardRef(({className:i,align:d="center",sideOffset:r=4,...s},n)=>_jsxruntime.jsx.call(void 0, t.Portal,{children:_jsxruntime.jsx.call(void 0, t.Content,{ref:n,align:d,sideOffset:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md outline-none","data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95","data-[state=open]:data-[side=top]:slide-in-from-bottom-2","data-[state=open]:data-[side=right]:slide-in-from-left-2","data-[state=open]:data-[side=bottom]:slide-in-from-top-2","data-[state=open]:data-[side=left]:slide-in-from-right-2","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95","data-[state=closed]:data-[side=top]:slide-out-to-bottom-2","data-[state=closed]:data-[side=left]:slide-out-to-right-2","data-[state=closed]:data-[side=bottom]:slide-out-to-top-2","data-[state=closed]:data-[side=right]:slide-out-to-left-2",i),...s})}));p.displayName=t.Content.displayName;exports.Popover = l; exports.PopoverAnchor = v; exports.PopoverContent = p; exports.PopoverTrigger = P;
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";
2
+
3
+
4
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
+
6
+ // src/popover.tsx
7
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
8
+ var _reactpopover = require('@radix-ui/react-popover'); var PopoverPrimitive = _interopRequireWildcard(_reactpopover);
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ var Popover = PopoverPrimitive.Root;
11
+ var PopoverTrigger = PopoverPrimitive.Trigger;
12
+ var PopoverAnchor = PopoverPrimitive.Anchor;
13
+ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
14
+ PopoverPrimitive.Content,
15
+ {
16
+ ref,
17
+ align,
18
+ sideOffset,
19
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
20
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",
21
+ className
22
+ ),
23
+ ...props
24
+ }
25
+ ) }));
26
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
27
+ var PopoverArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
28
+ PopoverPrimitive.Arrow,
29
+ {
30
+ ref,
31
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "fill-popover", className),
32
+ ...props
33
+ }
34
+ ));
35
+ PopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;
36
+
37
+
38
+
39
+
40
+
41
+
42
+ exports.Popover = Popover; exports.PopoverAnchor = PopoverAnchor; exports.PopoverArrow = PopoverArrow; exports.PopoverContent = PopoverContent; exports.PopoverTrigger = PopoverTrigger;
2
43
  //# sourceMappingURL=popover.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover.tsx"],"names":["React","PopoverPrimitive","jsx","Popover","PopoverTrigger","PopoverAnchor","PopoverContent","className","align","sideOffset","props","ref","cn"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BA8B9B,cAAAC,MAAA,oBAvBJ,IAAMC,EAA2B,OAM3BC,EAAkC,UAMlCC,EAAiC,SAMjCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC5DT,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,4FACA,wFACA,2DACA,2DACA,2DACA,2DACA,iGACA,4DACA,4DACA,4DACA,4DACAL,CACF,EACC,GAAGG,EACN,EACF,CACD,EACDJ,EAAe,YAA+B,UAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=open]:data-[side=top]:slide-in-from-bottom-2\",\n \"data-[state=open]:data-[side=right]:slide-in-from-left-2\",\n \"data-[state=open]:data-[side=bottom]:slide-in-from-top-2\",\n \"data-[state=open]:data-[side=left]:slide-in-from-right-2\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"]}
1
+ {"version":3,"sources":["../src/popover.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AA8B9B;AAvBJ,IAAM,UAA2B;AAMjC,IAAM,iBAAkC;AAMxC,IAAM,gBAAiC;AAMvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAMtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\nconst PopoverArrow = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Arrow>,\n PopoverPrimitive.PopoverArrowProps\n>(({ className, ...props }, ref) => (\n <PopoverPrimitive.Arrow\n ref={ref}\n className={cn(\"fill-popover\", className)}\n {...props}\n />\n));\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverArrow };\n"]}
package/dist/popover.mjs CHANGED
@@ -1,2 +1,43 @@
1
- "use client";import{b as o}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import*as t from"@radix-ui/react-popover";import{jsx as e}from"react/jsx-runtime";var l=t.Root,P=t.Trigger,v=t.Anchor,p=a.forwardRef(({className:i,align:d="center",sideOffset:r=4,...s},n)=>e(t.Portal,{children:e(t.Content,{ref:n,align:d,sideOffset:r,className:o("bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md outline-none","data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95","data-[state=open]:data-[side=top]:slide-in-from-bottom-2","data-[state=open]:data-[side=right]:slide-in-from-left-2","data-[state=open]:data-[side=bottom]:slide-in-from-top-2","data-[state=open]:data-[side=left]:slide-in-from-right-2","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95","data-[state=closed]:data-[side=top]:slide-out-to-bottom-2","data-[state=closed]:data-[side=left]:slide-out-to-right-2","data-[state=closed]:data-[side=bottom]:slide-out-to-top-2","data-[state=closed]:data-[side=right]:slide-out-to-left-2",i),...s})}));p.displayName=t.Content.displayName;export{l as Popover,v as PopoverAnchor,p as PopoverContent,P as PopoverTrigger};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/popover.tsx
7
+ import * as React from "react";
8
+ import * as PopoverPrimitive from "@radix-ui/react-popover";
9
+ import { jsx } from "react/jsx-runtime";
10
+ var Popover = PopoverPrimitive.Root;
11
+ var PopoverTrigger = PopoverPrimitive.Trigger;
12
+ var PopoverAnchor = PopoverPrimitive.Anchor;
13
+ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
14
+ PopoverPrimitive.Content,
15
+ {
16
+ ref,
17
+ align,
18
+ sideOffset,
19
+ className: cn(
20
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",
21
+ className
22
+ ),
23
+ ...props
24
+ }
25
+ ) }));
26
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
27
+ var PopoverArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
28
+ PopoverPrimitive.Arrow,
29
+ {
30
+ ref,
31
+ className: cn("fill-popover", className),
32
+ ...props
33
+ }
34
+ ));
35
+ PopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;
36
+ export {
37
+ Popover,
38
+ PopoverAnchor,
39
+ PopoverArrow,
40
+ PopoverContent,
41
+ PopoverTrigger
42
+ };
2
43
  //# sourceMappingURL=popover.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md outline-none\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=open]:data-[side=top]:slide-in-from-bottom-2\",\n \"data-[state=open]:data-[side=right]:slide-in-from-left-2\",\n \"data-[state=open]:data-[side=bottom]:slide-in-from-top-2\",\n \"data-[state=open]:data-[side=left]:slide-in-from-right-2\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BA8B9B,cAAAC,MAAA,oBAvBJ,IAAMC,EAA2B,OAM3BC,EAAkC,UAMlCC,EAAiC,SAMjCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC5DT,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,4FACA,wFACA,2DACA,2DACA,2DACA,2DACA,iGACA,4DACA,4DACA,4DACA,4DACAL,CACF,EACC,GAAGG,EACN,EACF,CACD,EACDJ,EAAe,YAA+B,UAAQ","names":["React","PopoverPrimitive","jsx","Popover","PopoverTrigger","PopoverAnchor","PopoverContent","className","align","sideOffset","props","ref","cn"]}
1
+ {"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Popover\n * -------------------------------------------------------------------------- */\n\nconst Popover = PopoverPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverTrigger\n * -------------------------------------------------------------------------- */\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverAnchor\n * -------------------------------------------------------------------------- */\n\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverContent\n * -------------------------------------------------------------------------- */\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n PopoverPrimitive.PopoverContentProps\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: PopoverArrow\n * -------------------------------------------------------------------------- */\n\nconst PopoverArrow = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Arrow>,\n PopoverPrimitive.PopoverArrowProps\n>(({ className, ...props }, ref) => (\n <PopoverPrimitive.Arrow\n ref={ref}\n className={cn(\"fill-popover\", className)}\n {...props}\n />\n));\nPopoverArrow.displayName = PopoverPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverArrow };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AA8B9B;AAvBJ,IAAM,UAA2B;AAMjC,IAAM,iBAAkC;AAMxC,IAAM,gBAAiC;AAMvC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;AAMtD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gBAAgB,SAAS;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAA+B,uBAAM;","names":[]}
package/dist/progress.js CHANGED
@@ -1,2 +1,34 @@
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 _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reactprogress = require('@radix-ui/react-progress'); var r = _interopRequireWildcard(_reactprogress);var _jsxruntime = require('react/jsx-runtime');var m=i.forwardRef(({className:s,value:t,...a},l)=>_jsxruntime.jsx.call(void 0, r.Root,{ref:l,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",s),...a,children:_jsxruntime.jsx.call(void 0, r.Indicator,{className:"bg-primary h-full w-full flex-1 transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})}));m.displayName=r.Root.displayName;exports.Progress = m;
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 _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
2
+
3
+
4
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
+
6
+ // src/progress.tsx
7
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
8
+ var _reactprogress = require('@radix-ui/react-progress'); var ProgressPrimitive = _interopRequireWildcard(_reactprogress);
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
11
+ ProgressPrimitive.Root,
12
+ {
13
+ ref,
14
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
15
+ "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
16
+ className
17
+ ),
18
+ ...props,
19
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
20
+ ProgressPrimitive.Indicator,
21
+ {
22
+ className: "bg-primary h-full w-full flex-1 transition-all",
23
+ style: {
24
+ transform: `translateX(-${100 - (_nullishCoalesce(value, () => ( 0)))}%)`
25
+ }
26
+ }
27
+ )
28
+ }
29
+ ));
30
+ Progress.displayName = ProgressPrimitive.Root.displayName;
31
+
32
+
33
+ exports.Progress = Progress;
2
34
  //# sourceMappingURL=progress.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/progress.tsx"],"names":["React","ProgressPrimitive","jsx","Progress","className","value","props","ref","cn"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAuB,2BAmB/B,cAAAC,MAAA,oBAZJ,IAAMC,EAAiB,aAGrB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAM,EAAGC,IACjCL,EAAmB,OAAlB,CACC,IAAKK,EACL,UAAWC,EACT,iEACAJ,CACF,EACC,GAAGE,EAEJ,SAAAJ,EAAmB,YAAlB,CACC,UAAU,iDACV,MAAO,CAAE,UAAW,eAAe,KAAOG,GAAS,EAAE,IAAK,EAC5D,EACF,CACD,EACDF,EAAS,YAAgC,OAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nconst Progress = React.forwardRef<\n React.ElementRef<typeof ProgressPrimitive.Root>,\n ProgressPrimitive.ProgressProps\n>(({ className, value, ...props }, ref) => (\n <ProgressPrimitive.Root\n ref={ref}\n className={cn(\n \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n className,\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n className=\"bg-primary h-full w-full flex-1 transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"]}
1
+ {"version":3,"sources":["../src/progress.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,uBAAuB;AAmB/B;AAZJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG,QACjC;AAAA,EAAmB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,OAAO,SAAS,EAAE;AAAA,QAC9C;AAAA;AAAA,IACF;AAAA;AACF,CACD;AACD,SAAS,cAAgC,uBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nconst Progress = React.forwardRef<\n React.ElementRef<typeof ProgressPrimitive.Root>,\n ProgressPrimitive.ProgressProps\n>(({ className, value, ...props }, ref) => (\n <ProgressPrimitive.Root\n ref={ref}\n className={cn(\n \"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n className,\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n className=\"bg-primary h-full w-full flex-1 transition-all\"\n style={{\n transform: `translateX(-${100 - (value ?? 0)}%)`,\n }}\n />\n </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"]}