diff --git a/next-docs/public/examples/carousel/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/carousel/__tests__/__snapshots__/index.test.tsx.snap
index 5e9b01b5fd..01075e8935 100644
--- a/next-docs/public/examples/carousel/__tests__/__snapshots__/index.test.tsx.snap
+++ b/next-docs/public/examples/carousel/__tests__/__snapshots__/index.test.tsx.snap
@@ -678,2275 +678,6 @@ Object {
}
`;
-exports[`Carousel renders Default 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
- -
- 5
-
- -
- 6
-
- -
- 7
-
- -
- 8
-
- -
- 9
-
- -
- 10
-
- -
- 11
-
- -
- 12
-
- -
- 13
-
- -
- 14
-
- -
- 15
-
- -
- 16
-
- -
- 17
-
- -
- 18
-
- -
- 19
-
- -
- 20
-
- -
- 21
-
- -
- 22
-
- -
- 23
-
- -
- 24
-
-
-
-
-
-
- ,
- "container":
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
- -
- 5
-
- -
- 6
-
- -
- 7
-
- -
- 8
-
- -
- 9
-
- -
- 10
-
- -
- 11
-
- -
- 12
-
- -
- 13
-
- -
- 14
-
- -
- 15
-
- -
- 16
-
- -
- 17
-
- -
- 18
-
- -
- 19
-
- -
- 20
-
- -
- 21
-
- -
- 22
-
- -
- 23
-
- -
- 24
-
-
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Carousel renders Indicators 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
-
-
-
-
-
-
- ,
- "container":
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
-
-
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Carousel renders SelectIndex 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
-
-
-
-
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse overflow-x-hidden"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
-
-
-
-
- ,
- "container":
-
-
-
-
-
-
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse overflow-x-hidden"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Carousel renders Spaces 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse gap-10"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
-
-
-
-
-
- ,
- "container":
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse gap-10"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
-
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Carousel renders VisibleIndex 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
-
-
-
-
-
- ,
- "container":
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
- -
- -1--1
-
-
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Carousel renders Autoslide 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse overflow-x-hidden"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
- -
- 5
-
- -
- 6
-
- -
- 7
-
- -
- 8
-
- -
- 9
-
- -
- 10
-
- -
- 11
-
- -
- 12
-
- -
- 13
-
- -
- 14
-
- -
- 15
-
- -
- 16
-
- -
- 17
-
- -
- 18
-
- -
- 19
-
- -
- 20
-
- -
- 21
-
- -
- 22
-
- -
- 23
-
- -
- 24
-
-
-
-
- ,
- "container":
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse overflow-x-hidden"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
- -
- 5
-
- -
- 6
-
- -
- 7
-
- -
- 8
-
- -
- 9
-
- -
- 10
-
- -
- 11
-
- -
- 12
-
- -
- 13
-
- -
- 14
-
- -
- 15
-
- -
- 16
-
- -
- 17
-
- -
- 18
-
- -
- 19
-
- -
- 20
-
- -
- 21
-
- -
- 22
-
- -
- 23
-
- -
- 24
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Carousel renders CustomizedArrow 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
- -
- 5
-
- -
- 6
-
- -
- 7
-
- -
- 8
-
- -
- 9
-
- -
- 10
-
- -
- 11
-
- -
- 12
-
- -
- 13
-
- -
- 14
-
- -
- 15
-
- -
- 16
-
- -
- 17
-
- -
- 18
-
- -
- 19
-
- -
- 20
-
- -
- 21
-
- -
- 22
-
- -
- 23
-
- -
- 24
-
-
-
-
-
- ,
- "container":
-
-
-
*]:flex-[0_0_auto] [&>img]:h-full [&>img]:basis-auto [&>img]:w-auto snap-x snap-mandatory rtl:flex-row-reverse"
- >
- -
- 0
-
- -
- 1
-
- -
- 2
-
- -
- 3
-
- -
- 4
-
- -
- 5
-
- -
- 6
-
- -
- 7
-
- -
- 8
-
- -
- 9
-
- -
- 10
-
- -
- 11
-
- -
- 12
-
- -
- 13
-
- -
- 14
-
- -
- 15
-
- -
- 16
-
- -
- 17
-
- -
- 18
-
- -
- 19
-
- -
- 20
-
- -
- 21
-
- -
- 22
-
- -
- 23
-
- -
- 24
-
-
-
-
-
,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
exports[`Carousel renders Default 1`] = `
Object {
"asFragment": [Function],
@@ -2957,7 +688,7 @@ Object {
>