@nextui-org/react 1.0.1-alpha.7 → 1.0.2-alpha.2

package/esm/modal/modal.styles.js

@@ -0,0 +1,243 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StyledModalHideTab = exports.StyledModalHeader = exports.StyledModalFooter = exports.StyledModalCloseButton = exports.StyledModalBody = exports.StyledModal = void 0;
+
+var _stitches = require("../theme/stitches.config");
+
+const reboundAnimation = (0, _stitches.keyframes)({
+  '0%': {
+    transform: 'scale(0.95)'
+  },
+  '40%': {
+    transform: 'scale(1.02)'
+  },
+  '80%': {
+    transform: 'scale(0.98)'
+  },
+  '100%': {
+    transform: 'scale(1)'
+  }
+});
+const appearanceIn = (0, _stitches.keyframes)({
+  '0%': {
+    opacity: 0,
+    transform: 'scale(0.95)'
+  },
+  '60%': {
+    opacity: 0.75,
+    transform: 'scale(1.02)'
+  },
+  '100%': {
+    opacity: 1,
+    transform: 'scale(1)'
+  }
+});
+const appearanceOut = (0, _stitches.keyframes)({
+  '0%': {
+    opacity: 1,
+    transform: 'scale(1)'
+  },
+  '100%': {
+    opacity: 0,
+    transform: 'scale(0.95)'
+  }
+});
+const StyledModalHideTab = (0, _stitches.styled)('div', {
+  outline: 'none',
+  overflow: 'hidden',
+  width: 0,
+  height: 0,
+  opacity: 0
+});
+exports.StyledModalHideTab = StyledModalHideTab;
+const StyledModalCloseButton = (0, _stitches.styled)('button', {
+  position: 'absolute',
+  background: 'transparent',
+  border: 'none',
+  zIndex: '$1',
+  top: '$space$3',
+  right: '$space$2',
+  margin: 0,
+  d: 'inline-flex',
+  ai: 'center',
+  height: 'auto',
+  cursor: 'pointer',
+  boxSizing: 'border-box',
+  transition: '$default',
+  padding: 'calc($space$sm * 0.5)',
+  color: '$accents4',
+  br: '$space$5',
+  svg: {
+    color: 'currentColor'
+  },
+  '&:hover': {
+    svg: {
+      opacity: 0.8
+    }
+  },
+  variants: {
+    disabled: {
+      true: {
+        cursor: 'not-allowed'
+      }
+    }
+  }
+}, _stitches.sharedFocus);
+exports.StyledModalCloseButton = StyledModalCloseButton;
+const StyledModalHeader = (0, _stitches.styled)('div', {
+  display: 'flex',
+  flexShrink: 0,
+  ai: 'center',
+  ov: 'hidden',
+  color: 'inherit',
+  padding: '$sm $10',
+  fs: '$xs',
+  variants: {
+    noPadding: {
+      true: {
+        padding: 0
+      }
+    },
+    autoMargin: {
+      true: {
+        '> *:first-child': {
+          mt: 0
+        },
+        '> *:last-child': {
+          mb: 0
+        }
+      }
+    }
+  }
+});
+exports.StyledModalHeader = StyledModalHeader;
+const StyledModalBody = (0, _stitches.styled)('div', {
+  display: 'flex',
+  flexDirection: 'column',
+  flex: '1 1 auto',
+  padding: '$sm $10',
+  oy: 'auto',
+  position: 'relative',
+  ta: 'left',
+  variants: {
+    noPadding: {
+      true: {
+        flex: 1,
+        padding: 0
+      }
+    },
+    autoMargin: {
+      true: {
+        '> *:first-child': {
+          mt: 0
+        },
+        '> *': {
+          mb: '$8'
+        },
+        '> *:last-child': {
+          mb: 0
+        }
+      }
+    }
+  }
+});
+exports.StyledModalBody = StyledModalBody;
+const StyledModalFooter = (0, _stitches.styled)('div', {
+  d: 'flex',
+  flexWrap: 'wrap',
+  flexShrink: 0,
+  overflow: 'hidden',
+  color: 'inherit',
+  ai: 'center',
+  fs: '$xs',
+  padding: '$sm $lg',
+  variants: {
+    noPadding: {
+      true: {
+        padding: 0
+      }
+    },
+    autoMargin: {
+      true: {
+        '> *': {
+          m: '$2'
+        }
+      }
+    }
+  }
+});
+exports.StyledModalFooter = StyledModalFooter;
+const StyledModal = (0, _stitches.styled)('section', {
+  maxWidth: '100%',
+  verticalAlign: 'middle',
+  overflow: 'hidden',
+  height: 'fit-content(20em)',
+  maxHeight: 'inherit',
+  display: 'flex',
+  outline: 'none',
+  flexDirection: 'column',
+  position: 'relative',
+  boxSizing: 'border-box',
+  color: '$foreground',
+  br: '$lg',
+  boxShadow: '$lg',
+  bg: '$background',
+  animationFillMode: 'forwards',
+  '&.nextui-modal-wrapper-enter:not(.nextui-modal-rendered)': {
+    animationName: appearanceIn,
+    animationDuration: '200ms',
+    animationTimingFunction: 'ease-in',
+    animationDirection: 'normal'
+  },
+  '&.nextui-modal-wrapper-leave': {
+    animationName: appearanceOut,
+    animationDuration: '50ms',
+    animationTimingFunction: 'ease-out'
+  },
+  variants: {
+    fullScreen: {
+      true: {
+        size: '100%',
+        maxHeight: '100%'
+      },
+      false: {
+        '&.nextui-modal-rebound': {
+          animationDuration: '250ms',
+          animationName: reboundAnimation,
+          animationTimingFunction: 'ease',
+          animationFillMode: 'forwards'
+        }
+      }
+    },
+    scroll: {
+      true: {
+        maxHeight: 'calc(100vh - 200px)'
+      }
+    },
+    closeButton: {
+      true: {
+        paddingTop: '$lg',
+        [`& ${StyledModalCloseButton}`]: {
+          svg: {
+            size: '$10'
+          }
+        }
+      }
+    },
+    isDark: {
+      true: {
+        bg: '$accents1'
+      }
+    }
+  },
+  compoundVariants: [{
+    // scroll && fullScreen
+    scroll: true,
+    fullScreen: true,
+    css: {
+      maxHeight: '100%'
+    }
+  }]
+});
+exports.StyledModal = StyledModal;

