@codefast/ui 0.0.26 → 0.0.28

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 (323) hide show
  1. package/dist/accordion.js +1 -49
  2. package/dist/accordion.js.map +1 -1
  3. package/dist/accordion.mjs +1 -49
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert-dialog.js +1 -65
  6. package/dist/alert-dialog.js.map +1 -1
  7. package/dist/alert-dialog.mjs +1 -65
  8. package/dist/alert-dialog.mjs.map +1 -1
  9. package/dist/alert.js +1 -33
  10. package/dist/alert.js.map +1 -1
  11. package/dist/alert.mjs +1 -33
  12. package/dist/alert.mjs.map +1 -1
  13. package/dist/animate.plugin.js +2 -0
  14. package/dist/animate.plugin.js.map +1 -0
  15. package/dist/animate.plugin.mjs +2 -0
  16. package/dist/animate.plugin.mjs.map +1 -0
  17. package/dist/aspect-ratio.js +1 -8
  18. package/dist/aspect-ratio.js.map +1 -1
  19. package/dist/aspect-ratio.mjs +1 -8
  20. package/dist/aspect-ratio.mjs.map +1 -1
  21. package/dist/avatar.js +1 -34
  22. package/dist/avatar.js.map +1 -1
  23. package/dist/avatar.mjs +1 -34
  24. package/dist/avatar.mjs.map +1 -1
  25. package/dist/badge.js +1 -26
  26. package/dist/badge.js.map +1 -1
  27. package/dist/badge.mjs +1 -26
  28. package/dist/badge.mjs.map +1 -1
  29. package/dist/blockquote.js +1 -12
  30. package/dist/blockquote.js.map +1 -1
  31. package/dist/blockquote.mjs +1 -12
  32. package/dist/blockquote.mjs.map +1 -1
  33. package/dist/box.js +1 -12
  34. package/dist/box.js.map +1 -1
  35. package/dist/box.mjs +1 -12
  36. package/dist/box.mjs.map +1 -1
  37. package/dist/breadcrumb.js +1 -71
  38. package/dist/breadcrumb.js.map +1 -1
  39. package/dist/breadcrumb.mjs +1 -71
  40. package/dist/breadcrumb.mjs.map +1 -1
  41. package/dist/button.js +1 -10
  42. package/dist/button.mjs +1 -10
  43. package/dist/calendar.js +1 -70
  44. package/dist/calendar.js.map +1 -1
  45. package/dist/calendar.mjs +1 -70
  46. package/dist/calendar.mjs.map +1 -1
  47. package/dist/card.js +1 -29
  48. package/dist/card.js.map +1 -1
  49. package/dist/card.mjs +1 -29
  50. package/dist/card.mjs.map +1 -1
  51. package/dist/carousel.js +1 -193
  52. package/dist/carousel.js.map +1 -1
  53. package/dist/carousel.mjs +1 -193
  54. package/dist/carousel.mjs.map +1 -1
  55. package/dist/checkbox-cards.js +1 -51
  56. package/dist/checkbox-cards.js.map +1 -1
  57. package/dist/checkbox-cards.mjs +1 -51
  58. package/dist/checkbox-cards.mjs.map +1 -1
  59. package/dist/checkbox-group.js +1 -39
  60. package/dist/checkbox-group.js.map +1 -1
  61. package/dist/checkbox-group.mjs +1 -39
  62. package/dist/checkbox-group.mjs.map +1 -1
  63. package/dist/checkbox-group.primitive.js +1 -18
  64. package/dist/checkbox-group.primitive.mjs +1 -18
  65. package/dist/checkbox.js +1 -26
  66. package/dist/checkbox.js.map +1 -1
  67. package/dist/checkbox.mjs +1 -26
  68. package/dist/checkbox.mjs.map +1 -1
  69. package/dist/chunk-2RQCRE7N.js +2 -0
  70. package/dist/chunk-2RQCRE7N.js.map +1 -0
  71. package/dist/chunk-ATQPXKGH.mjs +2 -0
  72. package/dist/{chunk-JULVZPCS.mjs.map → chunk-ATQPXKGH.mjs.map} +1 -1
  73. package/dist/chunk-CF2GOAXC.mjs +2 -0
  74. package/dist/{chunk-AUQEMOIM.mjs.map → chunk-CF2GOAXC.mjs.map} +1 -1
  75. package/dist/chunk-CHJJRHD2.mjs +2 -0
  76. package/dist/{chunk-TXRIFICH.mjs.map → chunk-CHJJRHD2.mjs.map} +1 -1
  77. package/dist/chunk-CNPQJV2G.js +2 -0
  78. package/dist/chunk-CNPQJV2G.js.map +1 -0
  79. package/dist/chunk-DCN2KICL.js +2 -0
  80. package/dist/chunk-DCN2KICL.js.map +1 -0
  81. package/dist/chunk-HJ4U5JJA.mjs +2 -0
  82. package/dist/chunk-HJ4U5JJA.mjs.map +1 -0
  83. package/dist/chunk-IBJ5USOR.js +2 -0
  84. package/dist/chunk-IBJ5USOR.js.map +1 -0
  85. package/dist/chunk-J5EXNAHZ.js +2 -0
  86. package/dist/chunk-J5EXNAHZ.js.map +1 -0
  87. package/dist/chunk-JTI7KCLO.mjs +2 -0
  88. package/dist/chunk-JTI7KCLO.mjs.map +1 -0
  89. package/dist/chunk-JVGHOCS7.js +2 -0
  90. package/dist/chunk-JVGHOCS7.js.map +1 -0
  91. package/dist/chunk-KICZFOKE.js +2 -0
  92. package/dist/chunk-KICZFOKE.js.map +1 -0
  93. package/dist/chunk-MXVHKLFU.mjs +2 -0
  94. package/dist/{chunk-FGI3JA75.mjs.map → chunk-MXVHKLFU.mjs.map} +1 -1
  95. package/dist/chunk-O7LLHO4I.js +2 -0
  96. package/dist/chunk-O7LLHO4I.js.map +1 -0
  97. package/dist/chunk-QZCQ42BP.js +2 -0
  98. package/dist/chunk-QZCQ42BP.js.map +1 -0
  99. package/dist/chunk-S23IT4G2.js +2 -0
  100. package/dist/chunk-S23IT4G2.js.map +1 -0
  101. package/dist/chunk-TMXZMQRK.mjs +2 -0
  102. package/dist/{chunk-73S45XV3.mjs.map → chunk-TMXZMQRK.mjs.map} +1 -1
  103. package/dist/chunk-VDYNVLXR.mjs +2 -0
  104. package/dist/{chunk-U6VR5RJ5.mjs.map → chunk-VDYNVLXR.mjs.map} +1 -1
  105. package/dist/chunk-XPJZ6WQM.js +2 -0
  106. package/dist/chunk-XPJZ6WQM.js.map +1 -0
  107. package/dist/chunk-YV4UJQ5X.mjs +2 -0
  108. package/dist/{chunk-EWS3N4OZ.mjs.map → chunk-YV4UJQ5X.mjs.map} +1 -1
  109. package/dist/chunk-ZLAYTLRK.mjs +2 -0
  110. package/dist/chunk-ZLAYTLRK.mjs.map +1 -0
  111. package/dist/chunk-ZMVKHU4U.mjs +2 -0
  112. package/dist/{chunk-Q24YJU6W.mjs.map → chunk-ZMVKHU4U.mjs.map} +1 -1
  113. package/dist/code.js +1 -12
  114. package/dist/code.js.map +1 -1
  115. package/dist/code.mjs +1 -12
  116. package/dist/code.mjs.map +1 -1
  117. package/dist/collapsible.js +1 -12
  118. package/dist/collapsible.js.map +1 -1
  119. package/dist/collapsible.mjs +1 -12
  120. package/dist/collapsible.mjs.map +1 -1
  121. package/dist/command.js +1 -93
  122. package/dist/command.js.map +1 -1
  123. package/dist/command.mjs +1 -93
  124. package/dist/command.mjs.map +1 -1
  125. package/dist/container.js +1 -16
  126. package/dist/container.js.map +1 -1
  127. package/dist/container.mjs +1 -16
  128. package/dist/container.mjs.map +1 -1
  129. package/dist/context-menu.js +1 -153
  130. package/dist/context-menu.js.map +1 -1
  131. package/dist/context-menu.mjs +1 -153
  132. package/dist/context-menu.mjs.map +1 -1
  133. package/dist/data-table.js +1 -235
  134. package/dist/data-table.js.map +1 -1
  135. package/dist/data-table.mjs +1 -235
  136. package/dist/data-table.mjs.map +1 -1
  137. package/dist/dialog.js +1 -22
  138. package/dist/dialog.mjs +1 -22
  139. package/dist/drawer.js +1 -64
  140. package/dist/drawer.js.map +1 -1
  141. package/dist/drawer.mjs +1 -64
  142. package/dist/drawer.mjs.map +1 -1
  143. package/dist/dropdown-menu.js +1 -34
  144. package/dist/dropdown-menu.mjs +1 -34
  145. package/dist/em.js +1 -12
  146. package/dist/em.js.map +1 -1
  147. package/dist/em.mjs +1 -12
  148. package/dist/em.mjs.map +1 -1
  149. package/dist/form.js +1 -91
  150. package/dist/form.js.map +1 -1
  151. package/dist/form.mjs +1 -91
  152. package/dist/form.mjs.map +1 -1
  153. package/dist/heading.js +1 -12
  154. package/dist/heading.js.map +1 -1
  155. package/dist/heading.mjs +1 -12
  156. package/dist/heading.mjs.map +1 -1
  157. package/dist/hover-card.js +1 -35
  158. package/dist/hover-card.js.map +1 -1
  159. package/dist/hover-card.mjs +1 -35
  160. package/dist/hover-card.mjs.map +1 -1
  161. package/dist/input-otp.js +1 -62
  162. package/dist/input-otp.js.map +1 -1
  163. package/dist/input-otp.mjs +1 -62
  164. package/dist/input-otp.mjs.map +1 -1
  165. package/dist/input.js +1 -28
  166. package/dist/input.js.map +1 -1
  167. package/dist/input.mjs +1 -28
  168. package/dist/input.mjs.map +1 -1
  169. package/dist/kbd.js +1 -26
  170. package/dist/kbd.js.map +1 -1
  171. package/dist/kbd.mjs +1 -26
  172. package/dist/kbd.mjs.map +1 -1
  173. package/dist/label.js +1 -8
  174. package/dist/label.mjs +1 -8
  175. package/dist/menubar.js +1 -168
  176. package/dist/menubar.js.map +1 -1
  177. package/dist/menubar.mjs +1 -168
  178. package/dist/menubar.mjs.map +1 -1
  179. package/dist/navigation-menu.js +1 -119
  180. package/dist/navigation-menu.js.map +1 -1
  181. package/dist/navigation-menu.mjs +1 -119
  182. package/dist/navigation-menu.mjs.map +1 -1
  183. package/dist/pagination.js +1 -86
  184. package/dist/pagination.js.map +1 -1
  185. package/dist/pagination.mjs +1 -86
  186. package/dist/pagination.mjs.map +1 -1
  187. package/dist/perspective.plugin.js +2 -0
  188. package/dist/perspective.plugin.js.map +1 -0
  189. package/dist/perspective.plugin.mjs +2 -0
  190. package/dist/perspective.plugin.mjs.map +1 -0
  191. package/dist/popover.js +1 -37
  192. package/dist/popover.js.map +1 -1
  193. package/dist/popover.mjs +1 -37
  194. package/dist/popover.mjs.map +1 -1
  195. package/dist/pre.js +1 -12
  196. package/dist/pre.js.map +1 -1
  197. package/dist/pre.mjs +1 -12
  198. package/dist/pre.mjs.map +1 -1
  199. package/dist/progress.js +1 -30
  200. package/dist/progress.js.map +1 -1
  201. package/dist/progress.mjs +1 -30
  202. package/dist/progress.mjs.map +1 -1
  203. package/dist/quote.js +1 -12
  204. package/dist/quote.js.map +1 -1
  205. package/dist/quote.mjs +1 -12
  206. package/dist/quote.mjs.map +1 -1
  207. package/dist/radio-cards.js +1 -31
  208. package/dist/radio-cards.js.map +1 -1
  209. package/dist/radio-cards.mjs +1 -31
  210. package/dist/radio-cards.mjs.map +1 -1
  211. package/dist/radio-group.js +1 -32
  212. package/dist/radio-group.js.map +1 -1
  213. package/dist/radio-group.mjs +1 -32
  214. package/dist/radio-group.mjs.map +1 -1
  215. package/dist/radio.js +1 -28
  216. package/dist/radio.js.map +1 -1
  217. package/dist/radio.mjs +1 -28
  218. package/dist/radio.mjs.map +1 -1
  219. package/dist/resizable.js +1 -44
  220. package/dist/resizable.js.map +1 -1
  221. package/dist/resizable.mjs +1 -44
  222. package/dist/resizable.mjs.map +1 -1
  223. package/dist/scroll-area.js +1 -38
  224. package/dist/scroll-area.js.map +1 -1
  225. package/dist/scroll-area.mjs +1 -38
  226. package/dist/scroll-area.mjs.map +1 -1
  227. package/dist/section.js +1 -12
  228. package/dist/section.js.map +1 -1
  229. package/dist/section.mjs +1 -12
  230. package/dist/section.mjs.map +1 -1
  231. package/dist/select.js +1 -26
  232. package/dist/select.mjs +1 -26
  233. package/dist/separator.js +1 -25
  234. package/dist/separator.js.map +1 -1
  235. package/dist/separator.mjs +1 -25
  236. package/dist/separator.mjs.map +1 -1
  237. package/dist/sheet.js +1 -64
  238. package/dist/sheet.js.map +1 -1
  239. package/dist/sheet.mjs +1 -64
  240. package/dist/sheet.mjs.map +1 -1
  241. package/dist/skeleton.js +1 -12
  242. package/dist/skeleton.js.map +1 -1
  243. package/dist/skeleton.mjs +1 -12
  244. package/dist/skeleton.mjs.map +1 -1
  245. package/dist/slider.js +1 -32
  246. package/dist/slider.js.map +1 -1
  247. package/dist/slider.mjs +1 -32
  248. package/dist/slider.mjs.map +1 -1
  249. package/dist/sonner.js +1 -29
  250. package/dist/sonner.js.map +1 -1
  251. package/dist/sonner.mjs +1 -29
  252. package/dist/sonner.mjs.map +1 -1
  253. package/dist/spinner.js +1 -7
  254. package/dist/spinner.mjs +1 -7
  255. package/dist/strong.js +1 -12
  256. package/dist/strong.js.map +1 -1
  257. package/dist/strong.mjs +1 -12
  258. package/dist/strong.mjs.map +1 -1
  259. package/dist/switch.js +1 -25
  260. package/dist/switch.js.map +1 -1
  261. package/dist/switch.mjs +1 -25
  262. package/dist/switch.mjs.map +1 -1
  263. package/dist/table.js +1 -50
  264. package/dist/table.js.map +1 -1
  265. package/dist/table.mjs +1 -50
  266. package/dist/table.mjs.map +1 -1
  267. package/dist/tabs.js +1 -52
  268. package/dist/tabs.js.map +1 -1
  269. package/dist/tabs.mjs +1 -52
  270. package/dist/tabs.mjs.map +1 -1
  271. package/dist/tailwind.config.js +1 -383
  272. package/dist/tailwind.config.js.map +1 -1
  273. package/dist/tailwind.config.mjs +1 -383
  274. package/dist/tailwind.config.mjs.map +1 -1
  275. package/dist/text.js +1 -12
  276. package/dist/text.js.map +1 -1
  277. package/dist/text.mjs +1 -12
  278. package/dist/text.mjs.map +1 -1
  279. package/dist/textarea.js +1 -24
  280. package/dist/textarea.js.map +1 -1
  281. package/dist/textarea.mjs +1 -24
  282. package/dist/textarea.mjs.map +1 -1
  283. package/dist/toggle-group.js +1 -56
  284. package/dist/toggle-group.js.map +1 -1
  285. package/dist/toggle-group.mjs +1 -56
  286. package/dist/toggle-group.mjs.map +1 -1
  287. package/dist/toggle.js +1 -10
  288. package/dist/toggle.mjs +1 -10
  289. package/dist/tooltip.js +1 -36
  290. package/dist/tooltip.js.map +1 -1
  291. package/dist/tooltip.mjs +1 -36
  292. package/dist/tooltip.mjs.map +1 -1
  293. package/dist/utils.js +1 -10
  294. package/dist/utils.mjs +1 -10
  295. package/package.json +6 -10
  296. package/dist/chunk-3ZZ3SRTJ.js +0 -148
  297. package/dist/chunk-3ZZ3SRTJ.js.map +0 -1
  298. package/dist/chunk-73S45XV3.mjs +0 -51
  299. package/dist/chunk-AOIW2XNK.js +0 -34
  300. package/dist/chunk-AOIW2XNK.js.map +0 -1
  301. package/dist/chunk-AUQEMOIM.mjs +0 -34
  302. package/dist/chunk-BA3XYBWR.js +0 -120
  303. package/dist/chunk-BA3XYBWR.js.map +0 -1
  304. package/dist/chunk-EWS3N4OZ.mjs +0 -148
  305. package/dist/chunk-FGI3JA75.mjs +0 -25
  306. package/dist/chunk-G3NP7M2N.js +0 -19
  307. package/dist/chunk-G3NP7M2N.js.map +0 -1
  308. package/dist/chunk-IVYGBU4G.js +0 -25
  309. package/dist/chunk-IVYGBU4G.js.map +0 -1
  310. package/dist/chunk-JULVZPCS.mjs +0 -120
  311. package/dist/chunk-MOJNV3XZ.js +0 -120
  312. package/dist/chunk-MOJNV3XZ.js.map +0 -1
  313. package/dist/chunk-Q24YJU6W.mjs +0 -120
  314. package/dist/chunk-TFYKPLNV.js +0 -73
  315. package/dist/chunk-TFYKPLNV.js.map +0 -1
  316. package/dist/chunk-TH24V27M.js +0 -67
  317. package/dist/chunk-TH24V27M.js.map +0 -1
  318. package/dist/chunk-TXRIFICH.mjs +0 -67
  319. package/dist/chunk-U6VR5RJ5.mjs +0 -73
  320. package/dist/chunk-UG3URV2Z.mjs +0 -19
  321. package/dist/chunk-UG3URV2Z.mjs.map +0 -1
  322. package/dist/chunk-Y3DZHPJ5.js +0 -51
  323. package/dist/chunk-Y3DZHPJ5.js.map +0 -1
