@yamada-ui/pagination 1.1.5-next-20241126031955 → 1.1.6-next-20241126024522

Sign up to get free protection for your applications and to get access to all the features.
@@ -24,209 +24,81 @@ __export(pagination_exports, {
24
24
  Pagination: () => Pagination
25
25
  });
26
26
  module.exports = __toCommonJS(pagination_exports);
27
- var import_core7 = require("@yamada-ui/core");
27
+ var import_core2 = require("@yamada-ui/core");
28
28
  var import_use_value2 = require("@yamada-ui/use-value");
29
- var import_utils10 = require("@yamada-ui/utils");
30
- var import_react4 = require("react");
31
-
32
- // src/pagination-item.tsx
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
29
+ var import_utils3 = require("@yamada-ui/utils");
36
30
  var import_react2 = require("react");
37
31
 
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
- ]);
121
-
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
32
+ // src/pagination-item.tsx
136
33
  var import_core = require("@yamada-ui/core");
34
+ var import_ripple = require("@yamada-ui/ripple");
35
+ var import_utils2 = require("@yamada-ui/utils");
36
+
37
+ // src/pagination-icon.tsx
137
38
  var import_icon = require("@yamada-ui/icon");
138
- var import_utils3 = require("@yamada-ui/utils");
139
39
  var import_jsx_runtime = require("react/jsx-runtime");
140
- var ChevronLeftIcon = (0, import_core.forwardRef)(
141
- ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
142
- import_icon.Icon,
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",
143
43
  {
144
- ref,
145
- as: ChevronLeft,
146
- className: (0, import_utils3.cx)("ui-lucide-icon", className),
147
- ...rest
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"
148
46
  }
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,
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",
160
54
  {
161
- ref,
162
- as: ChevronRight,
163
- className: (0, import_utils4.cx)("ui-lucide-icon", className),
164
- ...rest
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"
165
57
  }
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,
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",
177
65
  {
178
- ref,
179
- as: ChevronsLeft,
180
- className: (0, import_utils5.cx)("ui-lucide-icon", className),
181
- ...rest
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"
182
68
  }
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,
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",
194
76
  {
195
- ref,
196
- as: ChevronsRight,
197
- className: (0, import_utils6.cx)("ui-lucide-icon", className),
198
- ...rest
77
+ d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
78
+ fill: "currentColor"
199
79
  }
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,
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",
211
87
  {
212
- ref,
213
- as: Ellipsis,
214
- className: (0, import_utils7.cx)("ui-lucide-icon", className),
215
- ...rest
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"
216
90
  }
217
- )
218
- );
219
-
220
- // src/pagination-item.tsx
221
- var import_ripple = require("@yamada-ui/ripple");
222
- var import_utils9 = require("@yamada-ui/utils");
91
+ ) });
92
+ };
93
+ PaginationNextIcon.displayName = "PaginationNextIcon";
94
+ PaginationNextIcon.__ui__ = "PaginationNextIcon";
223
95
 
224
96
  // src/use-pagination.ts
225
97
  var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
226
98
  var import_use_value = require("@yamada-ui/use-value");
227
- var import_utils8 = require("@yamada-ui/utils");
228
- var import_react3 = require("react");
229
- var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
99
+ var import_utils = require("@yamada-ui/utils");
100
+ var import_react = require("react");
101
+ var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
230
102
  name: "PaginationContext",
231
103
  errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
232
104
  });
@@ -249,24 +121,24 @@ var usePagination = ({
249
121
  value: page,
250
122
  onChange: onChangeProp
251
123
  });