package/esm/modal/use-modal.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+declare const useModal: (initialVisible?: boolean) => {
+    visible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    currentRef: MutableRefObject<boolean>;
+    bindings: {
+        open: boolean;
+        onClose: () => void;
+    };
+};
+export default useModal;

package/esm/modal/use-modal.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _useCurrentState = _interopRequireDefault(require("../use-current-state"));
+
+const useModal = (initialVisible = false) => {
+  const [visible, setVisible, currentRef] = (0, _useCurrentState.default)(initialVisible);
+  return {
+    visible,
+    setVisible,
+    currentRef,
+    bindings: {
+      open: visible,
+      onClose: () => setVisible(false)
+    }
+  };
+};
+
+var _default = useModal;
+exports.default = _default;
+module.exports = exports.default;

package/esm/pagination/index.d.ts

@@ -0,0 +1,7 @@
+import Pagination from './pagination';
+export type { PaginationProps } from './pagination';
+export type { PaginationItemProps } from './pagination-item';
+export type { PaginationHighlightProps } from './pagination-highlight';
+export { StyledPaginationEllipsis, StyledPaginationIcon, StyledPaginationItemContent, StyledPaginationItem, StyledPaginationHighlight, StyledPagination } from './pagination.styles';
+export type { PaginationVariantsProps, PaginationItemVariantsProps, PaginationHighlightVariantsProps } from './pagination.styles';
+export default Pagination;

package/esm/pagination/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = exports.StyledPaginationItemContent = exports.StyledPaginationItem = exports.StyledPaginationIcon = exports.StyledPaginationHighlight = exports.StyledPaginationEllipsis = exports.StyledPagination = void 0;
+
+var _pagination = _interopRequireDefault(require("./pagination"));
+
+var _pagination2 = require("./pagination.styles");
+
+exports.StyledPaginationEllipsis = _pagination2.StyledPaginationEllipsis;
+exports.StyledPaginationIcon = _pagination2.StyledPaginationIcon;
+exports.StyledPaginationItemContent = _pagination2.StyledPaginationItemContent;
+exports.StyledPaginationItem = _pagination2.StyledPaginationItem;
+exports.StyledPaginationHighlight = _pagination2.StyledPaginationHighlight;
+exports.StyledPagination = _pagination2.StyledPagination;
+var _default = _pagination.default;
+exports.default = _default;

