message: feat: split and export skeleton baseStyle
diff: import { keyframes } from "@chakra-ui/system"
  import { getColor, mode, styleConfig } from "@chakra-ui/theme-tools"
  -const skeleton = styleConfig({
  - baseStyle: function (props) {
  +export function fade(startColor: string, endColor: string) {
  + return keyframes({
  + from: { borderColor: startColor, background: startColor },
  + to: { borderColor: endColor, background: endColor },
  + })
  +}
  +
  +// @ts-ignore
  +const baseStyle = function (props) {
  const defaultStartColor = mode("gray.100", "gray.800")(props)
  const defaultEndColor = mode("gray.400", "gray.600")(props)
  @@ -23,14 +30,14 @@ const skeleton = styleConfig({
  background: end,
  animation: `${speed}s linear infinite alternate ${fade(start, end)}`,
  }
  - },
  -})
  -
  -export default skeleton
  +}
  -export function fade(startColor: string, endColor: string) {
  - return keyframes({
  - from: { borderColor: startColor, background: startColor },
  - to: { borderColor: endColor, background: endColor },
  +const skeleton = styleConfig({
  + baseStyle,
  })
  +
  +export const skeletonStyles = {
  + baseStyle,
  }
  +
  +export default skeleton
  