feat: refactors carousel

[mickeyhead7]

Description

• Refactors Carousel API
• Updates docs

const MyComponent = () => (
  <Carousel activeItem={1}>
    <CarouselItems width={300}>
      <CarouselItem>
        <Box p="$2" aspectRatio={1.6} backgroundColor="$purple800">
          <Text color="$white">I'm a Carousel item!</Text>
        </Box>
      </CarouselItem>
      <CarouselItem>
        <Box p="$2" aspectRatio={1.6} backgroundColor="$red800">
          <Text color="$white">I'm another Carousel item!</Text>
        </Box>
      </CarouselItem>
    </CarouselItems>
    <CarouselPagination style={{ marginTop: 16 }} />
  </Carousel>
);

[changeset-bot]

🦋 Changeset detected

Latest commit: 7225a28

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@utilitywarehouse/native-ui	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
web-ui-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 10, 2024 10:38am

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
native-ui	⬜️ Ignored (Inspect)			Dec 10, 2024 10:38am
web-ui	⬜️ Ignored (Inspect)	Visit Preview		Dec 10, 2024 10:38am

[github-actions]

🖥️ Native UI - Storybook Preview

Visit the Storybook preview URL to see the changes in action.

• Preview: https://native-b5azg1dqj-cx-content-capability.vercel.app

📱 Appetize Previews

You can view the apps using the link above and choosing the device from the top action bar. Alternatively, you can use the direct links below.

• Android
• iOS

---

Last updated from commit 1104522

[jordmccord]

LGTM

[jordmccord]

The show overflow doesn't seem to work in android... it did before...