@@ -1,120 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
2
-
3
-
4
-
5
- var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
6
-
7
- // src/navigation-menu.tsx
8
- var _react = require('react'); var React = _interopRequireWildcard(_react);
9
- var _reacticons = require('@radix-ui/react-icons');
10
- var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var NavigationMenuPrimitive = _interopRequireWildcard(_reactnavigationmenu);
11
- var _jsxruntime = require('react/jsx-runtime');
12
- var navigationMenuTriggerVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
13
- 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"
14
- });
15
- var NavigationMenu = React.forwardRef(
16
- ({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
17
- NavigationMenuPrimitive.Root,
18
- {
19
- ref,
20
- className: _chunkG3NP7M2Njs.cn.call(void 0, "relative z-10 flex max-w-max flex-1 items-center justify-center", className),
21
- ...props,
22
- children: [
23
- children,
24
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationMenuViewport, {})
25
- ]
26
- }
27
- )
28
- );
29
- NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
30
- var NavigationMenuList = React.forwardRef(
31
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
32
- NavigationMenuPrimitive.List,
33
- {
34
- ref,
35
- className: _chunkG3NP7M2Njs.cn.call(void 0, "group flex flex-1 list-none items-center justify-center space-x-1", className),
36
- ...props
37
- }
38
- )
39
- );
40
- NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
41
- var NavigationMenuItem = NavigationMenuPrimitive.Item;
42
- var NavigationMenuTrigger = React.forwardRef(
43
- ({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
44
- NavigationMenuPrimitive.Trigger,
45
- {
46
- ref,
47
- className: navigationMenuTriggerVariants({
48
- className: ["group", className]
49
- }),
50
- ...props,
51
- children: [
52
- children,
53
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
54
- _reacticons.ChevronDownIcon,
55
- {
56
- className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
57
- "aria-hidden": "true"
58
- }
59
- )
60
- ]
61
- }
62
- )
63
- );
64
- NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
65
- var NavigationMenuContent = React.forwardRef(
66
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
67
- NavigationMenuPrimitive.Content,
68
- {
69
- ref,
70
- className: _chunkG3NP7M2Njs.cn.call(void 0,
71
- "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",
72
- className
73
- ),
74
- ...props
75
- }
76
- )
77
- );
78
- NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
79
- var NavigationMenuLink = NavigationMenuPrimitive.Link;
80
- var NavigationMenuViewport = React.forwardRef(
81
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "perspective-[125rem] absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
82
- NavigationMenuPrimitive.Viewport,
83
- {
84
- className: _chunkG3NP7M2Njs.cn.call(void 0,
85
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]",
86
- className
87
- ),
88
- ref,
89
- ...props
90
- }
91
- ) })
92
- );
93
- NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
94
- var NavigationMenuIndicator = React.forwardRef(
95
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
96
- NavigationMenuPrimitive.Indicator,
97
- {
98
- ref,
99
- className: _chunkG3NP7M2Njs.cn.call(void 0,
100
- "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",
101
- className
102
- ),
103
- ...props,
104
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
105
- }
106
- )
107
- );
108
- NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
- exports.NavigationMenu = NavigationMenu; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.NavigationMenuItem = NavigationMenuItem; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuViewport = NavigationMenuViewport; exports.navigationMenuTriggerVariants = navigationMenuTriggerVariants;
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 o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var t = _interopRequireWildcard(_reactnavigationmenu);var _jsxruntime = require('react/jsx-runtime');var g=_chunkQZCQ42BPjs.a.call(void 0, {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"}),d= exports.NavigationMenu =o.forwardRef(({className:e,children:i,...a},s)=>_jsxruntime.jsxs.call(void 0, t.Root,{ref:s,className:_chunkQZCQ42BPjs.b.call(void 0, "relative z-10 flex max-w-max flex-1 items-center justify-center",e),...a,children:[i,_jsxruntime.jsx.call(void 0, v,{})]}));d.displayName=t.Root.displayName;var N=o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.List,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "group flex flex-1 list-none items-center justify-center space-x-1",e),...i}));N.displayName=t.List.displayName;var y=t.Item,f= exports.NavigationMenuTrigger =o.forwardRef(({className:e,children:i,...a},s)=>_jsxruntime.jsxs.call(void 0, t.Trigger,{ref:s,className:g({className:["group",e]}),...a,children:[i,_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{className:"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));f.displayName=t.Trigger.displayName;var c=o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.Content,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "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",e),...i}));c.displayName=t.Content.displayName;var R=t.Link,v= exports.NavigationMenuViewport =o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, "div",{className:"perspective-[125rem] absolute left-0 top-full flex justify-center",children:_jsxruntime.jsx.call(void 0, t.Viewport,{className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:a,...i})}));v.displayName=t.Viewport.displayName;var l=o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.Indicator,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "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",e),...i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md"})}));l.displayName=t.Indicator.displayName;exports.NavigationMenu = d; exports.NavigationMenuContent = c; exports.NavigationMenuIndicator = l; exports.NavigationMenuItem = y; exports.NavigationMenuLink = R; exports.NavigationMenuList = N; exports.NavigationMenuTrigger = f; exports.NavigationMenuViewport = v; exports.navigationMenuTriggerVariants = g;
120
2
  //# sourceMappingURL=navigation-menu.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/navigation-menu.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,YAAY,6BAA6B;AAoBrC,SAME,KANF;AAbJ,IAAM,gCAAgC,IAAI;AAAA,EACxC,MAAM;AACR,CAAC;AASD,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mEAAmE,SAAS;AAAA,MACzF,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B;AAEJ;AAEA,eAAe,cAAsC,6BAAK;AAS1D,IAAM,qBAA2B;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qEAAqE,SAAS;AAAA,MAC3F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,mBAAmB,cAAsC,6BAAK;AAQ9D,IAAM,qBAA6C;AASnD,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,8BAA8B;AAAA,QACvC,WAAW,CAAC,SAAS,SAAS;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AASpE,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AAQpE,IAAM,qBAA6C;AASnD,IAAM,yBAA+B;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,WAAU,qEACb;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,uBAAuB,cAAsC,iCAAS;AAStE,IAAM,0BAAgC;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EACzF;AAEJ;AAEA,wBAAwB,cAAsC,kCAAU","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 navigationMenuTriggerVariants = 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\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, 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 ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, 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%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"]}
