@yamada-ui/pagination 1.1.5-next-20241126010425 → 1.1.5-next-20241126031955

Sign up to get free protection for your applications and to get access to all the features.
@@ -24,81 +24,209 @@ __export(pagination_exports, {
24
24
  Pagination: () => Pagination
25
25
  });
26
26
  module.exports = __toCommonJS(pagination_exports);
27
- var import_core2 = require("@yamada-ui/core");
27
+ var import_core7 = require("@yamada-ui/core");
28
28
  var import_use_value2 = require("@yamada-ui/use-value");
29
- var import_utils3 = require("@yamada-ui/utils");
30
- var import_react2 = require("react");
29
+ var import_utils10 = require("@yamada-ui/utils");
30
+ var import_react4 = require("react");
31
31
 
32
32
  // src/pagination-item.tsx
33
- var import_core = require("@yamada-ui/core");
34
- var import_ripple = require("@yamada-ui/ripple");
35
- var import_utils2 = require("@yamada-ui/utils");
33
+ var import_core6 = require("@yamada-ui/core");
34
+
35
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
36
+ var import_react2 = require("react");
37
+
38
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
39
+ var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
40
+ var mergeClasses = (...classes) => classes.filter((className, index, array) => {
41
+ return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
42
+ }).join(" ").trim();
43
+
44
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
45
+ var import_react = require("react");
46
+
47
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
48
+ var defaultAttributes = {
49
+ xmlns: "http://www.w3.org/2000/svg",
50
+ width: 24,
51
+ height: 24,
52
+ viewBox: "0 0 24 24",
53
+ fill: "none",
54
+ stroke: "currentColor",
55
+ strokeWidth: 2,
56
+ strokeLinecap: "round",
57
+ strokeLinejoin: "round"
58
+ };
59
+
60
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
61
+ var Icon = (0, import_react.forwardRef)(
62
+ ({
63
+ color = "currentColor",
64
+ size = 24,
65
+ strokeWidth = 2,
66
+ absoluteStrokeWidth,
67
+ className = "",
68
+ children,
69
+ iconNode,
70
+ ...rest
71
+ }, ref) => {
72
+ return (0, import_react.createElement)(
73
+ "svg",
74
+ {
75
+ ref,
76
+ ...defaultAttributes,
77
+ width: size,
78
+ height: size,
79
+ stroke: color,
80
+ strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
81
+ className: mergeClasses("lucide", className),
82
+ ...rest
83
+ },
84
+ [
85
+ ...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
86
+ ...Array.isArray(children) ? children : [children]
87
+ ]
88
+ );
89
+ }
90
+ );
91
+
92
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
93
+ var createLucideIcon = (iconName, iconNode) => {
94
+ const Component = (0, import_react2.forwardRef)(
95
+ ({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
96
+ ref,
97
+ iconNode,
98
+ className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
99
+ ...props
100
+ })
101
+ );
102
+ Component.displayName = `${iconName}`;
103
+ return Component;
104
+ };
105
+
106
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
107
+ var ChevronLeft = createLucideIcon("ChevronLeft", [
108
+ ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
109
+ ]);
110
+
111
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
112
+ var ChevronRight = createLucideIcon("ChevronRight", [
113
+ ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
114
+ ]);
115
+
116
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
117
+ var ChevronsLeft = createLucideIcon("ChevronsLeft", [
118
+ ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
119
+ ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
120
+ ]);
36
121
 
37
- // src/pagination-icon.tsx
122
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
123
+ var ChevronsRight = createLucideIcon("ChevronsRight", [
124
+ ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
125
+ ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
126
+ ]);
127
+
128
+ // ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
129
+ var Ellipsis = createLucideIcon("Ellipsis", [
130
+ ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
131
+ ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
132
+ ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
133
+ ]);
134
+
135
+ // ../lucide/src/icons/chevron-left.tsx
136
+ var import_core = require("@yamada-ui/core");
38
137
  var import_icon = require("@yamada-ui/icon");
138
+ var import_utils3 = require("@yamada-ui/utils");
39
139
  var import_jsx_runtime = require("react/jsx-runtime");
