@yamada-ui/pagination - npm Package Compare versions

Comparing version 1.1.5-next-20241126010425 to 1.1.5-next-20241126031955

dist/index.js

@@ -30,77 +30,205 @@ "use client"
 // src/pagination.tsx
-var import_core2 = require("@yamada-ui/core");
+var import_core7 = require("@yamada-ui/core");
 var import_use_value2 = require("@yamada-ui/use-value");
-var import_utils3 = require("@yamada-ui/utils");
+var import_utils10 = require("@yamada-ui/utils");
+var import_react4 = require("react");
+
+// src/pagination-item.tsx
+var import_core6 = require("@yamada-ui/core");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react2 = require("react");
 
-// src/pagination-item.tsx
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var import_react = require("react");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return (0, import_react.createElement)(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react2.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var ChevronLeft = createLucideIcon("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
+var ChevronsLeft = createLucideIcon("ChevronsLeft", [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
+var ChevronsRight = createLucideIcon("ChevronsRight", [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var Ellipsis = createLucideIcon("Ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
+
+// ../lucide/src/icons/chevron-left.tsx
 var import_core = require("@yamada-ui/core");
-var import_ripple = require("@yamada-ui/ripple");
-var import_utils2 = require("@yamada-ui/utils");
-
-// src/pagination-icon.tsx
 var import_icon = require("@yamada-ui/icon");
+var import_utils3 = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
-var PaginationEllipsisIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+var ChevronLeftIcon = (0, import_core.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_icon.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronLeft,
+      className: (0, import_utils3.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
-PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
-var PaginationFirstIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevron-right.tsx
+var import_core2 = require("@yamada-ui/core");
+var import_icon2 = require("@yamada-ui/icon");
+var import_utils4 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChevronRightIcon = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_icon2.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronRight,
+      className: (0, import_utils4.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationFirstIcon.displayName = "PaginationFirstIcon";
-PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
-var PaginationLastIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-left.tsx
+var import_core3 = require("@yamada-ui/core");
+var import_icon3 = require("@yamada-ui/icon");
+var import_utils5 = require("@yamada-ui/utils");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChevronsLeftIcon = (0, import_core3.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_icon3.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronsLeft,
+      className: (0, import_utils5.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationLastIcon.displayName = "PaginationLastIcon";
-PaginationLastIcon.__ui__ = "PaginationLastIcon";
-var PaginationPrevIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-right.tsx
+var import_core4 = require("@yamada-ui/core");
+var import_icon4 = require("@yamada-ui/icon");
+var import_utils6 = require("@yamada-ui/utils");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ChevronsRightIcon = (0, import_core4.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_icon4.Icon,
     {
-      d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
-      fill: "currentColor"
+      ref,
+      as: ChevronsRight,
+      className: (0, import_utils6.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationPrevIcon.displayName = "PaginationPrevIcon";
-PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
-var PaginationNextIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/ellipsis.tsx
+var import_core5 = require("@yamada-ui/core");
+var import_icon5 = require("@yamada-ui/icon");
+var import_utils7 = require("@yamada-ui/utils");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var EllipsisIcon = (0, import_core5.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_icon5.Icon,
     {
-      d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
-      fill: "currentColor"
+      ref,
+      as: Ellipsis,
+      className: (0, import_utils7.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationNextIcon.displayName = "PaginationNextIcon";
-PaginationNextIcon.__ui__ = "PaginationNextIcon";
+  )
+);
 
+// src/pagination-item.tsx
+var import_ripple = require("@yamada-ui/ripple");
+var import_utils9 = require("@yamada-ui/utils");
+
 // src/use-pagination.ts
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_value = require("@yamada-ui/use-value");
-var import_utils = require("@yamada-ui/utils");
-var import_react = require("react");
-var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
+var import_utils8 = require("@yamada-ui/utils");
+var import_react3 = require("react");
+var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
   name: "PaginationContext",
@@ -128,20 +256,20 @@ errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
   });
-  const onFirst = (0, import_react.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
-  const onLast = (0, import_react.useCallback)(
+  const onFirst = (0, import_react3.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
+  const onLast = (0, import_react3.useCallback)(
     () => setCurrentPage(total),
     [setCurrentPage, total]
   );
-  const onPrev = (0, import_react.useCallback)(
+  const onPrev = (0, import_react3.useCallback)(
     () => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
     [setCurrentPage]
   );
-  const onNext = (0, import_react.useCallback)(
+  const onNext = (0, import_react3.useCallback)(
     () => setCurrentPage((prev) => prev === total ? prev : prev + 1),
     [setCurrentPage, total]
   );
-  const onChange = (0, import_react.useCallback)(
+  const onChange = (0, import_react3.useCallback)(
     (page2) => setCurrentPage(page2),
     [setCurrentPage]
   );
-  const range = (0, import_react.useMemo)(() => {
+  const range = (0, import_react3.useMemo)(() => {
     const minimumTotal = siblings * 2 + 3 + boundaries * 2;
@@ -191,11 +319,11 @@ if (minimumTotal >= total) return computedRange(1, total);
 // src/pagination-item.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var iconMap = {
-  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
-  first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
-  last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
-  next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
-  prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
+  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
+  first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
+  last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
+  next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
+  prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
 };
-var PaginationItem = (0, import_core.forwardRef)(
+var PaginationItem = (0, import_core6.forwardRef)(
   ({
@@ -232,4 +360,4 @@ className,
     };
-    const Component = import_core.ui[isEllipsis ? "span" : "button"];
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    const Component = import_core6.ui[isEllipsis ? "span" : "button"];
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Component,
@@ -240,7 +368,7 @@ {
           type: "button",
-          "data-disabled": (0, import_utils2.dataAttr)(disabled),
-          "data-selected": (0, import_utils2.dataAttr)(active),
+          "data-disabled": (0, import_utils9.dataAttr)(disabled),
+          "data-selected": (0, import_utils9.dataAttr)(active),
           disabled
         } : {},
-        className: (0, import_utils2.cx)(
+        className: (0, import_utils9.cx)(
           "ui-pagination__item",
@@ -256,3 +384,3 @@ isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
         ]
@@ -267,5 +395,5 @@ }
 // src/pagination.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Pagination = (0, import_core2.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core2.useComponentMultiStyle)("Pagination", props);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Pagination = (0, import_core7.forwardRef)((props, ref) => {
+  const [styles, mergedProps] = (0, import_core7.useComponentMultiStyle)("Pagination", props);
   let {
@@ -293,3 +421,3 @@ className,
     ...rest
-  } = (0, import_core2.omitThemeProps)(mergedProps);
+  } = (0, import_core7.omitThemeProps)(mergedProps);
   const withControls = (0, import_use_value2.useValue)(_withControls);
@@ -307,4 +435,4 @@ const withEdges = (0, import_use_value2.useValue)(_withEdges);
   });
-  const children = (0, import_react2.useMemo)(
-    () => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const children = (0, import_react4.useMemo)(
+    () => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Component,
@@ -317,3 +445,3 @@ {
         page: page2,
-        onClick: (0, import_utils3.handlerAll)(
+        onClick: (0, import_utils10.handlerAll)(
           itemProps == null ? void 0 : itemProps.onClick,
@@ -329,15 +457,15 @@ page2 !== "ellipsis" ? () => onChange(page2) : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_core2.ui.nav,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_core7.ui.nav,
     {
       ref,
-      className: (0, import_utils3.cx)("ui-pagination", className),
-      "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
+      className: (0, import_utils10.cx)("ui-pagination", className),
+      "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
       __css: css,
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        import_core2.ui.ul,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        import_core7.ui.ul,
         {
           className: "ui-pagination-inner",
-          "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
+          "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
           __css: {
@@ -350,3 +478,3 @@ alignItems: "center",
           children: [
-            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -360,3 +488,3 @@ {
                 ...edgeFirstProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   edgeProps == null ? void 0 : edgeProps.onClick,
@@ -368,3 +496,3 @@ edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
             ) }) : null,
-            withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -378,3 +506,3 @@ {
                 ...controlPrevProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   controlProps == null ? void 0 : controlProps.onClick,
@@ -387,3 +515,3 @@ controlPrevProps == null ? void 0 : controlPrevProps.onClick,
             children,
-            withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -397,3 +525,3 @@ {
                 ...controlNextProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   controlProps == null ? void 0 : controlProps.onClick,
@@ -405,3 +533,3 @@ controlNextProps == null ? void 0 : controlNextProps.onClick,
             ) }) : null,
-            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -415,3 +543,3 @@ {
                 ...edgeLastProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   edgeProps == null ? void 0 : edgeProps.onClick,
@@ -436,2 +564,84 @@ edgeLastProps == null ? void 0 : edgeLastProps.onClick,
 });
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/defaultAttributes.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/Icon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/createLucideIcon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/ellipsis.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
 //# sourceMappingURL=index.js.map

dist/pagination-item.js

@@ -27,71 +27,199 @@ "use client"
 module.exports = __toCommonJS(pagination_item_exports);
+var import_core6 = require("@yamada-ui/core");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react2 = require("react");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var import_react = require("react");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return (0, import_react.createElement)(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react2.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var ChevronLeft = createLucideIcon("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
+var ChevronsLeft = createLucideIcon("ChevronsLeft", [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
+var ChevronsRight = createLucideIcon("ChevronsRight", [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var Ellipsis = createLucideIcon("Ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
+
+// ../lucide/src/icons/chevron-left.tsx
 var import_core = require("@yamada-ui/core");
-var import_ripple = require("@yamada-ui/ripple");
-var import_utils2 = require("@yamada-ui/utils");
-
-// src/pagination-icon.tsx
 var import_icon = require("@yamada-ui/icon");
+var import_utils3 = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
-var PaginationEllipsisIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+var ChevronLeftIcon = (0, import_core.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_icon.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronLeft,
+      className: (0, import_utils3.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
-PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
-var PaginationFirstIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevron-right.tsx
+var import_core2 = require("@yamada-ui/core");
+var import_icon2 = require("@yamada-ui/icon");
+var import_utils4 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChevronRightIcon = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_icon2.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronRight,
+      className: (0, import_utils4.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationFirstIcon.displayName = "PaginationFirstIcon";
-PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
-var PaginationLastIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-left.tsx
+var import_core3 = require("@yamada-ui/core");
+var import_icon3 = require("@yamada-ui/icon");
+var import_utils5 = require("@yamada-ui/utils");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChevronsLeftIcon = (0, import_core3.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_icon3.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronsLeft,
+      className: (0, import_utils5.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationLastIcon.displayName = "PaginationLastIcon";
-PaginationLastIcon.__ui__ = "PaginationLastIcon";
-var PaginationPrevIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-right.tsx
+var import_core4 = require("@yamada-ui/core");
+var import_icon4 = require("@yamada-ui/icon");
+var import_utils6 = require("@yamada-ui/utils");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ChevronsRightIcon = (0, import_core4.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_icon4.Icon,
     {
-      d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
-      fill: "currentColor"
+      ref,
+      as: ChevronsRight,
+      className: (0, import_utils6.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationPrevIcon.displayName = "PaginationPrevIcon";
-PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
-var PaginationNextIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/ellipsis.tsx
+var import_core5 = require("@yamada-ui/core");
+var import_icon5 = require("@yamada-ui/icon");
+var import_utils7 = require("@yamada-ui/utils");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var EllipsisIcon = (0, import_core5.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_icon5.Icon,
     {
-      d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
-      fill: "currentColor"
+      ref,
+      as: Ellipsis,
+      className: (0, import_utils7.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationNextIcon.displayName = "PaginationNextIcon";
-PaginationNextIcon.__ui__ = "PaginationNextIcon";
+  )
+);
 
+// src/pagination-item.tsx
+var import_ripple = require("@yamada-ui/ripple");
+var import_utils9 = require("@yamada-ui/utils");
+
 // src/use-pagination.ts
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_value = require("@yamada-ui/use-value");
-var import_utils = require("@yamada-ui/utils");
-var import_react = require("react");
-var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
+var import_utils8 = require("@yamada-ui/utils");
+var import_react3 = require("react");
+var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
   name: "PaginationContext",
@@ -102,11 +230,11 @@ errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
 // src/pagination-item.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var iconMap = {
-  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
-  first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
-  last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
-  next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
-  prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
+  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
+  first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
+  last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
+  next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
+  prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
 };
-var PaginationItem = (0, import_core.forwardRef)(
+var PaginationItem = (0, import_core6.forwardRef)(
   ({
@@ -143,4 +271,4 @@ className,
     };
-    const Component = import_core.ui[isEllipsis ? "span" : "button"];
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    const Component = import_core6.ui[isEllipsis ? "span" : "button"];
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Component,
@@ -151,7 +279,7 @@ {
           type: "button",
-          "data-disabled": (0, import_utils2.dataAttr)(disabled),
-          "data-selected": (0, import_utils2.dataAttr)(active),
+          "data-disabled": (0, import_utils9.dataAttr)(disabled),
+          "data-selected": (0, import_utils9.dataAttr)(active),
           disabled
         } : {},
-        className: (0, import_utils2.cx)(
+        className: (0, import_utils9.cx)(
           "ui-pagination__item",
@@ -167,3 +295,3 @@ isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
         ]
@@ -180,2 +308,84 @@ }
 });
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/defaultAttributes.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/Icon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/createLucideIcon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/ellipsis.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
 //# sourceMappingURL=pagination-item.js.map

dist/pagination.js

@@ -27,77 +27,205 @@ "use client"
 module.exports = __toCommonJS(pagination_exports);
-var import_core2 = require("@yamada-ui/core");
+var import_core7 = require("@yamada-ui/core");
 var import_use_value2 = require("@yamada-ui/use-value");
-var import_utils3 = require("@yamada-ui/utils");
+var import_utils10 = require("@yamada-ui/utils");
+var import_react4 = require("react");
+
+// src/pagination-item.tsx
+var import_core6 = require("@yamada-ui/core");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react2 = require("react");
 
-// src/pagination-item.tsx
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var import_react = require("react");
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = (0, import_react.forwardRef)(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return (0, import_react.createElement)(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react2.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react2.createElement)(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var ChevronLeft = createLucideIcon("ChevronLeft", [
+  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-left.js
+var ChevronsLeft = createLucideIcon("ChevronsLeft", [
+  ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
+  ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevrons-right.js
+var ChevronsRight = createLucideIcon("ChevronsRight", [
+  ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
+  ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
+]);
+
+// ../../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js
+var Ellipsis = createLucideIcon("Ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
+
+// ../lucide/src/icons/chevron-left.tsx
 var import_core = require("@yamada-ui/core");
-var import_ripple = require("@yamada-ui/ripple");
-var import_utils2 = require("@yamada-ui/utils");
-
-// src/pagination-icon.tsx
 var import_icon = require("@yamada-ui/icon");
+var import_utils3 = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
-var PaginationEllipsisIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+var ChevronLeftIcon = (0, import_core.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_icon.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronLeft,
+      className: (0, import_utils3.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationEllipsisIcon.displayName = "PaginationEllipsisIcon";
-PaginationEllipsisIcon.__ui__ = "PaginationEllipsisIcon";
-var PaginationFirstIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevron-right.tsx
+var import_core2 = require("@yamada-ui/core");
+var import_icon2 = require("@yamada-ui/icon");
+var import_utils4 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChevronRightIcon = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_icon2.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronRight,
+      className: (0, import_utils4.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationFirstIcon.displayName = "PaginationFirstIcon";
-PaginationFirstIcon.__ui__ = "PaginationFirstIcon";
-var PaginationLastIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-left.tsx
+var import_core3 = require("@yamada-ui/core");
+var import_icon3 = require("@yamada-ui/icon");
+var import_utils5 = require("@yamada-ui/utils");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChevronsLeftIcon = (0, import_core3.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_icon3.Icon,
     {
-      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",
-      fill: "currentColor"
+      ref,
+      as: ChevronsLeft,
+      className: (0, import_utils5.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationLastIcon.displayName = "PaginationLastIcon";
-PaginationLastIcon.__ui__ = "PaginationLastIcon";
-var PaginationPrevIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/chevrons-right.tsx
+var import_core4 = require("@yamada-ui/core");
+var import_icon4 = require("@yamada-ui/icon");
+var import_utils6 = require("@yamada-ui/utils");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ChevronsRightIcon = (0, import_core4.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_icon4.Icon,
     {
-      d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
-      fill: "currentColor"
+      ref,
+      as: ChevronsRight,
+      className: (0, import_utils6.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationPrevIcon.displayName = "PaginationPrevIcon";
-PaginationPrevIcon.__ui__ = "PaginationPrevIcon";
-var PaginationNextIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.Icon, { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
+  )
+);
+
+// ../lucide/src/icons/ellipsis.tsx
+var import_core5 = require("@yamada-ui/core");
+var import_icon5 = require("@yamada-ui/icon");
+var import_utils7 = require("@yamada-ui/utils");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var EllipsisIcon = (0, import_core5.forwardRef)(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_icon5.Icon,
     {
-      d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
-      fill: "currentColor"
+      ref,
+      as: Ellipsis,
+      className: (0, import_utils7.cx)("ui-lucide-icon", className),
+      ...rest
     }
-  ) });
-};
-PaginationNextIcon.displayName = "PaginationNextIcon";
-PaginationNextIcon.__ui__ = "PaginationNextIcon";
+  )
+);
 
+// src/pagination-item.tsx
+var import_ripple = require("@yamada-ui/ripple");
+var import_utils9 = require("@yamada-ui/utils");
+
 // src/use-pagination.ts
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_value = require("@yamada-ui/use-value");
-var import_utils = require("@yamada-ui/utils");
-var import_react = require("react");
-var [PaginationProvider, usePaginationContext] = (0, import_utils.createContext)({
+var import_utils8 = require("@yamada-ui/utils");
+var import_react3 = require("react");
+var [PaginationProvider, usePaginationContext] = (0, import_utils8.createContext)({
   name: "PaginationContext",
@@ -125,20 +253,20 @@ errorMessage: `usePaginationContext returned is 'undefined'. Seems you forgot to wrap the components in "<Pagination />"`
   });
-  const onFirst = (0, import_react.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
-  const onLast = (0, import_react.useCallback)(
+  const onFirst = (0, import_react3.useCallback)(() => setCurrentPage(1), [setCurrentPage]);
+  const onLast = (0, import_react3.useCallback)(
     () => setCurrentPage(total),
     [setCurrentPage, total]
   );
-  const onPrev = (0, import_react.useCallback)(
+  const onPrev = (0, import_react3.useCallback)(
     () => setCurrentPage((prev) => prev === 1 ? prev : prev - 1),
     [setCurrentPage]
   );
-  const onNext = (0, import_react.useCallback)(
+  const onNext = (0, import_react3.useCallback)(
     () => setCurrentPage((prev) => prev === total ? prev : prev + 1),
     [setCurrentPage, total]
   );
-  const onChange = (0, import_react.useCallback)(
+  const onChange = (0, import_react3.useCallback)(
     (page2) => setCurrentPage(page2),
     [setCurrentPage]
   );
-  const range = (0, import_react.useMemo)(() => {
+  const range = (0, import_react3.useMemo)(() => {
     const minimumTotal = siblings * 2 + 3 + boundaries * 2;
@@ -188,11 +316,11 @@ if (minimumTotal >= total) return computedRange(1, total);
 // src/pagination-item.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var iconMap = {
-  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsisIcon, {}),
-  first: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationFirstIcon, {}),
-  last: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLastIcon, {}),
-  next: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationNextIcon, {}),
-  prev: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationPrevIcon, {})
+  ellipsis: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EllipsisIcon, {}),
+  first: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeftIcon, {}),
+  last: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRightIcon, {}),
+  next: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRightIcon, {}),
+  prev: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeftIcon, {})
 };
-var PaginationItem = (0, import_core.forwardRef)(
+var PaginationItem = (0, import_core6.forwardRef)(
   ({
@@ -229,4 +357,4 @@ className,
     };
-    const Component = import_core.ui[isEllipsis ? "span" : "button"];
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    const Component = import_core6.ui[isEllipsis ? "span" : "button"];
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Component,
@@ -237,7 +365,7 @@ {
           type: "button",
-          "data-disabled": (0, import_utils2.dataAttr)(disabled),
-          "data-selected": (0, import_utils2.dataAttr)(active),
+          "data-disabled": (0, import_utils9.dataAttr)(disabled),
+          "data-selected": (0, import_utils9.dataAttr)(active),
           disabled
         } : {},
-        className: (0, import_utils2.cx)(
+        className: (0, import_utils9.cx)(
           "ui-pagination__item",
@@ -253,3 +381,3 @@ isEllipsis ? "ui-pagination__item--ellipsis" : void 0,
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ripple.Ripple, { ...rippleProps })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ripple.Ripple, { ...rippleProps })
         ]
@@ -264,5 +392,5 @@ }
 // src/pagination.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Pagination = (0, import_core2.forwardRef)((props, ref) => {
-  const [styles, mergedProps] = (0, import_core2.useComponentMultiStyle)("Pagination", props);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Pagination = (0, import_core7.forwardRef)((props, ref) => {
+  const [styles, mergedProps] = (0, import_core7.useComponentMultiStyle)("Pagination", props);
   let {
@@ -290,3 +418,3 @@ className,
     ...rest
-  } = (0, import_core2.omitThemeProps)(mergedProps);
+  } = (0, import_core7.omitThemeProps)(mergedProps);
   const withControls = (0, import_use_value2.useValue)(_withControls);
@@ -304,4 +432,4 @@ const withEdges = (0, import_use_value2.useValue)(_withEdges);
   });
-  const children = (0, import_react2.useMemo)(
-    () => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const children = (0, import_react4.useMemo)(
+    () => range.map((page2, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Component,
@@ -314,3 +442,3 @@ {
         page: page2,
-        onClick: (0, import_utils3.handlerAll)(
+        onClick: (0, import_utils10.handlerAll)(
           itemProps == null ? void 0 : itemProps.onClick,
@@ -326,15 +454,15 @@ page2 !== "ellipsis" ? () => onChange(page2) : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_core2.ui.nav,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PaginationProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_core7.ui.nav,
     {
       ref,
-      className: (0, import_utils3.cx)("ui-pagination", className),
-      "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
+      className: (0, import_utils10.cx)("ui-pagination", className),
+      "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
       __css: css,
       ...containerProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        import_core2.ui.ul,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        import_core7.ui.ul,
         {
           className: "ui-pagination-inner",
-          "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
+          "data-disabled": (0, import_utils10.dataAttr)(isDisabled),
           __css: {
@@ -347,3 +475,3 @@ alignItems: "center",
           children: [
-            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -357,3 +485,3 @@ {
                 ...edgeFirstProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   edgeProps == null ? void 0 : edgeProps.onClick,
@@ -365,3 +493,3 @@ edgeFirstProps == null ? void 0 : edgeFirstProps.onClick,
             ) }) : null,
-            withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -375,3 +503,3 @@ {
                 ...controlPrevProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   controlProps == null ? void 0 : controlProps.onClick,
@@ -384,3 +512,3 @@ controlPrevProps == null ? void 0 : controlPrevProps.onClick,
             children,
-            withControls ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withControls ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -394,3 +522,3 @@ {
                 ...controlNextProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   controlProps == null ? void 0 : controlProps.onClick,
@@ -402,3 +530,3 @@ controlNextProps == null ? void 0 : controlNextProps.onClick,
             ) }) : null,
-            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            withEdges ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.ui.li, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               Component,
@@ -412,3 +540,3 @@ {
                 ...edgeLastProps,
-                onClick: (0, import_utils3.handlerAll)(
+                onClick: (0, import_utils10.handlerAll)(
                   edgeProps == null ? void 0 : edgeProps.onClick,
@@ -432,2 +560,84 @@ edgeLastProps == null ? void 0 : edgeLastProps.onClick,
 });
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/defaultAttributes.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/Icon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/createLucideIcon.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevron-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-left.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/chevrons-right.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/icons/ellipsis.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
 //# sourceMappingURL=pagination.js.map

package.json

 {
   "name": "@yamada-ui/pagination",
-  "version": "1.1.5-next-20241126010425",
+  "version": "1.1.5-next-20241126031955",
   "description": "Yamada UI pagination component",
@@ -39,8 +39,8 @@ "keywords": [
   "dependencies": {
-    "@yamada-ui/core": "1.16.0-next-20241126010425",
-    "@yamada-ui/icon": "1.1.14-next-20241126010425",
-    "@yamada-ui/ripple": "1.0.45-next-20241126010425",
-    "@yamada-ui/use-controllable-state": "1.0.24-next-20241126010425",
-    "@yamada-ui/use-value": "1.1.31-next-20241126010425",
-    "@yamada-ui/utils": "1.6.0-next-20241126010425"
+    "@yamada-ui/core": "1.15.6-next-20241126031955",
+    "@yamada-ui/icon": "1.1.14-next-20241126031955",
+    "@yamada-ui/ripple": "1.0.45-next-20241126031955",
+    "@yamada-ui/use-controllable-state": "1.0.23",
+    "@yamada-ui/use-value": "1.1.31-next-20241126031955",
+    "@yamada-ui/utils": "1.5.4"
   },
@@ -47,0 +47,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

247272

increased by35.56%

Lines of code

2474

increased by30.35%

Worsened metrics

Number of package files

33

decreased by-19.51%

Dependency changes

• + Added@yamada-ui/core@1.15.6-next-20241126031955(transitive)

• + Added@yamada-ui/icon@1.1.14-next-20241126031955(transitive)

• + Added@yamada-ui/motion@2.2.9-next-20241126031955(transitive)

• + Added@yamada-ui/portal@1.0.24(transitive)

• + Added@yamada-ui/ripple@1.0.45-next-20241126031955(transitive)

• + Added@yamada-ui/use-breakpoint@1.4.14-next-20241126031955(transitive)

• + Added@yamada-ui/use-controllable-state@1.0.23(transitive)

• + Added@yamada-ui/use-token@1.1.31-next-20241126031955(transitive)

• + Added@yamada-ui/use-value@1.1.31-next-20241126031955(transitive)

• + Added@yamada-ui/utils@1.5.4(transitive)

• - Removed@yamada-ui/core@1.16.0-next-20241126010425(transitive)

• - Removed@yamada-ui/icon@1.1.14-next-20241126010425(transitive)

• - Removed@yamada-ui/motion@2.2.9-next-20241126010425(transitive)

• - Removed@yamada-ui/portal@1.0.25-next-20241126010425(transitive)

• - Removed@yamada-ui/ripple@1.0.45-next-20241126010425(transitive)

• - Removed@yamada-ui/use-breakpoint@1.4.14-next-20241126010425(transitive)

• - Removed@yamada-ui/use-controllable-state@1.0.24-next-20241126010425(transitive)

• - Removed@yamada-ui/use-token@1.1.31-next-20241126010425(transitive)

• - Removed@yamada-ui/use-value@1.1.31-next-20241126010425(transitive)

• - Removed@yamada-ui/utils@1.6.0-next-20241126010425(transitive)

• Updated@yamada-ui/core@1.15.6-next-20241126031955

• Updated@yamada-ui/icon@1.1.14-next-20241126031955

• Updated@yamada-ui/ripple@1.0.45-next-20241126031955

• Updated@yamada-ui/use-controllable-state@1.0.23

• Updated@yamada-ui/use-value@1.1.31-next-20241126031955

• Updated@yamada-ui/utils@1.5.4