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

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