40
- var PaginationEllipsisIcon = (props) => {
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
42
- "path",
140
+ var ChevronLeftIcon = (0, import_core.forwardRef)(
141
+ ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
142
+ import_icon.Icon,
43
143
  {
44
- d: "M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z",
45
- fill: "currentColor"
144
+ ref,
145
+ as: ChevronLeft,
146
+ className: (0, import_utils3.cx)("ui-lucide-icon", className),
147
+ ...rest
46
148
  }
47
- ) });
48
- };
49
- PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
50
- PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
51
- var PaginationFirstIcon = (props) => {
52
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
53
- "path",
149
+ )
150
+ );
151
+
152
+ // ../lucide/src/icons/chevron-right.tsx
153
+ var import_core2 = require("@yamada-ui/core");
154
+ var import_icon2 = require("@yamada-ui/icon");
155
+ var import_utils4 = require("@yamada-ui/utils");
156
+ var import_jsx_runtime2 = require("react/jsx-runtime");
157
+ var ChevronRightIcon = (0, import_core2.forwardRef)(
158
+ ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
159
+ import_icon2.Icon,
54
160
  {
55
- d: "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z",
56
- fill: "currentColor"
161
+ ref,
162
+ as: ChevronRight,
163
+ className: (0, import_utils4.cx)("ui-lucide-icon", className),
164
+ ...rest
57
165
  }
58
- ) });
59
- };
60
- PaginationFirstIcon.displayName = "PaginationFirstIcon";
61
- PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
62
- var PaginationLastIcon = (props) => {
63
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
64
- "path",
166
+ )
167
+ );
168
+
169
+ // ../lucide/src/icons/chevrons-left.tsx
170
+ var import_core3 = require("@yamada-ui/core");
171
+ var import_icon3 = require("@yamada-ui/icon");
172
+ var import_utils5 = require("@yamada-ui/utils");
173
+ var import_jsx_runtime3 = require("react/jsx-runtime");
174
+ var ChevronsLeftIcon = (0, import_core3.forwardRef)(
175
+ ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
176
+ import_icon3.Icon,
65
177
  {
66
- d: "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z",
67
- fill: "currentColor"
178
+ ref,
179
+ as: ChevronsLeft,
180
+ className: (0, import_utils5.cx)("ui-lucide-icon", className),
181
+ ...rest
68
182
  }
69
- ) });
70
- };
71
- PaginationLastIcon.displayName = "PaginationLastIcon";
72
- PaginationLastIcon.__ui__ = "PaginationLastIcon";
73
- var PaginationPrevIcon = (props) => {
74
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
75
- "path",
183
+ )
184
+ );
185
+
186
+ // ../lucide/src/icons/chevrons-right.tsx
187
+ var import_core4 = require("@yamada-ui/core");
188
+ var import_icon4 = require("@yamada-ui/icon");
189
+ var import_utils6 = require("@yamada-ui/utils");
190
+ var import_jsx_runtime4 = require("react/jsx-runtime");
191
+ var ChevronsRightIcon = (0, import_core4.forwardRef)(
192
+ ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
193
+ import_icon4.Icon,
76
194
  {
77
- d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
78
- fill: "currentColor"
195
+ ref,
196
+ as: ChevronsRight,
197
+ className: (0, import_utils6.cx)("ui-lucide-icon", className),
198
+ ...rest
79
199
  }
80
- ) });
81
- };
82
- PaginationPrevIcon.displayName = "PaginationPrevIcon";
83
- PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
84
- var PaginationNextIcon = (props) => {
85
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
86
- "path",
200
+ )
201
+ );
202
+
203
+ // ../lucide/src/icons/ellipsis.tsx
204
+ var import_core5 = require("@yamada-ui/core");
205
+ var import_icon5 = require("@yamada-ui/icon");
206
+ var import_utils7 = require("@yamada-ui/utils");
207
+ var import_jsx_runtime5 = require("react/jsx-runtime");
208
+ var EllipsisIcon = (0, import_core5.forwardRef)(
209
+ ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
210
+ import_icon5.Icon,
87
211
  {
88
- d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
89
- fill: "currentColor"
212
+ ref,
213
+ as: Ellipsis,
214
+ className: (0, import_utils7.cx)("ui-lucide-icon", className),
215
+ ...rest
90
216
  }
91
- ) });
92
- };
93
- PaginationNextIcon.displayName = "PaginationNextIcon";
94
- PaginationNextIcon.__ui__ = "PaginationNextIcon";
217
+ )
218
+ );
219
+
220
+ // src/pagination-item.tsx
221
+ var import_ripple = require("@yamada-ui/ripple");
222
+ var import_utils9 = require("@yamada-ui/utils");
95
223
 
