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

package/esm/pagination/pagination.js

@@ -1,169 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _usePagination = _interopRequireWildcard(require("../use-pagination"));
-
-var _paginationItem = _interopRequireDefault(require("./pagination-item"));
-
-var _paginationEllipsis = _interopRequireDefault(require("./pagination-ellipsis"));
-
-var _paginationIcon = _interopRequireDefault(require("./pagination-icon"));
-
-var _paginationHighlight = _interopRequireDefault(require("./pagination-highlight"));
-
-var _pagination = require("./pagination.styles");
-
-var _assertion = require("../utils/assertion");
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-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 = {
-  shadow: false,
-  controls: true,
-  bordered: false,
-  initialPage: 1,
-  siblings: 1,
-  boundaries: 1,
-  dotsJump: 5,
-  total: 1,
-  loop: false,
-  animated: true,
-  onlyDots: false,
-  noMargin: false,
-  rounded: false
-};
-const preClass = 'nextui-pagination';
-
-const Pagination = ({
-  page,
-  initialPage,
-  onlyDots,
-  total,
-  loop,
-  siblings,
-  boundaries,
-  shadow,
-  animated,
-  bordered,
-  dotsJump,
-  controls,
-  noMargin,
-  onChange,
-  rounded,
-  ...props
-}) => {
-  const {
-    range,
-    active,
-    setPage,
-    previous,
-    next,
-    first,
-    last
-  } = (0, _usePagination.default)({
-    page,
-    initialPage,
-    siblings: onlyDots ? 10 : siblings,
-    boundaries: onlyDots ? 10 : boundaries,
-    total,
-    onChange
-  });
-  const renderItem = (0, _react.useCallback)((value, index) => {
-    if (value === _usePagination.DOTS) {
-      const isBefore = index < range.indexOf(active);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationEllipsis.default, {
-        value: value,
-        bordered: bordered,
-        animated: animated,
-        isBefore: isBefore,
-        onlyDots: onlyDots,
-        onClick: () => isBefore ? setPage(active - dotsJump >= 1 ? active - dotsJump : 1) : setPage(active + dotsJump <= total ? active + dotsJump : total)
-      }, `${preClass}-item-${value}-${index}`);
-    }
-
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationItem.default, {
-      value: value,
-      animated: animated,
-      bordered: bordered,
-      active: value === active,
-      onClick: () => setPage(value),
-      onlyDots: onlyDots,
-      children: value
-    }, `${preClass}-item-${value}-${index}`);
-  }, [total, onlyDots, active, bordered, animated]);
-
-  const handleNext = () => {
-    if (loop && active === total) {
-      return first();
-    }
-
-    return next();
-  };
-
-  const handlePrevious = () => {
-    if (loop && active === 1) {
-      return last();
-    }
-
-    return previous();
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_pagination.StyledPagination, {
-    noMargin: noMargin,
-    bordered: bordered,
-    rounded: rounded,
-    onlyDots: onlyDots,
-    className: (0, _clsx.default)(preClass, {
-      [`${preClass}--no-margin`]: noMargin,
-      [`${preClass}--bordered`]: bordered,
-      [`${preClass}--shadow`]: shadow,
-      [`${preClass}--rounded`]: rounded
-    }),
-    ...props,
-    children: [controls && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationIcon.default, {
-      isPrev: true,
-      bordered: bordered,
-      animated: animated,
-      onlyDots: onlyDots,
-      onClick: handlePrevious,
-      disabled: !loop && active === 1
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationHighlight.default, {
-      noMargin: noMargin,
-      animated: animated,
-      shadow: shadow,
-      rounded: rounded,
-      active: controls ? range.indexOf(active) + 1 : range.indexOf(active)
-    }), range.map(renderItem), controls && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationIcon.default, {
-      bordered: bordered,
-      animated: animated,
-      onlyDots: onlyDots,
-      onClick: handleNext,
-      disabled: !loop && active === total
-    })]
-  });
-};
-
-Pagination.defaultProps = defaultProps;
-
-if (_assertion.__DEV__) {
-  Pagination.displayName = 'NextUI - Pagination';
-}
-
-Pagination.toString = () => '.nextui-pagination';
-
-var _default = /*#__PURE__*/_react.default.memo(Pagination);
-
-exports.default = _default;
-module.exports = exports.default;
+import o,{useCallback as i}from"react";import n,{DOTS as e}from"../use-pagination";import t from"./pagination-item";import a from"./pagination-ellipsis";import r from"./pagination-icon";import s from"./pagination-highlight";import{StyledPagination as d}from"./pagination.styles";import{__DEV__ as l}from"../utils/assertion";import m from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const u="nextui-pagination",c=({page:o,initialPage:l,onlyDots:c,total:f,loop:b,siblings:x,boundaries:h,shadow:$,animated:y,bordered:v,dotsJump:D,controls:P,noMargin:C,onChange:j,rounded:k,...w})=>{const{range:M,active:N,setPage:O,previous:J,next:B,first:I,last:S}=n({page:o,initialPage:l,siblings:c?10:x,boundaries:c?10:h,total:f,onChange:j}),U=i(((o,i)=>{if(o===e){const n=i<M.indexOf(N);return p(a,{value:o,bordered:v,animated:y,isBefore:n,onlyDots:c,onClick:()=>O(n?N-D>=1?N-D:1:N+D<=f?N+D:f)},`${u}-item-${o}-${i}`)}return p(t,{value:o,animated:y,bordered:v,active:o===N,onClick:()=>O(o),onlyDots:c,children:o},`${u}-item-${o}-${i}`)}),[f,c,N,v,y]);return g(d,{noMargin:C,bordered:v,rounded:k,onlyDots:c,className:m(u,{[`${u}--no-margin`]:C,[`${u}--bordered`]:v,[`${u}--shadow`]:$,[`${u}--rounded`]:k}),...w,children:[P&&p(r,{isPrev:!0,bordered:v,animated:y,onlyDots:c,onClick:()=>b&&1===N?S():J(),disabled:!b&&1===N}),p(s,{noMargin:C,animated:y,shadow:$,rounded:k,active:P?M.indexOf(N)+1:M.indexOf(N)}),M.map(U),P&&p(r,{bordered:v,animated:y,onlyDots:c,onClick:()=>b&&N===f?I():B(),disabled:!b&&N===f})]})};c.defaultProps={shadow:!1,controls:!0,bordered:!1,initialPage:1,siblings:1,boundaries:1,dotsJump:5,total:1,loop:!1,animated:!0,onlyDots:!1,noMargin:!1,rounded:!1},l&&(c.displayName="NextUI - Pagination"),c.toString=()=>".nextui-pagination";export default o.memo(c);

