@codefast/ui 0.0.4 → 0.0.5

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