Map GoodWalletV2 UI components to GoodWidget Tamagui primitives

[Copilot]

Iterative first wave of GoodWalletV2 design elements applied to GoodWidget's component library — new components added to packages/ui/src/components/, existing ones promoted with new variants. Old components-test/ scaffolds for promoted components have been removed.

Theme system

• colorSoft / colorDim semantic keys added to light/dark base themes and THEME_KEY_NAMES — distinct light/dark values, not duplicated
• light_Toast / dark_Toast, light_Dialog / dark_Dialog component sub-themes in both presets.ts and theme.ts
• defaultTokenValues extended with full radius (9999) and icon{2xs,Xs,Sm,Md,Lg,Xl,2xl} size tokens — was preset-only before

New components

Icon

Named 'Icon', inline SVG registry (20+ paths on a 24×24 viewbox), size maps to icon* token scale, color roles resolve through useTheme() via resolveIconStrokeColor(). spin injects a CSS keyframe once via a module-level flag.

<Icon name="check" size="sm" color="success" />
<Icon name="loader" size="md" color="primary" spin />
<Icon name="x" size="xs" color="muted" round />

Dialog

Tamagui Dialog base. DialogOverlay / DialogFrame named for component sub-themes. Imperative store:

createDialog({ title: 'Confirm', onAccept: async () => { /* ... */ }, showClose: true })
updateDialogStatus('pending' | 'success' | 'error')
closeDialog()
useDialog() // reactive hook

onAccept returning a Promise auto-drives pending → success | error status. Uses Promise.resolve() identity check for cross-realm safety.

Toast + ToastContainer

Named ToastFrame + queue-based store with monotonic counter IDs. status variant drives border accent + status icon. Auto-close progress bar via a module-level CSS keyframe.

const id = createToast({ message: 'Saving…', status: 'pending' })
updateToast(id, { status: 'success', message: 'Saved' })
// Mount once at widget boundary:
<ToastContainer />

Promoted components (moved from components-test/ to components/)

The old components-test/ files for these components have been deleted. The components/ versions are now the single source of truth.

Component	Changes
Button	Default borderRadius → $full; new variants: pill, text, list, iconSize; explicit radius documented per variant
Text	truncate (single-line ellipsis), noWrap, semantic color variant (default / secondary / soft / dim)
Separator	Tamagui native Separator base; size (sm/md/lg) and color (default/muted/primary) variants
Toast	Replaced by the new components/Toast.tsx with ToastContainer and queue store

[L03TJ3]

@copilot can you go over your changes and make sure we don't have any 'backward compatbility' support.
there is nothing backwards to support and it should work as-is.

[Copilot]

@copilot can you go over your changes and make sure we don't have any 'backward compatbility' support.
there is nothing backwards to support and it should work as-is.

Done in 22b00e1. Deleted the four old components-test/ files (Button.tsx, Text.ts, Separator.ts, Toast.tsx) that were superseded by their components/ counterparts, and removed the migration-flavor comments from index.ts. The new component versions in components/ are now the single source of truth.