package/esm/pagination/pagination.styles.js

@@ -1,361 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.StyledPaginationItemContent = exports.StyledPaginationItem = exports.StyledPaginationIcon = exports.StyledPaginationHighlight = exports.StyledPaginationEllipsis = exports.StyledPagination = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-var _color = require("./../utils/color");
-
-var _theme$colors, _theme$colors$accents;
-
-const paginationAnimation = (0, _stitches.keyframes)({
-  '0%': {
-    transform: 'scale(1)'
-  },
-  '60%': {
-    transform: 'scale($$paginationScaleTransform)'
-  },
-  '100%': {
-    transform: 'scale(1)'
-  }
-});
-const StyledPaginationEllipsis = (0, _stitches.styled)('svg', {
-  color: 'currentColor',
-  stroke: 'currentColor',
-  variants: {
-    isEllipsis: {
-      true: {
-        transform: '0deg'
-      }
-    },
-    isBefore: {
-      true: {}
-    }
-  },
-  compoundVariants: [{
-    // isEllipsis && isBefore
-    isEllipsis: true,
-    isBefore: true,
-    css: {
-      transform: 'rotate(180deg)'
-    }
-  }]
-});
-exports.StyledPaginationEllipsis = StyledPaginationEllipsis;
-const StyledPaginationIcon = (0, _stitches.styled)('svg', {
-  transform: 'rotate(180deg)',
-  variants: {
-    isPrev: {
-      true: {
-        transform: 'rotate(0deg)'
-      }
-    }
-  }
-});
-exports.StyledPaginationIcon = StyledPaginationIcon;
-const StyledPaginationItemContent = (0, _stitches.styled)('span', {
-  position: 'relative',
-  display: 'inline-flex',
-  alignItems: 'center',
-  top: 0,
-  left: 0,
-  zIndex: '$2'
-});
-exports.StyledPaginationItemContent = StyledPaginationItemContent;
-const StyledPaginationItem = (0, _stitches.styled)('button', {
-  border: 'none',
-  position: 'relative',
-  display: 'inline-flex',
-  margin: '0 $$paginationItemMargin',
-  ai: 'center',
-  jc: 'center',
-  padding: 0,
-  boxSizing: 'border-box',
-  tt: 'capitalize',
-  us: 'none',
-  whiteSpace: 'nowrap',
-  ta: 'center',
-  verticalAlign: 'middle',
-  bs: 'none',
-  outline: 'none',
-  height: '$$paginationSize',
-  minWidth: '$$paginationSize',
-  fs: 'inherit',
-  cursor: 'pointer',
-  br: '$$paginationItemRadius',
-  color: '$text',
-  bg: '$accents1',
-  '@motion': {
-    transition: 'none'
-  },
-  '&:hover': {
-    bg: (0, _color.addColorAlpha)((_theme$colors = _stitches.theme.colors) == null ? void 0 : (_theme$colors$accents = _theme$colors.accents3) == null ? void 0 : _theme$colors$accents.value, 0.3)
-  },
-  [`& ${StyledPaginationIcon}`]: {
-    size: '$$paginationFontSize'
-  },
-  [`& ${StyledPaginationEllipsis}`]: {
-    size: '$$paginationFontSize'
-  },
-  variants: {
-    active: {
-      true: {
-        fontWeight: '$bold',
-        cursor: 'default',
-        boxShadow: '$sm',
-        [`& ${StyledPaginationItemContent}`]: {
-          color: '$white'
-        }
-      }
-    },
-    disabled: {
-      true: {
-        color: '$accents4',
-        cursor: 'not-allowed'
-      }
-    },
-    bordered: {
-      true: {
-        bg: 'transparent',
-        border: '$$paginationItemBorderWeight solid $accents2'
-      }
-    },
-    onlyDots: {
-      true: {}
-    },
-    preserveContent: {
-      true: {}
-    },
-    animated: {
-      true: {
-        transition: 'transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s'
-      },
-      false: {
-        transition: 'none'
-      }
-    }
-  },
-  compoundVariants: [// onlyDots && !preserveContent
-  {
-    onlyDots: true,
-    preserveContent: false,
-    css: {
-      [`& ${StyledPaginationItemContent}`]: {
-        display: 'none'
-      }
-    }
-  }, // animated && !disabled && !active
-  {
-    animated: true,
-    disabled: false,
-    active: false,
-    css: {
-      '&:active': {
-        transform: 'scale($$paginationScaleTransform)',
-        fs: 'calc($$paginationFontSize * 0.9)'
-      }
-    }
-  }]
-}, _stitches.sharedFocus);
-exports.StyledPaginationItem = StyledPaginationItem;
-const StyledPaginationHighlight = (0, _stitches.styled)('div', {
-  position: 'absolute',
-  contain: 'strict',
-  top: '0px',
-  zIndex: '$1',
-  bg: '$$paginationColor',
-  br: '$$paginationItemRadius',
-  height: '$$paginationSize',
-  minWidth: '$$paginationSize',
-  animationName: `${paginationAnimation}`,
-  animationDirection: 'normal',
-  '@motion': {
-    transition: 'none'
-  },
-  variants: {
-    animated: {
-      true: {
-        animationDuration: '350ms',
-        animationTimingFunction: 'ease',
-        transition: 'left 350ms ease'
-      },
-      false: {
-        animationDuration: 'none',
-        animationTimingFunction: 'none',
-        transition: 'none'
-      }
-    },
-    noMargin: {
-      true: {
-        br: '$squared'
-      }
-    },
-    rounded: {
-      true: {}
-    },
-    shadow: {
-      true: {
-        normalShadowVar: '$$paginationShadowColor'
-      }
-    }
-  },
-  compoundVariants: [{
-    // rounded && noMargin
-    rounded: true,
-    noMargin: true,
-    css: {
-      br: '$pill'
-    }
-  }]
-});
-exports.StyledPaginationHighlight = StyledPaginationHighlight;
-const StyledPagination = (0, _stitches.styled)('nav', {
-  m: 0,
-  p: 0,
-  d: 'inline-flex',
-  position: 'relative',
-  fontVariant: 'tabular-nums',
-  fontFeatureSettings: 'tnum',
-  variants: {
-    color: {
-      default: {
-        $$paginationColor: '$colors$primary',
-        $$paginationShadowColor: '$colors$primaryLight'
-      },
-      primary: {
-        $$paginationColor: '$colors$primary',
-        $$paginationShadowColor: '$colors$primaryLight'
-      },
-      secondary: {
-        $$paginationColor: '$colors$secondary',
-        $$paginationShadowColor: '$colors$secondaryLight'
-      },
-      success: {
-        $$paginationColor: '$colors$success',
-        $$paginationShadowColor: '$colors$successLight'
-      },
-      warning: {
-        $$paginationColor: '$colors$warning',
-        $$paginationShadowColor: '$colors$warningLight'
-      },
-      error: {
-        $$paginationColor: '$colors$error',
-        $$paginationShadowColor: '$colors$errorLight'
-      },
-      gradient: {
-        $$paginationColor: '$colors$gradient',
-        $$paginationShadowColor: '$colors$gradientLight'
-      }
-    },
-    size: {
-      xs: {
-        $$paginationWidth: '$space$9',
-        $$paginationFontSize: '$space$5',
-        fs: ' $$paginationFontSize'
-      },
-      sm: {
-        $$paginationWidth: '$space$11',
-        $$paginationFontSize: '$space$6',
-        fs: '$$paginationFontSize'
-      },
-      md: {
-        $$paginationWidth: '$space$12',
-        $$paginationFontSize: '$space$7',
-        fs: '$$paginationFontSize'
-      },
-      lg: {
-        $$paginationWidth: '$space$14',
-        $$paginationFontSize: '$space$8',
-        fs: '$$paginationFontSize'
-      },
-      xl: {
-        $$paginationWidth: '$space$15',
-        $$paginationFontSize: '$space$9',
-        fs: '$$paginationFontSize'
-      }
-    },
-    borderWeight: {
-      light: {
-        $$paginationItemBorderWeight: '$borderWeights$light'
-      },
-      normal: {
-        $$paginationItemBorderWeight: '$borderWeights$normal'
-      },
-      bold: {
-        $$paginationItemBorderWeight: '$borderWeights$bold'
-      },
-      extrabold: {
-        $$paginationItemBorderWeight: '$borderWeights$extrabold'
-      },
-      black: {
-        $$paginationItemBorderWeight: '$borderWeights$black'
-      }
-    },
-    bordered: {
-      true: {}
-    },
-    onlyDots: {
-      true: {
-        $$paginationSize: 'calc($$paginationWidth / 2)',
-        $$paginationItemRadius: '$radii$pill',
-        $$paginationScaleTransform: 0.8
-      },
-      false: {
-        $$paginationSize: '$$paginationWidth',
-        $$paginationScaleTransform: 0.9
-      }
-    },
-    rounded: {
-      true: {
-        $$paginationItemRadius: '$radii$pill'
-      },
-      false: {
-        $$paginationItemRadius: '$radii$squared'
-      }
-    },
-    noMargin: {
-      true: {
-        $$paginationItemRadius: '0px',
-        $$paginationItemMargin: '0',
-        [`& ${StyledPaginationItem}:first-of-type`]: {
-          btlr: '$squared',
-          bblr: '$squared'
-        },
-        [`& ${StyledPaginationItem}:last-of-type`]: {
-          btrr: '$squared',
-          bbrr: '$squared'
-        }
-      },
-      false: {
-        $$paginationItemMargin: '$space$1'
-      }
-    }
-  },
-  compoundVariants: [{
-    // bordered && noMargin
-    bordered: true,
-    noMargin: true,
-    css: {
-      [`& ${StyledPaginationItem}:not(:last-child)`]: {
-        borderRight: 0
-      }
-    }
-  }, {
-    // noMargin && rounded
-    noMargin: true,
-    rounded: true,
-    css: {
-      $$paginationItemRadius: '0px'
-    }
-  }],
-  defaultVariants: {
-    color: 'default',
-    size: 'md',
-    borderWeight: 'normal',
-    onlyDots: false,
-    noMargin: false,
-    rounded: false
-  }
-});
-exports.StyledPagination = StyledPagination;
+import{styled as n,sharedFocus as a,keyframes as i}from"../theme/stitches.config";const o=i({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},a);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","@motion":{transition:"none"},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none"}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$9",$$paginationFontSize:"$space$5",fs:" $$paginationFontSize"},sm:{$$paginationWidth:"$space$11",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:.8},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:.9}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});

