Make AlertDescription default to div element.

[adaboese]

- const AlertDescription = withContext(styled(ark.p), 'description');
+ const AlertDescription = withContext(styled(ark.div), 'description');

Because p is default, it is impossible to have multiple paragraphs in the UI.

I've changed it to div, and then I use it as such:

<Alert.Root>
  <Alert.Icon asChild>
    <InfoIcon />
  </Alert.Icon>
  <Alert.Content>
    <Alert.Title>Time for a Break</Alert.Title>
    <Alert.Description>
      <p>
        The article generation process typically takes 10 to 20 minutes.
        Feel free to exit this page and return later. An email
        notification will be sent to you when your article is ready.
      </p>
      <p>
        We will redirect you to the final article once it's complete.
      </p>
    </Alert.Description>
  </Alert.Content>
</Alert.Root>

[cschroeter]

@adaboese

Thanks for taking your time to start this discussion. This is actually a valid point and we may have to revisit other Ark UI components here as well.

[cschroeter]

@adaboese Ark and Park UI have been udpdated.