Clamp NumberInput numeric values

packages/ui/src/NumberInput.test.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import { render } from '@termuijs/testing';
 import { createElement, useRef } from '@termuijs/jsx';
 import { NumberInput } from './NumberInput.js';
@@ -67,4 +67,19 @@ describe('NumberInput', () => {
 
         screen.unmount();
     });
+
+    it('clamps typed values exposed through numericValue and submit', () => {
+        const onChange = vi.fn();
+        const onSubmit = vi.fn();
+        const input = new NumberInput({}, { min: 0, max: 10, onChange, onSubmit });
+
+        input.insertChar('9');
+        input.insertChar('9');
+        input.submit();
+
+        expect(input.rawValue).toBe('99');
+        expect(input.numericValue).toBe(10);
+        expect(onChange).toHaveBeenLastCalledWith(10);
+        expect(onSubmit).toHaveBeenCalledWith(10);
+    });
 });

packages/ui/src/NumberInput.ts

@@ -51,7 +51,7 @@ export class NumberInput extends Widget {
     get numericValue(): number | null {
         if (this._raw === '' || this._raw === '-') return null;
         const n = parseFloat(this._raw);
-        return isNaN(n) ? null : n;
+        return isNaN(n) ? null : this._clamp(n);
     }
 
     /** Raw text string (what the user typed). */