1
+ {"version":3,"sources":["../src/navigation-menu.tsx"],"names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"4DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,2VACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEJ,CAAS,EACzF,GAAGE,EAEH,UAAAD,EACDN,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,OAAxB,CACC,IAAKQ,EACL,UAAWC,EAAG,oEAAqEJ,CAAS,EAC3F,GAAGE,EACN,CAEJ,EAEAI,EAAmB,YAAsC,OAAK,YAQ9D,IAAMC,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,UAAAR,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASG,CAAS,CAChC,CAAC,EACA,GAAGE,EAEH,UAAAD,EACDN,EAACF,EAAA,CACC,UAAU,yFACV,cAAY,OACd,GACF,CAEJ,EAEAe,EAAsB,YAAsC,UAAQ,YASpE,IAAMC,EAA8B,aAClC,CAAC,CAAE,UAAAT,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,2WACAJ,CACF,EACC,GAAGE,EACN,CAEJ,EAEAO,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CL,EAA+B,aACnC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,UAAWS,EACT,qbACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAMM,EAAgC,aACpC,CAAC,CAAE,UAAAX,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,0MACAJ,CACF,EACC,GAAGE,EAEJ,SAAAP,EAAC,OAAI,UAAU,wEAAwE,EACzF,CAEJ,EAEAgB,EAAwB,YAAsC,YAAU","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 navigationMenuTriggerVariants = 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\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, 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 ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, 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%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"]}
@@ -1,120 +1,2 @@
1
- "use client";
2
- import {
3
- cn,
4
- cva
5
- } from "./chunk-UG3URV2Z.mjs";
6
-
7
- // src/navigation-menu.tsx
8
- import * as React from "react";
9
- import { ChevronDownIcon } from "@radix-ui/react-icons";
10
- import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
11
- import { jsx, jsxs } from "react/jsx-runtime";
12
- var navigationMenuTriggerVariants = cva({
13
- 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"
14
- });
15
- var NavigationMenu = React.forwardRef(
16
- ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
17
- NavigationMenuPrimitive.Root,
18
- {
19
- ref,
20
- className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
21
- ...props,
22
- children: [
23
- children,
24
- /* @__PURE__ */ jsx(NavigationMenuViewport, {})
25
- ]
26
- }
27
- )
28
- );
29
- NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
30
- var NavigationMenuList = React.forwardRef(
31
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
32
- NavigationMenuPrimitive.List,
33
- {
34
- ref,
35
- className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
36
- ...props
37
- }
38
- )
39
- );
40
- NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
41
- var NavigationMenuItem = NavigationMenuPrimitive.Item;
42
- var NavigationMenuTrigger = React.forwardRef(
43
- ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
44
- NavigationMenuPrimitive.Trigger,
45
- {
46
- ref,
47
- className: navigationMenuTriggerVariants({
48
- className: ["group", className]
49
- }),
50
- ...props,
51
- children: [
52
- children,
53
- /* @__PURE__ */ jsx(
54
- ChevronDownIcon,
55
- {
56
- className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
57
- "aria-hidden": "true"
58
- }
59
- )
60
- ]
61
- }
62
- )
63
- );
64
- NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
65
- var NavigationMenuContent = React.forwardRef(
66
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
67
- NavigationMenuPrimitive.Content,
68
- {
69
- ref,
70
- className: cn(
71
- "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",
72
- className
73
- ),
74
- ...props
75
- }
76
- )
77
- );
78
- NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
79
- var NavigationMenuLink = NavigationMenuPrimitive.Link;
80
- var NavigationMenuViewport = React.forwardRef(
81
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "perspective-[125rem] absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(
82
- NavigationMenuPrimitive.Viewport,
83
- {
84
- className: cn(
85
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]",
86
- className
87
- ),
88
- ref,
89
- ...props
90
- }
91
- ) })
92
- );
93
- NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
94
- var NavigationMenuIndicator = React.forwardRef(
95
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
96
- NavigationMenuPrimitive.Indicator,
97
- {
98
- ref,
99
- className: cn(
100
- "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",
101
- className
102
- ),
103
- ...props,
104
- children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
105
- }
106
- )
107
- );
108
- NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
109
- export {
110
- NavigationMenu,
111
- NavigationMenuContent,
112
- NavigationMenuIndicator,
113
- NavigationMenuItem,
114
- NavigationMenuLink,
115
- NavigationMenuList,
116
- NavigationMenuTrigger,
117
- NavigationMenuViewport,
118
- navigationMenuTriggerVariants
119
- };
1
+ "use client";import{a as m,b as r}from"./chunk-JTI7KCLO.mjs";import*as o from"react";import{ChevronDownIcon as u}from"@radix-ui/react-icons";import*as t from"@radix-ui/react-navigation-menu";import{jsx as n,jsxs as p}from"react/jsx-runtime";var g=m({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"}),d=o.forwardRef(({className:e,children:i,...a},s)=>p(t.Root,{ref:s,className:r("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...a,children:[i,n(v,{})]}));d.displayName=t.Root.displayName;var N=o.forwardRef(({className:e,...i},a)=>n(t.List,{ref:a,className:r("group flex flex-1 list-none items-center justify-center space-x-1",e),...i}));N.displayName=t.List.displayName;var y=t.Item,f=o.forwardRef(({className:e,children:i,...a},s)=>p(t.Trigger,{ref:s,className:g({className:["group",e]}),...a,children:[i,n(u,{className:"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));f.displayName=t.Trigger.displayName;var c=o.forwardRef(({className:e,...i},a)=>n(t.Content,{ref:a,className:r("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",e),...i}));c.displayName=t.Content.displayName;var R=t.Link,v=o.forwardRef(({className:e,...i},a)=>n("div",{className:"perspective-[125rem] absolute left-0 top-full flex justify-center",children:n(t.Viewport,{className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:a,...i})}));v.displayName=t.Viewport.displayName;var l=o.forwardRef(({className:e,...i},a)=>n(t.Indicator,{ref:a,className:r("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",e),...i,children:n("div",{className:"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md"})}));l.displayName=t.Indicator.displayName;export{d as NavigationMenu,c as NavigationMenuContent,l as NavigationMenuIndicator,y as NavigationMenuItem,R as NavigationMenuLink,N as NavigationMenuList,f as NavigationMenuTrigger,v as NavigationMenuViewport,g as navigationMenuTriggerVariants};
120
2
  //# sourceMappingURL=navigation-menu.mjs.map
@@ -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 navigationMenuTriggerVariants = 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\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, 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 ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, 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%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,YAAY,6BAA6B;AAoBrC,SAME,KANF;AAbJ,IAAM,gCAAgC,IAAI;AAAA,EACxC,MAAM;AACR,CAAC;AASD,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mEAAmE,SAAS;AAAA,MACzF,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B;AAEJ;AAEA,eAAe,cAAsC,6BAAK;AAS1D,IAAM,qBAA2B;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qEAAqE,SAAS;AAAA,MAC3F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,mBAAmB,cAAsC,6BAAK;AAQ9D,IAAM,qBAA6C;AASnD,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW,8BAA8B;AAAA,QACvC,WAAW,CAAC,SAAS,SAAS;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AASpE,IAAM,wBAA8B;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,sBAAsB,cAAsC,gCAAQ;AAQpE,IAAM,qBAA6C;AASnD,IAAM,yBAA+B;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,WAAU,qEACb;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,uBAAuB,cAAsC,iCAAS;AAStE,IAAM,0BAAgC;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAyB;AAAA,IAAxB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EACzF;AAEJ;AAEA,wBAAwB,cAAsC,kCAAU;","names":[]}
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 navigationMenuTriggerVariants = 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\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, 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 ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-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 transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, 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%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"],"mappings":"6DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,2VACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEJ,CAAS,EACzF,GAAGE,EAEH,UAAAD,EACDN,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,OAAxB,CACC,IAAKQ,EACL,UAAWC,EAAG,oEAAqEJ,CAAS,EAC3F,GAAGE,EACN,CAEJ,EAEAI,EAAmB,YAAsC,OAAK,YAQ9D,IAAMC,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,UAAAR,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASG,CAAS,CAChC,CAAC,EACA,GAAGE,EAEH,UAAAD,EACDN,EAACc,EAAA,CACC,UAAU,yFACV,cAAY,OACd,GACF,CAEJ,EAEAD,EAAsB,YAAsC,UAAQ,YASpE,IAAME,EAA8B,aAClC,CAAC,CAAE,UAAAV,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,2WACAJ,CACF,EACC,GAAGE,EACN,CAEJ,EAEAQ,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CN,EAA+B,aACnC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,UAAWS,EACT,qbACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAMO,EAAgC,aACpC,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,0MACAJ,CACF,EACC,GAAGE,EAEJ,SAAAP,EAAC,OAAI,UAAU,wEAAwE,EACzF,CAEJ,EAEAiB,EAAwB,YAAsC,YAAU","names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"]}
@@ -1,87 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
2
-
3
- var _chunkTFYKPLNVjs = require('./chunk-TFYKPLNV.js');
4
- require('./chunk-Y3DZHPJ5.js');
5
-
6
-
7
- var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
8
-
9
- // src/pagination.tsx
10
- var _react = require('react'); var React = _interopRequireWildcard(_react);
11
- var _reacticons = require('@radix-ui/react-icons');
12
- var _jsxruntime = require('react/jsx-runtime');
13
- function Pagination({ className, ...props }) {
14
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
15
- "nav",
16
- {
17
- role: "navigation",
18
- "aria-label": "pagination",
19
- className: _chunkG3NP7M2Njs.cn.call(void 0, "mx-auto flex w-full justify-center", className),
20
- ...props
21
- }
22
- );
23
- }
24
- var PaginationContent = React.forwardRef(
25
- ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex flex-row items-center gap-1", className), ...props })
26
- );
27
- PaginationContent.displayName = "PaginationContent";
28
- var PaginationItem = React.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, ...props }));
29
- PaginationItem.displayName = "PaginationItem";
30
- function PaginationLink({
31
- className,
32
- isActive,
33
- size = "icon",
34
- children,
35
- ...props
36
- }) {
37
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
38
- "a",
39
- {
40
- "aria-current": isActive ? "page" : void 0,
41
- className: _chunkTFYKPLNVjs.buttonVariants.call(void 0, {
42
- variant: isActive ? "outline" : "ghost",
43
- size,
44
- className
45
- }),
46
- ...props,
47
- children
48
- }
49
- );
50
- }
51
- function PaginationPrevious({ className, ...props }) {
52
- return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
53
- PaginationLink,
54
- {
55
- "aria-label": "Go to previous page",
56
- size: "default",
57
- className: _chunkG3NP7M2Njs.cn.call(void 0, "gap-1 pl-2.5", className),
58
- ...props,
59
- children: [
60
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon, { className: "size-4" }),
61
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Previous" })
62
- ]
63
- }
64
- );
65
- }
66
- function PaginationNext({ className, ...props }) {
67
- return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationLink, { "aria-label": "Go to next page", size: "default", className: _chunkG3NP7M2Njs.cn.call(void 0, "gap-1 pr-2.5", className), ...props, children: [
68
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Next" }),
69
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon, { className: "size-4" })
70
- ] });
71
- }
72
- function PaginationEllipsis({ className, ...props }) {
73
- return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "aria-hidden": true, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex size-10 items-center justify-center", className), ...props, children: [
74
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon, { className: "size-4" }),
75
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
76
- ] });
77
- }
78
-
79
-
80
-
81
-
82
-
83
-
84
-
85
-
86
- exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationNext = PaginationNext; exports.PaginationPrevious = PaginationPrevious;
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 _chunkXPJZ6WQMjs = require('./chunk-XPJZ6WQM.js');require('./chunk-JVGHOCS7.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 N({className:n,...t}){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",n),...t})}var u=o.forwardRef(({className:n,...t},i)=>_jsxruntime.jsx.call(void 0, "ul",{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return _jsxruntime.jsx.call(void 0, "a",{"aria-current":t?"page":void 0,className:_chunkXPJZ6WQMjs.a.call(void 0, {variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to previous page",size:"default",className:_chunkQZCQ42BPjs.b.call(void 0, "gap-1 pl-2.5",n),...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{children:"Previous"})]})}function H({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to next page",size:"default",className:_chunkQZCQ42BPjs.b.call(void 0, "gap-1 pr-2.5",n),...t,children:[_jsxruntime.jsx.call(void 0, "span",{children:"Next"}),_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4"})]})}function M({className:n,...t}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":!0,className:_chunkQZCQ42BPjs.b.call(void 0, "flex size-10 items-center justify-center",n),...t,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 = N; exports.PaginationContent = u; exports.PaginationEllipsis = M; exports.PaginationItem = f; exports.PaginationLink = p; exports.PaginationNext = H; exports.PaginationPrevious = R;
87
2
  //# sourceMappingURL=pagination.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/pagination.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,iBAAiB,kBAAkB,0BAA0B;AAYlE,cA2EA,YA3EA;AAFJ,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAuC;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AASA,IAAM,oBAA0B;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AAE3F;AAEA,kBAAkB,cAAc;AAShC,IAAM,iBAAuB,iBAAuD,CAAC,OAAO,QAC1F,oBAAC,QAAG,KAAW,GAAG,OAAO,CAC1B;AAED,eAAe,cAAc;AAU7B,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;AAQA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA+C;AAC/F,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;AAQA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA2C;AACvF,SACE,qBAAC,kBAAe,cAAW,mBAAkB,MAAK,WAAU,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OACxG;AAAA,wBAAC,UAAK,kBAAI;AAAA,IACV,oBAAC,oBAAiB,WAAU,UAAS;AAAA,KACvC;AAEJ;AAQA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA+C;AAC/F,SACE,qBAAC,UAAK,eAAW,MAAC,WAAW,GAAG,4CAA4C,SAAS,GAAI,GAAG,OAC1F;AAAA,wBAAC,sBAAmB,WAAU,UAAS;AAAA,IACvC,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA,KACtC;AAEJ","sourcesContent":["import * as React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): 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\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, ref) => (\n <li ref={ref} {...props} />\n));\n\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, 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\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): 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\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn(\"gap-1 pr-2.5\", className)} {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn(\"flex size-10 items-center justify-center\", className)} {...props}>\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 type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"]}
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":"4GAAA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,EAAiB,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAYlE,cAAAC,EA2EA,QAAAC,MA3EA,oBAFJ,SAASC,EAAW,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OACEJ,EAAC,OACC,KAAK,aACL,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC5D,GAAGC,EACN,CAEJ,CASA,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IACxBP,EAAC,MAAG,IAAKO,EAAK,UAAWF,EAAG,mCAAoCF,CAAS,EAAI,GAAGC,EAAO,CAE3F,EAEAE,EAAkB,YAAc,oBAShC,IAAME,EAAuB,aAAuD,CAACJ,EAAOG,IAC1FP,EAAC,MAAG,IAAKO,EAAM,GAAGH,EAAO,CAC1B,EAEDI,EAAe,YAAc,iBAU7B,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,CAQA,SAASE,EAAmB,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAA+C,CAC/F,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,CAQA,SAASe,EAAe,CAAE,UAAAZ,EAAW,GAAGC,CAAM,EAA2C,CACvF,OACEH,EAACQ,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,UAAWJ,EAAG,eAAgBF,CAAS,EAAI,GAAGC,EACxG,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACF,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAQA,SAASkB,EAAmB,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAAC,QAAK,cAAW,GAAC,UAAWI,EAAG,2CAA4CF,CAAS,EAAI,GAAGC,EAC1F,UAAAJ,EAACD,EAAA,CAAmB,UAAU,SAAS,EACvCC,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","sourcesContent":["import * as React from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): 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\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = \"PaginationContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, ref) => (\n <li ref={ref} {...props} />\n));\n\nPaginationItem.displayName = \"PaginationItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, 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\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): 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\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn(\"gap-1 pr-2.5\", className)} {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn(\"flex size-10 items-center justify-center\", className)} {...props}>\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 type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"]}
@@ -1,87 +1,2 @@
1
- import {
2
- buttonVariants
3
- } from "./chunk-U6VR5RJ5.mjs";
4
- import "./chunk-73S45XV3.mjs";
5
- import {
6
- cn
7
- } from "./chunk-UG3URV2Z.mjs";
8
-
9
- // src/pagination.tsx
10
- import * as React from "react";
11
- import { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons";
12
- import { jsx, jsxs } from "react/jsx-runtime";
13
- function Pagination({ className, ...props }) {
14
- return /* @__PURE__ */ jsx(
15
- "nav",
16
- {
17
- role: "navigation",
18
- "aria-label": "pagination",
19
- className: cn("mx-auto flex w-full justify-center", className),
20
- ...props
21
- }
22
- );
23
- }
24
- var PaginationContent = React.forwardRef(
25
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
26
- );
27
- PaginationContent.displayName = "PaginationContent";
28
- var PaginationItem = React.forwardRef((props, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
29
- PaginationItem.displayName = "PaginationItem";
30
- function PaginationLink({
31
- className,
32
- isActive,
33
- size = "icon",
34
- children,
35
- ...props
36
- }) {
37
- return /* @__PURE__ */ jsx(
38
- "a",
39
- {
40
- "aria-current": isActive ? "page" : void 0,
41
- className: buttonVariants({
42
- variant: isActive ? "outline" : "ghost",
43
- size,
44
- className
45
- }),
46
- ...props,
47
- children
48
- }
49
- );
50
- }
51
- function PaginationPrevious({ className, ...props }) {
52
- return /* @__PURE__ */ jsxs(
53
- PaginationLink,
54
- {
55
- "aria-label": "Go to previous page",
56
- size: "default",
57
- className: cn("gap-1 pl-2.5", className),
58
- ...props,
59
- children: [
60
- /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }),
61
- /* @__PURE__ */ jsx("span", { children: "Previous" })
62
- ]
63
- }
64
- );
65
- }
66
- function PaginationNext({ className, ...props }) {
67
- return /* @__PURE__ */ jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
68
- /* @__PURE__ */ jsx("span", { children: "Next" }),
69
- /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
70
- ] });
71
- }
72
- function PaginationEllipsis({ className, ...props }) {
73
- return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn("flex size-10 items-center justify-center", className), ...props, children: [
74
- /* @__PURE__ */ jsx(DotsHorizontalIcon, { className: "size-4" }),
75
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
76
- ] });
77
- }
78
- export {
79
- Pagination,
80
- PaginationContent,
81
- PaginationEllipsis,
82
- PaginationItem,
83
- PaginationLink,
84
- PaginationNext,
85
- PaginationPrevious
86
- };
1
+ import{a as r}from"./chunk-VDYNVLXR.mjs";import"./chunk-TMXZMQRK.mjs";import{b as e}from"./chunk-JTI7KCLO.mjs";import*as o from"react";import{ChevronLeftIcon as g,ChevronRightIcon as m,DotsHorizontalIcon as c}from"@radix-ui/react-icons";import{jsx as a,jsxs as s}from"react/jsx-runtime";function N({className:n,...t}){return a("nav",{role:"navigation","aria-label":"pagination",className:e("mx-auto flex w-full justify-center",n),...t})}var u=o.forwardRef(({className:n,...t},i)=>a("ul",{ref:i,className:e("flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>a("li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return a("a",{"aria-current":t?"page":void 0,className:r({variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return s(p,{"aria-label":"Go to previous page",size:"default",className:e("gap-1 pl-2.5",n),...t,children:[a(g,{className:"size-4"}),a("span",{children:"Previous"})]})}function H({className:n,...t}){return s(p,{"aria-label":"Go to next page",size:"default",className:e("gap-1 pr-2.5",n),...t,children:[a("span",{children:"Next"}),a(m,{className:"size-4"})]})}function M({className:n,...t}){return s("span",{"aria-hidden":!0,className:e("flex size-10 items-center justify-center",n),...t,children:[a(c,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{N as Pagination,u as PaginationContent,M as PaginationEllipsis,f as PaginationItem,p as PaginationLink,H as PaginationNext,R as PaginationPrevious};
87
2
  //# sourceMappingURL=pagination.mjs.map