@yamada-ui/pagination 0.2.17 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,6 +25,7 @@ var Pagination = forwardRef((props, ref) => {
25
25
  itemProps,
26
26
  withControls = true,
27
27
  withEdges = false,
28
+ innerProps,
28
29
  controlProps,
29
30
  controlPrevProps,
30
31
  controlNextProps,
@@ -75,7 +76,15 @@ var Pagination = forwardRef((props, ref) => {
75
76
  className: cx("ui-pagination", className),
76
77
  role: "navigation",
77
78
  __css: css,
78
- ...omitObject(rest, ["onChange"]),
79
+ ...omitObject(rest, [
80
+ "page",
81
+ "defaultPage",
82
+ "total",
83
+ "siblings",
84
+ "boundaries",
85
+ "isDisabled",
86
+ "onChange"
87
+ ]),
79
88
  "data-disabled": dataAttr(isDisabled),
80
89
  children: [
81
90
  computedWithEdges ? /* @__PURE__ */ jsx(
@@ -108,7 +117,20 @@ var Pagination = forwardRef((props, ref) => {
108
117
  )
109
118
  }
110
119
  ) : null,
111
- children,
120
+ /* @__PURE__ */ jsx(
121
+ ui.div,
122
+ {
123
+ className: "ui-pagination-inner",
124
+ __css: {
125
+ display: "flex",
126
+ justifyContent: "center",
127
+ alignItems: "center",
128
+ ...styles.inner
129
+ },
130
+ ...innerProps,
131
+ children
132
+ }
133
+ ),
112
134
  computedWithControls ? /* @__PURE__ */ jsx(
113
135
  Component,
114
136
  {
package/dist/index.js CHANGED
@@ -231,6 +231,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
231
231
  itemProps,
232
232
  withControls = true,
233
233
  withEdges = false,
234
+ innerProps,
234
235
  controlProps,
235
236
  controlPrevProps,
236
237
  controlNextProps,
@@ -281,7 +282,15 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
281
282
  className: (0, import_utils3.cx)("ui-pagination", className),
282
283
  role: "navigation",
283
284
  __css: css,
284
- ...(0, import_utils3.omitObject)(rest, ["onChange"]),
285
+ ...(0, import_utils3.omitObject)(rest, [
286
+ "page",
287
+ "defaultPage",
288
+ "total",
289
+ "siblings",
290
+ "boundaries",
291
+ "isDisabled",
292
+ "onChange"
293
+ ]),
285
294
  "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
286
295
  children: [
287
296
  computedWithEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -314,7 +323,20 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
314
323
  )
315
324
  }
316
325
  ) : null,
317
- children,
326
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
327
+ import_core2.ui.div,
328
+ {
329
+ className: "ui-pagination-inner",
330
+ __css: {
331
+ display: "flex",
332
+ justifyContent: "center",
333
+ alignItems: "center",
334
+ ...styles.inner
335
+ },
336
+ ...innerProps,
337
+ children
338
+ }
339
+ ),
318
340
  computedWithControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
319
341
  Component,
320
342
  {
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Pagination
3
- } from "./chunk-TE22MBG6.mjs";
3
+ } from "./chunk-GV5MILNQ.mjs";
4
4
  import "./chunk-SGJ63NEB.mjs";
5
5
  import "./chunk-IXTXZCRI.mjs";
6
6
  import {
@@ -19,6 +19,10 @@ type PaginationOptions = {
19
19
  * @default true
20
20
  */
21
21
  withControls?: Token<boolean>;
22
+ /**
23
+ * Props for inner element.
24
+ */
25
+ innerProps?: HTMLUIProps<'div'>;
22
26
  /**
23
27
  * Props for control button element.
24
28
  */
@@ -19,6 +19,10 @@ type PaginationOptions = {
19
19
  * @default true
20
20
  */
21
21
  withControls?: Token<boolean>;
22
+ /**
23
+ * Props for inner element.
24
+ */
25
+ innerProps?: HTMLUIProps<'div'>;
22
26
  /**
23
27
  * Props for control button element.
24
28
  */
@@ -228,6 +228,7 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
228
228
  itemProps,
229
229
  withControls = true,
230
230
  withEdges = false,
231
+ innerProps,
231
232
  controlProps,
232
233
  controlPrevProps,
233
234
  controlNextProps,
@@ -278,7 +279,15 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
278
279
  className: (0, import_utils3.cx)("ui-pagination", className),
279
280
  role: "navigation",
280
281
  __css: css,
281
- ...(0, import_utils3.omitObject)(rest, ["onChange"]),
282
+ ...(0, import_utils3.omitObject)(rest, [
283
+ "page",
284
+ "defaultPage",
285
+ "total",
286
+ "siblings",
287
+ "boundaries",
288
+ "isDisabled",
289
+ "onChange"
290
+ ]),
282
291
  "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
283
292
  children: [
284
293
  computedWithEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -311,7 +320,20 @@ var Pagination = (0, import_core2.forwardRef)((props, ref) => {
311
320
  )
312
321
  }
313
322
  ) : null,
314
- children,
323
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
324
+ import_core2.ui.div,
325
+ {
326
+ className: "ui-pagination-inner",
327
+ __css: {
328
+ display: "flex",
329
+ justifyContent: "center",
330
+ alignItems: "center",
331
+ ...styles.inner
332
+ },
333
+ ...innerProps,
334
+ children
335
+ }
336
+ ),
315
337
  computedWithControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
316
338
  Component,
317
339
  {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Pagination
3
- } from "./chunk-TE22MBG6.mjs";
3
+ } from "./chunk-GV5MILNQ.mjs";
4
4
  import "./chunk-SGJ63NEB.mjs";
5
5
  import "./chunk-IXTXZCRI.mjs";
6
6
  import "./chunk-QYITLVQJ.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/pagination",
3
- "version": "0.2.17",
3
+ "version": "0.3.0",
4
4
  "description": "Yamada UI pagination component",
5
5
  "keywords": [
6
6
  "yamada",