message: fix: code refactor
diff: @@ -14,24 +14,24 @@ const baseStyle = (props: Record<string, any>) => {
  _icon: {
  color: `${c}.600`,
  },
  - },
  -
  _hover: {
  - borderColor: 'muted.500',
  - _checked: {
  borderColor: `${c}.700`,
  _icon: { color: `${c}.700` },
  },
  - },
  -
  _pressed: {
  - borderColor: 'muted.600',
  - _checked: {
  borderColor: `${c}.800`,
  _icon: { color: `${c}.800` },
  },
  },
  + _hover: {
  + borderColor: 'muted.500',
  + },
  +
  + _pressed: {
  + borderColor: 'muted.600',
  + },
  +
  _invalid: {
  borderColor: 'error.600',
  },
  @@ -46,24 +46,24 @@ const baseStyle = (props: Record<string, any>) => {
  _icon: {
  color: `${c}.500`,
  },
  - },
  -
  _hover: {
  - borderColor: 'muted.400',
  - _checked: {
  borderColor: `${c}.400`,
  _icon: { color: `${c}.400` },
  },
  - },
  -
  _pressed: {
  - borderColor: 'muted.300',
  - _checked: {
  borderColor: `${c}.300`,
  _icon: { color: `${c}.300` },
  },
  },
  + _hover: {
  + borderColor: 'muted.400',
  + },
  +
  + _pressed: {
  + borderColor: 'muted.300',
  + },
  +
  _invalid: {
  borderColor: 'error.500',
  },
  @@ -78,30 +78,30 @@ const baseStyle = (props: Record<string, any>) => {
  },
  },
  - _focus: {
  + _disabled: {
  + opacity: 0.4,
  _interactionBox: {
  - bg: `${c}.400`,
  - size: 6,
  + bg: 'transparent',
  + },
  + _icon: {
  + bg: 'transparent',
  + },
  + _stack: {
  + opacity: '0.4',
  },
  },
  - _focusVisible: {
  + _focus: {
  _interactionBox: {
  bg: `${c}.400`,
  size: 6,
  },
  },
  - _disabled: {
  - opacity: 0.4,
  + _focusVisible: {
  _interactionBox: {
  - bg: 'transparent',
  - },
  - _icon: {
  - bg: 'transparent',
  - },
  - _stack: {
  - opacity: '0.4',
  + bg: `${c}.400`,
  + size: 6,
  },
  },
  