Custom Radios indicator with one-line labels; keep Pagination within its parent

Radios: each radio stays on one line, with its label clamped to a single
line (full text on hover) like Checkbox. Pass `wrap` to let labels flow
onto multiple lines. The native radio is replaced by a custom indicator
aligned to the label's first line; the input stays (visually hidden) for
forms and keyboard use, so inputProps.className now lands on a hidden
input - style .twui-radio-indicator instead. Adds twui-radios,
twui-radio, twui-radio-label and twui-radio-indicator classes.

Pagination: flex children could not shrink below their content, so many
pages pushed the component past its parent. Add min-w-0 so the page
buttons scroll inside the parent instead. Adds twui-pagination.

Playground: demos for both, and bump bunext to 1.3.5.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

This commit is contained in:

tben

2026-11-08 08:52:11 +01:00

co-authored by

Claude Opus 5.5

parent 66c2f6850e

commit 7d7eae5801

7 changed files with 116 additions and 28 deletions

									
										package.json
									
		+1
		-1
	
												View File
												
				@@ -1,6 +1,6 @@

				{

				    "name": "@moduletrace/twui",

				    "version": "0.1.9",

				    "version": "0.1.10",

				    "description": "A modular skeletal React component framework for Tailwind CSS v4",

				    "author": "Benjamin Toby",

				    "type": "module",