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

package/cjs/button/button.styles.js

@@ -1,695 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.StyledButton = void 0;
-
-var _stitches = require("../theme/stitches.config");
-
-var _drip = require("../utils/drip");
-
-var _color = require("../utils/color");
-
-var _theme$colors, _theme$colors$primary, _theme$colors2, _theme$colors2$primar, _theme$colors3, _theme$colors3$second, _theme$colors4, _theme$colors4$succes, _theme$colors5, _theme$colors5$warnin, _theme$colors6, _theme$colors6$error;
-
-const StyledButton = (0, _stitches.styled)('button', {
-  dflex: 'center',
-  appearance: 'none',
-  boxSizing: ' border-box',
-  fontWeight: '$medium',
-  us: 'none',
-  lineHeight: '$sm',
-  textTransform: 'capitalize',
-  ta: 'center',
-  whiteSpace: 'nowrap',
-  transition: '$default',
-  position: 'relative',
-  overflow: 'hidden',
-  border: 'none',
-  cursor: 'pointer',
-  pe: 'auto',
-  p: 0,
-  '&:hover': {
-    opacity: 0.85
-  },
-  '@motion': {
-    transition: 'none'
-  },
-  '.nextui-button-text': {
-    dflex: 'center',
-    zIndex: '$2',
-    'p, pre, div': {
-      margin: 0
-    }
-  },
-  [`& ${_drip.StyledDrip}`]: {
-    zIndex: '$1',
-    '.nextui-drip-filler': {
-      opacity: 0.25,
-      fill: '$accents2'
-    }
-  },
-  variants: {
-    bordered: {
-      true: {
-        bg: 'transparent',
-        borderStyle: 'solid',
-        color: '$text'
-      }
-    },
-    ghost: {
-      true: {
-        '&:hover': {
-          color: '$white'
-        }
-      }
-    },
-    color: {
-      default: {
-        bg: '$primary',
-        color: '$white'
-      },
-      primary: {
-        bg: '$primary',
-        color: '$white'
-      },
-      secondary: {
-        bg: '$secondary',
-        color: '$white'
-      },
-      success: {
-        bg: '$success',
-        color: '$white'
-      },
-      warning: {
-        bg: '$warning',
-        color: '$white'
-      },
-      error: {
-        bg: '$error',
-        color: '$white'
-      },
-      gradient: {
-        bg: '$gradient',
-        color: '$white'
-      }
-    },
-    size: {
-      xs: {
-        $$buttonPadding: '$space$3',
-        px: '$3',
-        height: '$10',
-        lh: '$space$10',
-        width: 'auto',
-        minWidth: '$20',
-        fontSize: '$tiny',
-        br: '$xs'
-      },
-      sm: {
-        $$buttonPadding: '$space$5',
-        px: '$5',
-        height: '$12',
-        lh: '$space$14',
-        width: 'auto',
-        minWidth: '$36',
-        fontSize: '$xs',
-        br: '$sm'
-      },
-      md: {
-        $$buttonPadding: '$space$7',
-        px: '$7',
-        height: '$14',
-        lh: '$space$14',
-        width: 'auto',
-        minWidth: '$48',
-        fontSize: '$xs',
-        br: '$md'
-      },
-      lg: {
-        $$buttonPadding: '$space$9',
-        px: '$9',
-        height: '$15',
-        lh: '$space$15',
-        width: 'auto',
-        minWidth: '$60',
-        fontSize: '$base',
-        br: '$base'
-      },
-      xl: {
-        $$buttonPadding: '$space$10',
-        px: '$10',
-        height: '$17',
-        lh: '$space$17',
-        width: 'auto',
-        minWidth: '$72',
-        fontSize: '$sm',
-        br: '$xl'
-      }
-    },
-    borderWeight: {
-      light: {
-        bw: '$light'
-      },
-      normal: {
-        bw: '$normal'
-      },
-      bold: {
-        bw: '$bold'
-      },
-      extrabold: {
-        bw: '$extrabold'
-      },
-      black: {
-        bw: '$black'
-      }
-    },
-    rounded: {
-      true: {
-        br: '$pill'
-      }
-    },
-    flat: {
-      true: {
-        color: '$text'
-      }
-    },
-    light: {
-      true: {
-        bg: 'transparent',
-        [`& ${_drip.StyledDrip}`]: {
-          '.nextui-drip-filler': {
-            opacity: 0.8,
-            fill: '$accents2'
-          }
-        }
-      }
-    },
-    shadow: {
-      true: {
-        bs: '$sm'
-      }
-    },
-    disabled: {
-      true: {
-        bg: '$accents2',
-        color: '$accents4',
-        cursor: 'not-allowed',
-        pe: 'auto',
-        '&:hover': {
-          opacity: 1
-        }
-      }
-    },
-    clickable: {
-      false: {
-        cursor: 'default',
-        pe: 'none'
-      }
-    },
-    animated: {
-      true: {
-        '&:active': {
-          transform: 'scale(0.97)'
-        }
-      },
-      false: {
-        transition: 'none'
-      }
-    },
-    auto: {
-      true: {
-        width: 'auto',
-        minWidth: 'min-content'
-      }
-    }
-  },
-  compoundVariants: [// size / auto
-  {
-    auto: true,
-    size: 'xs',
-    css: {
-      px: '$5',
-      minWidth: 'min-content'
-    }
-  }, {
-    auto: true,
-    size: 'sm',
-    css: {
-      px: '$8',
-      minWidth: 'min-content'
-    }
-  }, {
-    auto: true,
-    size: 'md',
-    css: {
-      px: '$9',
-      minWidth: 'min-content'
-    }
-  }, {
-    auto: true,
-    size: 'lg',
-    css: {
-      px: '$10',
-      minWidth: 'min-content'
-    }
-  }, {
-    auto: true,
-    size: 'xl',
-    css: {
-      px: '$11',
-      minWidth: 'min-content'
-    }
-  }, // animated / disabled
-  {
-    animated: true,
-    disabled: true,
-    css: {
-      '&:active': {
-        transform: 'none'
-      }
-    }
-  }, // shadow / color
-  {
-    shadow: true,
-    color: 'default',
-    css: {
-      normalShadow: '$primaryLight'
-    }
-  }, {
-    shadow: true,
-    color: 'primary',
-    css: {
-      normalShadow: '$primaryLight'
-    }
-  }, {
-    shadow: true,
-    color: 'secondary',
-    css: {
-      normalShadow: '$secondaryLight'
-    }
-  }, {
-    shadow: true,
-    color: 'warning',
-    css: {
-      normalShadow: '$warningLight'
-    }
-  }, {
-    shadow: true,
-    color: 'success',
-    css: {
-      normalShadow: '$successLight'
-    }
-  }, {
-    shadow: true,
-    color: 'error',
-    css: {
-      normalShadow: '$errorLight'
-    }
-  }, {
-    shadow: true,
-    color: 'gradient',
-    css: {
-      normalShadow: '$primaryLight'
-    }
-  }, // light / color
-  {
-    light: true,
-    color: 'default',
-    css: {
-      bg: 'transparent',
-      color: '$text'
-    }
-  }, {
-    light: true,
-    color: 'primary',
-    css: {
-      bg: 'transparent',
-      color: '$primary'
-    }
-  }, {
-    light: true,
-    color: 'secondary',
-    css: {
-      bg: 'transparent',
-      color: '$secondary'
-    }
-  }, {
-    light: true,
-    color: 'warning',
-    css: {
-      bg: 'transparent',
-      color: '$warning'
-    }
-  }, {
-    light: true,
-    color: 'success',
-    css: {
-      bg: 'transparent',
-      color: '$success'
-    }
-  }, {
-    light: true,
-    color: 'error',
-    css: {
-      bg: 'transparent',
-      color: '$error'
-    }
-  }, // bordered / color
-  {
-    bordered: true,
-    color: 'default',
-    css: {
-      bg: 'transparent',
-      borderColor: '$primary',
-      color: '$primary',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$primary'
-        }
-      }
-    }
-  }, {
-    bordered: true,
-    color: 'primary',
-    css: {
-      bg: 'transparent',
-      borderColor: '$primary',
-      color: '$primary',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$primary'
-        }
-      }
-    }
-  }, {
-    bordered: true,
-    color: 'secondary',
-    css: {
-      bg: 'transparent',
-      borderColor: '$secondary',
-      color: '$secondary',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$secondary'
-        }
-      }
-    }
-  }, {
-    bordered: true,
-    color: 'success',
-    css: {
-      bg: 'transparent',
-      borderColor: '$success',
-      color: '$success',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$success'
-        }
-      }
-    }
-  }, {
-    bordered: true,
-    color: 'warning',
-    css: {
-      bg: 'transparent',
-      borderColor: '$warning',
-      color: '$warning',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$warning'
-        }
-      }
-    }
-  }, {
-    bordered: true,
-    color: 'error',
-    css: {
-      bg: 'transparent',
-      borderColor: '$error',
-      color: '$error',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$error'
-        }
-      }
-    }
-  }, {
-    bordered: true,
-    color: 'gradient',
-    css: {
-      bg: 'transparent',
-      color: '$text',
-      padding: '$1',
-      bgClip: 'content-box, border-box',
-      borderColor: '$primary',
-      backgroundImage: 'linear-gradient($background, $background), $gradient',
-      border: 'none',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          fill: '$secondary'
-        }
-      }
-    }
-  }, // ghost / color
-  {
-    ghost: true,
-    color: 'default',
-    css: {
-      '&:hover': {
-        bg: '$primary'
-      }
-    }
-  }, {
-    ghost: true,
-    color: 'primary',
-    css: {
-      '&:hover': {
-        bg: '$primary'
-      }
-    }
-  }, {
-    ghost: true,
-    color: 'secondary',
-    css: {
-      '&:hover': {
-        bg: '$secondary'
-      }
-    }
-  }, {
-    ghost: true,
-    color: 'success',
-    css: {
-      '&:hover': {
-        bg: '$success'
-      }
-    }
-  }, {
-    ghost: true,
-    color: 'warning',
-    css: {
-      '&:hover': {
-        bg: '$warning'
-      }
-    }
-  }, {
-    ghost: true,
-    color: 'error',
-    css: {
-      '&:hover': {
-        bg: '$error'
-      }
-    }
-  }, {
-    ghost: true,
-    color: 'gradient',
-    css: {
-      '&:hover': {
-        bg: '$gradient'
-      }
-    }
-  }, // flat / color
-  {
-    flat: true,
-    color: 'default',
-    css: {
-      bg: (0, _color.addColorAlpha)((_theme$colors = _stitches.theme.colors) == null ? void 0 : (_theme$colors$primary = _theme$colors.primary) == null ? void 0 : _theme$colors$primary.value, 0.25),
-      color: '$primary',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          opacity: 0.4,
-          fill: '$primary'
-        }
-      }
-    }
-  }, {
-    flat: true,
-    color: 'primary',
-    css: {
-      bg: (0, _color.addColorAlpha)((_theme$colors2 = _stitches.theme.colors) == null ? void 0 : (_theme$colors2$primar = _theme$colors2.primary) == null ? void 0 : _theme$colors2$primar.value, 0.25),
-      color: '$primary',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          opacity: 0.4,
-          fill: '$primary'
-        }
-      }
-    }
-  }, {
-    flat: true,
-    color: 'secondary',
-    css: {
-      bg: (0, _color.addColorAlpha)((_theme$colors3 = _stitches.theme.colors) == null ? void 0 : (_theme$colors3$second = _theme$colors3.secondary) == null ? void 0 : _theme$colors3$second.value, 0.25),
-      color: '$secondary',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          opacity: 0.4,
-          fill: '$secondary'
-        }
-      }
-    }
-  }, {
-    flat: true,
-    color: 'success',
-    css: {
-      bg: (0, _color.addColorAlpha)((_theme$colors4 = _stitches.theme.colors) == null ? void 0 : (_theme$colors4$succes = _theme$colors4.success) == null ? void 0 : _theme$colors4$succes.value, 0.25),
-      color: '$success',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          opacity: 0.4,
-          fill: '$success'
-        }
-      }
-    }
-  }, {
-    flat: true,
-    color: 'warning',
-    css: {
-      bg: (0, _color.addColorAlpha)((_theme$colors5 = _stitches.theme.colors) == null ? void 0 : (_theme$colors5$warnin = _theme$colors5.warning) == null ? void 0 : _theme$colors5$warnin.value, 0.25),
-      color: '$warning',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          opacity: 0.4,
-          fill: '$warning'
-        }
-      }
-    }
-  }, {
-    flat: true,
-    color: 'error',
-    css: {
-      bg: (0, _color.addColorAlpha)((_theme$colors6 = _stitches.theme.colors) == null ? void 0 : (_theme$colors6$error = _theme$colors6.error) == null ? void 0 : _theme$colors6$error.value, 0.25),
-      color: '$error',
-      [`& ${_drip.StyledDrip}`]: {
-        '.nextui-drip-filler': {
-          opacity: 0.4,
-          fill: '$error'
-        }
-      }
-    }
-  }, // border-weight / gradient-color / bordered
-  {
-    bordered: true,
-    color: 'gradient',
-    borderWeight: 'light',
-    css: {
-      padding: '$borderWeights$light'
-    }
-  }, {
-    bordered: true,
-    color: 'gradient',
-    borderWeight: 'normal',
-    css: {
-      padding: '$borderWeights$normal'
-    }
-  }, {
-    bordered: true,
-    color: 'gradient',
-    borderWeight: 'bold',
-    css: {
-      padding: '$borderWeights$bold'
-    }
-  }, {
-    bordered: true,
-    color: 'gradient',
-    borderWeight: 'extrabold',
-    css: {
-      padding: '$borderWeights$extrabold'
-    }
-  }, {
-    bordered: true,
-    color: 'gradient',
-    borderWeight: 'black',
-    css: {
-      padding: '$borderWeights$black'
-    }
-  }, // size / auto / gradient-color / bordered
-  {
-    auto: true,
-    color: 'gradient',
-    bordered: true,
-    size: 'xs',
-    css: {
-      px: '$1',
-      py: '$1',
-      '.nextui-button-text': {
-        px: '$5'
-      }
-    }
-  }, {
-    auto: true,
-    color: 'gradient',
-    bordered: true,
-    size: 'sm',
-    css: {
-      px: '$1',
-      py: '$1',
-      '.nextui-button-text': {
-        px: '$8'
-      }
-    }
-  }, {
-    auto: true,
-    color: 'gradient',
-    bordered: true,
-    size: 'md',
-    css: {
-      px: '$1',
-      py: '$1',
-      '.nextui-button-text': {
-        px: '$9'
-      }
-    }
-  }, {
-    auto: true,
-    color: 'gradient',
-    bordered: true,
-    size: 'lg',
-    css: {
-      px: '$1',
-      py: '$1',
-      '.nextui-button-text': {
-        px: '$14'
-      }
-    }
-  }, {
-    auto: true,
-    color: 'gradient',
-    bordered: true,
-    size: 'xl',
-    css: {
-      px: '$1',
-      py: '$1',
-      '.nextui-button-text': {
-        px: '$12'
-      }
-    }
-  }],
-  defaultVariants: {
-    color: 'default',
-    borderWeight: 'normal',
-    animated: true,
-    size: 'md'
-  }
-}, _stitches.sharedFocus);
-exports.StyledButton = StyledButton;
-var _default = StyledButton;
-exports.default = _default;
+exports.__esModule=!0,exports.default=exports.StyledButton=void 0;var r=require("../theme/stitches.config"),o=require("../utils/drip");const e=(0,r.styled)("button",{dflex:"center",appearance:"none",boxSizing:" border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$default",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,"&:hover":{opacity:.85},"@motion":{transition:"none"},".nextui-button-text":{dflex:"center",zIndex:"$2","p, pre, div":{margin:0}},[`& ${o.StyledDrip}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{"&:hover":{color:"$white"}}},color:{default:{bg:"$primary",color:"$white"},primary:{bg:"$primary",color:"$white"},secondary:{bg:"$secondary",color:"$white"},success:{bg:"$success",color:"$white"},warning:{bg:"$warning",color:"$white"},error:{bg:"$error",color:"$white"},gradient:{bg:"$gradient",color:"$white"}},size:{xs:{$$buttonPadding:"$space$3",px:"$3",height:"$10",lh:"$space$10",width:"auto",minWidth:"$20",fontSize:"$tiny",br:"$xs"},sm:{$$buttonPadding:"$space$5",px:"$5",height:"$12",lh:"$space$14",width:"auto",minWidth:"$36",fontSize:"$xs",br:"$sm"},md:{$$buttonPadding:"$space$7",px:"$7",height:"$14",lh:"$space$14",width:"auto",minWidth:"$48",fontSize:"$xs",br:"$md"},lg:{$$buttonPadding:"$space$9",px:"$9",height:"$15",lh:"$space$15",width:"auto",minWidth:"$60",fontSize:"$base",br:"$base"},xl:{$$buttonPadding:"$space$10",px:"$10",height:"$17",lh:"$space$17",width:"auto",minWidth:"$72",fontSize:"$sm",br:"$xl"}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}},flat:{true:{color:"$text"}},light:{true:{bg:"transparent",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$accents2"}}}},shadow:{true:{bs:"$sm"}},disabled:{true:{bg:"$accents2",color:"$accents4",cursor:"not-allowed",pe:"auto","&:hover":{opacity:1}}},clickable:{false:{cursor:"default",pe:"none"}},animated:{true:{"&:active":{transform:"scale(0.97)"}},false:{transition:"none"}},auto:{true:{width:"auto",minWidth:"min-content"}},rounded:{true:{br:"$pill"}}},compoundVariants:[{auto:!0,size:"xs",css:{px:"$5",minWidth:"min-content"}},{auto:!0,size:"sm",css:{px:"$8",minWidth:"min-content"}},{auto:!0,size:"md",css:{px:"$9",minWidth:"min-content"}},{auto:!0,size:"lg",css:{px:"$10",minWidth:"min-content"}},{auto:!0,size:"xl",css:{px:"$11",minWidth:"min-content"}},{animated:!0,disabled:!0,css:{"&:active":{transform:"none"}}},{shadow:!0,color:"default",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"primary",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"secondary",css:{normalShadow:"$secondaryShadow"}},{shadow:!0,color:"warning",css:{normalShadow:"$warningShadow"}},{shadow:!0,color:"success",css:{normalShadow:"$successShadow"}},{shadow:!0,color:"error",css:{normalShadow:"$errorShadow"}},{shadow:!0,color:"gradient",css:{normalShadow:"$primaryShadow"}},{light:!0,color:"default",css:{bg:"transparent",color:"$text"}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary"}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary"}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning"}},{light:!0,color:"success",css:{bg:"transparent",color:"$success"}},{light:!0,color:"error",css:{bg:"transparent",color:"$error"}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$error"}}}},{bordered:!0,color:"gradient",css:{bg:"transparent",color:"$text",padding:"$1",bgClip:"content-box, border-box",borderColor:"$primary",backgroundImage:"linear-gradient($background, $background), $gradient",border:"none",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,color:"default",css:{"&:hover":{bg:"$primary"}}},{ghost:!0,color:"primary",css:{"&:hover":{bg:"$primary"}}},{ghost:!0,color:"secondary",css:{"&:hover":{bg:"$secondary"}}},{ghost:!0,color:"success",css:{"&:hover":{bg:"$success"}}},{ghost:!0,color:"warning",css:{"&:hover":{bg:"$warning"}}},{ghost:!0,color:"error",css:{"&:hover":{bg:"$error"}}},{ghost:!0,color:"gradient",css:{"&:hover":{bg:"$gradient"}}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$success",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warning",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$error",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{bordered:!0,color:"gradient",borderWeight:"light",css:{padding:"$borderWeights$light"}},{bordered:!0,color:"gradient",borderWeight:"normal",css:{padding:"$borderWeights$normal"}},{bordered:!0,color:"gradient",borderWeight:"bold",css:{padding:"$borderWeights$bold"}},{bordered:!0,color:"gradient",borderWeight:"extrabold",css:{padding:"$borderWeights$extrabold"}},{bordered:!0,color:"gradient",borderWeight:"black",css:{padding:"$borderWeights$black"}},{auto:!0,color:"gradient",bordered:!0,size:"xs",css:{px:"$1",py:"$1",".nextui-button-text":{px:"$5"}}},{auto:!0,color:"gradient",bordered:!0,size:"sm",css:{px:"$1",py:"$1",".nextui-button-text":{px:"$8"}}},{auto:!0,color:"gradient",bordered:!0,size:"md",css:{px:"$1",py:"$1",".nextui-button-text":{px:"$9"}}},{auto:!0,color:"gradient",bordered:!0,size:"lg",css:{px:"$1",py:"$1",".nextui-button-text":{px:"$14"}}},{auto:!0,color:"gradient",bordered:!0,size:"xl",css:{px:"$1",py:"$1",".nextui-button-text":{px:"$12"}}},{rounded:!0,size:"xs",css:{br:"$pill"}},{rounded:!0,size:"sm",css:{br:"$pill"}},{rounded:!0,size:"md",css:{br:"$pill"}},{rounded:!0,size:"lg",css:{br:"$pill"}},{rounded:!0,size:"xl",css:{br:"$pill"}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,size:"md"}},r.cssFocusVisible);exports.StyledButton=e;var t=e;exports.default=t;