@zentauri-ui/zentauri-components 0.0.84 → 0.0.92
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/README.md +47 -29
- package/dist/chunk-BZSIXBA7.js +70 -0
- package/dist/chunk-BZSIXBA7.js.map +1 -0
- package/dist/chunk-E5UX537J.js +11 -0
- package/dist/chunk-E5UX537J.js.map +1 -0
- package/dist/chunk-MEWYFWBX.mjs +14 -0
- package/dist/chunk-MEWYFWBX.mjs.map +1 -0
- package/dist/chunk-VJHD7QZH.mjs +73 -0
- package/dist/chunk-VJHD7QZH.mjs.map +1 -0
- package/dist/ui/accordion.d.mts +70 -0
- package/dist/ui/accordion.d.ts +70 -0
- package/dist/ui/accordion.js +280 -0
- package/dist/ui/accordion.js.map +1 -0
- package/dist/ui/accordion.mjs +282 -0
- package/dist/ui/accordion.mjs.map +1 -0
- package/dist/ui/alert.d.mts +66 -0
- package/dist/ui/alert.d.ts +66 -0
- package/dist/ui/alert.js +218 -0
- package/dist/ui/alert.js.map +1 -0
- package/dist/ui/alert.mjs +220 -0
- package/dist/ui/alert.mjs.map +1 -0
- package/dist/ui/badge.d.mts +37 -0
- package/dist/ui/badge.d.ts +37 -0
- package/dist/ui/badge.js +159 -0
- package/dist/ui/badge.js.map +1 -0
- package/dist/ui/badge.mjs +161 -0
- package/dist/ui/badge.mjs.map +1 -0
- package/dist/ui/buttons.d.mts +27 -0
- package/dist/ui/buttons.d.ts +27 -0
- package/dist/ui/buttons.js +107 -0
- package/dist/ui/buttons.js.map +1 -0
- package/dist/ui/buttons.mjs +109 -0
- package/dist/ui/buttons.mjs.map +1 -0
- package/dist/ui/card.d.mts +77 -0
- package/dist/ui/card.d.ts +77 -0
- package/dist/ui/card.js +252 -0
- package/dist/ui/card.js.map +1 -0
- package/dist/ui/card.mjs +254 -0
- package/dist/ui/card.mjs.map +1 -0
- package/dist/ui/divider.d.mts +39 -0
- package/dist/ui/divider.d.ts +39 -0
- package/dist/ui/divider.js +194 -0
- package/dist/ui/divider.js.map +1 -0
- package/dist/ui/divider.mjs +196 -0
- package/dist/ui/divider.mjs.map +1 -0
- package/dist/ui/drawer.d.mts +81 -0
- package/dist/ui/drawer.d.ts +81 -0
- package/dist/ui/drawer.js +377 -0
- package/dist/ui/drawer.js.map +1 -0
- package/dist/ui/drawer.mjs +379 -0
- package/dist/ui/drawer.mjs.map +1 -0
- package/dist/ui/dropdown.d.mts +50 -0
- package/dist/ui/dropdown.d.ts +50 -0
- package/dist/ui/dropdown.js +272 -0
- package/dist/ui/dropdown.js.map +1 -0
- package/dist/ui/dropdown.mjs +274 -0
- package/dist/ui/dropdown.mjs.map +1 -0
- package/dist/ui/empty-state.d.mts +55 -0
- package/dist/ui/empty-state.d.ts +55 -0
- package/dist/ui/empty-state.js +148 -0
- package/dist/ui/empty-state.js.map +1 -0
- package/dist/ui/empty-state.mjs +150 -0
- package/dist/ui/empty-state.mjs.map +1 -0
- package/dist/ui/inputs.d.mts +35 -0
- package/dist/ui/inputs.d.ts +35 -0
- package/dist/ui/inputs.js +426 -0
- package/dist/ui/inputs.js.map +1 -0
- package/dist/ui/inputs.mjs +428 -0
- package/dist/ui/inputs.mjs.map +1 -0
- package/dist/ui/modal.d.mts +84 -0
- package/dist/ui/modal.d.ts +84 -0
- package/dist/ui/modal.js +378 -0
- package/dist/ui/modal.js.map +1 -0
- package/dist/ui/modal.mjs +380 -0
- package/dist/ui/modal.mjs.map +1 -0
- package/dist/ui/pagination.d.mts +114 -0
- package/dist/ui/pagination.d.ts +114 -0
- package/dist/ui/pagination.js +425 -0
- package/dist/ui/pagination.js.map +1 -0
- package/dist/ui/pagination.mjs +427 -0
- package/dist/ui/pagination.mjs.map +1 -0
- package/dist/ui/progress.d.mts +61 -0
- package/dist/ui/progress.d.ts +61 -0
- package/dist/ui/progress.js +231 -0
- package/dist/ui/progress.js.map +1 -0
- package/dist/ui/progress.mjs +233 -0
- package/dist/ui/progress.mjs.map +1 -0
- package/dist/ui/select.d.mts +73 -0
- package/dist/ui/select.d.ts +73 -0
- package/dist/ui/select.js +321 -0
- package/dist/ui/select.js.map +1 -0
- package/dist/ui/select.mjs +323 -0
- package/dist/ui/select.mjs.map +1 -0
- package/dist/ui/skeleton.d.mts +90 -0
- package/dist/ui/skeleton.d.ts +90 -0
- package/dist/ui/skeleton.js +538 -0
- package/dist/ui/skeleton.js.map +1 -0
- package/dist/ui/skeleton.mjs +540 -0
- package/dist/ui/skeleton.mjs.map +1 -0
- package/dist/ui/spinner.d.mts +27 -0
- package/dist/ui/spinner.d.ts +27 -0
- package/dist/ui/spinner.js +187 -0
- package/dist/ui/spinner.js.map +1 -0
- package/dist/ui/spinner.mjs +189 -0
- package/dist/ui/spinner.mjs.map +1 -0
- package/dist/ui/table.d.mts +81 -0
- package/dist/ui/table.d.ts +81 -0
- package/dist/ui/table.js +287 -0
- package/dist/ui/table.js.map +1 -0
- package/dist/ui/table.mjs +289 -0
- package/dist/ui/table.mjs.map +1 -0
- package/dist/ui/tabs.d.mts +58 -0
- package/dist/ui/tabs.d.ts +58 -0
- package/dist/ui/tabs.js +268 -0
- package/dist/ui/tabs.js.map +1 -0
- package/dist/ui/tabs.mjs +270 -0
- package/dist/ui/tabs.mjs.map +1 -0
- package/dist/ui/toast.d.mts +86 -0
- package/dist/ui/toast.d.ts +86 -0
- package/dist/ui/toast.js +252 -0
- package/dist/ui/toast.js.map +1 -0
- package/dist/ui/toast.mjs +254 -0
- package/dist/ui/toast.mjs.map +1 -0
- package/dist/ui/toggle.d.mts +37 -0
- package/dist/ui/toggle.d.ts +37 -0
- package/dist/ui/toggle.js +152 -0
- package/dist/ui/toggle.js.map +1 -0
- package/dist/ui/toggle.mjs +154 -0
- package/dist/ui/toggle.mjs.map +1 -0
- package/dist/ui/tooltip.d.mts +46 -0
- package/dist/ui/tooltip.d.ts +46 -0
- package/dist/ui/tooltip.js +208 -0
- package/dist/ui/tooltip.js.map +1 -0
- package/dist/ui/tooltip.mjs +210 -0
- package/dist/ui/tooltip.mjs.map +1 -0
- package/dist/variants-Dd9pe-ov.d.mts +8 -0
- package/dist/variants-Dd9pe-ov.d.ts +8 -0
- package/package.json +15 -14
- package/dist/ui/index.cjs +0 -5764
- package/dist/ui/index.cjs.map +0 -1
- package/dist/ui/index.d.cts +0 -1164
- package/dist/ui/index.d.ts +0 -1164
- package/dist/ui/index.js +0 -5626
- package/dist/ui/index.js.map +0 -1
|
@@ -0,0 +1,425 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
|
+
|
|
3
|
+
var _chunkBZSIXBA7js = require('../chunk-BZSIXBA7.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
|
|
7
|
+
|
|
8
|
+
// src/ui/pagination/pagination.tsx
|
|
9
|
+
var _react = require('react');
|
|
10
|
+
|
|
11
|
+
// src/ui/pagination/pagination-logic.ts
|
|
12
|
+
function buildPaginationItems({
|
|
13
|
+
pageCount,
|
|
14
|
+
currentPage,
|
|
15
|
+
siblingCount,
|
|
16
|
+
boundaryCount
|
|
17
|
+
}) {
|
|
18
|
+
if (pageCount <= 0) {
|
|
19
|
+
return [];
|
|
20
|
+
}
|
|
21
|
+
const safeBoundary = Math.max(1, boundaryCount);
|
|
22
|
+
const safeSibling = Math.max(0, siblingCount);
|
|
23
|
+
const current = clampPage(currentPage, pageCount);
|
|
24
|
+
const totalNumbers = safeBoundary * 2 + safeSibling * 2 + 1;
|
|
25
|
+
if (pageCount <= totalNumbers) {
|
|
26
|
+
return range(1, pageCount).map((value) => ({ type: "page", value }));
|
|
27
|
+
}
|
|
28
|
+
const leftBoundaryEnd = safeBoundary;
|
|
29
|
+
const rightBoundaryStart = pageCount - safeBoundary + 1;
|
|
30
|
+
const siblingsStart = Math.max(current - safeSibling, leftBoundaryEnd + 1);
|
|
31
|
+
const siblingsEnd = Math.min(current + safeSibling, rightBoundaryStart - 1);
|
|
32
|
+
const pages = /* @__PURE__ */ new Set();
|
|
33
|
+
for (let p = 1; p <= leftBoundaryEnd; p += 1) {
|
|
34
|
+
pages.add(p);
|
|
35
|
+
}
|
|
36
|
+
for (let p = rightBoundaryStart; p <= pageCount; p += 1) {
|
|
37
|
+
pages.add(p);
|
|
38
|
+
}
|
|
39
|
+
for (let p = siblingsStart; p <= siblingsEnd; p += 1) {
|
|
40
|
+
pages.add(p);
|
|
41
|
+
}
|
|
42
|
+
const sorted = [...pages].sort((a, b) => a - b);
|
|
43
|
+
const items = [];
|
|
44
|
+
for (let i = 0; i < sorted.length; i += 1) {
|
|
45
|
+
const value = sorted[i];
|
|
46
|
+
const prev = sorted[i - 1];
|
|
47
|
+
if (i > 0 && prev !== void 0 && value && value - prev > 1) {
|
|
48
|
+
items.push({ type: "ellipsis", key: `gap-${prev}-${value}` });
|
|
49
|
+
}
|
|
50
|
+
items.push({ type: "page", value });
|
|
51
|
+
}
|
|
52
|
+
return items;
|
|
53
|
+
}
|
|
54
|
+
function clampPage(page, pageCount) {
|
|
55
|
+
if (pageCount <= 0) {
|
|
56
|
+
return 1;
|
|
57
|
+
}
|
|
58
|
+
return Math.min(pageCount, Math.max(1, Math.floor(page)));
|
|
59
|
+
}
|
|
60
|
+
function range(from, to) {
|
|
61
|
+
const out = [];
|
|
62
|
+
for (let i = from; i <= to; i += 1) {
|
|
63
|
+
out.push(i);
|
|
64
|
+
}
|
|
65
|
+
return out;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// src/ui/pagination/use-pagination.ts
|
|
69
|
+
|
|
70
|
+
function usePagination({
|
|
71
|
+
pageCount,
|
|
72
|
+
page,
|
|
73
|
+
defaultPage = 1,
|
|
74
|
+
siblingCount = 1,
|
|
75
|
+
boundaryCount = 1,
|
|
76
|
+
onPageChange
|
|
77
|
+
}) {
|
|
78
|
+
const [internalPage, setInternalPage] = _react.useState.call(void 0,
|
|
79
|
+
() => clampPage(defaultPage, pageCount)
|
|
80
|
+
);
|
|
81
|
+
const isControlled = page !== void 0;
|
|
82
|
+
const currentPage = clampPage(
|
|
83
|
+
isControlled ? page : internalPage,
|
|
84
|
+
pageCount
|
|
85
|
+
);
|
|
86
|
+
const setPage = _react.useCallback.call(void 0,
|
|
87
|
+
(next) => {
|
|
88
|
+
const clamped = clampPage(next, pageCount);
|
|
89
|
+
if (!isControlled) {
|
|
90
|
+
setInternalPage(clamped);
|
|
91
|
+
}
|
|
92
|
+
_optionalChain([onPageChange, 'optionalCall', _ => _(clamped)]);
|
|
93
|
+
},
|
|
94
|
+
[isControlled, onPageChange, pageCount]
|
|
95
|
+
);
|
|
96
|
+
const items = _react.useMemo.call(void 0,
|
|
97
|
+
() => buildPaginationItems({
|
|
98
|
+
pageCount,
|
|
99
|
+
currentPage,
|
|
100
|
+
siblingCount,
|
|
101
|
+
boundaryCount
|
|
102
|
+
}),
|
|
103
|
+
[boundaryCount, currentPage, pageCount, siblingCount]
|
|
104
|
+
);
|
|
105
|
+
const canGoPrev = pageCount > 0 && currentPage > 1;
|
|
106
|
+
const canGoNext = pageCount > 0 && currentPage < pageCount;
|
|
107
|
+
const goPrev = _react.useCallback.call(void 0, () => {
|
|
108
|
+
if (canGoPrev) {
|
|
109
|
+
setPage(currentPage - 1);
|
|
110
|
+
}
|
|
111
|
+
}, [canGoPrev, currentPage, setPage]);
|
|
112
|
+
const goNext = _react.useCallback.call(void 0, () => {
|
|
113
|
+
if (canGoNext) {
|
|
114
|
+
setPage(currentPage + 1);
|
|
115
|
+
}
|
|
116
|
+
}, [canGoNext, currentPage, setPage]);
|
|
117
|
+
return {
|
|
118
|
+
currentPage,
|
|
119
|
+
pageCount,
|
|
120
|
+
items,
|
|
121
|
+
setPage,
|
|
122
|
+
goPrev,
|
|
123
|
+
goNext,
|
|
124
|
+
canGoPrev,
|
|
125
|
+
canGoNext
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
// src/ui/pagination/variants.ts
|
|
130
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
131
|
+
var paginationListVariants = _classvarianceauthority.cva.call(void 0,
|
|
132
|
+
"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-950",
|
|
133
|
+
{
|
|
134
|
+
variants: {
|
|
135
|
+
appearance: {
|
|
136
|
+
default: "border-white/10 bg-white/[0.03]",
|
|
137
|
+
secondary: "border-white/10 bg-slate-900/40",
|
|
138
|
+
destructive: "border-rose-500/25 bg-rose-950/20",
|
|
139
|
+
outline: "border-white/15 bg-transparent",
|
|
140
|
+
ghost: "border-transparent bg-transparent",
|
|
141
|
+
link: "border-transparent bg-transparent",
|
|
142
|
+
glass: "border-white/15 bg-white/5 backdrop-blur-md",
|
|
143
|
+
emerald: "border-emerald-500/25 bg-emerald-950/20",
|
|
144
|
+
indigo: "border-indigo-500/25 bg-indigo-950/20",
|
|
145
|
+
purple: "border-purple-500/25 bg-purple-950/20",
|
|
146
|
+
pink: "border-pink-500/25 bg-pink-950/20",
|
|
147
|
+
rose: "border-rose-500/25 bg-rose-950/20",
|
|
148
|
+
sky: "border-sky-500/25 bg-sky-950/20",
|
|
149
|
+
teal: "border-teal-500/25 bg-teal-950/20",
|
|
150
|
+
yellow: "border-yellow-500/25 bg-yellow-950/20",
|
|
151
|
+
orange: "border-orange-500/25 bg-orange-950/20",
|
|
152
|
+
gray: "border-gray-500/25 bg-gray-950/20",
|
|
153
|
+
amber: "border-amber-500/25 bg-amber-950/20",
|
|
154
|
+
violet: "border-violet-500/25 bg-violet-950/20",
|
|
155
|
+
"gradient-blue": "border-blue-500/30 bg-gradient-to-r from-blue-950/30 to-purple-950/30",
|
|
156
|
+
"gradient-green": "border-lime-500/30 bg-gradient-to-r from-green-950/30 to-lime-950/30",
|
|
157
|
+
"gradient-red": "border-pink-500/30 bg-gradient-to-r from-red-950/30 to-pink-950/30",
|
|
158
|
+
"gradient-yellow": "border-orange-500/30 bg-gradient-to-r from-yellow-950/30 to-orange-950/30",
|
|
159
|
+
"gradient-purple": "border-pink-500/30 bg-gradient-to-r from-purple-950/30 to-pink-950/30",
|
|
160
|
+
"gradient-teal": "border-cyan-500/30 bg-gradient-to-r from-teal-950/30 to-cyan-950/30",
|
|
161
|
+
"gradient-indigo": "border-purple-500/30 bg-gradient-to-r from-indigo-950/30 to-purple-950/30",
|
|
162
|
+
"gradient-pink": "border-rose-500/30 bg-gradient-to-r from-pink-950/30 to-rose-950/30",
|
|
163
|
+
"gradient-orange": "border-orange-500/30 bg-gradient-to-r from-orange-950/30 to-red-950/30"
|
|
164
|
+
},
|
|
165
|
+
size: {
|
|
166
|
+
sm: "gap-0.5",
|
|
167
|
+
md: "gap-1",
|
|
168
|
+
lg: "gap-1",
|
|
169
|
+
xl: "gap-1.5",
|
|
170
|
+
"2xl": "gap-1.5",
|
|
171
|
+
"3xl": "gap-2",
|
|
172
|
+
"4xl": "gap-2",
|
|
173
|
+
"5xl": "gap-2",
|
|
174
|
+
"6xl": "gap-2",
|
|
175
|
+
"7xl": "gap-2.5",
|
|
176
|
+
"8xl": "gap-2.5",
|
|
177
|
+
"9xl": "gap-2.5",
|
|
178
|
+
"10xl": "gap-3",
|
|
179
|
+
icon: "gap-1"
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
defaultVariants: {
|
|
183
|
+
appearance: "default",
|
|
184
|
+
size: "md"
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
);
|
|
188
|
+
var paginationEllipsisVariants = _classvarianceauthority.cva.call(void 0,
|
|
189
|
+
"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-400",
|
|
190
|
+
{
|
|
191
|
+
variants: {
|
|
192
|
+
size: {
|
|
193
|
+
sm: "text-xs",
|
|
194
|
+
md: "text-sm",
|
|
195
|
+
lg: "text-base",
|
|
196
|
+
xl: "text-base",
|
|
197
|
+
"2xl": "text-lg",
|
|
198
|
+
"3xl": "text-lg",
|
|
199
|
+
"4xl": "text-xl",
|
|
200
|
+
"5xl": "text-xl",
|
|
201
|
+
"6xl": "text-xl",
|
|
202
|
+
"7xl": "text-2xl",
|
|
203
|
+
"8xl": "text-2xl",
|
|
204
|
+
"9xl": "text-2xl",
|
|
205
|
+
"10xl": "text-2xl",
|
|
206
|
+
icon: "text-sm"
|
|
207
|
+
}
|
|
208
|
+
},
|
|
209
|
+
defaultVariants: { size: "md" }
|
|
210
|
+
}
|
|
211
|
+
);
|
|
212
|
+
|
|
213
|
+
// src/ui/pagination/pagination.tsx
|
|
214
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
215
|
+
var defaultPrevLabel = "Previous page";
|
|
216
|
+
var defaultNextLabel = "Next page";
|
|
217
|
+
var defaultEllipsisLabel = "More pages";
|
|
218
|
+
var Pagination = _react.forwardRef.call(void 0,
|
|
219
|
+
function Pagination2({
|
|
220
|
+
className,
|
|
221
|
+
appearance = "default",
|
|
222
|
+
size = "md",
|
|
223
|
+
pageCount,
|
|
224
|
+
page,
|
|
225
|
+
defaultPage = 1,
|
|
226
|
+
onPageChange,
|
|
227
|
+
siblingCount = 1,
|
|
228
|
+
boundaryCount = 1,
|
|
229
|
+
showPrevNext = true,
|
|
230
|
+
prevLabel = defaultPrevLabel,
|
|
231
|
+
nextLabel = defaultNextLabel,
|
|
232
|
+
ellipsisLabel = defaultEllipsisLabel,
|
|
233
|
+
getPageHref,
|
|
234
|
+
"aria-label": ariaLabel = "Pagination",
|
|
235
|
+
...rest
|
|
236
|
+
}, ref) {
|
|
237
|
+
const id = _react.useId.call(void 0, );
|
|
238
|
+
const listId = `${id}-list`;
|
|
239
|
+
const {
|
|
240
|
+
currentPage,
|
|
241
|
+
items,
|
|
242
|
+
setPage,
|
|
243
|
+
goPrev,
|
|
244
|
+
goNext,
|
|
245
|
+
canGoPrev,
|
|
246
|
+
canGoNext
|
|
247
|
+
} = usePagination({
|
|
248
|
+
pageCount,
|
|
249
|
+
page,
|
|
250
|
+
defaultPage,
|
|
251
|
+
siblingCount,
|
|
252
|
+
boundaryCount,
|
|
253
|
+
onPageChange
|
|
254
|
+
});
|
|
255
|
+
const handleKeyDown = _react.useCallback.call(void 0,
|
|
256
|
+
(event) => {
|
|
257
|
+
if (pageCount <= 0) {
|
|
258
|
+
return;
|
|
259
|
+
}
|
|
260
|
+
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
|
|
261
|
+
event.preventDefault();
|
|
262
|
+
if (canGoNext) {
|
|
263
|
+
setPage(currentPage + 1);
|
|
264
|
+
}
|
|
265
|
+
} else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
|
|
266
|
+
event.preventDefault();
|
|
267
|
+
if (canGoPrev) {
|
|
268
|
+
setPage(currentPage - 1);
|
|
269
|
+
}
|
|
270
|
+
} else if (event.key === "Home") {
|
|
271
|
+
event.preventDefault();
|
|
272
|
+
setPage(1);
|
|
273
|
+
} else if (event.key === "End") {
|
|
274
|
+
event.preventDefault();
|
|
275
|
+
setPage(pageCount);
|
|
276
|
+
}
|
|
277
|
+
},
|
|
278
|
+
[canGoNext, canGoPrev, currentPage, pageCount, setPage]
|
|
279
|
+
);
|
|
280
|
+
if (pageCount <= 0) {
|
|
281
|
+
return null;
|
|
282
|
+
}
|
|
283
|
+
const inactiveTriggerClass = _chunkE5UX537Jjs.cn.call(void 0,
|
|
284
|
+
_chunkBZSIXBA7js.buttonVariants.call(void 0, { appearance: "ghost", size }),
|
|
285
|
+
"bg-white/[0.04] text-slate-200 hover:bg-white/10"
|
|
286
|
+
);
|
|
287
|
+
const currentTriggerClass = _chunkBZSIXBA7js.buttonVariants.call(void 0, { appearance, size });
|
|
288
|
+
const triggerFocusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950";
|
|
289
|
+
const renderPageControl = (pageNumber) => {
|
|
290
|
+
const isCurrent = pageNumber === currentPage;
|
|
291
|
+
const href = _optionalChain([getPageHref, 'optionalCall', _2 => _2(pageNumber)]);
|
|
292
|
+
const shared = _chunkE5UX537Jjs.cn.call(void 0,
|
|
293
|
+
isCurrent ? currentTriggerClass : inactiveTriggerClass,
|
|
294
|
+
"min-w-[2.25ch] shrink-0",
|
|
295
|
+
triggerFocusRing
|
|
296
|
+
);
|
|
297
|
+
if (href) {
|
|
298
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
299
|
+
"a",
|
|
300
|
+
{
|
|
301
|
+
"data-slot": "pagination-trigger",
|
|
302
|
+
href,
|
|
303
|
+
"aria-label": `Page ${pageNumber}`,
|
|
304
|
+
"aria-current": isCurrent ? "page" : void 0,
|
|
305
|
+
className: shared,
|
|
306
|
+
children: pageNumber
|
|
307
|
+
}
|
|
308
|
+
);
|
|
309
|
+
}
|
|
310
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
311
|
+
"button",
|
|
312
|
+
{
|
|
313
|
+
type: "button",
|
|
314
|
+
"data-slot": "pagination-trigger",
|
|
315
|
+
"aria-label": `Page ${pageNumber}`,
|
|
316
|
+
"aria-current": isCurrent ? "page" : void 0,
|
|
317
|
+
className: shared,
|
|
318
|
+
onClick: () => {
|
|
319
|
+
if (!isCurrent) {
|
|
320
|
+
setPage(pageNumber);
|
|
321
|
+
}
|
|
322
|
+
},
|
|
323
|
+
children: pageNumber
|
|
324
|
+
}
|
|
325
|
+
);
|
|
326
|
+
};
|
|
327
|
+
const prevHref = _optionalChain([getPageHref, 'optionalCall', _3 => _3(clampPage(currentPage - 1, pageCount))]);
|
|
328
|
+
const nextHref = _optionalChain([getPageHref, 'optionalCall', _4 => _4(clampPage(currentPage + 1, pageCount))]);
|
|
329
|
+
const navTriggerClass = _chunkE5UX537Jjs.cn.call(void 0,
|
|
330
|
+
_chunkBZSIXBA7js.buttonVariants.call(void 0, { appearance: "outline", size }),
|
|
331
|
+
"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
|
|
332
|
+
);
|
|
333
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
334
|
+
"nav",
|
|
335
|
+
{
|
|
336
|
+
ref,
|
|
337
|
+
"data-slot": "pagination",
|
|
338
|
+
"aria-label": ariaLabel,
|
|
339
|
+
className: _chunkE5UX537Jjs.cn.call(void 0, "w-full", className),
|
|
340
|
+
onKeyDown: handleKeyDown,
|
|
341
|
+
...rest,
|
|
342
|
+
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
343
|
+
showPrevNext ? getPageHref && prevHref && canGoPrev ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
344
|
+
"a",
|
|
345
|
+
{
|
|
346
|
+
"data-slot": "pagination-prev",
|
|
347
|
+
"aria-label": prevLabel,
|
|
348
|
+
href: prevHref,
|
|
349
|
+
className: navTriggerClass,
|
|
350
|
+
children: "Prev"
|
|
351
|
+
}
|
|
352
|
+
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
353
|
+
"button",
|
|
354
|
+
{
|
|
355
|
+
type: "button",
|
|
356
|
+
"data-slot": "pagination-prev",
|
|
357
|
+
"aria-label": prevLabel,
|
|
358
|
+
disabled: !canGoPrev,
|
|
359
|
+
className: navTriggerClass,
|
|
360
|
+
onClick: goPrev,
|
|
361
|
+
children: "Prev"
|
|
362
|
+
}
|
|
363
|
+
) : null,
|
|
364
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
365
|
+
"ul",
|
|
366
|
+
{
|
|
367
|
+
id: listId,
|
|
368
|
+
"data-slot": "pagination-list",
|
|
369
|
+
className: paginationListVariants({ appearance, size }),
|
|
370
|
+
children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
371
|
+
"li",
|
|
372
|
+
{
|
|
373
|
+
"data-slot": "pagination-item",
|
|
374
|
+
className: "inline-flex items-center",
|
|
375
|
+
children: item.type === "ellipsis" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
376
|
+
"span",
|
|
377
|
+
{
|
|
378
|
+
"data-slot": "pagination-ellipsis",
|
|
379
|
+
"aria-hidden": "true",
|
|
380
|
+
title: ellipsisLabel,
|
|
381
|
+
className: paginationEllipsisVariants({ size }),
|
|
382
|
+
children: "\u2026"
|
|
383
|
+
}
|
|
384
|
+
) : renderPageControl(item.value)
|
|
385
|
+
},
|
|
386
|
+
item.type === "page" ? `page-${item.value}` : item.key
|
|
387
|
+
))
|
|
388
|
+
}
|
|
389
|
+
),
|
|
390
|
+
showPrevNext ? getPageHref && nextHref && canGoNext ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
391
|
+
"a",
|
|
392
|
+
{
|
|
393
|
+
"data-slot": "pagination-next",
|
|
394
|
+
"aria-label": nextLabel,
|
|
395
|
+
href: nextHref,
|
|
396
|
+
className: navTriggerClass,
|
|
397
|
+
children: "Next"
|
|
398
|
+
}
|
|
399
|
+
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
400
|
+
"button",
|
|
401
|
+
{
|
|
402
|
+
type: "button",
|
|
403
|
+
"data-slot": "pagination-next",
|
|
404
|
+
"aria-label": nextLabel,
|
|
405
|
+
disabled: !canGoNext,
|
|
406
|
+
className: navTriggerClass,
|
|
407
|
+
onClick: goNext,
|
|
408
|
+
children: "Next"
|
|
409
|
+
}
|
|
410
|
+
) : null
|
|
411
|
+
] })
|
|
412
|
+
}
|
|
413
|
+
);
|
|
414
|
+
}
|
|
415
|
+
);
|
|
416
|
+
Pagination.displayName = "Pagination";
|
|
417
|
+
|
|
418
|
+
|
|
419
|
+
|
|
420
|
+
|
|
421
|
+
|
|
422
|
+
|
|
423
|
+
|
|
424
|
+
exports.Pagination = Pagination; exports.buildPaginationItems = buildPaginationItems; exports.clampPage = clampPage; exports.paginationEllipsisVariants = paginationEllipsisVariants; exports.paginationListVariants = paginationListVariants; exports.usePagination = usePagination;
|
|
425
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/pagination.js"],"names":[],"mappings":"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ACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,0BAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,sBAAA;AACA,oBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/pagination.js","sourcesContent":[null]}
|