Experimenting with Preact + PandaCSS + Park-UI

[mstephenson6]

I've got a hello world page going with Preact + PandaCSS + Park-UI very basic components: Card.*, Heading, HStack, Text, VStack. It took some hacks to get off the ground, I'm leaving a list here for anyone else attempting a Preact build.

PandaCSS + Park-UI work really well with Preact's dead simple SSR so far. I'm feeling motivated to turn the hacks into real solutions and make a real Preact starter down the road.

• in lib/create-style-context.tsx you need type ElementType = JSX.ElementType instead of getting ElementType from 'react'
• in lib/create-style-context.tsx TypeScript needs some help with the createElement overloads called in withContext. Try if (typeof Component === 'string') { return... } else { same return }
• in node_modules/preact-iso/src/router.d.ts the preact-iso router redefines JSX intrinsics in the preact module, including a default?: boolean property that seems to break lots of park-ui component JSX. Comment out the declarations at the end of this file.
• in node_modules/preact/src/jsx.d.ts preact defines HTMLAttributes.size too strictly for the size parameter to pass type checking on Heading, likely other components too. Loosen that somehow, I just added string and SignalLike<string | undefined> to the size union type.