package/esm/pagination/pagination-ellipsis.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    value?: string | number;
+    isBefore?: boolean;
+    onlyDots?: boolean;
+    animated?: boolean;
+    bordered?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+}
+declare const PaginationEllipsis: React.FC<Props>;
+export default PaginationEllipsis;

package/esm/pagination/pagination-ellipsis.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _paginationItem = _interopRequireDefault(require("./pagination-item"));
+
+var _pagination = require("./pagination.styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const PaginationEllipsis = ({
+  value,
+  isBefore,
+  onlyDots,
+  animated,
+  bordered,
+  onClick
+}) => {
+  const [showMore, setShowMore] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationItem.default, {
+    value: value,
+    onlyDots: onlyDots,
+    animated: animated,
+    bordered: bordered,
+    onClick: e => onClick && onClick(e),
+    onMouseEnter: () => setShowMore(true),
+    onMouseLeave: () => setShowMore(false),
+    children: showMore ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_pagination.StyledPaginationEllipsis, {
+      role: "presentation",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      shapeRendering: "geometricPrecision",
+      className: "nextui-pagination-ellipsis",
+      isEllipsis: true,
+      isBefore: isBefore,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M13 17l5-5-5-5"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M6 17l5-5-5-5"
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_pagination.StyledPaginationEllipsis, {
+      viewBox: "0 0 24 24",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      shapeRendering: "geometricPrecision",
+      isEllipsis: false,
+      isBefore: isBefore,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+        cx: "12",
+        cy: "12",
+        r: "1",
+        fill: "currentColor"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+        cx: "19",
+        cy: "12",
+        r: "1",
+        fill: "currentColor"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+        cx: "5",
+        cy: "12",
+        r: "1",
+        fill: "currentColor"
+      })]
+    })
+  });
+};
+
+var _default = PaginationEllipsis;
+exports.default = _default;
+module.exports = exports.default;

package/esm/pagination/pagination-highlight.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { PaginationHighlightVariantsProps } from './pagination.styles';
+interface Props {
+    active: number;
+    rounded?: boolean;
+    noMargin?: boolean;
+    shadow?: boolean;
+    css?: CSS;
+    as?: keyof JSX.IntrinsicElements;
+}
+export declare type PaginationHighlightProps = Props & PaginationHighlightVariantsProps;
+declare const PaginationHighlight: React.FC<PaginationHighlightProps>;
+export default PaginationHighlight;

package/esm/pagination/pagination-highlight.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("../utils/clsx"));
+
+var _pagination = require("./pagination.styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const PaginationHighlight = ({
+  active,
+  shadow,
+  noMargin,
+  rounded,
+  css,
+  ...props
+}) => {
+  const leftValue = (0, _react.useMemo)(() => noMargin ? `$$paginationSize * ${active}` : `$$paginationSize * ${active} + ${active * 4 + 2}px`, [active, noMargin]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagination.StyledPaginationHighlight, {
+    "aria-hidden": true,
+    shadow: shadow,
+    rounded: rounded,
+    className: (0, _clsx.default)('nextui-pagination-highlight', {
+      'nextui-pagination-highlight--rounded': rounded,
+      'nextui-pagination-highlight--active': active,
+      'nextui-pagination-highlight--no-margin': noMargin,
+      'nextui-pagination-highlight--shadow': shadow
+    }),
+    noMargin: noMargin,
+    css: {
+      left: `calc(${leftValue})`,
+      ...css
+    },
+    ...props
+  });
+};
+
+PaginationHighlight.toString = () => '.nextui-pagination-highlight';
+
+var _default = PaginationHighlight;
+exports.default = _default;
+module.exports = exports.default;

package/esm/pagination/pagination-icon.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+interface Props {
+    isPrev?: boolean;
+    disabled?: boolean;
+    onlyDots?: boolean;
+    animated?: boolean;
+    bordered?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+}
+declare type NativeAttrs = Omit<React.SVGAttributes<unknown>, keyof Props>;
+export declare type PaginationIconProps = Props & NativeAttrs & {
+    css?: CSS;
+};
+declare const MemoPaginationIcon: React.NamedExoticComponent<PaginationIconProps>;
+export default MemoPaginationIcon;

