@simpleapps-com/augur-web 0.1.0
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.
- package/dist/accordion.cjs +52 -0
- package/dist/accordion.cjs.map +1 -0
- package/dist/accordion.d.cts +9 -0
- package/dist/accordion.d.ts +9 -0
- package/dist/accordion.js +52 -0
- package/dist/accordion.js.map +1 -0
- package/dist/breadcrumb.cjs +98 -0
- package/dist/breadcrumb.cjs.map +1 -0
- package/dist/breadcrumb.d.cts +22 -0
- package/dist/breadcrumb.d.ts +22 -0
- package/dist/breadcrumb.js +98 -0
- package/dist/breadcrumb.js.map +1 -0
- package/dist/button.cjs +11 -0
- package/dist/button.cjs.map +1 -0
- package/dist/button.d.cts +14 -0
- package/dist/button.d.ts +14 -0
- package/dist/button.js +11 -0
- package/dist/button.js.map +1 -0
- package/dist/card.cjs +66 -0
- package/dist/card.cjs.map +1 -0
- package/dist/card.d.cts +10 -0
- package/dist/card.d.ts +10 -0
- package/dist/card.js +66 -0
- package/dist/card.js.map +1 -0
- package/dist/checkbox.cjs +32 -0
- package/dist/checkbox.cjs.map +1 -0
- package/dist/checkbox.d.cts +6 -0
- package/dist/checkbox.d.ts +6 -0
- package/dist/checkbox.js +32 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chunk-BYHOMRXR.js +109 -0
- package/dist/chunk-BYHOMRXR.js.map +1 -0
- package/dist/chunk-N2TV6QZO.cjs +53 -0
- package/dist/chunk-N2TV6QZO.cjs.map +1 -0
- package/dist/chunk-SVF5VSZ2.js +53 -0
- package/dist/chunk-SVF5VSZ2.js.map +1 -0
- package/dist/chunk-SXJP4G5U.cjs +109 -0
- package/dist/chunk-SXJP4G5U.cjs.map +1 -0
- package/dist/command.cjs +122 -0
- package/dist/command.cjs.map +1 -0
- package/dist/command.d.cts +84 -0
- package/dist/command.d.ts +84 -0
- package/dist/command.js +122 -0
- package/dist/command.js.map +1 -0
- package/dist/dialog.cjs +27 -0
- package/dist/dialog.cjs.map +1 -0
- package/dist/dialog.d.cts +22 -0
- package/dist/dialog.d.ts +22 -0
- package/dist/dialog.js +27 -0
- package/dist/dialog.js.map +1 -0
- package/dist/dropdown-menu.cjs +156 -0
- package/dist/dropdown-menu.cjs.map +1 -0
- package/dist/dropdown-menu.d.cts +30 -0
- package/dist/dropdown-menu.d.ts +30 -0
- package/dist/dropdown-menu.js +156 -0
- package/dist/dropdown-menu.js.map +1 -0
- package/dist/input.cjs +28 -0
- package/dist/input.cjs.map +1 -0
- package/dist/input.d.cts +6 -0
- package/dist/input.d.ts +6 -0
- package/dist/input.js +28 -0
- package/dist/input.js.map +1 -0
- package/dist/label.cjs +25 -0
- package/dist/label.cjs.map +1 -0
- package/dist/label.d.cts +8 -0
- package/dist/label.d.ts +8 -0
- package/dist/label.js +25 -0
- package/dist/label.js.map +1 -0
- package/dist/list-view.cjs +12 -0
- package/dist/list-view.cjs.map +1 -0
- package/dist/list-view.d.cts +10 -0
- package/dist/list-view.d.ts +10 -0
- package/dist/list-view.js +12 -0
- package/dist/list-view.js.map +1 -0
- package/dist/navigation-menu.cjs +120 -0
- package/dist/navigation-menu.cjs.map +1 -0
- package/dist/navigation-menu.d.cts +15 -0
- package/dist/navigation-menu.d.ts +15 -0
- package/dist/navigation-menu.js +120 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/pagination.cjs +112 -0
- package/dist/pagination.cjs.map +1 -0
- package/dist/pagination.d.cts +33 -0
- package/dist/pagination.d.ts +33 -0
- package/dist/pagination.js +112 -0
- package/dist/pagination.js.map +1 -0
- package/dist/popover.cjs +32 -0
- package/dist/popover.cjs.map +1 -0
- package/dist/popover.d.cts +9 -0
- package/dist/popover.d.ts +9 -0
- package/dist/popover.js +32 -0
- package/dist/popover.js.map +1 -0
- package/dist/radio-group.cjs +40 -0
- package/dist/radio-group.cjs.map +1 -0
- package/dist/radio-group.d.cts +7 -0
- package/dist/radio-group.d.ts +7 -0
- package/dist/radio-group.js +40 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/select.cjs +134 -0
- package/dist/select.cjs.map +1 -0
- package/dist/select.d.cts +15 -0
- package/dist/select.d.ts +15 -0
- package/dist/select.js +134 -0
- package/dist/select.js.map +1 -0
- package/dist/separator.cjs +29 -0
- package/dist/separator.cjs.map +1 -0
- package/dist/separator.d.cts +6 -0
- package/dist/separator.d.ts +6 -0
- package/dist/separator.js +29 -0
- package/dist/separator.js.map +1 -0
- package/dist/skeleton.cjs +21 -0
- package/dist/skeleton.cjs.map +1 -0
- package/dist/skeleton.d.cts +5 -0
- package/dist/skeleton.d.ts +5 -0
- package/dist/skeleton.js +21 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/spinner.cjs +46 -0
- package/dist/spinner.cjs.map +1 -0
- package/dist/spinner.d.cts +9 -0
- package/dist/spinner.d.ts +9 -0
- package/dist/spinner.js +46 -0
- package/dist/spinner.js.map +1 -0
- package/dist/table.cjs +95 -0
- package/dist/table.cjs.map +1 -0
- package/dist/table.d.cts +12 -0
- package/dist/table.d.ts +12 -0
- package/dist/table.js +95 -0
- package/dist/table.js.map +1 -0
- package/dist/tabs.cjs +52 -0
- package/dist/tabs.cjs.map +1 -0
- package/dist/tabs.d.cts +9 -0
- package/dist/tabs.d.ts +9 -0
- package/dist/tabs.js +52 -0
- package/dist/tabs.js.map +1 -0
- package/dist/textarea.cjs +27 -0
- package/dist/textarea.cjs.map +1 -0
- package/dist/textarea.d.cts +6 -0
- package/dist/textarea.d.ts +6 -0
- package/dist/textarea.js +27 -0
- package/dist/textarea.js.map +1 -0
- package/package.json +182 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
interface ListViewProps<T> {
|
|
5
|
+
data: T[] | undefined;
|
|
6
|
+
renderItems: (item: T, index?: number) => React__default.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare const ListView: <T>({ data, renderItems }: ListViewProps<T>) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { ListView };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
// src/list-view.tsx
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
|
6
|
+
var ListView = ({ data, renderItems }) => {
|
|
7
|
+
return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderItems(item, index) }, index)) });
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
ListView
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=list-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/list-view.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface ListViewProps<T> {\n data: T[] | undefined;\n renderItems: (item: T, index?: number) => React.ReactNode;\n}\n\nexport const ListView = <T,>({ data, renderItems }: ListViewProps<T>) => {\n return (\n <>\n {data?.map((item, index) => (\n <React.Fragment key={index}>{renderItems(item, index)}</React.Fragment>\n ))}\n </>\n );\n};\n"],"mappings":";;;AAAA,OAAO,WAAW;AASd,mBAEI,WAFJ;AAFG,IAAM,WAAW,CAAK,EAAE,MAAM,YAAY,MAAwB;AACvE,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,MAAM,UAAN,EAA4B,sBAAY,MAAM,KAAK,KAA/B,KAAiC,CACvD,GACH;AAEJ;","names":[]}
|
|
@@ -0,0 +1,120 @@
|
|
|
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
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
// src/navigation-menu.tsx
|
|
5
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
6
|
+
var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var NavigationMenuPrimitive = _interopRequireWildcard(_reactnavigationmenu);
|
|
7
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
8
|
+
var _lu = require('react-icons/lu');
|
|
9
|
+
var _web = require('@simpleapps-com/augur-utils/web');
|
|
10
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
+
var NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
12
|
+
NavigationMenuPrimitive.Root,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: _web.cn.call(void 0,
|
|
16
|
+
"relative z-[1000] flex max-w-max flex-1 items-center justify-center",
|
|
17
|
+
className
|
|
18
|
+
),
|
|
19
|
+
...props,
|
|
20
|
+
children: [
|
|
21
|
+
children,
|
|
22
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationMenuViewport, {})
|
|
23
|
+
]
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
27
|
+
var NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
28
|
+
NavigationMenuPrimitive.List,
|
|
29
|
+
{
|
|
30
|
+
ref,
|
|
31
|
+
className: _web.cn.call(void 0,
|
|
32
|
+
"group flex flex-1 list-none items-center justify-center space-x-1",
|
|
33
|
+
className
|
|
34
|
+
),
|
|
35
|
+
...props
|
|
36
|
+
}
|
|
37
|
+
));
|
|
38
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
39
|
+
var NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
40
|
+
var navigationMenuTriggerStyle = _classvarianceauthority.cva.call(void 0,
|
|
41
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
|
|
42
|
+
);
|
|
43
|
+
var NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
44
|
+
NavigationMenuPrimitive.Trigger,
|
|
45
|
+
{
|
|
46
|
+
ref,
|
|
47
|
+
className: _web.cn.call(void 0, navigationMenuTriggerStyle(), "group", className),
|
|
48
|
+
...props,
|
|
49
|
+
children: [
|
|
50
|
+
children,
|
|
51
|
+
" ",
|
|
52
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
53
|
+
_lu.LuChevronDown,
|
|
54
|
+
{
|
|
55
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
56
|
+
"aria-hidden": "true"
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
));
|
|
62
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
63
|
+
var NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
64
|
+
NavigationMenuPrimitive.Content,
|
|
65
|
+
{
|
|
66
|
+
ref,
|
|
67
|
+
className: _web.cn.call(void 0,
|
|
68
|
+
"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
|
|
69
|
+
className
|
|
70
|
+
),
|
|
71
|
+
...props
|
|
72
|
+
}
|
|
73
|
+
));
|
|
74
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
75
|
+
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
76
|
+
var NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
77
|
+
"div",
|
|
78
|
+
{
|
|
79
|
+
className: _web.cn.call(void 0,
|
|
80
|
+
"absolute left-0 top-full z-[1000] flex justify-center"
|
|
81
|
+
),
|
|
82
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
83
|
+
NavigationMenuPrimitive.Viewport,
|
|
84
|
+
{
|
|
85
|
+
className: _web.cn.call(void 0,
|
|
86
|
+
"origin-top-center relative z-[1000] mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
|
|
87
|
+
className
|
|
88
|
+
),
|
|
89
|
+
ref,
|
|
90
|
+
...props
|
|
91
|
+
}
|
|
92
|
+
)
|
|
93
|
+
}
|
|
94
|
+
));
|
|
95
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
96
|
+
var NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
97
|
+
NavigationMenuPrimitive.Indicator,
|
|
98
|
+
{
|
|
99
|
+
ref,
|
|
100
|
+
className: _web.cn.call(void 0,
|
|
101
|
+
"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
|
|
102
|
+
className
|
|
103
|
+
),
|
|
104
|
+
...props,
|
|
105
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
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.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
|
|
120
|
+
//# sourceMappingURL=navigation-menu.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/navigation-menu.cjs","../src/navigation-menu.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/navigation-menu.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { LuChevronDown } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\n \"relative z-[1000] 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\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\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\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <LuChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName =\n NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName =\n NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"absolute left-0 top-full z-[1000] flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative z-[1000] mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 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\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\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 data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className,\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName =\n NavigationMenuPrimitive.Indicator.displayName;\n\nexport {\n navigationMenuTriggerStyle,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n};\n"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
4
|
+
|
|
5
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
7
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
8
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
9
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
12
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
|
|
15
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
4
|
+
|
|
5
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
7
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
8
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
9
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
12
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
|
|
15
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
// src/navigation-menu.tsx
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
7
|
+
import { cva } from "class-variance-authority";
|
|
8
|
+
import { LuChevronDown } from "react-icons/lu";
|
|
9
|
+
import { cn } from "@simpleapps-com/augur-utils/web";
|
|
10
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
+
var NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
12
|
+
NavigationMenuPrimitive.Root,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: cn(
|
|
16
|
+
"relative z-[1000] flex max-w-max flex-1 items-center justify-center",
|
|
17
|
+
className
|
|
18
|
+
),
|
|
19
|
+
...props,
|
|
20
|
+
children: [
|
|
21
|
+
children,
|
|
22
|
+
/* @__PURE__ */ jsx(NavigationMenuViewport, {})
|
|
23
|
+
]
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
|
|
27
|
+
var NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
28
|
+
NavigationMenuPrimitive.List,
|
|
29
|
+
{
|
|
30
|
+
ref,
|
|
31
|
+
className: cn(
|
|
32
|
+
"group flex flex-1 list-none items-center justify-center space-x-1",
|
|
33
|
+
className
|
|
34
|
+
),
|
|
35
|
+
...props
|
|
36
|
+
}
|
|
37
|
+
));
|
|
38
|
+
NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
|
|
39
|
+
var NavigationMenuItem = NavigationMenuPrimitive.Item;
|
|
40
|
+
var navigationMenuTriggerStyle = cva(
|
|
41
|
+
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
|
|
42
|
+
);
|
|
43
|
+
var NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
44
|
+
NavigationMenuPrimitive.Trigger,
|
|
45
|
+
{
|
|
46
|
+
ref,
|
|
47
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
48
|
+
...props,
|
|
49
|
+
children: [
|
|
50
|
+
children,
|
|
51
|
+
" ",
|
|
52
|
+
/* @__PURE__ */ jsx(
|
|
53
|
+
LuChevronDown,
|
|
54
|
+
{
|
|
55
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
56
|
+
"aria-hidden": "true"
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
));
|
|
62
|
+
NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
|
|
63
|
+
var NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
64
|
+
NavigationMenuPrimitive.Content,
|
|
65
|
+
{
|
|
66
|
+
ref,
|
|
67
|
+
className: cn(
|
|
68
|
+
"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
|
|
69
|
+
className
|
|
70
|
+
),
|
|
71
|
+
...props
|
|
72
|
+
}
|
|
73
|
+
));
|
|
74
|
+
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
75
|
+
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
76
|
+
var NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
77
|
+
"div",
|
|
78
|
+
{
|
|
79
|
+
className: cn(
|
|
80
|
+
"absolute left-0 top-full z-[1000] flex justify-center"
|
|
81
|
+
),
|
|
82
|
+
children: /* @__PURE__ */ jsx(
|
|
83
|
+
NavigationMenuPrimitive.Viewport,
|
|
84
|
+
{
|
|
85
|
+
className: cn(
|
|
86
|
+
"origin-top-center relative z-[1000] mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
|
|
87
|
+
className
|
|
88
|
+
),
|
|
89
|
+
ref,
|
|
90
|
+
...props
|
|
91
|
+
}
|
|
92
|
+
)
|
|
93
|
+
}
|
|
94
|
+
));
|
|
95
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
96
|
+
var NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
97
|
+
NavigationMenuPrimitive.Indicator,
|
|
98
|
+
{
|
|
99
|
+
ref,
|
|
100
|
+
className: cn(
|
|
101
|
+
"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
|
|
102
|
+
className
|
|
103
|
+
),
|
|
104
|
+
...props,
|
|
105
|
+
children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
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
|
+
navigationMenuTriggerStyle
|
|
119
|
+
};
|
|
120
|
+
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { LuChevronDown } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\n \"relative z-[1000] 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\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\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\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\",\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <LuChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName =\n NavigationMenuPrimitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName =\n NavigationMenuPrimitive.Content.displayName;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div\n className={cn(\n \"absolute left-0 top-full z-[1000] flex justify-center\",\n )}\n >\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative z-[1000] mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 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\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\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 data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className,\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName =\n NavigationMenuPrimitive.Indicator.displayName;\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,YAAY,6BAA6B;AACzC,SAAS,WAAW;AACpB,SAAS,qBAAqB;AAC9B,SAAS,UAAU;AAMjB,SASE,KATF;AAJF,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;AAE1D,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;AAE9D,IAAM,qBAA6C;AAEnD,IAAM,6BAA6B;AAAA,EACjC;AACF;AAEA,IAAM,wBAA8B,iBAGlC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAyB;AAAA,EAAxB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,IAC7D,GAAG;AAAA,IAEH;AAAA;AAAA,MAAU;AAAA,MACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA;AAAA,MACd;AAAA;AAAA;AACF,CACD;AACD,sBAAsB,cACI,gCAAQ;AAElC,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,cACI,gCAAQ;AAElC,IAAM,qBAA6C;AAEnD,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;AAEnC,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":[]}
|
|
@@ -0,0 +1,112 @@
|
|
|
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
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
var _chunkN2TV6QZOcjs = require('./chunk-N2TV6QZO.cjs');
|
|
6
|
+
|
|
7
|
+
// src/pagination.tsx
|
|
8
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
9
|
+
var _lu = require('react-icons/lu');
|
|
10
|
+
var _web = require('@simpleapps-com/augur-utils/web');
|
|
11
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
12
|
+
var Pagination = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13
|
+
"nav",
|
|
14
|
+
{
|
|
15
|
+
role: "navigation",
|
|
16
|
+
"aria-label": "pagination",
|
|
17
|
+
className: _web.cn.call(void 0, "mx-auto flex w-full justify-center", className),
|
|
18
|
+
...props
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
Pagination.displayName = "Pagination";
|
|
22
|
+
var PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23
|
+
"ul",
|
|
24
|
+
{
|
|
25
|
+
ref,
|
|
26
|
+
className: _web.cn.call(void 0, "flex flex-row items-center gap-1", className),
|
|
27
|
+
...props
|
|
28
|
+
}
|
|
29
|
+
));
|
|
30
|
+
PaginationContent.displayName = "PaginationContent";
|
|
31
|
+
var PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _web.cn.call(void 0, "", className), ...props }));
|
|
32
|
+
PaginationItem.displayName = "PaginationItem";
|
|
33
|
+
var PaginationLink = ({
|
|
34
|
+
className,
|
|
35
|
+
isActive,
|
|
36
|
+
size = "icon",
|
|
37
|
+
...props
|
|
38
|
+
}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
39
|
+
"a",
|
|
40
|
+
{
|
|
41
|
+
"aria-current": isActive ? "page" : void 0,
|
|
42
|
+
className: _web.cn.call(void 0,
|
|
43
|
+
_chunkN2TV6QZOcjs.buttonVariants.call(void 0, {
|
|
44
|
+
variant: isActive ? "outline" : "ghost",
|
|
45
|
+
size
|
|
46
|
+
}),
|
|
47
|
+
className
|
|
48
|
+
),
|
|
49
|
+
...props
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
PaginationLink.displayName = "PaginationLink";
|
|
53
|
+
var PaginationPrevious = ({
|
|
54
|
+
className,
|
|
55
|
+
...props
|
|
56
|
+
}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
57
|
+
PaginationLink,
|
|
58
|
+
{
|
|
59
|
+
"aria-label": "Go to previous page",
|
|
60
|
+
size: "default",
|
|
61
|
+
className: _web.cn.call(void 0, "gap-1 pl-2.5", className),
|
|
62
|
+
...props,
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuChevronLeft, { className: "h-4 w-4" }),
|
|
65
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Prev" })
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
PaginationPrevious.displayName = "PaginationPrevious";
|
|
70
|
+
var PaginationNext = ({
|
|
71
|
+
className,
|
|
72
|
+
...props
|
|
73
|
+
}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
74
|
+
PaginationLink,
|
|
75
|
+
{
|
|
76
|
+
"aria-label": "Go to next page",
|
|
77
|
+
size: "default",
|
|
78
|
+
className: _web.cn.call(void 0, "gap-1 pr-2.5", className),
|
|
79
|
+
...props,
|
|
80
|
+
children: [
|
|
81
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Next" }),
|
|
82
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuChevronRight, { className: "h-4 w-4" })
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
PaginationNext.displayName = "PaginationNext";
|
|
87
|
+
var PaginationEllipsis = ({
|
|
88
|
+
className,
|
|
89
|
+
...props
|
|
90
|
+
}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
91
|
+
"span",
|
|
92
|
+
{
|
|
93
|
+
"aria-hidden": true,
|
|
94
|
+
className: _web.cn.call(void 0, "flex h-9 w-9 items-center justify-center", className),
|
|
95
|
+
...props,
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuEllipsis, { className: "h-4 w-4" }),
|
|
98
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationNext = PaginationNext; exports.PaginationPrevious = PaginationPrevious;
|
|
112
|
+
//# sourceMappingURL=pagination.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/pagination.cjs","../src/pagination.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACJA,2EAAuB;AACvB,oCAA0D;AAC1D,sDAAmB;AAIjB,+CAAA;AADF,IAAM,WAAA,EAAa,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAA,mBACxC,6BAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,YAAA;AAAA,IACL,YAAA,EAAW,YAAA;AAAA,IACX,SAAA,EAAW,qBAAA,oCAAG,EAAsC,SAAS,CAAA;AAAA,IAC5D,GAAG;AAAA,EAAA;AACN,CAAA;AAEF,UAAA,CAAW,YAAA,EAAc,YAAA;AAEzB,IAAM,kBAAA,EAA0B,KAAA,CAAA,UAAA,CAG9B,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA,kCAAG,EAAoC,SAAS,CAAA;AAAA,IAC1D,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,iBAAA,CAAkB,YAAA,EAAc,mBAAA;AAEhC,IAAM,eAAA,EAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA,IAAC,EAAA,EAAG,GAAA,EAAU,SAAA,EAAW,qBAAA,EAAG,EAAI,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CACxD,CAAA;AACD,cAAA,CAAe,YAAA,EAAc,gBAAA;AAO7B,IAAM,eAAA,EAAiB,CAAC;AAAA,EACtB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,MAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAA,mBACE,6BAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,cAAA,EAAc,SAAA,EAAW,OAAA,EAAS,KAAA,CAAA;AAAA,IAClC,SAAA,EAAW,qBAAA;AAAA,MACT,8CAAA;AAAe,QACb,OAAA,EAAS,SAAA,EAAW,UAAA,EAAY,OAAA;AAAA,QAChC;AAAA,MACF,CAAC,CAAA;AAAA,MACD;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CAAA;AAEF,cAAA,CAAe,YAAA,EAAc,gBAAA;AAE7B,IAAM,mBAAA,EAAqB,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,mBACE,8BAAA;AAAA,EAAC,cAAA;AAAA,EAAA;AAAA,IACC,YAAA,EAAW,qBAAA;AAAA,IACX,IAAA,EAAK,SAAA;AAAA,IACL,SAAA,EAAW,qBAAA,cAAG,EAAgB,SAAS,CAAA;AAAA,IACtC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,6BAAA,iBAAC,EAAA,EAAc,SAAA,EAAU,UAAA,CAAU,CAAA;AAAA,sBACnC,6BAAA,MAAC,EAAA,EAAK,QAAA,EAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AACZ,CAAA;AAEF,kBAAA,CAAmB,YAAA,EAAc,oBAAA;AAEjC,IAAM,eAAA,EAAiB,CAAC;AAAA,EACtB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,mBACE,8BAAA;AAAA,EAAC,cAAA;AAAA,EAAA;AAAA,IACC,YAAA,EAAW,iBAAA;AAAA,IACX,IAAA,EAAK,SAAA;AAAA,IACL,SAAA,EAAW,qBAAA,cAAG,EAAgB,SAAS,CAAA;AAAA,IACtC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,6BAAA,MAAC,EAAA,EAAK,QAAA,EAAA,OAAA,CAAI,CAAA;AAAA,sBACV,6BAAA,kBAAC,EAAA,EAAe,SAAA,EAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC,CAAA;AAEF,cAAA,CAAe,YAAA,EAAc,gBAAA;AAE7B,IAAM,mBAAA,EAAqB,CAAC;AAAA,EAC1B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,mBACE,8BAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,aAAA,EAAW,IAAA;AAAA,IACX,SAAA,EAAW,qBAAA,0CAAG,EAA4C,SAAS,CAAA;AAAA,IAClE,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,6BAAA,cAAC,EAAA,EAAW,SAAA,EAAU,UAAA,CAAU,CAAA;AAAA,sBAChC,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC,CAAA;AAEF,kBAAA,CAAmB,YAAA,EAAc,oBAAA;ADLjC;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,4SAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/pagination.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronLeft, LuChevronRight, LuEllipsis } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<\n HTMLUListElement,\n React.ComponentProps<\"ul\">\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\nconst PaginationItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"\", className)} {...props} />\n));\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size,\n }),\n className,\n )}\n {...props}\n />\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\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 <LuChevronLeft className=\"h-4 w-4\" />\n <span>Prev</span>\n </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\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 <LuChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <LuEllipsis className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n};\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ButtonProps } from './button.cjs';
|
|
4
|
+
import 'class-variance-authority/types';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
declare const Pagination: {
|
|
8
|
+
({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
12
|
+
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
13
|
+
type PaginationLinkProps = {
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
|
|
16
|
+
declare const PaginationLink: {
|
|
17
|
+
({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const PaginationPrevious: {
|
|
21
|
+
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
declare const PaginationNext: {
|
|
25
|
+
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
declare const PaginationEllipsis: {
|
|
29
|
+
({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ButtonProps } from './button.js';
|
|
4
|
+
import 'class-variance-authority/types';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
declare const Pagination: {
|
|
8
|
+
({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
12
|
+
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
13
|
+
type PaginationLinkProps = {
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
|
|
16
|
+
declare const PaginationLink: {
|
|
17
|
+
({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const PaginationPrevious: {
|
|
21
|
+
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
declare const PaginationNext: {
|
|
25
|
+
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
declare const PaginationEllipsis: {
|
|
29
|
+
({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import {
|
|
4
|
+
buttonVariants
|
|
5
|
+
} from "./chunk-SVF5VSZ2.js";
|
|
6
|
+
|
|
7
|
+
// src/pagination.tsx
|
|
8
|
+
import * as React from "react";
|
|
9
|
+
import { LuChevronLeft, LuChevronRight, LuEllipsis } from "react-icons/lu";
|
|
10
|
+
import { cn } from "@simpleapps-com/augur-utils/web";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
13
|
+
"nav",
|
|
14
|
+
{
|
|
15
|
+
role: "navigation",
|
|
16
|
+
"aria-label": "pagination",
|
|
17
|
+
className: cn("mx-auto flex w-full justify-center", className),
|
|
18
|
+
...props
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
Pagination.displayName = "Pagination";
|
|
22
|
+
var PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
23
|
+
"ul",
|
|
24
|
+
{
|
|
25
|
+
ref,
|
|
26
|
+
className: cn("flex flex-row items-center gap-1", className),
|
|
27
|
+
...props
|
|
28
|
+
}
|
|
29
|
+
));
|
|
30
|
+
PaginationContent.displayName = "PaginationContent";
|
|
31
|
+
var PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
|
|
32
|
+
PaginationItem.displayName = "PaginationItem";
|
|
33
|
+
var PaginationLink = ({
|
|
34
|
+
className,
|
|
35
|
+
isActive,
|
|
36
|
+
size = "icon",
|
|
37
|
+
...props
|
|
38
|
+
}) => /* @__PURE__ */ jsx(
|
|
39
|
+
"a",
|
|
40
|
+
{
|
|
41
|
+
"aria-current": isActive ? "page" : void 0,
|
|
42
|
+
className: cn(
|
|
43
|
+
buttonVariants({
|
|
44
|
+
variant: isActive ? "outline" : "ghost",
|
|
45
|
+
size
|
|
46
|
+
}),
|
|
47
|
+
className
|
|
48
|
+
),
|
|
49
|
+
...props
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
PaginationLink.displayName = "PaginationLink";
|
|
53
|
+
var PaginationPrevious = ({
|
|
54
|
+
className,
|
|
55
|
+
...props
|
|
56
|
+
}) => /* @__PURE__ */ jsxs(
|
|
57
|
+
PaginationLink,
|
|
58
|
+
{
|
|
59
|
+
"aria-label": "Go to previous page",
|
|
60
|
+
size: "default",
|
|
61
|
+
className: cn("gap-1 pl-2.5", className),
|
|
62
|
+
...props,
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ jsx(LuChevronLeft, { className: "h-4 w-4" }),
|
|
65
|
+
/* @__PURE__ */ jsx("span", { children: "Prev" })
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
PaginationPrevious.displayName = "PaginationPrevious";
|
|
70
|
+
var PaginationNext = ({
|
|
71
|
+
className,
|
|
72
|
+
...props
|
|
73
|
+
}) => /* @__PURE__ */ jsxs(
|
|
74
|
+
PaginationLink,
|
|
75
|
+
{
|
|
76
|
+
"aria-label": "Go to next page",
|
|
77
|
+
size: "default",
|
|
78
|
+
className: cn("gap-1 pr-2.5", className),
|
|
79
|
+
...props,
|
|
80
|
+
children: [
|
|
81
|
+
/* @__PURE__ */ jsx("span", { children: "Next" }),
|
|
82
|
+
/* @__PURE__ */ jsx(LuChevronRight, { className: "h-4 w-4" })
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
PaginationNext.displayName = "PaginationNext";
|
|
87
|
+
var PaginationEllipsis = ({
|
|
88
|
+
className,
|
|
89
|
+
...props
|
|
90
|
+
}) => /* @__PURE__ */ jsxs(
|
|
91
|
+
"span",
|
|
92
|
+
{
|
|
93
|
+
"aria-hidden": true,
|
|
94
|
+
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
95
|
+
...props,
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ jsx(LuEllipsis, { className: "h-4 w-4" }),
|
|
98
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
PaginationEllipsis.displayName = "PaginationEllipsis";
|
|
103
|
+
export {
|
|
104
|
+
Pagination,
|
|
105
|
+
PaginationContent,
|
|
106
|
+
PaginationEllipsis,
|
|
107
|
+
PaginationItem,
|
|
108
|
+
PaginationLink,
|
|
109
|
+
PaginationNext,
|
|
110
|
+
PaginationPrevious
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=pagination.js.map
|