96
224
  // src/use-pagination.ts
97
225
  var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
98
226
  var import_use_value = require("@yamada-ui/use-value");
99
- var import_utils = require("@yamada-ui/utils");
100
- var import_react = require("react");
101
- var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
227
+ var import_utils8 = require("@yamada-ui/utils");
228
+ var import_react3 = require("react");
229
+ var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
102
230
  name: "PaginationContext",
103
231
  errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
104
232
  });
@@ -121,24 +249,24 @@ var usePagination = ({
121
249
  value: page,
122
250
  onChange: onChangeProp
123
251
  });
124
- const onFirst = (0, import_react.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
125
- const onLast = (0, import_react.useCallback)(
252
+ const onFirst = (0, import_react3.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
253
+ const onLast = (0, import_react3.useCallback)(
126
254
  () => setCurrentPage(total),
127
255
  [setCurrentPage, total]
128
256
  );
129
- const onPrev = (0, import_react.useCallback)(
257
+ const onPrev = (0, import_react3.useCallback)(
130
258
  () => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
131
259
  [setCurrentPage]
132
260
  );
133
- const onNext = (0, import_react.useCallback)(
261
+ const onNext = (0, import_react3.useCallback)(
134
262
  () => setCurrentPage((prev) => prev === total ? prev : prev + 1),
135
263
  [setCurrentPage, total]
136
264
  );
137
- const onChange = (0, import_react.useCallback)(
265
+ const onChange = (0, import_react3.useCallback)(
138
266
  (page2) => setCurrentPage(page2),
139
267
  [setCurrentPage]
140
268
  );
141
- const range = (0, import_react.useMemo)(() => {
269
+ const range = (0, import_react3.useMemo)(() => {
142
270
  const minimumTotal = siblings * 2 + 3 + boundaries * 2;
143
271
  if (minimumTotal >= total) return computedRange(1, total);
144
272
  const prevSiblings = Math.max(currentPage - siblings, boundaries);
@@ -183,15 +311,15 @@ var usePagination = ({
183
311
  };
184
312
 
185
313
  // src/pagination-item.tsx
186
- var import_jsx_runtime2 = require("react/jsx-runtime");
314
+ var import_jsx_runtime6 = require("react/jsx-runtime");
187
315
  var iconMap = {
188
- ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
189
- first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
190
- last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
191
- next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
192
- prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
316
+ ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
317
+ first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
318
+ last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
319
+ next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
320
+ prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
193
321
  };
194
- var PaginationItem = (0, import_core.forwardRef)(
322
+ var PaginationItem = (0, import_core6.forwardRef)(
195
323
  ({
196
324
  className,
197
325
  active,
@@ -223,18 +351,18 @@ var PaginationItem = (0, import_core.forwardRef)(
223
351
  ...styles.item,
224
352
  ...styles[page]
225
353
  };
226
- const Component = import_core.ui[isEllipsis ? "span" : "button"];
227
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
354
+ const Component = import_core6.ui[isEllipsis ? "span" : "button"];
355
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
228
356
  Component,
229
357
  {
230
358
  ref,
231
359
  ...!isEllipsis ? {
232
360
  type: "button",
233
- "data-disabled": (0, import_utils2.dataAttr)(disabled),
234
- "data-selected": (0, import_utils2.dataAttr)(active),
361
+ "data-disabled": (0, import_utils9.dataAttr)(disabled),
362
+ "data-selected": (0, import_utils9.dataAttr)(active),
235
363
  disabled
236
364
  } : {},
237
- className: (0, import_utils2.cx)(
365
+ className: (0, import_utils9.cx)(
238
366
  "ui-pagination__item",
239
367
  isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
240
368
  className
@@ -245,7 +373,7 @@ var PaginationItem = (0, import_core.forwardRef)(
245
373
  onPointerDown,
246
374
  children: [
247
375
  children,
248
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
376
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
249
377
  ]
250
378
  }
251
379
  );
@@ -255,9 +383,9 @@ PaginationItem.displayName = "PaginationItem";
255
383
  PaginationItem.__ui__ = "PaginationItem";
256
384
 
257
385
  // src/pagination.tsx
258
- var import_jsx_runtime3 = require("react/jsx-runtime");
259
- var Pagination = (0, import_core2.forwardRef)((props, ref) => {
260
- const [styles, mergedProps] = (0, import_core2.useComponentMultiStyle)("Pagination", props);
386
+ var import_jsx_runtime7 = require("react/jsx-runtime");
387
+ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
388
+ const [styles, mergedProps] = (0, import_core7.useComponentMultiStyle)("Pagination", props);
261
389
  let {
262
390
  className,
263
391
  boundaries,
@@ -280,7 +408,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
280
408
  itemProps,
281
409
  onChange: onChangeProp,
282
410
  ...rest
283
- } = (0, import_core2.omitThemeProps)(mergedProps);
411
+ } = (0, import_core7.omitThemeProps)(mergedProps);
284
412
  const withControls = (0, import_use_value2.useValue)(_withControls);
285
413
  const withEdges = (0, import_use_value2.useValue)(_withEdges);
286
414
  disabled != null ? disabled : disabled = isDisabled;
@@ -293,8 +421,8 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
293
421
  total,
294
422
  onChange: onChangeProp
295
423
  });
296
- const children = (0, import_react2.useMemo)(
297
- () => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
424
+ const children = (0, import_react4.useMemo)(
425
+ () => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
298
426
  Component,
299
427
  {
300
428
  "aria-label": page2 !== "ellipsis" ? `Go to page ${page2}` : void 0,
@@ -302,7 +430,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
302
430
  disabled,
303
431
  ...itemProps,
304
432
  page: page2,
305
- onClick: (0, import_utils3.handlerAll)(
433
+ onClick: (0, import_utils10.handlerAll)(
306
434
  itemProps == null ? void 0 : itemProps.onClick,
307
435
  page2 !== "ellipsis" ? () => onChange(page2) : void 0
308
436
  )
@@ -313,19 +441,19 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
313
441
  const css = {
314
442
  ...styles.container
315
443
  };
316
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
317
- import_core2.ui.nav,
444
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
445
+ import_core7.ui.nav,
318
446
  {
319
447
  ref,
320
- className: (0, import_utils3.cx)("ui-pagination", className),
321
- "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
448
+ className: (0, import_utils10.cx)("ui-pagination", className),
449
+ "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
322
450
  __css: css,
323
451
  ...containerProps,
324
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
325
- import_core2.ui.ul,
452
+ children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
453
+ import_core7.ui.ul,
326
454
  {
327
455
  className: "ui-pagination-inner",
328
- "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
456
+ "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
329
457
  __css: {
330
458
  alignItems: "center",
331
459
  display: "flex",
@@ -333,7 +461,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
333
461
  },
334
462
  ...rest,
335
463
  children: [
336
- withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
464
+ withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
337
465
  Component,
338
466
  {
339
467
  className: "ui-pagination__item--first",
@@ -342,14 +470,14 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
342
470
  page: "first",
343
471
  ...edgeProps,
344
472
  ...edgeFirstProps,
345
- onClick: (0, import_utils3.handlerAll)(
473
+ onClick: (0, import_utils10.handlerAll)(
346
474
  edgeProps == null ? void 0 : edgeProps.onClick,
347
475
  edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
348
476
  onFirst
349
477
  )
350
478
  }
351
479
  ) }) : null,
352
- withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
480
+ withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
353
481
  Component,
354
482
  {
355
483
  className: "ui-pagination__item--prev",
@@ -358,7 +486,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
358
486
  page: "prev",
359
487
  ...controlProps,
360
488
  ...controlPrevProps,
361
- onClick: (0, import_utils3.handlerAll)(
489
+ onClick: (0, import_utils10.handlerAll)(
362
490
  controlProps == null ? void 0 : controlProps.onClick,
363
491
  controlPrevProps == null ? void 0 : controlPrevProps.onClick,
364
492
  onPrev
@@ -366,7 +494,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
366
494
  }
367
495
  ) }) : null,
368
496
  children,
369
- withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
497
+ withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
370
498
  Component,
371
499
  {
372
500
  className: "ui-pagination__item--next",
@@ -375,14 +503,14 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
375
503
  page: "next",
376
504
  ...controlProps,
377
505
  ...controlNextProps,
378
- onClick: (0, import_utils3.handlerAll)(
506
+ onClick: (0, import_utils10.handlerAll)(
379
507
  controlProps == null ? void 0 : controlProps.onClick,
380
508
  controlNextProps == null ? void 0 : controlNextProps.onClick,
381
509
  onNext
382
510
  )
383
511
  }
384
512
  ) }) : null,
385
- withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
513
+ withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
386
514
  Component,
387
515
  {
388
516
  className: "ui-pagination__item--last",
@@ -391,7 +519,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
391
519
  page: "last",
392
520
  ...edgeProps,
393
521
  ...edgeLastProps,
394
- onClick: (0, import_utils3.handlerAll)(
522
+ onClick: (0, import_utils10.handlerAll)(
395
523
  edgeProps == null ? void 0 : edgeProps.onClick,
396
524
  edgeLastProps == null ? void 0 : edgeLastProps.onClick,
397
525
  onLast
@@ -410,4 +538,86 @@ Pagination.__ui__ = "Pagination";
410
538
  0 && (module.exports = {
411
539
  Pagination
412
540
  });
541
+ /*! Bundled license information:
542
+
543
+ lucide-react/dist/esm/shared/src/utils.js:
544
+ (**
545
+ * @license lucide-react v0.460.0 - ISC
546
+ *
547
+ * This source code is licensed under the ISC license.
548
+ * See the LICENSE file in the root directory of this source tree.
549
+ *)
550
+
551
+ lucide-react/dist/esm/defaultAttributes.js:
552
+ (**
553
+ * @license lucide-react v0.460.0 - ISC
554
+ *
555
+ * This source code is licensed under the ISC license.
556
+ * See the LICENSE file in the root directory of this source tree.
557
+ *)
558
+
559
+ lucide-react/dist/esm/Icon.js:
560
+ (**
561
+ * @license lucide-react v0.460.0 - ISC
562
+ *
563
+ * This source code is licensed under the ISC license.
564
+ * See the LICENSE file in the root directory of this source tree.
565
+ *)
566
+
567
+ lucide-react/dist/esm/createLucideIcon.js:
568
+ (**
569
+ * @license lucide-react v0.460.0 - ISC
570
+ *
571
+ * This source code is licensed under the ISC license.
572
+ * See the LICENSE file in the root directory of this source tree.
573
+ *)
574
+
575
+ lucide-react/dist/esm/icons/chevron-left.js:
576
+ (**
577
+ * @license lucide-react v0.460.0 - ISC
578
+ *
579
+ * This source code is licensed under the ISC license.
580
+ * See the LICENSE file in the root directory of this source tree.
581
+ *)
582
+
583
+ lucide-react/dist/esm/icons/chevron-right.js:
584
+ (**
585
+ * @license lucide-react v0.460.0 - ISC
586
+ *
587
+ * This source code is licensed under the ISC license.
588
+ * See the LICENSE file in the root directory of this source tree.
589
+ *)
590
+
591
+ lucide-react/dist/esm/icons/chevrons-left.js:
592
+ (**
593
+ * @license lucide-react v0.460.0 - ISC
594
+ *
595
+ * This source code is licensed under the ISC license.
596
+ * See the LICENSE file in the root directory of this source tree.
597
+ *)
598
+
599
+ lucide-react/dist/esm/icons/chevrons-right.js:
600
+ (**
601
+ * @license lucide-react v0.460.0 - ISC
602
+ *
603
+ * This source code is licensed under the ISC license.
604
+ * See the LICENSE file in the root directory of this source tree.
605
+ *)
606
+
607
+ lucide-react/dist/esm/icons/ellipsis.js:
608
+ (**
609
+ * @license lucide-react v0.460.0 - ISC
610
+ *
611
+ * This source code is licensed under the ISC license.
612
+ * See the LICENSE file in the root directory of this source tree.
613
+ *)
614
+
615
+ lucide-react/dist/esm/lucide-react.js:
616
+ (**
617
+ * @license lucide-react v0.460.0 - ISC
618
+ *
619
+ * This source code is licensed under the ISC license.
620
+ * See the LICENSE file in the root directory of this source tree.
621
+ *)
622
+ */
413
623
  //# sourceMappingURL=pagination.js.map