package/esm/pagination/pagination-icon.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _paginationItem = _interopRequireDefault(require("./pagination-item"));
+
+var _pagination = require("./pagination.styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const PaginationIcon = ({
+  isPrev,
+  disabled,
+  onlyDots,
+  animated,
+  bordered,
+  onClick,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationItem.default, {
+    preserveContent: true,
+    value: isPrev ? '<' : '>',
+    bordered: bordered,
+    animated: animated,
+    onlyDots: onlyDots,
+    disabled: disabled,
+    onClick: e => onClick && onClick(e),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagination.StyledPaginationIcon, {
+      role: "presentation",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "nextui-pagination-icon",
+      isPrev: isPrev,
+      ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M15.5 19l-7-7 7-7",
+        stroke: "currentColor",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })
+    })
+  });
+};
+
+PaginationIcon.toString = () => '.nextui-pagination-icon';
+
+const MemoPaginationIcon = /*#__PURE__*/_react.default.memo(PaginationIcon);
+
+var _default = MemoPaginationIcon;
+exports.default = _default;
+module.exports = exports.default;

package/esm/pagination/pagination-item.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { PaginationItemVariantsProps } from './pagination.styles';
+interface Props {
+    active?: boolean;
+    value?: string | number;
+    onlyDots?: boolean;
+    disabled?: boolean;
+    bordered?: boolean;
+    animated?: boolean;
+    preserveContent?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.ButtonHTMLAttributes<unknown>, keyof Props>;
+export declare type PaginationItemProps = Props & NativeAttrs & PaginationItemVariantsProps & {
+    css?: CSS;
+};
+declare const _default: React.ComponentType<Partial<{
+    preserveContent: boolean;
+}> & Omit<React.PropsWithChildren<PaginationItemProps>, "preserveContent">>;
+export default _default;

package/esm/pagination/pagination-item.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _usePagination = require("../use-pagination");
+
+var _clsx = _interopRequireDefault(require("../utils/clsx"));
+
+var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
+
+var _pagination = require("./pagination.styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const defaultProps = {
+  preserveContent: false
+};
+
+const getItemAriaLabel = page => {
+  if (!page) return;
+
+  switch (page) {
+    case _usePagination.DOTS:
+      return 'dots element';
+
+    case '<':
+      return 'previous page button';
+
+    case '>':
+      return 'next page button';
+
+    case 'first':
+      return 'first page button';
+
+    case 'last':
+      return 'last page button';
+
+    default:
+      return `${page} item`;
+  }
+};
+
+const preClass = 'nextui-pagination-item';
+
+const PaginationItem = ({
+  active,
+  value,
+  children,
+  disabled,
+  animated,
+  bordered,
+  onClick,
+  onlyDots,
+  preserveContent,
+  ...props
+}) => {
+  const ariaLabel = (0, _react.useMemo)(() => active ? `${getItemAriaLabel(value)} active` : getItemAriaLabel(value), [value, active]);
+
+  const clickHandler = event => {
+    if (disabled) return;
+    onClick && onClick(event);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagination.StyledPaginationItem, {
+    className: (0, _clsx.default)(preClass, {
+      [`${preClass}-active`]: active,
+      [`${preClass}-animated`]: animated,
+      [`${preClass}-disabled`]: disabled,
+      [`${preClass}-bordered`]: bordered,
+      [`${preClass}-only-dots`]: onlyDots,
+      [`${preClass}-preserve-content`]: preserveContent
+    }),
+    animated: animated,
+    active: active,
+    disabled: disabled,
+    bordered: bordered,
+    onlyDots: onlyDots,
+    preserveContent: preserveContent,
+    onClick: clickHandler,
+    "aria-label": ariaLabel,
+    tabIndex: disabled ? -1 : 0,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagination.StyledPaginationItemContent, {
+      className: `${preClass}-content`,
+      children: children
+    })
+  });
+};
+
+PaginationItem.toString = () => '.nextui-pagination-item';
+
+var _default = (0, _withDefaults.default)(PaginationItem, defaultProps);
+
+exports.default = _default;
+module.exports = exports.default;