Enhance UI with NumberField component and improve dice roller inputs

[Barata-Ribeiro]

This pull request introduces a new, accessible, and stylable NumberField component and refactors both the generic and VTM dice roller utilities to use it instead of standard number inputs. This results in improved UI consistency, better accessibility, and enhanced user interaction (including increment/decrement buttons and scrub support) for numeric fields. It also cleans up imports and updates component registry configuration.

Component Additions and Refactors:

• Added a new reusable NumberField component with increment/decrement buttons, scrub area, and improved accessibility and styling. (app/components/reui/number-field.tsx)
• Refactored the generic dice roller (generic-dice-roller.tsx) to use NumberField for the modifier input, replacing the previous InputGroup and standard number input. (app/components/pages/utilities/dice-roller/generic-dice-roller.tsx) [1] [2] [3]
• Refactored the VTM dice roller (vtm-dice-roller.tsx) to use NumberField for regular dice, hunger dice, and difficulty fields, replacing standard number inputs. (app/components/pages/utilities/dice-roller/vtm-dice-roller.tsx) [1] [2] [3] [4]

Configuration and Cleanup:

• Updated components.json to register the new @reui component registry and moved menu color/accent settings for clarity. (components.json)
• Cleaned up and reorganized imports in affected files to remove unused components and group related imports. (app/components/pages/utilities/dice-roller/vtm-dice-roller.tsx)

These changes modernize numeric input handling across the dice roller utilities, improving both developer and user experience.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
utilities-webapp	Ready	Preview	Aug 8, 2026 10:35am