@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/esm/modal/modal.styles.js

@@ -1,243 +1 @@
-"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;
+import{styled as o,sharedFocus as a,keyframes as e}from"../theme/stitches.config";const t=e({"0%":{transform:"scale(0.95)"},"40%":{transform:"scale(1.02)"},"80%":{transform:"scale(0.98)"},"100%":{transform:"scale(1)"}}),i=e({"0%":{opacity:0,transform:"scale(0.95)"},"60%":{opacity:.75,transform:"scale(1.02)"},"100%":{opacity:1,transform:"scale(1)"}}),n=e({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.95)"}});export const StyledModalHideTab=o("div",{outline:"none",overflow:"hidden",width:0,height:0,opacity:0});export const StyledModalCloseButton=o("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:.8}},variants:{disabled:{true:{cursor:"not-allowed"}}}},a);export const StyledModalHeader=o("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}}}}});export const StyledModalBody=o("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}}}}});export const StyledModalFooter=o("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"}}}}});export const StyledModal=o("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:i,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"},"&.nextui-modal-wrapper-leave":{animationName:n,animationDuration:"50ms",animationTimingFunction:"ease-out"},variants:{fullScreen:{true:{size:"100%",maxHeight:"100%"},false:{"&.nextui-modal-rebound":{animationDuration:"250ms",animationName:t,animationTimingFunction:"ease",animationFillMode:"forwards"}}},scroll:{true:{maxHeight:"calc(100vh - 200px)"}},closeButton:{true:{paddingTop:"$lg",[`& ${StyledModalCloseButton}`]:{svg:{size:"$10"}}}},isDark:{true:{bg:"$accents1"}}},compoundVariants:[{scroll:!0,fullScreen:!0,css:{maxHeight:"100%"}}]});

package/esm/modal/use-modal.js

@@ -1,25 +1 @@
-"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;
+import e from"../use-current-state";export default(t=!1)=>{const[r,n,s]=e(t);return{visible:r,setVisible:n,currentRef:s,bindings:{open:r,onClose:()=>n(!1)}}};

package/esm/pagination/index.js

@@ -1,19 +1 @@
-"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;
+import t from"./pagination";export{StyledPaginationEllipsis,StyledPaginationIcon,StyledPaginationItemContent,StyledPaginationItem,StyledPaginationHighlight,StyledPagination}from"./pagination.styles";export default t;

package/esm/pagination/pagination-ellipsis.js

@@ -1,86 +1 @@
-"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;
+import e,{useState as r}from"react";import o from"./pagination-item";import{StyledPaginationEllipsis as i}from"./pagination.styles";import{jsx as n}from"react/jsx-runtime";import{jsxs as t}from"react/jsx-runtime";export default({value:e,isBefore:s,onlyDots:l,animated:c,bordered:a,onClick:d})=>{const[p,m]=r(!1);return n(o,{value:e,onlyDots:l,animated:c,bordered:a,onClick:e=>d&&d(e),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:t(i,p?{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:!0,isBefore:s,children:[n("path",{d:"M13 17l5-5-5-5"}),n("path",{d:"M6 17l5-5-5-5"})]}:{viewBox:"0 0 24 24",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",shapeRendering:"geometricPrecision",isEllipsis:!1,isBefore:s,children:[n("circle",{cx:"12",cy:"12",r:"1",fill:"currentColor"}),n("circle",{cx:"19",cy:"12",r:"1",fill:"currentColor"}),n("circle",{cx:"5",cy:"12",r:"1",fill:"currentColor"})]})})};

package/esm/pagination/pagination-highlight.js

@@ -1,52 +1 @@
-"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;
+import i,{useMemo as t}from"react";import n from"../utils/clsx";import{StyledPaginationHighlight as a}from"./pagination.styles";import{jsx as o}from"react/jsx-runtime";const g=({active:i,shadow:g,noMargin:e,rounded:h,css:r,...s})=>{const p=t((()=>e?`$$paginationSize * ${i}`:`$$paginationSize * ${i} + ${4*i+2}px`),[i,e]);return o(a,{"aria-hidden":!0,shadow:g,rounded:h,className:n("nextui-pagination-highlight",{"nextui-pagination-highlight--rounded":h,"nextui-pagination-highlight--active":i,"nextui-pagination-highlight--no-margin":e,"nextui-pagination-highlight--shadow":g}),noMargin:e,css:{left:`calc(${p})`,...r},...s})};g.toString=()=>".nextui-pagination-highlight";export default g;

package/esm/pagination/pagination-icon.js

@@ -1,59 +1 @@
-"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;
+import o from"react";import e from"./pagination-item";import{StyledPaginationIcon as t}from"./pagination.styles";import{jsx as n}from"react/jsx-runtime";const i=({isPrev:o,disabled:i,onlyDots:r,animated:a,bordered:s,onClick:l,...d})=>n(e,{preserveContent:!0,value:o?"<":">",bordered:s,animated:a,onlyDots:r,disabled:i,onClick:o=>l&&l(o),children:n(t,{role:"presentation",focusable:"false",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"nextui-pagination-icon",isPrev:o,...d,children:n("path",{d:"M15.5 19l-7-7 7-7",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})});i.toString=()=>".nextui-pagination-icon";const r=o.memo(i);export default r;

package/esm/pagination/pagination-item.js

@@ -1,104 +1 @@
-"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;
+import e,{useMemo as t}from"react";import{DOTS as r}from"../use-pagination";import n from"../utils/clsx";import a from"../utils/with-defaults";import{StyledPaginationItem as i,StyledPaginationItemContent as o}from"./pagination.styles";import{jsx as s}from"react/jsx-runtime";const l=e=>{if(e)switch(e){case r: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`${e} item`}},c="nextui-pagination-item",d=({active:e,value:r,children:a,disabled:d,animated:m,bordered:u,onClick:p,onlyDots:b,preserveContent:f,...v})=>{const g=t((()=>e?`${l(r)} active`:l(r)),[r,e]);return s(i,{className:n(c,{[`${c}-active`]:e,[`${c}-animated`]:m,[`${c}-disabled`]:d,[`${c}-bordered`]:u,[`${c}-only-dots`]:b,[`${c}-preserve-content`]:f}),animated:m,active:e,disabled:d,bordered:u,onlyDots:b,preserveContent:f,onClick:e=>{d||p&&p(e)},"aria-label":g,tabIndex:d?-1:0,...v,children:s(o,{className:`${c}-content`,children:a})})};d.toString=()=>".nextui-pagination-item";export default a(d,{preserveContent:!1});