Using consola.box with colors in the body adds extra padding

[TheDutchCoder]

Environment

Node: v20.13.0
OS: MacOS Sequoia 15
consola: 3.2.3

Reproduction

consola.box({
  title: ' RVezy Nuxt tools' ,
  message: ` Tools and commands for a better Developer Experience `,
  style: {
    padding: 1,
    borderColor: "cyan",
  },
});

// Outputs
// ╭─────────────────── RVezy Nuxt tools ─────────────────────╮
// │                                                          │
// │   Tools and commands for a better Developer Experience   │
// │                                                          │
// ╰──────────────────────────────────────────────────────────╯

However

consola.box({
  title: ` ${colors.blue('RVezy')} ${colors.cyan('Nuxt')} ${colors.blue('tools')} `,
  message: ` ${colors.blue('Tools')} and ${colors.blue('commands')} for a better Developer Experience`,
  style: {
    padding: 1,
    borderColor: "cyan",
  },
});

// Outputs
// ╭──────────────────────────── RVezy Nuxt tools ───────────────────────────────╮
// │                                                                             │
// │   Tools and commands for a better Developer Experience                      │
// │                                                                             │
// ╰─────────────────────────────────────────────────────────────────────────────╯

Describe the bug

When using colors in the body part of a box, it adds a lot of padding at the end.

Additional context

No response

Logs

No response

[yongqi14]

I think this should not be described as a bug.
When using 'colors.blue', special characters are added to the front and back of the string to indicate the color.
Therefore, in the code, the length of the lower string is longer than the upper one.

import { consola } from "consola";
import { colors } from "consola/utils";

consola.box(`Tools`);
consola.box(`${colors.blue('Tools')}`);

[pi0]

(the bug is, we should avoid counting escape sequence chars for box line-length)