252
- const onFirst = (0, import_react3.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
253
- const onLast = (0, import_react3.useCallback)(
124
+ const onFirst = (0, import_react.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
125
+ const onLast = (0, import_react.useCallback)(
254
126
  () => setCurrentPage(total),
255
127
  [setCurrentPage, total]
256
128
  );
257
- const onPrev = (0, import_react3.useCallback)(
129
+ const onPrev = (0, import_react.useCallback)(
258
130
  () => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
259
131
  [setCurrentPage]
260
132
  );
261
- const onNext = (0, import_react3.useCallback)(
133
+ const onNext = (0, import_react.useCallback)(
262
134
  () => setCurrentPage((prev) => prev === total ? prev : prev + 1),
263
135
  [setCurrentPage, total]
264
136
  );
265
- const onChange = (0, import_react3.useCallback)(
137
+ const onChange = (0, import_react.useCallback)(
266
138
  (page2) => setCurrentPage(page2),
267
139
  [setCurrentPage]
268
140
  );
269
- const range = (0, import_react3.useMemo)(() => {
141
+ const range = (0, import_react.useMemo)(() => {
270
142
  const minimumTotal = siblings * 2 + 3 + boundaries * 2;
271
143
  if (minimumTotal >= total) return computedRange(1, total);
272
144
  const prevSiblings = Math.max(currentPage - siblings, boundaries);
@@ -311,15 +183,15 @@ var usePagination = ({
311
183
  };
312
184
 
313
185
  // src/pagination-item.tsx
314
- var import_jsx_runtime6 = require("react/jsx-runtime");
186
+ var import_jsx_runtime2 = require("react/jsx-runtime");
315
187
  var iconMap = {
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, {})
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, {})
321
193
  };
322
- var PaginationItem = (0, import_core6.forwardRef)(
194
+ var PaginationItem = (0, import_core.forwardRef)(
323
195
  ({
324
196
  className,
325
197
  active,
@@ -351,18 +223,18 @@ var PaginationItem = (0, import_core6.forwardRef)(
351
223
  ...styles.item,
352
224
  ...styles[page]
353
225
  };
354
- const Component = import_core6.ui[isEllipsis ? "span" : "button"];
355
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
226
+ const Component = import_core.ui[isEllipsis ? "span" : "button"];
227
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
356
228
  Component,
357
229
  {
358
230
  ref,
359
231
  ...!isEllipsis ? {
360
232
  type: "button",
361
- "data-disabled": (0, import_utils9.dataAttr)(disabled),
362
- "data-selected": (0, import_utils9.dataAttr)(active),
233
+ "data-disabled": (0, import_utils2.dataAttr)(disabled),
234
+ "data-selected": (0, import_utils2.dataAttr)(active),
363
235
  disabled
364
236
  } : {},
365
- className: (0, import_utils9.cx)(
237
+ className: (0, import_utils2.cx)(
366
238
  "ui-pagination__item",
367
239
  isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
368
240
  className
@@ -373,7 +245,7 @@ var PaginationItem = (0, import_core6.forwardRef)(
373
245
  onPointerDown,
374
246
  children: [
375
247
  children,
376
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
248
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
377
249
  ]
378
250
  }
379
251
  );
@@ -383,9 +255,9 @@ PaginationItem.displayName = "PaginationItem";
383
255
  PaginationItem.__ui__ = "PaginationItem";
384
256
 
385
257
  // src/pagination.tsx
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);
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);
389
261
  let {
390
262
  className,
391
263
  boundaries,
@@ -408,7 +280,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
408
280
  itemProps,
409
281
  onChange: onChangeProp,
410
282
  ...rest
411
- } = (0, import_core7.omitThemeProps)(mergedProps);
283
+ } = (0, import_core2.omitThemeProps)(mergedProps);
412
284
  const withControls = (0, import_use_value2.useValue)(_withControls);
413
285
  const withEdges = (0, import_use_value2.useValue)(_withEdges);
414
286
  disabled != null ? disabled : disabled = isDisabled;
@@ -421,8 +293,8 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
421
293
  total,
422
294
  onChange: onChangeProp
423
295
  });
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)(
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)(
426
298
  Component,
427
299
  {
428
300
  "aria-label": page2 !== "ellipsis" ? `Go to page ${page2}` : void 0,
@@ -430,7 +302,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
430
302
  disabled,
431
303
  ...itemProps,
432
304
  page: page2,
433
- onClick: (0, import_utils10.handlerAll)(
305
+ onClick: (0, import_utils3.handlerAll)(
434
306
  itemProps == null ? void 0 : itemProps.onClick,
435
307
  page2 !== "ellipsis" ? () => onChange(page2) : void 0
436
308
  )
@@ -441,19 +313,19 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
441
313
  const css = {
442
314
  ...styles.container
443
315
  };
444
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
445
- import_core7.ui.nav,
316
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
317
+ import_core2.ui.nav,
446
318
  {
447
319
  ref,
448
- className: (0, import_utils10.cx)("ui-pagination", className),
449
- "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
320
+ className: (0, import_utils3.cx)("ui-pagination", className),
321
+ "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
450
322
  __css: css,
451
323
  ...containerProps,
452
- children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
453
- import_core7.ui.ul,
324
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
325
+ import_core2.ui.ul,
454
326
  {
455
327
  className: "ui-pagination-inner",
456
- "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
328
+ "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
457
329
  __css: {
458
330
  alignItems: "center",
459
331
  display: "flex",
@@ -461,7 +333,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
461
333
  },
462
334
  ...rest,
463
335
  children: [
464
- withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
336
+ withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
465
337
  Component,
466
338
  {
467
339
  className: "ui-pagination__item--first",
@@ -470,14 +342,14 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
470
342
  page: "first",
471
343
  ...edgeProps,
472
344
  ...edgeFirstProps,
473
- onClick: (0, import_utils10.handlerAll)(
345
+ onClick: (0, import_utils3.handlerAll)(
474
346
  edgeProps == null ? void 0 : edgeProps.onClick,
475
347
  edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
476
348
  onFirst
477
349
  )
478
350
  }
479
351
  ) }) : null,
480
- withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
352
+ withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
481
353
  Component,
482
354
  {
483
355
  className: "ui-pagination__item--prev",
@@ -486,7 +358,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
486
358
  page: "prev",
487
359
  ...controlProps,
488
360
  ...controlPrevProps,
489
- onClick: (0, import_utils10.handlerAll)(
361
+ onClick: (0, import_utils3.handlerAll)(
490
362
  controlProps == null ? void 0 : controlProps.onClick,
491
363
  controlPrevProps == null ? void 0 : controlPrevProps.onClick,
492
364
  onPrev
@@ -494,7 +366,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
494
366
  }
495
367
  ) }) : null,
496
368
  children,
497
- withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
369
+ withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
498
370
  Component,
499
371
  {
500
372
  className: "ui-pagination__item--next",
@@ -503,14 +375,14 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
503
375
  page: "next",
504
376
  ...controlProps,
505
377
  ...controlNextProps,
506
- onClick: (0, import_utils10.handlerAll)(
378
+ onClick: (0, import_utils3.handlerAll)(
507
379
  controlProps == null ? void 0 : controlProps.onClick,
508
380
  controlNextProps == null ? void 0 : controlNextProps.onClick,
509
381
  onNext
510
382
  )
511
383
  }
512
384
  ) }) : null,
513
- withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
385
+ withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
514
386
  Component,
515
387
  {
516
388
  className: "ui-pagination__item--last",
@@ -519,7 +391,7 @@ var Pagination = (0, import_core7.forwardRef)((props, ref) => {
519
391
  page: "last",
520
392
  ...edgeProps,
521
393
  ...edgeLastProps,
522
- onClick: (0, import_utils10.handlerAll)(
394
+ onClick: (0, import_utils3.handlerAll)(
523
395
  edgeProps == null ? void 0 : edgeProps.onClick,
524
396
  edgeLastProps == null ? void 0 : edgeLastProps.onClick,
525
397
  onLast
@@ -538,86 +410,4 @@ Pagination.__ui__ = "Pagination";
538
410
  0 && (module.exports = {
539
411
  Pagination
540
412
  });
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
- */
623
413
  //# sourceMappingURL=pagination.js.map