fix: make NumberField more flexible (#613)

[hsellik]

🔗 Linked issue

#613

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Change the NumberField, so it could be used in different configurations without extra effort from the developer. Resolves #613

📸 Screenshots (if appropriate)

Before:

After:

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[sadeghbarati]

@hsellik Thanks Man 🙌

Can you run pnpm build:registry in apps/www

[hsellik]

Oh, missed that one, pushed it now. The pnpm build:registry wants to remove empty lines at the end of the files for some reason, don't know if it's just my setup.

[sadeghbarati]

Will checkout to your branch tomorrow to push some changes if you don't mind 🙌

Cause using p-2.5 is not good imo

[sadeghbarati]

You were using the ring and focus stuff on div element in NumberFieldContent.vue which is not the best practice

The idea of data-slot is from tailwindui Catalyst template