package/esm/progress/index.js

@@ -1,15 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = exports.StyledProgressBar = exports.StyledProgress = void 0;
-
-var _progress = _interopRequireDefault(require("./progress"));
-
-var _progress2 = require("./progress.styles");
-
-exports.StyledProgress = _progress2.StyledProgress;
-exports.StyledProgressBar = _progress2.StyledProgressBar;
-var _default = _progress.default;
-exports.default = _default;
+import r from"./progress";export{StyledProgress,StyledProgressBar}from"./progress.styles";export default r;

package/esm/progress/progress.js

@@ -1,101 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _cssTransition = _interopRequireDefault(require("../utils/css-transition"));
-
-var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
-
-var _numbers = require("../utils/numbers");
-
-var _progress = require("./progress.styles");
-
-var _clsx = _interopRequireDefault(require("../utils/clsx"));
-
-var _assertion = require("../utils/assertion");
-
-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 = {
-  striped: false,
-  animated: true,
-  shadow: false,
-  indeterminated: false,
-  value: 0,
-  min: 0,
-  max: 100
-};
-const preClass = 'nextui-progress';
-
-const Progress = ({
-  value: valueProp,
-  max,
-  min,
-  striped,
-  animated,
-  shadow,
-  indeterminated,
-  css,
-  ...props
-}) => {
-  const value = (0, _react.useMemo)(() => valueProp > max ? max : valueProp < min ? min : valueProp, [valueProp, min, max]);
-  const percent = (0, _react.useMemo)(() => (0, _numbers.valueToPercent)(value, min, max), [value, min, max]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_progress.StyledProgress, {
-    role: "progressbar",
-    indeterminated: indeterminated,
-    css: {
-      'nextui-progress-wrapper-enter': {
-        opacity: 0
-      },
-      '.nextui-progress-wrapper-enter-active': {
-        opacity: 1,
-        width: `${percent}%`
-      },
-      ...css
-    },
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssTransition.default, {
-      visible: true,
-      name: `${preClass}-wrapper`,
-      enterTime: 10,
-      leaveTime: 20,
-      clearTime: 300,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_progress.StyledProgressBar, {
-        className: (0, _clsx.default)(`${preClass}-bar`, {
-          [`${preClass}-striped`]: striped,
-          [`${preClass}-indeterminated`]: indeterminated
-        }),
-        "aria-valuenow": value,
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        striped: striped,
-        animated: animated,
-        shadow: shadow,
-        indeterminated: indeterminated,
-        ...props
-      })
-    })
-  });
-};
-
-if (_assertion.__DEV__) {
-  Progress.displayName = 'NextUI - Progress';
-}
-
-Progress.toString = () => '.nextui-progress';
-
-const MemoProgress = /*#__PURE__*/_react.default.memo(Progress);
-
-var _default = (0, _withDefaults.default)(MemoProgress, defaultProps);
-
-exports.default = _default;
-module.exports = exports.default;
+import e,{useMemo as r}from"react";import t from"../utils/css-transition";import i from"../utils/with-defaults";import{valueToPercent as a}from"../utils/numbers";import{StyledProgress as s,StyledProgressBar as m}from"./progress.styles";import o from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{jsx as p}from"react/jsx-runtime";const d="nextui-progress",l=({value:e,max:i,min:n,striped:l,animated:u,shadow:c,indeterminated:x,css:f,...w})=>{const g=r((()=>e>i?i:e<n?n:e),[e,n,i]),v=r((()=>a(g,n,i)),[g,n,i]);return p(s,{role:"progressbar",indeterminated:x,css:{"nextui-progress-wrapper-enter":{opacity:0},".nextui-progress-wrapper-enter-active":{opacity:1,width:`${v}%`},...f},...w,children:p(t,{visible:!0,name:`${d}-wrapper`,enterTime:10,leaveTime:20,clearTime:300,children:p(m,{className:o(`${d}-bar`,{[`${d}-striped`]:l,[`${d}-indeterminated`]:x}),"aria-valuenow":g,"aria-valuemin":n,"aria-valuemax":i,striped:l,animated:u,shadow:c,indeterminated:x,...w})})})};n&&(l.displayName="NextUI - Progress"),l.toString=()=>".nextui-progress";const u=e.memo(l);export default i(u,{striped:!1,animated:!0,shadow:!1,indeterminated:!1,value:0,min:0,max:100});